/*== MAIN COLOR ==*/
/*== SIZE ==*/
/*== COMMON ==*/
/*== LOGIN ==*/
/*== OVERVIEW ==*/
/*== PROFILE ==*/
/*== DASHBOARD ==*/
/*== CONTROL ==*/
/*== SEARCH ==*/
/*== USER ==*/
/*== ADMIN ==*/
/*== MAP ==*/
/*== FLOOR OVERVIEW ==*/
/*== FLOOR SECTION ==*/
/*== ROOM SECTION ==*/
/*== SYSTEM OVERVIEW ==*/
/*== KIT ==*/
.bems .bems-footer .bems-footer-container .bems-footer-navigation .bems-footer-navigation-point-wrapper, .bems .bems-footer .bems-footer-container .bems-footer-navigation .bems-footer-navigation-point-wrapper .bems-footer-navigation-point {
  border-radius: 299970px; }

.bems-login .bems-login-container .bems-login-body .bems-login-form .bems-login-forget {
  display: inline-block;
  margin: 10px 0; }

.bems-login .bems-login-container .bems-login-body .bems-login-form .bems-login-forget {
  color: #282537;
  transition: color 0.25s ease-in-out; }
  .bems-login .bems-login-container .bems-login-body .bems-login-form .bems-login-forget:hover {
    color: #3e3a55; }

.bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent, .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature,
.bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance,
.bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity, .bems .bems-control .bems-control-container .bems-control-temperature,
.bems .bems-control .bems-control-container .bems-control-power,
.bems .bems-control .bems-control-container .bems-control-humidity,
.bems .bems-control .bems-control-container .bems-control-illuminance, .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  text-align: center;
  font-weight: 500; }
  @media screen and (min-width: 992px) {
    .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent, .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature,
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance,
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity, .bems .bems-control .bems-control-container .bems-control-temperature,
    .bems .bems-control .bems-control-container .bems-control-power,
    .bems .bems-control .bems-control-container .bems-control-humidity,
    .bems .bems-control .bems-control-container .bems-control-illuminance, .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent {
      padding: 30px; } }
  @media screen and (max-width: 991px) {
    .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent, .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature,
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance,
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity, .bems .bems-control .bems-control-container .bems-control-temperature,
    .bems .bems-control .bems-control-container .bems-control-power,
    .bems .bems-control .bems-control-container .bems-control-humidity,
    .bems .bems-control .bems-control-container .bems-control-illuminance, .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent {
      padding: 15px; } }
  .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent hr, .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature hr,
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance hr,
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity hr, .bems .bems-control .bems-control-container .bems-control-temperature hr,
  .bems .bems-control .bems-control-container .bems-control-power hr,
  .bems .bems-control .bems-control-container .bems-control-humidity hr,
  .bems .bems-control .bems-control-container .bems-control-illuminance hr, .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent hr {
    margin: 5px 0;
    padding: 5px 0;
    border-top: dotted 2px #fff; }

/*== COMMON ==*/
@media screen and (min-width: 992px) {
  .bems .bems-overview, .bems .bems-profile, .bems .bems-sensor, .bems .bems-dashboard, .bems .bems-control, .bems .bems-search, .bems .bems-admin, .bems .bems-user, .bems .bems-map, .bems .bems-floor-overview, .bems .bems-floor-section, .bems .bems-room-section, .bems .bems-system {
    padding-bottom: 111px;
    padding-top: 114px; } }

@media screen and (max-width: 991px) {
  .bems .bems-overview, .bems .bems-profile, .bems .bems-sensor, .bems .bems-dashboard, .bems .bems-control, .bems .bems-search, .bems .bems-admin, .bems .bems-user, .bems .bems-map, .bems .bems-floor-overview, .bems .bems-floor-section, .bems .bems-room-section, .bems .bems-system {
    padding-bottom: 90px;
    padding-top: 75px; } }

.bems .bems-overview .bems-overview-container, .bems .bems-profile .bems-profile-container, .bems .bems-sensor .bems-sensor-container, .bems .bems-control .bems-control-container, .bems .bems-search .bems-search-container, .bems .bems-admin .bems-admin-container, .bems .bems-user .bems-user-container, .bems .bems-floor-overview .bems-floor-overview-container, .bems .bems-floor-section .bems-floor-section-container, .bems .bems-room-section .bems-room-section-container, .bems .bems-system .bems-system-container {
  margin: 0 auto; }
  @media screen and (min-width: 1200px) {
    .bems .bems-overview .bems-overview-container, .bems .bems-profile .bems-profile-container, .bems .bems-sensor .bems-sensor-container, .bems .bems-control .bems-control-container, .bems .bems-search .bems-search-container, .bems .bems-admin .bems-admin-container, .bems .bems-user .bems-user-container, .bems .bems-floor-overview .bems-floor-overview-container, .bems .bems-floor-section .bems-floor-section-container, .bems .bems-room-section .bems-room-section-container, .bems .bems-system .bems-system-container {
      max-width: 1200px; } }
  @media screen and (max-width: 1199px) {
    .bems .bems-overview .bems-overview-container, .bems .bems-profile .bems-profile-container, .bems .bems-sensor .bems-sensor-container, .bems .bems-control .bems-control-container, .bems .bems-search .bems-search-container, .bems .bems-admin .bems-admin-container, .bems .bems-user .bems-user-container, .bems .bems-floor-overview .bems-floor-overview-container, .bems .bems-floor-section .bems-floor-section-container, .bems .bems-room-section .bems-room-section-container, .bems .bems-system .bems-system-container {
      width: 96%;
      overflow-x: hidden; } }

.bems .bems-profile .bems-profile-container .bems-profile-demand-header,
.bems .bems-profile .bems-profile-container .bems-profile-supply-header, .bems .bems-search .bems-search-container .bems-search-device-title {
  background: #bf6080;
  background: -moz-linear-gradient(-45deg, #bf6080 0%, #c6728f 70%, #ce849d 100%);
  background: -webkit-linear-gradient(-45deg, #bf6080 0%, #c6728f 70%, #ce849d 100%);
  background: linear-gradient(135deg, #bf6080 0%, #c6728f 70%, #ce849d 100%);
  color: #fff;
  font-weight: 500;
  padding: 13.3333333333px 24px; }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-header,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-header, .bems .bems-search .bems-search-container .bems-search-device-title {
      font-size: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-header,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-header, .bems .bems-search .bems-search-container .bems-search-device-title {
      font-size: 28px; } }
  @media screen and (min-width: 992px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-header,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-header, .bems .bems-search .bems-search-container .bems-search-device-title {
      font-size: 36px; } }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

p {
  margin: 0; }

legend {
  color: #282537; }

body {
  background-color: #EFCDD6;
  max-width: 100%; }

.well {
  padding: 15px;
  margin: 15px 0; }

.form-group {
  margin-top: 5px; }
  .form-group label.control-label-icon {
    margin-top: 6px; }

.width-100 {
  width: 100%; }

.md-18 {
  font-size: 18px; }

.tree-node-content {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .tree-node-content .node-title-text {
    display: inline-block;
    margin: 10px 0; }
  .tree-node-content .node-title-gap {
    display: inline-block;
    width: 42px;
    height: 1px; }
  .tree-node-content .btn.btn-sm {
    padding: 5px 15px; }

treecontrol.tree-boot > ul {
  margin-top: 3px;
  color: #282537; }

treecontrol.tree-boot li {
  margin: 1px; }
  treecontrol.tree-boot li.tree-expanded i.tree-branch-head {
    background: url("../img/node-opened-2.png") no-repeat; }
  treecontrol.tree-boot li.tree-collapsed i.tree-branch-head {
    background: url("../img/node-closed-2.png") no-repeat; }
  treecontrol.tree-boot li > .tree-label {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 1px;
    border-radius: 0;
    border-left: 5px solid #001b27;
    padding: 0; }
    treecontrol.tree-boot li > .tree-label.tree-selected, treecontrol.tree-boot li > .tree-label.tree-selected:hover {
      background: transparent;
      color: #282537; }
    treecontrol.tree-boot li > .tree-label .tree-label-inner {
      padding: 10px 5px; }
      treecontrol.tree-boot li > .tree-label .tree-label-inner.bems-node-selected {
        background-color: #EFCDD6; }
      treecontrol.tree-boot li > .tree-label .tree-label-inner .tree-label-wrapper {
        display: inline-block;
        padding: 0 15px;
        width: calc(100% - 36px); }
    treecontrol.tree-boot li > .tree-label .btn {
      margin: 0; }
    treecontrol.tree-boot li > .tree-label .spantext {
      float: left;
      display: inline;
      width: calc(100% -196px);
      overflow-x: hidden; }
  treecontrol.tree-boot li i.tree-branch-head, treecontrol.tree-boot li i.tree-branch-leaf, treecontrol.tree-boot li i.tree-leaf-head {
    margin: 12px; }
  treecontrol.tree-boot li li > .tree-label {
    border-left: 5px solid #014361;
    margin-right: 0; }
  treecontrol.tree-boot li li li > .tree-label {
    border-left: 5px solid #0279af; }
  treecontrol.tree-boot li li li li > .tree-label {
    border-left: 5px solid #03aefe; }
  treecontrol.tree-boot li li li li li > .tree-label {
    border-left: 5px solid #50c7fd; }
  treecontrol.tree-boot li li li li li li > .tree-label {
    border-left: 5px solid #9ee0fe; }
  treecontrol.tree-boot li li li li li li li > .tree-label {
    border-left: 5px solid #ebf9ff; }

*:not(input):not(textarea) {
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.bems-loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(238, 238, 238, 0.75);
  z-index: 2000; }
  .bems-loader-wrapper .bems-loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px; }
    .bems-loader-wrapper .bems-loader:before {
      content: '';
      display: block;
      padding-top: 100%; }
    .bems-loader-wrapper .bems-loader .circular {
      animation: rotate 2s linear infinite;
      height: 100%;
      transform-origin: center center;
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .bems-loader-wrapper .bems-loader .path {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      animation: dash 2s ease-in-out infinite, color 6s ease-in-out infinite;
      stroke-linecap: round; }

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

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

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

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

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-ms-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-webkit-keyframes color {
  100%,
  0% {
    stroke: #8cbf26; }
  40% {
    stroke: #1ba1e2; }
  66% {
    stroke: #e51400; }
  80%,
  90% {
    stroke: #f09609; } }

@-moz-keyframes color {
  100%,
  0% {
    stroke: #8cbf26; }
  40% {
    stroke: #1ba1e2; }
  66% {
    stroke: #e51400; }
  80%,
  90% {
    stroke: #f09609; } }

@-ms-keyframes color {
  100%,
  0% {
    stroke: #8cbf26; }
  40% {
    stroke: #1ba1e2; }
  66% {
    stroke: #e51400; }
  80%,
  90% {
    stroke: #f09609; } }

@keyframes color {
  100%,
  0% {
    stroke: #8cbf26; }
  40% {
    stroke: #1ba1e2; }
  66% {
    stroke: #e51400; }
  80%,
  90% {
    stroke: #f09609; } }

.main-loader {
  margin: auto;
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 2000; }
  .main-loader .loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px; }
  .main-loader .loader div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #fff;
    animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }
  .main-loader .loader div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
    background-color: #ccc; }
  .main-loader .loader div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
    background-color: #ccc; }
  .main-loader .loader div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
    background-color: #ccc; }

@keyframes loader {
  0% {
    top: 6px;
    height: 51px; }
  50%, 100% {
    top: 19px;
    height: 26px; } }

.modal {
  background-color: rgba(238, 238, 238, 0.75);
  font-size: 16px; }
  .modal .modal-dialog {
    margin-top: 30px; }
  .modal .bems-about-body {
    text-align: center; }
    @media screen and (min-width: 992px) {
      .modal .bems-about-body .bems-about-logo {
        height: 150px; } }
    @media screen and (min-width: 768px) {
      .modal .bems-about-body .bems-about-logo {
        height: 150px; } }
    @media screen and (max-width: 767px) {
      .modal .bems-about-body .bems-about-logo {
        height: 112.5px; } }
  .modal .modal-header-consumption {
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-bottom: 10;
    border-bottom: 1px solid #d0d0d0;
    background-color: #bf6080; }
    .modal .modal-header-consumption .modal-header-consumption-text {
      padding-left: 5px;
      line-height: 65px; }
      @media screen and (min-width: 992px) {
        .modal .modal-header-consumption .modal-header-consumption-text {
          font-size: 28.8px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .modal .modal-header-consumption .modal-header-consumption-text {
          font-size: 3vw; } }
      @media screen and (max-width: 767px) {
        .modal .modal-header-consumption .modal-header-consumption-text {
          font-size: 6vw; } }
  .modal .modal-body-header-usage-details {
    color: #bfd532;
    font-size: 23px;
    position: relative;
    top: 20px;
    display: inline-block;
    margin-bottom: 20px; }
  .modal .modal-body-usage-details {
    margin-left: 50px;
    margin-top: -45px;
    position: relative;
    color: #bf6080; }
    @media screen and (min-width: 992px) {
      .modal .modal-body-usage-details {
        font-size: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .modal .modal-body-usage-details {
        font-size: 2vw; } }
    @media screen and (max-width: 767px) {
      .modal .modal-body-usage-details {
        font-size: 4vw; } }
    .modal .modal-body-usage-details .modal-body-usage-details-circle {
      font-size: 60px;
      display: inline-block;
      position: relative;
      top: 15px; }
    .modal .modal-body-usage-details .modal-body-usage-details-value-unit {
      position: absolute;
      right: 100px;
      bottom: 9px; }
      @media screen and (min-width: 992px) {
        .modal .modal-body-usage-details .modal-body-usage-details-value-unit {
          font-size: 28px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .modal .modal-body-usage-details .modal-body-usage-details-value-unit {
          font-size: 3vw; } }
      @media screen and (max-width: 767px) {
        .modal .modal-body-usage-details .modal-body-usage-details-value-unit {
          font-size: 5vw; } }
    .modal .modal-body-usage-details .modal-body-usage-details-unit {
      display: inline-block;
      position: absolute;
      bottom: 13px;
      right: 50px; }
  .modal .modal-hr-consumption {
    width: 84%;
    margin-top: 5px;
    border-width: 2px;
    border-color: #282537; }
  .modal .modal-hr-consumption-help {
    border-width: 2px;
    border-color: #282537; }

.bems {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 14px;
  background-color: #fff; }
  .bems .bems-header {
    top: 0;
    z-index: 1000;
    width: 100%;
    border-top: 15px solid #bf6080;
    border-image-slice: 1; }
    .bems .bems-header .bems-about-link,
    .bems .bems-header .bems-nav-admin {
      cursor: pointer; }
    .bems .bems-header .navbar, .bems .bems-header .navbar.navbar-default {
      max-width: 1200px;
      background-color: #282537;
      margin: 0 auto;
      border-radius: 0;
      border: 0; }
      .bems .bems-header .navbar .bems-dropdown-menu, .bems .bems-header .navbar.navbar-default .bems-dropdown-menu {
        height: 300px;
        overflow-y: auto; }
      .bems .bems-header .navbar .dropdown-menu li > a:hover, .bems .bems-header .navbar.navbar-default .dropdown-menu li > a:hover {
        color: #3e3a55; }
  .bems .bems-wrapper {
    background: url("../img/bg-wrapper-p.png") #fff repeat center bottom; }
    .bems .bems-wrapper .panel-superheader {
      font-size: 28px !important; }
    .bems .bems-wrapper .breadcrumb {
      margin-bottom: 0; }
  .bems .bems-wrapper-login {
    background: url("../img/bg-wrapper-p.png") #fff repeat center bottom;
    background-size: 72%; }
  .bems .bems-footer {
    clear: both;
    background: linear-gradient(to bottom, #bf6080 0%, #EFCDD6 80%);
    border-top: 5px solid;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-image: linear-gradient(to right, #bf6080 0%, #bf6080, 40%, #bf6080 50%);
    border-image-slice: 1;
    max-height: 155px;
    background: #bf6080; }
    .bems .bems-footer .bems-footer-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 15px 0px;
      text-align: right;
      color: #fff;
      max-height: 135px; }
      .bems .bems-footer .bems-footer-container .bems-footer-pack {
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        position: relative;
        bottom: 55px; }
      .bems .bems-footer .bems-footer-container .bems-footer-text {
        float: right; }
        @media screen and (min-width: 992px) {
          .bems .bems-footer .bems-footer-container .bems-footer-text {
            position: relative;
            bottom: 20px;
            text-align: left; } }
        .bems .bems-footer .bems-footer-container .bems-footer-text span:first-child {
          font-weight: 500; }
          @media screen and (min-width: 768px) {
            .bems .bems-footer .bems-footer-container .bems-footer-text span:first-child {
              font-size: 52.5px;
              line-height: 39.375px; } }
          @media screen and (max-width: 767px) {
            .bems .bems-footer .bems-footer-container .bems-footer-text span:first-child {
              font-size: 28.875px;
              line-height: 38.5px; } }
        @media screen and (min-width: 768px) {
          .bems .bems-footer .bems-footer-container .bems-footer-text span:last-child {
            font-size: 38.5px;
            line-height: 38.5px; } }
        @media screen and (max-width: 767px) {
          .bems .bems-footer .bems-footer-container .bems-footer-text span:last-child {
            font-size: 24.5px;
            line-height: 24.5px; } }
      .bems .bems-footer .bems-footer-container .bems-footer-navigation {
        position: relative;
        display: block; }
        .bems .bems-footer .bems-footer-container .bems-footer-navigation .bems-footer-navigation-point-wrapper {
          display: inline-block;
          padding: 10px 5px;
          background: linear-gradient(to bottom, #bf6080 38%, #bf6080 39%); }
          .bems .bems-footer .bems-footer-container .bems-footer-navigation .bems-footer-navigation-point-wrapper .bems-footer-navigation-point {
            padding: 5px 10px;
            color: #df5c68;
            background-color: #fff; }
          .bems .bems-footer .bems-footer-container .bems-footer-navigation .bems-footer-navigation-point-wrapper .bems-footer-navigation-active {
            font-weight: 500;
            color: #d73141; }
      .bems .bems-footer .bems-footer-container .bems-footer-energy {
        float: left;
        position: relative;
        top: 70;
        left: 20;
        font-size: 24px;
        color: #fff; }
      .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper {
        font-size: 12px;
        float: left;
        text-align: left;
        position: relative;
        bottom: 34px;
        color: #fff; }
        .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-tooltip-warning,
        .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-tooltip-danger {
          display: inline-block;
          font-weight: 500; }
        .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-tooltip-warning {
          position: relative;
          top: 17px;
          left: -95px; }
        .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-tooltip-danger {
          position: relative;
          top: 29px;
          left: -70px; }
        .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-progress {
          height: 34px;
          margin-bottom: 0;
          overflow-x: visible;
          border-radius: 30px;
          border: solid 3px #fff; }
          .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-progress .progress-bar-success {
            background-color: #9edf48; }
          .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-progress .progress-bar-warning {
            background-color: #f5c922; }
          .bems .bems-footer .bems-footer-container .bems-footer-progress-wrapper .bems-footer-progress .progress-bar-danger {
            background-color: #bc250c; }
      .bems .bems-footer .bems-footer-container .bems-footer-progress-text {
        font-size: 12px;
        text-align: left;
        float: left;
        margin-left: -30px;
        position: relative;
        top: -15px;
        color: #fff; }
        .bems .bems-footer .bems-footer-container .bems-footer-progress-text .title {
          font-weight: 500; }
    .bems .bems-footer #footer-b-outter {
      color: white;
      position: relative;
      bottom: 7.5px;
      background: #6E2D43;
      line-height: 24px;
      text-align: center;
      margin-top: 20px; }
  .bems .color-red {
    color: #bc250c; }
  .bems .color-yellow {
    color: #f5c922; }
  .bems .footerImg {
    height: 12%;
    position: relative;
    bottom: 0px; }
  .bems .footerImgForIpad {
    height: 80%;
    position: relative;
    bottom: 15px; }
  .bems .footerImgLegend {
    position: relative; }
  .bems .logo-main {
    height: 100px;
    position: relative; }
  .bems .popover-content {
    line-height: 20px;
    padding: 9px 14px; }

#main-site {
  border-top: 25px solid #008ec3;
  position: relative;
  background: url("../images/bems-background.jpg") top center repeat; }

#site-content {
  min-height: 700px; }

#header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 30px;
  color: #fff;
  max-height: 130px;
  position: relative; }
  #header .bems-header-text {
    float: right; }
    @media screen and (min-width: 992px) {
      #header .bems-header-text {
        position: relative;
        text-align: left;
        margin-top: -33px; } }
    @media screen and (max-width: 767px) {
      #header .bems-header-text {
        margin-top: 15px; } }
    #header .bems-header-text span:first-child {
      font-weight: 500;
      color: #A6CC08; }
      @media screen and (min-width: 768px) {
        #header .bems-header-text span:first-child {
          font-size: 52.5px;
          line-height: 39.375px; } }
      @media screen and (max-width: 767px) {
        #header .bems-header-text span:first-child {
          font-size: 28.875px;
          line-height: 38.5px; } }
    #header .bems-header-text span:last-child {
      color: #CCDD5C; }
      @media screen and (min-width: 768px) {
        #header .bems-header-text span:last-child {
          font-size: 38.5px;
          line-height: 38.5px; } }
      @media screen and (max-width: 767px) {
        #header .bems-header-text span:last-child {
          font-size: 24.5px;
          line-height: 24.5px; } }
  #header .user-bar {
    position: absolute;
    right: 65px; }

#header2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 30px;
  color: #fff;
  max-height: 130px; }
  #header2 .bems-header-text {
    float: right; }
    @media screen and (min-width: 992px) {
      #header2 .bems-header-text {
        position: relative;
        text-align: left;
        margin-top: -33px; } }
    @media screen and (max-width: 767px) {
      #header2 .bems-header-text {
        margin-top: 15px; } }
    #header2 .bems-header-text span:first-child {
      font-weight: 500;
      color: #A6CC08; }
      @media screen and (min-width: 768px) {
        #header2 .bems-header-text span:first-child {
          font-size: 52.5px;
          line-height: 39.375px; } }
      @media screen and (max-width: 767px) {
        #header2 .bems-header-text span:first-child {
          font-size: 28.875px;
          line-height: 38.5px; } }
    #header2 .bems-header-text span:last-child {
      color: #CCDD5C; }
      @media screen and (min-width: 768px) {
        #header2 .bems-header-text span:last-child {
          font-size: 38.5px;
          line-height: 38.5px; } }
      @media screen and (max-width: 767px) {
        #header2 .bems-header-text span:last-child {
          font-size: 24.5px;
          line-height: 24.5px; } }

.show-time {
  color: #bfd532;
  font-size: 2.8em; }

.show-weekday {
  color: #bfd532;
  font-size: 1.3em; }

.show-date {
  color: #707070;
  font-size: 1.2em;
  margin-left: 8px; }

.bems-logo {
  display: inline-block;
  margin-right: 10px;
  margin-top: -56px; }

.timer {
  width: 220px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
  display: inline-block; }

.menu-top {
  display: inline-block;
  width: 500px;
  line-height: 30px;
  font-size: 1em;
  color: #707070;
  float: right;
  text-align: center;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-top: 25px; }
  .menu-top a {
    color: #707070;
    cursor: pointer; }
    .menu-top a:hover {
      color: #BF6181; }
  .menu-top ul.main-menu {
    padding: 0;
    margin: 0 auto;
    list-style: none; }
    .menu-top ul.main-menu li {
      padding: 0;
      margin: 0 auto;
      list-style: none;
      width: 115px;
      display: inline-block;
      color: #707070;
      font-weight: 350; }
  .menu-top .dropdown-menu li a {
    font-weight: 350;
    color: #707070; }

.navbar {
  margin-bottom: 0px; }

@media (max-width: 991px) {
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
    .navbar-nav > li {
      float: none; }
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px; }
  .collapse.in {
    display: block !important; } }

.bems-login {
  padding: 10px 0; }
  .bems-login .bems-login-container {
    margin: 0  auto;
    max-width: 400px;
    font-size: 17.5px; }
    .bems-login .bems-login-container .bems-login-header {
      font-size: 21px;
      text-align: center; }
    .bems-login .bems-login-container .bems-login-body {
      margin: 0;
      padding: 30px; }
      .bems-login .bems-login-container .bems-login-body .bems-login-form {
        margin-bottom: 0; }
        .bems-login .bems-login-container .bems-login-body .bems-login-form .bems-login-msg {
          color: #f44336; }

@-webkit-keyframes superalert {
  0% {
    background-color: #f44336; }
  80% {
    background-color: #d73141; }
  100% {
    background-color: #f44336; } }

@-moz-keyframes superalert {
  0% {
    background-color: #f44336; }
  80% {
    background-color: #d73141; }
  100% {
    background-color: #f44336; } }

@-ms-keyframes superalert {
  0% {
    background-color: #f44336; }
  80% {
    background-color: #d73141; }
  100% {
    background-color: #f44336; } }

@keyframes superalert {
  0% {
    background-color: #f44336; }
  80% {
    background-color: #d73141; }
  100% {
    background-color: #f44336; } }

.bems .bems-overview-map-high {
  position: absolute;
  z-index: 20;
  right: 30px;
  bottom: 15px;
  cursor: pointer; }

.bems .bems-overview-map-low {
  position: absolute;
  z-index: 20;
  right: -12vw;
  bottom: 2vh;
  cursor: pointer; }
  .bems .bems-overview-map-low .btn-fab {
    width: 84px;
    height: 84px;
    vertical-align: middle;
    padding-left: -50px;
    text-decoration: none; }
    .bems .bems-overview-map-low .btn-fab .material-icons {
      vertical-align: middle;
      display: inline-flex;
      font-size: 64px;
      position: relative;
      left: -8px; }

.bems .bems-overview {
  font-size: 16px;
  position: relative; }
  .bems .bems-overview .bems-overview-container {
    max-width: 640px; }
    @media screen and (min-width: 992px) {
      .bems .bems-overview .bems-overview-container {
        border-radius: 10px; } }
    .bems .bems-overview .bems-overview-container .panel-body {
      padding-top: 8px;
      padding-bottom: 8px; }
    .bems .bems-overview .bems-overview-container .bems-overview-status-tab {
      color: #fff;
      background-color: #f44336;
      animation: superalert 0.5s infinite; }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        .bems .bems-overview .bems-overview-container .bems-overview-status-tab {
          border-top-left-radius: 10px;
          border-top-right-radius: 10px; } }
    .bems .bems-overview .bems-overview-container .bems-overview-tag {
      background-color: #bf6080;
      color: #fff;
      font-weight: 500;
      position: relative;
      background: linear-gradient(to bottom right, #bf6281, #fda7c3); }
    .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-date {
      color: lighter(#333); }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-date {
          font-size: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-date {
          font-size: 3vw; } }
      @media screen and (max-width: 767px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-date {
          font-size: 4vw; } }
    .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage {
      font-weight: 500;
      text-align: right; }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage .bems-overview-usage-number {
          font-size: 72px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage .bems-overview-usage-number {
          font-size: 7vw; } }
      @media screen and (max-width: 767px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage .bems-overview-usage-number {
          font-size: 8vw; } }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage .bems-overview-usage-sign {
          font-size: 28px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage .bems-overview-usage-sign {
          font-size: 3vw; } }
      @media screen and (max-width: 767px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-usage .bems-overview-usage-sign {
          font-size: 5vw; } }
    .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent {
      padding: 15px;
      background-color: #75ce02;
      color: #fff;
      border-radius: 10px; }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-number {
          font-size: 84px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-number {
          font-size: 10vw; } }
      @media screen and (max-width: 767px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-number {
          font-size: 11vw; } }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-sign {
          font-size: 48px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-sign {
          font-size: 5vw; } }
      @media screen and (max-width: 767px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-sign {
          font-size: 7.5vw; } }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-number-alt {
          font-size: 72px; } }
      @media screen and (min-width: 992px) {
        .bems .bems-overview .bems-overview-container .bems-overview-wrapper-stat .bems-overview-percent .bems-overview-percent-sign-alt {
          font-size: 36px; } }
    .bems .bems-overview .bems-overview-container .bems-overview-wrapper-graph {
      position: relative;
      padding-top: 0; }
      .bems .bems-overview .bems-overview-container .bems-overview-wrapper-graph .bems-overview-peak-demand,
      .bems .bems-overview .bems-overview-container .bems-overview-wrapper-graph .bems-overview-danger-level {
        text-align: right; }
      .bems .bems-overview .bems-overview-container .bems-overview-wrapper-graph .bems-overview-graph {
        width: 100%; }
      .bems .bems-overview .bems-overview-container .bems-overview-wrapper-graph .bems-overview-graph-legend {
        font-size: 12.6px;
        text-align: right;
        position: relative;
        right: 15px;
        bottom: 5px; }

.bems .bems-overview-status {
  color: #fff;
  background-color: #f44336;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border-radius: 9999px;
  text-align: center;
  padding: 30px;
  font-weight: 500;
  width: 250px;
  height: 250px;
  animation: superalert 0.5s infinite;
  position: absolute;
  z-index: 20;
  right: -232.5px;
  top: -105px; }
  .bems .bems-overview-status .bems-overview-status-current-text,
  .bems .bems-overview-status .bems-overview-status-limit-text,
  .bems .bems-overview-status .bems-overview-status-current-sign,
  .bems .bems-overview-status .bems-overview-status-limit-sign {
    font-size: 16px; }
  .bems .bems-overview-status .bems-overview-status-current-number,
  .bems .bems-overview-status .bems-overview-status-limit-number {
    font-size: 36px; }

.page-name {
  top: 5px;
  font-size: 40px;
  left: 15%;
  position: absolute; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .page-name {
      top: 15px;
      font-size: 28px;
      left: 10%; } }
  @media screen and (max-width: 767px) {
    .page-name {
      top: 15px;
      font-size: 28px;
      left: 5%; } }

@media screen and (max-width: 767px) {
  .bems-map-btn {
    height: 50px; } }

.bems .bems-profile .bems-profile-container .bems-profile-wrapper-pie {
  padding-bottom: 0; }
  .bems .bems-profile .bems-profile-container .bems-profile-wrapper-pie .bems-profile-pie {
    text-align: right; }
  .bems .bems-profile .bems-profile-container .bems-profile-wrapper-pie .bems-profile-pie-chart {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .bems .bems-profile .bems-profile-container .bems-profile-wrapper-pie .bems-profile-pie-chart {
        width: 640px;
        margin: 0 auto; } }

.bems .bems-profile .bems-profile-container .bems-profile-demand-item,
.bems .bems-profile .bems-profile-container .bems-profile-supply-item {
  position: relative;
  background-color: #fff;
  margin-top: 15px; }
  @media screen and (max-width: 1199px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item {
      border-bottom: #bf6080 dotted 2px; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item {
      border: #bf6080 dotted 2px;
      margin-left: 15px;
      margin-right: 15px;
      border-radius: 6px; } }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-demand-item-name,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-supply-item-name,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-demand-item-name,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-supply-item-name {
    margin-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-demand-item-name,
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-supply-item-name,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-demand-item-name,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-supply-item-name {
        margin-top: 6px; } }
    @media screen and (max-width: 767px) {
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-demand-item-name,
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-supply-item-name,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-demand-item-name,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-supply-item-name {
        font-size: 14px; } }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item:last-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item:last-child {
    margin-bottom: 15px; }
    @media screen and (max-width: 1199px) {
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item:last-child,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item:last-child {
        border-bottom-width: 0; } }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-demand-item-checkbox,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-supply-item-checkbox,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-demand-item-checkbox,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-supply-item-checkbox {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-demand-item-checkbox label,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-supply-item-checkbox label,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-demand-item-checkbox label,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-supply-item-checkbox label {
      font-size: 0; } }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-data-wrapper,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-data-wrapper {
      position: absolute !important;
      top: 100px;
      left: 15px; } }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item .chart-directive,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item .chart-directive {
    height: 180px; }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-demand-close,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-supply-close,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-demand-close,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-supply-close {
    cursor: pointer;
    color: #fff;
    background-color: #bbbbbb;
    border-radius: 5px;
    position: absolute;
    font-size: 16px;
    top: 5px;
    transition: all 0.5s linear; }
    @media screen and (min-width: 768px) {
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-demand-close,
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-supply-close,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-demand-close,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-supply-close {
        right: 5px; } }
    @media screen and (max-width: 767px) {
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-demand-close,
      .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-supply-close,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-demand-close,
      .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-supply-close {
        right: 2vw; } }
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-demand-close:hover,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item .bems-profile-supply-close:hover,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-demand-close:hover,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item .bems-profile-supply-close:hover {
      background-color: #d73141; }

@media screen and (max-width: 767px) {
  .bems .bems-profile .bems-profile-container .bems-profile-demand-item-img-wrapper,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-item-img-wrapper {
    padding-left: 0;
    padding-right: 0; } }

.bems .bems-profile .bems-profile-container .bems-profile-demand-item-img,
.bems .bems-profile .bems-profile-container .bems-profile-supply-item-img {
  display: block; }
  @media screen and (min-width: 768px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item-img,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item-img {
      max-height: 105px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-item-img,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-item-img {
      max-height: 67.5px; } }

.bems .bems-profile .bems-profile-container .bems-profile-demand-energy,
.bems .bems-profile .bems-profile-container .bems-profile-demand-power,
.bems .bems-profile .bems-profile-container .bems-profile-demand-peak,
.bems .bems-profile .bems-profile-container .bems-profile-supply-energy,
.bems .bems-profile .bems-profile-container .bems-profile-supply-power,
.bems .bems-profile .bems-profile-container .bems-profile-supply-peak {
  font-size: 18px;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-energy,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-power,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-peak,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-energy,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-power,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-peak {
      font-size: 10px;
      margin-bottom: 8px; } }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy > :first-child,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power > :first-child,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak > :first-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy > :first-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power > :first-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak > :first-child {
    font-weight: 500;
    background-color: #eee; }
  @media screen and (min-width: 768px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-energy > *,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-power > *,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-peak > *,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-energy > *,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-power > *,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-peak > * {
      padding: 10px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-profile .bems-profile-container .bems-profile-demand-energy > *,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-power > *,
    .bems .bems-profile .bems-profile-container .bems-profile-demand-peak > *,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-energy > *,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-power > *,
    .bems .bems-profile .bems-profile-container .bems-profile-supply-peak > * {
      padding: 3px 5px; } }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy > :last-child,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power > :last-child,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak > :last-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy > :last-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power > :last-child,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak > :last-child {
    text-align: right; }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy .normal-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power .normal-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak .normal-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy .normal-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power .normal-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak .normal-value {
    background-color: #9edf48; }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak .alert-value {
    color: white; }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power .warning-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak .warning-value {
    background-color: #f5c922; }
  .bems .bems-profile .bems-profile-container .bems-profile-demand-energy .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-power .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-demand-peak .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-energy .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-power .alert-value,
  .bems .bems-profile .bems-profile-container .bems-profile-supply-peak .alert-value {
    background-color: #bc250c; }

.bems .bems-sensor .bems-sensor-container .bems-sensor-wrapper-pie {
  padding-bottom: 0; }

.bems .bems-sensor .bems-sensor-container .bems-sensor-item {
  position: relative;
  background-color: #fff;
  margin-top: 15px; }
  @media screen and (max-width: 1199px) {
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item {
      border-bottom: #bf6080 dotted 2px; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item {
      border: #bf6080 dotted 2px;
      margin-left: 15px;
      margin-right: 15px;
      border-radius: 6px; } }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-demand-item-name,
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-supply-item-name {
    margin-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-demand-item-name,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-supply-item-name {
        margin-top: 6px; } }
    @media screen and (max-width: 767px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-demand-item-name,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-supply-item-name {
        font-size: 14px; } }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item:last-child {
    margin-bottom: 15px; }
    @media screen and (max-width: 1199px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item:last-child {
        border-bottom-width: 0; } }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-value {
    text-align: center;
    font-size: 1.25em;
    font-weight: 500; }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature,
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance,
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity {
    background-color: white;
    color: #fff;
    padding: 25px 30px; }
    @media screen and (min-width: 1200px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-sign {
        font-size: 18px; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-sign {
        font-size: 1.5vw; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-sign {
        font-size: 2vw; } }
    @media screen and (max-width: 767px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-sign,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-text,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-sign {
        font-size: 3vw; } }
    @media screen and (min-width: 1200px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-number {
        font-size: 40px; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-number {
        font-size: 2.75vw; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-number {
        font-size: 4.5vw; } }
    @media screen and (max-width: 767px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance .bems-sensor-humidity-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-temperature-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-illuminance-number,
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity .bems-sensor-humidity-number {
        font-size: 12vw; } }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-temperature {
    background-color: #439a46; }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-illuminance {
    background-color: #d39e00; }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-humidity {
    background-color: #0286c2; }
  @media screen and (max-width: 767px) {
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-profile-data-wrapper {
      position: absolute !important;
      top: 100px;
      left: 15px; } }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .chart-directive {
    height: 180px; }
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-close {
    cursor: pointer;
    color: #fff;
    background-color: #bbbbbb;
    border-radius: 5px;
    position: absolute;
    font-size: 16px;
    top: 5px;
    transition: all 0.5s linear; }
    @media screen and (min-width: 768px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-close {
        right: 5px; } }
    @media screen and (max-width: 767px) {
      .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-close {
        right: 2vw; } }
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item .bems-sensor-close:hover {
      background-color: #d73141; }

@media screen and (max-width: 767px) {
  .bems .bems-sensor .bems-sensor-container .bems-sensor-item-img-wrapper {
    padding-left: 0;
    padding-right: 0; } }

.bems .bems-sensor .bems-sensor-container .bems-sensor-item-img {
  display: block; }
  @media screen and (min-width: 768px) {
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item-img {
      margin-top: 30px;
      max-height: 105px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-sensor .bems-sensor-container .bems-sensor-item-img {
      margin-top: 30px;
      max-height: 67.5px; } }

.bems .bems-sensor .bems-sensor-container .bems-sensor-value {
  text-align: center; }

@media screen and (min-width: 1200px) {
  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front,
  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
    height: 13vw; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front,
  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
    height: 17vw; } }

@media screen and (max-width: 991px) {
  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front,
  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
    height: 24vw; } }

.bems .bems-dashboard {
  background: #fff;
  padding-top: 60px;
  padding-bottom: 30px;
  overflow-x: hidden;
  position: relative; }
  .bems .bems-dashboard .bems-dashboard-containter {
    width: 100vw;
    overflow-x: hidden; }
    @media screen and (min-width: 1200px) {
      .bems .bems-dashboard .bems-dashboard-containter {
        padding: 1vw 15.5vw 0.25vw 15.5vw; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .bems .bems-dashboard .bems-dashboard-containter {
        padding: 1.75vw 2.5vw; } }
    @media screen and (max-width: 991px) {
      .bems .bems-dashboard .bems-dashboard-containter {
        padding: 3vw 3vw 1vw 3vw; } }
    .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper {
      overflow-x: hidden;
      perspective: 1000;
      float: left;
      border-radius: 10px;
      transition: all 0.5s linear; }
      @media screen and (min-width: 992px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper {
          margin-right: 1vw;
          margin-top: 1vw; } }
      @media screen and (min-width: 1200px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper {
          width: 22vw; } }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper {
          width: 31vw; } }
      @media screen and (max-width: 991px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper {
          width: 46vw;
          margin-top: 2vw;
          margin-right: 2vw; } }
      @media screen and (max-width: 991px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper:nth-child(2n) {
          margin-right: 0; } }
      @media screen and (min-width: 992px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper:nth-child(3n) {
          margin-right: 0; } }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper:first-child, .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper:nth-child(2) {
        margin-top: 0; }
      @media screen and (min-width: 992px) {
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper:nth-child(3) {
          margin-top: 0; } }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item {
        cursor: pointer;
        position: relative;
        width: 100%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transition: all 1s ease-in-out;
        clear: both; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front,
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
          position: absolute;
          width: 100%;
          backface-visibility: hidden;
          -webkit-backface-visibility: hidden;
          color: #fff;
          clear: both; }
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front *,
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back * {
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front {
          background: #843550;
          background: -moz-linear-gradient(-45deg, #843550 0%, #963c5b 70%, #a84466 100%);
          background: -webkit-linear-gradient(-45deg, #843550 0%, #963c5b 70%, #a84466 100%);
          background: linear-gradient(135deg, #843550 0%, #963c5b 70%, #a84466 100%); }
          @media screen and (min-width: 1200px) {
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front {
              padding: 1vw; } }
          @media screen and (max-width: 1199px) {
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front {
              padding: 1.25vw; } }
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-name {
            position: relative;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 2; }
            @media screen and (min-width: 1200px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-name {
                font-size: 1.5vw; } }
            @media screen and (min-width: 992px) and (max-width: 1199px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-name {
                font-size: 2vw;
                margin-bottom: 1vw; } }
            @media screen and (max-width: 991px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-name {
                font-size: 3vw;
                margin-bottom: 1.25vw; } }
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper,
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text {
            float: left; }
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper {
            text-align: center; }
            @media screen and (min-width: 992px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper {
                width: 35%; } }
            @media screen and (max-width: 991px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper {
                width: 40%; } }
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper .bems-dashboard-item-image {
              margin-top: 0.5vw; }
              @media screen and (min-width: 992px) {
                .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper .bems-dashboard-item-image {
                  max-width: 95%; } }
              @media screen and (min-width: 1200px) {
                .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper .bems-dashboard-item-image {
                  max-height: 7vw; } }
              @media screen and (min-width: 992px) and (max-width: 1199px) {
                .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper .bems-dashboard-item-image {
                  max-height: 8vw; } }
              @media screen and (max-width: 991px) {
                .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-image-wrapper .bems-dashboard-item-image {
                  max-width: 98%;
                  max-height: 12vw; } }
          .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text {
            position: absolute;
            right: 5%;
            z-index: 99; }
            @media screen and (min-width: 992px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text {
                width: 65%; } }
            @media screen and (max-width: 991px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text {
                width: 60%; } }
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current {
              font-weight: 500; }
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-value {
                font-size: 3vw; }
                @media screen and (min-width: 1200px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-value {
                    line-height: 4.25vw; } }
                @media screen and (min-width: 992px) and (max-width: 1199px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-value {
                    font-size: 4vw;
                    line-height: 4.5vw; } }
                @media screen and (max-width: 991px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-value {
                    font-size: 5.75vw;
                    line-height: 6vw; } }
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit {
                font-size: 3.25vw; }
                @media screen and (min-width: 1200px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit {
                    line-height: 2.75vw; } }
                @media screen and (min-width: 992px) and (max-width: 1199px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit {
                    line-height: 3.25vw; } }
                @media screen and (max-width: 991px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit {
                    font-size: 5vw;
                    line-height: 4.75vw; } }
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit-mfk {
                font-size: 1.75vw; }
                @media screen and (min-width: 1200px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit-mfk {
                    line-height: 2.75vw; } }
                @media screen and (min-width: 992px) and (max-width: 1199px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit-mfk {
                    line-height: 3.25vw; } }
                @media screen and (max-width: 991px) {
                  .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-current .bems-dashboard-item-current-unit-mfk {
                    font-size: 2.75vw;
                    line-height: 4.75vw; } }
            @media screen and (min-width: 1200px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target {
                font-size: 1.5vw; } }
            @media screen and (min-width: 992px) and (max-width: 1199px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target {
                font-size: 1.75vw; } }
            @media screen and (min-width: 992px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target {
                position: relative;
                top: 0.5vw;
                left: -0.5vw; } }
            @media screen and (max-width: 991px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target {
                font-size: 2.25vw; } }
            @media screen and (max-width: 767px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target {
                position: relative;
                top: 1vw; } }
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-text,
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-value,
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-unit {
              float: left; }
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-text {
              width: 25%; }
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-value {
              font-weight: 500;
              width: 45%; }
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-unit {
              width: 30%; }
            @media screen and (min-width: 1200px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-unit-mfk {
                font-size: 0.75vw; } }
            @media screen and (min-width: 992px) and (max-width: 1199px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-unit-mfk {
                font-size: 0.87vw; } }
            @media screen and (max-width: 991px) {
              .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-front .bems-dashboard-item-text .bems-dashboard-item-target .bems-dashboard-item-target-unit-mfk {
                font-size: 1.12vw;
                font-weight: 500; } }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
          background: #963c5b;
          background: -moz-linear-gradient(-45deg, #963c5b 0%, #a84466 70%, #b84e71 100%);
          background: -webkit-linear-gradient(-45deg, #963c5b 0%, #a84466 70%, #b84e71 100%);
          background: linear-gradient(135deg, #963c5b 0%, #a84466 70%, #b84e71 100%);
          transform: rotateY(180deg);
          -webkit-transform: rotateY(180deg);
          font-weight: 300; }
          @media screen and (min-width: 1200px) {
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
              font-size: 2vw;
              padding: 1vw; } }
          @media screen and (min-width: 992px) and (max-width: 1199px) {
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
              font-size: 2.5vw;
              padding: 1.5vw; } }
          @media screen and (max-width: 991px) {
            .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item .bems-dashboard-item-back {
              font-size: 2.5vw;
              padding: 1.75vw; } }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-1 .bems-dashboard-item-front {
        background: #00aba9;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-1 .bems-dashboard-item-front:after {
          background: #018886;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-1 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #00c3c1;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-1 .bems-dashboard-item-back {
        background: #00aba9;
        background: -moz-linear-gradient(-45deg, #00aba9 0%, #00c5c2 70%, #00dedb 100%);
        background: -webkit-linear-gradient(-45deg, #00aba9 0%, #00c5c2 70%, #00dedb 100%);
        background: linear-gradient(135deg, #00aba9 0%, #00c5c2 70%, #00dedb 100%);
        z-index: 999; }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-2 .bems-dashboard-item-front {
        background: #a200ff;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-2 .bems-dashboard-item-front:after {
          background: #8800d6;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-2 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #b025ff;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-2 .bems-dashboard-item-back {
        z-index: 999;
        background: #a200ff;
        background: -moz-linear-gradient(-45deg, #a200ff 0%, #ab1aff 70%, #b533ff 100%);
        background: -webkit-linear-gradient(-45deg, #a200ff 0%, #ab1aff 70%, #b533ff 100%);
        background: linear-gradient(135deg, #a200ff 0%, #ab1aff 70%, #b533ff 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-3 .bems-dashboard-item-front {
        background: #ff0097;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-3 .bems-dashboard-item-front:after {
          background: #cc0079;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-3 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #ff30ab;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-3 .bems-dashboard-item-back {
        z-index: 999;
        background: #ff0097;
        background: -moz-linear-gradient(-45deg, #ff0097 0%, #ff1aa1 70%, #ff33ac 100%);
        background: -webkit-linear-gradient(-45deg, #ff0097 0%, #ff1aa1 70%, #ff33ac 100%);
        background: linear-gradient(135deg, #ff0097 0%, #ff1aa1 70%, #ff33ac 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-4 .bems-dashboard-item-front {
        background: #8cbf26;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-4 .bems-dashboard-item-front:after {
          background: #76a022;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-4 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #a5e02d;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-4 .bems-dashboard-item-back {
        z-index: 999;
        background: #8cbf26;
        background: -moz-linear-gradient(-45deg, #8cbf26 0%, #9cd42a 70%, #a6d93f 100%);
        background: -webkit-linear-gradient(-45deg, #8cbf26 0%, #9cd42a 70%, #a6d93f 100%);
        background: linear-gradient(135deg, #8cbf26 0%, #9cd42a 70%, #a6d93f 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-5 .bems-dashboard-item-front {
        background: #a05000;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-5 .bems-dashboard-item-front:after {
          background: #7d4002;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-5 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #cc6600;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-5 .bems-dashboard-item-back {
        z-index: 999;
        background: #a05000;
        background: -moz-linear-gradient(-45deg, #a05000 0%, #ba5d00 70%, #d36a00 100%);
        background: -webkit-linear-gradient(-45deg, #a05000 0%, #ba5d00 70%, #d36a00 100%);
        background: linear-gradient(135deg, #a05000 0%, #ba5d00 70%, #d36a00 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-6 .bems-dashboard-item-front {
        background: #e671b8;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-6 .bems-dashboard-item-front:after {
          background: #bf5c98;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-6 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #ff84cf;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-6 .bems-dashboard-item-back {
        z-index: 999;
        background: #e671b8;
        background: -moz-linear-gradient(-45deg, #e671b8 0%, #ea87c3 70%, #ee9cce 100%);
        background: -webkit-linear-gradient(-45deg, #e671b8 0%, #ea87c3 70%, #ee9cce 100%);
        background: linear-gradient(135deg, #e671b8 0%, #ea87c3 70%, #ee9cce 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-7 .bems-dashboard-item-front {
        background: #f09609;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-7 .bems-dashboard-item-front:after {
          background: #d69329;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-7 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #ffa81f;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-7 .bems-dashboard-item-back {
        z-index: 999;
        background: #f09609;
        background: -moz-linear-gradient(-45deg, #f09609 0%, #f6a11c 70%, #f7ac35 100%);
        background: -webkit-linear-gradient(-45deg, #f09609 0%, #f6a11c 70%, #f7ac35 100%);
        background: linear-gradient(135deg, #f09609 0%, #f6a11c 70%, #f7ac35 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-8 .bems-dashboard-item-front {
        background: #1ba1e2;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-8 .bems-dashboard-item-front:after {
          background: #1887bd;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-8 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #22b7ff;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-8 .bems-dashboard-item-back {
        z-index: 999;
        background: #1ba1e2;
        background: -moz-linear-gradient(-45deg, #1ba1e2 0%, #30abe6 70%, #47b4e9 100%);
        background: -webkit-linear-gradient(-45deg, #1ba1e2 0%, #30abe6 70%, #47b4e9 100%);
        background: linear-gradient(135deg, #1ba1e2 0%, #30abe6 70%, #47b4e9 100%); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-9 .bems-dashboard-item-front {
        background: #339933;
        overflow: hidden; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-9 .bems-dashboard-item-front:after {
          background: #098c09;
          transform: skewY(145deg);
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top; }
        .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-9 .bems-dashboard-item-front:before {
          position: absolute;
          content: '';
          left: 0px;
          height: 100%;
          width: 100%;
          transform-origin: right top;
          top: 0px;
          background: #3bb33b;
          transform: skewY(45deg); }
      .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper .bems-dashboard-item-9 .bems-dashboard-item-back {
        z-index: 999;
        background: #339933;
        background: -moz-linear-gradient(-45deg, #339933 0%, #39ac39 70%, #40bf40 100%);
        background: -webkit-linear-gradient(-45deg, #339933 0%, #39ac39 70%, #40bf40 100%);
        background: linear-gradient(135deg, #339933 0%, #39ac39 70%, #40bf40 100%); }
    .bems .bems-dashboard .bems-dashboard-containter .bems-dashboard-item-wrapper.flipped > .bems-dashboard-item {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg); }

@media screen and (max-width: 767px) {
  .bems .bems-control .bems-control-container .bems-control-list {
    margin-bottom: 15px; } }

.bems .bems-control .bems-control-container .bems-control-graph-wrapper {
  padding-bottom: 0; }
  .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-room-name {
    margin-bottom: 0;
    font-weight: bolder; }
  .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph {
    height: 180px; }
  .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph-temperature-text {
    color: #59b75c; }
    .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph-temperature-text:hover {
      color: #439a46; }
  .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph-humidity-text {
    color: #03a9f4; }
    .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph-humidity-text:hover {
      color: #0286c2; }
  .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph-illuminance-text {
    color: #f44336; }
    .bems .bems-control .bems-control-container .bems-control-graph-wrapper .bems-control-graph-illuminance-text:hover {
      color: #ea1c0d; }

@media screen and (max-width: 991px) {
  .bems .bems-control .bems-control-container .bems-control-illuminance,
  .bems .bems-control .bems-control-container .bems-control-humidity {
    margin-top: 15px; } }

.bems .bems-control .bems-control-container .bems-control-status .col-md-3,
.bems .bems-control .bems-control-container .bems-control-status .col-xs-6 {
  padding-left: 7.5px;
  padding-right: 7.5px; }

.bems .bems-control .bems-control-container .bems-control-temperature,
.bems .bems-control .bems-control-container .bems-control-power,
.bems .bems-control .bems-control-container .bems-control-humidity,
.bems .bems-control .bems-control-container .bems-control-illuminance {
  background-color: white;
  color: #fff; }
  @media screen and (max-width: 1199px) {
    .bems .bems-control .bems-control-container .bems-control-temperature,
    .bems .bems-control .bems-control-container .bems-control-power,
    .bems .bems-control .bems-control-container .bems-control-humidity,
    .bems .bems-control .bems-control-container .bems-control-illuminance {
      padding: 15px; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-sign {
      font-size: 18px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-sign {
      font-size: 1.5vw; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-sign {
      font-size: 2vw; } }
  @media screen and (max-width: 767px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-sign,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-text,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-sign {
      font-size: 2.25vw; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-number {
      font-size: 40px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-number {
      font-size: 2.75vw; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-number {
      font-size: 6vw; } }
  @media screen and (max-width: 767px) {
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-temperature .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-power .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-humidity .bems-control-illuminance-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-temperature-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-power-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-humidity-number,
    .bems .bems-control .bems-control-container .bems-control-illuminance .bems-control-illuminance-number {
      font-size: 7.2vw; } }

.bems .bems-control .bems-control-container .bems-control-temperature {
  background-color: #439a46;
  border: 3px solid #245326;
  border-radius: 10px; }

.bems .bems-control .bems-control-container .bems-control-power {
  background-color: #d39e00;
  border: 3px solid #6d5200;
  border-radius: 10px; }

.bems .bems-control .bems-control-container .bems-control-humidity {
  background-color: #399ac5;
  border: 3px solid #186386;
  border-radius: 10px; }

.bems .bems-control .bems-control-container .bems-control-illuminance {
  background-color: #f7645a;
  border: 3px solid #c1291f;
  border-radius: 10px; }

.bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-title {
  font-weight: 500; }

.bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body-wrapper {
  display: table;
  width: 50%;
  height: 125px; }

.bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body-inner-wrapper {
  display: table-row; }

.bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg {
      margin-top: 6px;
      height: 48px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg {
      margin-top: 5px;
      height: 40px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg {
      margin-top: 6px;
      height: 48px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg {
      margin-top: 5px;
      height: 40px; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg-wrapper,
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-icon {
      font-size: 60px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg-wrapper,
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-icon {
      font-size: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg-wrapper,
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-icon {
      font-size: 60px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-svg-wrapper,
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-util-icon {
      font-size: 50px; } }
  .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-input-temperature {
    text-align: center; }
    @media screen and (min-width: 1200px) {
      .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-input-temperature {
        font-size: 45px;
        height: 49.5px; } }
    .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-input-temperature::-webkit-outer-spin-button, .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-input-temperature::-webkit-inner-spin-button {
      -webkit-appearance: none; }
  .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-manual-power-icon {
    color: #f44336; }
  .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-manual-power-icon-active,
  .bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-manual-item-body .bems-control-manual-fan-icon {
    color: #59b75c; }

.bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-button-controlable {
  color: #03a9f4; }

.bems .bems-control .bems-control-container .bems-control-manual-item .bems-control-pointer {
  cursor: pointer; }

.bems .bems-control .bems-control-container .bems-control-manual-item-wrapper:first-child .panel, .bems .bems-control .bems-control-container .bems-control-manual-item-wrapper:nth-child(2) .panel {
  margin-top: 0; }

@media screen and (min-width: 768px) {
  .bems .bems-control .bems-control-container .bems-control-manual-item-wrapper:nth-child(3) .panel {
    margin-top: 0; } }

@media screen and (min-width: 1200px) {
  .bems .bems-control .bems-control-container .bems-control-manual-item-wrapper:nth-child(4) .panel {
    margin-top: 0; } }

.bems .bems-control .bems-control-container .bems-control-manual-item-wrapper .panel {
  margin-bottom: 0;
  margin-top: 20px; }

.bems .bems-control .bems-control-container .bems-control-list {
  overflow-x: hidden;
  overflow-y: scroll; }
  @media screen and (max-width: 767px) {
    .bems .bems-control .bems-control-container .bems-control-list {
      max-height: 250px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-control .bems-control-container .bems-control-list {
      max-height: 32vw; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .bems .bems-control .bems-control-container .bems-control-list {
      max-height: 45vw; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-control .bems-control-container .bems-control-list {
      max-height: 325px; } }
  @media screen and (min-width: 992px) {
    .bems .bems-control .bems-control-container .bems-control-list {
      min-height: 240px;
      padding: 5px 15px; } }

.bems .bems-control .bems-control-container .icon-legend-img {
  width: 45px;
  max-height: 350px;
  background-color: #0e880e;
  display: inline-block;
  margin-bottom: 10px; }
  @media screen and (max-width: 991px) {
    .bems .bems-control .bems-control-container .icon-legend-img {
      width: 30px; } }

.bems .bems-control .bems-room-section-img-wrapper {
  width: 420px;
  position: relative;
  margin: 0 auto; }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img {
    width: 420px; }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device {
    position: absolute;
    z-index: 100;
    cursor: pointer; }
    .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device img {
      width: 30px;
      background-color: #d73141; }
    .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device span {
      display: block;
      width: 15px;
      height: 15px;
      position: relative;
      color: #fff;
      text-align: center;
      line-height: 15px;
      background-color: #03a9f4;
      border-radius: 9999px;
      left: 23px;
      bottom: 35px; }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device-alt img {
    background-color: green; }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device-alt-gray img {
    background-color: #616161; }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device-alt-transparent img {
    filter: opacity(0.4); }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img-device-error img {
    background-color: #d73141; }
  .bems .bems-control .bems-room-section-img-wrapper .bems-room-section-img {
    width: 420px; }

.bems .legend-img-icon {
  width: 25px;
  height: 25px;
  background-color: #0e880e;
  display: inline-block;
  margin-bottom: -7px;
  border-radius: 25px; }

.bems .legend-img-icon-red {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-bottom: -7px;
  border-radius: 25px;
  background-color: #d73141; }

.bems .legend-img-icon-gray {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-bottom: -7px;
  border-radius: 25px;
  background-color: #616161; }

.bems .bems-search .bems-search-container .bems-search-point-table-wrapper {
  max-height: 150px;
  overflow-y: scroll;
  margin-bottom: 20px; }
  .bems .bems-search .bems-search-container .bems-search-point-table-wrapper .bems-search-point-table {
    font-weight: 300; }

.bems .bems-search .bems-search-container .bems-search-device-title {
  font-size: 24px; }

.bems .bems-search .bems-search-container .bems-search-device-list {
  width: 95%;
  margin: 0 auto; }
  .bems .bems-search .bems-search-container .bems-search-device-list .bems-search-device-item {
    border-bottom: 1px dotted #03a9f4; }
    .bems .bems-search .bems-search-container .bems-search-device-list .bems-search-device-item:last-child {
      border-bottom-width: 0; }
    .bems .bems-search .bems-search-container .bems-search-device-list .bems-search-device-item .bems-search-device-name-wrapper {
      overflow: hidden; }
      .bems .bems-search .bems-search-container .bems-search-device-list .bems-search-device-item .bems-search-device-name-wrapper .material-icons {
        position: relative;
        top: 6px; }
      .bems .bems-search .bems-search-container .bems-search-device-list .bems-search-device-item .bems-search-device-name-wrapper .bems-search-device-item-name {
        line-height: 52.5px;
        font-size: 14.4px; }
    .bems .bems-search .bems-search-container .bems-search-device-list .bems-search-device-item .bems-search-device-item-delete-button {
      width: 100%; }

.bems .bems-admin .bems-admin-container .bems-calendar {
  width: 315px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .bems .bems-admin .bems-admin-container .bems-calendar .date-gap {
    height: 20px 0;
    display: inline-block;
    padding: 10px; }
  .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-item, .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-header, .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-title {
    width: 45px;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    color: #bf6080;
    transition: all 0.5s linear;
    display: inline-block; }
    .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-item:hover, .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-header:hover, .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-title:hover {
      color: #fff;
      background-color: #bf6080; }
  .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-item.active, .bems .bems-admin .bems-admin-container .bems-calendar .active.bems-calendar-header, .bems .bems-admin .bems-admin-container .bems-calendar .active.bems-calendar-title {
    color: #fff;
    background-color: #bf6080; }
  .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-header, .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-title {
    background-color: #c58da0;
    color: #fff; }
    .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-header:hover, .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-title:hover {
      background-color: #c58da0; }
  .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-title {
    width: 315px;
    background-color: #d0b5be; }
    .bems .bems-admin .bems-admin-container .bems-calendar .bems-calendar-title:hover {
      background-color: #d0b5be; }

.bems .bems-admin .bems-admin-container .bems-admin-add {
  text-align: right; }

.bems .bems-admin .bems-admin-container .bems-table-center {
  text-align: center; }

.bems .bems-admin .bems-admin-container table tbody {
  font-weight: 300; }

.bems .bems-admin .bems-admin-container table td, .bems .bems-admin .bems-admin-container table th {
  vertical-align: middle; }

.bems .bems-admin .bems-admin-container table .table-admin-check {
  max-width: 70px; }

.bems .bems-admin .bems-admin-container table .red {
  background-color: #ffd9d9; }

.bems .bems-admin .bems-admin-container table .green {
  background-color: #d7fbdf; }

.bems .bems-admin .bems-admin-container table .name {
  width: 48%; }

.bems .bems-admin .bems-admin-container table .balance {
  width: 12%; }

.bems .bems-admin .bems-admin-container table .manual {
  width: 10%; }

.bems .bems-admin .bems-admin-container table .manual-p {
  width: 13%; }

.bems .bems-admin .bems-admin-container table .text-right {
  text-align: right; }

.bems .bems-admin .bems-admin-container table th {
  text-align: center; }

.bems .bems-admin .bems-admin-container table .bems-admin-td {
  margin-top: 15px; }

.bems .bems-admin .bems-admin-container table .bems-admin-warning {
  color: #ffc107; }

.bems .bems-admin .bems-admin-container table .bems-admin-danger {
  color: #f44336; }

.bems .bems-admin .bems-admin-container table .bemms-admin-ok {
  color: #59b75c; }

.bems .bems-admin .bems-admin-container .bems-admin-profile-load-image {
  height: 60px;
  cursor: pointer; }

.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-admin-profile-subscribe-row .bems-admin-profile-subscribe-col {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item {
  position: relative;
  background-color: #fff;
  margin-top: 15px; }
  @media screen and (max-width: 1199px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item {
      border-bottom: #bf6080 dotted 2px; } }
  @media screen and (min-width: 1200px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item {
      border: #bf6080 dotted 2px;
      margin-left: 15px;
      margin-right: 15px;
      border-radius: 6px; } }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-demand-item-name {
    margin-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-demand-item-name {
        margin-top: 6px; } }
    @media screen and (max-width: 767px) {
      .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-demand-item-name {
        font-size: 14px; } }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item:last-child {
    margin-bottom: 0 15px; }
    @media screen and (max-width: 1199px) {
      .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item:last-child {
        border-bottom-width: 0; } }
  @media screen and (max-width: 767px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-demand-item-checkbox,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-supply-item-checkbox {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-demand-item-checkbox label,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-supply-item-checkbox label {
      font-size: 0; } }
  @media screen and (max-width: 767px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-data-wrapper {
      position: absolute !important;
      top: 120px;
      left: 15px; } }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .chart-directive {
    height: 180px; }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-demand-close {
    color: #fff;
    background-color: #bbbbbb;
    border-radius: 5px;
    position: absolute;
    font-size: 16px;
    top: 5px;
    transition: all 0.5s linear; }
    @media screen and (min-width: 768px) {
      .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-demand-close {
        right: 5px; } }
    @media screen and (max-width: 767px) {
      .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-demand-close {
        right: 2vw; } }
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-admin-item .bems-profile-demand-close:hover {
      background-color: #d73141; }

.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-item-img,
.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-item-img {
  display: block; }
  @media screen and (min-width: 768px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-item-img,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-item-img {
      max-height: 105px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-item-img,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-item-img {
      max-height: 52.5px; } }

.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy,
.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power,
.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak,
.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy,
.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power,
.bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak {
  font-size: 18px;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak {
      font-size: 10px;
      margin-bottom: 8px; } }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy > :first-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power > :first-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak > :first-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy > :first-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power > :first-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak > :first-child {
    font-weight: 500;
    background-color: #eee; }
  @media screen and (min-width: 768px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak > * {
      padding: 10px; } }
  @media screen and (max-width: 767px) {
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power > *,
    .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak > * {
      padding: 3px 5px; } }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy > :last-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power > :last-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak > :last-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy > :last-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power > :last-child,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak > :last-child {
    text-align: right; }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy .normal-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power .normal-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak .normal-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy .normal-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power .normal-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak .normal-value {
    background-color: #9edf48; }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak .alert-value {
    color: #fff; }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power .warning-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak .warning-value {
    background-color: #f5c922; }
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-energy .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-power .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-demand-peak .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-energy .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-power .alert-value,
  .bems .bems-admin .bems-admin-container .bems-admin-profile-popup .bems-profile-supply-peak .alert-value {
    background-color: #bc250c; }

.bems .bems-admin .bems-admin-container .bems-admin-device-modal-manipulate .device-icon {
  width: 30px;
  background-color: #d73141; }

.bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-img-wrapper {
  width: 420px;
  margin: 0 auto;
  position: relative; }
  .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-img-wrapper .bems-admin-device-img {
    width: 100%; }
  .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-img-wrapper .bems-admin-device-img-pinpin {
    position: absolute;
    z-index: 100;
    cursor: pointer; }
    .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-img-wrapper .bems-admin-device-img-pinpin img {
      width: 30px;
      background-color: #d73141; }
    .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-img-wrapper .bems-admin-device-img-pinpin span {
      display: block;
      width: 15px;
      height: 15px;
      position: relative;
      color: #fff;
      text-align: center;
      line-height: 15px;
      background-color: #03a9f4;
      border-radius: 9999px;
      left: 23px;
      bottom: 35px; }

.bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-list {
  max-height: 500px;
  overflow-y: auto; }

.bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-item-wrapper {
  margin-bottom: 5px;
  margin-right: 15px; }
  .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-item-wrapper:first-child {
    margin-top: 15px; }
  .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-item-wrapper:last-child {
    margin-bottom: 0; }
  .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-item-wrapper .bems-admin-device-item {
    border: 1px solid #bf6080;
    border-radius: 10px;
    padding: 6px 15px; }
    .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-item-wrapper .bems-admin-device-item .bems-admin-device-item-icon {
      width: 40px;
      background-color: #d73141;
      vertical-align: middle;
      margin-top: 5px;
      margin-right: 10px; }
  .bems .bems-admin .bems-admin-container .bems-admin-device .bems-admin-device-item-wrapper .bems-admin-device-item-point {
    background-color: #bf6080;
    color: #fff;
    margin: 0 10px;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }

.bems .bems-admin .bems-admin-container .bems-admin-device-dialog-choose .modal-body button,
.bems .bems-admin .bems-admin-container .bems-admin-device-dialog-choose .modal-body select,
.bems .bems-admin .bems-admin-container .bems-admin-device-modal-delete .modal-body button,
.bems .bems-admin .bems-admin-container .bems-admin-device-modal-delete .modal-body select {
  margin: 0; }

.bems .bems-admin .bems-admin-container .bems-admin-device-dialog-choose table,
.bems .bems-admin .bems-admin-container .bems-admin-device-modal-delete table {
  margin-bottom: 0; }

.bems .bems-admin .bems-admin-container .bems-admin-device-dialog-choose img,
.bems .bems-admin .bems-admin-container .bems-admin-device-modal-delete img {
  vertical-align: middle;
  width: 30px;
  background-color: #d73141; }

@media screen and (min-width: 768px) {
  .bems .bems-user .bems-user-container label {
    text-align: right;
    padding: 7px 0; } }

.bems .bems-user .bems-user-container .bems-user-password-submit-wrapper {
  text-align: center; }

.bems .bems-user .bems-user-container .alert {
  width: 80%;
  margin: 10px auto 0 auto; }

.bems .bems-user .bems-user-container .bems-user-password-not {
  color: #f44336; }

.bems .bems-map {
  padding-top: 138.75px;
  padding-bottom: 90px;
  position: relative; }
  .bems .bems-map .bems-map-back {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 50; }
  .bems .bems-map .bems-map-zoom {
    position: absolute;
    top: 60px;
    right: 30px;
    cursor: pointer;
    z-index: 100; }
  @media screen and (max-width: 1199px) {
    .bems .bems-map {
      overflow-x: scroll; } }
  .bems .bems-map .bems-map-inner-wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-text-size-adjust: auto; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-back {
      border: 0; }
      @media screen and (min-width: 1200px) {
        .bems .bems-map .bems-map-inner-wrapper .bems-map-back {
          position: absolute;
          z-index: 20;
          right: 5vw;
          bottom: 10vh;
          cursor: pointer;
          width: 84px;
          height: 84px;
          vertical-align: middle;
          padding-left: -50px; } }
      @media screen and (max-width: 1199px) {
        .bems .bems-map .bems-map-inner-wrapper .bems-map-back {
          position: fixed;
          bottom: 75px;
          right: 15px; } }
      @media screen and (min-width: 1200px) {
        .bems .bems-map .bems-map-inner-wrapper .bems-map-back .material-icons {
          vertical-align: middle;
          display: inline-flex;
          font-size: 64px;
          position: relative;
          left: -8px; } }
    .bems .bems-map .bems-map-inner-wrapper .btn-fab:hover {
      background-color: #282537; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-img {
      display: block;
      max-width: 960px;
      max-height: 720px;
      margin: 0 auto; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-area {
      display: block;
      position: absolute;
      opacity: 0.5;
      transition: transform 0s; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-area:hover {
        opacity: 0.75; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-area.red {
        background-color: #bc250c; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-area.yellow {
        background-color: #f5c922; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-area.green {
        background-color: #9edf48; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-text {
      position: absolute;
      font-weight: 500;
      clear: both; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-text .material-icons {
        vertical-align: middle; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-text .first-line {
        margin-bottom: 5px; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-text .last-line {
        margin-top: 5px;
        margin-left: 30px; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-text.bems-map-legend {
      color: #bf6080; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-line {
      position: absolute;
      background-color: transparent;
      border: 0 #282537 solid; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-line.red {
        border-color: #bc250c; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-line.yellow {
        border-color: #f5c922; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-line.green {
        border-color: #9edf48; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-line.bems-map-legend {
      border-color: #bf6080; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-point, .bems .bems-map .bems-map-inner-wrapper .bems-map-point-alt {
      position: absolute;
      background-color: #282537;
      border-radius: 299970px;
      width: 15px;
      height: 15px; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-point.red, .bems .bems-map .bems-map-inner-wrapper .red.bems-map-point-alt {
        background-color: #bc250c; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-point.yellow, .bems .bems-map .bems-map-inner-wrapper .yellow.bems-map-point-alt {
        background-color: #f5c922; }
      .bems .bems-map .bems-map-inner-wrapper .bems-map-point.green, .bems .bems-map .bems-map-inner-wrapper .green.bems-map-point-alt {
        background-color: #9edf48; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-point.bems-map-legend, .bems .bems-map .bems-map-inner-wrapper .bems-map-legend.bems-map-point-alt {
      background-color: #bf6080; }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-point-alt {
      border: 3px #eee solid;
      width: 22.5px;
      height: 22.5px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    .bems .bems-map .bems-map-inner-wrapper .bems-map-point-alt.bems-map-legend {
      background-color: #bf6080; }

@media screen and (max-width: 767px) {
  .bems-map-btn {
    height: 50px; } }

.page-name {
  top: 5px;
  font-size: 40px;
  left: 15%;
  position: absolute; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .page-name {
      top: 15px;
      font-size: 28px;
      left: 10%; } }
  @media screen and (max-width: 767px) {
    .page-name {
      top: 15px;
      font-size: 7vw;
      left: 5%; } }

.bems .bems-floor-overview .bems-floor-overview-container hr {
  border-width: 2px;
  border-color: #282537; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-map {
  position: relative; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-map .bems-floor-overview-line,
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-map .bems-floor-overview-point {
    position: absolute; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-map .bems-floor-overview-line {
    border-color: #282537;
    border-width: 1px 0 0 1px;
    border-style: solid; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-map .bems-floor-overview-point {
    width: 22.5px;
    height: 22.5px;
    background-color: #282537;
    border-radius: 299970px; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-map .bems-floor-overview-map-img {
    width: 100%;
    margin-top: 250px;
    opacity: 0.75; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-header-h1,
.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-header-h3 {
  color: #282537; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-header-h1 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5px; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-header-h3 {
  margin: 5px 0; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item:not(:last-child) {
  margin-bottom: 20px; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-item-last {
  background-color: #bf6080;
  height: 3px; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-tag,
.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-tag-alt {
  padding: 8px; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-tag {
  background-color: #bf6080;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  position: relative;
  margin-bottom: 5px; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-tag-alt {
  background-color: #eee;
  color: lighter(#333);
  margin-top: 10px; }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-date {
  color: lighter(#333); }
  @media screen and (min-width: 992px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-date {
      font-size: 18px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-date {
      font-size: 3vw; } }
  @media screen and (max-width: 767px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-date {
      font-size: 2vw; } }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage {
  font-weight: 500;
  text-align: right; }
  @media screen and (min-width: 992px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage .bems-floor-overview-usage-number {
      font-size: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage .bems-floor-overview-usage-number {
      font-size: 5.8vw; } }
  @media screen and (max-width: 767px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage .bems-floor-overview-usage-number {
      font-size: 8vw;
      line-height: 1.2; } }
  @media screen and (min-width: 992px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage .bems-floor-overview-usage-sign {
      font-size: 24px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage .bems-floor-overview-usage-sign {
      font-size: 2vw; } }
  @media screen and (max-width: 767px) {
    .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-usage .bems-floor-overview-usage-sign {
      font-size: 4vw;
      line-height: 1.2; } }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent {
  padding: 10px;
  background-color: #75ce02;
  color: #fff;
  border-radius: 10px; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-number {
    line-height: 1.25; }
    @media screen and (min-width: 992px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-number {
        font-size: 60px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-number {
        font-size: 8vw; } }
    @media screen and (max-width: 767px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-number {
        font-size: 7.5vw; } }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-sign {
    line-height: 1.25; }
    @media screen and (min-width: 992px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-sign {
        font-size: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-sign {
        font-size: 4vw; } }
    @media screen and (max-width: 767px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-sign {
        font-size: 4vw; } }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-number-alt {
    line-height: 1.55; }
    @media screen and (min-width: 992px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-number-alt {
        font-size: 54px; } }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-sign-alt {
    line-height: 1.55; }
    @media screen and (min-width: 992px) {
      .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-stat .bems-floor-overview-percent .bems-floor-overview-percent-sign-alt {
        font-size: 24px; } }

.bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph {
  position: relative;
  padding-top: 0; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-peak-demand,
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-danger-level {
    text-align: right; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-graph {
    width: 100%; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-current-demand,
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-peak-demand,
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-warning-level,
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-danger-level {
    font-size: 11px;
    vertical-align: middle; }
  .bems .bems-floor-overview .bems-floor-overview-container .bems-floor-overview-item-list .bems-floor-overview-item .bems-floor-overview-wrapper-graph .bems-floor-overview-graph-legend {
    font-size: 12.6px;
    text-align: right;
    position: relative;
    right: 15px;
    bottom: 5px; }

.bems .bems-floor-section .bems-floor-section-container .bems-floor-section-header {
  margin-top: 10px;
  font-weight: 500; }
  .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-header .floor-name {
    color: #544e74; }

.bems .bems-floor-section .bems-floor-section-container .bems-floor-section-view-button {
  margin: 0;
  width: 100%; }
  .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-view-button .bems-floor-section-view-button-inner,
  .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-view-button .dropdown-menu {
    width: 100%; }

.bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper {
  margin: 0 auto;
  width: 100%;
  overflow-x: auto; }
  .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper {
    width: 770px;
    margin: 0 auto;
    position: relative;
    -webkit-text-size-adjust: auto; }
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map {
      width: 100%;
      max-height: 500px; }
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-area {
      display: block;
      position: absolute;
      text-align: center;
      vertical-align: middle;
      opacity: 0.5;
      transition: transform 0s;
      z-index: 75;
      font-weight: 500;
      font-size: 1.25em;
      color: transparent; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-area:hover {
        opacity: 0.75;
        color: #fff;
        transition: all 0.3s linear; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-area.red {
        background-color: #bc250c; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-area.yellow {
        background-color: #f5c922; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-area.green {
        background-color: #9edf48; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-area.area-blink {
        animation: blink 1.2s linear infinite; }
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-point,
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-point-name {
      z-index: 100;
      background: #b56382;
      color: #fff;
      position: absolute;
      padding: 5px;
      border-radius: 2px;
      max-width: 150px; }
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-point {
      width: 35px;
      height: 35px;
      border-radius: 9999px;
      transition: all 0.5s linear; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-point:after {
        top: 90%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: #b56382;
        border-width: 10px;
        margin-left: -10px; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-point:hover {
        -moz-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        transform: scale(1.15); }
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage {
      width: 200px;
      position: absolute;
      padding: 5px 10px;
      background-color: #eee;
      border: solid 2px #bf6080;
      border-radius: 10px;
      z-index: 100;
      font-size: 9px; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .progress {
        height: 15px;
        margin-bottom: 2px;
        position: relative; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .progress-bar-value {
        position: absolute;
        top: 2px;
        right: 5px;
        font-size: 10px; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .progress-bar.progress-bar-info,
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .progress-bar.progress-bar-success,
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .progress-bar.progress-bar-warning,
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .progress-bar.progress-bar-danger {
        float: right; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .bems-floor-section-map-usage-name {
        color: #282537;
        font-weight: 500;
        font-size: 14px; }
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-inner-wrapper .bems-floor-section-map-usage .bems-floor-section-map-usage-peak {
        text-align: right;
        font-size: 10px; }
  .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-meaning {
    position: absolute;
    right: 30px;
    z-index: 500;
    color: #eee;
    background-color: rgba(40, 37, 55, 0.75);
    padding: 15px; }
    @media screen and (min-width: 768px) {
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-meaning {
        width: 80%; } }
    @media screen and (max-width: 767px) {
      .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-meaning {
        width: 90%; } }
    .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-meaning .bems-floor-section-meaning-item {
      display: flex;
      align-items: center;
      margin: 10px 0; }
      @media screen and (min-width: 768px) {
        .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-meaning .bems-floor-section-meaning-item {
          font-size: 24px; } }
      @media screen and (max-width: 767px) {
        .bems .bems-floor-section .bems-floor-section-container .bems-floor-section-map-wrapper .bems-floor-section-meaning .bems-floor-section-meaning-item {
          font-size: 3vw; } }

.bems .bems-floor-section .bems-floor-section-container .bems-floor-section-area-usage-wrapper,
.bems .bems-floor-section .bems-floor-section-container .bems-floor-section-load-usage-wrapper {
  padding: 5px; }

.bems .bems-floor-section .bems-floor-section-container .bems-floor-section-pie-title {
  text-align: center; }

.bems .bems-floor-section .bems-floor-section-container .form-group select {
  width: 60%;
  magin-left: 10%; }

.bems .bems-floor-section .bems-floor-section-container .form-group label {
  width: 30%; }

.bems .bems-floor-section .bems-floor-section-container .form-group select:hover, .bems .bems-floor-section .bems-floor-section-container .form-group select:focus {
  cursor: pointer; }

.bems .bems-floor-section .bems-floor-section-container .form-group option:hover, .bems .bems-floor-section .bems-floor-section-container .form-group option:focus {
  cursor: pointer; }

.bems .btn-fab:not(.btn-raised):not(.btn-link):focus,
.bems .btn-fab:not(.btn-raised):not(.btn-link):hover,
.bems .input-group-btn .btn-fab:not(.btn-raised):not(.btn-link):focus,
.bems .input-group-btn .btn-fab:not(.btn-raised):not(.btn-link):hover {
  background-color: #672c42; }

@-webkit-keyframes blink {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 0.15; }
  100% {
    opacity: 0.5; } }

@-moz-keyframes blink {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 0.15; }
  100% {
    opacity: 0.5; } }

@-ms-keyframes blink {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 0.15; }
  100% {
    opacity: 0.5; } }

@keyframes blink {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 0.15; }
  100% {
    opacity: 0.5; } }

.bems .bems-room-section .bems-room-section-container hr {
  border-width: 2px;
  border-color: #282537; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-point-list {
  margin: 0 30px; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-point-list .bems-room-section-point-item {
    padding: 10px;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #282537;
    margin-bottom: 5px; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-point-list .bems-room-section-point-item:last-child {
      margin-bottom: 15px; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-point-list .bems-room-section-point-item .bems-room-section-point-name {
      font-weight: 500; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-point-list .bems-room-section-point-item .btn {
      margin: 0; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-point-list .bems-room-section-point-item .bems-room-section-point-icon {
      background-color: #d73141;
      width: 30px;
      vertical-align: middle;
      margin-right: 15px; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-point-list .bems-room-section-point-item .checkbox {
      display: inline-block;
      margin-top: 0; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-img-super-wrapper {
  width: 100%;
  -webkit-text-size-adjust: auto; }
  @media screen and (max-width: 1199px) {
    .bems .bems-room-section .bems-room-section-container .bems-room-section-img-super-wrapper {
      overflow-x: auto; } }

.bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper {
  width: 420px;
  position: relative;
  margin: 0 auto; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img {
    width: 420px; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img-device {
    position: absolute;
    z-index: 100;
    cursor: pointer; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img-device img {
      width: 30px;
      background-color: #d73141; }
    .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img-device span {
      display: block;
      width: 15px;
      height: 15px;
      position: relative;
      color: #fff;
      text-align: center;
      line-height: 15px;
      background-color: #03a9f4;
      border-radius: 9999px;
      left: 23px;
      bottom: 35px; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img-device-alt img {
    background-color: #616161; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img-device-alt-transparent img {
    filter: opacity(0.4); }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-img-wrapper .bems-room-section-img {
    width: 420px; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-legend {
  margin-top: 10px; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-legend .bems-room-section-legend-img {
    width: 45px;
    max-height: 350px;
    background-color: #d73141;
    display: inline-block;
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      .bems .bems-room-section .bems-room-section-container .bems-room-section-legend .bems-room-section-legend-img {
        width: 30px; } }

.bems .bems-room-section .bems-room-section-container .bems-control-list {
  max-height: 461px;
  overflow-x: hidden;
  overflow-y: scroll; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-title {
  font-weight: 500;
  margin-top: 0; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-title .bems-room-section-title-floor-name {
    color: #544e74; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .progress {
  height: 23px;
  margin-bottom: 2px;
  position: relative; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .progress-bar-value {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 14px; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .progress-bar.progress-bar-info,
.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .progress-bar.progress-bar-success,
.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .progress-bar.progress-bar-warning,
.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .progress-bar.progress-bar-danger {
  float: right; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .bems-room-section-map-usage-name {
  color: #282537;
  font-weight: 500;
  font-size: 18px; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-progress .bems-room-section-map-usage-name .bems-room-section-map-usage-name-percent {
    text-align: right; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-progress .bems-room-section-map-usage-peak {
  font-size: 12px; }

.bems .bems-room-section .bems-room-section-container .bems-room-section-award {
  text-align: center; }
  .bems .bems-room-section .bems-room-section-container .bems-room-section-award .bems-room-section-award-img {
    max-height: 180px; }

.bems .bems-system .panel {
  box-shadow: none;
  -webkit-box-shadow: none; }

.bems .bems-system .bems-system-container .panel.panel-default,
.bems .bems-system .bems-system-container .panel-body {
  background: transparent; }

@media screen and (max-width: 1199px) {
  .bems .bems-system .bems-system-container .bems-system-quota {
    margin-bottom: 30px; } }

.bems .bems-system .bems-system-container h1, .bems .bems-system .bems-system-container h2, .bems .bems-system .bems-system-container h3, .bems .bems-system .bems-system-container h4, .bems .bems-system .bems-system-container h5, .bems .bems-system .bems-system-container h6 {
  color: #46718b;
  font-weight: 500; }

.bems .bems-system .bems-system-container .bems-system-rank-1,
.bems .bems-system .bems-system-container .bems-system-rank-2,
.bems .bems-system .bems-system-container .bems-system-rank-3 {
  color: #282537;
  font-weight: 500;
  line-height: 1.1;
  border-radius: 15px;
  border: #46718b 3px solid;
  box-shadow: 2px 6px 21px -3px rgba(0, 0, 0, 0.58); }
  .bems .bems-system .bems-system-container .bems-system-rank-1 span,
  .bems .bems-system .bems-system-container .bems-system-rank-2 span,
  .bems .bems-system .bems-system-container .bems-system-rank-3 span {
    padding: 15px;
    display: inline-block;
    min-height: 80px;
    font-size: 20px;
    width: calc(100% - 80px);
    overflow-wrap: break-word;
    color: #363636; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .bems .bems-system .bems-system-container .bems-system-rank-1 span,
      .bems .bems-system .bems-system-container .bems-system-rank-2 span,
      .bems .bems-system .bems-system-container .bems-system-rank-3 span {
        min-height: 96px; } }
  .bems .bems-system .bems-system-container .bems-system-rank-1 img,
  .bems .bems-system .bems-system-container .bems-system-rank-2 img,
  .bems .bems-system .bems-system-container .bems-system-rank-3 img {
    width: 80px;
    float: left; }

.bems .bems-system .bems-system-container .bems-system-rank-1 {
  border-color: #f5bb02;
  background-color: #f5bb02; }
  @media screen and (max-width: 991px) {
    .bems .bems-system .bems-system-container .bems-system-rank-1 {
      margin-bottom: 30px; } }

.bems .bems-system .bems-system-container .bems-system-rank-2 {
  border-color: #9c9c9c;
  background-color: #9c9c9c; }
  @media screen and (max-width: 767px) {
    .bems .bems-system .bems-system-container .bems-system-rank-2 {
      margin-bottom: 30px; } }

.bems .bems-system .bems-system-container .bems-system-rank-3 {
  border-color: #f29862;
  background-color: #f29862; }

@media screen and (min-width: 1200px) {
  .bems .bems-system .bems-system-container .bems-system-rank-1,
  .bems .bems-system .bems-system-container .bems-system-rank-2 {
    margin-bottom: 30px; } }

.bems .bems-system .bems-system-container .bems-system-demand-item.alt {
  border-radius: 15px;
  border: #46718b 3px solid;
  margin-left: 7.5px; }
  @media screen and (min-width: 1200px) {
    .bems .bems-system .bems-system-container .bems-system-demand-item.alt {
      margin-right: 7.5px; } }

.bems .bems-system .bems-system-container .bems-system-rank-sm1,
.bems .bems-system .bems-system-container .bems-system-rank-sm2,
.bems .bems-system .bems-system-container .bems-system-rank-sm3 {
  text-align: left;
  padding: 15px;
  line-height: 1.1;
  border-radius: 15px;
  position: relative; }
  .bems .bems-system .bems-system-container .bems-system-rank-sm1 span,
  .bems .bems-system .bems-system-container .bems-system-rank-sm2 span,
  .bems .bems-system .bems-system-container .bems-system-rank-sm3 span {
    padding: 0 15px;
    display: inline-block;
    min-height: 60px;
    font-size: 18px;
    width: calc(100% - 60px);
    overflow-wrap: break-word; }
  .bems .bems-system .bems-system-container .bems-system-rank-sm1 img,
  .bems .bems-system .bems-system-container .bems-system-rank-sm2 img,
  .bems .bems-system .bems-system-container .bems-system-rank-sm3 img {
    width: 60px;
    float: left; }

.bems .bems-system .bems-system-container .bems-system-rank-sm1 {
  color: #f5bb02; }

.bems .bems-system .bems-system-container .bems-system-rank-sm2 {
  color: #9c9c9c; }

.bems .bems-system .bems-system-container .bems-system-rank-sm3 {
  color: #f29862; }

.bems .bems-system .bems-system-container .bems-system-supply-mea {
  text-align: center;
  margin: 0 auto;
  width: 166.666666667px;
  padding: 15px;
  line-height: 1.1;
  border: #e04628 3px solid;
  border-radius: 15px;
  position: relative; }
  .bems .bems-system .bems-system-container .bems-system-supply-mea .bems-system-supply-mea-title {
    color: #e04628;
    font-weight: 500;
    font-size: 24px; }
  .bems .bems-system .bems-system-container .bems-system-supply-mea .bems-system-supply-mea-value {
    font-size: 20px; }
  .bems .bems-system .bems-system-container .bems-system-supply-mea .bems-system-supply-mea-img {
    width: 75%;
    display: block;
    margin: 0 auto; }

.bems .bems-system .bems-system-container .bems-system-supply-pv {
  text-align: center;
  margin: 0 auto;
  width: 166.666666667px;
  padding: 15px;
  line-height: 1.1;
  border: #46718b 3px solid;
  border-radius: 15px;
  position: relative; }
  .bems .bems-system .bems-system-container .bems-system-supply-pv .bems-system-supply-pv-title {
    color: #46718b;
    font-weight: 500;
    font-size: 24px; }
  .bems .bems-system .bems-system-container .bems-system-supply-pv .bems-system-supply-pv-value {
    font-size: 20px; }
  .bems .bems-system .bems-system-container .bems-system-supply-pv .bems-system-supply-pv-img {
    width: 75%;
    display: block;
    margin: 0 auto; }

.bems .bems-system .bems-system-arrow .bems-system-arrow-line {
  width: 6px;
  height: 120px;
  margin: 0 auto;
  position: relative;
  transform: rotate(270deg);
  margin-top: -15px; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line .bems-system-arrow-dot {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 9999px;
    background: pink; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line .bems-system-arrow-chevron {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line .bems-system-arrow-chevron2 {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line .bems-system-arrow-chevron3 {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line .bems-system-arrow-chevron4 {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }

.bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply {
  background-color: transparent; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply .bems-system-arrow-dot {
    top: -15px;
    left: -8.5px;
    background-color: #429a46; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply .bems-system-arrow-chevron {
    bottom: 67.5px;
    left: -60px;
    border-color: #9fd6a2; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply .bems-system-arrow-chevron2 {
    bottom: 37.5px;
    left: -60px;
    border-color: #6abf6d; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply .bems-system-arrow-chevron3 {
    bottom: 7.5px;
    left: -60px;
    border-color: #4aac4e; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply .bems-system-arrow-chevron4 {
    bottom: -22.5px;
    left: -60px;
    border-color: #429a46; }

.bems .bems-system .bems-system-arrow .bems-system-arrow-line-sm {
  width: 33.3333333333px;
  height: 120px;
  margin: 0 auto;
  position: relative; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-sm .bems-system-arrow-dot {
    position: absolute;
    width: 27px;
    height: 24px;
    border-radius: 9999px;
    background: pink; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-sm .bems-system-arrow-chevron {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-sm .bems-system-arrow-chevron2 {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-sm .bems-system-arrow-chevron3 {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-sm .bems-system-arrow-chevron4 {
    border-style: solid;
    border-width: 6px 6px 0 0;
    content: '';
    display: inline-block;
    height: 2em;
    position: absolute;
    transform: rotate(135deg);
    vertical-align: top;
    width: 2em; }

.bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply-sm {
  background-color: transparent; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply-sm .bems-system-arrow-chevron {
    bottom: 90px;
    border-color: #9fd6a2; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply-sm .bems-system-arrow-chevron2 {
    bottom: 60px;
    border-color: #6abf6d; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply-sm .bems-system-arrow-chevron3 {
    bottom: 30px;
    border-color: #4aac4e; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-supply-sm .bems-system-arrow-chevron4 {
    bottom: 0px;
    border-color: #429a46; }

.bems .bems-system .bems-system-arrow .bems-system-arrow-line-demand {
  background-color: #0186c1; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-demand .bems-system-arrow-dot {
    bottom: -15px;
    left: -8.5px;
    background-color: #0186c1; }
  .bems .bems-system .bems-system-arrow .bems-system-arrow-line-demand .bems-system-arrow-chevron {
    top: -24px;
    left: -11px;
    border-color: #0186c1; }

.bems .bems-system .bems-system-demand-wrapper {
  background-color: #c2ecff;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border: #2abdfe 3px solid;
  border-radius: 15px;
  padding-top: 15px;
  padding-bottom: 15px; }
  .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item {
    background-color: #fff;
    text-align: center;
    margin: 0 auto 15px auto;
    padding: 15px;
    line-height: 1.1;
    border: #0186c1 3px solid;
    border-radius: 15px; }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item:first-child {
      margin-top: 15px; }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .col-xs-12,
      .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .col-xs-4 {
        padding-left: 1px;
        padding-right: 1px; } }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-title .bems-system-demand-name {
      color: #0186c1;
      font-weight: 500;
      font-size: 26px; }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-title .bems-system-demand-value {
      font-size: 22px; }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-title hr {
      background-color: #0186c1;
      margin: 15px 0; }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-sub-name {
      color: #2abdfe;
      font-weight: 500;
      font-size: 20px; }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-sub-value {
      font-size: 22px; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-sub-value {
          font-size: 18px; } }
      @media screen and (max-width: 767px) {
        .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-sub-value {
          font-size: 16px; } }
    .bems .bems-system .bems-system-demand-wrapper .bems-system-demand-item .bems-system-demand-sub-img {
      width: 60%;
      margin: 0 auto; }

.bems .building-img {
  height: 340px; }

.bems .building-img-sm {
  background-image: url("../img/building-new1.png");
  background-repeat: no-repeat, repeat;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-height: 550px; }
  @media screen and (max-width: 767px) {
    .bems .building-img-sm {
      background-image: url("../img/building-new1-sm.png");
      width: 98%;
      background-repeat: no-repeat, repeat;
      height: 100%;
      margin: 0 auto;
      position: relative;
      max-height: 350px; } }

.bems .building-system {
  color: #5a450b;
  padding: 40px 5px;
  border: #d6b14b 3px solid;
  border-radius: 15px; }
  @media screen and (min-width: 992px) {
    .bems .building-system {
      max-width: 420px;
      padding: 40px; } }
  .bems .building-system .graph-data {
    background-color: #e4b124;
    height: 100%; }
  .bems .building-system .graph-value {
    margin-top: -19px;
    font-weight: bold;
    float: left; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .bems .building-system .graph-value {
        margin-top: -32px;
        font-size: 24px; } }
  .bems .building-system .flr7-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 84px;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr7-sm {
        width: 113px;
        height: 22px;
        top: 51px;
        left: 29px; } }
  .bems .building-system .flr6-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 150;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr6-sm {
        width: 113px;
        height: 22px;
        top: 91px;
        left: 29px; } }
  .bems .building-system .flr5-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 216px;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr5-sm {
        width: 113px;
        height: 22px;
        top: 132px;
        left: 29px; } }
  .bems .building-system .flr4-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 284px;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr4-sm {
        width: 113px;
        height: 22px;
        top: 173px;
        left: 29px; } }
  .bems .building-system .flr3-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 351px;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr3-sm {
        width: 113px;
        height: 22px;
        top: 214px;
        left: 29px; } }
  .bems .building-system .flr2-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 418px;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr2-sm {
        width: 113px;
        height: 22px;
        top: 254px;
        left: 29px; } }
  .bems .building-system .flr1-sm {
    position: absolute;
    width: 185px;
    height: 35px;
    top: 487px;
    left: 47px; }
    @media screen and (max-width: 767px) {
      .bems .building-system .flr1-sm {
        width: 113px;
        height: 22px;
        top: 296px;
        left: 29px; } }