/*
  Icon Font: fontcustom
*/

/*@font-face {
  font-family: "fontcustom";
  src: url(/assets/fontcustom_350773af1996d04eea6ba7ca91cc8b92.eot);
  src: url(/assets/fontcustom_350773af1996d04eea6ba7ca91cc8b92.eot?#iefix) format("embedded-opentype"),
       url(/assets/fontcustom_350773af1996d04eea6ba7ca91cc8b92.woff) format("woff"),
       url(/assets/fontcustom_350773af1996d04eea6ba7ca91cc8b92.ttf) format("truetype"),
       url(/assets/fontcustom_350773af1996d04eea6ba7ca91cc8b92.svg#fontcustom) format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "fontcustom";
    src: url(/assets/fontcustom_350773af1996d04eea6ba7ca91cc8b92.svg#fontcustom) format("svg");
  }
}*/

[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.icon-HAVC:before,
.icon-Low-voltage-electric:before,
.icon-Rectangle-solid:before,
.icon-VIP:before,
.icon-accessory:before,
.icon-add:before,
.icon-administration:before,
.icon-air-compression:before,
.icon-air-conditioner:before,
.icon-alarm:before,
.icon-alarm-notification:before,
.icon-alarm-ticket:before,
.icon-analysis-chart:before,
.icon-area-chart1:before,
.icon-arrow-down:before,
.icon-arrow-fold:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-arrow-trail:before,
.icon-arrow-unfold:before,
.icon-arrow-up:before,
.icon-assignment:before,
.icon-authorization:before,
.icon-battery-empty:before,
.icon-battery-full:before,
.icon-binding:before,
.icon-boiler:before,
.icon-box:before,
.icon-building:before,
.icon-calendar:before,
.icon-calendar1:before,
.icon-call:before,
.icon-capacity:before,
.icon-cb-close:before,
.icon-cb-open:before,
.icon-cb-trip:before,
.icon-chart:before,
.icon-chart1:before,
.icon-check-circle:before,
.icon-check-mark:before,
.icon-clean:before,
.icon-close:before,
.icon-cloud:before,
.icon-coal:before,
.icon-collection:before,
.icon-column:before,
.icon-column-fold:before,
.icon-comx510:before,
.icon-comxbox:before,
.icon-connected-position:before,
.icon-contact-us:before,
.icon-cool:before,
.icon-copy:before,
.icon-cost_saving:before,
.icon-current:before,
.icon-customer:before,
.icon-delete:before,
.icon-device:before,
.icon-device-box:before,
.icon-diesel:before,
.icon-dimension-node:before,
.icon-disconnected-position:before,
.icon-double-arrow-left:before,
.icon-double-arrow-right:before,
.icon-download:before,
.icon-drag-2:before,
.icon-dust-concentration:before,
.icon-easytodo:before,
.icon-edit:before,
.icon-electricity:before,
.icon-email:before,
.icon-end-user:before,
.icon-energy-analysis:before,
.icon-energy-consumption:before,
.icon-energy-saving-rate:before,
.icon-energy_saving:before,
.icon-energymost:before,
.icon-export:before,
.icon-eye:before,
.icon-factory:before,
.icon-file:before,
.icon-filter:before,
.icon-filtered:before,
.icon-fit:before,
.icon-folder:before,
.icon-folder1:before,
.icon-folder2:before,
.icon-gas:before,
.icon-happy:before,
.icon-heat:before,
.icon-heating:before,
.icon-hide:before,
.icon-hide1:before,
.icon-hierarchy:before,
.icon-hierarchy-fold:before,
.icon-hierarchy-unfold:before,
.icon-high-voltage-electric:before,
.icon-historical-comparison:before,
.icon-history:before,
.icon-humidity:before,
.icon-ignore:before,
.icon-illumination:before,
.icon-image:before,
.icon-import:before,
.icon-info:before,
.icon-info-box:before,
.icon-information:before,
.icon-installation-mode:before,
.icon-investment:before,
.icon-investment-amount:before,
.icon-kgce:before,
.icon-label:before,
.icon-labeling:before,
.icon-language:before,
.icon-left-switch:before,
.icon-less-money:before,
.icon-level:before,
.icon-lifeison:before,
.icon-lighten:before,
.icon-line:before,
.icon-liquefied-gas:before,
.icon-location:before,
.icon-location1:before,
.icon-log:before,
.icon-machine:before,
.icon-machine-ol:before,
.icon-machine-tap:before,
.icon-mainline:before,
.icon-map:before,
.icon-marker:before,
.icon-medal:before,
.icon-menu:before,
.icon-model:before,
.icon-modify:before,
.icon-more:before,
.icon-more-roi:before,
.icon-my:before,
.icon-myalarm:before,
.icon-next-arrow-right:before,
.icon-no_ecm:before,
.icon-operating-data:before,
.icon-orgnization:before,
.icon-other:before,
.icon-others:before,
.icon-overdue:before,
.icon-oxygen:before,
.icon-panel:before,
.icon-panel-box:before,
.icon-pay-back-period:before,
.icon-pentacle-solid:before,
.icon-phone:before,
.icon-phone-login:before,
.icon-photo:before,
.icon-pie:before,
.icon-platform-logo:before,
.icon-pm25-humidity:before,
.icon-pm25-temperature:before,
.icon-pole:before,
.icon-post:before,
.icon-power:before,
.icon-power1:before,
.icon-product-line:before,
.icon-project:before,
.icon-qrcode:before,
.icon-quickview:before,
.icon-rank-down:before,
.icon-rank-right:before,
.icon-rank-up:before,
.icon-ranking:before,
.icon-raw-data:before,
.icon-repay:before,
.icon-return:before,
.icon-revised-cn:before,
.icon-revised-en:before,
.icon-right-switch:before,
.icon-roi:before,
.icon-room:before,
.icon-sandglass:before,
.icon-save:before,
.icon-saving-more:before,
.icon-scan:before,
.icon-scan-more:before,
.icon-schneider-cn:before,
.icon-schneider-en:before,
.icon-search:before,
.icon-send:before,
.icon-set-alarm:before,
.icon-setalarm:before,
.icon-setting:before,
.icon-show:before,
.icon-signal1:before,
.icon-signal2:before,
.icon-signal3:before,
.icon-signal4:before,
.icon-signal5:before,
.icon-site:before,
.icon-site1:before,
.icon-spring-compression:before,
.icon-spring-tension:before,
.icon-stack:before,
.icon-stacked-chart:before,
.icon-stacked-chart2:before,
.icon-sync:before,
.icon-sync-fail:before,
.icon-sync-ok:before,
.icon-taglist-fold:before,
.icon-temperature:before,
.icon-test-position:before,
.icon-tickets-finished:before,
.icon-tickets-notstart:before,
.icon-tickets-processing:before,
.icon-time-ration:before,
.icon-to-ecm:before,
.icon-unhappy:before,
.icon-unit-index:before,
.icon-uploading:before,
.icon-user:before,
.icon-user-name-login:before,
.icon-voltage:before,
.icon-volume-push:before,
.icon-water:before,
.icon-water-supply-and-drainage:before,
.icon-wear-rate:before,
.icon-weather-cloudy:before,
.icon-weather-haze:before,
.icon-weather-overcast:before,
.icon-weather-rainy:before,
.icon-weather-sand:before,
.icon-weather-snowy:before,
.icon-weather-sunny:before,
.icon-weather-sunny-cloudy:before,
.icon-weather-thunder:before,
.icon-weather-wind:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-HAVC:before { content: "\f1a1"; }
.icon-Low-voltage-electric:before { content: "\f1a2"; }
.icon-Rectangle-solid:before { content: "\f1cc"; }
.icon-VIP:before { content: "\f1c2"; }
.icon-accessory:before { content: "\f147"; }
.icon-add:before { content: "\f100"; }
.icon-administration:before { content: "\f1b5"; }
.icon-air-compression:before { content: "\f1a3"; }
.icon-air-conditioner:before { content: "\f1d8"; }
.icon-alarm:before { content: "\f133"; }
.icon-alarm-notification:before { content: "\f101"; }
.icon-alarm-ticket:before { content: "\f187"; }
.icon-analysis-chart:before { content: "\f1c6"; }
.icon-area-chart1:before { content: "\f1d9"; }
.icon-arrow-down:before { content: "\f102"; }
.icon-arrow-fold:before { content: "\f183"; }
.icon-arrow-left:before { content: "\f103"; }
.icon-arrow-right:before { content: "\f104"; }
.icon-arrow-trail:before { content: "\f105"; }
.icon-arrow-unfold:before { content: "\f184"; }
.icon-arrow-up:before { content: "\f106"; }
.icon-assignment:before { content: "\f16b"; }
.icon-authorization:before { content: "\f1c3"; }
.icon-battery-empty:before { content: "\f108"; }
.icon-battery-full:before { content: "\f109"; }
.icon-binding:before { content: "\f198"; }
.icon-boiler:before { content: "\f1a4"; }
.icon-box:before { content: "\f1a8"; }
.icon-building:before { content: "\f10a"; }
.icon-calendar:before { content: "\f149"; }
.icon-calendar1:before { content: "\f197"; }
.icon-call:before { content: "\f1c0"; }
.icon-capacity:before { content: "\f134"; }
.icon-cb-close:before { content: "\f10b"; }
.icon-cb-open:before { content: "\f10c"; }
.icon-cb-trip:before { content: "\f16c"; }
.icon-chart:before { content: "\f153"; }
.icon-chart1:before { content: "\f1bc"; }
.icon-check-circle:before { content: "\f16a"; }
.icon-check-mark:before { content: "\f161"; }
.icon-clean:before { content: "\f10d"; }
.icon-close:before { content: "\f10e"; }
.icon-cloud:before { content: "\f10f"; }
.icon-coal:before { content: "\f1da"; }
.icon-collection:before { content: "\f1b2"; }
.icon-column:before { content: "\f154"; }
.icon-column-fold:before { content: "\f110"; }
.icon-comx510:before { content: "\f1c4"; }
.icon-comxbox:before { content: "\f1c5"; }
.icon-connected-position:before { content: "\f162"; }
.icon-contact-us:before { content: "\f1b9"; }
.icon-cool:before { content: "\f1db"; }
.icon-copy:before { content: "\f178"; }
.icon-cost_saving:before { content: "\f199"; }
.icon-current:before { content: "\f135"; }
.icon-customer:before { content: "\f111"; }
.icon-delete:before { content: "\f112"; }
.icon-device:before { content: "\f113"; }
.icon-device-box:before { content: "\f114"; }
.icon-diesel:before { content: "\f1dc"; }
.icon-dimension-node:before { content: "\f151"; }
.icon-disconnected-position:before { content: "\f163"; }
.icon-double-arrow-left:before { content: "\f173"; }
.icon-double-arrow-right:before { content: "\f155"; }
.icon-download:before { content: "\f19f"; }
.icon-drag-2:before { content: "\f1b6"; }
.icon-dust-concentration:before { content: "\f136"; }
.icon-easytodo:before { content: "\f1dd"; }
.icon-edit:before { content: "\f142"; }
.icon-electricity:before { content: "\f1de"; }
.icon-email:before { content: "\f1ba"; }
.icon-end-user:before { content: "\f1a9"; }
.icon-energy-analysis:before { content: "\f156"; }
.icon-energy-consumption:before { content: "\f116"; }
.icon-energy-saving-rate:before { content: "\f1df"; }
.icon-energy_saving:before { content: "\f19a"; }
.icon-energymost:before { content: "\f1e0"; }
.icon-export:before { content: "\f117"; }
.icon-eye:before { content: "\f1bd"; }
.icon-factory:before { content: "\f1aa"; }
.icon-file:before { content: "\f16e"; }
.icon-filter:before { content: "\f118"; }
.icon-filtered:before { content: "\f165"; }
.icon-fit:before { content: "\f1a0"; }
.icon-folder:before { content: "\f157"; }
.icon-folder1:before { content: "\f1be"; }
.icon-folder2:before { content: "\f1c7"; }
.icon-gas:before { content: "\f1e1"; }
.icon-happy:before { content: "\f1d1"; }
.icon-heat:before { content: "\f1e2"; }
.icon-heating:before { content: "\f1e3"; }
.icon-hide:before { content: "\f168"; }
.icon-hide1:before { content: "\f1d5"; }
.icon-hierarchy:before { content: "\f143"; }
.icon-hierarchy-fold:before { content: "\f119"; }
.icon-hierarchy-unfold:before { content: "\f11a"; }
.icon-high-voltage-electric:before { content: "\f1a5"; }
.icon-historical-comparison:before { content: "\f1c8"; }
.icon-history:before { content: "\f1bf"; }
.icon-humidity:before { content: "\f14a"; }
.icon-ignore:before { content: "\f1ef"; }
.icon-illumination:before { content: "\f1e4"; }
.icon-image:before { content: "\f11b"; }
.icon-import:before { content: "\f11c"; }
.icon-info:before { content: "\f11d"; }
.icon-info-box:before { content: "\f11e"; }
.icon-information:before { content: "\f193"; }
.icon-installation-mode:before { content: "\f14b"; }
.icon-investment:before { content: "\f19b"; }
.icon-investment-amount:before { content: "\f1cd"; }
.icon-kgce:before { content: "\f1e5"; }
.icon-label:before { content: "\f1c9"; }
.icon-labeling:before { content: "\f158"; }
.icon-language:before { content: "\f138"; }
.icon-left-switch:before { content: "\f1d3"; }
.icon-less-money:before { content: "\f1e6"; }
.icon-level:before { content: "\f139"; }
.icon-lifeison:before { content: "\f194"; }
.icon-lighten:before { content: "\f172"; }
.icon-line:before { content: "\f159"; }
.icon-liquefied-gas:before { content: "\f1e7"; }
.icon-location:before { content: "\f11f"; }
.icon-location1:before { content: "\f1ab"; }
.icon-log:before { content: "\f13a"; }
.icon-machine:before { content: "\f1ac"; }
.icon-machine-ol:before { content: "\f1ad"; }
.icon-machine-tap:before { content: "\f1ae"; }
.icon-mainline:before { content: "\f120"; }
.icon-map:before { content: "\f121"; }
.icon-marker:before { content: "\f18f"; }
.icon-medal:before { content: "\f1d6"; }
.icon-menu:before { content: "\f123"; }
.icon-model:before { content: "\f124"; }
.icon-modify:before { content: "\f1d0"; }
.icon-more:before { content: "\f195"; }
.icon-more-roi:before { content: "\f1e8"; }
.icon-my:before { content: "\f1b7"; }
.icon-myalarm:before { content: "\f166"; }
.icon-next-arrow-right:before { content: "\f16d"; }
.icon-no_ecm:before { content: "\f19c"; }
.icon-operating-data:before { content: "\f1ca"; }
.icon-orgnization:before { content: "\f125"; }
.icon-other:before { content: "\f1e9"; }
.icon-others:before { content: "\f1a6"; }
.icon-overdue:before { content: "\f186"; }
.icon-oxygen:before { content: "\f174"; }
.icon-panel:before { content: "\f126"; }
.icon-panel-box:before { content: "\f127"; }
.icon-pay-back-period:before { content: "\f1ce"; }
.icon-pentacle-solid:before { content: "\f1cf"; }
.icon-phone:before { content: "\f1bb"; }
.icon-phone-login:before { content: "\f1b3"; }
.icon-photo:before { content: "\f128"; }
.icon-pie:before { content: "\f15a"; }
.icon-platform-logo:before { content: "\f185"; }
.icon-pm25-humidity:before { content: "\f175"; }
.icon-pm25-temperature:before { content: "\f176"; }
.icon-pole:before { content: "\f13b"; }
.icon-post:before { content: "\f144"; }
.icon-power:before { content: "\f129"; }
.icon-power1:before { content: "\f1ea"; }
.icon-product-line:before { content: "\f1af"; }
.icon-project:before { content: "\f1b0"; }
.icon-qrcode:before { content: "\f12a"; }
.icon-quickview:before { content: "\f13c"; }
.icon-rank-down:before { content: "\f190"; }
.icon-rank-right:before { content: "\f191"; }
.icon-rank-up:before { content: "\f192"; }
.icon-ranking:before { content: "\f15b"; }
.icon-raw-data:before { content: "\f15c"; }
.icon-repay:before { content: "\f1c1"; }
.icon-return:before { content: "\f169"; }
.icon-revised-cn:before { content: "\f14c"; }
.icon-revised-en:before { content: "\f14d"; }
.icon-right-switch:before { content: "\f1d4"; }
.icon-roi:before { content: "\f19d"; }
.icon-room:before { content: "\f12b"; }
.icon-sandglass:before { content: "\f1d7"; }
.icon-save:before { content: "\f15d"; }
.icon-saving-more:before { content: "\f1eb"; }
.icon-scan:before { content: "\f13d"; }
.icon-scan-more:before { content: "\f19e"; }
.icon-schneider-cn:before { content: "\f145"; }
.icon-schneider-en:before { content: "\f146"; }
.icon-search:before { content: "\f12c"; }
.icon-send:before { content: "\f12d"; }
.icon-set-alarm:before { content: "\f152"; }
.icon-setalarm:before { content: "\f12e"; }
.icon-setting:before { content: "\f12f"; }
.icon-show:before { content: "\f1b8"; }
.icon-signal1:before { content: "\f188"; }
.icon-signal2:before { content: "\f189"; }
.icon-signal3:before { content: "\f18a"; }
.icon-signal4:before { content: "\f18b"; }
.icon-signal5:before { content: "\f18c"; }
.icon-site:before { content: "\f130"; }
.icon-site1:before { content: "\f1b1"; }
.icon-spring-compression:before { content: "\f13e"; }
.icon-spring-tension:before { content: "\f13f"; }
.icon-stack:before { content: "\f15e"; }
.icon-stacked-chart:before { content: "\f1ec"; }
.icon-stacked-chart2:before { content: "\f1ed"; }
.icon-sync:before { content: "\f167"; }
.icon-sync-fail:before { content: "\f18d"; }
.icon-sync-ok:before { content: "\f18e"; }
.icon-taglist-fold:before { content: "\f131"; }
.icon-temperature:before { content: "\f140"; }
.icon-test-position:before { content: "\f164"; }
.icon-tickets-finished:before { content: "\f16f"; }
.icon-tickets-notstart:before { content: "\f170"; }
.icon-tickets-processing:before { content: "\f171"; }
.icon-time-ration:before { content: "\f15f"; }
.icon-to-ecm:before { content: "\f196"; }
.icon-unhappy:before { content: "\f1d2"; }
.icon-unit-index:before { content: "\f160"; }
.icon-uploading:before { content: "\f179"; }
.icon-user:before { content: "\f132"; }
.icon-user-name-login:before { content: "\f1b4"; }
.icon-voltage:before { content: "\f14f"; }
.icon-volume-push:before { content: "\f1cb"; }
.icon-water:before { content: "\f1ee"; }
.icon-water-supply-and-drainage:before { content: "\f1a7"; }
.icon-wear-rate:before { content: "\f141"; }
.icon-weather-cloudy:before { content: "\f17a"; }
.icon-weather-haze:before { content: "\f17b"; }
.icon-weather-overcast:before { content: "\f17c"; }
.icon-weather-rainy:before { content: "\f177"; }
.icon-weather-sand:before { content: "\f17d"; }
.icon-weather-snowy:before { content: "\f17e"; }
.icon-weather-sunny:before { content: "\f17f"; }
.icon-weather-sunny-cloudy:before { content: "\f180"; }
.icon-weather-thunder:before { content: "\f181"; }
.icon-weather-wind:before { content: "\f182"; }
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}
/* material-ui */


a {
  text-decoration: none;
  color: inherit;
}
ol,
ul,
li {
  list-style: none;
}
.jazz-alarm-grid-tr-item {
  padding: 5px 43px;
  cursor: pointer;
  background-color: #354052;
  color: #ffffff;
  font-size: 14px;
}
.jazz-alarm-grid-tr-item span {
  display: inline-block;
}
.jazz-alarm-grid-tr-title {
  padding: 5px 18px;
  cursor: pointer;
  border-top: 1px solid #434d5e;
  margin-top: -1px;
  background-color: #323c4e;
  color: #ffffff;
  font-size: 14px;
}
.jazz-alarm-grid-tr-title span {
  display: inline-block;
}
.jazz-alarm-grid-tr-item:hover {
  background-color: #2d3645;
}
.jazz-alarm-grid-tr-item-selected {
  background-color: #2d3645 !important;
}
.jazz-alarm-grid-tr-item span:last-child {
  min-width: 15px;
  float: right;
  border: 0px solid #a1a1a1;
  border-radius: 15px;
  text-align: center;
  background-color: #f46a58;
  color: white;
  padding: 0px 1px;
}
.jazz-alarm-grid-tr-title span:last-child {
  min-width: 15px;
  float: right;
  border: 0px solid #a1a1a1;
  border-radius: 15px;
  text-align: center;
  background-color: #f46a58;
  color: white;
  padding: 0px 1px;
}
.jazz-alarm-grid-body {
  background-color: #ececec;
  width: 100%;
  overflow-y: auto;
}
.jazz-alarm-loading {
  background-color: #ececec;
  width: 100%;
  flex: none;
  margin: auto;
}
.jazz-alarm-chart-title {
  height: 40px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #ececec;
  background-color: #ffffff;
}
.jazz-alarm-chart-title span {
  font-size: 22px;
  color: '#464949';
}
.jazz-alarm-monthpicker-textfield {
  width: 120px;
}
.jazz-alarm-monthpicker-textfield > input {
  color: white !important;
  text-align: center;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0px !important;
}
.jazz-alarm-monthpicker-textfield > hr {
  border-bottom: 1px solid #434d5e !important;
  top: 32px !important;
}
.jazz-alarm-monthpicker-dialog .mui-dialog-window-contents {
  width: 320px;
}
.jazz-alarm-datepicker .mui-text-field {
  width: 120px;
  height: 32px;
  line-height: 32px;
}
.jazz-alarm-datepicker > div > div > input {
  color: white !important;
}
.jazz-alarm-datepicker .jazz-viewableDatePicker.jazz-viewableTextField > div > hr {
  border-bottom: 1px solid #434d5e !important;
}
.jazz-alarm-datepicker .jazz-viewableDatePicker.jazz-viewableTextField .jazz-viewableTextField-focus,
.jazz-alarm-datepicker .jazz-viewableDatePicker.jazz-viewableTextField .jazz-viewableTextField-noempty {
  width: 320px !important;
}
.jazz-alarm-datepicker .jazz-viewableDatePicker.jazz-viewableTextField > div:nth-of-type(2) {
  margin-left: 15px !important;
}
.jazz-energy-yaxis-button {
  background-color: #ffffff;
  color: black;
  border: 1px solid #ebebeb;
  align-self: center;
  border-radius: 2px;
  margin-left: 20px;
  padding: 5px 10px;
  cursor: pointer;
}
.jazz-energy-step-item {
  font-size: 14px;
  display: inline-block;
  text-align: center;
  width: 56px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #9fa0a4;
  background-color: #e6e6e6;
}
.jazz-energy-step-item-disable {
  color: #ececec !important;
  cursor: not-allowed;
}
.jazz-energy-step-item-disable:hover {
  color: #ececec !important;
}
.jazz-energy-step-item-selected {
  border: 2px solid #e6e6e6;
  background-color: #ffffff;
  color: #626469;
  box-sizing: border-box;
  line-height: 26px;
}
.jazz-energy-step {
  align-self: flex-end;
  display: flex;
}
.jazz-alarm-left-panel-dropdownmenu-container {
  flex: none;
}
.jazz-alarm-left-panel-dropdownmenu-container > div > div:first-child div:nth-of-type(2) {
  background-color: #86ccff !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding-left: 100px !important;
  top: 0px !important;
  opacity: 1 !important;
}
.jazz-alarm-left-panel-dropdownmenu-container > div > div:first-child svg {
  left: 212px !important;
}
.jazz-alarm-left-panel-dropdownmenu-container > div > div:first-child svg + div {
  border-top-width: 0px !important;
}
.jazz-alarm-left-panel-dropdownmenu-container > div > div:nth-of-type(2) {
  width: 220px !important;
  margin: 30px 80px !important;
}
.jazz-alarm-left-panel-dropdownmenu-container > div > div:last-child {
  left: 48px !important;
  top: 33px !important;
  width: 220px !important;
}
.jazz-alarm-left-panel-dropdownmenu-container > div > div:last-child div {
  padding-left: 51px !important;
  padding-right: auto !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container {
  border-bottom: 1px solid #434d5e;
}
.jazz-alarm-left-panel-year-dropdownmenu-container hr {
  border-bottom-width: 0px!important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm {
  height: 32px !important;
  top: 0 !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:first-child div:nth-of-type(2) {
  background-color: #354052 !important;
  opacity: 1 !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:first-child div:nth-of-type(3) {
  color: #ffffff !important;
  font-size: 14px !important;
  padding-left: 130px !important;
  top: -10px !important;
  opacity: 1 !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:first-child svg {
  left: 212px !important;
  top: 10px !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:first-child svg + div {
  border-top: solid 1px #434d5e !important;
  margin: 0 !important;
  padding: -1px 24px;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:nth-of-type(2) {
  width: 150px !important;
  margin: 0 80px !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:nth-of-type(2) div {
  padding: 0 !important;
  text-align: center;
  color: #ffffff !important;
  font-size: 14px !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:last-child {
  left: 78px !important;
  top: 33px !important;
  width: 150px !important;
}
.jazz-alarm-left-panel-year-dropdownmenu-container .pop-viewableDropDownMenu-ddm > div:last-child div {
  padding-left: 52px !important;
  padding-right: auto !important;
  font-size: 14px !important;
  font-family: Microsoft YaHei;
}
.jazz-alarm-chart-toolbar-container {
  display: flex;
  align-items: center;
  height: 46px;
  margin-left: 30px;
  justify-content: space-between;
  margin-top: -16px;
}
.jazz-alarm-chart-toolbar {
  display: flex;
  align-items: center;
  margin-right: 10px;
  height: 59px;
  min-height: 59px;
}
.jazz-label-year hr {
  border-bottom-width: 0px !important;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm {
  border: 1px solid #ebebeb;
  height: 32px !important;
  top: -5px !important;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm > div:first-child > div:nth-of-type(2) {
  opacity: 1 !important;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm > div:first-child > div:nth-of-type(3) {
  font-size: 12px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 7px !important;
  line-height: 32px !important;
  overflow: hidden;
  white-space: nowrap;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm > div:first-child > svg {
  right: 0px !important;
  top: 4px !important;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm > div:first-child > svg + div {
  border-top-width: 0px !important;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm > div:nth-of-type(2) {
  width: 100% !important;
}
.jazz-label-year .pop-viewableDropDownMenu-ddm > div:nth-of-type(2) > div {
  padding-right: 5px !important;
  padding-left: 12px !important;
  font-size: 12px !important;
  top: -10px;
}
.jazz-label-btn > div > div:first-child {
  box-shadow: none !important;
  border: 1px solid #ebebeb;
  height: 34px !important;
}
.jazz-label-btn > div > div:first-child > button span {
  font-size: 12px !important;
}
.jazz-label-btn > div > span div {
  font-size: 12px!important;
}
.jazz-full-border-dropdownmenu-container > div {
  border: 1px solid #e6e6e6;
  height: 30px !important;
}
.jazz-full-border-dropdownmenu-container > div > div:first-child > div:nth-of-type(2) {
  opacity: 1 !important;
}
.jazz-full-border-dropdownmenu-container > div > div:first-child > div:nth-of-type(3) {
  font-size: 12px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 7px !important;
  line-height: 32px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: 72% !important;
  border-top: none !important;
}
.jazz-full-border-dropdownmenu-container > div > div:first-child > svg {
  right: 0px !important;
  top: 4px !important;
}
.jazz-full-border-dropdownmenu-container > div > div:first-child > svg + div {
  border-top-width: 0px !important;
}
.jazz-full-border-dropdownmenu-container > div > div:nth-of-type(2) {
  width: 100% !important;
  max-height: 250px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.jazz-full-border-dropdownmenu-container > div > div:nth-of-type(2) > div {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding-right: 5px !important;
  padding-left: 12px !important;
  font-size: 12px !important;
}
.jazz-drop-down-menu-scroll > div {
  margin-left: 10px;
  border: 1px solid #ebebeb;
}
.jazz-drop-down-menu-scroll > div > div:first-child div:nth-of-type(2) {
  opacity: 1 !important;
}
.jazz-drop-down-menu-scroll > div > div:first-child div:nth-of-type(3) {
  font-size: 12px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 12px !important;
}
.jazz-drop-down-menu-scroll > div > div:first-child svg {
  right: 9px !important;
}
.jazz-drop-down-menu-scroll > div > div:first-child svg + div {
  border-top-width: 0px !important;
}
.jazz-drop-down-menu-scroll > div > div:last-child {
  left: 0px !important;
  top: 33px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.jazz-drop-down-menu-scroll > div > div:last-child div {
  padding-left: 12px !important;
  padding-right: auto !important;
  font-size: 12px !important;
}
.jazz-full-border-datepicker {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: '#fbfbfb';
}
.jazz-full-border-datepicker > span {
  font-size: 14px;
  color: #626469;
}
.jazz-full-border-datepicker-container {
  display: flex;
  align-items: center;
  height: 30px;
  margin-left: 20px;
}
.jazz-full-border-datepicker-container > div {
  position: relative;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px solid #ebebeb;
  margin-right: 12px;
}
.jazz-full-border-datepicker-container > div > div:first-child {
  width: 90px !important;
}
.jazz-full-border-datepicker-container > div > div:first-child > input {
  cursor: pointer;
  font-size: 14px !important;
}
.jazz-full-border-datepicker-container > div > div:first-child > hr {
  border-bottom-width: 0px !important;
}
.jazz-full-border-datepicker-container > div .datepicker-popup {
  z-index: 10;
  position: absolute;
}
.jazz-widget-save-dialog-content-container span {
  font-size: 14px;
}
.jazz-widget-save-dialog-textfiled {
  width: 370px !important;
}
.jazz-widget-save-dialog-radiobutton label {
  font-size: 14px;
}
.jazz-widget-save-dialog-existing-dashboard {
  position: absolute;
}
.jazz-widget-save-dialog-existing-dashboard > div > div:nth-of-type(1) > div:nth-of-type(3) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 340px;
}
.jazz-widget-save-dialog-existing-dashboard > div > div:nth-of-type(2) {
  z-index: 10 !important;
}
.jazz-dialog-body-visible > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
  max-height: 300px;
  overflow-x: visible !important;
}
.jazz-energy-oldDashBoardName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-flat-button {
  margin-top: -5px;
}
.jazz-flat-button > div {
  width: 92px !important;
  box-shadow: none !important;
  border: 1px solid #ebebeb !important;
}
.jazz-energy-gridcomponent-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.jazz-energy-gridcomponent-wrap > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.jazz-energy-gridcomponent-wrap > div:first-child > div:first-child {
  min-height: 107px;
  background-color: #f2f2f2 !important;
  border-top: 1px solid #e0e0e0 !important;
}
.jazz-energy-gridcomponent-wrap > div:first-child > div:first-child .mui-table {
  background-color: #f2f2f2 !important;
}
.jazz-energy-gridcomponent-wrap > div:first-child > div:first-child .mui-table th {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.jazz-energy-gridcomponent-wrap > div:first-child > div:first-child .mui-table .mui-table-header-column {
  font-size: 14px !important;
  color: #767a7a !important;
}
.jazz-energy-gridcomponent-wrap > div:first-child > div:first-child .jazz-energy-gridcomponent-header-item {
  height: 35px;
  min-height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 5px;
  font-size: 14px;
  color: #abafae;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-energy-gridcomponent-wrap > div:first-child .mui-body-table {
  flex: 1;
}
.jazz-energy-gridcomponent-wrap > div:first-child .mui-body-table .mui-table {
  background-color: #f2f2f2 !important;
}
.jazz-energy-gridcomponent-wrap > div:first-child .mui-body-table td {
  height: 38px !important;
  font-size: 14px !important;
  color: #767a7a !important;
  text-align: left !important;
}
.jazz-energy-sumcomponent-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 27px 0;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-header-table {
  background-color: #f2f2f2 !important;
  border-top: 1px solid #e0e0e0 !important;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-header-table .mui-table {
  background-color: #f2f2f2 !important;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-header-table .mui-table th {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-header-table .mui-table .mui-table-header-column {
  font-size: 14px !important;
  color: #767a7a !important;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-header-table .jazz-energy-gridcomponent-header-item {
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 5px;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-body-table {
  flex: 1;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-body-table .mui-table {
  background-color: #f2f2f2 !important;
}
.jazz-energy-sumcomponent-wrap .mui-table-wrapper .mui-body-table td {
  height: 38px !important;
  font-size: 14px !important;
  color: #767a7a !important;
  text-align: left !important;
}
.jazz-energy-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fbfbfb;
  margin-top: -16px;
}
.jazz-energy-panel .header {
  height: 108px;
  min-height: 108px;
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}
.jazz-energy-panel .header .description {
  margin-left: 30px;
  height: 14px;
  font-size: 14px;
  color: #abafae;
  margin-top: 9px;
}
.jazz-energy-panel .header .title .content {
  display: inline-block;
  font-size: 22px;
  color: #464949;
  max-width: 282px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-energy-container-has-absolute-container {
  width: 100px;
  height: 38px;
}
.jazz-energy-container-has-absolute-container > div {
  position: absolute;
}
.jazz-add-interval-dialog {
  width: 768px;
  height: 550px;
  font-size: 14px;
}
.jazz-add-interval-dialog > div > div:nth-of-type(3) > button {
  border: 1px solid #ebebeb !important;
}
.jazz-energy-content > div:nth-of-type(2) > div:nth-of-type(1) {
  overflow: auto !important;
}
.jazz-energy-rank-container {
  margin: 13px 20px 0 23px;
}
.jazz-energy-rank-container > div {
  height: 32px !important;
}
.jazz-energy-rank-container > div > div:first-child > div:nth-of-type(3) {
  font-size: 12px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 7px !important;
  line-height: 32px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: 72% !important;
}
.jazz-energy-rank-container > div > div:first-child > svg {
  right: 0px !important;
  top: 4px !important;
}
.jazz-energy-rank-container > div > div:first-child > svg + div {
  border-top-width: 0px !important;
}
.jazz-energy-rank-container > div > div:nth-of-type(2) {
  width: 100% !important;
  max-height: 250px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.jazz-energy-rank-container > div > div:nth-of-type(2) > div {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding-right: 5px !important;
  padding-left: 12px !important;
  font-size: 12px !important;
}
.jazz-energy-carbon-dest {
  margin-top: 6px;
  margin-right: 10px;
  display: block;
  float: left;
  width: 90px;
}
.jazz-energy-carbon-dest > div {
  height: 36px!important;
}
.jazz-energy-carbon-dest > div > div:first-child > div:nth-of-type(3) {
  font-size: 12px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 7px !important;
  line-height: 32px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: 72% !important;
}
.jazz-energy-carbon-dest > div > div:first-child > svg {
  right: 0px !important;
  top: 4px !important;
}
.jazz-energy-carbon-dest > div > div:first-child > svg + div {
  border-top-width: 0px !important;
}
.jazz-energy-carbon-dest > div > div:nth-of-type(2) {
  width: 100% !important;
  max-height: 250px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.jazz-energy-carbon-dest > div > div:nth-of-type(2) > div {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding-right: 5px !important;
  padding-left: 12px !important;
  font-size: 12px !important;
}
.jazz-AuxiliaryCompareBtn-container {
  display: inline-block;
  margin-top: 7px;
  border: 0;
}
.jazz-AuxiliaryCompareBtn-container > div > div {
  box-shadow: none !important;
}
.jazz-AuxiliaryCompareBtn-container > div > div button {
  background-color: rgba(0, 0, 0, 0) !important;
}
.jazz-AuxiliaryCompareBtn-container > div > div button div {
  background-color: rgba(0, 0, 0, 0) !important;
}
.jazz-AuxiliaryCompareBtn-container > div > div button span {
  font-weight: normal !important;
  font-size: 14px !important;
}
.jazz-AuxiliaryCompareBtn-container > div > span div {
  font-size: 12px!important;
}
.jazz-no-background-button-container {
  display: flex;
  flex-direction: row;
}
.jazz-no-background-button-container > div:nth-of-type(1) {
  margin-top: 2px;
  margin-right: 10px;
}
.jazz-no-background-button-container > div:nth-of-type(2) {
  box-shadow: none !important;
  margin-top: -5px !important;
  min-width: 0px !important;
}
.jazz-no-background-button-container > div:nth-of-type(2) button {
  background-color: rgba(0, 0, 0, 0) !important;
}
.jazz-no-background-button-container > div:nth-of-type(2) button div {
  background-color: rgba(0, 0, 0, 0) !important;
}
.jazz-no-background-button-container > div:nth-of-type(2) button span {
  font-weight: normal !important;
  font-size: 12px !important;
  padding: 0px 2px 0px 0px!important;
}
.jazz-energy-remark-container {
  z-index: 5;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  width: calc(100% - 320px);
}
.jazz-energy-remark-expand {
  width: 100%;
}
.jazz-energy-remark-button {
  display: inline-block;
  z-index: 2;
}
.jazz-energy-remark-button > div {
  height: 26px !important;
  min-width: 60px !important;
  box-shadow: none !important;
  background-color: #f7f7f7 !important;
}
.jazz-energy-remark-button > div > button {
  background-color: #ffc360 !important;
  border-radius: 0 13px 0 0!important;
}
.jazz-energy-remark-button > div > button > div > div > span {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 0 !important;
}
.jazz-energy-remark-button > div > button > div > div:hover {
  background-color: #fff1cb !important;
}
.jazz-energy-remark-text {
  height: 53px;
  bottom: 0;
  background-color: #fffaf0;
  overflow-y: auto;
  overflow-x: hidden;
  width: calc(100% + 40px);
}
.jazz-energy-remark-text > div {
  width: 99% !important;
  padding-left: 10px;
  height: 40px!important;
}
.jazz-energy-remark-text > div > div:nth-of-type(1) {
  font-size: 14px!important;
}
.jazz-energy-remark-text > div > div:nth-of-type(2) > textarea:nth-of-type(2) {
  color: #767a7a!important;
  font-size: 14px!important;
  overflow: hidden !important;
  margin-top: 5px !important;
}
.jazz-energy-remark-text > div > hr:nth-of-type(1) {
  border-bottom: 0px!important;
}
.jazz-energy-remark-text > div > hr:nth-of-type(2) {
  border-style: none!important;
}
.jazz-energy-date-picker {
  margin-right: 12px;
}
.jazz-energy-date-picker .jazz-month-picker-noempty {
  height: 30px !important;
  font-size: 14px !important;
  color: #f7f7f7;
  padding-left: 5px;
}
.jazz-energy-date-picker .jazz-month-picker-noempty > div > hr {
  border-bottom: none !important;
}
.pop-tree-view {
  width: 100%;
}
.pop-tree-node-container > .tree-node {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 32px;
}
.pop-tree-node-container > .tree-node > .arrow {
  cursor: pointer;
  width: 12px;
  margin: 0 0 0 16px;
}
.pop-tree-node-container > .tree-node > .arrow > .hasChild {
  display: block;
}
.pop-tree-node-container > .tree-node > .arrow > .hasNoChild {
  display: none;
}
.pop-tree-node-container > .tree-node > .content {
  flex: 1;
  display: flex;
}
.pop-tree-node-container > .tree-children.collapse {
  display: none;
}
.pop-child-container-collapsed {
  display: none;
}
.pop-arrow {
  float: left;
  width: 20px;
  min-height: 10px;
  line-height: 40px;
}
.pop-has-child {
  display: block;
}
.pop-no-child {
  display: none;
}
.pop-tree-arrow {
  float: left;
  width: 20px;
  min-height: 10px;
  line-height: 40px;
  background-color: yellow;
}
.tree-arrow-collapsed {
  float: left;
  width: 20px;
  min-height: 10px;
  line-height: 40px;
  background-color: white;
}
.pop-icon {
  float: left;
  width: 20%;
  min-height: 10px;
}
.pop-node {
  float: left;
  width: 90%;
  min-height: 10px;
  line-height: 40px;
}
.pop-tree-node-checkbox {
  padding-left: 16px;
}
.pop-selected {
  background-color: #bbb;
}
.pop-clear {
  clear: both;
}
.tree-node-content-no-privilege {
  color: gray;
}
.tree-node-content {
  display: flex;
  flex-basis: 100%;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tree-node-content > .node-content-icon {
  margin-left: 8px;
  min-width: 14px;
}
.pop-tree-node-checkbox + .content .tree-node-content > .node-content-icon {
  margin-left: 0;
}
.tree-node-content > .node-content-text {
  margin-left: 8px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
}
.tree-node-tooltip {
  position: absolute;
  cursor: default;
  z-index: 999;
  width: 280px;
  height: 68px;
  padding: 10px;
  background-color: #fbfbfb;
  border: solid 1px #fbfbfb;
  color: #464949;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tree-node-tooltip > div:last-of-type {
  font-size: 12px;
}
.jazz-setting-basic-date {
  width: 120px;
  float: left;
  height: 30px;
}
.jazz-setting-basic-yearpicker {
  height: 30px;
}
.jazz-setting-basic-datespan {
  font-size: 14px;
  margin-top: 7px;
  margin-left: 10px;
}
.jazz-setting-basic-container {
  height: 600px;
  margin-left: 20px;
}
.jazz-setting-basic-content {
  height: 400px;
  overflow: auto;
  display: flex;
  flex-flow: row;
  font-size: 14px;
  color: #767a7a;
}
.jazz-setting-basic-year hr {
  border-bottom-width: 0px !important;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm {
  border: 1px solid #efefef;
  height: 32px !important;
  top: 2px!important;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm > div:first-child > div:nth-of-type(2) {
  opacity: 1 !important;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm > div:first-child > div:nth-of-type(3) {
  font-size: 14px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 10px !important;
  line-height: 32px !important;
  overflow: hidden;
  white-space: nowrap;
  max-width: 58px;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm > div:first-child svg {
  right: 9px !important;
  top: 4px !important;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm > div:first-child svg + div {
  border-top-width: 0px !important;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm div:nth-of-type(2) > div {
  padding-right: 5px !important;
}
.jazz-setting-basic-year .pop-viewableDropDownMenu-ddm div:nth-of-type(2) > div svg {
  top: 0px !important;
}
.jazz-setting-basic-calbutton {
  font-size: 14px;
  color: #32ad3c;
  text-decoration: underline;
  cursor: pointer;
}
/**
//
// .jazz-alrm-chart-dropdownmenu{
//   >div:nth-child(2){
//     max-height: 208px;
//     overflow-y: scroll !important;
//   }
// }
**/
.jazz-setting-alarm-container {
  height: 398px;
  margin-top: 24px;
  margin-left: 20px;
  margin-bottom: 24px;
}
.jazz-setting-alarm-content {
  height: 374px;
  overflow: auto;
  display: flex;
  flex-flow: column;
  font-size: 14px;
  color: #767a7a;
}
.jazz-setting-input > hr {
  border-bottom-color: transparent !important;
}
.jazz-setting-input > div:nth-child(2) {
  display: none !important;
}
.jazz-setting-alarm-threshold {
  margin-top: 12px;
  margin-bottom: 12px;
}
.jazz-setting-alarm-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
.jazz-setting-alarm-tip {
  font-size: 12px;
  color: #abafae;
}
.jazz-setting-alarm-checkbox {
  display: flex;
  flex-flow: row;
}
.jazz-setting-alarm-checkbox div div div {
  margin-right: 0px !important;
}
.jazz-setting-baseline-container {
  height: 424px;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 24px;
}
.jazz-setting-baseline-content {
  height: 398px;
  overflow: auto;
  display: flex;
  flex-flow: column;
  font-size: 14px;
  color: #767a7a;
}
.jazz-setting-baseline-margin {
  margin-top: 12px;
  margin-bottom: 6px;
  height: 20px;
}
.jazz-setting-daytimeSelector > div:nth-child(2) {
  max-height: 208px;
  overflow-y: scroll !important;
}
.jazz-setting-basic-caldetail {
  margin-top: 24px;
  display: flex;
  flex-flow: column;
  margin-left: auto;
}
.jazz-setting-basic-caldetail .workdaytitle {
  color: #abafae;
  font-size: 14px;
}
.jazz-setting-basic-caldetail .workdaycontent {
  color: #767a7a;
  font-size: 16px;
  margin: 20px 0 5px 0;
}
.jazz-setting-basic-caldetail .workday {
  display: flex;
  flex-flow: row;
  color: #767a7a;
  font-size: 16px;
  line-height: 26px;
}
.jazz-setting-basic-caldetail .workday .font {
  margin-left: 3px;
}
.jazz-setting-basic-caldetail .worktimetitle {
  color: #abafae;
  font-size: 14px;
  margin-top: 45px;
}
.jazz-setting-basic-caldetail .worktimecontent {
  color: #767a7a;
  font-size: 16px;
  margin: 20px 0 5px 0;
}
.jazz-setting-basic-caldetail .worktime {
  display: flex;
  flex-flow: row;
  color: #767a7a;
  font-size: 16px;
  line-height: 26px;
}
.jazz-setting-basic-caldetail .worktime .time {
  display: flex;
  flex-flow: row wrap;
  width: 200px;
  margin-left: 3px;
}
.jazz-setting-basic-caldetail .worktime .time .timecontent {
  margin-right: 10px;
}
.jazz-tabs > div:first-of-type > div:first-of-type button > div > div {
  height: 28px !important;
}
.jazz-setting-basic-edit {
  display: flex;
  flex-flow: row;
  margin: 10px 0;
  align-items: center;
  color: #767a7a;
}
.jazz-setting-basic-editbutton {
  width: 80px;
  height: 30px;
  font-size: 14px;
  color: #767a7a;
  background-color: transparent;
  border: 1px solid #e4e7e6;
  margin-right: 10px;
}
.jazz-setting-basic-editbutton:hover {
  color: #32ad3c;
}
.jazz-setting-basic-editbutton.disabled:hover {
  color: #767a7a;
}
.jazz-setting-basic-calcsetting {
  font-size: 14px;
  margin: 18px 0;
  padding: 9px;
  border: 1px solid #efefef;
  height: 150px;
  overflow: auto;
  display: flex;
}
.jazz-setting-basic-calcsetting table {
  border: solid #adafaf;
  border-width: 1px 0px 0px 1px;
  border-spacing: 0;
}
.jazz-setting-basic-calcsetting td {
  border: solid #adafaf;
  border-width: 0px 1px 1px 0px;
  height: 29px;
  padding: 0 20px;
  text-align: center;
}
.jazz-setting-basic-clear {
  clear: both;
  margin-top: 14px;
}
.jazz-setting-basic-clear > div > div > div {
  margin-right: 10px !important;
}
.jazz-setting-basic-clear > div > div > label {
  color: #767a7a !important;
}
.jazz-setting-basic-firstline {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-top: 15px;
}
.jazz-setting-basic-datepicker-container {
  margin-left: 10px;
  height: 38px;
  background-color: #ffffff;
}
.jazz-setting-basic-datepicker-container > div {
  cursor: pointer;
  position: relative;
  border: 1px solid #ebebeb;
}
.jazz-setting-basic-datepicker-container > div > div:first-child {
  width: 90px !important;
}
.jazz-setting-basic-datepicker-container > div > div:first-child .jazz-month-picker-noempty {
  width: 90px !important;
}
.jazz-setting-basic-datepicker-container > div > div > input {
  cursor: pointer;
  font-size: 14px !important;
}
.jazz-setting-basic-datepicker-container > div > div > hr {
  border-bottom-width: 0px !important;
}
.jazz-setting-basic-datepicker-container > div .datepicker-popup {
  z-index: 10;
  position: absolute;
}
.item {
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: flex-start;
}
.item .content {
  flex: 1;
  display: flex;
  align-items: stretch;
  font-size: 14px;
  color: #464949;
  height: 100%;
}
.item .content .default-item-name {
  display: flex;
  align-items: center;
}
.item.odd-row-default {
  background-color: #f1f1f1;
}
.item.even-row-default {
  background-color: #f6f6f6;
}
.item.selectAllItem {
  border-top: 1px solid lightgray;
  background-color: #ffffff;
}
.head {
  height: 50px;
  font-size: 20px;
}
.buttonBar {
  height: 52px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  border-top: 1px solid lightgray;
}
.buttonBar > .pre-btn {
  margin: 10px 5px;
  cursor: pointer;
  color: gray;
}
.buttonBar > .pre-btn:hover {
  color: black;
}
.buttonBar > .next-btn {
  margin: 10px 5px;
  cursor: pointer;
  color: gray;
}
.buttonBar > .next-btn:hover {
  color: black;
}
.buttonBar > .page-num {
  margin: 10px 5px;
}
.buttonBar > .page-jump {
  position: relative;
}
.buttonBar > .page-jump > .jump-btn {
  margin: 10px 5px 10px 10px;
  cursor: pointer;
  color: gray;
}
.buttonBar > .page-jump > .jump-btn:hover {
  color: black;
}
.buttonBar > .page-jump > .page-jump-box {
  width: 220px;
  background-color: #fff;
  padding: 0 8px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buttonBar > .page-jump > .page-jump-box .jump-input {
  display: flex;
  align-items: center;
}
.buttonBar > .page-jump > .page-jump-box .jump-input > .jump-text {
  font-size: 14px;
}
.buttonBar > .page-jump > .page-jump-box .jump-input input {
  text-align: center;
}
.jazz-normal-hierarchybutton-container .jazz-hierarchybutton .hiername {
  color: black;
}
.jazz-hierarchybutton {
  position: relative;
}
.jazz-hierarchybutton * {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.jazz-hierarchybutton .hiername {
  font-size: 16px;
  color: #ffffff;
  margin-left: 20px;
  max-width: 136px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-hierarchybutton .hiername:hover {
  text-decoration: underline;
}
.jazz-ranking-hierarchybutton {
  position: relative;
}
.jazz-ranking-hierarchybutton * {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.jazz-ranking-hierarchybutton .hiername {
  font-size: 16px;
  color: #ffffff;
  margin-left: 20px;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-ranking-hierarchybutton .hiername:hover {
  text-decoration: underline;
}
.jazz-dimbutton {
  position: relative;
}
.jazz-dimbutton * {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.jazz-dimbutton .dimname {
  font-size: 16px;
  color: #ffffff;
  max-width: 136px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-dimbutton .dimname.active:hover {
  text-decoration: underline;
}
.jazz-hiersearch-type {
  font-size: 14px !important;
  color: #989898;
  margin: 7px 7px 0 0;
}
.jazz-dataselectmainpanel {
  margin-top: -16px;
  width: 320px;
  display: flex;
  flex-direction: column;
}
.jazz-dataselectmainpanel .header {
  min-height: 48px;
  width: 100%;
  background-color: #32ad3c;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.jazz-dataselectmainpanel .filter {
  display: flex;
  flex-flow: row nowrap;
  border-width: 1px;
  border-style: solid;
  border-color: #e4e7e9 transparent;
  width: 100%;
  min-height: 46px;
}
.jazz-dataselectmainpanel .filter .search {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  min-height: 26px;
  border: 1px solid #e4e7e6;
  margin: 9px 0px 9px 20px;
}
.jazz-dataselectmainpanel .filter .search .input {
  width: auto !important;
  margin-left: 5px;
}
.jazz-dataselectmainpanel .filter .search .input > hr {
  border-bottom-color: transparent !important;
}
.jazz-dataselectmainpanel .filter .dropdownmenu {
  margin-top: -4px;
  margin-right: 10px;
}
.jazz-dataselectmainpanel .filter .dropdownmenu > div:first-of-type div:nth-child(3) {
  padding-left: 10px !important;
}
.jazz-dataselectmainpanel .filter .dropdownmenu > div:first-of-type svg {
  right: 10px !important;
}
.jazz-dataselectmainpanel .filter .dropdownmenu > div:first-of-type div:nth-child(5) {
  border-top-width: 0px !important;
}
.jazz-dataselectmainpanel .filter .dropdownmenu div:nth-child(2) {
  z-index: 10 !important;
  min-width: 140px;
  right: 0;
}
.allcheck {
  display: flex;
  flex-flow: row;
  align-items: center;
  min-height: 46px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #e4e7e9;
  cursor: pointer;
}
.allcheck div div div {
  margin-right: 10px !important;
}
.taglist {
  min-height: 36px;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.taglist div > first-of-type {
  display: flex !important;
}
.taglist .label {
  display: flex;
  flex-flow: column;
  margin-left: -5px;
}
.taglist .label .title {
  display: inline-block;
  font-size: 14px;
  color: #464949;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 165px;
}
.taglist .label .font {
  display: inline-flex;
}
.taglist .label .font .able {
  font-size: 12px;
  color: #464949;
}
.taglist .label .font .disable {
  font-size: 12px;
  color: #abafae;
}
.taglist.selected {
  background-color: #f4f4f4;
}
.taglist:hover {
  background-color: #f4f4f4;
}
.tree_search {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 258px;
  height: 26px;
  border: 1px solid #e4e7e6;
  margin: 9px 20px 12px 20px;
}
.tree_search .input {
  margin-left: 5px;
}
.tree_search .input > hr {
  border-bottom-color: transparent !important;
}
.tree-field {
  position: relative;
  overflow: auto;
  height: 341px;
}
.jazz-search {
  display: block;
}
.jazz-searchtype {
  width: 15%;
  height: 100%;
  margin: 7px 7px 0 7px;
}
.jazz-searchmenu {
  box-shadow: null !important;
}
.jazz-search-nodetype {
  width: 50px;
  min-width: 50px;
  color: #abafae;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  margin-right: 6px;
  margin-top: 17px;
}
.jazz-searchmenuitem {
  display: flex;
  flex-flow: row;
  line-height: 32px;
  padding-left: 16px;
  width: 282px;
}
.jazz-searchmenuitem:hover {
  background-color: #eaebec;
}
.jazz-search-divider {
  width: 56px;
  height: 350px;
  border-right: 1px solid #abafae;
  position: absolute;
  top: 0;
}
.jazz-hiersearch-nodename {
  margin-left: 6px;
  font-size: 14px;
  color: #767a7a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 210px;
}
.jazz-dimsearch-nodename {
  margin-left: 6px;
  font-size: 14px;
  color: #767a7a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 260px;
}
.jazz-search-dimmuenuitem {
  font-size: 14px;
  line-height: 32px;
}
.jazz-ranking-hierview-header {
  margin: 10px 0 0 16px;
  display: flex;
  flex-direction: row;
}
.jazz-folder-leftpanel {
  display: flex;
}
.jazz-folder-leftpanel-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 8;
}
.jazz-folder-leftpanel-container .jazz-custom-dropdown-menu {
  border-bottom: 1px solid #e6e6e6;
}
.jazz-folder-leftpanel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  min-height: 32px;
  height: 32px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}
.jazz-folder-leftpanel-search {
  min-height: 46px;
  height: 46px;
  border-bottom: 1px solid #434d5e;
  background-color: #354052;
}
.jazz-folder-leftpanel-searchbox {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 284px;
  height: 26px;
  border: 1px solid #434d5e;
  margin: 10px 18px;
}
.jazz-folder-leftpanel-searchbox .input {
  margin-left: 5px;
}
.jazz-folder-leftpanel-searchbox .input > input {
  color: #ffffff !important;
  font-size: 14px !important;
}
.jazz-folder-leftpanel-searchbox .input > div > hr {
  border-bottom-color: transparent !important;
}
.jazz-folder-leftpanel-searchpaper {
  width: 300px;
  height: 390px;
  overflow: auto;
}
.jazz-folder-leftpanel-foldertree {
  overflow: auto;
  flex: 1;
  background-color: #ffffff;
  margin-left: -16px;
}
.jazz-folder-alluser-useritem {
  min-height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.jazz-folder-alluser-useritem:hover {
  background-color: #f4f4f4;
}
.jazz-folder-alluser-useritem .name {
  width: 125px;
  font-size: 14px;
  color: #464949;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-folder-alluser-useritem .type {
  width: 90px;
  font-size: 14px;
  color: #464949;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-folder-allusers {
  height: 357px;
  width: 311px;
  border: 1px solid #e4e7e6;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.jazz-folder-allusers .allcheck {
  min-height: 36px;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: row;
}
.jazz-folder-allusers .content {
  flex: 1;
  overflow: auto;
}
.jazz-folder-allusers .name {
  width: 125px;
}
.jazz-folder-allusers .positon {
  width: 90px;
}
.jazz-folder-selectedusers {
  height: 357px;
  width: 311px;
  border: 1px solid #e4e7e6;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.jazz-folder-selectedusers .title {
  min-height: 36px;
  background-color: #f4f4f4;
  font-size: 14px;
  color: #abafae;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
}
.jazz-folder-selectedusers .title .name {
  width: 125px;
}
.jazz-folder-selectedusers .title .positon {
  width: 90px;
}
.jazz-folder-selectedusers .content {
  flex: 1;
  overflow: auto;
}
.jazz-folder-selectedusers-useritem {
  min-height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.jazz-folder-selectedusers-useritem:hover {
  background-color: #32ad3d;
  color: #ffffff;
}
.jazz-folder-selectedusers-useritem:hover .name,
.jazz-folder-selectedusers-useritem:hover .type {
  color: #ffffff;
}
.jazz-folder-selectedusers-useritem.selected {
  display: block;
}
.jazz-folder-selectedusers-useritem.noselected {
  display: none;
}
.jazz-folder-selectedusers-useritem .name {
  font-size: 14px;
  color: #464949;
  width: 125px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-folder-selectedusers-useritem .type {
  font-size: 14px;
  color: #464949;
  margin-left: 10px;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-folder-user {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.jazz-folder-user .usericon {
  font-size: 22px;
  margin-left: 12px;
  margin-right: 12px;
}
.jazz-folder-detail {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  background-color: #fbfbfb;
}
.jazz-folder-detail .header {
  height: 108px;
  min-height: 108px;
  background-color: #ffffff;
}
.jazz-folder-detail .header .title {
  padding-left: 30px;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.jazz-folder-detail .header .title .name {
  font-size: 22px;
  color: #464949;
  max-width: 950px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-folder-detail .header .title .icon {
  margin-top: -9px;
  cursor: pointer;
}
.jazz-folder-detail .header .subtitle {
  margin-top: 14px;
  padding-left: 25px;
  font-size: 14px;
  color: #abafae;
  height: 2px;
}
.jazz-folder-detail .content {
  flex: 1;
  background-color: #fbfbfb;
  border-top: 1px solid #ececec;
  display: flex;
  flex-flow: row wrap;
  overflow: auto;
  padding: 23px 28px;
  align-content: flex-start;
}
.jazz-folder-detail-item {
  height: 150px;
  width: 170px;
  background-color: #ffffff;
  border: 1px solid #ececec;
  margin-right: 60px;
  margin-bottom: 30px;
}
.jazz-folder-detail-item .icon {
  height: 103px;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
}
.jazz-folder-detail-item .title {
  padding-left: 10px;
  padding-top: 8px;
  display: flex;
}
.jazz-folder-detail-item .title .name {
  font-size: 16px;
  color: #464949;
  width: 198px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-folder-detail-item .title .select {
  margin-top: -12px;
  margin-right: -2px;
  cursor: pointer;
}
.jazz-folder-detail-item .subtitle {
  margin-top: -12px;
  font-size: 12px;
  color: #abafae;
  margin-left: 10px;
}
.jazz-foldertree-arrow {
  color: #626469;
}
.jazz-foldertree-node {
  background-color: #ffffff;
}
.jazz-foldertree-node:hover {
  color: #32ad3c !important;
}
.jazz-foldertree-node:hover .jazz-foldertree-arrow {
  color: #32ad3c !important;
}
.jazz-foldertree-node.selected {
  background-color: #32ad3c !important;
  color: #ffffff !important;
}
.jazz-foldertree-node.selected .jazz-foldertree-arrow {
  color: #ffffff !important;
}
.jazz-checkboxtree-node {
  background-color: #ffffff !important;
}
.jazz-checkboxtree-node.selected {
  background-color: #eaebec !important;
}
.jazz-foldertree-node-textfield > input {
  margin-left: 8px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  outline: none;
  color: #fff;
  width: 100%;
}
.jazz-foldertree-node-textfield > input:focus {
  background-color: gray;
}
.jazz-icon-read {
  height: 8px;
  width: 8px;
  border-radius: 4px;
  background-color: red;
}
.jazz-copy-tree {
  background-color: #ffffff !important;
}
.jazz-copy-tree.selected {
  background-color: #eaebec !important;
}
.jazz-copy-tree:hover {
  background-color: #eaebec !important;
}
.jazz-report-loading {
  display: flex;
  flex: 1;
}
.jazz-report-leftpanel-container {
  display: flex;
  flex-direction: column;
  width: 320px;
}
.jazz-report-leftpanel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  min-height: 32px;
  height: 32px;
  background-color: #32ad3d;
}
.jazz-report-leftpanel-sort {
  background-color: #354052;
  height: 40px;
  min-height: 40px;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  display: flex;
  border-bottom: 1px solid #434d5e;
}
.jazz-report-leftpanel-sort > div div:first-of-type div:nth-of-type(3) {
  border-top: none !important;
}
.jazz-report-leftpanel-sort > div div:first-of-type > svg {
  right: 29px !important;
  top: 8px !important;
}
.jazz-report-leftpanel-reportlist {
  overflow: auto;
  flex: 1;
  background-color: #354052;
}
.jazz-report-grid-tr-item {
  padding: 10px 18px;
  cursor: pointer;
  border-bottom: 1px solid #434d5e;
  background-color: #354052;
  font-size: 14px;
  height: 40px;
}
.jazz-report-grid-tr-item:hover {
  background-color: #2d3645;
}
.jazz-report-grid-tr-item-selected {
  background-color: #2d3645 !important;
}
.jazz-report-rightpanel-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.jazz-report-rightpanel-header {
  display: flex;
  flex-direction: column;
  min-height: 130px;
  border-bottom: 1px solid #ececec;
}
.jazz-report-rightpanel-header .jazz-report-rightpanel-title {
  padding: 12px 30px;
  display: flex;
  flex-direction: column;
}
.jazz-report-rightpanel-header .jazz-report-rightpanel-title .pop-viewable-value > span {
  font-size: 22px!important;
}
.jazz-report-rightpanel-body {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  background-color: #fbfbfb;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-template {
  padding: 25px 30px;
  margin: 0 auto;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-template-title {
  margin-bottom: 10px;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-template-download-button > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-template-download-button > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-add {
  padding: 15px 30px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  border-top: 1px solid #ececec;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-add > div {
  padding-top: 5px;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-add-text {
  font-size: 14px;
  margin-top: 8px;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-add-button {
  margin-left: 101px;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-add-button > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-add-button > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-report-rightpanel-body .jazz-report-rightpanel-data {
  display: flex;
  flex-direction: column;
}
.jazz-report-rightpanel-footer {
  height: 56px;
  background-color: white;
  z-index: 5;
  bottom: 0;
  opacity: 0.9;
  left: 320px;
  right: 10px;
  border-top: 1px solid #ececec;
}
.jazz-report-rightpanel-footer.transition {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.jazz-report-rightpanel-footer-content {
  height: 100%;
}
.jazz-report-rightpanel-footer-content button {
  height: 100%;
  border: 1px solid #ececec;
}
.jazz-report-rightpanel-footer-content button span {
  padding: 0 54px !important;
}
.jazz-report-rightpanel-footer-content .jazz-report-rightpanel-footer-btn {
  height: 100%;
}
.jazz-report-rightpanel-footer-content .jazz-report-rightpanel-footer-btn button {
  height: 100%;
  border: 1px solid #ececec;
}
.jazz-report-rightpanel-footer-content .jazz-report-rightpanel-footer-btn button span {
  padding: 0 54px !important;
}
.jazz-report-rightpanel-footer-hide {
  display: none;
}
.jazz-report-data-content {
  display: flex;
  flex-direction: column;
  margin: 0 20px 15px 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
  width: 800px;
}
.jazz-report-data-content .jazz-report-data-delete {
  padding: 10px 0px 15px 0px;
  display: flex;
  flex-direction: row;
  margin-top: -15px !important;
}
.jazz-report-data-content .jazz-report-data-delete-button > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-report-data-content .jazz-report-data-delete-button > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-report-data-content .jazz-report-data-datasource-button > button {
  border: none !important;
  background-color: transparent!important;
  margin-left: -16px !important;
}
.jazz-report-data-content .jazz-report-data-datasource-button > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-report-data-content .jazz-report-data-datasource-button > button > div > span {
  font-size: 16px!important;
}
.jazz-report-data-container {
  display: flex;
  flex-direction: column;
  padding: 15px 0px;
}
.jazz-report-data-container > span {
  font-size: 14px!important;
  color: #abafae!important;
  margin-bottom: 6px!important;
}
.jazz-report-data-container .jazz-report-data-timerange {
  display: flex;
  flex-direction: row;
}
.jazz-report-data-container .jazz-report-data-timerange .pop-viewableDropDownMenu-ddm div:nth-of-type(2) > div {
  padding-right: 5px !important;
  padding-left: 12px !important;
}
.jazz-report-data-container .jazz-report-data-timerange .jazz-full-border-datepicker-container > div {
  background-color: transparent !important;
  border: 0px !important;
  top: -5px;
}
.jazz-report-data-container .jazz-report-data-timerange .jazz-full-border-datepicker-container > div input {
  font-size: 16px!important;
}
.jazz-report-data-container .pop-viewableTextField-noempty label {
  color: #abafae!important;
}
.jazz-data-tag-select-window > div > div:first-of-type > div {
  max-width: 900px!important;
}
.jazz-report-data-radiobutton {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.jazz-report-data-radiobutton > div {
  width: 240px !important;
}
.jazz-report-data-checkbox {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.jazz-report-data-checkbox > div {
  width: 240px !important;
}
.jazz-report-data-direction {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.jazz-report-data-direction-time {
  background: url(login-1)/*tpa=http://91greenpower.com/assets/report-layout.png*/ no-repeat 0 0;
  height: 113px;
  width: 110px;
  margin-right: 10px;
}
.jazz-report-data-direction-time-selected {
  background: url(login-1)/*tpa=http://91greenpower.com/assets/report-layout.png*/ no-repeat 0 -226px;
  height: 113px;
  width: 110px;
  margin-right: 10px;
}
.jazz-report-data-direction-time-disabled {
  background: url(login-1)/*tpa=http://91greenpower.com/assets/report-layout.png*/ no-repeat 0 -339px;
  height: 113px;
  width: 110px;
  margin-right: 10px;
}
.jazz-report-data-direction-tag {
  background: url(login-1)/*tpa=http://91greenpower.com/assets/report-layout.png*/ no-repeat -110px 0;
  height: 113px;
  width: 110px;
}
.jazz-report-data-direction-tag-selected {
  background: url(login-1)/*tpa=http://91greenpower.com/assets/report-layout.png*/ no-repeat -110px -226px;
  height: 113px;
  width: 110px;
}
.jazz-report-data-direction-tag-disabled {
  background: url(login-1)/*tpa=http://91greenpower.com/assets/report-layout.png*/ no-repeat -110px -339px;
  height: 113px;
  width: 110px;
}
.jazz-report-taglist-container-left {
  display: flex;
  width: 359px;
  flex-direction: column;
  flex: 1;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.jazz-report-taglist-container-left .jazz-report-tag-checkbox {
  width: 45px;
}
.jazz-report-taglist-container-left .jazz-report-tag-checkbox > div {
  padding-top: 3px;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect {
  width: 359px;
  display: flex;
  height: 78px;
  min-height: 78px;
  flex-direction: column;
  flex: 1;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .header {
  min-height: 32px;
  height: 32px;
  width: 100%;
  background-color: #f7f7f7;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .header div {
  color: #000000!important;
  margin-top: 0px;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .header .jazz-hierarchybutton {
  position: static !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .header .jazz-hierarchybutton .tree-node.selected {
  background-color: #ececec !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .header .jazz-hierarchybutton .tree-node:hover {
  background-color: #ececec !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .pop-tree-view {
  overflow-y: auto;
  overflow-x: hidden;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0px;
  border-color: #e4e7e9 transparent;
  background-color: #fbfbfb;
  width: 100%;
  min-height: 46px;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .search {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  min-height: 26px;
  border: 1px solid #e4e7e6;
  margin: 9px 10px 9px 10px;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .search .input > hr {
  border-bottom-color: transparent !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .dropdownmenu {
  margin-top: -4px;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .dropdownmenu > div:first-of-type div:nth-child(3) {
  padding-left: 10px !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .dropdownmenu > div:first-of-type svg {
  right: 10px !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .dropdownmenu > div:first-of-type div:nth-child(5) {
  border-top-width: 0px !important;
}
.jazz-report-taglist-container-left .jazz-report-taglist-tagselect .filter .dropdownmenu div:nth-child(2) {
  z-index: 10 !important;
  min-width: 140px;
  right: 0;
}
.jazz-report-taglist-container-right {
  display: flex;
  width: 359px;
  flex-direction: column;
  flex: 1;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.jazz-report-tag-item-left {
  display: flex;
  flex-direction: row;
  height: 30px;
  line-height: 30px;
  padding-left: 7px;
}
.jazz-report-tag-item-left > div:nth-of-type(1) {
  width: 45px;
}
.jazz-report-tag-item-left > div:nth-of-type(1) > div {
  padding-top: 3px;
}
.jazz-report-tag-item-left > div:nth-of-type(2) {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-report-tag-item-left > div:nth-of-type(3) {
  width: 150px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-report-tag-item-left:hover {
  background-color: #f5f5f5;
}
.jazz-report-tag-item-right {
  display: flex;
  flex-direction: row;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
}
.jazz-report-tag-item-right > div:nth-of-type(1) {
  width: 45px;
}
.jazz-report-tag-item-right > div:nth-of-type(2) {
  width: 150px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-report-tag-item-right > div:nth-of-type(3) {
  width: 150px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-report-tag-item-right:hover {
  background-color: #32ad3d;
  color: #ffffff !important;
  cursor: pointer;
}
.jazz-report-taglist {
  overflow: auto;
  flex: 1;
}
.jazz-template-container {
  position: relative;
  flex: 1;
  display: flex;
  background-color: white;
  flex-direction: column;
  overflow: auto;
}
.jazz-template-topbar {
  height: 72px;
  min-height: 72px;
  background-color: white;
  border-bottom: 1px solid #ececec;
}
.jazz-template-topbar > .jazz-template-header {
  min-width: 1024px;
  width: 74%;
  margin: 0 auto;
  height: 72px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.jazz-template-topbar > .jazz-template-header > .jazz-template-topbar-left {
  display: flex;
  flex: 1;
}
.jazz-template-topbar > .jazz-template-header > .jazz-template-topbar-right {
  display: flex;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action {
  margin-right: 10px;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort {
  min-width: 88px;
  max-width: 200px;
  height: 36px;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  display: flex;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort > div {
  height: 36px !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  display: inline-block;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort > div > div:first-child div:nth-of-type(2) {
  opacity: 1 !important;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort > div > div:first-child div:nth-of-type(3) {
  font-size: 14px !important;
  top: 0px !important;
  opacity: 1 !important;
  padding-left: 10px !important;
  line-height: 36px !important;
  overflow: hidden;
  white-space: nowrap;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort > div > div:first-child svg {
  right: 9px !important;
  top: 4px !important;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort > div > div:first-child svg + div {
  border-top-width: 0px !important;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-sort > div div:nth-of-type(2) > div {
  padding-right: 5px !important;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-upload-button {
  background-color: #ffffff;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  display: inline-block;
  min-width: 88px;
  height: 36px;
  cursor: pointer;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-upload-button:hover {
  background-color: #ebebeb;
}
.jazz-template-topbar > .jazz-template-header .jazz-template-action .jazz-template-upload-button .jazz-template-upload-label {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  opacity: 1;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
  padding: 0px 16px;
  -webkit-user-select: none;
  line-height: 36px;
  color: rgba(0, 0, 0, 0.87);
}
.jazz-template-content {
  flex: 1;
  overflow: scroll;
  background-color: #fbfbfb;
}
.jazz-template-content .jazz-template-comment {
  min-width: 1024px;
  width: 74%;
  margin: 0 auto;
  font-size: 14px;
  color: #abafae;
  margin-top: 10px;
}
.jazz-template-content .jazz-template-center {
  min-width: 1024px;
  width: 74%;
  margin: 0 auto;
}
.jazz-template-content .jazz-template-center .jazz-template-user-info > a {
  color: #abafae;
  margin-right: 6px;
  font-size: 14px;
  text-decoration: none;
  position: relative;
}
.jazz-template-content .jazz-template-center .jazz-template-user-info > a:hover > ul {
  display: block;
}
.jazz-template-content .jazz-template-center .jazz-template-user-info ul {
  border: 1px solid #abafae;
  list-style-type: none;
  display: none;
  background-color: #fbfbfb;
  opacity: 1;
  padding: 10px;
  position: absolute;
  z-index: 99;
}
.jazz-template-content .jazz-template-center .jazz-template-user-info ul li {
  margin-bottom: 8px;
  color: black;
}
.jazz-template-list {
  margin-top: 25px;
}
.jazz-template-list:first-child {
  border-top: 1px solid #eee;
}
.jazz-template-item {
  height: 50px;
  border-bottom: 1px solid #eee;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 5px;
}
.jazz-template-item:hover {
  background-color: #ececec;
}
.jazz-template-item-right {
  display: flex;
  flex: 5;
  flex-direction: column;
  justify-content: center;
}
.jazz-template-item-right-name {
  font-size: 14px;
  width: 900px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #464949;
}
.jazz-template-item-right-name:hover {
  color: #32ad3c;
  cursor: pointer;
}
.jazz-template-item-right-user {
  margin-top: 10px;
  font-size: 12px;
  color: #abafae;
}
.jazz-template-item-right-user-info > a {
  font-size: 12px !important;
}
.jazz-template-item-left {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
.jazz-template-item-left-action {
  display: flex;
  font-size: 14px;
  color: #464949;
}
.jazz-template-item-left-action:hover {
  color: #32ad3c;
}
.jazz-template-item-left-action > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-template-item-left-action > button:hover {
  color: #32ad3c !important;
}
.jazz-template-item-left-action .jazz-template-item-text {
  margin-right: 20px;
}
.jazz-template-item-left-action-warning > a:hover {
  color: #f46a58;
}
.report-right-btn {
  padding-left: 30px;
  padding-top: 14px;
}
.jazz-copytemplate-treeselect {
  width: 390px;
  border-bottom: 1px solid #e4e7e6;
  cursor: pointer;
  margin-top: 8px;
}
.jazz-copytemplate-treeselect .icon {
  float: right;
  font-size: 14px;
}
.jazz-copytemplate-dialog > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
  margin-left: 26px;
}
.jazz-copytemplate-dialog > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
  text-align: left !important;
  margin-left: 40px;
  padding-bottom: 24px !important;
}
.jazz-copytemplate-dialog > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1) {
  border: 1px solid #e4e7e6 !important;
  font-size: 14px !important;
}
.jazz-copytemplate-dialog > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(2) {
  border: 1px solid #e4e7e6 !important;
  font-size: 14px !important;
  margin-left: 10px !important;
}
.jazz-copytemplate-dialog > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(2):hover {
  color: #32ad3c !important;
  background-color: transparent !important;
}
.jazz-copytemplate-dialog .able > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
  text-align: left !important;
  margin-left: 40px;
  padding-bottom: 24px !important;
}
.jazz-copytemplate-dialog .able > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1) {
  border: 1px solid #e4e7e6 !important;
  font-size: 14px !important;
}
.jazz-copytemplate-dialog .able > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1):hover {
  color: #32ad3c !important;
  background-color: transparent !important;
}
.jazz-copytemplate-dialog .disable > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
  text-align: left !important;
  margin-left: 40px;
  padding-bottom: 24px !important;
}
.jazz-copytemplate-dialog .disable > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1) {
  border: 1px solid #e4e7e6 !important;
  font-size: 14px !important;
}
.jazz-copytemplate-dialog .disable > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1):hover {
  color: rgba(0, 0, 0, 0.298039) !important;
  background-color: transparent !important;
}
.btn-container .btn-icon {
  color: rgba(255, 255, 255, 0.298039) !important;
  margin-right: 8px;
}
.btn-container .btn-text {
  color: rgba(255, 255, 255, 0.298039) !important;
}
.btn-container .new-btn-icon {
  color: #32ad3d;
  font-size: 10px !important;
  margin-left: 6px;
}
.btn-container .new-btn-text {
  font-size: 14px;
  color: #32ad3d;
}
.btn-container-active .btn-icon {
  color: #9fa0a4 !important;
}
.btn-container-active .btn-text {
  color: #9fa0a4 !important;
}
.menu_item:hover {
  background-color: #32ad3c !important;
}
.hoverGray {
  background-color: #ececec;
}
.jazz-mail {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.jazz-mail .header {
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jazz-mail .header .sendBtn {
  width: 74%;
}
.jazz-mail .header .sendBtn > button {
  color: #767a7a !important;
  font-size: 14px;
  border: 1px solid #ececec !important;
  background-color: transparent !important;
}
.jazz-mail .header .sendBtn > button:hover {
  color: #32ad3c !important;
  background-color: transparent !important;
}
.jazz-mail > .content {
  flex: 1;
  border-top: 1px solid #ececec;
  background-color: #fbfbfb;
}
.jazz-mail > .content .field {
  width: 74%;
  justify-content: center;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.jazz-mailfield {
  flex: 1;
  display: flex;
  width: 652px;
  min-width: 652px;
  flex-direction: column;
  height: 450px;
  margin-top: 12px;
}
.jazz-mailfield-reciever {
  display: flex;
  flex-direction: row;
  min-height: 30px;
}
.jazz-mailfield-reciever .recievertitle {
  margin-top: 7px;
  color: #abafae;
  font-size: 14px;
  width: 70px;
  min-width: 70px;
}
.jazz-mailfield-reciever .recievercontent {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  border: 1px solid #ececec;
  background-color: #ffffff;
  width: 600px;
  padding: 2.5px 7.5px;
  max-height: 140px;
  min-height: 23px;
  overflow: auto;
}
.jazz-mailfield-recieveritem {
  border: 1px solid #ececec;
  display: flex;
  align-item: center;
  height: 20px;
  margin: 2.5px;
  color: #464949;
  font-size: 14px;
}
.jazz-mailuser {
  margin-left: 10px;
  width: 360px;
  height: 450px;
  border: 1px solid #ececec;
  margin-top: 12px;
}
.jazz-mailuser > div:nth-child(1) > div:nth-child(1) div {
  height: 30px !important;
  color: #464949 !important;
}
.jazz-mailuserfield {
  height: 420px;
  overflow: auto;
  background-color: #ffffff;
}
.jazz-mailfield-template {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  min-height: 30px;
}
.jazz-mailfield-template .templatetitle {
  color: #abafae;
  font-size: 14px;
  width: 70px;
  min-width: 70px;
  margin-top: 7px;
}
.jazz-templatefield {
  flex: 1;
}
.jazz-templatefield .title {
  border: 1px solid #ececec;
  background-color: #ffffff;
  min-height: 28px;
  display: flex;
  align-items: center;
}
.jazz-templatefield .title .content {
  font-size: 14px;
  color: #464949;
  line-height: 20px;
  margin-left: 10px;
  flex: 1;
}
.jazz-platformuser-groupselect {
  color: #abafae;
  font-size: 14px;
  width: 62px;
  display: none;
  margin-left: 10px;
}
.jazz-platformuser-groupselect:hover {
  color: #32ad3c;
}
.jazz-platformuser-user {
  margin-left: 6px;
  font-size: 14px;
  color: #767a7a;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-platformuser-position {
  margin-left: 6px;
  font-size: 14px;
  color: #767a7a;
  max-width: 92px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-templateitem {
  color: #464949;
  font-size: 14px;
  height: 32px;
  min-width: 100px;
  padding: 2.5px 10px;
  display: flex;
  align-items: center;
  max-width: 360px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-templateitem:hover {
  background-color: #e6e7e8;
}
.jazz-mailfield-subject {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}
.jazz-mailfield-subject .subjecttitle {
  margin-top: 7px;
  color: #abafae;
  font-size: 14px;
  width: 70px;
  min-width: 70px;
}
.jazz-mailfield-content {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  flex: 1;
}
.jazz-mailfield-content .contenttitle {
  margin-top: 7px;
  color: #abafae;
  font-size: 14px;
  width: 70px;
  min-width: 70px;
}
.jazz-mailfield-content .contentcontent {
  flex: 1;
  border: 1px solid #ececec;
  background-color: #ffffff;
  width: 600px;
  max-height: 240px;
  padding: 0 10px;
  overflow: auto;
  font-size: 14px;
}
.jazz-mailfield-content .contentcontent > div:nth-child(1) > div:nth-child(1) textarea {
  overflow: hidden !important;
}
.jazz-mailfield-newTemplate {
  margin-left: 52px;
  margin-top: 12px;
  min-height: 24px;
}
.jazz-newTemplate {
  display: flex;
}
.jazz-newTemplate > div:nth-child(2) hr {
  border-width: 0px !important;
  border-color: transparent !important;
}
.jazz-mailfield-error {
  color: red;
  font-size: 10px;
  margin-left: 54px;
}
.amap-locate,
.amap-copyright,
.amap-logo,
.amap-zoom-labels {
  display: none !important;
}
.amap-toolbar {
  right: 20px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
}
.pop-info {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  width: 240px;
  background-color: #fff;
  font-size: 14px;
}
.pop-info div.pic {
  line-height: 0;
}
.pop-info div.pic img {
  width: 240px;
  height: 160px;
}
.pop-info p {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  border-bottom: 1px solid #f5f5f5;
  margin: 0;
  padding: 0 10px;
  color: #fff;
}
.pop-info p.title.blue {
  height: 33px;
  line-height: 33px;
  background-color: #32ad3c;
  max-width: 220px;
  width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pop-info p.alarm {
  background-color: #f46a58;
}
.pop-info p em {
  color: #fff;
  font-style: normal;
  font-size: 16px;
}
.pop-info label {
  float: left;
  color: #767a7a;
}
.pop-info .energy-cost {
  color: #767a7a;
}
.pop-info span {
  float: right;
}
.pop-info .alert {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-top: 6px;
}
.pop-info .alert-1 {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-top: 6px;
  margin-right: 2px;
  background-color: #ec5d57;
}
.pop-info .alert-2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-top: 6px;
  margin-right: 2px;
  background-color: #f39019;
}
.pop-info .alert-3 {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-top: 6px;
  background-color: #7ccee3;
}
.map-snack-bar button {
  color: #32ad3c !important;
}
.map-snack-bar button:hover {
  color: #5bd3f1 !important;
}
.map-snack-bar .no-msg button {
  float: left !important;
  margin-left: 0 !important;
}
.map-timepickerbar {
  min-height: 48px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-timepickerbar .dateselected {
  font: 14px;
}
.map-timepickerbar .menuitem {
  height: 32px;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
}
.map-timepickerbar .menuitem.selected {
  color: #32ad3c;
}
.map-timepickerbar .menuitem:hover {
  background-color: #eaebec;
}
.map-energyinfo-content {
  padding: 8px 10px;
  border-bottom: 1px solid #ececec;
}
.map-energyinfo-content .firstline {
  font-size: 14px;
  color: #767a7a;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.map-energyinfo-content .firstline .value {
  display: flex;
  flex-direction: row;
}
.map-energyinfo-content .firstline .value .valueStr {
  margin-top: 2px;
}
.map-energyinfo-content .firstline .value .font {
  margin-top: 2px;
  font-size: 10px;
}
.map-energyinfo-content .secondline {
  margin-top: 5px;
  font-size: 12px;
  color: #767a7a;
}
.map-energyinfo-content .thirdline.red {
  margin-top: 3px;
  font-size: 12px;
  color: #ed3820;
}
.map-energyinfo-content .thirdline.green {
  margin-top: 3px;
  font-size: 12px;
  color: #15cb9e;
}
.map-energyinfo-content .thirdline.blue {
  margin-top: 3px;
  font-size: 12px;
  color: #32ad3c;
}
.datepicker > button {
  background-color: transparent !important;
}
.datepicker:hover > button > div > span {
  color: #32ad3c !important;
}
.bubble-icon {
  font-family: Monospace;
  width: 14px;
  height: 14px;
  background-color: #ed3820;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #222222;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.bubble-icon span {
  font-size: 12px;
  display: none;
}
.bubble-icon.red {
  font-family: Monospace;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #222222;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  background-color: #ed3820;
}
.bubble-icon.red span {
  font-size: 12px;
  display: none;
}
.bubble-icon.green {
  font-family: Monospace;
  width: 14px;
  height: 14px;
  background-color: #ed3820;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #222222;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  background-color: #15cb9e;
}
.bubble-icon.green span {
  font-size: 12px;
  display: none;
}
.bubble-icon.blue {
  font-family: Monospace;
  width: 14px;
  height: 14px;
  background-color: #ed3820;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #222222;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  background-color: #32ad3c;
}
.bubble-icon.blue span {
  font-size: 12px;
  display: none;
}
.bubble-icon.lg {
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  border-radius: 14px;
  box-shadow: 0px 0px 8px #d6d5d2;
  text-align: center;
}
.bubble-icon.lg span {
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  display: block;
}
.bubble-icon.lg.fix-position {
  margin: -7px 0 0 -7px;
}
.bubble-icon.xlg {
  width: 30px;
  height: 20px;
  border: 4px solid #fff;
  border-radius: 14px;
  box-shadow: 0px 0px 8px #d6d5d2;
  text-align: center;
}
.bubble-icon.xlg span {
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  display: block;
}
.bubble-icon.xlg.fix-position {
  margin: -7px 0 0 -12px;
}
.bubble-icon.redfont span {
  color: #FF4B00;
  line-height: 20px;
  font-size: 10px;
  display: block;
}
.icon-schneider-style {
  position: relative;
  width: 80px;
  height: 40px;
  cursor: pointer;
  z-index: 1;
  overflow: hidden;
  padding-left: 10px;
}
.icon-schneider-style > div {
  position: absolute;
  font-size: 80px;
  z-index: 0;
}
.pop-userprofile-authcommon {
  border-bottom: 1px solid #ececec;
  padding-bottom: 7px;
}
.pop-userprofile-authrole {
  margin-top: 22px;
}
.pop-userprofile-authitem {
  margin-bottom: 15px;
  color: #464949;
}
.jazz-serviceprovider-sortbar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  height: 38px;
  border-bottom: 1px solid #434d5e;
  background-color: #354052;
}
.jazz-serviceprovider-sortbar > div:nth-child(1) {
  width: 175px !important;
}
.jazz-serviceprovider-sortbar > div:nth-child(1) > div:nth-child(2) {
  left: -65px;
}
.jazz-serviceprovider-sortbar-icon {
  margin-left: -10px;
  font-size: 8px;
  color: #ffffff;
}
.jazz-provider-item {
  min-height: 58px;
  height: 58px;
  border-bottom: 1px solid #434d5e;
  background-color: #354052;
  padding-left: 18px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jazz-provider-item .providername {
  font-size: 14px;
  color: #ffffff;
}
.jazz-provider-item .providerinfo {
  font-size: 14px;
  color: #adb0b8;
  margin-top: 5px;
}
.jazz-provider-item:hover {
  background-color: #2d3645;
}
.jazz-provider-item.isSelected {
  background-color: #2d3645;
}
.jazz-provider-list {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  background-color: #ffffff;
}
.jazz-platform-viewstatus {
  margin-top: 22px;
  color: #464949;
}
.jazz-platform-editstatus {
  color: #767a7a;
  margin-top: 42px;
}
.jazz-platform-header .pop-viewableTextField > div .pop-viewable-value {
  font-size: 22px !important;
}
.pop-overlay {
  position: fixed;
  overflow: auto;
  height: 100%;
  width: 100%;
  z-index: 9;
  top: 0px;
  left: 0px;
  opacity: 0.01;
  background-color: rgba(0, 0, 0, 0.54);
  transition: opacity 500ms ease-in-out 0ms;
}
.pop-overlay.pop-is-shown {
  opacity: 1;
}
.pop-side-content-basic {
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  z-index: 151;
  overflow-x: hidden;
}
.pop-side-content-basic ul {
  list-style-type: none;
}
.pop-left-side-bar-content {
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  z-index: 151;
  overflow-x: hidden;
  top: 0px;
  display: flex;
  flex-direction: column;
  left: 0px;
}
.pop-left-side-bar-content ul {
  list-style-type: none;
}
.pop-right-side-bar-content {
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  z-index: 151;
  overflow-x: hidden;
  top: 0px;
  display: flex;
  flex-direction: column;
  right: 0px;
}
.pop-right-side-bar-content ul {
  list-style-type: none;
}
.sidebar-title {
  text-align: left;
  line-height: 70px;
  height: 70px;
  min-height: 70px;
  color: white;
  padding-left: 20px;
  background-color: #32ad3d;
}
.sidebar-content {
  flex: 1;
  padding: 25px 30px 25px 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar-content-item {
  margin-bottom: 50px;
}
.sidebar-bottom-action {
  height: 56px;
  border-top: 1px solid #ececec;
}
.sidebar-bottom-action button {
  height: 56px !important;
}
.pop-side-right-appear {
  right: -190px;
}
.pop-side-right-appear.pop-side-right-appear-active {
  transition: all 450ms ease 0ms;
  right: 0px ;
  top: 0px;
  height: 100%;
}
.pop-side-right-leave {
  transition: all 750ms ease-in 0ms;
  top: 0px;
  right: 0px;
}
.pop-side-right-leave.pop-side-right-leave-active {
  right: -999px;
}
.pop-side-left-appear {
  left: -190px;
  height: 100%;
}
.pop-side-left-appear.pop-side-left-appear-active {
  transition: all 450ms ease 0ms;
  left: 0px ;
  top: 0px;
  height: 100%;
}
.pop-side-left-leave {
  transition: all 750ms ease-in 0ms;
  height: 100%;
  top: 0px;
  left: 0px;
  transform: perspective(800px) rotateY(-20deg);
}
.pop-side-left-leave.pop-side-left-leave-active {
  left: -999px;
}
_:-ms-fullscreen,
.form-bottom .form-bottom-bar {
  right: 17px;
}
_:-ms-fullscreen,
.form-bottom-bar {
  right: 17px !important;
}
.form-bottom {
  /* button{
		color: @schneiderNormal !important;
		&:hover{
			color:@medium-green !important;
		}
	} */
  height: 1px;
  margin-bottom: 55px;
}
.form-bottom-bar {
  height: 56px;
  background-color: white;
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 320px;
  right: 10px;
  border-top: 1px solid #ececec;
}
.form-bottom-bar.transition {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.form-bottom-bar-content {
  height: 100%;
}
.form-bottom-bar-content button {
  height: 100%;
  border: 1px solid #ececec;
  font-family: Lantinghei sc, Microsoft YaHei Light, Microsoft YaHei !important;
}
.form-bottom-bar-content button span {
  padding: 0 54px !important;
}
.form-bottom-bar-content .form-bottom-bar-btn {
  height: 100%;
}
.form-bottom-bar-content .form-bottom-bar-btn button {
  height: 100%;
  border: 1px solid #ececec;
  font-family: Lantinghei sc, Microsoft YaHei Light, Microsoft YaHei !important;
}
.form-bottom-bar-content .form-bottom-bar-btn button span {
  padding: 0 54px !important;
}
.form-bottom-bar-hide {
  display: none;
}
.pop-framework {
  flex: 1;
  display: flex;
  text-align: left;
  /*********Left Panel Start***********/
  /*********Left Panel End***********/
  /*********Right Panel Start***********/
  /*********Right Panel End***********/
}
.pop-framework-left {
  width: 320px;
  background-color: #354052;
  color: #fff;
  display: flex;
  flex-flow: column nowrap;
}
.pop-framework-left-title {
  min-height: 32px;
  box-sizing: border-box;
  background-color: #86CCFF;
}
.pop-framework-right {
  box-shadow: -1px 1px 1px 1px rgba(90, 90, 90, 0.4);
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #fff;
  /**********Right Action Panel Start***********/
  /***** Form Bottom Bar *****/
  /**********Right Action Panel End***********/
}
.pop-framework-right-actionbar {
  min-height: 48px;
  display: flex;
  text-align: left;
  /*****Action Top*****/
}
.pop-framework-right-actionbar-top {
  flex: 1;
  display: flex;
  /*****Fold Button*****/
}
.pop-framework-right-actionbar-top-fold-btn {
  color: #939796;
  padding-left: 25px;
  padding-top: 14px;
}
.pop-framework-right-actionbar-top-fold-btn .icon {
  line-height: 1;
  cursor: pointer;
  font-size: 20px !important;
  color: #767a7a !important;
}
.pop-framework-right-actionbar-top-fold-btn .icon:hover {
  color: #32ad3c !important;
}
.pop-framework-right-expand .form-bottom-bar {
  left: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f22 {
  font-size: 22px;
}
.pointer {
  cursor: pointer;
}
.pop-manage .list-padding {
  padding-left: 20px;
  padding-right: 36px;
}
.pop-manage .detail-padding {
  padding-left: 30px;
  padding-right: 30px;
}
.pop-manage-wrapper {
  font-size: 14px;
  flex: 1;
  display: flex;
}
.pop-manage-list {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #354052;
  color: #ffffff;
  width: 320px;
}
.pop-manage-list .list-closed-transition {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.pop-manage-list-wrapper {
  position: relative;
  width: 320px;
  background-color: #354052;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.pop-manage-list-wrapper.closed {
  width: 0;
}
.pop-manage-list-wrapper.closed .pop-manage-list {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.pop-manage-list-title {
  /* height: @list-title-height;
            display: flex;
            flex-direction: column;
            background: -webkit-linear-gradient(left, @header-bgc-start 0%, @header-bgc-middle-end 100%);
            &-fill {
                flex: 1;
            } */
}
.pop-manage-list-title-action {
  background-color: #ffffff;
  height: 32px;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #e6e6e6;
}
.pop-manage-list-title-action-item {
  padding: 5px 10px;
  cursor: pointer;
}
.pop-manage-list-title-action-item:hover {
  background-color: #dddddd;
}
.pop-manage-list-title-action-item-icon {
  padding-right: 8px;
}
.pop-manage-list-header {
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 36px;
}
.pop-manage-list-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.pop-manage-list-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  padding-left: 20px;
  padding-right: 36px;
  color: #626469;
}
.pop-manage-list-item:hover {
  color: #32ad3d !important;
}
.pop-manage-list-item:hover .pop-user-list-item-user-display-name {
  color: #32ad3d !important;
}
.pop-manage-list-item:hover .pop-user-list-item-user-real-name {
  color: #32ad3d !important;
}
.pop-manage-list-item:hover .pop-user-list-item-customer-title {
  color: #32ad3d !important;
}
.pop-manage-list-item:hover .pop-user-list-item-customer-value {
  color: #32ad3d !important;
}
.pop-manage-list-item.selected {
  background-color: #32ad3d;
  color: #ffffff !important;
  position: relative;
}
.pop-manage-list-item.selected .pop-user-list-item-user-display-name {
  color: #ffffff !important;
}
.pop-manage-list-item.selected .pop-user-list-item-user-real-name {
  color: #ffffff !important;
}
.pop-manage-list-item.selected .pop-user-list-item-customer-title {
  color: #ffffff !important;
}
.pop-manage-list-item.selected .pop-user-list-item-customer-value {
  color: #ffffff !important;
}
.pop-manage-list-item.selected:before {
  content: '';
  height: 100%;
  position: absolute;
  width: 4px;
  background-color: #25842e;
  left: 0px;
  top: 0px;
}
.pop-manage-list-item.selected .pop-manage-list-item-chevron {
  width: 36px;
  display: flex;
  justify-content: center;
}
.pop-manage-list-item:last-child {
  border-bottom: 1px solid #434d5e;
}
.pop-manage-detail {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  color: #abafae;
}
.pop-manage-detail .view {
  display: block;
}
.pop-manage-detail .edit {
  display: none;
}
.pop-manage-detail.editing .view {
  display: none;
}
.pop-manage-detail.editing .edit {
  display: block;
}
.pop-manage-detail-header {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ececec;
  flex: none;
  /*  &-collapse {
               .pointer;
               padding-bottom: 37px;
               width: 20px;
               height: 20px;
               display: flex;
               align-items: center;
           } */
}
.pop-manage-detail-header-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  font-size: 22px;
  color: #464949;
}
.pop-manage-detail-content {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 22px;
  padding-bottom: 22px;
  flex: 1;
  overflow-y: auto;
  background-color: #fbfbfb;
}
.pop-manage-detail-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ececec;
  height: 54px;
  color: #767a7a;
  justify-content: space-between;
}
.pop-manage-detail-footer-left {
  height: 100%;
  display: flex;
}
.pop-manage-detail-footer-left button {
  border-right: 1px solid #ececec !important;
  color: #32ad3c;
}
.pop-manage-detail-footer-left button:first-child {
  color: #32ad3c;
}
.pop-manage-detail-footer-right {
  height: 100%;
  display: flex;
  color: #767a7a;
}
.pop-manage-detail .dialog-content {
  color: #767a7a;
}
.customer-background-logo {
  background: linear-gradient(to right, #32ad3c, #32ad3c);
}
.pop-customer-no-customer-tip {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pop-customer-sort-bar {
  display: flex;
  align-items: center;
}
.pop-customer-sort-bar-icon {
  margin-left: -40px;
}
.pop-customer-list-item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
}
.pop-customer-list-item-time {
  margin-top: 5px;
  color: #abafae;
}
.pop-customer-detail-code-input.edit > div {
  bottom: -30px !important;
}
.pop-customer-detail-content {
  display: flex;
  justify-content: space-between;
  padding-bottom: 45px;
}
.pop-customer-detail-content-left-item {
  padding-top: 50px;
}
.pop-customer-detail-content-left-item:first-child {
  padding-top: 0;
}
.pop-customer-detail-content-left-item .info-value {
  font-size: 16px;
  color: #464949;
  padding-top: 4px;
}
.pop-customer-detail-content-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pop-customer-detail .pop-admins {
  padding-top: 50px;
}
.jazz-customer-comment > div > div > div > div > textarea:nth-of-type(2) {
  overflow: hidden !important;
}
/* _:-ms-fullscreen,
.pop-user-customer-permission-dialog-wrapper-content>div {
    height: 500px!important;
    display: flex;
    // &>div {
    //     max-height: 100%!important;
    // }
} */
.pop-user-header-filter {
  display: flex;
  align-items: center;
}
.pop-user-header-filter-icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: #000 1px solid;
  margin-right: 8px;
}
.pop-user-list-reset {
  background-color: #ffffff;
  padding: 20px 20px 20px 10px;
  flex: none;
  border-bottom: 1px solid #434d5e;
}
.pop-user-list-reset > .pop-user-list-reset-button {
  cursor: pointer;
}
.pop-user-list-empty {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 5px;
}
.pop-user-list-empty-content {
  display: flex;
}
.pop-user-list-empty-tip {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pop-user-list-empty-tip-result {
  font-size: 18px;
  margin-bottom: 5px;
}
.pop-user-list-empty-tip-recommendation {
  font-size: 14px;
}
.pop-user-list-item-user {
  display: flex;
}
.pop-user-list-item-user-real-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  color: #adb0b8;
  max-width: 50%;
  display: inline-block;
}
.pop-user-list-item-user-display-name {
  padding-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  max-width: 50%;
  display: inline-block;
}
.pop-user-list-item-customer {
  color: #adb0b8;
  display: flex;
}
.pop-user-list-item-customer-title {
  padding-right: 5px;
}
.pop-user-list-item-customer-value {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
}
.pop-user-detail .view {
  display: block;
}
.pop-user-detail .edit,
.pop-user-detail .add-user {
  display: none;
}
.pop-user-detail.editing .view,
.pop-user-detail.editing .add-user {
  display: none;
}
.pop-user-detail.editing .edit,
.pop-user-detail.editing .exists {
  display: block;
}
.pop-user-detail.editing.adding .exists {
  display: none;
}
.pop-user-detail.editing.adding .add-user {
  display: block;
  margin-top: -30px;
}
.pop-user-detail-telephone.edit > div > div {
  bottom: -18px !important;
}
.pop-user-detail-name {
  display: flex;
  flex: 1;
}
.pop-user-detail-name > div > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  max-width: 430px;
  display: inline-block;
}
.pop-user-detail-display-name {
  padding-right: 14px;
  overflow-y: auto;
}
.pop-user-detail-tabs {
  font-size: 14px;
  color: #767a7a;
  display: flex;
  width: 250px;
  text-align: center;
}
.pop-user-detail-tabs-tab {
  cursor: pointer;
  margin-left: 16px;
  width: 125px;
  box-sizing: border-box;
}
.pop-user-detail-tabs-tab:first-child {
  padding: 0 12px;
}
.pop-user-detail-tabs-tab:last-child {
  padding: 0 12px;
}
.pop-user-detail-tabs-tab.selected {
  color: #32ad3c;
  border-bottom: 1px solid #32ad3c;
  margin-bottom: -15px;
}
.pop-user-detail-content-item {
  padding-top: 46px;
  display: flex;
  flex-direction: column;
}
.pop-user-detail-content-item:first-child {
  padding-top: 0;
}
.pop-user-detail-content-item .info-value {
  font-size: 16px;
  padding-top: 4px;
  color: #464949;
  display: flex;
}
.pop-user-detail-content-item .info-value > div:last-child {
  font-size: 14px;
  cursor: pointer;
  margin-left: 80px;
  margin-top: 30px;
  color: #32ad3c;
}
.pop-user-detail-content-item .info-value > div:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 430px;
}
.pop-user-detail-content-user-type-action {
  margin-left: 88px;
  color: #32ad3c;
  font-size: 14px;
}
.pop-user-detail-content-footer-send-email-button:hover > div span {
  color: #32ad3c;
}
.pop-user-detail-customer {
  display: flex;
  flex-direction: column;
}
.pop-user-detail-customer-perm-label {
  color: #464949;
}
.pop-user-detail-customer-checkall-block {
  padding-bottom: 20px;
  border-bottom: #ececec 1px solid;
}
.pop-user-detail-customer-perm-checkall-desc {
  margin-top: 10px;
  margin-left: 40px;
  font-size: 14px;
}
.pop-user-detail-customer-subcheck-block-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-bottom: #ececec 1px solid;
}
.pop-user-detail-customer-subcheck-block-item-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.pop-user-detail-customer-subcheck-block-item-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
  color: rgba(0, 0, 0, 0.870588);
}
.pop-user-detail-customer-subcheck-block-item-label.disabled {
  color: rgba(0, 0, 0, 0.298039);
}
.pop-user-detail-customer-perm-checkbox {
  margin-right: 7px;
}
.pop-user-detail-customer-perm-action.enabled {
  cursor: pointer;
  color: #32ad3c;
}
.pop-user-filter-side-nav-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  line-height: initial;
}
.pop-user-filter-side-nav-header {
  font-size: 16px;
}
.pop-user-filter-side-nav-content {
  flex: 1;
  overflow-y: auto;
  background-color: #fbfbfb;
  padding: 25px 30px;
  position: relative;
}
.pop-user-filter-side-nav-content-item:last-child {
  margin-bottom: 0;
}
.pop-user-filter-side-nav-content-item-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 4px;
}
.pop-user-filter-side-nav-content-item-header-title {
  padding-right: 50px;
}
.pop-user-filter-side-nav-content-item-header-clear {
  font-size: 14px;
  color: #c2c5c4;
}
.pop-user-filter-side-nav-content-item-header-clear.enabled {
  cursor: pointer;
  color: #abafae;
}
.pop-user-filter-side-nav-content-item-header-clear.enabled:hover {
  color: #32ad3c;
}
.pop-user-customer-permission-side-nav-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pop-user-customer-permission-side-nav-wrapper .pop-tree-view {
  width: auto;
}
.pop-user-customer-permission-side-nav-header {
  font-size: 16px;
}
.pop-user-customer-permission-side-nav-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.pop-user-customer-permission-dialog-title {
  margin-bottom: 20px;
  font-size: 22px;
}
.pop-user-customer-permission-dialog-content {
  display: flex;
  flex: 1;
  overflow-y: auto;
}
.pop-user-customer-permission-dialog-header {
  display: flex;
  flex: none;
  padding-bottom: 25px;
}
.pop-user-customer-permission-dialog-header-label {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pop-user-customer-permission-dialog-header-label-title {
  font-size: 16px;
}
.pop-user-customer-permission-dialog-header-label-detail {
  padding-top: 10px;
  color: #abafae;
}
.pop-user-customer-permission-dialog-footer {
  padding-top: 27px;
  flex: none;
}
.pop-user-customer-permission-dialog-footer > div {
  border: 1px solid #ececec;
}
.pop-user-customer-permission-dialog-footer > div:first-child {
  margin-right: 10px;
}
.pop-user-customer-permission-dialog-footer > div:first-child button {
  color: #32ad3c;
}
.pop-user-customer-permission-dialog-wrapper .pop-loading-overley {
  position: static;
  background-color: #fff;
}
.pop-user-role-side-nav-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pop-user-role-side-nav-header {
  font-size: 16px;
}
.pop-user-role-side-nav-content {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  padding: 20px;
}
.pop-user-role-side-nav-content-public-group {
  display: flex;
  flex-direction: column;
  padding-bottom: 7px;
  border-bottom: 1px solid #e4e7e6;
}
.pop-user-role-side-nav-content-private-group {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.pop-user-role-side-nav-content-title {
  color: #abafae;
  padding-bottom: 20px;
}
.pop-user-role-side-nav-content-value {
  color: #464949;
  padding-bottom: 15px;
}
.pop-user-photo-logo {
  border: 1px solid #03b679;
  background: #f6f6f6;
  text-align: center;
}
.pop-user-photo-logo .pop-image-tips.pop-hide > div {
  width: 100%;
}
.jazz-selectable-item {
  min-height: 58px;
  height: 58px;
  background-color: #ffffff;
  padding-left: 18px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jazz-selectable-item .label {
  width: 295px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #626469;
}
.jazz-selectable-item .text {
  width: 295px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #adb0b8;
  margin-top: 5px;
}
.jazz-selectable-item:hover .label {
  color: #32ad3d !important;
}
.jazz-selectable-item:hover .text {
  color: #32ad3d !important;
}
.jazz-selectable-item.isSelected {
  background-color: #32ad3d;
  position: relative;
}
.jazz-selectable-item.isSelected .label {
  color: #ffffff !important;
}
.jazz-selectable-item.isSelected .text {
  color: #ffffff !important;
}
.jazz-selectable-item.isSelected:before {
  content: '';
  height: 100%;
  position: absolute;
  width: 4px;
  background-color: #25842e;
  left: 0px;
  top: 0px;
}
.jazz-calendar-loading {
  display: flex;
  flex: 1;
}
.jazz-calendar-delete {
  max-width: 720px;
  word-wrap: break-word;
  word-break: break-all;
}
.jazz-calendar-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden;
}
.jazz-calendar-header {
  display: flex;
  padding-left: 30px;
  flex-direction: column;
  border-bottom: 1px solid #ececec;
  flex: none;
}
.jazz-calendar-header .jazz-calendar-title {
  padding: 12px 0px;
  display: flex;
  flex-direction: column;
}
.jazz-calendar-header .jazz-calendar-title .pop-viewable-value > span {
  font-size: 22px!important;
  max-width: 430px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-calendar-content {
  background-color: #fbfbfb;
  padding-left: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}
.jazz-calendar-content .jazz-calendar-text {
  padding: 25px 0px 10px 0px;
  font-size: 14px;
  color: #464949;
}
.jazz-calendar-content .jazz-calendar-add {
  padding: 0px;
  display: flex;
  flex-direction: row;
  margin: 10px 0px 0px 0px;
}
.jazz-calendar-content .jazz-calendar-add .jazz-calendar-add-text {
  font-size: 14px;
  color: #767a7a;
}
.jazz-calendar-content .jazz-calendar-add .jazz-calendar-add-button {
  margin-top: -8px;
  color: #767a7a !important;
  font-size: 14px !important;
}
.jazz-calendar-content .jazz-calendar-add .jazz-calendar-add-button > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-calendar-content .jazz-calendar-add .jazz-calendar-add-button > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-hierarchy-calendar-type {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-bottom: 20px;
}
.jazz-hierarchy-calendar-type-add {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.jazz-hierarchy-calendar-type-add-text {
  font-size: 14px;
  width: 80px;
}
.jazz-hierarchy-calendar-type-add > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-hierarchy-calendar-type-add > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-hierarchy-calendar-type-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  background-color: #f4f4f4;
  width: 520px;
  padding-left: 10px;
}
.jazz-hierarchy-calendar-type-item-error {
  font-size: 12px;
  color: #f44336;
}
.jazz-hierarchy-calendar-type-item-time,
.jazz-hierarchy-calendar-type-item-name,
.jazz-hierarchy-calendar-type-item-worktime-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 10px;
}
.jazz-hierarchy-calendar-type-item-time > button,
.jazz-hierarchy-calendar-type-item-name > button,
.jazz-hierarchy-calendar-type-item-worktime-item > button {
  border: none !important;
  background-color: transparent!important;
}
.jazz-hierarchy-calendar-type-item-time > button:hover,
.jazz-hierarchy-calendar-type-item-name > button:hover,
.jazz-hierarchy-calendar-type-item-worktime-item > button:hover {
  color: #32ad3c !important;
  background-color: '#e1fcff' !important;
}
.jazz-hierarchy-calendar-type-item-name .pop-viewable-value {
  max-width: 300px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.jazz-hierarchy-calendar-type-item-worktime {
  display: flex;
  flex-direction: column;
  margin: 10px 0px;
}
.jazz-hierarchy-calendar-type-item-worktime-checkbox {
  margin-bottom: 10px;
  font-size: 14px;
}
.jazz-hierarchy-calendar-detail {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.jazz-hierarchy-calendar-detail-item {
  font-size: 14px;
  margin-bottom: 20px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.calendar {
  width: 300px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1), 0 2px 9px rgba(0, 0, 0, 0.1);
  user-select: none;
  background-color: #fff;
}
.calendar .calendar-toolbar {
  text-align: center;
  position: relative;
  height: 42px;
  background-color: #03b679;
  line-height: 42px;
  color: #fff;
  font-size: 14px;
}
.calendar .calendar-toolbar .pre-year {
  position: absolute;
  left: 30px;
  font-size: 12px;
  cursor: pointer;
}
.calendar .calendar-toolbar .next-year {
  position: absolute;
  right: 30px;
  font-size: 12px;
  cursor: pointer;
}
.calendar .calendar-toolbar .next-month {
  position: absolute;
  right: 52px;
  font-size: 12px;
  cursor: pointer;
}
.calendar .calendar-toolbar .pre-month {
  position: absolute;
  left: 52px;
  font-size: 12px;
  cursor: pointer;
}
.calendar .calendar-toolbar .month-select {
  margin-left: 10px;
}
.calendar .calendar-toolbar .month-select.active {
  cursor: pointer;
}
.calendar .calendar-toolbar .month-select.active:hover {
  text-decoration: underline;
}
.calendar .calendar-toolbar .year-select.active {
  cursor: pointer;
}
.calendar .calendar-toolbar .year-select.active:hover {
  text-decoration: underline;
}
.calendar .calendar-view .selected {
  background-color: #03b679 !important;
  color: #fff !important;
}
.calendar .calendar-view .today {
  color: #03b679;
}
.calendar .calendar-view .label-box {
  padding: 7px 17px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  color: #03b679;
  font-size: 12px;
}
.calendar .calendar-view .label-item {
  margin: 1px 2px;
  line-height: 34px;
  width: 34px;
  height: 34px;
  text-align: center;
  box-sizing: border-box;
}
.calendar .calendar-view .date-box {
  padding: 0 17px 7px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  color: #464949;
  font-size: 12px;
}
.calendar .calendar-view .date-item {
  margin: 1px 2px;
  line-height: 34px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  border-radius: 17px;
}
.calendar .calendar-view .date-item:hover {
  background-color: #b9ebda;
  color: #fff;
}
.calendar .calendar-view .date-item .date-number {
  flex: 0 0 auto;
  height: 80%;
  display: flex;
  justify-content: center;
}
.calendar .calendar-view .date-item .date-event {
  flex: 0 0 auto;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  visibility: hidden;
}
.calendar .calendar-view .date-item .has-event {
  visibility: visible;
}
.calendar .calendar-view .weekday-0 {
  margin-left: 2px;
}
.calendar .calendar-view .weekday-1 {
  margin-left: 40px;
}
.calendar .calendar-view .weekday-2 {
  margin-left: 78px;
}
.calendar .calendar-view .weekday-3 {
  margin-left: 116px;
}
.calendar .calendar-view .weekday-4 {
  margin-left: 154px;
}
.calendar .calendar-view .weekday-5 {
  margin-left: 192px;
}
.calendar .calendar-view .weekday-6 {
  margin-left: 230px;
}
.calendar .calendar-month-view {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 9px 0;
  font-size: 12px;
}
.calendar .calendar-month-view .month-item {
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  margin: 11px 30px;
  border-radius: 20px;
  cursor: pointer;
}
.calendar .calendar-month-view .month-item:hover {
  background-color: #b9ebda;
  color: #fff;
}
.calendar .calendar-month-view .selected {
  background-color: #03b679 !important;
  color: #fff !important;
}
.calendar .calendar-year-view {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-size: 12px;
  height: 266px;
  overflow-y: auto;
  overflow-x: hidden;
}
.calendar .calendar-year-view .year-item {
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  margin: 5.5px 0 5.5px 130px;
  border-radius: 20px;
  cursor: pointer;
}
.calendar .calendar-year-view .year-item:hover {
  background-color: #b9ebda;
  color: #fff;
}
.calendar .calendar-year-view .selected {
  background-color: #03b679 !important;
  color: #fff !important;
}
.pop-loading-overley {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(234, 235, 237, 0.5);
}
@-webkit-keyframes pop_loading_circle {
  0% {
    background-color: #32ad3c;
  }
  100% {
    background-color: #fff;
  }
}
@-moz-keyframes pop_loading_circle {
  0% {
    background-color: #32ad3c;
  }
  100% {
    background-color: #fff;
  }
}
@-ms-keyframes pop_loading_circle {
  0% {
    background-color: #32ad3c;
  }
  100% {
    background-color: #fff;
  }
}
@-o-keyframes pop_loading_circle {
  0% {
    background-color: #32ad3c;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes pop_loading_circle {
  0% {
    background-color: #32ad3c;
  }
  100% {
    background-color: #fff;
  }
}
.pop-loading-circle-wrapper {
  position: relative;
  width: 128px;
  height: 128px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
.pop-loading-circle-wrapper .pop-loading-circle-item-08 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 1.2s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 1.2s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 1.2s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 1.2s infinite normal;
  animation: pop_loading_circle 1.2s ease 1.2s infinite normal;
  left: 88.76955262px;
  bottom: 15.23044738px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-07 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 1.08s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 1.08s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 1.08s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 1.08s infinite normal;
  animation: pop_loading_circle 1.2s ease 1.08s infinite normal;
  left: 104px;
  bottom: 52px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-06 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 0.96s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 0.96s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 0.96s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 0.96s infinite normal;
  animation: pop_loading_circle 1.2s ease 0.96s infinite normal;
  left: 88.76955262px;
  bottom: 88.76955262px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-05 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 0.84s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 0.84s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 0.84s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 0.84s infinite normal;
  animation: pop_loading_circle 1.2s ease 0.84s infinite normal;
  left: 52px;
  bottom: 104px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-04 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 0.72s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 0.72s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 0.72s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 0.72s infinite normal;
  animation: pop_loading_circle 1.2s ease 0.72s infinite normal;
  left: 15.23044738px;
  bottom: 88.76955262px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-03 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 0.6s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 0.6s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 0.6s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 0.6s infinite normal;
  animation: pop_loading_circle 1.2s ease 0.6s infinite normal;
  left: 0px;
  bottom: 52px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-02 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 0.48s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 0.48s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 0.48s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 0.48s infinite normal;
  animation: pop_loading_circle 1.2s ease 0.48s infinite normal;
  left: 15.23044738px;
  bottom: 15.23044738px;
}
.pop-loading-circle-wrapper .pop-loading-circle-item-01 {
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-animation: pop_loading_circle 1.2s ease 0.36s infinite normal;
  -moz-animation: pop_loading_circle 1.2s ease 0.36s infinite normal;
  -ms-animation: pop_loading_circle 1.2s ease 0.36s infinite normal;
  -o-animation: pop_loading_circle 1.2s ease 0.36s infinite normal;
  animation: pop_loading_circle 1.2s ease 0.36s infinite normal;
  left: 52px;
  bottom: 0px;
}
@-webkit-keyframes pop_loading_bounce {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-moz-keyframes pop_loading_bounce {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-ms-keyframes pop_loading_bounce {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-o-keyframes pop_loading_bounce {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
@keyframes pop_loading_bounce {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
.pop-loading-bounce-wrapper {
  width: 186px;
}
.pop-loading-bounce-wrapper [class^="pop-loading-bounce-item-0"] {
  background-color: #fff;
  border: 3px solid #32ad3c;
  float: left;
  height: 91px;
  margin-left: 7px;
  width: 24px;
  opacity: 0.1;
  -webkit-animation-name: pop_loading_bounce;
  -moz-animation-name: pop_loading_bounce;
  -ms-animation-name: pop_loading_bounce;
  -o-animation-name: pop_loading_bounce;
  animation-name: pop_loading_bounce;
  -webkit-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
  -ms-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
}
.pop-loading-bounce-wrapper .pop-loading-bounce-item-05 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.pop-loading-bounce-wrapper .pop-loading-bounce-item-04 {
  -webkit-animation-delay: 0.77s;
  -moz-animation-delay: 0.77s;
  -ms-animation-delay: 0.77s;
  -o-animation-delay: 0.77s;
  animation-delay: 0.77s;
}
.pop-loading-bounce-wrapper .pop-loading-bounce-item-03 {
  -webkit-animation-delay: 0.64s;
  -moz-animation-delay: 0.64s;
  -ms-animation-delay: 0.64s;
  -o-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.pop-loading-bounce-wrapper .pop-loading-bounce-item-02 {
  -webkit-animation-delay: 0.51s;
  -moz-animation-delay: 0.51s;
  -ms-animation-delay: 0.51s;
  -o-animation-delay: 0.51s;
  animation-delay: 0.51s;
}
.pop-loading-bounce-wrapper .pop-loading-bounce-item-01 {
  -webkit-animation-delay: 0.38s;
  -moz-animation-delay: 0.38s;
  -ms-animation-delay: 0.38s;
  -o-animation-delay: 0.38s;
  animation-delay: 0.38s;
}
.dialog-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog-content h3 {
  padding-right: 50px !important;
  word-wrap: break-word;
  word-break: break-all;
}
.dialog-close-icon {
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
}
.dialog-close-icon:hover {
  color: #464949;
}
.dialog-transition-group-enter .dialog {
  transform: translate3d(0px, -24px, 0px);
}
.dialog-transition-group-enter.dialog-overlay {
  opacity: 0;
}
.dialog-transition-group-enter.dialog-transition-group-enter-active .dialog {
  transform: translate3d(0px, 0px, 0px);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
}
.dialog-transition-group-enter.dialog-transition-group-enter-active.dialog-overlay {
  opacity: 1;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
}
.dialog-transition-group-leave .dialog {
  transform: translate3d(0px, 0px, 0px);
}
.dialog-transition-group-leave.dialog-overlay {
  opacity: 1;
}
.dialog-transition-group-leave.dialog-transition-group-leave-active .dialog {
  transform: translate3d(0px, -24px, 0px);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
}
.dialog-transition-group-leave.dialog-transition-group-leave-active.dialog-overlay {
  opacity: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
}
.dialog-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.541176);
  z-index: 9;
}
.dialog-wrapper {
  width: 75%;
  height: 94%;
  max-width: 768px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dialog {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px;
  border-radius: 2px;
  background-color: #fff;
}
.dialog > div:first-of-type {
  padding-top: 24px;
}
.dialog-title {
  display: flex;
  justify-content: space-between;
  margin: 0px 24px 20px 24px;
  color: rgba(0, 0, 0, 0.870588);
  font-size: 22px;
  line-height: 32px;
  height: 32px;
  font-weight: 400;
  flex: none;
}
.dialog-title-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
}
.dialog-close {
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  color: #d8d8d8;
  margin: 8px 8px 0 0;
}
.dialog-content {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: none;
  flex-shrink: 1;
  font-size: 16px;
  margin: 0px 24px;
}
.dialog-actions {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 8px;
  text-align: left;
  border-top-style: none;
  flex: none;
  height: 36px;
}
.pop-role .fl {
  float: left;
}
.pop-role .fr {
  float: right;
}
.pop-role .f12 {
  font-size: 12px;
}
.pop-role .f14 {
  font-size: 14px;
}
.pop-role .f16 {
  font-size: 16px;
}
.pop-role .f18 {
  font-size: 18px;
}
.pop-role .f20 {
  font-size: 20px;
}
.pop-role .spaceLR {
  padding-left: 24px;
  padding-right: 8px;
}
.pop-role-detail-content {
  display: flex;
  flex-direction: column;
}
.pop-role-detail-content-name {
  height: 50px;
  border-bottom: #ececec 1px solid;
  font-size: 20px;
  padding-left: 24px;
  padding-right: 8px;
}
.pop-role-detail-content-permission {
  display: flex;
  flex-direction: column;
}
.pop-role-detail-content-permission:not(:first-child) {
  margin-top: 26px;
}
.pop-role-detail-content-permission-header-panel {
  display: flex;
  border-bottom: #ececec 1px solid;
  padding-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}
.pop-role-detail-content-permission-header-panel-title {
  font-size: 14px;
  color: #abafae;
}
.pop-role-detail-content-permission-header-panel-action {
  font-size: 14px;
  color: #abafae;
}
.pop-role-detail-content-permission-content-item {
  display: flex;
  height: 40px;
  border-bottom: #ececec 1px solid;
  color: #464949;
  justify-content: space-between;
  align-items: center;
}
.pop-role-detail-content-permission-content-item-left {
  font-size: 14px;
  color: #464949;
}
.pop-role-detail-content-permission-content-item-right-radio {
  margin-left: 118px;
}
.pop-role-detail-content-permission .pop-radio-group {
  display: flex;
}
.pop-role-detail-content-permission .pop-radio-button {
  position: relative;
}
.pop-role-detail-content-permission .pop-radio-button.selected {
  color: #32ad3c;
}
.pop-role-detail-content-permission .pop-radio-button.disabled {
  color: #abafae;
}
.pop-role-detail-content-permission .pop-radio-button-input {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.pop-role-detail-content-permission .pop-radio-button-overlay {
  display: flex;
  align-items: center;
}
.pop-role-detail-content-permission .pop-radio-button-overlay-icon {
  position: relative;
}
.pop-role-detail-content-permission .pop-radio-button-overlay-icon-svg {
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scale(1);
  opacity: 1;
  fill: #464949;
}
.pop-role-detail-content-permission .pop-radio-button-overlay-icon-inner {
  position: absolute;
  top: 0;
  transform: scale(0);
}
.pop-role-detail-content-permission .pop-radio-button-overlay-icon-outer.selected {
  fill: #32ad3c;
}
.pop-role-detail-content-permission .pop-radio-button-overlay-icon-inner.selected {
  transform: scale(1);
  fill: #32ad3c;
}
.pop-role-detail-content-permission .pop-radio-button-overlay-icon-svg.disabled {
  fill: #abafae;
}
.jazz-carbon-detail-header-name {
  display: flex;
  align-items: flex-end;
  width: 100%;
  font-size: 16px;
  color: #464949;
  flex-direction: row;
}
.jazz-carbon-detail-header-name .isAdd {
  margin-bottom: 10px;
  font-size: 14px !important;
}
.jazz-carbon-header .pop-viewableDropDownMenu.pop-viewableTextField > div .pop-viewable-value {
  font-size: 22px;
  color: #464949;
  max-width: 430px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jazz-carbon-header > div:nth-of-type(2) {
  font-size: 22px;
  color: #464949;
  max-width: 430px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jazz-deletable-item {
  width: 540px;
  display: flex;
  background-color: #f4f4f4;
  padding: 10px;
  flex-direction: column;
}
.jazz-deletable-item-icon {
  font-size: 14px;
  color: #767a7a;
  margin-left: 500px;
  cursor: pointer;
}
.jazz-deletable-item-content {
  margin-top: -18px;
}
.jazz-deletable-item .inactive {
  display: none;
}
.jazz-carbon-factorItem {
  margin-top: 25px;
  margin-left: -10px;
}
.jazz-carbon-addItem {
  font-size: 14px;
  color: #767a7a;
  display: flex;
  flex-direction: row;
}
.jazz-carbon-addItem .isView {
  color: #abafae !important;
}
.jazz-carbon-addItem-addBtn {
  margin-left: 50px;
  cursor: pointer;
}
.jazz-carbon-addItem .inactive {
  display: none;
}
.jazz-carbon-addItem-errorText {
  font-size: 12px;
  color: #f44336;
  margin-top: 10px;
}
.jazz-benchmark {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden;
}
.jazz-benchmark-loading {
  display: flex;
  flex: 1;
}
.jazz-benchmark-header {
  display: flex;
  padding-left: 30px;
  flex-direction: column;
  border-bottom: 1px solid #ececec;
}
.jazz-benchmark-header-text {
  padding: 12px 0px;
  display: flex;
  flex-direction: column;
  font-size: 22px!important;
}
.jazz-benchmark-content {
  background-color: #fbfbfb;
  padding-left: 30px;
  padding-right: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}
.jazz-benchmark-content-text {
  padding: 25px 0px 10px 0px;
  font-size: 14px;
  color: #abafae;
}
.jazz-benchmark-content-zone {
  display: flex;
  flex-direction: column;
}
.jazz-benchmark-content-zone-text {
  padding-bottom: 10px;
  font-size: 14px;
  color: #abafae;
}
.jazz-benchmark-content-zone-list {
  display: flex;
  flex-direction: column;
}
.jazz-benchmark-content-zone-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-bottom: #ececec 1px solid;
}
.jazz-benchmark-content-zone-list-item-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.jazz-benchmark-content-zone-list-item-label {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
  color: rgba(0, 0, 0, 0.870588);
}
.jazz-benchmark-content-zone-list-item-label.disabled {
  color: rgba(0, 0, 0, 0.298039);
}
.jazz-tariff-infoTab-notice {
  font-size: 14px;
  color: #767a7a;
}
.jazz-tariff-electrovalenceUom {
  font-size: 14px;
  color: #464949;
}
.jazz-labeling {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden;
}
.jazz-labeling-loading {
  display: flex;
  flex: 1;
}
.jazz-labeling-header {
  display: flex;
  padding-left: 30px;
  flex-direction: row;
  border-bottom: 1px solid #ececec;
}
.jazz-labeling-header-text {
  padding: 12px 0px;
  display: flex;
  flex-direction: column;
  font-size: 22px;
}
.jazz-labeling-header-text-to {
  width: 24px;
  text-align: center;
  padding-top: 10px;
  font-size: 22px;
}
.jazz-labeling-header-dropdown-to {
  width: 24px;
  text-align: center;
  padding-top: 10px;
}
.jazz-labeling-content {
  background-color: #fbfbfb;
  padding-left: 30px;
  padding-right: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.jazz-labeling-content-grade {
  padding-top: 25px;
}
.jazz-labeling-content-text {
  padding-top: 25px;
  font-size: 14px;
  color: #abafae;
}
.jazz-labeling-content-year {
  display: flex;
  flex-direction: row;
}
.jazz-labeling-content-year-item .pop-viewableDropDownMenu-ddm div:nth-of-type(2) > div {
  padding-right: 5px !important;
  padding-left: 12px !important;
}
.jazz-labeling-content-year-to {
  width: 24px;
  text-align: center;
  padding-top: 5px;
}
.pop-image-tips {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  color: #464949;
  cursor: pointer;
}
.pop-image-tips > span {
  font-size: 14px;
}
.pop-image-tips > div {
  font-size: 16px;
  margin-bottom: 3px;
}
.pop-image-upload {
  overflow: hidden;
  display: inline-block;
}
.pop-image-upload.blank-img {
  border: 1px solid #767a7a;
}
.pop-image-upload:hover {
  border: 1px solid #03b679;
}
.pop-image-upload:hover div.pop-image-tips {
  background-color: #f5f5f5;
  display: flex;
}
.section-panel-title-action {
  color: #abafae;
  cursor: pointer;
}
.section-panel-title-action:hover {
  color: #03b679;
}
.section-panel {
  border-top: 1px solid #e2e5e5;
  padding: 25px 0 25px 0;
}
.section-panel-title {
  display: flex;
  align-items: center;
}
.section-panel-title > span {
  color: #abafae;
  cursor: pointer;
}
.section-panel-title > span:hover {
  color: #03b679;
}
.section-panel h3 {
  color: #464949;
  font-size: 14px;
  font-weight: normal;
  margin-right: 25px;
}
.jazz-vee-rule-null-item {
  display: flex;
  flex-direction: column;
  border-bottom: #ececec 1px solid;
  padding: 8px 0;
}
.jazz-vee-rule-null-rule {
  display: flex;
  flex-direction: column;
  margin-left: 40px;
}
.jazz-checkbox-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  color: #767a7a;
  font-size: 14px;
}
.jazz-checkbox-label.disabled {
  color: rgba(0, 0, 0, 0.298039);
}
.jazz-checkbox-label-comment {
  margin-left: 40px;
  margin-top: 10px;
  color: #abafae;
  font-size: 14px;
}
.jazz-vee-rule-setting-subheader {
  margin-top: 25px;
  color: #abafae;
}
.jazz-vee-textfeild-comment {
  color: #464949;
  margin-top: 10px;
  font-size: 14px;
}
.jazz-vee-monitor-tag-background {
  background-color: #fbfbfb;
  flex: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.jazz-vee-monitor-tag-header {
  height: 35px;
  min-height: 35px;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  border-bottom: 1px solid #e7e7e8;
  border-top: 1px solid #e7e7e8;
}
.jazz-vee-monitor-tag-header-item {
  font-size: 14px;
  color: #abafae;
  flex: 1;
  display: flex;
  align-items: center;
}
.jazz-vee-monitor-tag {
  flex: 1;
  overflow: auto;
  font-size: 14px;
  color: #464949;
}
.jazz-vee-monitor-tag-content-list {
  height: 40px;
  min-height: 40px;
  border-bottom: 1px solid #e7e7e8;
  display: flex;
}
.jazz-vee-monitor-tag-content-list:hover {
  background-color: #ececec;
}
.jazz-vee-monitor-tag-content-item {
  flex: 1;
  display: flex;
  align-items: center;
}
.jazz-vee-monitor-tag-content-operation-item {
  flex: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #767a7a;
}
.jazz-vee-monitor-tag-content-operation-item:hover {
  color: #32ad3c !important;
}
.jazz-vee-monitor-tag-title {
  font-size: 14px;
  color: #abafae;
}
.jazz-vee-monitor-tag-addcontent {
  display: flex;
  flex-flow: row wrap;
  border: 1px solid #ececec;
  background-color: #ffffff;
  padding: 10px;
  height: 90px;
  min-height: 90px;
  overflow: auto;
  margin-top: 10px;
}
.jazz-vee-monitor-tag-hintMsg {
  font-size: 14px;
  color: #abafae;
}
.jazz-vee-monitor-tag-selectfiled {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.jazz-vee-monitor-tag-selectfiled-header {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  height: 20px;
  min-height: 20px;
  justify-content: space-between;
}
.jazz-vee-monitor-tag-selectfiled-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 10px;
}
.jazz-vee-monitor-tag-selectfiled-allcheck {
  display: flex;
  flex-direction: row;
}
.jazz-vee-monitor-tag-selectfiled-allcheck .name {
  flex: 1;
  font-size: 14px;
  color: #464949;
  white-space: nowrap;
  padding-right: 5px;
  margin-top: 4px;
}
.jazz-vee-tag-search-filter-bar {
  margin-top: -10px;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar {
  display: flex;
  flex-direction: row;
  background-color: #fbfbfb;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-search {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0px;
  border-color: #e4e7e9 transparent;
  width: 200px;
  min-height: 46px;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel {
  margin-top: 0px;
  width: 200px;
  display: flex;
  flex-direction: column;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  min-height: 26px;
  border: 1px solid #e4e7e6;
  margin: 9px 10px 9px 10px;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search .input > hr {
  border-bottom-color: transparent !important;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter {
  display: flex;
  align-items: center;
  color: #767a7a;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter span {
  font-size: 14px !important;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter-item {
  cursor: pointer;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter-item-icon {
  padding-right: 8px;
}
.jazz-vee-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter-item:hover {
  color: #32ad3c;
}
.jazz-monitorTag-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
  max-width: 184px;
}
.manual-scan-input {
  display: flex;
  align-items: center;
}
.manual-scan-input-time {
  top: 3px;
  position: relative;
  margin-left: 10px;
  margin-right: 20px;
}
.manual-scan-input .datepicker-popup {
  position: fixed;
  z-index: 2;
}
.manual-scan-error {
  color: #f46a58;
  height: 20px;
}
.jazz-tag-loading {
  display: flex;
  flex: 1;
}
.pointer {
  cursor: pointer;
}
.jazz-tag-leftpanel {
  display: flex;
  flex-direction: column;
  width: 320px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 8;
}
.jazz-tag-leftpanel-header {
  padding: 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  min-height: 32px;
  height: 32px;
  background-color: #ffffff;
  color: #9fa0a4;
  border-bottom: 1px solid #e6e6e6;
}
.jazz-tag-leftpanel-header span {
  font-size: 14px !important;
}
.jazz-tag-leftpanel-header label {
  height: 22px;
}
.jazz-tag-leftpanel-header-item {
  cursor: pointer;
  padding: 0 5px;
}
.jazz-tag-leftpanel-header-item-icon {
  padding-right: 8px;
}
.jazz-tag-leftpanel-header-item:hover {
  background-color: #DDDDDD;
}
.jazz-tag-leftpanel .jazz-tag-list {
  overflow: auto;
  flex: 1;
  background-color: #ffffff;
}
.jazz-tag-leftpanel .jazz-tag-pagination {
  background-color: #ffffff;
  color: #626469;
}
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .pre-btn,
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .next-btn,
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .jump-btn {
  color: #626469 !important;
}
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .pre-btn:hover,
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .next-btn:hover,
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .jump-btn:hover {
  background-color: #dddddd;
}
.jazz-tag-leftpanel .jazz-tag-pagination .buttonBar .jump-text {
  color: #626469 !important;
}
.jazz-tag-disabled {
  color: rgba(255, 255, 255, 0.298039) !important;
}
.jazz-tag-disabled-icon {
  padding-right: 8px;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  color: #626469;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0px;
  border-color: #e4e7e9 transparent;
  width: 260px;
  min-height: 46px;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel {
  margin-top: 0px;
  width: 260px;
  display: flex;
  flex-direction: column;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  min-height: 26px;
  border: 1px solid #e6e6e6;
  margin: 9px 10px 9px 10px;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search .icon-search {
  color: #9fa0a4 !important;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search .icon-clean {
  padding-right: 5px!important;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search div {
  color: #9fa0a4 !important;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search .input > hr {
  border-bottom-color: transparent !important;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-search .jazz-dataselectmainpanel .search .input > input {
  color: #626469 !important;
  padding-left: 5px!important;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter {
  display: flex;
  align-items: center;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter span {
  font-size: 14px !important;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter-item {
  cursor: pointer;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter-item-icon {
  padding-right: 8px;
}
.jazz-tag-search-filter-bar .jazz-search-filter-bar .jazz-filter-item:hover {
  color: #d9d9da;
}
.jazz-tag-formula-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.jazz-tag-formula-content-top {
  display: flex;
  flex-direction: column;
  height: 120px;
  min-height: 120px;
}
.jazz-tag-formula-content-top-input {
  margin-top: 10px;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField {
  display: flex;
  flex: 1;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField .pop-viewable-value {
  display: flex;
  flex: 1;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div {
  height: 90px!important;
  display: flex;
  flex: 1;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty,
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus {
  flex: 1;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(1),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(1) {
  font-size: 12px!important;
  margin-left: 10px;
  bottom: 18px!important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(1) > div:nth-of-type(3) > hr:nth-of-type(2),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(1) > div:nth-of-type(3) > hr:nth-of-type(2) {
  border-bottom-width: 0px !important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(2),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(2) {
  height: 90px!important;
  border: 1px solid #e7e7e8!important;
  background-color: #ffffff!important;
  overflow-y: auto;
  overflow-x: hidden;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(2) > textarea:nth-of-type(2),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(2) > textarea:nth-of-type(2) {
  margin-top: 6px!important;
  padding-left: 10px!important;
  overflow: hidden!important;
  color: #464949!important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(3),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(3) {
  bottom: 0px!important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(3) > hr:nth-of-type(1),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(3) > hr:nth-of-type(1) {
  border-bottom: 0px!important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > div:nth-of-type(3) > hr:nth-of-type(2),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > div:nth-of-type(3) > hr:nth-of-type(2) {
  border-style: none!important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > hr:nth-of-type(1),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > hr:nth-of-type(1) {
  border-bottom: 0px!important;
}
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-noempty > hr:nth-of-type(2),
.jazz-tag-formula-content-top-input .pop-viewableTextField > div .pop-viewableTextField-focus > hr:nth-of-type(2) {
  border-style: none!important;
}
.jazz-tag-formula-content-taglist {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.jazz-tag-formula-content-taglist-top {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 40px;
  min-height: 40px;
  font-size: 14px;
  color: #abafae;
}
.jazz-tag-formula-content-taglist-top-text {
  margin-top: 12px;
}
.jazz-tag-formula-content-taglist-content {
  display: flex;
  flex: 1;
  overflow: auto;
}
.jazz-tag-monitor-background {
  background-color: #fbfbfb;
  padding-right: 2px;
  flex: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.jazz-formula-monitor-tag {
  flex: 1;
  overflow: auto;
  font-size: 14px;
  color: #464949;
}
.jazz-formula-monitor-tag-content-list {
  height: 40px;
  min-height: 40px;
  border-bottom: 1px solid #e7e7e8;
  display: flex;
}
.jazz-formula-monitor-tag-content-list:hover {
  background-color: #ececec;
}
.jazz-formula-monitor-tag-content-item {
  flex: 1;
  align-items: center;
  line-height: 40px;
  width: 295px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jazz-ptag-rawdata {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.jazz-ptag-rawdata-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.jazz-ptag-rawdata-toolbar .leftside {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.jazz-ptag-rawdata-toolbar .leftside .switch-accumulated {
  display: flex;
  flex-direction: row;
}
.jazz-ptag-rawdata-toolbar .leftside .switch-accumulated .label {
  font-size: 12px;
  color: #464949;
}
.jazz-ptag-rawdata-toolbar .rightside {
  margin-right: -30px;
  display: flex;
}
.jazz-ptag-rawdata-pauseMonitor {
  margin-top: -14px;
}
.jazz-ptag-rawdata-pauseMonitor .subTitile {
  font-size: 14px;
  color: #abafae;
}
.jazz-ptag-rawdata-pauseMonitor .ruleName {
  font-size: 14px;
  color: #464949;
  margin-top: 24px;
  margin-bottom: 10px;
}
.jazz-ptag-rawdata-comment {
  display: flex;
}
.jazz-ptag-rawdata-comment .item {
  margin-right: 48px;
}
.jazz-ptag-rawdata-comment .item .normal-circle {
  width: 8px;
  height: 8px;
  background-color: #11d9db;
  -webkit-border-radius: 4px;
}
.jazz-ptag-rawdata-comment .item .abnormal-circle {
  width: 8px;
  height: 8px;
  background-color: #f46a58;
  -webkit-border-radius: 4px;
}
.jazz-ptag-rawdata-comment .item .repair-circle {
  width: 8px;
  height: 8px;
  background-color: #cfa9ff;
  -webkit-border-radius: 4px;
}
.jazz-ptag-rawdata-comment .item .label {
  font-size: 12px;
  color: #464949;
  margin-left: 5px;
}
.jazz-ptag-rawdata-list {
  background-color: #ffffff;
  position: absolute;
  right: 0;
  height: 100%;
  width: 320px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #ececec;
}
.jazz-ptag-rawdata-list .title {
  height: 48px;
  min-height: 48px;
  background-color: #32ad3c;
  color: #ffffff;
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 20px;
}
.jazz-ptag-rawdata-list .date {
  display: flex;
  align-items: center;
  padding-left: 20px;
  height: 40px;
  min-height: 40px;
  color: #464949;
  background-color: #e4e7e9;
  font-size: 14px;
  border-bottom: 1px solid #e4e7e9;
  box-sizing: border-box;
}
.jazz-ptag-rawdata-list .list {
  overflow-y: auto;
  overflow-x: hidden;
}
.jazz-ptag-rawdata-list-item {
  height: 40px;
  width: 320px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #464949;
  padding-left: 20px;
  border-bottom: 1px solid #e4e7e9;
  background-color: #ffffff;
  cursor: pointer;
  box-sizing: border-box;
}
.jazz-ptag-rawdata-list-item.selected {
  background-color: #f4f4f4;
}
.jazz-ptag-rawdata-list-item:hover {
  background-color: #f4f4f4;
}
.jazz-ptag-panel {
  display: flex;
  flex: 1;
  position: absolute;
  top: 74px;
  bottom: 0;
}
.jazz-ptag-left-fold {
  left: 0;
}
.jazz-ptag-left-fold .form-bottom-bar {
  left: 0;
}
.jazz-ptag-left-expand {
  left: 320px;
}
.jazz-ptag-right-fold {
  right: 0;
}
.jazz-ptag-right-expand {
  right: 320px;
}
.jazz-tag-log-item-fileName {
  width: 300px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.jazz-customer-label-loading {
  display: flex;
  flex: 1;
}
.jazz-customer-label-detail-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 40px;
}
.jazz-customer-label-detail-content-devide {
  border-top: 1px solid #e7e7e8;
  margin-top: 45px;
  margin-bottom: 20px;
  padding-top: 5px;
}
.jazz-customer-label-detail-content-item {
  padding-top: 50px;
}
.jazz-customer-label-detail-content-item:first-child {
  padding-top: 0;
}
.jazz-customer-label-chart {
  display: flex;
  flex-direction: row;
}
.jazz-customer-label-chart-text {
  width: 500px;
  padding-top: 13px;
}
.jazz-jazz-customer-label-grade-item {
  display: flex;
  flex-direction: row;
  height: 32px;
  padding-top: 8px;
}
.jazz-jazz-customer-label-grade-item-signal {
  width: 40px;
}
.jazz-jazz-customer-label-grade-item-to {
  width: 40px;
  text-align: center;
}
.jazz-jazz-customer-label-grade-item-uom {
  padding-left: 20px;
}
.jazz-jazz-customer-label-grade-item-edit {
  padding-top: 10px;
}
.jazz-jazz-customer-label-grade-item-view {
  padding-top: 5px;
}
.jazz-jazz-customer-label-grade-item-error {
  font-size: 12px;
  color: #f44336;
  position: relative;
  top: 15px;
  line-height: 12px;
}
.jazz-selectbg {
  background: -webkit-linear-gradient(left, #46b8ff, #757dd5);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #46b8ff, #757dd5);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #46b8ff, #757dd5);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #46b8ff, #757dd5);
  width: 100%;
  height: 88px;
  box-shadow: 0px 4px 6px 0px rgba(70, 184, 255, 0.5);
}
.jazz-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(23, 25, 25, 0.5);
  position: absolute;
}
.jazz-customerList {
  width: 100%;
  height: 100%;
  position: absolute;
  margin-top: -88px;
}
.jazz-select-sp-manage {
  cursor: pointer;
  position: absolute;
  top: 20%;
  right: 0;
  margin-right: 60px;
  color: #ffffff;
}
.jazz-select-sp-manage:hover {
  opacity: 0.5;
}
.jazz-select-customer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 0;
  top: 0;
  background-color: #282d27;
  color: #ffffff;
}
.jazz-select-customer-header {
  margin: 30px;
  height: 22px;
  display: flex;
  justify-content: space-between;
}
.jazz-select-customer-header .step.link {
  cursor: pointer;
  text-decoration: underline;
}
.jazz-select-customer-no-pril-tip {
  height: 100px;
  width: 300px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -50px;
  font-size: 20px;
}
.jazz-select-customer-no-pril-tip > button {
  margin-top: 20px;
}
.jazz-select-customer-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: center;
}
.jazz-select-customer-item {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.jazz-select-customer-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: auto;
}
.jazz-select-customer-item-logo {
  width: 170px;
  height: 90px;
  border-bottom: 1px solid #9fa0a4;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.jazz-select-customer .icon-close {
  z-index: 100;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.jazz-select-customer .icon-setting {
  margin-left: 20px;
}
.jazz-select-customer-hierarchy-list {
  width: 400px;
}
.jazz-select-customer-hierarchy-list-wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: center;
  height: calc(100% - 82px);
}
.jazz-select-customer-hierarchy-list-header {
  margin-top: 29px;
  font-weight: bold;
  font-size: 20px;
}
.jazz-select-customer-hierarchy-list-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  word-break: keep-all;
  margin-top: 14px;
  font-size: 16px;
  display: block;
}
@media screen and (max-height: 810px) {
  .jazz-login-content {
    background-attachment: fixed;
    background-position: left top;
  }
}
@media screen and (min-height: 810px) {
  .jazz-login-content {
    background-size: contain;
    background-position: left top;
  }
}
.jazz-login {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.jazz-login-error {
  padding-left: 2px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
  color: #f46a58;
}
.jazz-login-demo-link {
  cursor: pointer;
  right: 20px;
  display: block;
  position: absolute;
  top: 20px;
}
.jazz-login-demo-link > span {
  font-size: 16px;
  color: #767a7a;
  height: 30px;
  line-height: 46px;
  vertical-align: top;
}
.jazz-login-demo-link > em {
  margin-left: 11px;
  margin-right: 2px;
  font-size: 34px;
}
.jazz-login-demo-link:hover {
  color: #5f6363;
}
.jazz-login-content {
  background-color: #e1e0e0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.jazz-login-content-container {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: row;
  background: url(login-1)/*tpa=http://91greenpower.com/assets/login-leftbg.png*/;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
}
.jazz-login-form {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}
.jazz-login-form-logo {
  background: #34bef5 url(login-1)/*tpa=http://91greenpower.com/assets/schneider.png*/ top 10px center;
  background-repeat: no-repeat;
  background-size: 102px 30px;
  border-radius: 3px;
  width: 100%;
  height: 78px;
}
.jazz-login-form-logo-title {
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding-top: 46px;
}
.jazz-login-form-small {
  height: 354px;
  width: 320px;
  position: relative;
  z-index: 0;
  left: -120px;
  opacity: 0.5;
}
.jazz-login-form-header {
  background-color: #03b679;
  height: 67px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jazz-login-form-header > div {
  color: white;
  font-size: 128px;
  margin-top: 95px;
}
.jazz-login-form-content {
  width: 383px;
  height: 432px;
  margin-right: 10%;
  display: block;
  background-color: #fff;
  align-items: right;
  box-shadow: 0 13px 22px 1px rgba(0, 0, 0, 0.19), 0px 7px 7px 1px rgba(0, 0, 0, 0.19);
}
.jazz-login-form-content-input {
  margin-top: 30px;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.jazz-login-form-content-input .input {
  font-size: 16px;
  width: 290px;
  height: 44px;
  padding: 1px 0 1px 10px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}
.jazz-login-form-content-input input:focus {
  background-color: #fff;
}
.jazz-login-form-content-input input::-webkit-input-placeholder {
  color: #abafae;
  font-family: Lantinghei sc, Microsoft YaHei Light, Microsoft YaHei;
}
.jazz-login-form-content-input > .username {
  font-size: 16px;
  width: 290px;
  height: 44px;
  padding: 1px 0 1px 10px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}
.jazz-login-form-content-input > .password {
  font-size: 16px;
  width: 290px;
  height: 44px;
  padding: 1px 0 1px 10px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}
.jazz-login-form-content-button {
  margin-left: 40px;
  font-size: 16px;
}
.jazz-login-form-content-forgetPSW {
  margin-top: 40px;
  text-align: center;
}
.jazz-login-form-content-forgetPSW > div {
  font-size: 14px;
  color: #767a7a;
  left: 50%;
  display: inline-block;
}
.jazz-login-form-content-forgetPSW > div:hover {
  color: #34bef5;
}
.jazz-login-form-content-title {
  text-align: center;
  font-size: 22px;
  line-height: 22px;
  color: #464949;
  margin-top: 40px;
}
.jazz-public-footer {
  background-color: #fff;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  color: #464949;
  font-size: 13px;
  height: 10%;
  justify-content: center;
  padding: 4px 0;
  line-height: 24px;
}
.jazz-public-footer-about {
  display: flex;
  justify-content: space-between;
}
.jazz-public-footer a {
  color: #464949;
  text-decoration: none;
  margin: 0 8px;
}
.jazz-public-footer div {
  margin: 0 8px;
}
.jazz-login-ipad {
  width: 138px;
  height: 138px;
  margin-top: 20px;
  background: url(login-1)/*tpa=http://91greenpower.com/assets/iPadQR.png*/ no-repeat center center;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#login-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#login-header {
  position: fixed;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 70px;
  transition: all 1s;
  background-color: rgba(0, 0, 0, 0.25);
}
#login-header-actions {
  display: flex;
  float: right;
  height: 100%;
  margin-right: 40px;
  justify-content: space-between;
  align-items: center;
}
#login-header-actions .jazz-mobile-qr-link {
  position: relative;
  color: #fff;
  font-size: 18px;
}
#login-header-actions .jazz-mobile-qr-link:hover{
	text-decoration: none;
}
#login-header-actions .jazz-mobile-qr-link .jazz-mobile-qr {
  font-size: 12px;
  position: absolute;
  top: 40px;
  left: -90px;
  display: none;
  text-align: center;
  color: #fff;
  padding-bottom: 20px;
  border: 2px solid #357eaa;
  border-radius: 4px;
  background-color: #357eaa;
}
#login-header-actions .jazz-mobile-qr-link .jazz-mobile-qr::before {
  position: absolute;
  top: -12px;
  left: 138px;
  width: 20px;
  height: 20px;
  content: '';
  transform: rotateZ(45deg);
  border-top: 2px solid #357eaa;
  border-left: 2px solid #357eaa;
  background-color: #357eaa;
}
#login-header-actions .jazz-mobile-qr-link .jazz-mobile-qr > img {
  width: 300px;
  height: 300px;
}
#login-header-actions .jazz-mobile-qr-link:hover .jazz-mobile-qr {
  display: block;
}
#login-header-actions .login-button {
  font-size: 14px;
  box-sizing: initial;
  padding: 5px 35px;
  margin-left: 50px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
}

#login-nav {
  position: fixed;
  z-index: 3;
  top: 25%;
  left: 2%;
  display: flex;
  flex-direction: column;
  color: #808080;
  align-items: center;
}
#login-nav li {
  margin-top: 30px;
  cursor: pointer;
  color: white;
  opacity: 0.5;
  font-size:16px;
}
#login-nav li.selected {
  color: #fff;
  opacity: 1;
  font-weight: bold;
}
.login-container {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  transform: translate3d(0, 100%, 0);
}
.login-container.active {
  top: 0;
  transform: translate3d(0, 0, 0);
}
.login-container .background-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.login-container .child {
  transition: all 0.6s;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.login-container .child.content-title,
.login-container .child .content-title {
  font-size: 28px;
  margin-bottom: 28px;
}
.login-container .child.content-text,
.login-container .child .content-text {
  font-size: 18px;
  margin-bottom: 6px;
}
.login-container .child.content-text:before,
.login-container .child .content-text:before {
  content: "\f1cc";
  font-family: "fontcustom";
  font-size: 12px;
  margin-right: 12px;
  position: relative;
  top: 6px;
  display: block;
  float: left;
  background: white;
  width: 13px;
  height: 13px;
}
.login-container .child.to-top {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.login-container .child.to-bottom {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.login-container .child.to-right {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.login-container .child.to-left {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}


html,
body {
  height: 100%;
}
body {
  overflow: hidden;
  margin: 0;
}


#popapp {
  height: 100%;
}
.pop-hide {
  display: none;
}
button {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif;
}
.jazz-app {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif;
  margin: auto;
  height: 100%;
  overflow: hidden;
}
.jazz-main {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  display: table;
  content: "";
}


input:focus {
  background-color: yellow;
  border-color: transparent;
}


.jazz-content {
  margin-top: -16px;
  background-color: #fbfbfb;
}
.jazz-hide {
  display: none;
}

.jazz-disabled {
  color: rgba(0, 0, 0, 0.3) !important;
}
.cursorPoint {
  cursor: pointer;
}

.jazz-item-margin {
  margin-top: 25px;
}
.jazz-item-in-margin {
  margin-top: 10px;
}

.jazz-header .pop-viewableTextField > div .pop-viewable-value {
  font-size: 22px;
  color: #464949;
  max-width: 430px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.jazz-default-font {
  font-size: 14px;
  color: #464949;
}
.flex-center {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}