.organisation-logo {
  background: url('../assets/images/logos/logo-ansan.png');
  background-size: 95%;
  background-position: center center;
  transform: rotate(0deg) !important;
  width: 80px !important;
  height: 336px !important;
  left: -3px !important;
  bottom: 10px !important;
}
.btn-primary {
  background: #5f6a7c;
}
.btn-primary:hover {
  background: #333942;
}
input:focus,
input.focus {
  outline: #254175 auto 5px;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  background: #E3E8EB;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-family: 'Nunito', 'Raleway', sans-serif;
  font-variant-numeric: lining-nums;
  font-weight: 300;
  line-height: 15px;
  font-size: 15px;
  position: relative;
  min-height: 630px;
  margin: 0;
}
h1,
h2,
h3,
h4,
p,
ol,
ul {
  margin: 0;
  padding: 0;
}
li {
  display: block;
}
h1 {
  font-size: 22px;
  font-weight: bold;
}
h2 {
  font-size: 18px;
  font-weight: bold;
}
h2 .header-inner-titel {
  display: block;
  line-height: 1.5;
}
h2 .header-inner-subtitel {
  display: block;
  line-height: 1;
  font-size: 16px;
  font-weight: 300;
}
h3 {
  font-size: 17px;
  font-weight: bold;
}
a {
  cursor: pointer;
  transition: color 0.3s linear;
  text-decoration: none;
  color: #000000;
}
a:hover {
  transition: color 0.3s linear;
  color: #1f3662;
}
::-moz-focus-inner {
  padding: 0;
  border: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-button {
  width: 6px;
  height: 5px;
}
::-webkit-scrollbar-track {
  border: thin solid lightgray;
  border-radius: 8px;
  background: #EEEEEE;
  box-shadow: 0 0 3px #DFDFDF inset;
}
::-webkit-scrollbar-thumb {
  border: thin solid gray;
  border-radius: 10px;
  background: #999999;
}
::-webkit-scrollbar-thumb:hover {
  background: #7D7D7D;
}
.show-help .help {
  display: block;
}
.show-help .form-group .dropdown {
  width: 64%;
}
.show-help .form-group input,
.show-help .form-group tags-input,
.show-help .form-group .non-edit {
  width: 64%;
}
.show-help .form-group .sensor-number-input {
  width: 50px;
}
.show-help .form-group .gateway-interval-input {
  width: 68px;
}
.show-help .tooltip-form-container {
  z-index: 99999;
}
.show-help .tooltip-form-container.after-button {
  float: right;
}
.show-help .dropdown-visualisations {
  margin-right: 20px;
}
.hide-help .help {
  display: none;
}
.tooltip-form-container {
  color: #5c81f8;
}
tooltip h3 {
  text-align: left;
  padding-bottom: 2px;
  margin-bottom: 4px;
  border-bottom: 1px solid #8A9FA9;
}
tooltip p {
  text-align: left;
  padding: 4px 0;
}
.container {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background: #E3E8EB;
}
.dashboard {
  min-width: 500px;
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  bottom: 0;
}
.management {
  min-width: 500px;
  position: absolute;
  left: 340px;
  right: 0;
  top: 0;
  bottom: 0;
}
.analytics {
  min-width: 500px;
  position: absolute;
  left: 340px;
  right: 0;
  top: 0;
  bottom: 0;
}
.notifications {
  min-width: 500px;
  position: absolute;
  left: 340px;
  right: 0;
  top: 0;
  bottom: 0;
}
.calendar {
  min-width: 500px;
  position: absolute;
  left: 340px;
  right: 0;
  top: 0;
  bottom: 0;
}
.is-active {
  background: #254175;
}
.is-hidden {
  display: none;
}
.is-open {
  display: block;
}
.faded {
  opacity: 0.4;
}
.hover {
  cursor: pointer;
}
.disabled {
  color: #8A9FA9;
}
.blue {
  border-bottom: 10px solid #37B3E0;
  color: #5f6a7c;
}
.orange {
  border-bottom: 10px solid #F6A31F;
  color: #5f6a7c;
}
.red {
  border-bottom: 10px solid #D00000;
  color: #5f6a7c;
}
.color-red {
  color: #D00000;
}
.color-green {
  color: #31a5d3;
}
.loading .loader {
  display: block;
}
.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[ng-cloak],
.ng-cloak {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  display: block;
  clear: both;
}
.block {
  display: block;
}
.warning,
.orange-text {
  color: #F6A31F;
}
.error {
  color: #D00000;
}
.ok,
.success {
  color: #31a5d3;
}
.pointer {
  cursor: pointer;
}
.lowercase {
  text-transform: lowercase;
}
.badge {
  position: relative;
}
.badge:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  top: -2px;
  right: -6px;
  background-color: #31a5d3;
  border-radius: 50%;
}
/*
Usage:
<div> (wrapper)
  <input type="checkbox" class="folder" id="fold-something" />
  <label for="fold-something">Fold/unfold</label>
  <element class="foldable">
    (content)
  </element>
</div>
*/
input[type=checkbox].folder {
  opacity: 0;
  width: 1;
  height: 1;
  z-index: -999;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
input[type=checkbox].folder + .fold-label {
  clear: right;
}
input[type=checkbox].folder + .fold-label::after {
  float: right;
  content: "+";
}
input[type=checkbox].folder + .fold-label + .foldable {
  display: none;
}
input[type=checkbox].folder:checked + .fold-label::after {
  content: "-";
}
input[type=checkbox].folder:checked + .fold-label + .foldable {
  display: unset;
}
.slide-left.ng-enter {
  transition: transform 0.8s ease;
  transform: translate3d(-635px, 0, 0);
  will-change: transform;
  z-index: 101;
}
.slide-left.ng-enter.ng-enter-active {
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.slide-left.ng-leave {
  transition: transform 0.8s ease;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  z-index: 100;
}
.slide-left.ng-leave.ng-leave-active {
  transform: translate3d(-635px, 0, 0);
  will-change: transform;
}
.navanimate .sub-nav {
  transition: transform 0.5s ease;
}
@font-face {
  font-family: CityManagerIcons;
  src: url('/assets/fonts/CityManagerIcons.eot');
  /* IE9 Compat Modes */
  src: url('/assets/fonts/CityManagerIcons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/CityManagerIcons.ttf') format('truetype');
  /* Safari, Android, iOS */
}
.cmi {
  display: inline-block;
  font: normal normal normal 14px/1 CityManagerIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.icon-organisation:before {
  content: "\0041";
}
.icon-groups:before {
  content: "\0042";
}
.icon-profile:before {
  content: "\0043";
}
.icon-categories:before {
  content: "\0044";
}
.icon-gateway:before {
  content: "\0045";
}
.icon-analytics:before {
  content: "\0046";
}
.icon-dashboard:before {
  content: "\0047";
}
.icon-settings:before {
  content: "\0048";
}
.icon-manager:before {
  content: "\0049";
}
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry  https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
*/
.ion-alert:before {
  content: "\f101";
}
.ion-alert-circled:before {
  content: "\f100";
}
.ion-android-add:before {
  content: "\f2c7";
}
.ion-android-add-circle:before {
  content: "\f359";
}
.ion-android-alarm-clock:before {
  content: "\f35a";
}
.ion-android-alert:before {
  content: "\f35b";
}
.ion-android-apps:before {
  content: "\f35c";
}
.ion-android-archive:before {
  content: "\f2c9";
}
.ion-android-arrow-back:before {
  content: "\f2ca";
}
.ion-android-arrow-down:before {
  content: "\f35d";
}
.ion-android-arrow-dropdown:before {
  content: "\f35f";
}
.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}
.ion-android-arrow-dropleft:before {
  content: "\f361";
}
.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}
.ion-android-arrow-dropright:before {
  content: "\f363";
}
.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}
.ion-android-arrow-dropup:before {
  content: "\f365";
}
.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}
.ion-android-arrow-forward:before {
  content: "\f30f";
}
.ion-android-arrow-up:before {
  content: "\f366";
}
.ion-android-attach:before {
  content: "\f367";
}
.ion-android-bar:before {
  content: "\f368";
}
.ion-android-bicycle:before {
  content: "\f369";
}
.ion-android-boat:before {
  content: "\f36a";
}
.ion-android-bookmark:before {
  content: "\f36b";
}
.ion-android-bulb:before {
  content: "\f36c";
}
.ion-android-bus:before {
  content: "\f36d";
}
.ion-android-calendar:before {
  content: "\f2d1";
}
.ion-android-call:before {
  content: "\f2d2";
}
.ion-android-camera:before {
  content: "\f2d3";
}
.ion-android-cancel:before {
  content: "\f36e";
}
.ion-android-car:before {
  content: "\f36f";
}
.ion-android-cart:before {
  content: "\f370";
}
.ion-android-chat:before {
  content: "\f2d4";
}
.ion-android-checkbox:before {
  content: "\f374";
}
.ion-android-checkbox-blank:before {
  content: "\f371";
}
.ion-android-checkbox-outline:before {
  content: "\f373";
}
.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}
.ion-android-checkmark-circle:before {
  content: "\f375";
}
.ion-android-clipboard:before {
  content: "\f376";
}
.ion-android-close:before {
  content: "\f2d7";
}
.ion-android-cloud:before {
  content: "\f37a";
}
.ion-android-cloud-circle:before {
  content: "\f377";
}
.ion-android-cloud-done:before {
  content: "\f378";
}
.ion-android-cloud-outline:before {
  content: "\f379";
}
.ion-android-color-palette:before {
  content: "\f37b";
}
.ion-android-compass:before {
  content: "\f37c";
}
.ion-android-contact:before {
  content: "\f2d8";
}
.ion-android-contacts:before {
  content: "\f2d9";
}
.ion-android-contract:before {
  content: "\f37d";
}
.ion-android-create:before {
  content: "\f37e";
}
.ion-android-delete:before {
  content: "\f37f";
}
.ion-android-desktop:before {
  content: "\f380";
}
.ion-android-document:before {
  content: "\f381";
}
.ion-android-done:before {
  content: "\f383";
}
.ion-android-done-all:before {
  content: "\f382";
}
.ion-android-download:before {
  content: "\f2dd";
}
.ion-android-drafts:before {
  content: "\f384";
}
.ion-android-exit:before {
  content: "\f385";
}
.ion-android-expand:before {
  content: "\f386";
}
.ion-android-favorite:before {
  content: "\f388";
}
.ion-android-favorite-outline:before {
  content: "\f387";
}
.ion-android-film:before {
  content: "\f389";
}
.ion-android-folder:before {
  content: "\f2e0";
}
.ion-android-folder-open:before {
  content: "\f38a";
}
.ion-android-funnel:before {
  content: "\f38b";
}
.ion-android-globe:before {
  content: "\f38c";
}
.ion-android-hand:before {
  content: "\f2e3";
}
.ion-android-hangout:before {
  content: "\f38d";
}
.ion-android-happy:before {
  content: "\f38e";
}
.ion-android-home:before {
  content: "\f38f";
}
.ion-android-image:before {
  content: "\f2e4";
}
.ion-android-laptop:before {
  content: "\f390";
}
.ion-android-list:before {
  content: "\f391";
}
.ion-android-locate:before {
  content: "\f2e9";
}
.ion-android-lock:before {
  content: "\f392";
}
.ion-android-mail:before {
  content: "\f2eb";
}
.ion-android-map:before {
  content: "\f393";
}
.ion-android-menu:before {
  content: "\f394";
}
.ion-android-microphone:before {
  content: "\f2ec";
}
.ion-android-microphone-off:before {
  content: "\f395";
}
.ion-android-more-horizontal:before {
  content: "\f396";
}
.ion-android-more-vertical:before {
  content: "\f397";
}
.ion-android-navigate:before {
  content: "\f398";
}
.ion-android-notifications:before {
  content: "\f39b";
}
.ion-android-notifications-none:before {
  content: "\f399";
}
.ion-android-notifications-off:before {
  content: "\f39a";
}
.ion-android-open:before {
  content: "\f39c";
}
.ion-android-options:before {
  content: "\f39d";
}
.ion-android-people:before {
  content: "\f39e";
}
.ion-android-person:before {
  content: "\f3a0";
}
.ion-android-person-add:before {
  content: "\f39f";
}
.ion-android-phone-landscape:before {
  content: "\f3a1";
}
.ion-android-phone-portrait:before {
  content: "\f3a2";
}
.ion-android-pin:before {
  content: "\f3a3";
}
.ion-android-plane:before {
  content: "\f3a4";
}
.ion-android-playstore:before {
  content: "\f2f0";
}
.ion-android-print:before {
  content: "\f3a5";
}
.ion-android-radio-button-off:before {
  content: "\f3a6";
}
.ion-android-radio-button-on:before {
  content: "\f3a7";
}
.ion-android-refresh:before {
  content: "\f3a8";
}
.ion-android-remove:before {
  content: "\f2f4";
}
.ion-android-remove-circle:before {
  content: "\f3a9";
}
.ion-android-restaurant:before {
  content: "\f3aa";
}
.ion-android-sad:before {
  content: "\f3ab";
}
.ion-android-search:before {
  content: "\f2f5";
}
.ion-android-send:before {
  content: "\f2f6";
}
.ion-android-settings:before {
  content: "\f2f7";
}
.ion-android-share:before {
  content: "\f2f8";
}
.ion-android-share-alt:before {
  content: "\f3ac";
}
.ion-android-star:before {
  content: "\f2fc";
}
.ion-android-star-half:before {
  content: "\f3ad";
}
.ion-android-star-outline:before {
  content: "\f3ae";
}
.ion-android-stopwatch:before {
  content: "\f2fd";
}
.ion-android-subway:before {
  content: "\f3af";
}
.ion-android-sunny:before {
  content: "\f3b0";
}
.ion-android-sync:before {
  content: "\f3b1";
}
.ion-android-textsms:before {
  content: "\f3b2";
}
.ion-android-time:before {
  content: "\f3b3";
}
.ion-android-train:before {
  content: "\f3b4";
}
.ion-android-unlock:before {
  content: "\f3b5";
}
.ion-android-upload:before {
  content: "\f3b6";
}
.ion-android-volume-down:before {
  content: "\f3b7";
}
.ion-android-volume-mute:before {
  content: "\f3b8";
}
.ion-android-volume-off:before {
  content: "\f3b9";
}
.ion-android-volume-up:before {
  content: "\f3ba";
}
.ion-android-walk:before {
  content: "\f3bb";
}
.ion-android-warning:before {
  content: "\f3bc";
}
.ion-android-watch:before {
  content: "\f3bd";
}
.ion-android-wifi:before {
  content: "\f305";
}
.ion-aperture:before {
  content: "\f313";
}
.ion-archive:before {
  content: "\f102";
}
.ion-arrow-down-a:before {
  content: "\f103";
}
.ion-arrow-down-b:before {
  content: "\f104";
}
.ion-arrow-down-c:before {
  content: "\f105";
}
.ion-arrow-expand:before {
  content: "\f25e";
}
.ion-arrow-graph-down-left:before {
  content: "\f25f";
}
.ion-arrow-graph-down-right:before {
  content: "\f260";
}
.ion-arrow-graph-up-left:before {
  content: "\f261";
}
.ion-arrow-graph-up-right:before {
  content: "\f262";
}
.ion-arrow-left-a:before {
  content: "\f106";
}
.ion-arrow-left-b:before {
  content: "\f107";
}
.ion-arrow-left-c:before {
  content: "\f108";
}
.ion-arrow-move:before {
  content: "\f263";
}
.ion-arrow-resize:before {
  content: "\f264";
}
.ion-arrow-return-left:before {
  content: "\f265";
}
.ion-arrow-return-right:before {
  content: "\f266";
}
.ion-arrow-right-a:before {
  content: "\f109";
}
.ion-arrow-right-b:before {
  content: "\f10a";
}
.ion-arrow-right-c:before {
  content: "\f10b";
}
.ion-arrow-shrink:before {
  content: "\f267";
}
.ion-arrow-swap:before {
  content: "\f268";
}
.ion-arrow-up-a:before {
  content: "\f10c";
}
.ion-arrow-up-b:before {
  content: "\f10d";
}
.ion-arrow-up-c:before {
  content: "\f10e";
}
.ion-asterisk:before {
  content: "\f314";
}
.ion-at:before {
  content: "\f10f";
}
.ion-backspace:before {
  content: "\f3bf";
}
.ion-backspace-outline:before {
  content: "\f3be";
}
.ion-bag:before {
  content: "\f110";
}
.ion-battery-charging:before {
  content: "\f111";
}
.ion-battery-empty:before {
  content: "\f112";
}
.ion-battery-full:before {
  content: "\f113";
}
.ion-battery-half:before {
  content: "\f114";
}
.ion-battery-low:before {
  content: "\f115";
}
.ion-beaker:before {
  content: "\f269";
}
.ion-beer:before {
  content: "\f26a";
}
.ion-bluetooth:before {
  content: "\f116";
}
.ion-bonfire:before {
  content: "\f315";
}
.ion-bookmark:before {
  content: "\f26b";
}
.ion-bowtie:before {
  content: "\f3c0";
}
.ion-briefcase:before {
  content: "\f26c";
}
.ion-bug:before {
  content: "\f2be";
}
.ion-calculator:before {
  content: "\f26d";
}
.ion-calendar:before {
  content: "\f117";
}
.ion-camera:before {
  content: "\f118";
}
.ion-card:before {
  content: "\f119";
}
.ion-cash:before {
  content: "\f316";
}
.ion-chatbox:before {
  content: "\f11b";
}
.ion-chatbox-working:before {
  content: "\f11a";
}
.ion-chatboxes:before {
  content: "\f11c";
}
.ion-chatbubble:before {
  content: "\f11e";
}
.ion-chatbubble-working:before {
  content: "\f11d";
}
.ion-chatbubbles:before {
  content: "\f11f";
}
.ion-checkmark:before {
  content: "\f122";
}
.ion-checkmark-circled:before {
  content: "\f120";
}
.ion-checkmark-round:before {
  content: "\f121";
}
.ion-chevron-down:before {
  content: "\f123";
}
.ion-chevron-left:before {
  content: "\f124";
}
.ion-chevron-right:before {
  content: "\f125";
}
.ion-chevron-up:before {
  content: "\f126";
}
.ion-clipboard:before {
  content: "\f127";
}
.ion-clock:before {
  content: "\f26e";
}
.ion-close:before {
  content: "\f12a";
}
.ion-close-circled:before {
  content: "\f128";
}
.ion-close-round:before {
  content: "\f129";
}
.ion-closed-captioning:before {
  content: "\f317";
}
.ion-cloud:before {
  content: "\f12b";
}
.ion-code:before {
  content: "\f271";
}
.ion-code-download:before {
  content: "\f26f";
}
.ion-code-working:before {
  content: "\f270";
}
.ion-coffee:before {
  content: "\f272";
}
.ion-compass:before {
  content: "\f273";
}
.ion-compose:before {
  content: "\f12c";
}
.ion-connection-bars:before {
  content: "\f274";
}
.ion-contrast:before {
  content: "\f275";
}
.ion-crop:before {
  content: "\f3c1";
}
.ion-cube:before {
  content: "\f318";
}
.ion-disc:before {
  content: "\f12d";
}
.ion-document:before {
  content: "\f12f";
}
.ion-document-text:before {
  content: "\f12e";
}
.ion-drag:before {
  content: "\f130";
}
.ion-earth:before {
  content: "\f276";
}
.ion-easel:before {
  content: "\f3c2";
}
.ion-edit:before {
  content: "\f2bf";
}
.ion-egg:before {
  content: "\f277";
}
.ion-eject:before {
  content: "\f131";
}
.ion-email:before {
  content: "\f132";
}
.ion-email-unread:before {
  content: "\f3c3";
}
.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}
.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}
.ion-eye:before {
  content: "\f133";
}
.ion-eye-disabled:before {
  content: "\f306";
}
.ion-female:before {
  content: "\f278";
}
.ion-filing:before {
  content: "\f134";
}
.ion-film-marker:before {
  content: "\f135";
}
.ion-fireball:before {
  content: "\f319";
}
.ion-flag:before {
  content: "\f279";
}
.ion-flame:before {
  content: "\f31a";
}
.ion-flash:before {
  content: "\f137";
}
.ion-flash-off:before {
  content: "\f136";
}
.ion-folder:before {
  content: "\f139";
}
.ion-fork:before {
  content: "\f27a";
}
.ion-fork-repo:before {
  content: "\f2c0";
}
.ion-forward:before {
  content: "\f13a";
}
.ion-funnel:before {
  content: "\f31b";
}
.ion-gear-a:before {
  content: "\f13d";
}
.ion-gear-b:before {
  content: "\f13e";
}
.ion-grid:before {
  content: "\f13f";
}
.ion-hammer:before {
  content: "\f27b";
}
.ion-happy:before {
  content: "\f31c";
}
.ion-happy-outline:before {
  content: "\f3c6";
}
.ion-headphone:before {
  content: "\f140";
}
.ion-heart:before {
  content: "\f141";
}
.ion-heart-broken:before {
  content: "\f31d";
}
.ion-help:before {
  content: "\f143";
}
.ion-help-buoy:before {
  content: "\f27c";
}
.ion-help-circled:before {
  content: "\f142";
}
.ion-home:before {
  content: "\f144";
}
.ion-icecream:before {
  content: "\f27d";
}
.ion-image:before {
  content: "\f147";
}
.ion-images:before {
  content: "\f148";
}
.ion-information:before {
  content: "\f14a";
}
.ion-information-circled:before {
  content: "\f149";
}
.ion-ionic:before {
  content: "\f14b";
}
.ion-ios-alarm:before {
  content: "\f3c8";
}
.ion-ios-alarm-outline:before {
  content: "\f3c7";
}
.ion-ios-albums:before {
  content: "\f3ca";
}
.ion-ios-albums-outline:before {
  content: "\f3c9";
}
.ion-ios-americanfootball:before {
  content: "\f3cc";
}
.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}
.ion-ios-analytics:before {
  content: "\f3ce";
}
.ion-ios-analytics-outline:before {
  content: "\f3cd";
}
.ion-ios-arrow-back:before {
  content: "\f3cf";
}
.ion-ios-arrow-down:before {
  content: "\f3d0";
}
.ion-ios-arrow-forward:before {
  content: "\f3d1";
}
.ion-ios-arrow-left:before {
  content: "\f3d2";
}
.ion-ios-arrow-right:before {
  content: "\f3d3";
}
.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}
.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}
.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}
.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}
.ion-ios-arrow-up:before {
  content: "\f3d8";
}
.ion-ios-at:before {
  content: "\f3da";
}
.ion-ios-at-outline:before {
  content: "\f3d9";
}
.ion-ios-barcode:before {
  content: "\f3dc";
}
.ion-ios-barcode-outline:before {
  content: "\f3db";
}
.ion-ios-baseball:before {
  content: "\f3de";
}
.ion-ios-baseball-outline:before {
  content: "\f3dd";
}
.ion-ios-basketball:before {
  content: "\f3e0";
}
.ion-ios-basketball-outline:before {
  content: "\f3df";
}
.ion-ios-bell:before {
  content: "\f3e2";
}
.ion-ios-bell-outline:before {
  content: "\f3e1";
}
.ion-ios-body:before {
  content: "\f3e4";
}
.ion-ios-body-outline:before {
  content: "\f3e3";
}
.ion-ios-bolt:before {
  content: "\f3e6";
}
.ion-ios-bolt-outline:before {
  content: "\f3e5";
}
.ion-ios-book:before {
  content: "\f3e8";
}
.ion-ios-book-outline:before {
  content: "\f3e7";
}
.ion-ios-bookmarks:before {
  content: "\f3ea";
}
.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}
.ion-ios-box:before {
  content: "\f3ec";
}
.ion-ios-box-outline:before {
  content: "\f3eb";
}
.ion-ios-briefcase:before {
  content: "\f3ee";
}
.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}
.ion-ios-browsers:before {
  content: "\f3f0";
}
.ion-ios-browsers-outline:before {
  content: "\f3ef";
}
.ion-ios-calculator:before {
  content: "\f3f2";
}
.ion-ios-calculator-outline:before {
  content: "\f3f1";
}
.ion-ios-calendar:before {
  content: "\f3f4";
}
.ion-ios-calendar-outline:before {
  content: "\f3f3";
}
.ion-ios-camera:before {
  content: "\f3f6";
}
.ion-ios-camera-outline:before {
  content: "\f3f5";
}
.ion-ios-cart:before {
  content: "\f3f8";
}
.ion-ios-cart-outline:before {
  content: "\f3f7";
}
.ion-ios-chatboxes:before {
  content: "\f3fa";
}
.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}
.ion-ios-chatbubble:before {
  content: "\f3fc";
}
.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}
.ion-ios-checkmark:before {
  content: "\f3ff";
}
.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}
.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}
.ion-ios-circle-filled:before {
  content: "\f400";
}
.ion-ios-circle-outline:before {
  content: "\f401";
}
.ion-ios-clock:before {
  content: "\f403";
}
.ion-ios-clock-outline:before {
  content: "\f402";
}
.ion-ios-close:before {
  content: "\f406";
}
.ion-ios-close-empty:before {
  content: "\f404";
}
.ion-ios-close-outline:before {
  content: "\f405";
}
.ion-ios-cloud:before {
  content: "\f40c";
}
.ion-ios-cloud-download:before {
  content: "\f408";
}
.ion-ios-cloud-download-outline:before {
  content: "\f407";
}
.ion-ios-cloud-outline:before {
  content: "\f409";
}
.ion-ios-cloud-upload:before {
  content: "\f40b";
}
.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}
.ion-ios-cloudy:before {
  content: "\f410";
}
.ion-ios-cloudy-night:before {
  content: "\f40e";
}
.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}
.ion-ios-cloudy-outline:before {
  content: "\f40f";
}
.ion-ios-cog:before {
  content: "\f412";
}
.ion-ios-cog-outline:before {
  content: "\f411";
}
.ion-ios-color-filter:before {
  content: "\f414";
}
.ion-ios-color-filter-outline:before {
  content: "\f413";
}
.ion-ios-color-wand:before {
  content: "\f416";
}
.ion-ios-color-wand-outline:before {
  content: "\f415";
}
.ion-ios-compose:before {
  content: "\f418";
}
.ion-ios-compose-outline:before {
  content: "\f417";
}
.ion-ios-contact:before {
  content: "\f41a";
}
.ion-ios-contact-outline:before {
  content: "\f419";
}
.ion-ios-copy:before {
  content: "\f41c";
}
.ion-ios-copy-outline:before {
  content: "\f41b";
}
.ion-ios-crop:before {
  content: "\f41e";
}
.ion-ios-crop-strong:before {
  content: "\f41d";
}
.ion-ios-download:before {
  content: "\f420";
}
.ion-ios-download-outline:before {
  content: "\f41f";
}
.ion-ios-drag:before {
  content: "\f421";
}
.ion-ios-email:before {
  content: "\f423";
}
.ion-ios-email-outline:before {
  content: "\f422";
}
.ion-ios-eye:before {
  content: "\f425";
}
.ion-ios-eye-outline:before {
  content: "\f424";
}
.ion-ios-fastforward:before {
  content: "\f427";
}
.ion-ios-fastforward-outline:before {
  content: "\f426";
}
.ion-ios-filing:before {
  content: "\f429";
}
.ion-ios-filing-outline:before {
  content: "\f428";
}
.ion-ios-film:before {
  content: "\f42b";
}
.ion-ios-film-outline:before {
  content: "\f42a";
}
.ion-ios-flag:before {
  content: "\f42d";
}
.ion-ios-flag-outline:before {
  content: "\f42c";
}
.ion-ios-flame:before {
  content: "\f42f";
}
.ion-ios-flame-outline:before {
  content: "\f42e";
}
.ion-ios-flask:before {
  content: "\f431";
}
.ion-ios-flask-outline:before {
  content: "\f430";
}
.ion-ios-flower:before {
  content: "\f433";
}
.ion-ios-flower-outline:before {
  content: "\f432";
}
.ion-ios-folder:before {
  content: "\f435";
}
.ion-ios-folder-outline:before {
  content: "\f434";
}
.ion-ios-football:before {
  content: "\f437";
}
.ion-ios-football-outline:before {
  content: "\f436";
}
.ion-ios-game-controller-a:before {
  content: "\f439";
}
.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}
.ion-ios-game-controller-b:before {
  content: "\f43b";
}
.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}
.ion-ios-gear:before {
  content: "\f43d";
}
.ion-ios-gear-outline:before {
  content: "\f43c";
}
.ion-ios-glasses:before {
  content: "\f43f";
}
.ion-ios-glasses-outline:before {
  content: "\f43e";
}
.ion-ios-grid-view:before {
  content: "\f441";
}
.ion-ios-grid-view-outline:before {
  content: "\f440";
}
.ion-ios-heart:before {
  content: "\f443";
}
.ion-ios-heart-outline:before {
  content: "\f442";
}
.ion-ios-help:before {
  content: "\f446";
}
.ion-ios-help-empty:before {
  content: "\f444";
}
.ion-ios-help-outline:before {
  content: "\f445";
}
.ion-ios-home:before {
  content: "\f448";
}
.ion-ios-home-outline:before {
  content: "\f447";
}
.ion-ios-infinite:before {
  content: "\f44a";
}
.ion-ios-infinite-outline:before {
  content: "\f449";
}
.ion-ios-information:before {
  content: "\f44d";
}
.ion-ios-information-empty:before {
  content: "\f44b";
}
.ion-ios-information-outline:before {
  content: "\f44c";
}
.ion-ios-ionic-outline:before {
  content: "\f44e";
}
.ion-ios-keypad:before {
  content: "\f450";
}
.ion-ios-keypad-outline:before {
  content: "\f44f";
}
.ion-ios-lightbulb:before {
  content: "\f452";
}
.ion-ios-lightbulb-outline:before {
  content: "\f451";
}
.ion-ios-list:before {
  content: "\f454";
}
.ion-ios-list-outline:before {
  content: "\f453";
}
.ion-ios-location:before {
  content: "\f456";
}
.ion-ios-location-outline:before {
  content: "\f455";
}
.ion-ios-locked:before {
  content: "\f458";
}
.ion-ios-locked-outline:before {
  content: "\f457";
}
.ion-ios-loop:before {
  content: "\f45a";
}
.ion-ios-loop-strong:before {
  content: "\f459";
}
.ion-ios-medical:before {
  content: "\f45c";
}
.ion-ios-medical-outline:before {
  content: "\f45b";
}
.ion-ios-medkit:before {
  content: "\f45e";
}
.ion-ios-medkit-outline:before {
  content: "\f45d";
}
.ion-ios-mic:before {
  content: "\f461";
}
.ion-ios-mic-off:before {
  content: "\f45f";
}
.ion-ios-mic-outline:before {
  content: "\f460";
}
.ion-ios-minus:before {
  content: "\f464";
}
.ion-ios-minus-empty:before {
  content: "\f462";
}
.ion-ios-minus-outline:before {
  content: "\f463";
}
.ion-ios-monitor:before {
  content: "\f466";
}
.ion-ios-monitor-outline:before {
  content: "\f465";
}
.ion-ios-moon:before {
  content: "\f468";
}
.ion-ios-moon-outline:before {
  content: "\f467";
}
.ion-ios-more:before {
  content: "\f46a";
}
.ion-ios-more-outline:before {
  content: "\f469";
}
.ion-ios-musical-note:before {
  content: "\f46b";
}
.ion-ios-musical-notes:before {
  content: "\f46c";
}
.ion-ios-navigate:before {
  content: "\f46e";
}
.ion-ios-navigate-outline:before {
  content: "\f46d";
}
.ion-ios-nutrition:before {
  content: "\f470";
}
.ion-ios-nutrition-outline:before {
  content: "\f46f";
}
.ion-ios-paper:before {
  content: "\f472";
}
.ion-ios-paper-outline:before {
  content: "\f471";
}
.ion-ios-paperplane:before {
  content: "\f474";
}
.ion-ios-paperplane-outline:before {
  content: "\f473";
}
.ion-ios-partlysunny:before {
  content: "\f476";
}
.ion-ios-partlysunny-outline:before {
  content: "\f475";
}
.ion-ios-pause:before {
  content: "\f478";
}
.ion-ios-pause-outline:before {
  content: "\f477";
}
.ion-ios-paw:before {
  content: "\f47a";
}
.ion-ios-paw-outline:before {
  content: "\f479";
}
.ion-ios-people:before {
  content: "\f47c";
}
.ion-ios-people-outline:before {
  content: "\f47b";
}
.ion-ios-person:before {
  content: "\f47e";
}
.ion-ios-person-outline:before {
  content: "\f47d";
}
.ion-ios-personadd:before {
  content: "\f480";
}
.ion-ios-personadd-outline:before {
  content: "\f47f";
}
.ion-ios-photos:before {
  content: "\f482";
}
.ion-ios-photos-outline:before {
  content: "\f481";
}
.ion-ios-pie:before {
  content: "\f484";
}
.ion-ios-pie-outline:before {
  content: "\f483";
}
.ion-ios-pint:before {
  content: "\f486";
}
.ion-ios-pint-outline:before {
  content: "\f485";
}
.ion-ios-play:before {
  content: "\f488";
}
.ion-ios-play-outline:before {
  content: "\f487";
}
.ion-ios-plus:before {
  content: "\f48b";
}
.ion-ios-plus-empty:before {
  content: "\f489";
}
.ion-ios-plus-outline:before {
  content: "\f48a";
}
.ion-ios-pricetag:before {
  content: "\f48d";
}
.ion-ios-pricetag-outline:before {
  content: "\f48c";
}
.ion-ios-pricetags:before {
  content: "\f48f";
}
.ion-ios-pricetags-outline:before {
  content: "\f48e";
}
.ion-ios-printer:before {
  content: "\f491";
}
.ion-ios-printer-outline:before {
  content: "\f490";
}
.ion-ios-pulse:before {
  content: "\f493";
}
.ion-ios-pulse-strong:before {
  content: "\f492";
}
.ion-ios-rainy:before {
  content: "\f495";
}
.ion-ios-rainy-outline:before {
  content: "\f494";
}
.ion-ios-recording:before {
  content: "\f497";
}
.ion-ios-recording-outline:before {
  content: "\f496";
}
.ion-ios-redo:before {
  content: "\f499";
}
.ion-ios-redo-outline:before {
  content: "\f498";
}
.ion-ios-refresh:before {
  content: "\f49c";
}
.ion-ios-refresh-empty:before {
  content: "\f49a";
}
.ion-ios-refresh-outline:before {
  content: "\f49b";
}
.ion-ios-reload:before {
  content: "\f49d";
}
.ion-ios-reverse-camera:before {
  content: "\f49f";
}
.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}
.ion-ios-rewind:before {
  content: "\f4a1";
}
.ion-ios-rewind-outline:before {
  content: "\f4a0";
}
.ion-ios-rose:before {
  content: "\f4a3";
}
.ion-ios-rose-outline:before {
  content: "\f4a2";
}
.ion-ios-search:before {
  content: "\f4a5";
}
.ion-ios-search-strong:before {
  content: "\f4a4";
}
.ion-ios-settings:before {
  content: "\f4a7";
}
.ion-ios-settings-strong:before {
  content: "\f4a6";
}
.ion-ios-shuffle:before {
  content: "\f4a9";
}
.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}
.ion-ios-skipbackward:before {
  content: "\f4ab";
}
.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}
.ion-ios-skipforward:before {
  content: "\f4ad";
}
.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}
.ion-ios-snowy:before {
  content: "\f4ae";
}
.ion-ios-speedometer:before {
  content: "\f4b0";
}
.ion-ios-speedometer-outline:before {
  content: "\f4af";
}
.ion-ios-star:before {
  content: "\f4b3";
}
.ion-ios-star-half:before {
  content: "\f4b1";
}
.ion-ios-star-outline:before {
  content: "\f4b2";
}
.ion-ios-stopwatch:before {
  content: "\f4b5";
}
.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}
.ion-ios-sunny:before {
  content: "\f4b7";
}
.ion-ios-sunny-outline:before {
  content: "\f4b6";
}
.ion-ios-telephone:before {
  content: "\f4b9";
}
.ion-ios-telephone-outline:before {
  content: "\f4b8";
}
.ion-ios-tennisball:before {
  content: "\f4bb";
}
.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}
.ion-ios-thunderstorm:before {
  content: "\f4bd";
}
.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}
.ion-ios-time:before {
  content: "\f4bf";
}
.ion-ios-time-outline:before {
  content: "\f4be";
}
.ion-ios-timer:before {
  content: "\f4c1";
}
.ion-ios-timer-outline:before {
  content: "\f4c0";
}
.ion-ios-toggle:before {
  content: "\f4c3";
}
.ion-ios-toggle-outline:before {
  content: "\f4c2";
}
.ion-ios-trash:before {
  content: "\f4c5";
}
.ion-ios-trash-outline:before {
  content: "\f4c4";
}
.ion-ios-undo:before {
  content: "\f4c7";
}
.ion-ios-undo-outline:before {
  content: "\f4c6";
}
.ion-ios-unlocked:before {
  content: "\f4c9";
}
.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}
.ion-ios-upload:before {
  content: "\f4cb";
}
.ion-ios-upload-outline:before {
  content: "\f4ca";
}
.ion-ios-videocam:before {
  content: "\f4cd";
}
.ion-ios-videocam-outline:before {
  content: "\f4cc";
}
.ion-ios-volume-high:before {
  content: "\f4ce";
}
.ion-ios-volume-low:before {
  content: "\f4cf";
}
.ion-ios-wineglass:before {
  content: "\f4d1";
}
.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}
.ion-ios-world:before {
  content: "\f4d3";
}
.ion-ios-world-outline:before {
  content: "\f4d2";
}
.ion-ipad:before {
  content: "\f1f9";
}
.ion-iphone:before {
  content: "\f1fa";
}
.ion-ipod:before {
  content: "\f1fb";
}
.ion-jet:before {
  content: "\f295";
}
.ion-key:before {
  content: "\f296";
}
.ion-knife:before {
  content: "\f297";
}
.ion-laptop:before {
  content: "\f1fc";
}
.ion-leaf:before {
  content: "\f1fd";
}
.ion-levels:before {
  content: "\f298";
}
.ion-lightbulb:before {
  content: "\f299";
}
.ion-link:before {
  content: "\f1fe";
}
.ion-load-a:before {
  content: "\f29a";
}
.ion-load-b:before {
  content: "\f29b";
}
.ion-load-c:before {
  content: "\f29c";
}
.ion-load-d:before {
  content: "\f29d";
}
.ion-location:before {
  content: "\f1ff";
}
.ion-lock-combination:before {
  content: "\f4d4";
}
.ion-locked:before {
  content: "\f200";
}
.ion-log-in:before {
  content: "\f29e";
}
.ion-log-out:before {
  content: "\f29f";
}
.ion-loop:before {
  content: "\f201";
}
.ion-magnet:before {
  content: "\f2a0";
}
.ion-male:before {
  content: "\f2a1";
}
.ion-man:before {
  content: "\f202";
}
.ion-map:before {
  content: "\f203";
}
.ion-medkit:before {
  content: "\f2a2";
}
.ion-merge:before {
  content: "\f33f";
}
.ion-mic-a:before {
  content: "\f204";
}
.ion-mic-b:before {
  content: "\f205";
}
.ion-mic-c:before {
  content: "\f206";
}
.ion-minus:before {
  content: "\f209";
}
.ion-minus-circled:before {
  content: "\f207";
}
.ion-minus-round:before {
  content: "\f208";
}
.ion-model-s:before {
  content: "\f2c1";
}
.ion-monitor:before {
  content: "\f20a";
}
.ion-more:before {
  content: "\f20b";
}
.ion-mouse:before {
  content: "\f340";
}
.ion-music-note:before {
  content: "\f20c";
}
.ion-navicon:before {
  content: "\f20e";
}
.ion-navicon-round:before {
  content: "\f20d";
}
.ion-navigate:before {
  content: "\f2a3";
}
.ion-network:before {
  content: "\f341";
}
.ion-no-smoking:before {
  content: "\f2c2";
}
.ion-nuclear:before {
  content: "\f2a4";
}
.ion-outlet:before {
  content: "\f342";
}
.ion-paintbrush:before {
  content: "\f4d5";
}
.ion-paintbucket:before {
  content: "\f4d6";
}
.ion-paper-airplane:before {
  content: "\f2c3";
}
.ion-paperclip:before {
  content: "\f20f";
}
.ion-pause:before {
  content: "\f210";
}
.ion-person:before {
  content: "\f213";
}
.ion-person-add:before {
  content: "\f211";
}
.ion-person-stalker:before {
  content: "\f212";
}
.ion-pie-graph:before {
  content: "\f2a5";
}
.ion-pin:before {
  content: "\f2a6";
}
.ion-pinpoint:before {
  content: "\f2a7";
}
.ion-pizza:before {
  content: "\f2a8";
}
.ion-plane:before {
  content: "\f214";
}
.ion-planet:before {
  content: "\f343";
}
.ion-play:before {
  content: "\f215";
}
.ion-playstation:before {
  content: "\f30a";
}
.ion-plus:before {
  content: "\f218";
}
.ion-plus-circled:before {
  content: "\f216";
}
.ion-plus-round:before {
  content: "\f217";
}
.ion-podium:before {
  content: "\f344";
}
.ion-pound:before {
  content: "\f219";
}
.ion-power:before {
  content: "\f2a9";
}
.ion-pricetag:before {
  content: "\f2aa";
}
.ion-pricetags:before {
  content: "\f2ab";
}
.ion-printer:before {
  content: "\f21a";
}
.ion-pull-request:before {
  content: "\f345";
}
.ion-qr-scanner:before {
  content: "\f346";
}
.ion-quote:before {
  content: "\f347";
}
.ion-radio-waves:before {
  content: "\f2ac";
}
.ion-record:before {
  content: "\f21b";
}
.ion-refresh:before {
  content: "\f21c";
}
.ion-reply:before {
  content: "\f21e";
}
.ion-reply-all:before {
  content: "\f21d";
}
.ion-ribbon-a:before {
  content: "\f348";
}
.ion-ribbon-b:before {
  content: "\f349";
}
.ion-sad:before {
  content: "\f34a";
}
.ion-sad-outline:before {
  content: "\f4d7";
}
.ion-scissors:before {
  content: "\f34b";
}
.ion-search:before {
  content: "\f21f";
}
.ion-settings:before {
  content: "\f2ad";
}
.ion-share:before {
  content: "\f220";
}
.ion-shuffle:before {
  content: "\f221";
}
.ion-skip-backward:before {
  content: "\f222";
}
.ion-skip-forward:before {
  content: "\f223";
}
.ion-social-android:before {
  content: "\f225";
}
.ion-social-android-outline:before {
  content: "\f224";
}
.ion-social-angular:before {
  content: "\f4d9";
}
.ion-social-angular-outline:before {
  content: "\f4d8";
}
.ion-social-apple:before {
  content: "\f227";
}
.ion-social-apple-outline:before {
  content: "\f226";
}
.ion-social-bitcoin:before {
  content: "\f2af";
}
.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}
.ion-social-buffer:before {
  content: "\f229";
}
.ion-social-buffer-outline:before {
  content: "\f228";
}
.ion-social-chrome:before {
  content: "\f4db";
}
.ion-social-chrome-outline:before {
  content: "\f4da";
}
.ion-social-codepen:before {
  content: "\f4dd";
}
.ion-social-codepen-outline:before {
  content: "\f4dc";
}
.ion-social-css3:before {
  content: "\f4df";
}
.ion-social-css3-outline:before {
  content: "\f4de";
}
.ion-social-designernews:before {
  content: "\f22b";
}
.ion-social-designernews-outline:before {
  content: "\f22a";
}
.ion-social-dribbble:before {
  content: "\f22d";
}
.ion-social-dribbble-outline:before {
  content: "\f22c";
}
.ion-social-dropbox:before {
  content: "\f22f";
}
.ion-social-dropbox-outline:before {
  content: "\f22e";
}
.ion-social-euro:before {
  content: "\f4e1";
}
.ion-social-euro-outline:before {
  content: "\f4e0";
}
.ion-social-facebook:before {
  content: "\f231";
}
.ion-social-facebook-outline:before {
  content: "\f230";
}
.ion-social-foursquare:before {
  content: "\f34d";
}
.ion-social-foursquare-outline:before {
  content: "\f34c";
}
.ion-social-freebsd-devil:before {
  content: "\f2c4";
}
.ion-social-github:before {
  content: "\f233";
}
.ion-social-github-outline:before {
  content: "\f232";
}
.ion-social-google:before {
  content: "\f34f";
}
.ion-social-google-outline:before {
  content: "\f34e";
}
.ion-social-googleplus:before {
  content: "\f235";
}
.ion-social-googleplus-outline:before {
  content: "\f234";
}
.ion-social-hackernews:before {
  content: "\f237";
}
.ion-social-hackernews-outline:before {
  content: "\f236";
}
.ion-social-html5:before {
  content: "\f4e3";
}
.ion-social-html5-outline:before {
  content: "\f4e2";
}
.ion-social-instagram:before {
  content: "\f351";
}
.ion-social-instagram-outline:before {
  content: "\f350";
}
.ion-social-javascript:before {
  content: "\f4e5";
}
.ion-social-javascript-outline:before {
  content: "\f4e4";
}
.ion-social-linkedin:before {
  content: "\f239";
}
.ion-social-linkedin-outline:before {
  content: "\f238";
}
.ion-social-markdown:before {
  content: "\f4e6";
}
.ion-social-nodejs:before {
  content: "\f4e7";
}
.ion-social-octocat:before {
  content: "\f4e8";
}
.ion-social-pinterest:before {
  content: "\f2b1";
}
.ion-social-pinterest-outline:before {
  content: "\f2b0";
}
.ion-social-python:before {
  content: "\f4e9";
}
.ion-social-reddit:before {
  content: "\f23b";
}
.ion-social-reddit-outline:before {
  content: "\f23a";
}
.ion-social-rss:before {
  content: "\f23d";
}
.ion-social-rss-outline:before {
  content: "\f23c";
}
.ion-social-sass:before {
  content: "\f4ea";
}
.ion-social-skype:before {
  content: "\f23f";
}
.ion-social-skype-outline:before {
  content: "\f23e";
}
.ion-social-snapchat:before {
  content: "\f4ec";
}
.ion-social-snapchat-outline:before {
  content: "\f4eb";
}
.ion-social-tumblr:before {
  content: "\f241";
}
.ion-social-tumblr-outline:before {
  content: "\f240";
}
.ion-social-tux:before {
  content: "\f2c5";
}
.ion-social-twitch:before {
  content: "\f4ee";
}
.ion-social-twitch-outline:before {
  content: "\f4ed";
}
.ion-social-twitter:before {
  content: "\f243";
}
.ion-social-twitter-outline:before {
  content: "\f242";
}
.ion-social-usd:before {
  content: "\f353";
}
.ion-social-usd-outline:before {
  content: "\f352";
}
.ion-social-vimeo:before {
  content: "\f245";
}
.ion-social-vimeo-outline:before {
  content: "\f244";
}
.ion-social-whatsapp:before {
  content: "\f4f0";
}
.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}
.ion-social-windows:before {
  content: "\f247";
}
.ion-social-windows-outline:before {
  content: "\f246";
}
.ion-social-wordpress:before {
  content: "\f249";
}
.ion-social-wordpress-outline:before {
  content: "\f248";
}
.ion-social-yahoo:before {
  content: "\f24b";
}
.ion-social-yahoo-outline:before {
  content: "\f24a";
}
.ion-social-yen:before {
  content: "\f4f2";
}
.ion-social-yen-outline:before {
  content: "\f4f1";
}
.ion-social-youtube:before {
  content: "\f24d";
}
.ion-social-youtube-outline:before {
  content: "\f24c";
}
.ion-soup-can:before {
  content: "\f4f4";
}
.ion-soup-can-outline:before {
  content: "\f4f3";
}
.ion-speakerphone:before {
  content: "\f2b2";
}
.ion-speedometer:before {
  content: "\f2b3";
}
.ion-spoon:before {
  content: "\f2b4";
}
.ion-star:before {
  content: "\f24e";
}
.ion-stats-bars:before {
  content: "\f2b5";
}
.ion-steam:before {
  content: "\f30b";
}
.ion-stop:before {
  content: "\f24f";
}
.ion-thermometer:before {
  content: "\f2b6";
}
.ion-thumbsdown:before {
  content: "\f250";
}
.ion-thumbsup:before {
  content: "\f251";
}
.ion-toggle:before {
  content: "\f355";
}
.ion-toggle-filled:before {
  content: "\f354";
}
.ion-transgender:before {
  content: "\f4f5";
}
.ion-trash-a:before {
  content: "\f252";
}
.ion-trash-b:before {
  content: "\f253";
}
.ion-trophy:before {
  content: "\f356";
}
.ion-tshirt:before {
  content: "\f4f7";
}
.ion-tshirt-outline:before {
  content: "\f4f6";
}
.ion-umbrella:before {
  content: "\f2b7";
}
.ion-university:before {
  content: "\f357";
}
.ion-unlocked:before {
  content: "\f254";
}
.ion-upload:before {
  content: "\f255";
}
.ion-usb:before {
  content: "\f2b8";
}
.ion-videocamera:before {
  content: "\f256";
}
.ion-volume-high:before {
  content: "\f257";
}
.ion-volume-low:before {
  content: "\f258";
}
.ion-volume-medium:before {
  content: "\f259";
}
.ion-volume-mute:before {
  content: "\f25a";
}
.ion-wand:before {
  content: "\f358";
}
.ion-waterdrop:before {
  content: "\f25b";
}
.ion-wifi:before {
  content: "\f25c";
}
.ion-wineglass:before {
  content: "\f2b9";
}
.ion-woman:before {
  content: "\f25d";
}
.ion-wrench:before {
  content: "\f2ba";
}
.ion-xbox:before {
  content: "\f30c";
}
@font-face {
  font-family: "Ionicons";
  src: url("/assets/fonts/ionicons.eot?v=2.0.0");
  src: url("/assets/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("/assets/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("/assets/fonts/ionicons.woff?v=2.0.0") format("woff"), url("/assets/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion,
.ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alert-box {
  position: fixed;
  top: -55px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 600px;
  padding-top: 5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  display: none;
  z-index: 2001;
  box-shadow: 3px 3px 1px 0px rgba(108, 115, 122, 0.15);
  transition: top 0.4s linear;
  color: #FFFFFF;
}
.alert-box.open {
  transition: top 0.4s linear;
  display: block;
  top: 6px;
}
.alert-box.blue {
  background: #37B3E0;
  color: #FFFFFF;
}
.alert-box.red {
  background: #D00000;
  color: #FFFFFF;
}
.alert-box.orange {
  background: #F6A31F;
  color: #FFFFFF;
}
.inline-alert {
  background: #ffd0d0;
  color: #000000;
  border: 1px solid #D00000;
  padding: 10px;
  margin-bottom: 15px;
}
.inline-alert h3 {
  margin-bottom: 15px;
}
.inline-alert pre {
  font-size: smaller;
  white-space: pre-wrap;
}
.suggestions-list {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 30%;
}
.suggestions-list li {
  padding: 8px;
  background: #FFFFFF;
  border: 1px solid #5f6a7c;
  border-top: 0;
  cursor: pointer;
}
.suggestions-list li:hover {
  background: #E3E8EB;
}
button,
.btn {
  display: block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  letter-spacing: inherit;
  outline: none;
  padding: 8px 20px;
  transition: background 0.4s linear;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
}
button:active,
.btn:active,
button.active,
.btn.active {
  background-image: none;
  opacity: 0.8;
}
button:active:focus,
.btn:active:focus,
button.active:focus,
.btn.active:focus,
button:active.focus,
.btn:active.focus,
button.active.focus,
.btn.active.focus {
  outline: 0;
}
button:focus,
.btn:focus,
button.focus,
.btn.focus {
  text-decoration: underline;
}
button.disabled,
.btn.disabled,
button:disabled,
.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}
button.hover,
.btn.hover,
button:hover,
.btn:hover {
  transition: background outline 0.4s linear;
}
button.hover:focus,
.btn.hover:focus,
button:hover:focus,
.btn:hover:focus,
button.hover.focus,
.btn.hover.focus,
button:hover.focus,
.btn:hover.focus {
  outline: 0;
}
button.selected,
.btn.selected {
  background-color: #254175;
}
.btn-warning {
  background: #D00000;
}
.btn-warning:hover {
  background: #6a0000;
}
.btn-confirm {
  background: #5f6a7c;
}
.btn-confirm:hover {
  background: #333942;
}
.btn-cancel {
  background: #949dad;
}
.btn-cancel:hover {
  background: #5f6a7c;
}
.btn-submit {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
.btn-container {
  display: inline-block;
  width: 100%;
}
.btn-container .btn {
  float: right;
  margin-left: 10px;
}
.form-group .checkbox,
.form-group input[type=radio] {
  float: left;
  width: 70%;
  min-height: 17px;
  font-size: 1rem;
  min-width: 17px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  outline: none;
  vertical-align: middle;
}
.form-group .checkbox input[type="checkbox"],
.form-group input[type=radio] input[type="checkbox"] {
  outline: none;
  z-index: 100;
  line-height: normal;
  cursor: pointer;
  float: left;
  width: auto;
  min-height: auto;
}
.form-group .checkbox label,
.form-group input[type=radio] label {
  position: relative;
  float: left;
  clear: left;
  cursor: pointer;
  width: 100%;
  padding: 8px 0 0 0;
}
datepicker,
[datepicker],
.datepicker {
  float: left;
  position: relative;
}
datepicker input,
[datepicker] input,
.datepicker input {
  cursor: pointer;
  width: 100px;
}
datepicker a,
[datepicker] a,
.datepicker a {
  color: inherit;
  text-decoration: none;
}
datepicker a:hover,
[datepicker] a:hover,
.datepicker a:hover {
  text-decoration: none;
}
._720kb-datepicker-calendar {
  background: white;
  position: absolute;
  top: 26px;
  z-index: 999;
  min-width: 220px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  border-radius: 4px;
}
._720kb-datepicker-calendar._720kb-datepicker-open,
._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
  visibility: visible;
}
._720kb-datepicker-calendar-header {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative;
  text-align: center;
  font-size: 15px;
  line-height: 40px;
  background: #5f6a7c;
}
._720kb-datepicker-calendar-header a {
  text-decoration: none;
  color: #FFFFFF;
}
._720kb-datepicker-calendar-header ._720kb-datepicker-mobile-item select {
  background: none;
  height: 40px;
  width: 50%;
  margin-left: 0;
}
._720kb-datepicker-calendar-header + ._720kb-datepicker-calendar-header ._720kb-datepicker-mobile-item select {
  background: none;
  position: absolute;
  top: -40px;
  height: 40px;
  float: right;
  width: 50%;
}
._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left;
}
._720kb-datepicker-calendar-header-middle {
  width: 70%;
  float: left;
}
._720kb-datepicker-calendar-header-closed-pagination::after {
  content: "\25BE";
}
._720kb-datepicker-calendar-header-opened-pagination::after {
  content: "\25BE";
  margin-left: 4px;
  position: relative;
  bottom: -3px;
  display: inline-block;
  transform: rotate(180deg);
}
._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center;
  float: left;
  clear: right;
  position: relative;
}
._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin: 5px 1%;
  padding: 1.5% 0;
  float: left;
  border-radius: 1px;
}
._720kb-datepicker-calendar-day._720kb-datepicker-active,
._720kb-datepicker-calendar-day:hover {
  background: rgba(0, 0, 0, 0.03);
}
._720kb-datepicker-calendar-month {
  color: #FFFFFF;
}
._720kb-datepicker-calendar-month a {
  font-size: 15px;
  padding: 3px;
  margin-left: 1%;
}
._720kb-datepicker-calendar-month a:hover {
  text-decoration: underline;
}
._720kb-datepicker-calendar-month a span i {
  display: none;
}
._720kb-datepicker-calendar-years-pagination {
  float: left;
  clear: right;
  width: 100%;
}
._720kb-datepicker-calendar-years-pagination a,
._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  padding: 0 7px;
  font-weight: normal;
  margin: 3px 1% 0 1%;
  line-height: 20px;
  display: inline-block;
}
._720kb-datepicker-calendar-years-pagination-pages {
  width: 100%;
  margin: 0 auto;
}
._720kb-datepicker-calendar-years-pagination-pages a {
  padding: 5px 10px;
}
._720kb-datepicker-calendar-days-header {
  width: 100%;
  margin: 0 auto;
  padding: 0 2%;
  float: left;
  background: #254175;
}
._720kb-datepicker-calendar-days-header div {
  width: 14.18%;
  font-weight: 500;
  font-size: 11.5px;
  padding: 10px 0;
  float: left;
  text-align: center;
  color: #FFFFFF;
}
._720kb-datepicker-calendar-days {
  font-size: 18.5px;
  position: relative;
  bottom: -0.5px;
}
._720kb-datepicker-default-button {
  padding: 0 4.5px;
  font-size: 18.5px;
  position: relative;
  bottom: -0.5px;
}
._720kb-datepicker-calendar-month-button._720kb-datepicker-item-hidden {
  display: block;
}
._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
  width: 100%;
  float: none;
  margin: 0 auto;
}
._720kb-datepicker-item-hidden {
  visibility: hidden;
  display: none;
}
._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover {
  color: #F5F6F7;
  transition: none;
}
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
  display: none;
}
.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  font-size: 14px;
  height: 33px;
  border: 1px solid #8A9FA9;
  width: 70%;
  background: url(../assets/images/arrow-down-b.svg) right 8px top 8px no-repeat #FFFFFF;
  background-size: 16px 16px;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 8px;
}
.dropdown:focus {
  outline: #37B3E0 auto 5px;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon-be {
  background-image: url(../assets/images/flags/be.svg);
}
.flag-icon-de {
  background-image: url(../assets/images/flags/de.svg);
}
.flag-icon-en {
  background-image: url(../assets/images/flags/en.svg);
}
.flag-icon-es {
  background-image: url(../assets/images/flags/es.svg);
}
.flag-icon-fr {
  background-image: url(../assets/images/flags/fr.svg);
}
.flag-icon-it {
  background-image: url(../assets/images/flags/it.svg);
}
.flag-icon-ko {
  background-image: url(../assets/images/flags/ko.svg);
}
.flag-icon-nl {
  background-image: url(../assets/images/flags/nl.svg);
}
.flag-icon-no {
  background-image: url(../assets/images/flags/no.svg);
}
.flag-icon-pl {
  background-image: url(../assets/images/flags/pl.svg);
}
.flag-icon-ru {
  background-image: url(../assets/images/flags/ru.svg);
}
.flag-icon-se {
  background-image: url(../assets/images/flags/se.svg);
}
.flag-icon-us {
  background-image: url(../assets/images/flags/us.svg);
}
.flag-icon-ro {
  background-image: url(../assets/images/flags/ro.svg);
}
.flag-icon-hu {
  background-image: url(../assets/images/flags/hu.svg);
}
.flag-icon-ar {
  background-image: url(../assets/images/flags/ar.svg);
}
.flag-icon-da {
  background-image: url(../assets/images/flags/da.svg);
}
.flag-icon-hr {
  background-image: url(../assets/images/flags/hr.svg);
}
.flag-icon-cz {
  background-image: url(../assets/images/flags/cz.svg);
}
.flag-icon-be + div .flag-icon-be,
.flag-icon-de + div .flag-icon-de,
.flag-icon-en + div .flag-icon-en,
.flag-icon-es + div .flag-icon-es,
.flag-icon-fr + div .flag-icon-fr,
.flag-icon-it + div .flag-icon-it,
.flag-icon-ko + div .flag-icon-ko,
.flag-icon-nl + div .flag-icon-nl,
.flag-icon-no + div .flag-icon-no,
.flag-icon-pl + div .flag-icon-pl,
.flag-icon-ru + div .flag-icon-ru,
.flag-icon-se + div .flag-icon-se,
.flag-icon-ro + div .flag-icon-ro,
.flag-icon-hu + div .flag-icon-hu,
.flag-icon-ar + div .flag-icon-ar,
.flag-icon-da + div .flag-icon-da,
.flag-icon-us + div .flag-icon-us,
.flag-icon-hr + div .flag-icon-hr,
.flag-icon-cz + div .flag-icon-cz {
  display: none;
}
.device-status {
  font-weight: bold;
  text-transform: uppercase;
}
.device-is-online {
  color: #31a5d3;
}
.device-is-unknown {
  color: #F6A31F;
}
.device-is-offline {
  color: #D00000;
}
select {
  font-family: 'Nunito', 'Raleway', sans-serif;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  -webkit-appearance: none;
}
input {
  font-family: 'Nunito', 'Raleway', sans-serif;
  font-variant-numeric: lining-nums;
  font-size: 13px;
  font-weight: bold;
}
.input-alert {
  float: right;
  margin-right: 8px;
}
form.ng-dirty input.ng-invalid.ng-dirty,
form.ng-dirty textarea.ng-invalid.ng-dirty,
form.ng-dirty select.ng-invalid.ng-dirty {
  border: 1px solid #D00000;
}
form.ng-dirty input.ng-invalid.ng-dirty.ng-touched,
form.ng-dirty textarea.ng-invalid.ng-dirty.ng-touched,
form.ng-dirty select.ng-invalid.ng-dirty.ng-touched {
  color: #D00000;
}
form.ng-submitted input.ng-invalid,
form.ng-submitted textarea.ng-invalid,
form.ng-submitted select.ng-invalid {
  border: 1px solid #D00000;
}
input:focus,
input.focus {
  outline-offset: -2px;
  text-decoration: none;
}
textarea {
  resize: vertical;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #8A9FA9;
  padding: 8px;
  font-size: 12px;
  line-height: 1.7;
}
textarea.narrow {
  width: 30px;
}
.form-lamp textarea {
  width: 70%;
  min-height: 60px;
}
.form {
  display: block;
  height: 100%;
  color: #000000;
  background: #FFFFFF;
}
.form.closed {
  display: none;
  padding: 20px;
  height: 0px;
}
.form h2 {
  color: #000000;
}
.form-close {
  position: absolute;
  right: 0px;
  top: -10px;
  background: #1f3662;
  padding: 2px 11px;
  cursor: pointer;
  z-index: 50;
  color: #FFFFFF;
}
.confirmation {
  background: #FFFFFF;
  padding: 10px;
  border: 1px solid #254175;
}
ul.form-list {
  padding-left: 15px;
}
ul.form-list li {
  line-height: 20px;
}
.form-divider {
  border-top: 1px solid #8A9FA9;
  margin-bottom: 15px;
  margin-top: 5px;
}
.form-group {
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}
.form-group label {
  float: left;
  width: 30%;
  padding: 8px 0;
}
.form-group label.status-label {
  width: 10%;
}
.form-group input {
  width: 70%;
  border: 1px solid #8A9FA9;
  padding: 6px 8px;
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 33px;
}
.form-group span.warning {
  margin-left: 30%;
  line-height: 30px;
}
.form-group .non-edit {
  background: #f7f7f7;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  min-height: 33px;
  float: left;
  padding: 8px 8px;
  border: 1px solid #FFFFFF;
  color: #8A9FA9;
  width: 70%;
  cursor: default;
}
.form-group .sensor-number-input {
  width: 54px;
}
.form-group .gateway-interval-input {
  width: 68px;
}
.form-group .status {
  width: 19%;
}
.form-group .status .status-indicator {
  float: right;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #31a5d3;
}
.form-group .status .status-indicator.gray {
  background: #8A9FA9;
}
.form-group .status .status-indicator.red {
  background: #D00000;
}
.form-group .status .status-indicator.orange {
  background: #F6A31F;
}
.form-group.form-days-radio label {
  float: left;
  clear: both;
}
.form-group.form-days-radio input {
  width: 15px;
  height: 15px;
}
.form-group .dropdown {
  width: 70%;
}
.form-group .btn {
  float: right;
  margin-left: 10px;
}
.sub-form-group label.form-label {
  float: left;
  width: 30%;
  padding: 8px 0;
}
.sub-form-group .input-group {
  width: 70%;
  float: left;
}
.sub-form-group .input-group .radio-wrapper {
  display: block;
}
.radio-group {
  padding-bottom: 20px;
  line-height: 2.5em;
}
.radio-group label {
  cursor: pointer;
}
.form-header {
  height: 50px;
  width: 100%;
  background-color: #FFFFFF;
}
.form-buttons {
  position: relative;
  float: right;
  padding: 10px;
}
.form-buttons.subtab-margin {
  top: 60px;
}
.form-buttons .btn {
  float: right;
  margin-left: 10px;
}
.form-buttons .input-small {
  width: 60px;
  border: 1px solid #8A9FA9;
  padding: 5px;
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 29px;
  line-height: 15px;
  margin-left: 10px;
}
.search-container .ui.input {
  float: right;
  margin: 1% 2%;
}
.search-container .ui.input input {
  border-radius: 0;
}
.search-container .ui.input .search.icon {
  position: absolute;
  right: 2%;
  font-size: 22px;
  top: 4px;
  color: #E3E8EB;
}
.toggle-switch {
  cursor: pointer;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  min-width: 68px;
  width: 68px;
  border: 1px solid #8A9FA9;
  border-radius: 4px;
}
.toggle-switch.disabled {
  opacity: .5;
  cursor: default;
}
.toggle-switch span {
  display: inline-block;
  float: left;
  height: 100%;
  padding: 4px;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  width: 33.333333%;
}
.toggle-switch > div {
  position: relative;
  width: 151%;
}
.toggle-switch .knob {
  width: 33.33333%;
  z-index: 100;
  background-color: #FFFFFF;
  height: 30px;
}
.toggle-switch .switch-on {
  left: 0%;
}
.toggle-switch .switch-off {
  left: -50%;
}
.toggle-switch .switch-left,
.toggle-switch .switch-right {
  z-index: 1;
  background-color: #254175;
  color: #FFFFFF;
  height: 30px;
}
.toggle-switch-animate {
  transition: left 0.5s;
}
.table-limiter h3 {
  margin-bottom: 15px;
}
.table-limiter input {
  width: 100px;
  margin: 0 10px;
}
.table-limiter .btn {
  float: right;
}
.below-form-field {
  float: right;
  width: 70%;
  padding-top: 5px;
  padding-bottom: 10px;
}
.below-form-field.text-right {
  text-align: right;
}
.special-ngmessage-warning,
ng-messages {
  margin-left: 30%;
  display: block;
  max-height: 0;
  line-height: 1.5;
  overflow: hidden;
}
.special-ngmessage-warning.ng-active,
ng-messages.ng-active {
  transition: max-height 0.5s linear;
  max-height: 48px;
}
.ngmessage,
ng-message {
  color: #D00000;
}
.warning-text-box {
  margin: 10px;
  padding: 10px;
  border: 6px solid #F6A31F;
  line-height: 1.2;
  font-weight: bold;
}
.luminaire-charts-container {
  position: -webkit-sticky;
  position: sticky;
  top: -10px;
  z-index: 100;
}
.luminaire-charts-container .luminaire-chart-header {
  background-color: #5f6a7c;
  border: 1px solid #5f6a7c;
}
.luminaire-charts-container .luminaire-chart-header .luminaire-chart-title {
  color: #FFFFFF;
  font-weight: 700;
  padding: 8px 16px 8px 8px;
  font-size: 13px;
}
.luminaire-charts-container .luminaire-btn-container {
  background-color: #E3E8EB;
  border: 1px solid #8A9FA9;
  padding: 10px;
}
.luminaire-charts-container .luminaire-btn-container .previous,
.luminaire-charts-container .luminaire-btn-container .next {
  width: 50px;
}
.luminaire-charts-container .luminaire-btn-container .filter a {
  background-color: #FFFFFF;
  height: 29px;
  line-height: 25px;
}
.luminaire-charts-container .luminaire-btn-container .applied-filter-bar {
  grid-template-areas: "previous filter next";
  -ms-grid-columns: 60px 1fr 60px;
      grid-template-columns: 60px 1fr 60px;
  background: none;
  padding: 0;
}
.luminaire-charts-container .reports-filter {
  background: #E3E8EB;
  border: 1px solid #8A9FA9;
  width: 100%;
  height: 100%;
}
.luminaire-charts-container .reports-filter .quick-filters h2,
.luminaire-charts-container .reports-filter .custom-filters h2 {
  background: #E3E8EB;
}
.luminaire-charts-container .luminaire-filter-btn {
  float: right;
}
.luminaire-charts {
  height: 180px;
  border: 1px solid #8A9FA9;
  border-left-color: #8A9FA9;
  border-right-color: #8A9FA9;
  border-top: 0;
}
.toggle-help-text {
  top: -10px;
  position: relative;
  left: 35px;
  color: #5c81f8;
}
.input-help-text {
  position: relative;
  color: #5c81f8;
}
.override-warning {
  font-size: 18px;
  position: absolute;
  left: -24px;
  top: 2px;
}
.override-warning.no-float {
  position: static;
  display: inline-block;
}
.loader-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1010;
}
.loader-container.ng-hide {
  opacity: 0;
}
.loader-container.ng-hide-remove {
  animation: fadein 1.5s forwards linear;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loader {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -20px;
  position: absolute;
  border: 6px solid rgba(37, 65, 117, 0.3);
  border-left: 6px solid #254175;
  transform: translateZ(0);
  animation: spin 2s infinite linear;
  z-index: 2000;
}
.loader-text {
  margin: -40px 0 0 -20px;
  position: absolute;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.ngdialog-open {
  overflow: hidden;
}
.ngdialog {
  position: fixed;
  overflow: auto;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 160px;
  padding-top: 160px;
}
.ngdialog .ngdialog-content {
  animation: ngdialog-flyin 0.5s, ngdialog-fadein 0.5s;
  background: #FFFFFF;
  border-radius: 5px;
  color: #444;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
}
.ngdialog .ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: ngdialog-fadein 0.5s;
}
.ngdialog .ngdialog-close {
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.ngdialog .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #8A9FA9;
  content: '\00D7';
  font-size: 26px;
  font-weight: bold;
  height: 20px;
  position: absolute;
  right: 13px;
  text-align: center;
  top: 10px;
  width: 20px;
  line-height: 20px;
}
.ngdialog .ngdialog-close:hover:before,
.ngdialog .ngdialog-close:active:before {
  color: #000000;
}
.ngdialog .ngdialog-message p {
  margin: 20px 0 24px 0;
}
.ngdialog .ngdialog-buttons {
  height: 30px;
}
.ngdialog .ngdialog-btn-container {
  float: right;
}
.ngdialog .ngdialog-btn-container .btn {
  float: left;
  margin-left: 10px;
}
.ngdialog.ngdialog-closing .ngdialog-overlay {
  animation: ngdialog-fadeout 0.5s;
}
.ngdialog.ngdialog-closing .ngdialog-content {
  animation: ngdialog-flyout 0.5s, ngdialog-fadeout 0.5s;
}
.ngdialog.ngdialog-closing:before {
  content: '\00D7';
  cursor: pointer;
}
.screensize-warning {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
}
.screensize-warning .ion-arrow-expand {
  font-size: 120px;
  color: #254175;
}
.screensize-warning h2 {
  margin-bottom: 20px;
  font-size: 30px;
  text-align: center;
  line-height: 1;
}
.screensize-warning p {
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 18px;
  padding: 0 10px;
}
.screensize-warning .ion-monitor {
  font-size: 10vw;
  float: left;
}
.screensize-warning .ion-ipad {
  font-size: 10vw;
  float: left;
  transform: rotate(90deg);
}
.screensize-warning .btn {
  margin: 0 auto;
  padding: 12px 40px;
  font-size: 18px;
}
@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
.ngdialog-content .modal-header {
  border-bottom: 1px solid #E3E8EB;
  padding: 10px;
}
.ngdialog-content .modal-body {
  padding: 10px;
}
.ngdialog-content .modal-footer {
  border-top: 1px solid #E3E8EB;
  padding: 10px;
  height: 40px;
}
.ngdialog-content .modal-footer button {
  float: right;
}
.nav-count {
  display: inline-block;
  padding: 3px 7px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #5f6a7c;
  border-radius: 3px;
  position: absolute;
  right: 4px;
  opacity: 0.4;
  /* matching notifications color-indicators*/
}
.nav-count.orange {
  background-color: #ff8a00;
  border-bottom: 0;
}
.nav-count.pink {
  background-color: #ad1f7b;
}
.nav-count.blue-dark {
  background-color: #009ff3;
}
.nav-count.yellow {
  background-color: #7a711f;
}
.nav-count.green {
  background-color: #1ed400;
}
.nav-count.purpel {
  background-color: #BA2CF2;
}
.active .nav-count {
  display: none;
}
.hide-serial {
  display: none;
}
.hide-serial.serial {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
.hide-name {
  display: none;
}
.hide-name.name {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
.hide-pole {
  display: none;
}
.hide-pole.pole {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
.main-navigation {
  position: relative;
  z-index: 1001;
  width: 80px;
  height: 100vh;
  background: #5c81f8;
}
.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.oauth-wrapper {
  display: none;
}
.device-info {
  font-size: 13px;
  margin-top: 6px;
  font-weight: bold;
}
.device-info-details {
  font-size: 13px;
  margin-top: 4px;
  font-weight: bold;
}
.nav-info {
  font-weight: bold;
  font-size: 19px;
  position: relative;
  box-sizing: border-box;
  height: 80px;
  padding: 10px 15px;
  color: #FFFFFF;
  background: #5c81f8;
  border-bottom: 1px solid #FFFFFF;
}
.nav-info div {
  font-size: 16px;
  margin: 2px 0;
}
.nav-info div.nav-info-details {
  font-size: 13px;
  margin-top: 4px;
}
.nav-info .nav-info-title-org {
  margin: 2px 0;
  font-size: 16px;
  font-weight: bold;
}
.nav-info .nav-info-title-group {
  font-size: 13px;
  margin-top: 6px;
  font-weight: bold;
}
.nav-group-edit > span {
  float: left;
  cursor: pointer;
}
.nav-group-edit > span:hover {
  text-decoration: underline;
}
.nav-hub {
  overflow-x: hidden;
  overflow-y: hidden;
  border-color: #003c6c;
  box-shadow: 3px 0px 1px 0px rgba(108, 115, 122, 0.25);
  color: #FFFFFF;
  position: fixed;
  left: 80px;
  top: 0;
  bottom: 0;
  border-right: 1px solid #FFFFFF;
  width: 260px;
  z-index: 1000;
}
.nav-hub ul.dali-addresses {
  padding-left: 10px;
}
.nav-hub ul.dali-addresses .address-name {
  position: relative;
}
.nav-hub ul.dali-addresses .address-name .after-icon {
  top: 10px;
  left: -15px;
  position: absolute;
  font-size: 70%;
  display: inline-block;
  color: #8A9FA9;
  vertical-align: bottom;
}
.nav-hub.collapsed {
  left: -140px;
}
.nav-search {
  background: #F5F6F7;
  position: relative;
}
.nav-search input {
  display: inline-block;
  width: 100%;
  height: 39px;
  padding: 2px 10px;
  border: 0;
  background-color: #FFFFFF;
  font-size: 14px;
}
.nav-search:after {
  font-family: "Ionicons";
  content: "\f2f5";
  position: absolute;
  right: 12px;
  top: 12px;
  color: #8A9FA9;
  font-size: 20px;
}
.search {
  position: relative;
  background-color: #FFFFFF;
}
.search .highlightedText {
  background: yellow;
}
.search .search-result-name {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: 4px;
}
.search .search-result-serial {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 12px;
}
.search .search-result-pole {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 12px;
}
.search .search-result-address {
  text-transform: none;
  display: block;
  line-height: 1;
  margin-bottom: 4px;
  font-size: 12px;
}
.search .search-result {
  display: block;
}
@keyframes nav-in-from-right {
  from {
    transform: translate3d(260px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes nav-in-from-left {
  from {
    transform: translate3d(-260px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes nav-out-to-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(260px, 0, 0);
  }
}
@keyframes nav-out-to-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-260px, 0, 0);
  }
}
.navanimate .navright .ng-enter .nav-list {
  animation: nav-in-from-right 0.5s normal forwards ease-in-out;
}
.navanimate .navright .ng-leave .nav-list {
  animation: nav-out-to-left 0.5s normal forwards ease-in-out;
}
.navanimate .navleft .ng-leave .nav-list {
  animation: nav-out-to-right 0.5s normal forwards ease-in-out;
}
.navanimate .navleft .ng-enter .nav-list {
  animation: nav-in-from-left 0.5s normal forwards ease-in-out;
}
.scroll-wrapper {
  overflow-y: auto;
  height: calc(100vh - 160px);
  width: 100%;
}
.nav-list {
  will-change: transform;
  background: #FFFFFF;
}
.nav-list.arrow.top-item {
  width: 100%;
  padding-left: 54px;
}
.nav-list .icon-organisation {
  margin-top: -10px;
}
.nav-list .switch-naming {
  width: 100%;
  padding: 5px 10px;
  text-transform: initial;
  background: #F5F6F7;
  height: 35px;
  line-height: 22px;
  color: #000000;
}
.nav-list .switch-naming + .scroll-wrapper {
  height: calc(100vh - 197px);
}
.nav-list .switch-naming .dropdown {
  width: 100px;
  height: 24px;
  float: right;
  background-position: right 3px top 3px;
}
.nav-list .top-item {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 32px;
  color: #FFFFFF;
  cursor: auto;
  height: 40px;
  width: 100%;
  position: relative;
  background: #5c81f8;
  padding: 4px 4px 4px 44px;
  border-bottom: 1px solid white;
}
.nav-list .top-item.light {
  background: #254175;
}
.nav-list .top-item.light .cmi {
  color: #FFFFFF;
}
.nav-list .top-item .cmi {
  left: 14px;
  top: 2px;
}
.nav-list .top-item .cmi.icon-organisation {
  margin-top: 0;
}
.nav-list .top-item .add-item {
  position: absolute;
  top: 0;
  right: 4px;
  display: block;
  width: 25px;
  padding: 5px;
  cursor: pointer;
  text-align: center;
}
.nav-list .top-item .add-item:hover {
  background: #F5F6F7;
}
.nav-list .cmi {
  font-size: 25px;
  position: absolute;
  left: 6px;
  color: #E3E8EB;
}
.nav-list .cmi.ion-ios-circle-filled {
  font-size: 20px;
  top: 6px;
}
.nav-list .cmi.online {
  color: #37B3E0;
}
.nav-list .cmi.text-blue {
  color: #37B3E0;
}
.nav-list .cmi.text-blue {
  color: #37B3E0;
}
.nav-list .cmi.text-selected {
  color: #BA2CF2;
}
.nav-list .cmi.text-darkblue {
  color: #1f99c5;
}
.nav-list .cmi.text-orange {
  color: #F6A31F;
}
.nav-list .cmi.text-purple {
  color: #BA2CF2;
}
.nav-list .cmi.text-green {
  color: #31a5d3;
}
.nav-list .cmi.text-yellow {
  color: #FCD71C;
}
.nav-list .cmi.text-pink {
  color: #F18485;
}
.nav-list .cmi.text-red {
  color: #D00000;
}
.nav-list .cmi.text-white {
  color: #FFFFFF;
}
.nav-list .cmi.text-gray {
  color: #F5F6F7;
}
.nav-list .cmi.ion-android-bulb {
  font-size: 20px;
  top: 6px;
}
.nav-list .collapsable-items {
  color: #000000;
  border-bottom: 1px solid #E3E8EB;
  border-left: 4px solid #1f3662;
  background: #FFFFFF;
  position: relative;
  float: left;
  width: 100%;
  padding: 4px 4px 4px 40px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
}
.nav-list .collapsable-items:after {
  font-family: "Ionicons";
  content: "\f107";
  position: absolute;
  right: 10px;
  font-size: 21px;
  transition: transform 0.4s ease;
}
.nav-list .collapsable-items:hover,
.nav-list .collapsable-items.open {
  color: #000000;
  border-left-color: #254175;
  background-color: #F5F6F7;
}
.nav-list .collapsable-items:hover .cmi,
.nav-list .collapsable-items.open .cmi {
  color: #254175;
}
.nav-list .collapsable-items.open:after {
  transform: rotate(-90deg);
  transition: transform 0.4s ease;
}
.nav-list .collapsable-items .heading-counter {
  font-weight: normal;
  margin-left: .2em;
  color: #808080;
}
.nav-list .collapsable-items.organisations {
  border-left-color: #254175;
}
.nav-list .collapsable-items.organisations.open,
.nav-list .collapsable-items.organisations:hover {
  border-left-color: #254175;
}
.nav-list .collapsable-items.organisations.open .cmi,
.nav-list .collapsable-items.organisations:hover .cmi {
  color: #254175;
}
.nav-list .collapsable-items.groups {
  border-left-color: #5c81f8;
}
.nav-list .collapsable-items.groups.open,
.nav-list .collapsable-items.groups:hover {
  border-left-color: #5c81f8;
}
.nav-list .collapsable-items.groups.open .cmi,
.nav-list .collapsable-items.groups:hover .cmi {
  color: #5c81f8;
}
.nav-list .collapsable-items.profiles {
  border-left-color: #254175;
}
.nav-list .collapsable-items.profiles.open,
.nav-list .collapsable-items.profiles:hover {
  border-left-color: #254175;
}
.nav-list .collapsable-items.profiles.open .cmi,
.nav-list .collapsable-items.profiles:hover .cmi {
  color: #254175;
}
.nav-list .collapsable-items.devices {
  border-left-color: #31a5d3;
}
.nav-list .collapsable-items.devices.open,
.nav-list .collapsable-items.devices:hover {
  border-left-color: #31a5d3;
}
.nav-list .collapsable-items.devices.open .cmi,
.nav-list .collapsable-items.devices:hover .cmi {
  color: #31a5d3;
}
.nav-list .collapsable-items.gateways {
  border-left-color: #BA2CF2;
}
.nav-list .collapsable-items.gateways.open,
.nav-list .collapsable-items.gateways:hover {
  border-left-color: #BA2CF2;
}
.nav-list .collapsable-items.gateways.open .cmi,
.nav-list .collapsable-items.gateways:hover .cmi {
  color: #BA2CF2;
}
.nav-list .collapsable-items.lamps {
  border-left-color: #FCD71C;
}
.nav-list .collapsable-items.lamps.open,
.nav-list .collapsable-items.lamps:hover {
  border-left-color: #FCD71C;
}
.nav-list .collapsable-items.lamps.open .cmi,
.nav-list .collapsable-items.lamps:hover .cmi {
  color: #FCD71C;
}
.nav-list .collapsable-items.ballasts {
  border-left-color: #F6A31F;
}
.nav-list .collapsable-items.ballasts.open,
.nav-list .collapsable-items.ballasts:hover {
  border-left-color: #F6A31F;
}
.nav-list .collapsable-items.ballasts.open .cmi,
.nav-list .collapsable-items.ballasts:hover .cmi {
  color: #F6A31F;
}
.nav-list .list-container {
  width: 100%;
  float: left;
  overflow: hidden;
}
.nav-list .list-container ul {
  width: 100%;
}
.nav-list .nav-hub-item .nav-hub-a {
  color: #000000;
  border-bottom: 1px solid #F5F6F7;
  border-left: 4px solid #F5F6F7;
  background: #FFFFFF;
  font-size: 13px;
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 20px 8px 30px;
  cursor: pointer;
}
.nav-list .nav-hub-item .nav-hub-a:hover {
  color: #254175;
  border-left: 4px solid #254175;
}
.nav-list .nav-hub-item .nav-hub-a:hover .cmi {
  color: #254175;
}
.nav-list .nav-hub-item .active,
.nav-list .nav-hub-item .purple {
  color: #BA2CF2;
  border-left-color: #b214f1;
  background-color: #F5F6F7;
}
.nav-list .nav-hub-item .active .cmi,
.nav-list .nav-hub-item .purple .cmi {
  color: #BA2CF2;
}
.nav-list .active:after,
.nav-list .purple:after {
  font-family: "Ionicons";
  content: "\f10a";
  font-size: 20px;
  position: absolute;
  right: 10px;
}
.nav-list .icon {
  margin-right: 4px;
  margin-left: 4px;
}
.nav-list .create-item .nav-hub-a {
  text-transform: initial;
  color: #8A9FA9;
}
.nav-list .create-item .nav-hub-a.active {
  color: #BA2CF2;
}
.nav-list .create-item .nav-hub-a .cmi {
  font-size: 20px;
  top: 6px;
}
.utility-options {
  width: 100%;
  margin-top: 15px;
  text-align: center;
}
.utility-options .utility-help {
  float: left;
  margin-left: 10px;
}
.utility-options .utility-help.hide-help {
  color: #FFFFFF;
}
.utility-options .utility-help.hide-help:hover {
  color: #254175;
}
.utility-options .utility-help.show-help {
  color: #254175;
}
.utility-options .utility-help .ion-help-circled {
  font-size: 20px;
}
.utility-options .utility-help .ion-help-circled:hover {
  cursor: pointer;
}
.utility-options .utility-language {
  float: left;
  margin-left: 10px;
}
.utility-options .language-switch-popup {
  display: none;
  margin-top: 3px;
  width: 36px;
  padding: 5px 0 0 0;
  background: #8A9FA9;
}
.utility-options .language-switch-popup .flag-icon {
  margin-bottom: 5px;
}
.nav-main {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  float: left;
  border-right: 2px solid #FFFFFF;
  width: 80px;
}
.nav-main .nav-main-li {
  display: block;
  width: 100%;
  height: 80px;
  cursor: pointer;
  text-align: center;
  color: #FFFFFF;
  border-bottom: 1px solid #E3E8EB;
}
.nav-main .nav-main-li .nav-main-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 12px;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  transition: background 0.4s linear;
}
.nav-main .nav-main-li .nav-main-a:hover {
  transition: background 0.4s linear;
  background: #1f3662;
}
.nav-main .nav-main-li .nav-main-a.active {
  background-color: #1f3662;
}
.nav-main .menu-icon {
  font-size: 40px;
}
.nav-main .nav-user {
  position: absolute;
  bottom: 50px;
  height: 0;
  cursor: default;
  border-bottom: 0;
}
@media screen and (min-height: 680px) {
  .nav-main .nav-user {
    height: 220px;
  }
}
@media screen and (min-height: 680px) {
  .nav-main .nav-user .organisation-logo {
    background-repeat: no-repeat;
    height: 80px;
    width: 220px;
    position: absolute;
    left: -72px;
    bottom: 70px;
    transform: rotate(-90deg);
  }
}
.nav-main .nav-user-logout {
  position: absolute;
  bottom: 0;
  height: 30px;
  border-bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.nav-main .nav-user-logout:hover {
  background: #254175;
}
.nav-main .nav-user-logout .log-out-text {
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
}
.nav-main .nav-user-logout .ion-log-out {
  display: inline-block;
  margin-top: 6px;
}
.version-tag {
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
  width: 100%;
  line-height: 2;
  color: #FFFFFF;
}
.nav-util-icon {
  position: absolute;
  font-size: 18px;
  width: 40px;
  top: 0;
  height: 100%;
  background: red;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
  background: #5c81f8;
}
.nav-util-icon.nav-util-icon-left {
  left: 0;
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.nav-util-icon.nav-util-icon-left:hover {
  background: #254175;
}
.nav-util-icon.nav-util-icon-right {
  right: 0;
  border-left: 1px solid #FFFFFF;
}
.nav-util-icon.nav-util-icon-right:hover {
  background: #254175;
}
.nav-util-icon.nav-util-icon-right span:before {
  transform: rotate(90deg);
  transition: transform 0.4s linear;
}
.nav-util-icon.nav-util-icon-right.open span:before {
  transform: rotate(0deg);
  transition: transform 0.4s linear;
}
.tabs li {
  display: inline-block;
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.tabs li.active {
  border: 1px solid gray;
  border-bottom: 0px;
}
.pagination-container {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  height: 35px;
}
.pagination-container .pagination-totals {
  border: 1px solid #afb5be;
  display: inline-block;
  padding: 8px 12px;
  float: left;
  margin-right: 10px;
}
.pagination-container .pagination-dropdown {
  float: right;
  margin-right: 15px;
}
.pagination-container .pagination-dropdown .dropdown {
  min-width: 160px;
  border-radius: 0px;
}
.pagination-container ul {
  display: inline-block;
  float: right;
  margin-right: 30px;
}
.pagination-container ul li {
  display: inline;
}
.pagination-container ul li a {
  border: 1px solid #afb5be;
  border-left: none;
  color: #000000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.pagination-container ul li.active a {
  background-color: #1f3662;
  color: #FFFFFF;
}
.pagination-container ul li:not(.active) a:hover {
  background-color: #E3E8EB;
}
.pagination-container ul li:first-child a {
  border-left: 1px solid #afb5be;
}
.pagination-container ul li.disabled a {
  opacity: 0.3;
  background: #E3E8EB;
  cursor: not-allowed;
}
.popup {
  position: absolute;
  z-index: 1001;
  display: none;
  width: 130px;
  padding: 1px;
  border-radius: 2px;
  background: #FFFFFF;
  box-shadow: 1px 2px 5px 0 rgba(108, 115, 122, 0.25);
}
.popup.open {
  display: block;
}
.popup .list {
  list-style: none;
}
.popup .list li {
  padding: 8px 0;
  cursor: pointer;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #E3E8EB;
}
.popup .list li:last-child {
  border-bottom: 0;
}
.popup .list li:hover {
  background: #F5F6F7;
}
#group-add-popup,
#device-add-popup {
  top: 135px;
  left: 340px;
}
.radial-progress {
  width: 140px;
  height: 140px;
  background: #F5F6F7;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 140px;
  height: 140px;
  position: absolute;
  border-radius: 50%;
  border-top: 0px solid #31a5d3;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  transition: transform 3s;
  border-radius: 50%;
}
.radial-progress .circle .mask {
  clip: rect(0px, 140px, 140px, 70px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 70px, 140px, 0px);
  background-color: #31a5d3;
}
.radial-progress .inset {
  width: 120px;
  height: 120px;
  position: absolute;
  margin-left: 10px;
  margin-top: 10px;
  background: #FFFFFF;
  border-radius: 50%;
}
.radial-progress .inset .percentage {
  height: 30px;
  width: 58px;
  overflow: hidden;
  position: absolute;
  top: 44px;
  left: 34px;
  line-height: 1;
}
.radial-progress .inset .percentage .numbers {
  margin-top: -24px;
  transition: width 3s;
  text-align: left;
}
.radial-progress .inset .percentage .numbers span {
  width: 57px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-weight: 500;
  font-size: 28px;
  color: #000000;
}
.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="0"] .circle .fill {
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .circle .fill.fix {
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .inset .percentage .numbers {
  width: 57px;
}
.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .fill {
  transform: rotate(1.8deg);
}
.radial-progress[data-progress="1"] .circle .fill.fix {
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="1"] .inset .percentage .numbers {
  width: 114px;
}
.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .fill {
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .fill.fix {
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="2"] .inset .percentage .numbers {
  width: 171px;
}
.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .fill {
  transform: rotate(5.4deg);
}
.radial-progress[data-progress="3"] .circle .fill.fix {
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="3"] .inset .percentage .numbers {
  width: 228px;
}
.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .fill {
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="4"] .circle .fill.fix {
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="4"] .inset .percentage .numbers {
  width: 285px;
}
.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .fill {
  transform: rotate(9deg);
}
.radial-progress[data-progress="5"] .circle .fill.fix {
  transform: rotate(18deg);
}
.radial-progress[data-progress="5"] .inset .percentage .numbers {
  width: 342px;
}
.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .fill {
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="6"] .circle .fill.fix {
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="6"] .inset .percentage .numbers {
  width: 399px;
}
.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .fill {
  transform: rotate(12.6deg);
}
.radial-progress[data-progress="7"] .circle .fill.fix {
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="7"] .inset .percentage .numbers {
  width: 456px;
}
.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .fill {
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="8"] .circle .fill.fix {
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="8"] .inset .percentage .numbers {
  width: 513px;
}
.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .fill {
  transform: rotate(16.2deg);
}
.radial-progress[data-progress="9"] .circle .fill.fix {
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="9"] .inset .percentage .numbers {
  width: 570px;
}
.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .fill {
  transform: rotate(18deg);
}
.radial-progress[data-progress="10"] .circle .fill.fix {
  transform: rotate(36deg);
}
.radial-progress[data-progress="10"] .inset .percentage .numbers {
  width: 627px;
}
.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .fill {
  transform: rotate(19.8deg);
}
.radial-progress[data-progress="11"] .circle .fill.fix {
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="11"] .inset .percentage .numbers {
  width: 684px;
}
.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .fill {
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="12"] .circle .fill.fix {
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="12"] .inset .percentage .numbers {
  width: 741px;
}
.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .fill {
  transform: rotate(23.4deg);
}
.radial-progress[data-progress="13"] .circle .fill.fix {
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="13"] .inset .percentage .numbers {
  width: 798px;
}
.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .fill {
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="14"] .circle .fill.fix {
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="14"] .inset .percentage .numbers {
  width: 855px;
}
.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .fill {
  transform: rotate(27deg);
}
.radial-progress[data-progress="15"] .circle .fill.fix {
  transform: rotate(54deg);
}
.radial-progress[data-progress="15"] .inset .percentage .numbers {
  width: 912px;
}
.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .fill {
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="16"] .circle .fill.fix {
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="16"] .inset .percentage .numbers {
  width: 969px;
}
.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .fill {
  transform: rotate(30.6deg);
}
.radial-progress[data-progress="17"] .circle .fill.fix {
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="17"] .inset .percentage .numbers {
  width: 1026px;
}
.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .fill {
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="18"] .circle .fill.fix {
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="18"] .inset .percentage .numbers {
  width: 1083px;
}
.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .fill {
  transform: rotate(34.2deg);
}
.radial-progress[data-progress="19"] .circle .fill.fix {
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="19"] .inset .percentage .numbers {
  width: 1140px;
}
.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .fill {
  transform: rotate(36deg);
}
.radial-progress[data-progress="20"] .circle .fill.fix {
  transform: rotate(72deg);
}
.radial-progress[data-progress="20"] .inset .percentage .numbers {
  width: 1197px;
}
.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .fill {
  transform: rotate(37.8deg);
}
.radial-progress[data-progress="21"] .circle .fill.fix {
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="21"] .inset .percentage .numbers {
  width: 1254px;
}
.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .fill {
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="22"] .circle .fill.fix {
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="22"] .inset .percentage .numbers {
  width: 1311px;
}
.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .fill {
  transform: rotate(41.4deg);
}
.radial-progress[data-progress="23"] .circle .fill.fix {
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="23"] .inset .percentage .numbers {
  width: 1368px;
}
.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .fill {
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="24"] .circle .fill.fix {
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="24"] .inset .percentage .numbers {
  width: 1425px;
}
.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .fill {
  transform: rotate(45deg);
}
.radial-progress[data-progress="25"] .circle .fill.fix {
  transform: rotate(90deg);
}
.radial-progress[data-progress="25"] .inset .percentage .numbers {
  width: 1482px;
}
.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .fill {
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="26"] .circle .fill.fix {
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="26"] .inset .percentage .numbers {
  width: 1539px;
}
.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .fill {
  transform: rotate(48.6deg);
}
.radial-progress[data-progress="27"] .circle .fill.fix {
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="27"] .inset .percentage .numbers {
  width: 1596px;
}
.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .fill {
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="28"] .circle .fill.fix {
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="28"] .inset .percentage .numbers {
  width: 1653px;
}
.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .fill {
  transform: rotate(52.2deg);
}
.radial-progress[data-progress="29"] .circle .fill.fix {
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="29"] .inset .percentage .numbers {
  width: 1710px;
}
.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .fill {
  transform: rotate(54deg);
}
.radial-progress[data-progress="30"] .circle .fill.fix {
  transform: rotate(108deg);
}
.radial-progress[data-progress="30"] .inset .percentage .numbers {
  width: 1767px;
}
.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .fill {
  transform: rotate(55.8deg);
}
.radial-progress[data-progress="31"] .circle .fill.fix {
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="31"] .inset .percentage .numbers {
  width: 1824px;
}
.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .fill {
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="32"] .circle .fill.fix {
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="32"] .inset .percentage .numbers {
  width: 1881px;
}
.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .fill {
  transform: rotate(59.4deg);
}
.radial-progress[data-progress="33"] .circle .fill.fix {
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="33"] .inset .percentage .numbers {
  width: 1938px;
}
.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .fill {
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="34"] .circle .fill.fix {
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="34"] .inset .percentage .numbers {
  width: 1995px;
}
.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .fill {
  transform: rotate(63deg);
}
.radial-progress[data-progress="35"] .circle .fill.fix {
  transform: rotate(126deg);
}
.radial-progress[data-progress="35"] .inset .percentage .numbers {
  width: 2052px;
}
.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .fill {
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="36"] .circle .fill.fix {
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="36"] .inset .percentage .numbers {
  width: 2109px;
}
.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .fill {
  transform: rotate(66.6deg);
}
.radial-progress[data-progress="37"] .circle .fill.fix {
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="37"] .inset .percentage .numbers {
  width: 2166px;
}
.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .fill {
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="38"] .circle .fill.fix {
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="38"] .inset .percentage .numbers {
  width: 2223px;
}
.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .fill {
  transform: rotate(70.2deg);
}
.radial-progress[data-progress="39"] .circle .fill.fix {
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="39"] .inset .percentage .numbers {
  width: 2280px;
}
.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .fill {
  transform: rotate(72deg);
}
.radial-progress[data-progress="40"] .circle .fill.fix {
  transform: rotate(144deg);
}
.radial-progress[data-progress="40"] .inset .percentage .numbers {
  width: 2337px;
}
.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .fill {
  transform: rotate(73.8deg);
}
.radial-progress[data-progress="41"] .circle .fill.fix {
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="41"] .inset .percentage .numbers {
  width: 2394px;
}
.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .fill {
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="42"] .circle .fill.fix {
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="42"] .inset .percentage .numbers {
  width: 2451px;
}
.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .fill {
  transform: rotate(77.4deg);
}
.radial-progress[data-progress="43"] .circle .fill.fix {
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="43"] .inset .percentage .numbers {
  width: 2508px;
}
.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .fill {
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="44"] .circle .fill.fix {
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="44"] .inset .percentage .numbers {
  width: 2565px;
}
.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .fill {
  transform: rotate(81deg);
}
.radial-progress[data-progress="45"] .circle .fill.fix {
  transform: rotate(162deg);
}
.radial-progress[data-progress="45"] .inset .percentage .numbers {
  width: 2622px;
}
.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .fill {
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="46"] .circle .fill.fix {
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="46"] .inset .percentage .numbers {
  width: 2679px;
}
.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .fill {
  transform: rotate(84.6deg);
}
.radial-progress[data-progress="47"] .circle .fill.fix {
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="47"] .inset .percentage .numbers {
  width: 2736px;
}
.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .fill {
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="48"] .circle .fill.fix {
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="48"] .inset .percentage .numbers {
  width: 2793px;
}
.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .fill {
  transform: rotate(88.2deg);
}
.radial-progress[data-progress="49"] .circle .fill.fix {
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="49"] .inset .percentage .numbers {
  width: 2850px;
}
.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .fill {
  transform: rotate(90deg);
}
.radial-progress[data-progress="50"] .circle .fill.fix {
  transform: rotate(180deg);
}
.radial-progress[data-progress="50"] .inset .percentage .numbers {
  width: 2907px;
}
.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .fill {
  transform: rotate(91.8deg);
}
.radial-progress[data-progress="51"] .circle .fill.fix {
  transform: rotate(183.6deg);
}
.radial-progress[data-progress="51"] .inset .percentage .numbers {
  width: 2964px;
}
.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .fill {
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="52"] .circle .fill.fix {
  transform: rotate(187.2deg);
}
.radial-progress[data-progress="52"] .inset .percentage .numbers {
  width: 3021px;
}
.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .fill {
  transform: rotate(95.4deg);
}
.radial-progress[data-progress="53"] .circle .fill.fix {
  transform: rotate(190.8deg);
}
.radial-progress[data-progress="53"] .inset .percentage .numbers {
  width: 3078px;
}
.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .fill {
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="54"] .circle .fill.fix {
  transform: rotate(194.4deg);
}
.radial-progress[data-progress="54"] .inset .percentage .numbers {
  width: 3135px;
}
.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .fill {
  transform: rotate(99deg);
}
.radial-progress[data-progress="55"] .circle .fill.fix {
  transform: rotate(198deg);
}
.radial-progress[data-progress="55"] .inset .percentage .numbers {
  width: 3192px;
}
.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .fill {
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="56"] .circle .fill.fix {
  transform: rotate(201.6deg);
}
.radial-progress[data-progress="56"] .inset .percentage .numbers {
  width: 3249px;
}
.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .fill {
  transform: rotate(102.6deg);
}
.radial-progress[data-progress="57"] .circle .fill.fix {
  transform: rotate(205.2deg);
}
.radial-progress[data-progress="57"] .inset .percentage .numbers {
  width: 3306px;
}
.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .fill {
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="58"] .circle .fill.fix {
  transform: rotate(208.8deg);
}
.radial-progress[data-progress="58"] .inset .percentage .numbers {
  width: 3363px;
}
.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .fill {
  transform: rotate(106.2deg);
}
.radial-progress[data-progress="59"] .circle .fill.fix {
  transform: rotate(212.4deg);
}
.radial-progress[data-progress="59"] .inset .percentage .numbers {
  width: 3420px;
}
.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .fill {
  transform: rotate(108deg);
}
.radial-progress[data-progress="60"] .circle .fill.fix {
  transform: rotate(216deg);
}
.radial-progress[data-progress="60"] .inset .percentage .numbers {
  width: 3477px;
}
.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .fill {
  transform: rotate(109.8deg);
}
.radial-progress[data-progress="61"] .circle .fill.fix {
  transform: rotate(219.6deg);
}
.radial-progress[data-progress="61"] .inset .percentage .numbers {
  width: 3534px;
}
.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .fill {
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="62"] .circle .fill.fix {
  transform: rotate(223.2deg);
}
.radial-progress[data-progress="62"] .inset .percentage .numbers {
  width: 3591px;
}
.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .fill {
  transform: rotate(113.4deg);
}
.radial-progress[data-progress="63"] .circle .fill.fix {
  transform: rotate(226.8deg);
}
.radial-progress[data-progress="63"] .inset .percentage .numbers {
  width: 3648px;
}
.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .fill {
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="64"] .circle .fill.fix {
  transform: rotate(230.4deg);
}
.radial-progress[data-progress="64"] .inset .percentage .numbers {
  width: 3705px;
}
.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .fill {
  transform: rotate(117deg);
}
.radial-progress[data-progress="65"] .circle .fill.fix {
  transform: rotate(234deg);
}
.radial-progress[data-progress="65"] .inset .percentage .numbers {
  width: 3762px;
}
.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .fill {
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="66"] .circle .fill.fix {
  transform: rotate(237.6deg);
}
.radial-progress[data-progress="66"] .inset .percentage .numbers {
  width: 3819px;
}
.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .fill {
  transform: rotate(120.6deg);
}
.radial-progress[data-progress="67"] .circle .fill.fix {
  transform: rotate(241.2deg);
}
.radial-progress[data-progress="67"] .inset .percentage .numbers {
  width: 3876px;
}
.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .fill {
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="68"] .circle .fill.fix {
  transform: rotate(244.8deg);
}
.radial-progress[data-progress="68"] .inset .percentage .numbers {
  width: 3933px;
}
.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .fill {
  transform: rotate(124.2deg);
}
.radial-progress[data-progress="69"] .circle .fill.fix {
  transform: rotate(248.4deg);
}
.radial-progress[data-progress="69"] .inset .percentage .numbers {
  width: 3990px;
}
.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .fill {
  transform: rotate(126deg);
}
.radial-progress[data-progress="70"] .circle .fill.fix {
  transform: rotate(252deg);
}
.radial-progress[data-progress="70"] .inset .percentage .numbers {
  width: 4047px;
}
.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .fill {
  transform: rotate(127.8deg);
}
.radial-progress[data-progress="71"] .circle .fill.fix {
  transform: rotate(255.6deg);
}
.radial-progress[data-progress="71"] .inset .percentage .numbers {
  width: 4104px;
}
.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .fill {
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="72"] .circle .fill.fix {
  transform: rotate(259.2deg);
}
.radial-progress[data-progress="72"] .inset .percentage .numbers {
  width: 4161px;
}
.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .fill {
  transform: rotate(131.4deg);
}
.radial-progress[data-progress="73"] .circle .fill.fix {
  transform: rotate(262.8deg);
}
.radial-progress[data-progress="73"] .inset .percentage .numbers {
  width: 4218px;
}
.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .fill {
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="74"] .circle .fill.fix {
  transform: rotate(266.4deg);
}
.radial-progress[data-progress="74"] .inset .percentage .numbers {
  width: 4275px;
}
.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .fill {
  transform: rotate(135deg);
}
.radial-progress[data-progress="75"] .circle .fill.fix {
  transform: rotate(270deg);
}
.radial-progress[data-progress="75"] .inset .percentage .numbers {
  width: 4332px;
}
.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .fill {
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="76"] .circle .fill.fix {
  transform: rotate(273.6deg);
}
.radial-progress[data-progress="76"] .inset .percentage .numbers {
  width: 4389px;
}
.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .fill {
  transform: rotate(138.6deg);
}
.radial-progress[data-progress="77"] .circle .fill.fix {
  transform: rotate(277.2deg);
}
.radial-progress[data-progress="77"] .inset .percentage .numbers {
  width: 4446px;
}
.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .fill {
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="78"] .circle .fill.fix {
  transform: rotate(280.8deg);
}
.radial-progress[data-progress="78"] .inset .percentage .numbers {
  width: 4503px;
}
.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .fill {
  transform: rotate(142.2deg);
}
.radial-progress[data-progress="79"] .circle .fill.fix {
  transform: rotate(284.4deg);
}
.radial-progress[data-progress="79"] .inset .percentage .numbers {
  width: 4560px;
}
.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .fill {
  transform: rotate(144deg);
}
.radial-progress[data-progress="80"] .circle .fill.fix {
  transform: rotate(288deg);
}
.radial-progress[data-progress="80"] .inset .percentage .numbers {
  width: 4617px;
}
.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .fill {
  transform: rotate(145.8deg);
}
.radial-progress[data-progress="81"] .circle .fill.fix {
  transform: rotate(291.6deg);
}
.radial-progress[data-progress="81"] .inset .percentage .numbers {
  width: 4674px;
}
.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .fill {
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="82"] .circle .fill.fix {
  transform: rotate(295.2deg);
}
.radial-progress[data-progress="82"] .inset .percentage .numbers {
  width: 4731px;
}
.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .fill {
  transform: rotate(149.4deg);
}
.radial-progress[data-progress="83"] .circle .fill.fix {
  transform: rotate(298.8deg);
}
.radial-progress[data-progress="83"] .inset .percentage .numbers {
  width: 4788px;
}
.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .fill {
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="84"] .circle .fill.fix {
  transform: rotate(302.4deg);
}
.radial-progress[data-progress="84"] .inset .percentage .numbers {
  width: 4845px;
}
.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .fill {
  transform: rotate(153deg);
}
.radial-progress[data-progress="85"] .circle .fill.fix {
  transform: rotate(306deg);
}
.radial-progress[data-progress="85"] .inset .percentage .numbers {
  width: 4902px;
}
.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .fill {
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="86"] .circle .fill.fix {
  transform: rotate(309.6deg);
}
.radial-progress[data-progress="86"] .inset .percentage .numbers {
  width: 4959px;
}
.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .fill {
  transform: rotate(156.6deg);
}
.radial-progress[data-progress="87"] .circle .fill.fix {
  transform: rotate(313.2deg);
}
.radial-progress[data-progress="87"] .inset .percentage .numbers {
  width: 5016px;
}
.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .fill {
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="88"] .circle .fill.fix {
  transform: rotate(316.8deg);
}
.radial-progress[data-progress="88"] .inset .percentage .numbers {
  width: 5073px;
}
.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .fill {
  transform: rotate(160.2deg);
}
.radial-progress[data-progress="89"] .circle .fill.fix {
  transform: rotate(320.4deg);
}
.radial-progress[data-progress="89"] .inset .percentage .numbers {
  width: 5130px;
}
.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .fill {
  transform: rotate(162deg);
}
.radial-progress[data-progress="90"] .circle .fill.fix {
  transform: rotate(324deg);
}
.radial-progress[data-progress="90"] .inset .percentage .numbers {
  width: 5187px;
}
.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .fill {
  transform: rotate(163.8deg);
}
.radial-progress[data-progress="91"] .circle .fill.fix {
  transform: rotate(327.6deg);
}
.radial-progress[data-progress="91"] .inset .percentage .numbers {
  width: 5244px;
}
.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .fill {
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="92"] .circle .fill.fix {
  transform: rotate(331.2deg);
}
.radial-progress[data-progress="92"] .inset .percentage .numbers {
  width: 5301px;
}
.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .fill {
  transform: rotate(167.4deg);
}
.radial-progress[data-progress="93"] .circle .fill.fix {
  transform: rotate(334.8deg);
}
.radial-progress[data-progress="93"] .inset .percentage .numbers {
  width: 5358px;
}
.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .fill {
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="94"] .circle .fill.fix {
  transform: rotate(338.4deg);
}
.radial-progress[data-progress="94"] .inset .percentage .numbers {
  width: 5415px;
}
.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .fill {
  transform: rotate(171deg);
}
.radial-progress[data-progress="95"] .circle .fill.fix {
  transform: rotate(342deg);
}
.radial-progress[data-progress="95"] .inset .percentage .numbers {
  width: 5472px;
}
.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .fill {
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="96"] .circle .fill.fix {
  transform: rotate(345.6deg);
}
.radial-progress[data-progress="96"] .inset .percentage .numbers {
  width: 5529px;
}
.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .fill {
  transform: rotate(174.6deg);
}
.radial-progress[data-progress="97"] .circle .fill.fix {
  transform: rotate(349.2deg);
}
.radial-progress[data-progress="97"] .inset .percentage .numbers {
  width: 5586px;
}
.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .fill {
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="98"] .circle .fill.fix {
  transform: rotate(352.8deg);
}
.radial-progress[data-progress="98"] .inset .percentage .numbers {
  width: 5643px;
}
.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .fill {
  transform: rotate(178.2deg);
}
.radial-progress[data-progress="99"] .circle .fill.fix {
  transform: rotate(356.4deg);
}
.radial-progress[data-progress="99"] .inset .percentage .numbers {
  width: 5700px;
}
.radial-progress[data-progress="100"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .fill {
  transform: rotate(180deg);
}
.radial-progress[data-progress="100"] .circle .fill.fix {
  transform: rotate(360deg);
}
.radial-progress[data-progress="100"] .inset .percentage .numbers {
  width: 5757px;
}
.close-filter ~ button {
  display: none;
}
.loading-container {
  position: absolute;
  right: 15px;
  bottom: 10px;
  background: #254175;
  color: #FFFFFF;
  padding: 10px;
}
.applied-filter-bar {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "previous filter download next";
  -ms-grid-columns: 140px 1fr 110px 120px;
      grid-template-columns: 140px 1fr 110px 120px;
  padding: 10px;
  background-color: #FFFFFF;
}
.applied-filter-bar .previous {
  grid-area: previous;
}
.applied-filter-bar .filter {
  grid-area: filter;
}
.applied-filter-bar .filter .filter-string {
  height: 29px;
  line-height: 29px;
  border: 1px solid #5f6a7c;
  text-align: center;
  border-radius: 4px;
  display: block;
  margin-right: 10px;
  font-size: 13px;
}
.applied-filter-bar .download {
  grid-area: download;
}
.applied-filter-bar .download button {
  width: 100%;
}
.applied-filter-bar .next {
  grid-area: next;
}
.applied-filter-bar .next button {
  float: right;
}
.reports-filter {
  background: #FFFFFF;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "quick custom";
  -ms-grid-columns: 340px 1fr;
      grid-template-columns: 340px 1fr;
}
.reports-filter .quick-filters-title,
.reports-filter .custom-filters-title {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
}
.reports-filter ._720kb-datepicker-calendar {
  right: -10px;
}
.reports-filter .custom-filters-apply {
  float: right;
  margin-right: 10px;
  margin-top: 18px;
}
.reports-filter .date {
  width: 99px;
  padding: 4px 8px;
  border: 1px solid #5f6a7c;
  border-radius: 4px;
  margin-left: 10px;
}
.reports-filter .divider {
  float: left;
  margin-top: 3px;
  font-size: 22px;
  line-height: 22px;
  margin-left: 8px;
}
.reports-filter .custom-filters-date-selection {
  width: 100%;
  display: block;
}
.reports-filter .quick-filters {
  grid-area: quick;
}
.reports-filter .custom-fiters {
  grid-area: custom;
}
.reports-filter ul {
  display: block;
  width: 100%;
  height: 80px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.reports-filter .quick-filter-item {
  float: left;
  margin: 1px 10px 1px 0px;
}
.reports-filter .quick-filter-item a {
  display: block;
  padding: 4px 8px;
  background: #254175;
  width: 150px;
  color: #FFFFFF;
  border-radius: 4px;
}
.reports-filter .quick-filter-item a:hover {
  background: #5f6a7c;
}
.reports-filter + .table-fixed-header {
  height: calc(100vh - 360px);
}
.applied-filter-bar + .table-fixed-header {
  height: calc(100vh - 270px);
}
.table-fixed-header {
  position: relative;
  display: block;
  height: calc(100vh - 220px);
}
.table-fixed-header .form-control {
  display: block;
  height: 100%;
  overflow-y: auto;
}
.table-fixed-header .table-header-fixed.table-double-line {
  line-height: 1.2;
}
.table-fixed-header .table-header-fixed a {
  color: white;
}
.table-fixed-header .table-header-fixed tooltip {
  float: right;
  margin-left: 7px;
}
.table-fixed-header thead tr {
  height: 32px;
}
.table-fixed-header thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.table-fixed-header tbody {
  width: 100%;
}
.table-fixed-header tbody td:last-child {
  width: 100%;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-size: 13px;
  border: 1px solid #E3E8EB;
}
table tr:nth-child(even) {
  background-color: #F5F6F7;
}
table tr {
  text-align: left;
}
table tr.showIfLast {
  display: none;
}
table tr th {
  font-weight: 700;
  background: #5f6a7c;
  color: #FFFFFF;
  padding: 8px;
  position: relative;
  white-space: nowrap;
}
table tr th a {
  color: white;
}
table tr th a:hover {
  color: white;
}
table tr th a.sort-asc:after {
  color: #FFFFFF;
  font-family: "Ionicons";
  content: "\f35f";
  margin-left: 6px;
}
table tr th a.sort-desc:after {
  color: #FFFFFF;
  font-family: "Ionicons";
  content: "\f365";
  margin-left: 6px;
}
table tr td {
  padding: 6px 8px;
  white-space: nowrap;
  border-bottom: 1px solid #8A9FA9;
  border-right: 1px solid #8A9FA9;
}
table tr td:first-child {
  border-left: 1px solid #8A9FA9;
}
.analytics table tr td {
  white-space: pre-line;
}
table tr td .tooltip-right {
  float: right;
}
table tr td .tooltip-right tooltip {
  font-size: 20px;
  white-space: normal;
}
table.form-control th {
  border-right: 1px solid #FFFFFF;
}
table.form-control th:first-child {
  border-left: 0;
}
table.form-control th:last-child {
  border-right: 1px solid #8A9FA9;
}
table.form-control th:before,
table.form-control th:after {
  content: "";
}
table.form-control tr {
  background: #FFFFFF;
}
table.form-control td {
  vertical-align: top;
}
table.form-control td.white-space-normal {
  white-space: normal;
}
table.form-control td.change-list {
  cursor: pointer;
}
table.form-control td.change-list .change-values {
  display: none;
}
table.form-control td.change-list.open .change-keys {
  display: none;
}
table.form-control td.change-list.open .change-values {
  display: block;
  word-break: break-word;
}
table .table-text-align-right {
  text-align: right;
}
table .table-text-align-left {
  text-align: left;
}
table .table-text-breaker {
  white-space: inherit;
}
table .table-word-break {
  word-break: break-all;
}
.table-search {
  border: 1px solid #5f6a7c;
  position: relative;
  margin-left: 2%;
  border-radius: 4px;
}
.table-search input {
  display: inline-block;
  width: 100%;
  height: 33px;
  padding: 2px 10px;
  border: 0;
  background-color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
}
.table-search:after {
  font-family: "Ionicons";
  content: "\f2f5";
  position: absolute;
  right: 10px;
  top: 8px;
  color: #8A9FA9;
  font-size: 20px;
}
.network-table {
  margin-top: 15px;
}
.network-table th {
  padding: 4px;
}
.luminaire-table table {
  margin-bottom: 10px;
}
.luminaire-table table thead tr th {
  border: 0;
  border-right: 1px solid #8A9FA9;
}
.luminaire-table table td {
  white-space: normal;
}
.notifications td,
.analytics-report td {
  border: 0;
}
.notifications td:first-child,
.analytics-report td:first-child {
  border: 0;
}
._exradicated-tooltip {
  display: block;
  opacity: 1;
  position: absolute;
  z-index: 999;
}
.dash-block-inner tooltip {
  z-index: 2;
}
.wide-tooltip {
  width: 600px;
}
tooltip {
  display: block;
  position: relative;
}
tooltip._slow._ready tip {
  animation: animate-tooltip 0.65s;
}
tooltip._fast._ready tip {
  animation: animate-tooltip 0.15s;
}
tooltip._steady._ready tip {
  animation: animate-tooltip 0.35s;
}
tooltip._multiline {
  display: block;
}
tooltip tip {
  border-radius: 4px;
  font-size: 14px;
  background: #5c81f8;
  color: #FFFFFF;
  display: none;
  line-height: normal;
  max-width: 500px;
  min-width: 100px;
  opacity: 0;
  padding: 8px 16px;
  position: absolute;
  line-height: 1.5;
  z-index: 9000;
  text-align: center;
  width: auto;
  will-change: top, left, bottom, right;
}
tooltip tip._hidden {
  display: block;
  visibility: hidden;
}
tooltip.active:not(._force-hidden) tip {
  display: block;
  opacity: 1;
  z-index: 999;
  min-width: 250px;
}
tooltip tip-tip {
  font-size: 1em;
}
tooltip tip-tip._large {
  font-size: 1.1em;
}
tooltip tip-tip._small {
  font-size: .8em;
}
tooltip._top tip {
  left: 50%;
  top: -9px;
  transform: translateX(-50%) translateY(-100%);
}
tooltip._top tip tip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #5c81f8;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  top: 100%;
  width: 0;
}
tooltip._bottom tip {
  right: 50%;
  top: 100%;
  transform: translateX(50%) translateY(9px);
}
tooltip._bottom tip tip-arrow {
  border-bottom: 6px solid #5c81f8;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: 100%;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  width: 0;
}
tooltip._right tip {
  left: 100%;
  top: 50%;
  transform: translateX(9px) translateY(-50%);
}
tooltip._right tip tip-arrow {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #5c81f8;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  margin-top: -6px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
}
tooltip._left tip {
  left: -9px;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
tooltip._left tip tip-arrow {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #5c81f8;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: 100%;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 0;
}
.map-settings-bar .tooltip-form-container.after-input {
  float: right;
  position: relative;
  margin-right: -245px;
  margin-top: 5px;
  top: 0;
  right: 0;
}
.show-help .tooltip-form-container.after-small-input {
  margin-left: 6px;
  margin-right: 6px;
}
.tooltip-form-container.after-button {
  position: relative;
  margin-left: 10px;
  margin-right: 5px;
  top: 4px;
  float: right;
}
.tooltip-form-container.after-input {
  position: absolute;
  right: 5px;
  top: 5px;
}
.tooltip-form-container.after-toggle {
  position: absolute;
  margin-left: 10px;
  top: 5px;
}
.tooltip-form-container.after-small-input {
  position: relative;
  display: inline-block;
  top: 5px;
}
.tooltip-form-container .ion-help-circled {
  font-size: 22px;
}
.tooltip-form-container tooltip._bottom tip {
  right: -4px;
  top: 100%;
  transform: translateX(0%) translateY(6px);
  min-width: 300px;
}
.tooltip-form-container tooltip._bottom tip tip-arrow {
  border-bottom: 6px solid #5c81f8;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: 100%;
  content: '';
  height: 0;
  left: calc(100% - 14px);
  position: absolute;
  width: 0;
}
.tooltip-form-container tooltip._top tip {
  right: -4px;
  top: -9px;
  transform: translateX(-290px) translateY(-100%);
  min-width: 300px;
}
.tooltip-form-container tooltip._top tip tip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #5c81f8;
  content: '';
  height: 0;
  left: calc(100% - 10px);
  margin-left: -6px;
  position: absolute;
  top: 100%;
  width: 0;
}
tip-tip #close-button {
  cursor: pointer;
  float: right;
  left: 8%;
  margin-top: -7%;
  padding: 3px;
  position: relative;
}
@keyframes animate-tooltip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.signouttext {
  position: fixed;
  left: 0px;
  border-radius: 0px 6px 6px 0px;
  padding: 7px;
  text-transform: uppercase;
  bottom: 0px;
  width: 0;
  background-color: #5c81f8;
  height: inherit;
  opacity: 0;
  transition: 0.5s all ease;
  z-index: 99999;
}
.signoutHover:hover .signouttext {
  background: #254175;
  opacity: 1;
  left: 65px;
  width: 150px;
}
.driver-tab h3 {
  margin-top: 20px;
}
.driver-static-box {
  width: 50%;
  float: right;
  padding: 5px;
  border-width: 3px;
  border-style: solid;
}
.driver-static-box.driver-0 {
  border-color: brown;
}
.driver-static-box.driver-1 {
  border-color: teal;
}
.driver-static-box.driver-2 {
  border-color: green;
}
.driver-static-box.driver-3 {
  border-color: purple;
}
.driver-table {
  margin-bottom: 20px;
}
.driver-table th:last-child {
  border-right: 0;
}
.driver-table th:first-child {
  border-left: 0;
}
.driver-table .driver-serial {
  transform: rotate(-90deg);
}
.driver-table .driver-0 {
  color: brown;
}
.driver-table .driver-1 {
  color: teal;
}
.driver-table .driver-2 {
  color: green;
}
.driver-table .driver-3 {
  color: purple;
}
/* lib/ng-tags-input/ng-tags-input */
tags-input {
  width: 70%;
  border: 1px solid #8A9FA9;
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 33px;
  line-height: 15px;
  display: inline-block;
}
tags-input:focus {
  outline: 0;
}
tags-input .tags {
  width: 100%;
  height: 33px;
  display: inline-table;
}
tags-input .tags.focused {
  outline: #254175 auto 5px;
  outline-offset: -2px;
  text-decoration: none;
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  margin: 3px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  height: 27px;
  line-height: 24px;
  border: 1px solid #8A9FA9;
  border-radius: 3px;
  background: #8A9FA9;
  color: #FFFFFF;
}
tags-input .tags .tag-item span {
  margin-left: 2px;
}
tags-input .tags .tag-item .remove-button {
  color: #FFFFFF;
  font-weight: bold;
  padding: 0 4px;
  margin-top: -2px;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
tags-input .tags .tag-item .remove-button:active,
tags-input .tags .tag-item .remove-button:hover {
  color: #D00000;
}
tags-input .tags .tag-item.selected {
  background: #5f6a7c;
}
tags-input .tags .input {
  border: 0;
  padding: 0;
  padding-left: 5px;
  min-width: 30%;
}
tags-input .tags .input.invalid-tag {
  color: #D00000;
}
tags-input .tags .input:focus {
  outline: 0;
}
tags-input .autocomplete {
  position: absolute;
  z-index: 999;
  width: 403px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}
tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}
tags-input .autocomplete .suggestion-item {
  padding: 6px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  background: #FFFFFF;
  border-bottom: 1px solid #E3E8EB;
}
tags-input .autocomplete .suggestion-item.selected {
  color: #FFFFFF;
  background: #5f6a7c;
}
tags-input .autocomplete .suggestion-item.selected em {
  color: #FFFFFF;
  font-style: normal;
}
tags-input .autocomplete .suggestion-item em {
  color: #000000;
  font-style: normal;
}
/*! angularjs-slider - v7.0.1 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2021-09-06 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rzslider.noanimate * {
  transition: none !important;
}
.rzslider.with-legend {
  margin-bottom: 40px;
}
.rzslider[disabled] {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}
.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}
.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}
.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
  transition: all linear 0.3s;
}
.rzslider .rz-draggable {
  cursor: move;
}
.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}
.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}
.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}
.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}
.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
  transition: background-color linear 0.3s;
}
.rzslider .rz-restricted {
  z-index: 3;
  background: #ff0000;
  border-radius: 2px;
}
.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
  transition: all linear 0.3s;
}
.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}
.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}
.rzslider .rz-pointer.rz-active {
  z-index: 4;
}
.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}
.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
  transition: all linear 0.3s;
}
.rzslider .rz-bubble.rz-limit {
  color: #55637d;
  transition: none;
}
.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}
.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
  transition: background-color linear 0.3s;
}
.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}
.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}
.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}
.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}
.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}
.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}
.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}
.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}
.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}
.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}
.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}
.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}
.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
/*!
 * FullCalendar v2.7.3 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed .fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.tvi-rgbw-picker {
  position: relative;
}
.tvi-rgbw-picker .rgbw-summary-text {
  font-family: 'Nunito', 'Raleway', sans-serif;
  font-variant-numeric: lining-nums;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #8A9FA9;
  padding: 6px 8px;
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 33px;
  width: 140px !important;
}
.tvi-rgbw-picker .input-container {
  display: inline-block;
}
.tvi-rgbw-picker .color-preview {
  display: inline-block;
  width: 20px;
  height: 17px;
  margin-left: -27px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tvi-rgbw-picker .color-slider {
  cursor: pointer;
  position: relative;
  background-color: #d3d3d3;
  opacity: 1;
  background-image: repeating-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), repeating-linear-gradient(45deg, #ffffff 25%, #d3d3d3 25%, #d3d3d3 75%, #ffffff 75%, #ffffff);
  background-position: 0 0, 14px 14px;
  background-size: 28px 28px;
}
.tvi-rgbw-picker .color-slider .rzslider {
  margin: 0;
  height: 20px;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-bar {
  height: 0px;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-selection {
  background: orange;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-bar-wrapper {
  margin-top: 0px;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-pointer {
  width: 8px;
  height: 24px;
  top: -3px;
  /* to remove the default positioning */
  outline: 0;
  background-color: transparent;
  border: 2px solid #F5F6F7;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-pointer:after {
  display: none;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-bubble {
  display: none;
}
.tvi-rgbw-picker .hue-slider.rzslider .rz-tick.rz-selected {
  background: orange;
}
.color-slider.hue {
  background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.tvi-rgbw-picker-popup {
  z-index: 99999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  width: 280px;
  position: absolute;
  border: 1px solid gray;
  background-color: #395f7d;
  color: #FFFFFF;
  padding: 12px;
  border-radius: 8px;
}
.tvi-rgbw-picker-popup.top-right {
  right: 0;
  bottom: 40px;
}
.tvi-rgbw-picker-popup.top-left {
  left: 0;
  bottom: 40px;
}
.tvi-rgbw-picker-popup.bottom-left {
  left: 0;
  top: 40px;
}
.tvi-rgbw-picker-popup.bottom-right {
  right: 0;
  top: 40px;
}
.tvi-rgbw-picker-popup .top,
.tvi-rgbw-picker-popup .bottom {
  display: -ms-flexbox;
  display: flex;
}
.tvi-rgbw-picker-popup .top {
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.tvi-rgbw-picker-popup .top .color-box-wrapper {
  background-color: #d3d3d3;
  opacity: 1;
  background-image: repeating-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), repeating-linear-gradient(45deg, #ffffff 25%, #c3c3c3 25%, #c3c3c3 75%, #ffffff 75%, #ffffff);
  background-position: 0 0, 14px 14px;
  background-size: 28px 28px;
  -ms-flex: 1;
      flex: 1;
  border-radius: 6px;
  border: 1px solid #F5F6F7;
}
.tvi-rgbw-picker-popup .top .color-box {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.tvi-rgbw-picker-popup .top .color-slider-vertical {
  -ms-flex: 0;
      flex: 0;
  width: 30px;
  height: 158px;
  /* FIXME: avoids intensity slider floating above the popup, but hard-coded px is not pretty... */
}
.tvi-rgbw-picker-popup .top .color-slider-vertical .rzslider {
  margin-left: 15px;
}
.tvi-rgbw-picker-popup .top .color-slider-vertical .rzslider .rz-pointer {
  width: 18px;
  height: 18px;
  left: -7px !important;
  border: 2px solid white;
  outline: 0;
}
.tvi-rgbw-picker-popup .top .color-slider-vertical .rzslider .rz-pointer::after {
  display: none;
}
.tvi-rgbw-picker-popup .top .color-slider-vertical .rzslider .rz-bar {
  background-color: #E3E8EB;
}
.tvi-rgbw-picker-popup .bottom {
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex: 0;
      flex: 0;
}
.tvi-rgbw-picker-popup .bottom .color-slider {
  margin-top: 8px;
  border-radius: 6px;
}
.tvi-rgbw-picker-popup .inputs {
  margin-top: 4px;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "a a a" "b b b";
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: (1fr)[2];
      grid-template-rows: repeat(2, 1fr);
  row-gap: 2px;
  column-gap: 2px;
}
.tvi-rgbw-picker-popup .inputs .input-container {
  text-align: end;
}
.tvi-rgbw-picker-popup .inputs .input-container input[type=number] {
  border: 1px solid #8A9FA9;
  padding: 6px 8px;
  color: #000000;
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 33px;
  width: 4.4em;
  -moz-appearance: textfield;
}
.tvi-rgbw-picker-popup .inputs .input-container input[type=number] ::-webkit-outer-spin-button,
.tvi-rgbw-picker-popup .inputs .input-container input[type=number] ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.header .date-filter {
  float: right;
  text-align: right;
}
.header .date-filter .form-header-group {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #E3E8EB;
  height: 50px;
  padding-top: 10px;
}
.header .date-filter button {
  background: #5f6a7c;
  border-radius: 0px;
  margin: 0;
}
.header .date-filter input,
.header .date-filter select {
  border: 1px solid #E3E8EB;
  background: #FFFFFF;
  height: 30px;
  padding-left: 8px;
}
.header .date-filter input:hover,
.header .date-filter select:hover {
  background-color: #F5F6F7;
}
.header .date-filter select {
  outline: none;
  text-align: left;
  background: url(../assets/images/arrow-down-b.svg) right 2px top 5px no-repeat #FFFFFF;
  background-size: 16px 16px;
  cursor: pointer;
  padding-right: 24px;
}
.header .date-filter label {
  margin-right: 10px;
  font-weight: bold;
}
.header .date-filter .datepick-wrap {
  display: inline-block;
}
.header .date-filter datepicker {
  float: none;
  position: relative;
}
.header .date-filter datepicker ._720kb-datepicker-calendar {
  width: 220px;
}
.analytics .analytics-chart-container {
  padding-top: 15px;
}
.analytics .tooltips {
  display: inline-block;
}
.analytics .btn-heatmap-toggle {
  float: left;
}
.analytics .btn-chart-labels-toggle {
  position: relative;
  float: right;
  margin-left: 10px;
  margin-top: -1px;
}
.analytics input[type=date]::-webkit-inner-spin-button,
.analytics input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.analytics .analytics-content .highcharts-container {
  height: 100% !important;
  max-width: 100%;
}
.analytics .analytics-content .hidden {
  display: none;
}
.analytics .analytics-chart-container {
  height: 100%;
}
.analytics .analytics-chart-container .analytics-chart {
  height: calc(100% - 40px);
}
.analytics .analytics-chart-container .highcharts-button {
  display: none;
}
.analytics .analytics-chart-container .container-info-icon {
  position: absolute;
  top: 75px;
  left: 30px;
  z-index: 1;
}
.analytics .analytics-chart-container .info-icon {
  color: #254175;
}
.analytics .analytics-tabs {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: #E3E8EB;
}
.analytics .analytics-tabs ul {
  list-style: none;
  background: #FFFFFF;
  display: block;
}
.analytics .analytics-tabs li {
  float: left;
  background: #5f6a7c;
  text-align: center;
  cursor: pointer;
  border-right: 4px solid #E3E8EB;
}
.analytics .analytics-tabs li:last-child {
  border-right: none;
}
.analytics .analytics-tabs li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 90px;
  width: 130px;
  color: #FFFFFF;
}
.analytics .analytics-tabs li:hover {
  background: #1f3662;
}
.analytics .analytics-tabs li.active {
  background: #FFFFFF;
}
.analytics .analytics-tabs li.active a {
  color: #1f3662;
}
.dashboard {
  display: -ms-grid;
  display: grid;
  grid-template-areas: ". . ." ". . ." ". . . ";
  -ms-grid-rows: 200px 200px 1fr;
      grid-template-rows: 200px 200px 1fr;
  height: 100vh;
  min-height: 768px;
  background-color: #FFFFFF;
}
.dashboard h2 {
  line-height: 2;
}
.dashboard .dash-icon {
  font-size: 80px;
  color: #31a5d3;
  display: inline-block;
}
.dashboard .dash-icon.icon-gateway {
  margin-top: -8px;
  font-size: 70px;
}
.dashboard .dash-icon.ion-ios-sunny-outline {
  margin-top: -10px;
}
.dashboard .dash-icon.icon-notification {
  font-size: 60px;
  margin-top: 8px;
}
.dashboard .dash-icon.icon-organisation {
  font-size: 100px;
  margin-top: -34px;
}
.dashboard .dash-icon.ion-person {
  font-size: 60px;
}
.dashboard .dash-icon.ion-clock {
  font-size: 60px;
}
.dashboard .dash-icon.ion-leaf {
  font-size: 100px;
  margin-top: 20px;
}
.dashboard .dash-icon.ion-ios-bolt {
  font-size: 120px;
  margin-top: 10px;
}
.dashboard .dash-block {
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #E3E8EB;
  border-bottom: 1px solid #E3E8EB;
  width: 100%;
  height: 100%;
  position: relative;
}
.dashboard .dash-block-inner {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 100%;
  text-align: center;
}
.dashboard .dash-block-inner-big {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.dashboard .dash-icon-container {
  height: 60px;
}
.dashboard .dash-icon-container-big {
  height: 160px;
}
.dashboard .kwh-amount {
  margin-top: 20px;
  display: inline-block;
}
.dashboard .kwh-unit {
  margin-left: 4px;
  color: #31a5d3;
  display: inline-block;
}
.map-container {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: 0px;
  overflow: hidden;
}
.visualise-select-container {
  display: inline-block;
  position: relative;
  float: right;
}
.heatmap-bar {
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  width: 20px;
  background: linear-gradient(red, yellow, #00ff00);
}
.legend {
  position: absolute;
  right: 60px;
  bottom: 24px;
  width: 255px;
  padding: 6px 0;
  z-index: 5;
  background: #FFFFFF;
  list-style: none;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.legend .legend-title {
  font-size: 17px;
  font-weight: bold;
  border-bottom: 1px solid #8A9FA9;
  padding: 2px 0px;
  line-height: 1.2;
  margin: 0 11px;
  position: relative;
}
.legend .legend-title span {
  top: 0px;
}
.legend .legend-title > label {
  display: block;
}
.legend .legend-title::after {
  position: absolute;
  display: inline-block;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.legend .legend-count {
  float: right;
  border-radius: 4px 4px 4px 4px;
  height: 16px;
  line-height: 16px;
  width: 32px;
  font-size: 12px;
  display: block;
  background: #5f6a7c;
  text-align: center;
  color: #FFFFFF;
}
.legend .gradiant-legend {
  margin-left: 40px;
}
.legend li {
  padding: 6px 5px;
}
.legend li span {
  display: inline-block;
}
.legend li span.icon {
  width: 18px;
  height: 18px;
  margin: 4px 5px;
}
.legend li span.name {
  width: 210px;
  line-height: 1;
  vertical-align: text-top;
  word-break: break-all;
}
/* default directive class */
.angular-google-map-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.map-settings-bar {
  height: 0;
  font-family: Roboto, Arial, sans-serif;
  color: #565656;
}
.map-settings-bar.open {
  height: 30px;
  position: absolute;
  top: 10px;
  z-index: 5;
  right: 180px;
  min-width: 520px;
}
.map-settings-bar ul {
  list-style: none;
  margin-right: 10px;
}
.map-settings-bar ul li {
  font-family: Roboto, Arial, sans-serif;
  display: table-cell;
  font-weight: normal;
  float: right;
  padding: 12px 17px;
  background: #FFFFFF;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  height: 40px;
  font-size: 18px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  transition: background 0.4s linear;
  border-radius: 0px;
  background: none padding-box #ffffff;
}
.map-settings-bar ul li:hover {
  background: none padding-box #ebebeb;
}
.map-settings-bar ul li.active {
  color: black;
  font-weight: 500;
}
.map-settings-bar ul li:last-child {
  margin-left: 10px;
  border-left: 1px solid #E3E8EB;
}
.map-settings-bar .dropdown {
  background-color: #ffffff;
  transition: background 0.4s linear;
  float: right;
  height: 31px;
  width: 220px;
  height: 40px;
  color: black;
  font-size: 18px;
  border: #d3d1cb;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  border-radius: 0px;
  font-family: Roboto, Arial, sans-serif;
}
.map-settings-bar .dropdown:hover {
  background-color: #ebebeb;
}
.map-top-bar {
  box-sizing: border-box;
  position: relative;
  background: #5c81f8;
  color: #FFFFFF;
  height: 80px;
  padding: 10px 15px;
  font-size: 16px;
  border-bottom: 1px solid #FFFFFF;
}
.map-top-bar .map-top-bar-title {
  margin: 2px 0;
  font-size: 16px;
  font-weight: bold;
}
.map-top-bar .map-top-bar-details {
  font-size: 13px;
  float: left;
  width: 95%;
}
.map-top-bar .status-value {
  float: left;
  clear: both;
}
.map-top-bar .map-top-bar-close {
  float: right;
  height: 100%;
}
.map-top-bar .map-top-bar-close .close {
  text-align: right;
  font-size: 20px;
  height: 30px;
  cursor: pointer;
}
.map-top-bar .map-top-bar-close .close:hover {
  color: #254175;
}
.map-top-bar .map-top-bar-close .close a {
  color: #FFFFFF;
}
.map-top-bar .map-top-bar-close .collapse {
  font-size: 26px;
  text-align: right;
  padding-right: 2px;
  cursor: pointer;
  transition: transform 0.5s ease;
}
.map-top-bar .map-top-bar-close .collapse:hover {
  color: #254175;
}
.map-top-bar .map-top-bar-close .collapse.closed {
  transition: transform 0.8s ease;
  transform: rotate(180deg);
}
.settings {
  position: fixed;
  width: 635px;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.ui-view-hide {
  min-width: 100vh;
}
.scheduler-form-settings.active {
  left: 340px !important;
}
.map-form-settings {
  width: 635px;
  transition: transform 0.8s ease;
  will-change: transform;
}
.map-form-settings.active {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.map-form-settings.collapsed {
  transform: translate3d(-589px, 0, 0);
  will-change: transform;
  transition: transform 0.8s ease;
}
.map-form-settings.collapsed .form-tabs {
  right: 0;
  background: #5c81f8;
  height: 100%;
  width: auto;
}
.map-form-settings.collapsed .form-tabs li {
  float: none;
  overflow: visible;
  color: #FFFFFF;
  position: relative;
  width: 100%;
}
.map-form-settings.collapsed .form-tabs .form-tabs-a {
  background: none;
  color: white;
}
.map-form-settings.collapsed .form-tabs .form-tabs-a:hover {
  background: none;
  color: #254175;
}
.map-form-settings.collapsed .form-tabs .form-tabs-a.active {
  background: none;
}
.map-form-settings .form-tabs {
  list-style: none;
  position: absolute;
  width: 100%;
}
.map-form-settings .form-tabs .form-tabs-a {
  display: block;
  background: #FFFFFF;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
}
.map-form-settings .form-tabs .form-tabs-a:hover {
  cursor: pointer;
  background: #d7dade;
}
.map-form-settings .form-tabs .form-tabs-a.active {
  background: #5f6a7c;
  color: #FFFFFF;
}
.map-form-settings .form-tabs .form-tabs-li {
  float: left;
  width: 16.6667%;
  text-align: center;
  overflow: hidden;
}
.map-form-settings .form-tabs.inline {
  position: relative;
}
.map-form-settings .tab-content-content-inner-deeply-nested {
  border-top: 0;
  padding: 12px;
  padding-top: 20px;
  background-color: #f2f2f2;
  border-left: 1px solid #FFFFFF;
}
.map-form-settings .form-tabs-inner {
  border-bottom: 1px solid #FFFFFF;
  margin-top: 15px;
}
.map-form-settings .form-tabs-inner .tab-btn {
  display: inline-block;
  padding: 0.8rem;
  border: none;
  cursor: pointer;
  text-align: center;
}
.map-form-settings .form-tabs-inner .tab-btn a.remove {
  margin-left: 4px;
  color: #8A9FA9;
  display: none;
  font-size: 11px;
}
.map-form-settings .form-tabs-inner .tab-btn a.remove:hover {
  color: #254175;
}
.map-form-settings .form-tabs-inner .tab-btn:hover {
  background-color: #d9dde0;
}
.map-form-settings .form-tabs-inner .tab-btn.active {
  background: #FFFFFF;
  font-weight: bold;
}
.map-form-settings .form-tabs-inner .tab-btn.active a.remove {
  display: inline-block;
}
.map-form-settings .form-tabs-inner div:not(.tab-btn.active) {
  font-size: small;
}
.map-form-settings.collapsed .form-content {
  right: 46px;
}
.map-form-settings.collapsed .form-tab-name {
  display: none;
}
.map-form-settings.collapsed .form-tab-icon {
  display: block;
  width: 46px;
  font-size: 18px;
}
.map-form-settings.collapsed .notification-count {
  position: absolute;
  top: -6px;
  right: 2px;
}
.map-form-settings .form-tab-name {
  display: inline;
}
.map-form-settings .form-tab-icon {
  display: none;
}
.map-form-settings .form-content {
  position: absolute;
  bottom: 0px;
  top: 119px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  padding: 10px;
  background: #5f6a7c;
}
.map-form-settings .form-content form {
  display: inline;
}
.map-form-settings .form-content.no-tabs {
  top: 80px;
}
.map-form-settings .form-content .form-title {
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  float: left;
}
.map-form-settings .form-content .form-tab-content-inner {
  padding: 10px;
}
.map-form-settings .form-content .form-group.bulk {
  border: 1px solid #E3E8EB;
  position: relative;
  line-height: normal;
  min-height: 57px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #FFFFFF;
}
.map-form-settings .form-content .form-group.bulk .remove {
  position: absolute;
  right: 10px;
  top: 10px;
  min-width: 40px;
  font-size: 13px;
}
.map-form-settings .form-content .form-group.bulk .count {
  width: 70%;
  float: right;
}
.map-form-settings .form-content .form-group.bulk .dropdown {
  width: 60%;
}
.map-form-settings .form-tab-content {
  display: block;
  background: #E3E8EB;
  min-height: calc(100vh - 140px);
}
.map-form-settings .form-tab-content.subtabs .form-tabs {
  background: #5f6a7c;
  display: block;
  height: 40px;
}
.map-form-settings .form-tab-content.subtabs .form-tabs li {
  background: #E3E8EB;
  color: #000000;
  border: 1px solid #5f6a7c;
}
.map-form-settings .form-tab-content.subtabs .form-tabs li:hover {
  cursor: pointer;
  background: #ffffff;
}
.map-form-settings .form-tab-content.subtabs .form-tabs li.is-active {
  background: #FFFFFF;
  color: #000000;
  border-color: #FFFFFF;
}
.operating-mode-content .profile-chart .profile-edit-button {
  display: none;
}
.operating-mode-content .scheduling-content .profile-chart-low {
  display: none;
}
.operating-mode-content .fixed-level-content .streetlight {
  margin: 15px;
  position: relative;
  width: 209px;
  float: left;
}
.operating-mode-content .fixed-level-content .streetlight .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}
.operating-mode-content .fixed-level-content .rgbw-select {
  float: right;
}
.operating-mode-content .fixed-level-content .rgbw-select input.rgbw-summary-text {
  width: 100% !important;
  margin-top: 4px;
  border: 1px solid #8A9FA9;
  padding: 6px 8px;
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 33px;
}
.operating-mode-content .fixed-level-content .rgbw-select .tvi-rgbw-picker-popup {
  border-radius: 4px;
  color: black;
  background-color: white;
  width: 270px;
  position: static;
  padding: 8px;
}
.operating-mode-content .fixed-level-content .rgbw-select .tvi-rgbw-picker-popup .color-slider-vertical {
  height: 169px;
}
.operating-mode-content .fixed-level-content .rgbw-select .tvi-rgbw-picker-popup .color-slider {
  border: 1px solid gray;
}
.operating-mode-content .fixed-level-content .lightlevel-center {
  float: left;
  margin: 45px 0 0 0px;
  line-height: 31px;
  text-align: center;
}
.operating-mode-content .fixed-level-content .lightlevel-center .color-box {
  display: inline-block;
  margin-top: 20px;
  width: 100px;
  height: 100px;
  border: 1px solid black;
}
.operating-mode-content .fixed-level-content .lightlevel-center .percentage {
  margin-top: 10px;
  display: block;
  font-size: 40px;
}
.operating-mode-content .fixed-level-content .color-picker-button {
  float: right;
  position: relative;
  height: 218px;
  margin-top: 30px;
}
.operating-mode-content .fixed-level-content .color-picker-button a {
  font-size: 24px;
  position: absolute;
  right: 11px;
  color: #37B3E0;
  bottom: 0px;
}
.operating-mode-content .fixed-level-content .color-picker-button a:hover {
  color: black;
}
.operating-mode-content .fixed-level-content .color-picker-button a.open {
  color: #8A9FA9;
}
.operating-mode-content .fixed-level-content .vertical-slider {
  float: right;
  margin-right: 40px;
  margin-top: 30px;
  width: 34px;
  height: 225px;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #8A9FA9;
  border-radius: 4px;
}
.operating-mode-content .fixed-level-content .vertical-slider .rzslider {
  margin-left: 15px;
}
.operating-mode-content .fixed-level-content .vertical-slider .rzslider .rz-pointer {
  width: 18px;
  height: 18px;
  left: -7px !important;
  border: 2px solid white;
  outline: 0;
}
.operating-mode-content .fixed-level-content .vertical-slider .rzslider .rz-pointer::after {
  display: none;
}
.operating-mode-content .fixed-level-content .vertical-slider .rzslider .rz-bar {
  background-color: #E3E8EB;
}
#parent-confirmation-popup,
#neighbour-confirmation-popup {
  left: 655px;
  top: 293px;
}
.device-operating-mode .btn {
  margin-left: 10px;
  background: white;
  color: #000000;
}
.device-operating-mode .btn.selected {
  background: #254175;
  color: #FFFFFF;
}
.gm-style-iw {
  margin-top: 2px;
  margin-left: 10px;
}
.gm-style-mtc button {
  border-radius: 0px !important;
}
.marker-labels {
  color: #000000;
  border: 1px solid #8A9FA9;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 0 #8A9FA9;
  text-align: center;
  padding: 6px 10px;
  pointer-events: none;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 4px;
  overflow: visible !important;
  min-width: 80px;
}
.marker-labels:after,
.marker-labels:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 9998;
}
.marker-labels:after {
  top: -20px;
  left: 27px;
  border-bottom-color: #FFFFFF;
  border-width: 10px;
}
.marker-labels:before {
  top: -22px;
  left: 26px;
  border-bottom-color: #8A9FA9;
  border-width: 11px;
}
.page-tabs {
  grid-area: tabs;
  border-top: 1px solid #E3E8EB;
  background-color: #FFFFFF;
}
.page-tabs ul {
  list-style: none;
  background: #E3E8EB;
  margin-left: 5px;
  padding-left: 0;
}
.page-tabs li {
  float: left;
  background: #FFFFFF;
  text-align: center;
  margin: 10px 5px;
  line-height: 35px;
}
.page-tabs li:last-child {
  border-right: none;
}
.page-tabs li a {
  border: 1px solid #E3E8EB;
  display: block;
  width: 130px;
  color: #000000;
}
.page-tabs li:hover {
  background: #F5F6F7;
}
.page-tabs li.active {
  background: #254175;
}
.page-tabs li.active a {
  color: #FFFFFF;
}
.release-notes {
  display: block;
  padding: 1em;
  line-height: 1.25;
  min-width: 500px;
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  bottom: 0;
}
.release-notes h2 {
  line-height: 2.5;
}
.release-notes h3 {
  line-height: 2.25;
}
.release-notes h4 {
  line-height: 1.25;
}
.release-notes ul li {
  display: list-item;
  list-style: disc inside;
}
.map-container {
  height: 100%;
  width: 100%;
}
.notifications-content table th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  border: 0;
  border-left: 0;
  border-top: 0;
}
.notifications-content table th:last-of-type {
  border-right: 0;
}
.notifications-content table .dropdown {
  top: 1px;
  cursor: pointer;
  display: inline-block;
  color: #FFFFFF;
  outline: none;
  text-align: left;
  font-size: 14px;
  height: auto;
  border: 1px solid #5f6a7c;
  width: auto;
  background: url(../assets/images/arrow-down-b.svg) right 0px top 1px no-repeat #5f6a7c;
  background-size: 16px 16px;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 2px;
  padding-right: 16px;
}
.notifications-content table .dropdown:focus {
  outline: #37B3E0 auto 5px;
}
.notifications-content table .dropdown-white {
  top: 1px;
  cursor: pointer;
  display: inline-block;
  color: #FFFFFF;
  outline: none;
  text-align: left;
  font-size: 14px;
  height: auto;
  border: 1px solid #5f6a7c;
  width: auto;
  background: url(../assets/images/arrow-down-a.svg) right 0px top 1px no-repeat #5f6a7c;
  background-size: 16px 16px;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 2px;
  padding-right: 16px;
}
.notifications-content table .dropdown-white:focus {
  outline: #37B3E0 auto 5px;
}
.notifications-content table a {
  width: 100%;
  display: block;
  transition: color 0s;
}
.notifications-content table a:hover {
  transition: color 0s;
  text-decoration: underline;
}
.quick-select {
  display: block;
  padding: 8px 12px;
  background: #37B3E0;
  position: relative;
  color: #FFFFFF;
  border-radius: 4px;
  margin-right: 5px;
  display: inline-block;
  z-index: 999;
}
.quick-select:hover {
  color: white;
  background-color: #2a87a8;
}
.notifications-container .btn-subscription-create {
  float: right;
  margin: 0 2% 15px 0;
}
.subscription-table th {
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
}
.subscription-table th:last-of-type {
  border-right: 0;
  top: 0px;
}
.notifications-btn-container {
  float: right;
  margin-right: 30px;
  margin-top: 30px;
  font-weight: bold;
}
.notifications-subscriptions-settings-container {
  background: #FFFFFF;
  margin: 0px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  min-width: 870px;
}
.notifications-subscriptions-settings-container .form-container {
  width: 850px;
  margin: 2%;
  position: relative;
}
.notifications-subscriptions-settings-container .form-container-head {
  padding: 20px 20px 10px 20px;
  background: #5f6a7c;
  position: relative;
}
.notifications-subscriptions-settings-container .form-container-head h2 {
  color: #FFFFFF;
  margin: 10px 0 4px 0;
}
.notifications-subscriptions-settings-container .form-container-body {
  padding: 20px 20px 10px 20px;
  background: #E3E8EB;
  position: relative;
}
.notifications-subscriptions-settings-container .close-subscription {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  font-size: 20px;
}
.notifications-subscriptions-settings-container .close-subscription:hover {
  color: #254175;
}
.notifications-subscriptions-settings-container .subscription-pre-title {
  margin: -10px 0 10px 0;
  font-style: italic;
  color: #FFFFFF;
}
.notifications-subscriptions-settings-container .email-input-list li {
  position: relative;
  margin-top: 8px;
}
.notifications-subscriptions-settings-container .email-input-list li input {
  margin-left: 30%;
}
.notifications-subscriptions-settings-container .email-input-list li:first-of-type {
  margin-top: 0;
}
.notifications-subscriptions-settings-container .email-input-list li:first-of-type input {
  margin-left: 0;
}
.notifications-subscriptions-settings-container .remove-email {
  position: absolute;
  right: 8px;
  top: 8px;
}
.notifications-subscriptions-settings-container .add-additional-email {
  float: left;
  margin-left: 30%;
}
.notifications-subscriptions-settings-container .add-additional-email a {
  text-decoration: underline;
  padding-top: 2px;
  display: block;
}
.notifications-subscriptions-settings-container .notification-select-group {
  font-size: 14px;
}
.profile-value-list {
  padding: 5px 0px;
  margin-top: 16px;
}
.profile-value-list .profile-label-time {
  margin-left: 4px;
  margin-bottom: 10px;
  width: 80px;
  float: left;
}
.profile-value-list .profile-label-min {
  margin-left: 28px;
  float: left;
  width: 80px;
}
.profile-value-list .profile-label-max {
  float: left;
  margin-left: 10px;
  width: 80px;
}
.profile-value-list .profile-label-remove {
  float: right;
  width: 100px;
  text-align: right;
  margin-right: 4px;
}
.profile-value-list .add-value {
  margin-right: 0px;
  margin-top: 10px;
}
.profile-value-list .brightness-value {
  margin-top: 2px;
  background: #F5F6F7;
  border-radius: 4px;
  clear: both;
}
.profile-value-list .brightness-value .form-group {
  margin-bottom: 0;
}
.profile-value-list .brightness-value .ng-invalid {
  color: #D00000;
}
.profile-value-list .brightness-value .min-max-devider {
  margin: 0 10px;
}
.profile-value-list .brightness-value .btn-warning {
  min-width: 34px;
}
.profile-value-list .brightness-value input {
  display: inline-block;
  width: 60px;
  margin: 4px 0;
}
.profile-value-list .brightness-value .btn {
  float: right;
  margin: 4px;
  height: 33px;
  width: 54px;
}
.profile-value-list .brightness-value .schedule-input-item {
  display: inline-block;
}
.profile-value-list .brightness-value .schedule-input-item.time {
  margin-left: 4px;
  margin-right: 44px;
}
.profile-value-list .profile-add-button {
  display: inline-block;
  width: 100%;
  padding: 10px 4px;
}
.profile-value-list .profile-add-button .btn {
  float: right;
}
.profile-chart {
  position: relative;
  margin-top: 40px;
  height: 180px;
  width: calc(100% - 10px);
}
.profile-chart .profile-chart-y {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 40px;
  width: 30px;
}
.profile-chart .profile-chart-y .profile-chart-label-y {
  position: absolute;
  right: 0px;
  width: 30px;
  text-align: right;
  height: 17px;
  margin: 0 4px -8px 0;
  font-size: 14px;
}
.profile-chart .profile-chart-y .profile-chart-label-y.zero {
  bottom: 0%;
}
.profile-chart .profile-chart-y .profile-chart-label-y.twenty {
  bottom: 20%;
}
.profile-chart .profile-chart-y .profile-chart-label-y.fourty {
  bottom: 40%;
}
.profile-chart .profile-chart-y .profile-chart-label-y.sixty {
  bottom: 60%;
}
.profile-chart .profile-chart-y .profile-chart-label-y.eighty {
  bottom: 80%;
}
.profile-chart .profile-chart-y .profile-chart-label-y.hundred {
  bottom: 100%;
}
.profile-chart .profile-chart-y .profile-chart-label-y:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 0px;
  width: 5px;
  height: 1px;
  background: #8e8e8e;
}
.profile-chart .profile-chart-x {
  position: absolute;
  bottom: 0px;
  left: 30px;
  right: 0px;
  height: 40px;
}
.profile-chart .profile-chart-x .profile-chart-label-x {
  position: absolute;
  top: 0px;
  padding-top: 10px;
  margin-left: -15px;
  text-align: center;
  font-size: 13px;
}
.profile-chart .profile-chart-x .profile-chart-label-x:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 15px;
  width: 1px;
  height: 8px;
  background: #8e8e8e;
}
.profile-chart .profile-chart-x .profile-chart-label-x.selected {
  height: 25px;
  line-height: 3.5;
}
.profile-chart .profile-chart-x .profile-chart-label-x.selected:after {
  height: 25px;
}
.profile-chart .profile-chart-x-top {
  position: absolute;
  left: 30px;
  right: 0px;
  height: 40px;
}
.profile-chart .profile-chart-x-top .profile-chart-label-x {
  position: absolute;
  top: -30px;
  margin-left: -15px;
  text-align: center;
  font-size: 13px;
}
.profile-chart .profile-chart-x-top .profile-chart-label-x.selected {
  height: 25px;
}
.profile-chart .profile-chart-content {
  position: absolute;
  left: 30px;
  bottom: 39px;
  top: 0px;
  right: 0px;
  overflow: hidden;
  border-left: 1px solid #8A9FA9;
  border-bottom: 1px solid #8A9FA9;
}
.profile-chart .profile-chart-content .profile-chart-bar {
  position: absolute;
  bottom: 0px;
  top: 0px;
  width: 100px;
  border-left: 1px dashed #8A9FA9;
}
.profile-chart .profile-chart-content .profile-chart-bar:first-of-type[rel='12:00'] {
  border-left: 0;
}
.profile-chart .profile-chart-content .profile-chart-bar:hover .ui-resizable-n.ui-resizable-handle,
.profile-chart .profile-chart-content .profile-chart-bar .ui-resizable-n.ui-resizable-handle:hover,
.profile-chart .profile-chart-content .profile-chart-bar .ui-resizable-resizing .ui-resizable-n.ui-resizable-handle {
  background: #222;
  opacity: 0.5;
  z-index: 1000;
}
.profile-chart .profile-chart-content .profile-chart-bar .percentage {
  position: absolute;
  left: 0px;
  top: 0px;
  padding-top: 3px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  color: #000000;
  display: none;
}
.profile-chart .profile-chart-content .profile-chart-bar .percentage.top {
  top: -22px;
}
.profile-chart .profile-chart-content .profile-chart-bar:hover .percentage {
  display: inline-block;
}
.profile-chart .profile-chart-content .profile-chart-bar .profile-chart-low {
  position: absolute;
  top: 180px;
  width: 100%;
  height: 20%;
  background: #fde981;
  z-index: 55;
}
.profile-chart .profile-chart-content .profile-chart-bar .profile-chart-high {
  position: absolute;
  top: 180px;
  width: 100%;
  height: 80%;
  z-index: 54;
  background: #FCD71C;
}
.profile-chart .profile-chart-content .profile-chart-bar .ui-resizable-handle {
  position: absolute;
  height: 6px;
  top: -3px;
  right: 0px;
  left: 0px;
  z-index: 100;
  cursor: ns-resize;
}
.profile-chart .profile-chart-content .profile-chart-line {
  position: absolute;
  background: #bbb;
  opacity: 0.3;
  z-index: 60;
  display: none;
}
.profile-chart .profile-chart-content .profile-chart-line.vert {
  width: 1px;
  top: 0px;
  bottom: 0px;
}
.profile-chart .profile-chart-content .profile-chart-line.hor {
  height: 1px;
  left: 0px;
  right: 0px;
}
.profile-chart-buttons {
  display: inline-block;
  position: absolute;
  bottom: -30px;
  right: 0;
}
.content-page {
  background: #FFFFFF;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "header" "content" "footer";
  -ms-grid-rows: 50px 1fr 60px;
      grid-template-rows: 50px 1fr 60px;
}
.content-page .page-header {
  grid-area: header;
  border-bottom: 1px solid #E3E8EB;
  height: 50px;
}
.content-page .page-header h1 {
  line-height: 50px;
  margin-left: 15px;
  float: left;
}
.content-page .page-header button {
  margin: 10px 25px 10px 10px;
  float: right;
}
.content-page .page-content {
  grid-area: content;
  padding: 0px 15px;
  overflow-y: auto;
}
.content-page .page-content .content {
  height: 100%;
}
.content-page .page-content .full-height {
  margin-left: -15px;
  margin-right: -15px;
  height: 100%;
  position: relative;
}
.content-page .page-content .table {
  margin-top: 15px;
}
.content-page .page-footer {
  grid-area: footer;
}