.fi-no-data {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 16px;
  color: #999999;
}
.fi-no-data.no-offset {
  position: static;
  top: auto;
  transform: none;
}
.fi-no-data.medium {
  font-size: 14px;
}
.fi-no-data.small {
  font-size: 12px;
}

.fi-relative-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

body {
  color: #333333;
}

html,
body,
div,
ul,
li,
span,
table,
thead,
tbody,
tr,
td {
  padding: 0;
  margin: 0;
}

body {
  font-size: 14px;
}

ul {
  list-style-type: none;
}

#app_container {
  height: 100%;
}

.fi-description {
  margin: 10px 0;
}

.fi-actions {
  margin: 20px 0;
}

.fi-action + .fi-action {
  margin-left: 10px;
}

.fi-box {
  position: relative;
  padding: 20px;
}
.fi-box::after {
  display: block;
  clear: both;
  content: "";
}

.fi-clearfix:before,
.fi-clearfix:after {
  display: table;
  content: " ";
}

.fi-clearfix:after {
  clear: both;
}

.fi-clearfix {
  *zoom: 1;
}

.fi-loading {
  text-align: center;
}

.fi-float-right {
  float: right;
}

.fi-float-left {
  float: left;
}

.fi-disabled-pointer-event {
  pointer-events: none;
}

.fi-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fi-report-list-icon {
  background: url(./assets/e1493a3a.png) no-repeat;
}

.fi-hide-container {
  display: none;
}

.fi-toggle-container .fi-children-display {
  display: none;
}
.fi-toggle-container:hover .fi-children-display {
  display: block;
}

::-webkit-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: #a6a6a6;
  border-left: 2px solid transparent;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-left: 2px solid transparent;
}

.has-error .jimu-form-item,
.has-error .jimu-form-item:hover {
  border-color: #f5222d;
}

.table-item-state-online {
  background-color: #269b24;
  color: #ffffff;
}

.table-item-state-offline {
  background-color: #c4c4c4;
  color: #000000;
}

.table-item-state-faulted {
  background-color: #e51c23;
  color: #ffffff;
}

.table-item-state {
  padding: 5px 8px;
}

.table-pagination,
.ant-table-pagination {
  float: right;
  margin: 16px !important;
}

.table-cell-relative td {
  position: relative;
}

.table-child-row-no-border .ant-table-row-level-1 td {
  border-bottom: none;
}
.table-child-row-no-border .ant-table-row-level-0 td {
  border-top: 1px solid #e8e8e8;
}
.table-child-row-no-border .ant-table-row-level-0:first-of-type td {
  border-top: none;
}

.fi-summary-table {
  height: 100%;
}
.fi-summary-table .fi-summary-table-head {
  height: 50px;
  line-height: 50px;
}
.fi-summary-table .fi-summary-table-item .fi-summary-table-item-label {
  font-size: 14px;
  font-weight: 600;
}

.fi-dataSource-table-container {
  height: 100%;
}
.fi-dataSource-table-container .ant-table-small {
  border: none;
  border-radius: 0;
}
.fi-dataSource-table-container .ant-table-placeholder {
  display: none;
}
.fi-dataSource-table-container .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 0;
}
.fi-dataSource-table-container .ant-table-wrapper {
  height: calc(100% - 60px);
}
.fi-dataSource-table-container .ant-spin-nested-loading,
.fi-dataSource-table-container .ant-spin-container,
.fi-dataSource-table-container .ant-table,
.fi-dataSource-table-container .ant-table-content,
.fi-dataSource-table-container .ant-table-scroll {
  height: 100%;
}

.fi-correlation-table-container {
  height: 100%;
}
.fi-correlation-table-container .ant-table-small {
  border: none;
  border-radius: 0;
}
.fi-correlation-table-container .ant-table-placeholder {
  display: none;
}
.fi-correlation-table-container .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 0;
}
.fi-correlation-table-container .ant-table-wrapper {
  height: calc(100% - 26px - 42px);
}
.fi-correlation-table-container .ant-spin-nested-loading,
.fi-correlation-table-container .ant-spin-container,
.fi-correlation-table-container .ant-table,
.fi-correlation-table-container .ant-table-content,
.fi-correlation-table-container .ant-table-scroll {
  height: 100%;
}

.fi-relative-layout {
  position: relative;
  width: 100%;
  height: 100%;
}

.fi-report-layout {
  height: 100%;
  width: 100%;
}

.fi-export-layout {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: #f3f4f9;
}

.fi-modal-move {
  position: absolute;
  top: 0;
  left: 0;
  right: 48px;
  height: 48px;
  cursor: move;
}

.fi-nav .fi-nav-group-title {
  margin: 0 0 5px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
}
.fi-nav .fi-nav-item {
  position: relative;
  line-height: 30px;
  height: 30px;
}
.fi-nav .fi-nav-item:hover > a {
  color: #108ee9;
}
.fi-nav .fi-nav-item:hover .fi-nav-item-action-ondemand {
  visibility: visible;
}
.fi-nav .fi-nav-item a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color: #333333;
}
.fi-nav .fi-nav-item .ant-badge .ant-badge-count {
  background: #999999;
  box-shadow: none;
}
.fi-nav .fi-nav-item-active {
  background: #ecf6fd;
}
.fi-nav .fi-nav-item-active:hover {
  background: #ecf6fd;
}
.fi-nav .fi-nav-item-extra {
  position: absolute;
  top: 0;
  right: 0;
}
.fi-nav .fi-nav-item-extra .fi-nav-item-action {
  display: inline-block;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.fi-nav .fi-nav-item-extra .fi-nav-item-action:hover {
  color: #108ee9;
}
.fi-nav .fi-nav-item-extra .fi-nav-item-action-ondemand {
  visibility: hidden;
}

.fi-action-link + .fi-action-link {
  margin-left: 10px;
}

.fi-card {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
}

.fi-card-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.fi-card-extra {
  position: absolute;
  top: 0;
  right: 0;
}

.fi-card + .fi-card {
  margin-top: 10px;
}

.fi-section-card {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e4eb;
}

.fi-section-card-form {
  position: relative;
  width: 300px;
  height: 100%;
  background-color: #f5f5f5;
  box-sizing: border-box;
  border-right: 1px solid #e6e4eb;
}

.fi-section-card-chart-section {
  position: absolute;
  top: 0;
  left: 300px;
  right: 0;
  bottom: 0;
}

.fi-section-card-header {
  height: 75px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
  padding: 10px;
  overflow: hidden;
  text-overflow: hidden;
  white-space: nowrap;
}

.ant-form-inline .ant-form-item {
  margin-right: 10px;
}
.ant-form-inline .ant-form-item:last-child {
  margin-right: 0;
}

.fi-section-card-content {
  position: absolute;
  top: 75px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.fi-toolbar {
  margin-bottom: 20px;
}
.fi-toolbar .ant-btn + .ant-btn {
  margin-left: 5px;
}

.fi-action-link .fa + span,
.ant-btn .fa + span {
  margin-left: 5px;
}
.fi-action-link span + .fa,
.ant-btn span + .fa {
  margin-left: 5px;
}

.fi-form-title {
  margin: 15px 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.5em;
}

.fi-func-form-item {
  display: inline-block;
}
.fi-func-form-item .ant-select:only-child {
  top: auto;
}

.fi-func-form-item-label {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

.fi-report-form-wrapper {
  position: relative;
  height: 100%;
  background-color: #ffffff;
}
.fi-report-form-wrapper .fi-report-components-select {
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  border-bottom: 1px solid #e6e4eb;
}
.fi-report-form-wrapper .fi-datasource-form {
  height: 100%;
  width: 100%;
  padding: 10px 10px 0;
  overflow: auto;
}
.fi-report-form-wrapper .fi-report-form {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
  overflow: auto;
}
.fi-report-form-wrapper .fi-report-formitem-wrapper {
  padding: 3px 0;
}
.fi-report-form-wrapper .fi-report-formitem-wrapper .fi-report-formitem-link {
  display: none;
}
.fi-report-form-wrapper .fi-report-formitem-wrapper:hover .fi-report-formitem-link {
  display: block;
}
.fi-report-form-wrapper .fi-report-line-type-formitem {
  display: inline-block;
  width: 100%;
}
.fi-report-form-wrapper .fi-report-line-type-formitem .ant-select-selection-selected-value {
  width: 100%;
}
.fi-report-form-wrapper .fi-report-formitem-label {
  width: 30%;
  height: 25px;
  line-height: 25px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fi-report-form-wrapper .fi-report-formitem {
  width: 60%;
}
.fi-report-form-wrapper .fi-report-formitem .rc-color-picker-wrap {
  display: block;
  height: 16px;
  margin: 3px 0;
}
.fi-report-form-wrapper .fi-report-formitem .rc-color-picker-wrap .rc-color-picker-trigger {
  display: block;
  width: 100%;
  height: 100%;
}
.fi-report-form-wrapper .fi-report-formitem-link {
  width: 10%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.fi-report-form-wrapper .fi-report-formitem-link:hover {
  color: #108ee9;
}

.fi-force-actions-bottom .ant-form-item {
  width: 100%;
}

.fi-list {
  margin-bottom: 20px;
  border-top: 1px solid #d9d9d9;
}
.fi-list > .fi-list-item {
  position: relative;
  padding: 10px 10px 0;
  border-bottom: 1px solid #d9d9d9;
}
.fi-list > .fi-list-item::after {
  display: block;
  clear: both;
  content: "";
}
.fi-list > .fi-list-item > .fi-list-item-image {
  display: block;
  border-radius: 5px;
  width: 50px;
  height: 50px;
}
.fi-list > .fi-list-item > .fi-list-item-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.fi-list > .fi-list-item > .fi-list-item-title .fi-list-item-sub-title {
  margin-left: 5px;
  font-size: 12px;
  font-weight: normal;
}
.fi-list > .fi-list-item > .fi-list-item-content {
  margin-bottom: 10px;
  color: #666;
}
.fi-list > .fi-list-item .fi-list-item-extra {
  position: absolute;
  top: 10px;
  right: 10px;
}

.fi-inline-list::after {
  display: block;
  clear: both;
  content: "";
}
.fi-inline-list .fi-list-item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}
.fi-inline-list .fi-list-item:last-child {
  margin-right: 0;
}
.fi-inline-list .fi-list-item .fi-list-item-close-badge {
  display: none;
}
.fi-inline-list .fi-list-item:hover .fi-list-item-close-badge {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: -8px;
  right: -8px;
  border-radius: 8px;
  line-height: 16px;
  background: #666;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.fi-inline-list .fi-list-item:hover .fi-list-item-close-badge:hover {
  background: #108ee9;
}

.fi-list + .ant-pagination {
  margin-top: 20px;
}

.fi-indicator {
  font-size: 24px;
}

.ant-select-open .fi-select-modal {
  display: block;
}

.fi-select-modal {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  min-height: 50px;
  width: 100%;
}

.fi-select-wrapper .ant-popover-placement-bottom {
  padding-top: 0;
}
.fi-select-wrapper .ant-popover-arrow {
  display: none;
}

.fi-select-container {
  outline: none;
}

.fi-choices-select-container {
  min-width: 300px;
  padding: 10px 10px 0;
  box-sizing: border-box;
  border: 1px solid #e6e4eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.fi-choices-select-container .ant-form-item {
  margin-bottom: 5px;
}

.fi-device-select-container {
  padding: 10px 10px 0;
  box-sizing: border-box;
  border: 1px solid #e6e4eb;
  border-radius: 6px;
  background-color: #ffffff;
  background-color: #ffffff;
}
.fi-device-select-container .fi-select-input {
  height: 40px;
  line-height: 40px;
}
.fi-device-select-container .fi-select-list {
  list-style-type: none;
  min-height: 100px;
  max-height: 200px;
  overflow: auto;
}
.fi-device-select-container .fi-select-list-item {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.fi-device-select-container .fi-select-list-item:hover {
  color: #108ee9;
}
.fi-device-select-container .fi-select-list-item-selected {
  color: #108ee9;
}

.fi-select-modal-container {
  font-size: 14px;
}
.fi-select-modal-container .fi-select-modal-tools {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #e6e4eb;
}
.fi-select-modal-container .fi-select-modal-list {
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.fi-select-modal-container .fi-select-modal-navbar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 300px;
  box-sizing: border-box;
  border-right: 1px solid #e6e4eb;
}
.fi-select-modal-container .fi-select-modal-item-container {
  position: absolute;
  top: 0;
  left: 300px;
  right: 0;
  height: 100%;
}
.fi-select-modal-container .fi-select-modal-item {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  cursor: pointer;
}
.fi-select-modal-container .fi-select-modal-item:hover {
  color: #108ee9;
}
.fi-select-modal-container .fi-select-modal-item-icon {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.fi-select-modal-container .fi-select-modal-item-selected {
  color: #108ee9;
}
.fi-select-modal-container .fi-select-modal-itemBG-selected {
  background-color: #e6ebed;
}
.fi-select-modal-container .fi-list-select-container {
  height: 100%;
  min-height: 0;
  overflow: auto;
  list-style-type: none;
}

.fi-selectable-list-modal {
  display: flex;
  flex-direction: row;
}
.fi-selectable-list-modal .fi-sidebar {
  flex-shrink: 0;
  width: 240px;
  height: 100%;
  font-size: 14px;
  box-sizing: border-box;
  border-right: 1px solid #e6e4eb;
}
.fi-selectable-list-modal .fi-list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
}
.fi-selectable-list-modal .fi-list-container .fi-list-tools {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 45px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
}
.fi-selectable-list-modal .fi-list-container .fi-list-tools .fi-tools-btn {
  flex: 0 0 auto;
  margin-right: 10px;
  cursor: pointer;
}
.fi-selectable-list-modal .fi-list-container .fi-list-tools .fi-tools-btn:hover {
  color: #108ee9;
}
.fi-selectable-list-modal .fi-list-container .fi-list-tools .fi-tools-search {
  flex: 1 1 auto;
}
.fi-selectable-list-modal .fi-list-container .fi-list-content {
  flex: 1;
  overflow: auto;
}

.fi-analysis-editor-container {
  position: relative;
  height: 100%;
}
.fi-analysis-editor-container .fi-analysis-content-section {
  position: absolute;
  top: 0;
  left: 0;
  right: 250px;
  height: 100%;
  padding: 0 10px;
  padding-bottom: 10px;
  background-color: #f5f5f5;
  overflow: auto;
}
.fi-analysis-editor-container .fi-analysis-content-section .ant-tabs-bar {
  margin-bottom: 0;
}
.fi-analysis-editor-container .fi-analysis-content-section .ant-tabs-nav .ant-tabs-tab {
  margin-right: 0;
  padding: 8px 10px;
}
.fi-analysis-editor-container .fi-analysis-content-section .ant-btn {
  height: none;
  padding: 3px 5px;
}
.fi-analysis-editor-container .fi-analysis-title {
  height: 50px;
  line-height: 50px;
}
.fi-analysis-editor-container .fi-analysis-title .ant-btn {
  padding: 5px 16px;
}
.fi-analysis-editor-container .fi-analysis-editor-chart-section {
  min-height: 300px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #e6e4eb;
}
.fi-analysis-editor-container .fi-analysis-editor-table-section {
  margin-top: 10px;
  min-height: 500px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #e6e4eb;
}
.fi-analysis-editor-container .fi-analysis-editor-setting-section {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
}
.fi-analysis-editor-container .fi-analysis-editor-tab-delete-btn {
  margin-left: 10px;
  font-size: 12px;
  color: #242020;
  cursor: pointer;
}
.fi-analysis-editor-container .fi-analysis-editor-tab-delete-btn:hover {
  font-size: 14px;
}

.fi-analysis-chart-icon-size {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.fi-analysis-bar-chart-img {
  background: url(./assets/cb230c31.png) no-repeat;
}

.fi-noData-img {
  background: url(./assets/6459c75c.png) no-repeat;
}

.fi-analysis-line-chart-img {
  background: url(./assets/0a9e8c50.png) no-repeat;
}

.fi-analysis-histogram-chart-img {
  background: url(./assets/80bb0785.png) no-repeat;
}

.fi-analysis-pareto-chart-img {
  background: url(./assets/6d03584a.png) no-repeat;
}

.fi-analysis-pie-chart-img {
  background: url(./assets/d021f7e3.png) no-repeat;
}

.fi-analysis-scatter-chart-img {
  background: url(./assets/5a8f2239.png) no-repeat;
}

.fi-function-navbar {
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  border-bottom: 1px solid #e6e4eb;
}
.fi-function-navbar .ant-menu-horizontal {
  border-bottom: none;
}
.fi-function-navbar .fi-nav {
  height: 40px;
}
.fi-function-navbar .fi-nav .fi-nav-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}
.fi-function-navbar .fi-nav .fi-nav-item .ant-menu-item {
  height: 40px;
  line-height: 40px;
}

.fi-function-section {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: #e6ebed;
}

.jimu-defect-creator .jimu-defect-title {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
}
.jimu-defect-creator .jimu-defect-title .ant-btn-group {
  margin-left: 16px;
}
.jimu-defect-creator .jimu-defect-group-item {
  position: relative;
  padding: 8px;
  border-bottom: 1px solid #dddddd;
}
.jimu-defect-creator .jimu-defect-group-item .jimu-defect-group-item-title {
  margin-bottom: 8px;
}
.jimu-defect-creator .jimu-defect-group-item .jimu-defect-group-item-empty {
  color: #dddddd;
}
.jimu-defect-creator .jimu-defect-creator-loading {
  text-align: center;
  padding: 16px;
}
.jimu-defect-creator .ant-btn-dashed {
  color: #aaaaaa;
  font-weight: lighter;
}

.jimu-defect-picker {
  padding: 8px;
  margin-bottom: 80px;
}
.jimu-defect-picker .jimu-defect-kinds {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
}
.jimu-defect-picker .jimu-defect-picker-group {
  border-bottom: 1px solid #dddddd;
  padding: 12px 8px;
}
.jimu-defect-picker .jimu-defect-picker-section {
  margin-bottom: 8px;
}
.jimu-defect-picker .jimu-defect-picker-row > button {
  margin-right: 12px;
  margin-bottom: 12px;
}
.jimu-defect-picker .jimu-defect-picker-empty {
  text-align: center;
  color: #aaaaaa;
  padding: 16px;
}
.jimu-defect-picker .jimu-defect-picker-external-settings {
  padding: 16px 0;
}

.jimu-process-defects {
  padding: 0px 16px 16px 16px;
}
.jimu-process-defects .jimu-defects-title {
  border-bottom: 1px solid #dddddd;
  padding: 0 0 16px 8px;
}
.jimu-process-defects .jimu-defects-title .ant-btn-group {
  margin-left: 16px;
}
.jimu-process-defects .jimu-defects-group {
  padding: 16px 8px;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.jimu-process-defects .jimu-defects-group .jimu-defects-group-title {
  margin-bottom: 8px;
}
.jimu-process-defects .jimu-defects-item {
  display: inline-block;
  position: relative;
  margin-right: 16px;
}
.jimu-process-defects .jimu-defects-item .jimu-defects-item-close-badge {
  color: white;
  background-color: black;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  display: none;
  cursor: pointer;
}
.jimu-process-defects .jimu-defects-item:hover .jimu-defects-item-close-badge {
  display: inline-block;
}
.jimu-process-defects .jimu-process-defects-empty {
  text-align: center;
  padding: 16px;
  color: #aaaaaa;
}
.jimu-process-defects .jimu-defect-group-empty {
  text-align: center;
  color: #aaaaaa;
  padding: 16px;
}

.jimu-process-condition-section .jimu-process-condition-title {
  padding: 16px 16px 16px 16px;
}
.jimu-process-condition-section .jimu-process-condition-title > span {
  margin-right: 16px;
  font-size: 14px;
  line-height: 16px;
}
.jimu-process-condition-section .ant-table-wrapper {
  margin: 0 16px;
}

.jimu-property-condition-section .jimu-property-condition-title {
  padding: 16px 16px 16px 16px;
}
.jimu-property-condition-section .jimu-property-condition-title > span {
  margin-right: 16px;
  font-size: 14px;
  line-height: 16px;
}
.jimu-property-condition-section .ant-table-wrapper {
  margin: 0 16px;
}

.jimu-component-dimensions-section {
  display: flex;
  flex-direction: row;
}
.jimu-component-dimensions-section .jimu-sidebar {
  width: 14%;
  min-width: 200px;
}
.jimu-component-dimensions-section .jimu-content {
  flex: 1;
  padding: 0 10px;
}
.jimu-component-dimensions-section .jimu-toolbar {
  padding: 10px 0;
  display: flex;
}
.jimu-component-dimensions-section .jimu-toolbar > .ant-btn,
.jimu-component-dimensions-section .jimu-toolbar > .ant-dropdown-button {
  margin-right: 8px;
}
.jimu-component-dimensions-section .jimu-region-item {
  position: relative;
  cursor: pointer;
}
.jimu-component-dimensions-section .jimu-region-item .jimu-region-item-edit {
  position: absolute;
  right: 8px;
  top: 10px;
  cursor: pointer;
  display: none;
}
.jimu-component-dimensions-section .jimu-region-item:hover .jimu-region-item-edit {
  display: inline-block;
}
.jimu-component-dimensions-section .is-page-selected {
  background: #eeeeee;
}
.jimu-component-dimensions-section .jimu-region-title {
  position: relative;
}
.jimu-component-dimensions-section .jimu-region-title .jimu-region-title-new {
  position: absolute;
  right: 8px;
  top: 8px;
}

.fi-zoom-point-after,
.fi-zoom-line-resize:after,
.fi-zoom-se-resize:after,
.fi-zoom-s-resize:after,
.fi-zoom-sw-resize:after,
.fi-zoom-e-resize:after,
.fi-zoom-w-resize:after,
.fi-zoom-ne-resize:after,
.fi-zoom-n-resize:after,
.fi-zoom-nw-resize:after {
  position: relative;
  top: -7px;
  left: -7px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
}

.fi-zoom-nw-resize {
  left: -4px;
  top: -4px;
  cursor: nw-resize;
}
.fi-zoom-n-resize {
  left: 50%;
  top: -4px;
  margin-left: -4px;
  cursor: n-resize;
}
.fi-zoom-ne-resize {
  right: -4px;
  top: -4px;
  cursor: ne-resize;
}
.fi-zoom-w-resize {
  left: -4px;
  top: 50%;
  margin-top: -4px;
  cursor: w-resize;
}
.fi-zoom-e-resize {
  right: -4px;
  top: 50%;
  margin-top: -4px;
  cursor: e-resize;
}
.fi-zoom-sw-resize {
  left: -4px;
  bottom: -4px;
  cursor: sw-resize;
}
.fi-zoom-s-resize {
  left: 50%;
  bottom: -4px;
  margin-left: -4px;
  cursor: s-resize;
}
.fi-zoom-se-resize {
  right: -4px;
  bottom: -4px;
  cursor: se-resize;
}
.fi-zoom-line-resize {
  cursor: move;
}
.fi-report-zoom-pointer {
  position: absolute;
  width: 9px;
  height: 9px;
  z-index: 100;
  background-color: #ffffff;
  border: 1px solid #108ee9;
}

.fi-report-detail-page {
  position: relative;
  height: 100%;
  overflow: auto;
  background-color: #f0f2f5;
}
.fi-report-detail-page .fi-report-page-list {
  position: absolute;
  top: 56px;
  left: 0;
  bottom: 0;
  width: 200px;
  z-index: 100;
}
.fi-report-detail-page .fi-report-view-container {
  position: absolute;
  top: 66px;
  bottom: 0;
  width: 100%;
  overflow: auto;
}

.fi-report-history-snapshot-list {
  height: 400px;
  width: 100%;
  padding: 0 10px;
  overflow: auto;
}
.fi-report-history-snapshot-list .fi-report-history-snapshot-list-item {
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
  cursor: pointer;
}
.fi-report-history-snapshot-list .fi-report-history-snapshot-list-item:hover {
  background-color: #f5f5f5;
}

.fi-report-canvas-paging-tag {
  page-break-after: always;
}

.fi-report-ready-section {
  height: 100%;
  transform-origin: center 0;
}
.fi-report-ready-section .ant-spin-blur:after {
  background: none;
}

.fi-report-page {
  padding: 10px;
  background-color: #f0f2f5;
}

.fi-report-container {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #f0f2f5;
  overflow: hidden;
}

.fi-report-container-border {
  box-sizing: border-box;
  border: 1px solid #e6e4eb;
}

.fi-report-header {
  height: 56px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
}

.fi-report-content {
  position: absolute;
  top: 56px;
  bottom: 0px;
  width: 100%;
}

.fi-report-navbar-container {
  position: absolute;
  top: 10px;
  bottom: 0;
  width: 220px;
  z-index: 10;
}

.fi-report-canvas-container {
  position: relative;
  outline: none;
}

.fi-report-form-container {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  width: 250px;
  box-sizing: border-box;
  z-index: 10;
  border-left: 1px solid #e6e4eb;
}
.fi-report-form-container .fi-report-form-btn {
  position: absolute;
  top: 50%;
  left: -15px;
  height: 60px;
  line-height: 60px;
  width: 16px;
  margin-top: -30px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #e6e4eb;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
  cursor: pointer;
}
.fi-report-form-container .fi-report-form-btn:hover {
  color: #108ee9;
}

.fi-report-component-position {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fi-report-draw-container {
  position: absolute;
  top: 10px;
  left: 230px;
  right: 260px;
  bottom: 0;
}

.fi-report-master-canvas {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fi-report-canvas {
  position: relative;
  margin: 0 auto;
  height: 793px;
  width: 1122px;
  background-color: #fff;
  overflow: hidden;
}
.fi-report-canvas .fi-report-textarea {
  position: relative;
  top: 0;
  left: 0;
  resize: none;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
  border: none;
}

.fi-report-footer {
  position: absolute;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #e6e4eb;
}

.fi-cursor-move {
  cursor: move;
}

.fi-report-upload-input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.fi-report-transparent-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: transparent;
}

.fi-switch-page-input .ant-input-number {
  margin-right: 0;
  width: 40px;
}
.fi-switch-page-input .ant-input-number .ant-input-number-handler-wrap {
  display: none;
}
.fi-switch-page-input input {
  text-align: center;
}

.fi-canvas-with-dot-bg {
  background: #ffffff url(./assets/dfb084d8.png) left top;
}

.fi-report-formitem-delete-btn-container {
  position: relative;
  pointer-events: auto;
}
.fi-report-formitem-delete-btn-container .fi-report-formitem-delete-btn {
  display: none;
}
.fi-report-formitem-delete-btn-container:hover .fi-report-formitem-delete-btn {
  display: block;
}

.fi-report-formitem-delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 5px;
  font-size: 16px;
  cursor: pointer;
}
.fi-report-formitem-delete-btn:hover {
  color: #ff0000;
}

.fi-report-list-container {
  position: relative;
  height: 100%;
}
.fi-report-list-container .fi-report-left-navbar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 250px;
}
.fi-report-list-container .fi-report-list-section {
  position: absolute;
  top: 0;
  left: 250px;
  right: 0;
  height: 100%;
  background-color: #fff;
}

.fi-report-left-navbar-container {
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #e6e4eb;
  background-color: #f5f5f5;
  overflow: auto;
}
.fi-report-left-navbar-container .fi-navbar-list {
  list-style-type: none;
}
.fi-report-left-navbar-container .fi-navbar-list-title {
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
}
.fi-report-left-navbar-container .fi-navbar-item {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}
.fi-report-left-navbar-container .fi-navbar-item-selected {
  background-color: #dddddd;
}
.fi-report-left-navbar-container .fi-navbar-item-btn-container .fi-navbar-item-btn {
  display: none;
}
.fi-report-left-navbar-container .fi-navbar-item-btn-container:hover .fi-navbar-item-btn {
  display: block;
}
.fi-report-left-navbar-container .fi-navbar-item-btn {
  float: right;
  text-align: center;
  width: 30px;
  cursor: pointer;
}
.fi-report-left-navbar-container .fi-navbar-item-btn:hover {
  color: #108ee9;
}
.fi-report-left-navbar-container .fi-navbar-item-label-icon {
  display: inline-block;
  width: 20px;
}

.fi-report-list-container {
  position: relative;
  height: 100%;
  padding: 0 15px;
}
.fi-report-list-container .fi-report-list-tools {
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
}
.fi-report-list-container .fi-report-list-tools button {
  margin-right: 10px;
}
.fi-report-list-container .fi-report-list {
  position: absolute;
  top: 50px;
  bottom: 40px;
  left: 0;
  right: 0;
  padding: 0 15px;
}
.fi-report-list-container .fi-report-list .fi-report-list-item {
  box-sizing: border-box;
  border-bottom: 1px solid #e6e4eb;
}
.fi-report-list-container .fi-report-list-pagination {
  position: absolute;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 15px;
}

.fi-import-report-container {
  margin: 0 auto;
  padding: 10px;
}
.fi-import-report-container .ant-form-item {
  margin-bottom: 10px;
}
.fi-import-report-container .fi-upload-report-file {
  display: none;
}

.pic-404-graph {
  background-image: url(./assets/182e2de3.png);
  background-position: center;
  background-repeat: no-repeat;
}

body * {
  flex-shrink: 0;
}

div[devshadow="on"] * {
  box-shadow: 0 0 1px rgba(153, 153, 153, 0.6);
}

body,
html {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue,
    Helvetica, Arial, sans-serif, Wenquanyi Micro Hei;
}

body.global-styles {
  background-color: transparent;
  transform: translateZ(0);
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}