@font-face {
  font-family: 'icomoon';
  src: url('/assets/fonts/icomoon.eot?-hw55zi');
  src: url('/assets/fonts/icomoon.eot?#iefix-hw55zi') format('embedded-opentype'), url('/assets/fonts/icomoon.ttf?-hw55zi') format('truetype'), url('/assets/fonts/icomoon.woff?-hw55zi') format('woff'), url('/assets/fonts/icomoon.svg?-hw55zi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-apple:before {
  content: "\e600";
}
.icon-android:before {
  content: "\e601";
}
.glyphicon-spin {
  -webkit-animation: spin 700ms infinite linear;
  -moz-animation: spin 700ms infinite linear;
  -ms-animation: spin 700ms infinite linear;
  animation: spin 700ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(359deg);
  }
}
.clearfix .btn-group .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.relay .sensor-icon {
  background: #5CB85C;
}
.relay .sensor-type {
  clear: both;
}
.relay .relay-switch {
  margin-bottom: 5px;
}
.sensor-icon .loader {
  display: none;
}
.sensor-unconfirmed .sensor-icon {
  color: #fff;
  background: #ef705b;
  position: relative;
}
.sensor-unconfirmed .sensor-icon .loader {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.sensor-ok .sensor-icon {
  color: #fff;
  background: #5CB85C;
}
.sensor-ok .sensor-icon .loader {
  display: none;
}
.content .filters .btn-custom {
  margin-right: 10px;
  margin-top: 10px;
}
.content .widget {
  margin-bottom: 20px;
}
.content .widget .device,
.content .widget .group,
.content .widget .control {
  border: 1px solid #eee;
  cursor: pointer;
  color: #fff;
}
.content .widget .device .device-header,
.content .widget .group .device-header,
.content .widget .control .device-header,
.content .widget .device .control-header,
.content .widget .group .control-header,
.content .widget .control .control-header,
.content .widget .device .group-header,
.content .widget .group .group-header,
.content .widget .control .group-header {
  text-align: left;
  padding-top: 1px;
  min-height: 4.3rem;
}
.content .widget .device .device-header h3,
.content .widget .group .device-header h3,
.content .widget .control .device-header h3,
.content .widget .device .control-header h3,
.content .widget .group .control-header h3,
.content .widget .control .control-header h3,
.content .widget .device .group-header h3,
.content .widget .group .group-header h3,
.content .widget .control .group-header h3 {
  font-size: 2rem;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 4px;
  margin-left: 8px;
  font-weight: bold;
}
.content .widget .device .device-header a,
.content .widget .group .device-header a,
.content .widget .control .device-header a,
.content .widget .device .control-header a,
.content .widget .group .control-header a,
.content .widget .control .control-header a,
.content .widget .device .group-header a,
.content .widget .group .group-header a,
.content .widget .control .group-header a {
  color: #fff;
  display: block;
  margin-right: 8px;
  margin-top: 8px;
  font-size: 1.6rem;
}
.content .widget .device .device-header a.device-name .glyphicon,
.content .widget .group .device-header a.device-name .glyphicon,
.content .widget .control .device-header a.device-name .glyphicon,
.content .widget .device .control-header a.device-name .glyphicon,
.content .widget .group .control-header a.device-name .glyphicon,
.content .widget .control .control-header a.device-name .glyphicon,
.content .widget .device .group-header a.device-name .glyphicon,
.content .widget .group .group-header a.device-name .glyphicon,
.content .widget .control .group-header a.device-name .glyphicon,
.content .widget .device .device-header a.group-name .glyphicon,
.content .widget .group .device-header a.group-name .glyphicon,
.content .widget .control .device-header a.group-name .glyphicon,
.content .widget .device .control-header a.group-name .glyphicon,
.content .widget .group .control-header a.group-name .glyphicon,
.content .widget .control .control-header a.group-name .glyphicon,
.content .widget .device .group-header a.group-name .glyphicon,
.content .widget .group .group-header a.group-name .glyphicon,
.content .widget .control .group-header a.group-name .glyphicon {
  display: none;
  font-size: 1.2rem;
}
.content .widget .device .device-header a.device-name:hover .glyphicon,
.content .widget .group .device-header a.device-name:hover .glyphicon,
.content .widget .control .device-header a.device-name:hover .glyphicon,
.content .widget .device .control-header a.device-name:hover .glyphicon,
.content .widget .group .control-header a.device-name:hover .glyphicon,
.content .widget .control .control-header a.device-name:hover .glyphicon,
.content .widget .device .group-header a.device-name:hover .glyphicon,
.content .widget .group .group-header a.device-name:hover .glyphicon,
.content .widget .control .group-header a.device-name:hover .glyphicon,
.content .widget .device .device-header a.group-name:hover .glyphicon,
.content .widget .group .device-header a.group-name:hover .glyphicon,
.content .widget .control .device-header a.group-name:hover .glyphicon,
.content .widget .device .control-header a.group-name:hover .glyphicon,
.content .widget .group .control-header a.group-name:hover .glyphicon,
.content .widget .control .control-header a.group-name:hover .glyphicon,
.content .widget .device .group-header a.group-name:hover .glyphicon,
.content .widget .group .group-header a.group-name:hover .glyphicon,
.content .widget .control .group-header a.group-name:hover .glyphicon {
  display: inline;
}
.content .widget .device .device-header a.device-name:hover,
.content .widget .group .device-header a.device-name:hover,
.content .widget .control .device-header a.device-name:hover,
.content .widget .device .control-header a.device-name:hover,
.content .widget .group .control-header a.device-name:hover,
.content .widget .control .control-header a.device-name:hover,
.content .widget .device .group-header a.device-name:hover,
.content .widget .group .group-header a.device-name:hover,
.content .widget .control .group-header a.device-name:hover,
.content .widget .device .device-header a.group-name:hover,
.content .widget .group .device-header a.group-name:hover,
.content .widget .control .device-header a.group-name:hover,
.content .widget .device .control-header a.group-name:hover,
.content .widget .group .control-header a.group-name:hover,
.content .widget .control .control-header a.group-name:hover,
.content .widget .device .group-header a.group-name:hover,
.content .widget .group .group-header a.group-name:hover,
.content .widget .control .group-header a.group-name:hover {
  text-decoration: none;
}
.content .widget .device .device-content,
.content .widget .group .device-content,
.content .widget .control .device-content,
.content .widget .device .control-content,
.content .widget .group .control-content,
.content .widget .control .control-content {
  padding: 4px 8px;
  font-size: 1.4rem;
}
.content .widget .device .device-content dl,
.content .widget .group .device-content dl,
.content .widget .control .device-content dl,
.content .widget .device .control-content dl,
.content .widget .group .control-content dl,
.content .widget .control .control-content dl {
  margin-bottom: 4px;
  margin-top: 4px;
}
.content .widget .device .device-content dl dt,
.content .widget .group .device-content dl dt,
.content .widget .control .device-content dl dt,
.content .widget .device .control-content dl dt,
.content .widget .group .control-content dl dt,
.content .widget .control .control-content dl dt {
  width: 55px;
  text-align: left;
}
.content .widget .device .device-content dl dd,
.content .widget .group .device-content dl dd,
.content .widget .control .device-content dl dd,
.content .widget .device .control-content dl dd,
.content .widget .group .control-content dl dd,
.content .widget .control .control-content dl dd {
  text-align: left;
  margin-left: 55px;
}
.content .widget .device .device-content .location a,
.content .widget .group .device-content .location a,
.content .widget .control .device-content .location a,
.content .widget .device .control-content .location a,
.content .widget .group .control-content .location a,
.content .widget .control .control-content .location a {
  color: #fff;
}
.content .widget .device .control-content dl dt,
.content .widget .group .control-content dl dt,
.content .widget .control .control-content dl dt {
  width: 90px;
}
.content .widget .device .control-content dl dd,
.content .widget .group .control-content dl dd,
.content .widget .control .control-content dl dd {
  margin-left: 90px;
}
.content .widget .device .device-status,
.content .widget .group .device-status,
.content .widget .control .device-status,
.content .widget .device .group-status,
.content .widget .group .group-status,
.content .widget .control .group-status {
  padding: 6px;
  clear: both;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  position: relative;
}
.content .widget .device .device-status .text-faded,
.content .widget .group .device-status .text-faded,
.content .widget .control .device-status .text-faded,
.content .widget .device .group-status .text-faded,
.content .widget .group .group-status .text-faded,
.content .widget .control .group-status .text-faded {
  font-weight: 300;
}
.content .widget .device .device-status h4,
.content .widget .group .device-status h4,
.content .widget .control .device-status h4,
.content .widget .device .group-status h4,
.content .widget .group .group-status h4,
.content .widget .control .group-status h4 {
  margin-top: 0;
  font-weight: 700;
}
.content .widget .device .device-status > a,
.content .widget .group .device-status > a,
.content .widget .control .device-status > a,
.content .widget .device .group-status > a,
.content .widget .group .group-status > a,
.content .widget .control .group-status > a,
.content .widget .device .device-status > .links,
.content .widget .group .device-status > .links,
.content .widget .control .device-status > .links,
.content .widget .device .group-status > .links,
.content .widget .group .group-status > .links,
.content .widget .control .group-status > .links {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding-top: 20px;
  text-decoration: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  color: rgba(255, 255, 255, 0.9);
}
.content .widget .device:hover,
.content .widget .group:hover,
.content .widget .control:hover {
  background: #eee;
}
.content .widget .device.ok,
.content .widget .group.ok {
  background: #1ab394;
}
.content .widget .device.ok .device-status > a,
.content .widget .group.ok .device-status > a {
  background: #16A588;
}
.content .widget .device.lost,
.content .widget .group.lost {
  background: #c2c2c2;
}
.content .widget .device.lost .device-status > a,
.content .widget .group.lost .device-status > a {
  background: #AEADAD;
}
.content .widget .device.warning,
.content .widget .group.warning {
  background: #f8ac59;
}
.content .widget .device.warning .device-status > a,
.content .widget .group.warning .device-status > a {
  background: #E7A053;
}
.content .widget .device.critical,
.content .widget .group.critical {
  background: #ed5565;
}
.content .widget .device.critical .device-status > a,
.content .widget .group.critical .device-status > a {
  background: #DC4F5E;
}
.content .widget .device:hover .device-status > a,
.content .widget .group:hover .device-status > a,
.content .widget .device:hover .group-status > a,
.content .widget .group:hover .group-status > a,
.content .widget .device:hover .device-status > .links,
.content .widget .group:hover .device-status > .links,
.content .widget .device:hover .group-status > .links,
.content .widget .group:hover .group-status > .links {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.content .widget .control {
  background: #e2e2e2;
  border: 1px solid #eee;
  cursor: pointer;
  color: #666;
  position: relative;
  margin-top: 20px;
}
.content .widget .control i.glyphicon-lock {
  display: none;
  position: absolute;
  top: -4px;
  left: -4px;
  font-size: 1.4rem;
  color: #999;
}
.content .widget .control.secure i.glyphicon-lock {
  display: block;
}
.content .widget .control .control-header .glyphicon-chevron-down,
.content .widget .control .control-header .glyphicon-chevron-up {
  color: #999;
}
.content .widget .control .control-status {
  position: relative;
}
.content .widget .control .control-status .loader {
  display: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding-top: 6px;
}
.content .widget .control .control-status .loader.loader-active {
  display: block;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.content .widget .control .control-secure {
  display: none;
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
.content .widget .control .control-secure .form-group {
  padding: 0 10px;
}
.content .widget .control .control-secure .form-group .buttons {
  margin-top: 15px;
}
.groups-app .groups-table {
  overflow-x: auto;
}
.groups-app .groups {
  padding: 0;
}
.groups-app .groups li.widget {
  list-style-type: none;
}
.groups-app .groups li.widget .group {
  background: #1ab394;
  border: 1px solid #eee;
  cursor: pointer;
  color: #666;
  position: relative;
  margin-top: 20px;
}
.groups-app .groups li.widget .group:hover {
  background: #1DCCA8;
}
.groups-app .groups li.widget .group .group-content ul.group-items {
  padding-left: 10px;
  margin-bottom: 20px;
  list-style-type: none;
  color: #fff;
}
.groups-app .groups li.widget .group .group-status {
  text-align: center;
}
.groups-app .groups li.widget .group .group-status .badge {
  background: #fff;
  color: #1ab394;
  margin-bottom: 10px;
}
.groups-app .groups li.widget .group .group-status > .links {
  background: #16a588;
}
.groups-app .groups li.widget .group .group-status > .links > a {
  color: #fff;
}
.groups-app table.devices > tbody > tr > td,
.groups-app table.devices > thead > tr > td,
.groups-app table.devices > tbody > tr > th,
.groups-app table.devices > thead > tr > th {
  text-align: center;
  border-left: 1px dashed #eee;
}
.groups-app table.devices > tbody > tr > td:first-child,
.groups-app table.devices > thead > tr > td:first-child,
.groups-app table.devices > tbody > tr > th:first-child,
.groups-app table.devices > thead > tr > th:first-child {
  border-left: none;
}
.log-action {
  font-size: 1.4rem;
}
.log-action.well {
  margin-bottom: 5px;
  margin-top: 10px;
  background-color: #fdfdfd;
  border-top: none;
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
.log-details {
  color: #aaa;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
input.form-control,
button[type="submit"],
input[type="checkbox"],
select.form-control {
  box-shadow: none;
  background: #FAFAFA;
}
button.btn-regular,
button.btn-regular:focus {
  background: #ffa02f;
  color: #fff;
  outline: none;
}
.pageLoader {
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1000;
}
.pageLoader .spinner {
  height: 80px;
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  border: 2px solid #eee;
  border-top: 2px solid #24B498;
  border-radius: 100%;
  -webkit-animation: spin 700ms infinite linear;
  -moz-animation: spin 700ms infinite linear;
  -ms-animation: spin 700ms infinite linear;
  animation: spin 700ms infinite linear;
}
.userMod {
  margin-top: 120px;
}
.userMod h2 {
  margin-top: 10px;
  margin-bottom: 30px;
}
.userMod h2 > span.cname {
  font-weight: bold;
}
.userMod div.checkbox {
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 22px;
}
.sentence {
  margin-top: 30px;
  color: #666;
  font-size: 1.5rem;
  font-weight: bold;
}
.helpSentence {
  margin-top: 30px;
  color: #666;
}
.store-container {
  margin-top: 40px;
}
.store-container a.store {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.store-container a.store > span {
  display: block;
  font-size: 4rem;
  text-align: right;
}
.store-container a.store > span.store-text {
  margin-top: 5px;
  font-size: 1rem;
  text-align: left;
}
.store-container a.store > span.store-text > .store-text-bottom {
  font-size: 1.5rem;
  font-weight: bold;
}
.store-container a.store > span > span {
  display: block;
}
.store-container a.store:hover {
  background: #edeff0;
}