.design-workshop .workshop {
  background-color: #266cba;
}
.design-workshop .workshop .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
}
.design-workshop .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
}
.design-workshop .footer {
  text-align: right;
}
.design-workshop .navRight {
  float: right;
}
.design-workshop .backDeviceModels {
  float: left;
}
.design-workshop .workshop .btn.bgFFF {
  transition: inherit;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  font-weight: normal;
  color: #e3edfe;
}
.design-workshop .workshop .btn.bgFFF:hover {
  color: #FFFFFF;
  text-underline: none;
}
.design-workshop .workshop .btn.bgFFF:hover {
  box-shadow: none;
}
.design-workshop .workshop .boxType {
  color: #b0c9f4;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  right: -18px;
}
.design-workshop .workshop tab {
  background-color: #ffffff;
}
.design-workshop .design-tabsHead .nav.nav-tabs .nav-link {
  color: #fff;
}
.design-workshop .design-tabsHead .color-picker {
  position: relative !important;
}
.design-workshop .iconPng {
  display: inline-block;
  float: left;
  height: 20px;
  position: relative;
  top: 7px;
  font-size: 18px;
}
.design-workshop .back:hover {
  color: #FFFFFF;
}
.design-workshop .released {
  color: #FFFFFF;
}
.design-workshop .simulation {
  color: #FFFFFF;
}
.design-workshop .btnPading {
  padding: 5px;
}
.design-workshop .loadFailedContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
}
.design-workshop .loadFailed {
  height: 300px;
  margin: auto;
}
.design-workshop .loadFailed h4 {
  color: #666;
  font-size: 24px;
  margin: 30px 0 40px 0;
}
.design-workshop .loadFailed .btn {
  width: 80px;
}
.designer-input-wrap .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

.design-designer ul.windowUl {
  padding: 0;
  list-style: none;
}
.design-designer .screenTitle a {
  text-decoration: none;
  display: inline-block;
  height: 20px;
  cursor: pointer;
  width: 20px;
  background-image: url("/assets/common/images/configure/toolbar.png");
}
.design-designer .levelSpacing {
  background-position: -40px -60px;
}
.design-designer .levelSpacing:hover {
  background-position: 0px -60px;
}
.design-designer .verticalSpacing {
  background-position: -100px -60px;
}
.design-designer .verticalSpacing:hover {
  background-position: -60px -60px;
}
.design-designer .aequilatus {
  background-position: -160px -60px;
}
.design-designer .aequilatus:hover {
  background-position: -120px -60px;
}
.design-designer .accordant {
  background-position: -220px -60px;
}
.design-designer .accordant:hover {
  background-position: -180px -60px;
}
.design-designer .large {
  background-position: -40px -80px;
}
.design-designer .large:hover {
  background-position: 0px -80px;
}
.design-designer .homochromy {
  background-position: -100px -80px;
}
.design-designer .homochromy:hover {
  background-position: -60px -80px;
}
.design-designer .topFloor {
  background-position: -160px -80px;
}
.design-designer .topFloor:hover {
  background-position: -120px -80px;
}
.design-designer .bottomFloor {
  background-position: -220px -80px;
}
.design-designer .bottomFloor:hover {
  background-position: -180px -80px;
}
.design-designer .upperFloor {
  background-position: -40px -100px;
}
.design-designer .upperFloor:hover {
  background-position: 0px -100px;
}
.design-designer .nextFloor {
  background-position: -100px -100px;
}
.design-designer .nextFloor:hover {
  background-position: -60px -100px;
}
.design-designer .top {
  background-position: 80px -80px;
}
.design-designer .top:hover {
  background-position: 120px -80px;
}
.design-designer .bottom {
  background-position: 20px -80px;
}
.design-designer .bottom:hover {
  background-position: 60px -80px;
}
.design-designer .prev {
  background-position: -40px -100px;
}
.design-designer .prev:hover {
  background-position: 0px -100px;
}
.design-designer .next {
  background-position: -100px -100px;
}
.design-designer .next:hover {
  background-position: -60px -100px;
}
.design-designer .contentBox {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.design-designer .windowsList {
  float: left;
  width: 220px;
  min-height: 500px;
  background: #f4f4f4;
}
.design-designer .windowBox {
  border: solid 1px gray;
}
.design-designer .padding {
  padding: 10px 0;
}
.design-designer .floatRight {
  position: absolute;
  right: 0;
  display: inline-block;
}
.design-designer .span {
  cursor: pointer;
  display: inline-block;
  height: 28px;
  width: 28px;
}
.design-designer .itemList {
  position: relative;
  line-height: 24px;
  padding: 0 10px;
}
.design-designer .itemList:hover {
  cursor: pointer;
  color: #000;
  background: #dae8ff;
}
.design-designer .selected {
  background: #3695ff;
  color: #fff;
}
.design-designer .configTitle {
  height: 28px;
  padding: 0 10px;
  background-color: #f4f4f4;
  line-height: 28px;
  color: #666;
}
@media (max-width: 886px) {
  .design-designer .diagram {
    top: 119px !important;
  }
}
@media (max-width: 527px) {
  .design-designer .diagram {
    top: 185px !important;
  }
}
.design-designer .diagram {
  position: absolute;
  right: 0;
  top: 82px;
  left: 220px;
  bottom: 0;
  background-color: #bbb;
}
.design-designer .diagram .tab-content {
  overflow: auto;
}
.design-designer .diagramContainer {
  position: relative;
}
.design-designer .contextMenu {
  z-index: 10001;
  position: absolute;
  left: 5px;
  background-color: #ffffff;
  display: none;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: bold;
  box-shadow: 0 0 5px #666;
}
.design-designer .contextMenu ul {
  list-style: none;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.design-designer .contextMenu li a {
  position: relative;
  min-width: 60px;
  display: inline-block;
  padding: 6px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  color: #666;
  font-weight: initial;
}
.design-designer .contextMenu li:hover {
  background: #dae8ff;
}
.design-designer .contextMenu li ul li {
  display: none;
}
.design-designer .contextMenu li ul li a {
  position: relative;
  min-width: 60px;
  padding: 6px;
  text-decoration: none;
  cursor: pointer;
}
.design-designer .contextMenu li:hover ul li {
  display: block;
  margin-left: 0px;
  margin-top: 0px;
}

.designer-registretion .last-th {
  text-align: right !important;
}
.designer-registretion .last-th span {
  padding-right: 0;
  display: inline-block;
}
.designer-registretion .design-content .variable-transverse .variable-title {
  width: 23%;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
}
.designer-registretion .variable-transverse .variable-input {
  width: 38%;
}
.designer-registretion .alarm-search {
  margin-bottom: 10px;
}
.designer-registretion .input-group .form-control {
  padding-right: 16px;
}
.designer-registretion .input-group .var-form-control {
  height: 34px;
  padding: 0 2rem 0 1.25rem;
}
.designer-registretion .input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.designer-registretion .operation {
  text-align: right !important;
}
.designer-registretion .operation a {
  color: #3695FF !important;
}
.designer-registretion .operation a:hover {
  cursor: pointer;
}
.designer-registretion .operation a:first-child {
  margin-right: 10px;
}
.designer-registretion .alarm-registeration-operation .operation-filter-select {
  padding: 0;
}
.designer-registretion .alarm-registeration-operation .operation-button {
  padding: 0;
}
.designer-registretion .alarm-registeration-operation .operation-button button {
  margin-bottom: 12px;
}
.designer-registretion .alarm-registeration-operation .operation-search {
  float: right;
  position: relative;
  width: 285px;
}
.designer-registretion .alarm-registeration-operation .operation-search input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.designer-registretion .alarm-registeration-operation .operation-search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
.designer-registretion .alarm-registeration-operation .operation-search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.6);
}
.designer-registretion .alarm-registeration-operation .operation-search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.6);
}
.designer-registretion .alarm-registeration-operation .fcloud-search {
  position: absolute;
  right: 10px;
  top: 9px;
  font-size: 16px;
  cursor: pointer;
}
.designer-registretion .alarm-registeration-operation .operation-search-input {
  width: 100%;
  height: 34px;
  border: 1px solid #C4C6CF;
  color: rgba(0, 0, 0, 0.6);
  line-height: 34px;
  padding: 0 10px;
  margin-bottom: 12px;
  padding-left: 10px;
  padding-right: 34px;
}
.designer-registretion .alarm-registeration-operation .operation-filter {
  padding: 0;
}
.designer-registretion .alarm-registeration-operation .operation-filter .operation-filter-select {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
.designer-registretion .alarm-registeration-operation .fe-btn:not(:last-child) {
  margin-right: 12px;
}
.designer-registretion select option {
  color: rgba(0, 0, 0, 0.6);
}
.designer-registretion .fe-btn.fe-btn-default.btn-batch-delete {
  color: #000;
  background-color: #FFF;
  border: 1px solid #C4C6CF;
}
.designer-registretion .fe-btn.fe-btn-default.fe-btn-normal {
  border: 1px solid #b5c2ca;
  background-color: white;
}
.designer-registretion .fe-btn.fe-btn-default.btn-batch-delete:disabled {
  color: #7F939F;
  border: 1px solid #b5c2ca;
}
.designer-registretion .alarm-registeration-operation > div {
  float: left;
}
.designer-registretion .alarm-registeration-operation {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1425px) {
  .designer-registretion .alarm-registeration-operation .operation-button,
  .designer-registretion .alarm-registeration-operation .operation-filter {
    width: 100%;
  }
}
.designer-registretion .level-color {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.designer-registretion .level-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.designer-registretion .level-one .level-color {
  background-color: #3695FF;
}
.designer-registretion .level-two .level-color {
  background-color: #FFE900;
}
.designer-registretion .level-three .level-color {
  background-color: #FFA800;
}
.designer-registretion .level-four .level-color {
  background-color: #E84F4F;
}
.designer-registretion .checkbox {
  width: 50px;
}
.designer-registretion .operation-filter-select ::ng-deep .ng-select-container {
  height: 34px !important;
  border: 1px solid #C4C6CF;
}
.designer-registretion .ng-select.ng-select-single .ng-select-container {
  height: 34px;
}

.alarm-operation .operation-button button {
  margin-bottom: 12px;
}
.alarm-operation .operation-button button:not(:last-child) {
  margin-right: 12px;
}
.input {
  height: 30px;
}
.operation {
  text-align: right !important;
}
.operation a {
  color: #3695FF;
  cursor: pointer;
}
.operation a:first-child {
  margin-right: 10px;
}
.operation a.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #C4C6CF;
}

.alarm-transverse {
  width: 100%;
  margin: 1rem auto;
}
.alarm-transverse .alarm-input input {
  width: 100%;
  height: 30px;
}
.alarm-transverse .alarm-input input:disabled {
  background-color: #f9f9f9;
}
.alarm-transverse .alarm-input select {
  height: 30px;
}
.disabled {
  pointer-events: none;
  background-color: #f9f9f9;
}
.alarm-level-content {
  width: 320px;
}
.alarm-level-content .alarm-level-button {
  width: 80px;
  height: 30px;
  float: left;
  border: 1px solid #C4C6CF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}
.alarm-level-content .alarm-level-button .level-color {
  width: 16px;
  height: 16px;
}
.alarm-level-content .alarm-level-button div:last-child {
  font-size: 14px;
}
.alarm-level-content .alarm-level-button.active {
  background-color: #EBECF0;
}
.alarm-level-content .level-one .level-color {
  background-color: #3695FF;
}
.alarm-level-content .level-two .level-color {
  background-color: #FFE900;
}
.alarm-level-content .level-three .level-color {
  background-color: #FFA800;
}
.alarm-level-content .level-four .level-color {
  background-color: #E84F4F;
}
.alarm-level-content .alarm-level-button:not(:last-child) {
  border-right: 0;
}

.design-content-batch .search-condition {
  margin-bottom: 10px;
}
.design-content-batch .search-condition .input-group {
  padding-right: 0;
}
.design-content-batch .search-condition input,
.design-content-batch .search-condition select {
  border-radius: 0;
  color: rgba(0, 0, 0, 0.3);
}
.design-content-batch .modal-dialog {
  min-width: 800px;
}
.design-content-batch .modal-dialog .modal-header.fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.design-content-batch .tips-primary {
  font-size: 14px;
  color: #000;
  opacity: 0.6;
  margin-right: 10px;
}
.design-content-batch .tips-secondary {
  font-size: 12px;
  margin-top: 3px;
  opacity: 0.3;
}
.design-content-batch .variable-transverse {
  width: 484px;
  margin: 1rem 0;
}
.design-content-batch .variable-transverse .variable-title,
.design-content-batch .variable-transverse .variable-input {
  float: left;
}
.design-content-batch .variable-transverse .variable-title {
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
}
.design-content-batch .variable-transverse .variable-title .star {
  color: red;
}
.design-content-batch .variable-transverse .variable-input {
  width: 41%;
}
.design-content-batch .variable-transverse .variable-input input {
  width: 100%;
  height: 30px;
}
.design-content-batch .variable-transverse .variable-input select {
  height: 30px;
}
.design-content-batch .variable-transverse .variable-input .data-source-name-select {
  width: 100%;
}
.design-content-batch .variable-transverse .variable-input .monitor-point-name-select {
  width: calc(100% - 31px);
}
.design-content-batch .variable-transverse .variable-input .open-monitor-btn {
  height: 30px;
  width: 30px;
  background-color: white;
  border: 1px solid #b5c2ca;
  cursor: pointer;
  float: right;
  margin-left: 0;
}
.design-content-batch .variable-transverse .variable-input .open-monitor-btn span {
  color: #3695FF;
}
.design-content-batch .variable-transverse .variable-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.design-content-batch .variable-transverse button {
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
}
.design-content-batch .margin-right-15 .var-btn:not(:last-child) {
  margin-right: 15px;
}
.design-content-batch .var-btn {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  min-width: 80px;
  padding: 0 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.design-content-batch .var-btn:hover {
  cursor: pointer;
}
.design-content-batch .var-btn-default {
  height: 34px;
  line-height: 34px;
}
.design-content-batch .var-btn-save {
  color: white;
  background-color: #3695FF;
  border: 1px solid #3695ff;
}
.design-content-batch .input-group .form-control {
  padding-right: 16px;
}
.design-content-batch .input-group .var-form-control {
  height: 32px;
  padding: 0 2rem 0 1.25rem;
}
.design-content-batch .input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.design-content-batch select:required:invalid {
  color: gray !important;
}
.design-content-batch option[disabled] {
  display: none !important;
}
.design-content-batch option {
  color: black !important;
}
.design-content-batch .selected-monitoring-point-content {
  width: 100%;
  padding: 10px;
  background: #f2f3f8;
  margin-top: 10px;
  padding-bottom: 0px;
}
.design-content-batch .selected-monitoring-point {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  position: relative;
  float: left;
  background: #E2E4E8;
  margin-right: 10px;
  margin-bottom: 10px;
}
.design-content-batch .selected-monitoring-point span {
  float: left;
  margin-right: 5px;
}
.design-content-batch .selected-monitoring-point .fcloud-cancel {
  float: left;
  line-height: 30px;
  color: #A0A2AD;
  cursor: pointer;
}
.design-content-batch .selected-monitoring-point .fcloud-cancel:before {
  color: #A0A2AD;
}
.design-content-batch .fa.fcloud-remove.btn-remove {
  cursor: pointer;
}
.design-content-batch select option {
  color: rgba(0, 0, 0, 0.6);
}
.design-content-batch .checkbox {
  width: 31px;
}
.design-content-batch .primeng-datatable-container {
  height: calc(100% - 50px);
}
.design-content-batch .primeng-datatable-container .ui-table-resizable {
  max-height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: auto;
}
.design-batch-import-alarm .variable-transverse .variable-title {
  text-align: left;
  display: inline;
}
.design-batch-import-alarm .modal-content {
  border-radius: 0;
  width: 800px;
}
.design-batch-import-alarm .modal-body {
  overflow-y: hidden;
}
.design-batch-import-alarm .variable-transverse {
  width: 484px;
  margin: 1rem 0;
}
.design-batch-import-alarm .variable-input {
  width: 41%;
  display: inline-block;
}
.design-batch-import-alarm .fe-modal-container select {
  width: 90%;
  height: 34px;
}

.design-rename-modal-dialog {
  min-width: 550px;
}
.design-rename-modal-dialog .modal-body {
  padding-left: 50px;
}
.design-rename-modal-dialog .modal-body .rule-tips {
  margin-bottom: 12px;
}
.design-rename-modal-dialog .modal-body .rule-select {
  display: inline-block;
  vertical-align: middle;
  height: 31px;
}
.design-rename-modal-dialog .modal-body .rule-select label {
  height: 20px;
}
.design-rename-modal-dialog .modal-body .rule-select select {
  height: 31px;
}
.design-rename-modal-dialog .fe-modal-container .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.design-rename-modal-dialog .fe-modal-container .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}
.design-rename-modal-dialog select option {
  color: rgba(0, 0, 0, 0.6);
}

.create-or-edit-alarm-body {
  margin-left: 20px;
  margin-right: 20px;
  padding: 1rem 0;
}
.create-or-edit-alarm-body .alarm-transverse {
  width: 100%;
  margin: 1rem auto;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-title {
  float: left;
  width: 27%;
  line-height: 30px;
  text-align: right;
  padding-right: 15px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-title .star {
  color: red;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input {
  margin-left: 27%;
  width: 350px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .storage-time-types ::ng-deep.ng-star-inserted {
  color: #999;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .ui-inputgroup-addon {
  height: 30px;
  margin-left: 10px;
  padding-top: 0px !important;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input input {
  width: 100%;
  height: 30px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input select {
  width: 100%;
  height: 30px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .open-alarm-choose-btn {
  height: 30px;
  width: 30px;
  background-color: white;
  border: 1px solid #b5c2ca;
  cursor: pointer;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .open-alarm-choose-btn span {
  color: #3695FF;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .input-number {
  width: 50% !important;
  margin-right: 10px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .variable-value {
  width: 80px;
  white-space: nowrap;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .condition {
  display: inline-block;
  width: 70px;
  margin-left: 5px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .operand {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  margin-left: 5px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .trigger-rule-last {
  width: 93px;
  display: inline-block;
  margin-left: 5px;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .alarm-message {
  color: #666666;
  padding-left: 4px;
  border: 1px solid #d7dbe5;
}
.create-or-edit-alarm-body .alarm-transverse .alarm-input .textarea {
  resize: none;
}
.create-or-edit-alarm-body .alarm-transverse .has-danger {
  margin-left: 0;
}
.create-or-edit-alarm-body .alarm-transverse .trigger-rule-position {
  position: relative;
}
.create-or-edit-alarm-body .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0px !important;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
.create-or-edit-alarm-body .alarm-level-content {
  cursor: pointer;
  width: calc(60% - 20px);
}
.create-or-edit-alarm-body .alarm-level-content .alarm-level-button {
  width: 25%;
  height: 30px;
  float: left;
  border: 1px solid #C4C6CF;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.create-or-edit-alarm-body .alarm-level-content .alarm-level-button .level-color {
  width: 16px;
  height: 16px;
}
.create-or-edit-alarm-body .alarm-level-content .alarm-level-button div:last-child {
  font-size: 12px;
}
.create-or-edit-alarm-body .alarm-level-content .alarm-level-button.active {
  background-color: #EBECF0;
}
.create-or-edit-alarm-body .alarm-level-content .level-one .level-color {
  background-color: #3695FF;
}
.create-or-edit-alarm-body .alarm-level-content .level-two .level-color {
  background-color: #FFE900;
}
.create-or-edit-alarm-body .alarm-level-content .level-three .level-color {
  background-color: #FFA800;
}
.create-or-edit-alarm-body .alarm-level-content .level-four .level-color {
  background-color: #E84F4F;
}
.create-or-edit-alarm-body .alarm-level-content .alarm-level-button:not(:last-child) {
  border-right: 0;
}
.create-or-edit-alarm-body select:invalid {
  color: gray !important;
}
.create-or-edit-alarm-body option[disabled] {
  display: none !important;
}
.create-or-edit-alarm-body option {
  color: black !important;
}
.create-or-edit-alarm-body input.ng-touched.ng-invalid {
  outline: none !important;
  border: 1px solid #f4516c;
}
.create-or-edit-alarm-body textarea.ng-touched.ng-invalid {
  outline: none !important;
  border: 1px solid #f4516c !important;
}
.create-or-edit-alarm-body .select-search {
  padding: 8px;
  background-color: #eee;
  margin-left: 0;
}
.create-or-edit-alarm-body .select-search div {
  margin-bottom: 4px;
}
.create-or-edit-alarm-body .select-search div div:first-child {
  float: left;
  margin-right: 10px;
}
.create-or-edit-alarm-body .select-search div div:last-child {
  word-break: break-all;
  overflow: hidden;
}
.create-or-edit-alarm-body select option {
  color: rgba(0, 0, 0, 0.6);
}
.create-or-edit-alarm-body .tab-container .tabbable-line ul {
  margin-left: 20px;
}
.create-or-edit-alarm-body .error-tips {
  color: #f4516c;
}
.create-or-edit-alarm-body .font-size-12px {
  font-size: 12px;
}
.create-or-edit-alarm-body .prompt {
  cursor: pointer;
  position: relative;
}
.create-or-edit-alarm-body .prompt:hover > div {
  display: block;
}
.create-or-edit-alarm-body .prompt-message {
  display: none;
  text-align: left;
  z-index: 100;
  position: absolute;
  width: 200px;
  background: #fff;
  padding: 5px;
  font-size: 11px;
  color: #999;
  box-shadow: 5px 5px 15px #ccc;
}
.create-or-edit-alarm-modal .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.create-or-edit-alarm-modal .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}
.create-or-edit-alarm-modal .modal-content .modal-body {
  padding-bottom: 0;
}
.create-or-edit-alarm-modal .alarm-transverse:last-child {
  margin-bottom: 0;
}
.create-or-edit-alarm-modal .fe-btn.fe-btn-default.fe-btn-save.save-and-import {
  width: auto;
  padding: 0 10px;
}
.create-or-edit-alarm-modal .alarm-border-bottom {
  border-bottom: 1px solid #f4f4f4;
}

.search-condition {
  margin-bottom: 10px;
}
.search-condition .input-group {
  padding-right: 0;
}
.input-group .form-control {
  padding-right: 16px;
}
.input-group .var-form-control {
  height: 34px;
  padding: 0 2rem 0 1.25rem;
}
.input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
select:invalid {
  color: gray !important;
}
option[disabled] {
  display: none !important;
}
option {
  color: black !important;
}
select option {
  color: rgba(0, 0, 0, 0.6);
}
.name-div {
  display: inline-flex;
}
.name-span {
  padding-left: 8px;
  word-break: break-all;
}
:host ::ng-deep .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  text-align: center;
}

.event-transverse {
  width: 100%;
  margin: 1rem auto;
}
.event-transverse .event-input input {
  width: 100%;
  height: 30px;
}
.event-transverse .event-input input:disabled {
  background-color: #f9f9f9;
}
.event-transverse .event-input select {
  height: 30px;
}

.create-or-edit-event-body {
  margin-left: 20px;
  margin-right: 20px;
  padding: 1rem 0;
}
.create-or-edit-event-body .event-transverse {
  width: 100%;
  margin: 1rem auto;
}
.create-or-edit-event-body .event-transverse .event-title {
  float: left;
  width: 28%;
  line-height: 30px;
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
}
.create-or-edit-event-body .event-transverse .event-title .star {
  color: red;
}
.create-or-edit-event-body .event-transverse .event-input {
  margin-left: 28%;
  width: 350px;
}
.create-or-edit-event-body .event-transverse .event-input .storage-time-types ::ng-deep.ng-star-inserted {
  color: #999;
}
.create-or-edit-event-body .event-transverse .event-input .ui-inputgroup-addon {
  height: 30px;
  margin-left: 10px;
  padding-top: 0px !important;
}
.create-or-edit-event-body .event-transverse .event-input input {
  width: 100%;
  height: 30px;
}
.create-or-edit-event-body .event-transverse .event-input select {
  width: 100%;
  height: 30px;
}
.create-or-edit-event-body .event-transverse .event-input .open-event-choose-btn {
  height: 30px;
  width: 30px;
  background-color: white;
  border: 1px solid #b5c2ca;
  cursor: pointer;
}
.create-or-edit-event-body .event-transverse .event-input .open-event-choose-btn span {
  color: #3695FF;
}
.create-or-edit-event-body .event-transverse .event-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.create-or-edit-event-body .event-transverse .event-input .input-number {
  width: 50% !important;
  margin-right: 10px;
}
.create-or-edit-event-body .event-transverse .event-input .variable-value {
  width: 80px;
  white-space: nowrap;
}
.create-or-edit-event-body .event-transverse .event-input .condition {
  display: inline-block;
  width: 70px;
  margin-left: 5px;
}
.create-or-edit-event-body .event-transverse .event-input .operand {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  margin-left: 5px;
}
.create-or-edit-event-body .event-transverse .event-input .trigger-rule-last {
  width: 93px;
  display: inline-block;
  margin-left: 5px;
}
.create-or-edit-event-body .event-transverse .event-input .event-message {
  color: #666666;
  padding-left: 4px;
  border: 1px solid #d7dbe5;
}
.create-or-edit-event-body .event-transverse .event-input .textarea {
  resize: none;
}
.create-or-edit-event-body .event-transverse .has-danger {
  margin-left: 0;
}
.create-or-edit-event-body .event-transverse .trigger-rule-position {
  position: relative;
}
.create-or-edit-event-wrap .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.create-or-edit-event-wrap .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}
.create-or-edit-event-wrap .modal-content .modal-body {
  padding-bottom: 0;
}
.create-or-edit-event-wrap .event-transverse:last-child {
  margin-bottom: 0;
}
.create-or-edit-event-wrap .fe-btn.fe-btn-default.fe-btn-save.save-and-import {
  width: auto;
  padding: 0 10px;
}
.create-or-edit-event-wrap .event-border-bottom {
  border-bottom: 1px solid #f4f4f4;
}
.create-or-edit-event-wrap .event-level-content {
  cursor: pointer;
  width: calc(60% - 20px);
}
.create-or-edit-event-wrap .event-level-content .event-level-button {
  width: 25%;
  height: 30px;
  float: left;
  border: 1px solid #C4C6CF;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.create-or-edit-event-wrap .event-level-content .event-level-button .level-color {
  width: 16px;
  height: 16px;
}
.create-or-edit-event-wrap .event-level-content .event-level-button.active {
  background-color: #EBECF0;
}
.create-or-edit-event-wrap .event-level-content .level-one .level-color {
  background-color: #3695FF;
}
.create-or-edit-event-wrap .event-level-content .level-two .level-color {
  background-color: #FFE900;
}
.create-or-edit-event-wrap .event-level-content .level-three .level-color {
  background-color: #FFA800;
}
.create-or-edit-event-wrap .event-level-content .level-four .level-color {
  background-color: #E84F4F;
}
.create-or-edit-event-wrap .event-level-content .event-level-button:not(:last-child) {
  border-right: 0;
}
.create-or-edit-event-wrap select:invalid {
  color: gray !important;
}
.create-or-edit-event-wrap option[disabled] {
  display: none !important;
}
.create-or-edit-event-wrap option {
  color: black !important;
}
.create-or-edit-event-wrap .select-search {
  float: left;
  width: 260px;
  margin-left: 22%;
  padding: 8px;
  background-color: #eee;
}
.create-or-edit-event-wrap select option {
  color: rgba(0, 0, 0, 0.6);
}
.create-or-edit-event-wrap input.ng-touched.ng-invalid {
  outline: none !important;
  border: 1px solid #f4516c;
}
.create-or-edit-event-wrap textarea.ng-touched.ng-invalid {
  outline: none !important;
  border: 1px solid #f4516c !important;
}
.create-or-edit-event-wrap .tab-container .tabbable-line ul {
  margin-left: 20px;
}
.create-or-edit-event-wrap .font-size-12px {
  font-size: 12px;
}
.create-or-edit-event-wrap .error-tips {
  color: #f4516c;
}
.create-or-edit-event-wrap .prompt {
  cursor: pointer;
  position: relative;
}
.create-or-edit-event-wrap .prompt:hover > div {
  display: block;
}
.create-or-edit-event-wrap .prompt-message {
  display: none;
  text-align: left;
  z-index: 100;
  position: absolute;
  width: 200px;
  background: #fff;
  padding: 5px;
  font-size: 11px;
  color: #999;
  box-shadow: 5px 5px 15px #ccc;
}

.event-operation .operation-button button {
  margin-bottom: 12px;
}
.event-operation .operation-button button:not(:last-child) {
  margin-right: 12px;
}
.input {
  height: 30px;
}
.operation {
  text-align: right !important;
}
.operation a {
  color: #3695FF;
  cursor: pointer;
}
.operation a:first-child {
  margin-right: 10px;
}
.operation a.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #C4C6CF;
}

.design-fe-modal-container .variable-transverse {
  width: 100%;
  margin-bottom: 20px;
}
.design-fe-modal-container .variable-transverse .variable-title,
.design-fe-modal-container .variable-transverse .variable-input {
  float: left;
}
.design-fe-modal-container .variable-transverse .variable-title {
  width: 30%;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
}
.design-fe-modal-container .variable-transverse .variable-title .star {
  color: red;
  margin-right: 5px;
}
.design-fe-modal-container .variable-transverse .variable-input {
  width: 65%;
}
.design-fe-modal-container .variable-transverse .variable-input input {
  width: 100%;
  height: 30px;
}
.design-fe-modal-container .variable-transverse .variable-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.design-fe-modal-container .fe-modal-container .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.design-fe-modal-container .fe-modal-container .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}
.design-fe-modal-container .modal-body {
  padding-bottom: 0px;
}
.design-fe-modal-container .variable-transverse:last-child {
  margin-bottom: 0px;
}
.design-fe-modal-container .fe-btn.fe-btn-default.fe-btn-save.save-and-import {
  width: auto;
  padding: 0 10px;
}

.design-primeng-datatable-container .script {
  position: relative;
  width: 100%;
}
.design-primeng-datatable-container .script .script-container {
  position: fixed;
  display: block;
  border: solid 1px lightgrey;
  border-radius: 4px;
  width: 630px;
  height: auto;
  overflow: auto;
  z-index: 100;
  background-color: #f5f5f5;
}
.design-primeng-datatable-container .script .script-container .syntaxhighlighter {
  border: none !important;
  margin: 0 !important;
}
.design-primeng-datatable-container .script .gutter {
  width: 30px !important;
}
.design-primeng-datatable-container .script-container ::-webkit-scrollbar {
  width: 14px;
}
.design-primeng-datatable-container .script-container ::-webkit-scrollbar-track,
.design-primeng-datatable-container .script-container ::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
  background-color: transparent;
}
.design-primeng-datatable-container .script-container ::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
.design-primeng-datatable-container .script-container ::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
.design-primeng-datatable-container .script-container ::-webkit-scrollbar-corner {
  background: transparent;
}
.design-primeng-datatable-container .primeng-datatable-container {
  margin-top: 12px;
}

.expanded {
  color: #999;
}
.unexpanded {
  color: #3695FF;
}
.pointer {
  cursor: pointer;
}
.primeng-datatable-container {
  margin-top: 12px;
}

.variable-search {
  margin-bottom: 10px;
}
.portlet-input {
  margin-top: 12px;
}
.variable-search .input-group {
  width: 100%;
  position: relative;
}
.variable-search input {
  padding-left: 10px;
  padding-right: 34px;
}
.variable-search input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.variable-search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
.variable-search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.6);
}
.variable-search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.6);
}
.variable-search select,
.variable-search input {
  width: 100%;
  height: 34px;
  line-height: 34px;
  border: 1px solid #C4C6CF;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 12px;
}
.variable-search .fcloud-search {
  position: absolute;
  right: 9px;
  top: 9px;
  font-size: 16px;
  cursor: pointer;
}

.modal-body {
  padding-left: 50px;
}
.modal-body .rule-tips {
  margin-bottom: 12px;
}
.modal-body .rule-select {
  display: inline-block;
  vertical-align: middle;
  height: 31px;
}
.modal-body .rule-select label {
  height: 20px;
}
.modal-body .rule-select select {
  height: 31px;
}
.fe-modal-container .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.fe-modal-container .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}

.design-data-source-configuration .data-source-table-container {
  width: 100%;
  height: calc(100vh - 46px);
}
.design-data-source-configuration .data-source-table-container .data-source-list {
  position: absolute;
  left: 0px;
  width: 200px;
  height: calc(100% - 46px);
  float: left;
  border-right: 1px solid #DCDEE3;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source-list-title {
  height: 50px;
  border-bottom: 1px solid #DCDEE3;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source-list-title span {
  padding: 5px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source-list-content {
  width: 100%;
  height: calc(100% - 50px);
  padding: 20px;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source-list-content .add-data-source {
  width: 100%;
  height: 32px;
  cursor: pointer;
  border: 1px solid #3695ff;
  color: #3695ff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 32px;
  background-color: #ffffff;
  transition: background-color 0.2s ease-in;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source-list-content .add-data-source:hover {
  background-color: #3695ff;
  color: #fff;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source {
  width: 100%;
  height: 32px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source .icon {
  width: 32px;
  padding: 7px;
  height: 100%;
  text-align: center;
  display: none;
  float: left;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source .data-source-name {
  width: calc(100% - 32px);
  height: 100%;
  padding-left: 10px;
  line-height: 32px;
  display: block;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source .operations {
  width: 150px;
  position: fixed;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  z-index: 999;
  display: none;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source .operations div {
  padding: 8px 16px;
  color: #000000;
  cursor: pointer;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source .operations div:hover {
  background: #EEF3F9;
  color: #3695ff;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source:hover {
  background: #F2F3F7;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source:hover .icon {
  display: block;
  background: #EBECF0;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source.active {
  background: #3695ff;
  color: #fff;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source.active .icon {
  background: #3695ff;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source.active .icon:hover {
  background: #226bbc;
}
.design-data-source-configuration .data-source-table-container .data-source-list .data-source.active .icon.active {
  display: block;
  background: #226bbc;
}
.design-data-source-configuration .data-source-table-container .data-source-content {
  width: calc(100% - 200px);
  float: left;
  height: 100%;
  padding: 20px;
  overflow: auto;
  margin-left: 200px;
}
.design-data-source-configuration .data-source-table-container .data-source-content .no-import-configuration {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  text-align: center;
}
.design-data-source-configuration .data-source-table-container .data-source-content .no-import-configuration .fcloud-nodata-dashboard {
  font-size: 140px;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 12px;
}
.design-data-source-configuration .data-source-table-container .data-source-content .no-import-configuration .fe-btn-save {
  margin-top: 20px;
}
.design-data-source-configuration .data-source-table-container .data-source-content .data-source-message {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.design-data-source-configuration .data-source-table-container .data-source-content .data-source-message ::ng-deep .tab-content {
  height: calc(100% - 100px);
}
.design-data-source-configuration .data-source-tab > .nav.nav-tabs .nav-link {
  color: #fff;
}
.design-data-source-configuration .data-source-list-body {
  height: calc(100% - 42px);
  overflow-x: hidden;
  overflow-y: auto;
}
.design-data-source-configuration .data-source-tab > .nav.nav-tabs {
  margin: 0;
  padding: 3px 0px 0px 0px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.design-data-source-configuration .data-source-tab > .nav.nav-tabs .nav-item {
  margin-right: 20px;
}
.design-data-source-configuration .data-source-tab > .nav-tabs > li {
  float: none;
  display: inline-block;
}
.design-data-source-configuration .data-source-tab > .nav-tabs > li > a {
  padding: 10px;
  color: black !important;
  border: none;
  background-color: transparent;
  font-size: 16px;
}
.design-data-source-configuration .data-source-tab > .nav-tabs > li.active > a,
.design-data-source-configuration .data-source-tab > .nav-tabs > li.active > a:hover,
.design-data-source-configuration .data-source-tab > .nav-tabs > li.active > a:focus {
  padding: 10px;
  color: #3695ff !important;
  border-bottom-color: #3695ff;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #3695ff;
}
.design-data-source-configuration .has-data-source {
  width: 100%;
  height: 100%;
}
.design-data-source-configuration .scroll-body {
  width: 100%;
  height: 100%;
}

.design-palette .component {
  float: left;
  width: 220px;
}
.design-palette .component .palette {
  background: #fff;
  -webkit-tap-highlight-color: #ffffff;
  cursor: auto;
}

.design-toolbar ul.windowUl {
  padding: 0;
  list-style: none;
}
.design-toolbar .menuBar {
  padding: 4px 0;
  background-color: #fff;
}
.design-toolbar .menuBar span {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #dddddd;
}
.design-toolbar .menuBar span a {
  vertical-align: sub;
  margin-right: 5px;
}
.design-toolbar .menuBar span:last-child {
  border: none;
}
.design-toolbar .menuBar .save {
  background-position: -40px -120px;
}
.design-toolbar .menuBar .save:hover {
  background-position: 0px -120px;
}
.design-toolbar .menuBar .revoke {
  background-position: -40px 0;
}
.design-toolbar .menuBar .revoke:hover {
  background-position: 0 0;
}
.design-toolbar .menuBar .recovery {
  background-position: -100px 0;
}
.design-toolbar .menuBar .recovery:hover {
  background-position: -60px 0;
}
.design-toolbar .menuBar .cut {
  background-position: -160px 0;
}
.design-toolbar .menuBar .cut:hover {
  background-position: -120px 0;
}
.design-toolbar .menuBar .copy {
  background-position: -220px 0;
}
.design-toolbar .menuBar .copy:hover {
  background-position: -180px 0;
}
.design-toolbar .menuBar .paste {
  background-position: -40px -20px;
}
.design-toolbar .menuBar .paste:hover {
  background-position: 0px -20px;
}
.design-toolbar .menuBar .del {
  background-position: -100px -20px;
}
.design-toolbar .menuBar .del:hover {
  background-position: -60px -20px;
}
.design-toolbar .menuBar .leftAlign {
  background-position: -160px -20px;
}
.design-toolbar .menuBar .leftAlign:hover {
  background-position: -120px -20px;
}
.design-toolbar .menuBar .verticalAlign {
  background-position: -220px -20px;
}
.design-toolbar .menuBar .verticalAlign:hover {
  background-position: -180px -20px;
}
.design-toolbar .menuBar .rightAlign {
  background-position: -40px -40px;
}
.design-toolbar .menuBar .rightAlign:hover {
  background-position: 0px -40px;
}
.design-toolbar .menuBar .topAlign {
  background-position: -100px -40px;
}
.design-toolbar .menuBar .topAlign:hover {
  background-position: -60px -40px;
}
.design-toolbar .menuBar .horizontalAlign {
  background-position: -160px -40px;
}
.design-toolbar .menuBar .horizontalAlign:hover {
  background-position: -120px -40px;
}
.design-toolbar .menuBar .bottomAlign {
  background-position: -220px -40px;
}
.design-toolbar .menuBar .bottomAlign:hover {
  background-position: -180px -40px;
}
.design-toolbar .menuBar .levelSpacing {
  background-position: -40px -60px;
}
.design-toolbar .menuBar .levelSpacing:hover {
  background-position: 0px -60px;
}
.design-toolbar .menuBar .verticalSpacing {
  background-position: -100px -60px;
}
.design-toolbar .menuBar .verticalSpacing:hover {
  background-position: -60px -60px;
}
.design-toolbar .menuBar .lock {
  background-position: -220px -140px;
}
.design-toolbar .menuBar .lock:hover {
  background-position: -180px -140px;
}
.design-toolbar .menuBar .unlock {
  background-position: -220px -160px;
}
.design-toolbar .menuBar .unlock:hover {
  background-position: -180px -160px;
}
.design-toolbar .menuBar .graph {
  background-position: -161px -140px;
  margin-bottom: 0 !important;
}
.design-toolbar .menuBar .graph:hover {
  background-position: -121px -140px;
}
.design-toolbar .menuBar .graph.active {
  background-position: -121px -140px;
}
.design-toolbar .menuBar .showGrid {
  background-position: -40px -160px;
}
.design-toolbar .menuBar .showGrid:hover {
  background-position: 0px -160px;
}
.design-toolbar .menuBar .showGrid.active {
  background-position: 0px -160px;
}
.design-toolbar .menuBar .gridSnap {
  background-position: -40px -180px;
}
.design-toolbar .menuBar .gridSnap:hover {
  background-position: 0px -180px;
}
.design-toolbar .menuBar .gridSnap.active {
  background-position: 0px -180px;
}
.design-toolbar .menuBar .gridSnap.disabled {
  pointer-events: none;
  background-position: -20px -180px;
}
.design-toolbar .menuBar .guidelineSnap {
  background-position: -40px -200px;
}
.design-toolbar .menuBar .guidelineSnap:hover {
  background-position: 0px -200px;
}
.design-toolbar .menuBar .guidelineSnap.active {
  background-position: 0px -200px;
}
.design-toolbar .menuBar .fcloud-same-width,
.design-toolbar .menuBar .fcloud-same-height,
.design-toolbar .menuBar .fcloud-same-size {
  font-size: 20px;
  background: none;
  border-right: none;
  cursor: pointer;
  margin-left: -7px;
}
.design-toolbar .menuBar .fcloud-same-width span,
.design-toolbar .menuBar .fcloud-same-height span,
.design-toolbar .menuBar .fcloud-same-size span {
  display: inline;
  padding: 0;
  border-right: none;
  position: relative;
  top: 2px;
}
.design-toolbar .menuBar span a,
.design-toolbar .screenTitle a {
  text-decoration: none;
  display: inline-block;
  height: 20px;
  cursor: pointer;
  width: 20px;
  background-image: url("/assets/common/images/configure/toolbar.png");
}

.design-span-zoom {
  display: inline-block;
}
.design-span-zoom a {
  width: 18px;
  height: 20px;
  display: inline-block;
  font-size: 21px;
  cursor: pointer;
  vertical-align: sub;
  margin-left: 5px;
  margin-right: 4px;
}
.design-span-zoom .zoom-type {
  position: relative;
  top: -4px;
  margin-left: 3px;
  padding-left: 2px;
  width: 52px;
  height: 18px;
  line-height: 17px;
  font-size: 12px;
  color: #666;
}
.design-span-zoom select {
  border: solid 1px #7f939f;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("/assets/common/images/configure/arrow.png") no-repeat scroll right center transparent;
  padding-right: 14px;
  vertical-align: sub;
}
.design-span-zoom .increase-zoom,
.design-span-zoom .decrease-zoom {
  background-image: none !important;
}
.design-span-zoom .increase-zoom:hover .fcloud-increase-zoom:before {
  content: "\e93c";
}
.design-span-zoom .decrease-zoom:hover .fcloud-decrease-zoom:before {
  content: "\e940";
}
.design-span-zoom .increase-zoom:active .fcloud-increase-zoom:before {
  content: "\e939" !important;
  color: #3695ff !important;
}
.design-span-zoom .decrease-zoom:active .fcloud-decrease-zoom:before {
  content: "\e93e" !important;
  color: #3695ff !important;
}

.design-view-list .screen {
  width: 220px;
}
.design-view-list .screen .screenBody {
  background: #fff;
  -webkit-tap-highlight-color: #ffffff;
  height: 260px;
  overflow: auto;
  padding: 2px 8px;
}
.design-view-list .screen .screenBody .view-expander {
  height: 24px;
  cursor: pointer;
}
.design-view-list .screen .screenBody .view-expander i {
  padding: 0 6px 0 0;
  color: #999;
}
.design-view-list .screen .screenBody .view-expander .expander-icon:before {
  content: "\f0d7";
}
.design-view-list .screen .screenBody .view-expander .expander-button {
  width: 24px;
  height: 24px;
  float: right;
}
.design-view-list .screen .screenBody .view-expander .expander-button .fcloud-view-setting {
  color: #7f939f;
  padding: 0;
  vertical-align: middle;
  margin-left: 5px;
}
.design-view-list .screen .screenBody .view-expander .expander-button .fcloud-addCity {
  color: #7f939f;
  padding: 0;
  vertical-align: middle;
  margin-left: 5px;
}
.design-view-list .screen .screenBody .view-expander .expander-button:hover .fcloud-view-setting {
  color: #3695ff;
}
.design-view-list .screen .screenBody .view-expander .expander-button:hover .fcloud-addCity {
  color: #3695ff;
}
.design-view-list .screen .screenBody .view-expander .collapsed i {
  padding: 0 6px 0 3px;
}
.design-view-list .screen .screenBody .view-expander .collapsed .expander-icon:before {
  content: "\f0da";
}
.design-view-list .screen .screenBody .screen-items {
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.design-view-list .screen .screenBody .screen-items .screen-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 16px;
  height: 14px;
  width: 14px;
  background-image: url("/assets/common/images/configure/toolbar.png");
}
.design-view-list .screen .screenBody .screen-items .screen-default-web-icon {
  background-position: -94px -160px;
}
.design-view-list .screen .screenBody .screen-items .screen-default-app-icon {
  background-position: -122px -160px;
}
.design-view-list .screen .screenBody .screen-items .screen-startup-web-icon {
  background-position: -80px -160px;
}
.design-view-list .screen .screenBody .screen-items .screen-startup-app-icon {
  background-position: -108px -160px;
}
.design-view-list .screen .screenBody .screen-items .screen-thumbnail-icon {
  background-position: -136px -160px;
}
.design-view-list .screen .screenBody .screen-items .screen-name {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.design-view-list .screen .screenBody .screen-items .screen-name em {
  font-style: normal;
}
.design-view-list .screen .screenBody .screen-items .title {
  background-position: -128px -160px;
}
.design-view-list .screen .screenBody .screen-items .more {
  float: right;
  width: 24px;
}
.design-view-list .screen .screenBody .screen-items .more .more-icon {
  background-position: -60px -166px;
  margin: 0 0 0 4px;
}
.design-view-list .screen .screenBody .screen-items .screen-more {
  box-shadow: 0 0 5px #666;
  position: absolute;
  right: 2px;
  display: none;
  z-index: 20;
  background-color: #fff;
  width: 140px;
}
.design-view-list .screen .screenBody .screen-items .screen-more nav a {
  width: 100%;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  padding: 2px 5px;
  color: #666;
}
.design-view-list .screen .screenBody .screen-items .screen-more nav a:hover {
  background-color: #dae8ff;
}
.design-view-list .screen .screenBody .screen-items.selected .title {
  background-position: -139px -160px;
}
.design-view-list .screen .screenBody .screen-items.selected:hover {
  background-color: #3695ff;
  color: #fff;
}
.design-view-list .screen .screenBody .screen-items.selected:hover .more:hover {
  background-color: #2783ea;
}
.design-view-list .screen .screenBody .screen-items:hover {
  background-color: #dae8ff;
  color: #333;
}
.design-view-list .screen .screenBody .screen-items:hover .more:hover {
  background-color: #c1d8fe;
}
.design-view-list .screen .screenBody .popview-thumbnail-icon {
  background-position: -80px -174px;
}

.design-view-tab .diagram-div {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.design-view-tab .diagram-div .view-tab-title {
  width: 100%;
  overflow: hidden;
  background: #f4f4f4;
  height: 28px;
  position: relative;
}
.design-view-tab .diagram-div .view-tab-title ul,
.design-view-tab .diagram-div .view-tab-title li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.design-view-tab .diagram-div .view-tab-title ul.title-ul,
.design-view-tab .diagram-div .view-tab-title .title-ul li {
  height: 100%;
}
.design-view-tab .diagram-div .view-tab-title ul.title-ul {
  white-space: nowrap;
  position: absolute;
  left: 0;
  transition: left 0.5s ease-in-out;
}
.design-view-tab .diagram-div .view-tab-title .title-ul li {
  display: inline-block;
  cursor: pointer;
  line-height: 28px;
  padding: 0 5px;
}
.design-view-tab .diagram-div .view-tab-title .removeTabBtn {
  width: 14px;
  height: 14px;
  border: none;
  top: 5px;
  right: 0;
  background: url("/assets/common/images/configure/toolbar.png") -150px -158px;
  color: transparent;
}
.design-view-tab .diagram-div .view-tab-title .tabsIcon {
  display: inline-block;
  width: 14px;
  height: 16px;
  position: relative;
  top: 2px;
  background: url("/assets/common/images/configure/toolbar.png") -123px -158px;
}
.design-view-tab .diagram-div .view-tab-title .pageTabs-default-web-icon {
  background-position: -94px -158px;
}
.design-view-tab .diagram-div .view-tab-title .pageTabs-default-app-icon {
  background-position: -122px -158px;
}
.design-view-tab .diagram-div .view-tab-title .pageTabs-startup-web-icon {
  background-position: -80px -158px;
}
.design-view-tab .diagram-div .view-tab-title .pageTabs-startup-app-icon {
  background-position: -108px -158px;
}
.design-view-tab .diagram-div .view-tab-title .pageTabs-thumbnail-icon {
  background-position: -136px -158px;
}
.design-view-tab .diagram-div .view-tab-title .title-ul li:hover .removeTabBtn {
  background-position: -150px -158px;
}
.design-view-tab .diagram-div .view-tab-title .title-ul .title-ul li:hover .removeTabBtn:hover {
  background-position: -164px -158px;
}
.design-view-tab .diagram-div .view-tab-title .title-ul li:hover {
  background: #eee;
}
.design-view-tab .diagram-div .view-tab-title .title-ul li.active {
  background: #ddd;
}
.design-view-tab .diagram-div .view-tab-content {
  overflow: hidden;
}
.design-view-tab .popview-thumbnail-icon.tabsIcon {
  background: url('/assets/common/images/configure/toolbar.png');
  background-position: -80px -174px;
}
.design-view-tab .more-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.design-view-tab .more-button button {
  background: #f4f4f4;
  border: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.design-view-tab .more-button .dropdown-menu {
  right: 0;
  border-radius: 0;
  padding: 0;
}
.design-view-tab .more-button .dropdown-menu hr {
  margin: 5px 0;
}
.design-view-tab .more-button .dropdown-menu > li > a {
  font-size: 12px;
  padding: 2px 5px;
  color: #666;
  line-height: 24px;
}
.design-view-tab .more-button .dropdown-menu > li > a:hover {
  background: #dae8ff;
}
.design-view-tab .more-button .view-list-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 5px;
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
  color: #666;
}
.design-view-tab .more-button .view-list-title:hover {
  background: #dae8ff;
}
.design-view-tab .more-button .more {
  transform: rotateZ(-90deg);
}
.design-view-tab .more-button .more .fcloud-left {
  margin-top: 0;
}
.design-view-tab .more-button .more .fcloud-left:before {
  color: #A0A2AD;
}
.design-view-tab .more-button .view-list {
  max-height: 200px;
  overflow: hidden auto;
}

.design-view-background-settings .color-picker {
  width: 100px;
  height: 30px;
}

.design-view-pop-setting .newLine {
  clear: both;
}
.design-view-pop-setting .radio-inline {
  margin-right: 30px;
}
.design-view-pop-setting .margin-top {
  margin-top: 10px;
}
.design-view-pop-setting input[type='text'],
.design-view-pop-setting input[type='number'] {
  height: 30px;
}
.design-view-pop-setting .star {
  color: red;
  top: 2px;
  font-style: normal;
  position: unset;
}

.design-view-general-setting input[type='text'],
.design-view-general-setting input[type='number'] {
  height: 30px;
}
.design-view-general-setting .modify-size-warning {
  color: sandybrown;
  padding-top: 5px;
}
.design-view-general-setting .form-group.preset-sizes {
  margin-bottom: 0px;
}
.design-view-general-setting .form-group.size {
  margin-bottom: 0.5em;
}
.design-view-general-setting .star {
  color: red;
}

.characterModal .characterTypeRadio a {
  text-decoration: none;
  color: inherit;
}
.characterModal .modal-content {
  width: 600px;
}
.characterModal .display-variable-name {
  line-height: 30px;
}
.variable-text-input {
  width: 100%;
}
.warning-text {
  color: red;
  font-size: 14px;
  padding: 5px;
}

.color-picker-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.transparent {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/assets/common/images/colorPicker/transparent.png");
  z-index: 1;
  left: 0;
  top: 0;
}
.color-picker {
  border: 1px solid #EBECF0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.color-picker:focus {
  outline: none;
  box-shadow: none;
}

.color-picker-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.transparent {
  position: absolute;
  background: url("/assets/common/images/colorPicker/transparent.png") 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  bottom: 0;
  right: 3px;
  width: 13px;
  height: 2px;
}
.color-picker {
  border: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}
.color-picker:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}
.font-color {
  width: 13px;
  height: 2px;
  border: none;
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 3px;
}

.add-margin {
  margin-left: 10px;
}
.form-inline-label {
  line-height: 12px;
}
.sep {
  width: 100%;
  height: 0;
  margin-top: 10px;
}
.inline-control {
  display: inline-block;
}
.inline-control select {
  width: 144px !important;
}
.lb-color {
  margin-right: 10px;
}
.inline-control {
  margin-left: 7px;
}

.history-table {
  border: none;
}
.history-table table {
  width: 100%;
  border: 1px solid #d7dbe5;
}
.history-table table tbody {
  max-height: 128px;
  overflow-y: auto;
}
.history-table table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  color: #666;
  border-top: 1px solid #d7dbe5;
}
.history-table table tbody tr td .color-picker {
  width: 80px;
  height: 26px;
}
.history-table table thead tr {
  background-color: #f2f3f8;
}
.history-table table thead tr th {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  color: #333333;
  font-size: 15px;
  padding: 6px;
}
.history-table .line-color-div {
  width: 100%;
  height: 26px;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
}

.sepeator {
  width: 100%;
  clear: both;
  margin-top: 10px;
}
.general-select {
  width: 100%;
  border: 1px solid #d7dbe5;
  color: #666666;
  font-size: 14px;
  padding: 0 0 0 5px;
}
.half-line {
  width: calc(50% - 10px);
  height: 30px;
}
.half-line:nth-child(2n) {
  margin-left: 20px;
}
.line,
.bar-group,
.bar-stack {
  width: 60px;
  height: 60px;
  border: 1px solid #d7dbe5;
}
.bar-group,
.bar-stack {
  margin-left: 10px;
}
.history-curve-active {
  border: 1px solid #3695ff;
}
.graph {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.fcloud-line,
.fcloud-bar-group,
.fcloud-bar-stack {
  font-size: 60px;
  background: none;
  border-right: none;
  cursor: pointer;
}
.fcloud-line span,
.fcloud-bar-group span,
.fcloud-bar-stack span {
  display: inline;
  padding: 0;
  border-right: none;
  position: relative;
  top: 0;
}

.straight-line-general .form-inline-label {
  float: left;
  margin-top: 3px;
}
.color-picker {
  width: 100px;
}

.configure.meter .checkbox {
  padding-left: 20px;
}
.configure.meter .form-control {
  width: 100%;
}

.numericalDisplaySettingModal .numerical-tooltip {
  color: #999;
  padding-top: 10px;
}
.numericalDisplaySettingModal .font-padding {
  padding-top: 10px;
}
.numericalDisplaySettingModal .hexColor {
  color: red;
}
.numericalDisplaySettingModal .modal-content {
  width: 600px;
  top: 30px;
}
.numericalDisplaySettingModal .numerical-operation {
  padding-left: 10px;
  margin-bottom: 10px;
}
.numericalDisplaySettingModal .ui-dropdown .ui-dropdown-label {
  padding: 0.42em !important;
}
.conversion-type label {
  margin-right: 20px;
}
textarea.no-resize {
  height: 30px;
  resize: none;
  padding: 3px !important;
}
.variable-text-input {
  width: 100%;
}
.warning-text {
  color: red;
  font-size: 14px;
  padding: 5px;
}
.design-nav-link .fe-vertical-label {
  display: inline-block;
}
.design-nav-link .nav.nav-tabs .nav-link {
  color: #666 !important;
  border-bottom: 1px solid transparent;
}
.design-nav-link .nav.nav-tabs .active {
  border-color: #fff;
  color: #3695ff !important;
  border-bottom: 1px solid #3695ff !important;
}
.design-nav-link .nav.nav-tabs .nav-link:hover {
  border-color: white;
  color: #3695ff;
}

.configure.pipe .form-label {
  width: 100px;
}
.configure.pipe .checkbox {
  padding-left: 20px;
  margin-bottom: 0px;
}
.configure.pipe .left {
  width: 100%;
}
.configure.pipe .right {
  width: 100%;
}
.configure.pipe .margin-top-5 {
  margin-top: 5px;
}
.configure.pipe .pipeWallColor,
.configure.pipe .backGroundColor,
.configure.pipe .blockColor {
  margin-left: 4px;
}
.configure.pipe .color-picker-label {
  float: left;
  margin-top: 3px;
}
.inline-label {
  float: left;
}
.color-picker {
  width: 100px;
}

.polygon-general .form-inline-label {
  float: left;
  margin-top: 3px;
}
.color-picker {
  width: 100px;
}
.polygon-general-setting .polygon-general-color-picker {
  float: left;
  z-index: 999;
}

.full-width {
  width: 100%;
}
.inline-control {
  display: inline-block;
}
.inline-control select {
  width: 144px !important;
}
.lbTop {
  margin-top: 5px;
}
.row.lbTop {
  margin-top: 10px;
}
.lbCalibration {
  margin-top: 10px;
}
.lbCalibration label {
  line-height: 13px;
}
.warning {
  color: red;
}
.warning.first {
  margin-left: 10px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear {
  width: 100%;
  height: 0;
  clear: both;
}
.lbTop-large {
  margin-top: 10px;
}
.add-margin {
  margin-left: 10px;
}
.decrease-margin-bottom {
  margin-bottom: -10px;
}
.increase-margin-top {
  margin-top: 5px;
}
.percentage-row {
  margin-bottom: 10px;
}
.color-picker {
  width: 100px;
}

.checkadjust {
  white-space: nowrap;
  margin-top: 1rem;
  margin-left: 0.5rem;
}
.addtopSpace {
  margin-top: 5px;
}
.btnr {
  color: #333;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
}
.btnr:hover {
  color: #333;
}
.btnr:link {
  color: #333;
}
.choose-label {
  top: 9px;
  white-space: nowrap;
  padding-left: 10px;
}
.choose-authority {
  width: calc(100% - 152px);
}

.graphicsBox {
  display: inline-block;
  width: 280px;
  margin-right: 7px;
}
.graphicsBox .graphics {
  width: 100%;
  height: 47%;
  overflow-y: auto;
  border: 1px solid #dddddd;
}
.graphicsBox .graphics .graph {
  width: 64px;
  height: 64px;
  border: 2px solid transparent;
}
.modal-border-bottom {
  border-bottom: 1px solid #f4f4f4;
}

.display-setting-base .position-and-rotate {
  width: 100%;
}
.display-setting-base .position,
.display-setting-base .rotate {
  width: calc(50% - 5px);
}
.display-setting-base .position .fe-modal-content,
.display-setting-base .rotate .fe-modal-content {
  height: 90px;
}
.display-setting-base .rotate .fe-modal-content {
  position: relative;
}
.display-setting-base .position {
  float: left;
}
.display-setting-base .rotate {
  float: right;
}
.display-setting-base .position .flexem-form-body {
  height: 90px;
}
.display-setting-base .width-and-height {
  height: 30px;
  width: 100%;
}
.display-setting-base .width-and-height > div {
  width: 50%;
  display: inline-block;
  max-width: 137px;
}
.display-setting-base .width-and-height:nth-child(1) {
  margin-bottom: 10px;
}
.display-setting-base .inline-block {
  display: inline-block;
}
.display-setting-base span.inline-block {
  width: 20px;
}
.display-setting-base input.inline-block {
  width: 80px;
  height: 30px;
}
.display-setting-base .width-and-height:nth-child(2) {
  margin-bottom: 0;
}
.display-setting-base .rotate-body {
  width: 64px;
  height: 64px;
  margin: 2px 10px;
  position: relative;
  top: -5px;
}
.display-setting-base .rotate-border {
  width: 54px;
  height: 54px;
  position: absolute;
  border: 1px solid #b5c2ca;
  top: 11px;
  left: 5px;
}
.display-setting-base .rotate-top,
.display-setting-base .rotate-middle,
.display-setting-base .rotate-bottom {
  width: 100%;
  height: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.display-setting-base .rotate-middle,
.display-setting-base .rotate-bottom {
  margin-top: 16px;
}
.display-setting-base .rotate-top > div,
.display-setting-base .rotate-middle > div,
.display-setting-base .rotate-bottom > div {
  width: 10px;
  height: 10px;
}
.display-setting-base .rotate-body {
  height: 66px;
}
.display-setting-base .rotate-body input[type=radio] {
  width: 10px;
  height: 10px;
  position: relative;
}
.display-setting-base .rotate-body input[type=radio]::before {
  width: 10px;
  height: 10px;
  background: white;
  border: 1px solid #b5c2ca;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.display-setting-base .rotate-body input[type=radio]::after {
  top: 1px;
  left: 1px;
}
.display-setting-base .rotate-body input[type=radio]:checked:before {
  width: 10px;
  height: 10px;
  background: #3695ff;
}
.display-setting-base .rotate-body input[type=radio]:checked:after {
  top: 1px;
  left: 1px;
}
.display-setting-base .angle {
  width: 130px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.display-setting-base .angle span {
  width: 45px;
  line-height: 30px;
  font-size: 14px;
}
.display-setting-base .angle input {
  width: 80px;
  height: 30px;
  padding: 5px 10px;
}
.display-setting-base .flexem-form-body {
  position: relative;
}
.display-setting-base .flexem-form-body input {
  padding: 0 5px;
}
.display-setting-base .primeng-datatable-container .ui-table-thead tr {
  border-bottom: 0!important;
}
.display-setting-base .primeng-datatable-container th,
.display-setting-base .primeng-datatable-container td {
  box-sizing: border-box;
  background: transparent;
  padding: 0 10px!important;
  line-height: 29px;
}
.display-setting-base .primeng-datatable-container .primeng-no-data {
  box-sizing: border-box;
  padding: 5px 10px;
  height: 30px;
}
.display-setting-base .ui-table-scrollable-body {
  margin-top: -1px;
}
.display-setting-base .btns button {
  margin-right: 10px;
}
.display-setting-base .btns {
  margin: 10px 0;
}
.display-setting-base .margin-top-5 {
  margin-top: 5px;
}
.display-setting-base .and-or-select {
  font-size: 12px;
  color: #666666;
  height: 24px;
  width: 80px;
}

.enable-setting .checkadjust {
  white-space: nowrap;
  margin-left: 4px;
  margin-top: 0px;
}
.enable-setting .primeng-datatable-container .ui-table-thead tr {
  border-bottom: 0!important;
}
.enable-setting .primeng-datatable-container th,
.enable-setting .primeng-datatable-container td {
  box-sizing: border-box;
  background: transparent;
  padding: 0 10px!important;
  line-height: 29px;
}
.enable-setting .primeng-datatable-container .primeng-no-data {
  box-sizing: border-box;
  padding: 5px 10px;
  height: 30px;
}
.enable-setting .ui-table-scrollable-body {
  margin-top: -1px;
}
.enable-setting .btns button {
  margin-right: 10px;
}
.enable-setting .btns {
  margin: 10px 0;
}
.enable-setting .margin-top-5 {
  margin-top: 5px;
}
.enable-setting .and-or-select {
  font-size: 12px;
  color: #666666;
  height: 24px;
  width: 80px;
}

.checkadjust {
  white-space: nowrap;
  margin-left: 4px;
  margin-top: 0px;
}

.designer-dynamic-conduct .dynamic-conduct .case {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.designer-dynamic-conduct .dynamic-conduct .text-danger {
  margin-top: 2px;
}
.designer-dynamic-conduct .dynamic-conduct .form-inline-label {
  margin-top: 5px;
}
.designer-dynamic-conduct .variable-warning-message {
  margin-left: 20%;
}
.designer-dynamic-conduct .coordinate-warning-message {
  margin-left: 0;
}
.designer-dynamic-conduct .flexem-option-transverse-input > input {
  width: 100%;
  padding: 0 5px;
}
.designer-dynamic-conduct .interval-top {
  margin-top: 10px;
}
.designer-dynamic-conduct .scale-shifting {
  width: 100%;
}
.designer-dynamic-conduct .fe-transverse-label {
  margin-bottom: 0;
}
.designer-dynamic-conduct .fe-option-head label {
  margin-bottom: 0;
}
.designer-dynamic-conduct .fe-transverse-component input {
  width: 100%;
}

.modal-body-content .form-group label {
  margin: auto;
  padding-right: 0;
}
.modal-body-content .form-group .form-control {
  width: 100%;
}
.modal-body-content .form-group input {
  height: 30px;
  border-radius: 0;
}
.modal-body-content .form-group .statusList {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  height: 236px;
  overflow-y: auto;
}
.modal-body-content .form-group .statusList .statusBox {
  height: 80px;
  width: 80px;
  border: 1px solid #ddd;
  margin-right: 28px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus {
  align-items: center;
  display: flex;
  position: relative;
  height: 100%;
  background-color: #f4f4f4;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus .uploadFileBtn {
  text-align: center;
  width: 100%;
  text-decoration: none;
  color: #fff;
  background-color: #3695ff;
  height: 26px;
  line-height: 26px;
  border-radius: 20px;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus .upload {
  margin: 0 8px;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus .reupload {
  margin: 25px 1px;
  display: none;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus .del-state {
  height: 20px;
  position: absolute;
  width: 20px;
  background-position: center;
  top: 0;
  right: 0;
  border-radius: 50%;
  background-color: #bbbbbb;
  display: none;
  text-align: center;
  cursor: pointer;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus .uploadThumbnail {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.modal-body-content .form-group .statusList .statusBox .graphStatus:hover .del-state,
.modal-body-content .form-group .statusList .statusBox .graphStatus:hover .reupload {
  display: block;
}
.modal-body-content .form-group .statusList .statusBox .statusFont {
  text-align: center;
  margin: 5px 0;
}
.modal-body-content .form-group .statusList .statusBox.addGraph-btn {
  background: url("/assets/common/images/configure/addGraph.png") center no-repeat;
}
.modal-body-content .form-group .statusList .statusBox.addGraph-btn:hover {
  background: url("/assets/common/images/configure/addGraph-hover.png") center no-repeat;
}
.modal-body-content .form-group .hiddenSpan {
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  width: 0px;
  height: 0px;
  border: none;
  margin: 0;
  padding: 0;
}
.fe-modal-container .fe-modal-header.create-or-updata {
  border-bottom: 1px solid #f4f4f4;
}
.fe-transverse-component.size-tip {
  height: auto;
}

.gallery-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.gallery-wrap li {
  cursor: pointer;
}
.gallery-wrap a:focus,
.gallery-wrap a:hover {
  color: #2889d0;
  border: none;
}
.gallery-wrap a:active,
.gallery-wrap a:hover {
  outline: 0;
}
.gallery-wrap .listLink {
  display: block;
  text-decoration: none;
  color: #303030;
  padding: 8px 12px 8px 10px;
  text-overflow: ellipsis;
}
.gallery-wrap .listLink:hover {
  text-decoration: none;
  background: #EEEEEE;
}
.gallery-wrap .listLinkSelected {
  display: block;
  text-decoration: none;
  padding: 8px 12px 8px 10px;
  background: #EEEEEE;
  border: 1px solid #EEEEEE;
}
.gallery-wrap a {
  color: #EEEEEE;
  text-decoration: none;
}
.gallery-wrap .graphSettingBox {
  height: 255px;
  border: 1px solid #ddd;
  overflow-x: auto;
  display: block;
}
.gallery-wrap .graphSettingBox .font12Size {
  font-size: 12px;
}
.gallery-wrap .graphSettingBox .selectedType {
  background: #EEEEEE;
}
.gallery-wrap .graphType {
  width: 140px;
  float: left;
  height: 400px;
  margin-right: 10px;
}
.gallery-wrap .graphBoxes {
  width: 78%;
}
.gallery-wrap .stateBox {
  height: 140px;
  margin-top: 5px;
  border: none;
}
.gallery-wrap .colorPick {
  width: 50px;
}
.gallery-wrap .span-inline-block {
  display: inline-block;
  width: 100%;
}
.gallery-wrap .backgroundBorder {
  padding: 5px;
  border: 1px solid #ddd;
}
.gallery-wrap .graphBtns button {
  height: 26px;
  line-height: 22px;
  margin-right: 10px;
}

.padding-top-10 {
  padding-top: 10px;
}

.designer-graph-setting .graphSettingBox {
  height: 250px;
  background: #f2f3f8;
  overflow-x: auto;
  display: inline-block;
}
.designer-graph-setting .graphSettingBox .font12Size {
  font-size: 12px;
}
.designer-graph-setting .graphSvg,
.designer-graph-setting .graphPng {
  padding: 5px;
  border: 1px solid transparent;
}
.designer-graph-setting .graphSvg.selectedGallery,
.designer-graph-setting .graphPng.selectedGallery {
  border-color: #2d89ef;
}
.designer-graph-setting .stateBox {
  display: inline-block;
  width: 168px;
  margin-left: 3px;
  position: absolute;
}
.designer-graph-setting .stateBox .graphSettingBox {
  width: 100%;
}
.designer-graph-setting .graphBox {
  display: inline-block;
  width: 390px;
}
.designer-graph-setting .graphBox .graphSettingBox {
  width: 100%;
}
.designer-graph-setting .colorPick {
  width: 50px;
}
.designer-graph-setting .span-inline-block {
  display: inline-block;
  width: 100%;
}
.designer-graph-setting .backgroundBorder {
  background: #f2f3f8;
  padding: 15px 10px;
}
.designer-graph-setting .graphBtns {
  margin-top: 5px;
}
.designer-graph-setting .graphBtns button {
  height: 26px;
  line-height: 22px;
  margin-right: 10px;
}
.designer-graph-setting .editedState label.control-label {
  display: block;
  width: 85px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 0!important;
}
.designer-graph-setting .editedState input.stroke {
  width: 50px;
}
.designer-graph-setting .form-group {
  margin-bottom: 15px;
}
.designer-graph-setting .colorPicker {
  width: 80px;
  height: 24px;
  border: 0;
  float: left;
}
.designer-graph-setting .color-picker-content {
  overflow: hidden;
}
.designer-graph-setting .marginTop-10 {
  margin-top: 10px;
}

.selectedGroup {
  display: block;
  text-decoration: none;
  background: #EEEEEE;
  border: 1px solid #EEEEEE;
}
.listLink {
  position: relative;
  max-height: 50px;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.designer-choose-monitor .searchCondition {
  margin-bottom: 10px;
}
.designer-choose-monitor .searchCondition .input-group {
  padding-right: 0;
}
.designer-choose-monitor .searchCondition select {
  line-height: 34px;
  height: 34px;
  padding: 0 20px 0 5px;
}
.designer-choose-monitor .input-group .form-control {
  padding-right: 16px;
  border-radius: 0;
}
.designer-choose-monitor .input-group .var-form-control {
  height: 34px;
  padding-left: 10px;
  padding-right: 34px;
}
.designer-choose-monitor .input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 34px;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}
.designer-choose-monitor :host ::ng-deep .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
}
.designer-choose-monitor .fe-modal-footer {
  margin-top: 0px;
}
.designer-choose-monitor .primeng-datatable-container tr.can-select-list {
  cursor: pointer;
}
.designer-choose-monitor select.form-control:not([size]):not([multiple]) {
  padding-top: 0;
  height: calc(2.4rem + 2px);
}
body .designer-choose-monitor .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  display: block;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  margin-top: 0 !important;
  margin-left: 0 !important;
  font-size: 1.125rem;
}

.variable-input {
  width: 100%;
}
.variable-input .variable-select {
  width: calc(100% - 30px);
  float: left;
  color: rgba(0, 0, 0, 0.3);
  line-height: 30px;
}
.variable-input .open-monitor-btn {
  width: 30px;
  height: 30px;
  line-height: 25px;
  float: left;
  background-color: white;
  border: 1px solid #d7dbe5;
  border-left: 0;
  cursor: pointer;
}
.variable-input .open-monitor-btn span {
  color: #3695FF;
}
.variable-input .ng-select {
  margin-left: 0 !important;
}

table,
th,
td {
  border: 0;
}
.state-number {
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #333333;
}
.state-number .state-tool-tip {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.state-number input[type=number] {
  width: 80px;
  height: 30px;
}
.stateTable.table-scrollable {
  height: 180px;
  border: 1px solid #d7dbe5;
  text-align: center;
  word-wrap: break-word;
  width: 100%;
  background: #F2F3F8;
  margin-top: 6px;
}
.stateTable.table-scrollable table > thead > tr {
  color: #333333;
}
.stateTable.table-scrollable table > thead > tr th {
  padding: 0;
  line-height: 30px;
  border-bottom: 1px solid #d7dbe5;
}
.stateTable.table-scrollable .dataTables_scrollBody {
  border-bottom: none;
  height: 150px;
  overflow-y: scroll;
  max-height: 150px;
  overflow-y: auto;
}
.stateTable.table-scrollable .dataTables_scrollBody table > tbody > tr {
  color: #666666;
}
.stateTable.table-scrollable .dataTables_scrollBody table > tbody > tr td {
  padding: 0;
  line-height: 29px;
  border-bottom: 1px solid #d7dbe5;
}
.stateTable.table-scrollable .dataTables_scrollBody table > tbody > tr:nth-child(1) td {
  line-height: 30px;
}
table {
  width: 100%;
}
tr.selected {
  background-color: #3695ff;
}
tr.selected > td {
  color: #ffffff !important;
  border-bottom: 1px solid #3695ff !important;
}
th.disabled {
  color: #999;
}
.editedState {
  margin-top: 10px;
  background: #f2f3f8;
  border: 0;
}
.state-radio {
  width: 30%;
}
.font-style {
  margin-left: 105px;
}
.condition-select,
.condition-input {
  width: 90px;
  float: left;
}
.condition-input {
  margin-left: 10px;
}
.noResize {
  resize: none;
}
.whole-width {
  width: 100%;
}
textarea {
  float: left;
  width: calc(100% - 105px);
  height: 150px;
  line-height: 20px;
}

.polygon-general .form-inline-label {
  float: left;
  margin-top: 3px;
}
.color-picker {
  width: 100px;
}
.design-color-picker {
  position: relative;
}
.design-color-picker-float {
  float: left;
  z-index: 999;
}

.configure-video {
  min-width: 630px;
}
.configure-video .header-line {
  border-bottom: 1px solid #f4f4f4;
}
.configure-video .fe-option-body-transverse {
  width: 100%;
}
.configure-video .video-content input,
.configure-video .video-name input {
  height: 30px;
  padding-left: 8px;
  width: 100%;
}
.configure-video .video-content label,
.configure-video .video-name label {
  margin-top: 5px;
}
.configure-video .create-video-tooltip {
  font-weight: 400;
  color: #7b7e8a;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 15px;
}
.configure-video .is-default-url {
  margin-top: 10px;
  margin-bottom: 10px;
}
.configure-video .video-url {
  margin-bottom: 10px;
}
.configure-video .flaticon-questions-circular-button {
  color: #C4C6CF;
  font-size: 16px;
}
.configure-video .flex-y-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.video-setting .select-video-name {
  float: left;
  width: calc(100% - 90px);
}
.video-setting .create-video {
  width: 62px;
}

.design-modal-dialog .read-address-text {
  margin-left: 20px;
}
.design-modal-dialog .address-div {
  margin-bottom: 12px;
}
.design-modal-dialog .modal-content {
  width: 630px;
}
.design-modal-dialog .modal-header {
  border-bottom: 1px solid #F4F4F4 !important;
}

.padding-top-10 {
  padding-top: 10px;
}
.modal-dialog.max-width-700 {
  max-width: 700px;
}
.design-nav-link .nav.nav-tabs .nav-link {
  color: #666 !important;
  border-bottom: 1px solid transparent;
}
.design-nav-link .nav.nav-tabs .active {
  border-color: #fff;
  color: #3695ff !important;
  border-bottom: 2px solid #3695ff;
}
.design-nav-link .nav.nav-tabs .nav-link:hover {
  border-color: white;
  color: #3695ff;
}

.graphList {
  text-align: center;
  float: left;
  width: 64px;
  height: 100px;
  margin-left: 10px;
  margin-top: 10px;
}
.graphList .graph {
  width: 64px;
  height: 64px;
  border: 2px solid transparent;
  display: flex;
  cursor: pointer;
  justify-content: center;
}
.graphList .graph .svgGraph > svg {
  width: 100%;
  height: 100%;
}
.graphList .graph img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  align-self: center;
}
.graphList span {
  font-size: 12px;
  word-break: break-word;
}
.graphList .graph.selectedGallery {
  border-color: #2d89ef;
}
.inline-control {
  display: inline-block;
}

.design-galleryCurrent .galleryCurrent {
  border: 0;
}
.design-galleryCurrent .galleryCurrent .graphSettingBox {
  width: 100%;
}

.configure-permission-list .permission-list-table {
  line-height: 29px;
  margin-bottom: 0;
}
.configure-permission-list .permission-list-table th,
.configure-permission-list .permission-list-table td {
  padding: 0;
}
.configure-permission-list .permission-list-table thead tr {
  background: #f0f1f5;
}
.configure-permission-list .permission-list-table thead tr,
.configure-permission-list .permission-list-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.configure-permission-list .permission-list-table tbody {
  display: block;
  max-height: 304px;
  overflow: auto;
}
.configure-permission-list .permission-list-table td:nth-child(1) {
  width: 15%;
}
.configure-permission-list .permission-list-table td:nth-child(2) {
  width: 35%;
}
.configure-permission-list .permission-list-table td:nth-child(3) {
  width: 35%;
}
.configure-permission-list .permission-list-table td:nth-child(4) {
  widows: 15%;
}
.configure-permission-list .permission-list-table a {
  padding-right: 6px;
  text-decoration: none;
  color: #3695ff;
}
.configure-permission-list .add-button {
  margin-bottom: 10px;
}
.configure-permission-list .add-button button {
  width: 90px;
}

#permissionModal {
  z-index: 10000 !important;
}

#permissionItemModal {
  z-index: 10002 !important;
}
.configure-permission .permission-name,
.configure-permission .permission-description {
  border-radius: 0;
  width: 100%;
}
.configure-permission .permission-name {
  height: 30px;
}
.configure-permission .permission-description {
  height: 60px;
  border: 1px solid #d7dbe5;
  padding-left: 8px;
}
.configure-permission .star {
  color: red;
}
.configure-permission input {
  padding-left: 8px;
}
.configure-permission .design-modal-body-content {
  height: 150px !important;
}
.createOrEditConfigurePermissionModal {
  min-width: 500px !important;
}

.configure-video .video-table {
  line-height: 29px;
  margin-bottom: 0;
}
.configure-video .video-table th,
.configure-video .video-table td {
  padding: 0;
}
.configure-video .video-table thead tr {
  background: #f0f1f5;
}
.configure-video .video-table thead tr,
.configure-video .video-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.configure-video .video-table tbody {
  display: block;
  max-height: 304px;
  overflow: auto;
}
.configure-video .video-table td:nth-child(1) {
  width: 10%;
}
.configure-video .video-table td:nth-child(2) {
  width: 15%;
}
.configure-video .video-table td:nth-child(3) {
  width: 15%;
}
.configure-video .video-table td:nth-child(4) {
  width: 45%;
  word-break: break-all;
}
.configure-video .video-table td:nth-child(5) {
  width: 15%;
}
.configure-video .video-table a {
  padding-right: 6px;
  text-decoration: none;
  color: #3695ff;
}
.configure-video .add-button {
  margin-bottom: 10px;
}
.configure-video .add-button button {
  width: 90px;
}

.configure-video {
  min-width: 630px;
}
.configure-video .fe-option-body-transverse {
  width: 100%;
}
.configure-video .video-content input,
.configure-video .video-name input {
  height: 30px;
  padding-left: 8px;
  width: 100%;
}
.configure-video .video-content label,
.configure-video .video-name label {
  margin-bottom: 5px;
}
.configure-video .create-video-tooltip {
  font-weight: 400;
  color: #7b7e8a;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 15px;
}
.configure-video .star {
  color: red;
}
.configure-video .is-default-url {
  margin-top: 10px;
  margin-bottom: 10px;
}
.configure-video .video-url {
  margin-bottom: 10px;
}
.configure-video .video-url .icon-tips {
  margin-top: 8px;
  cursor: pointer;
}
.configure-video .flaticon-questions-circular-button {
  color: #C4C6CF;
  font-size: 16px;
}
.configure-video .flex-y-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: default;
}
.createOrEditConfigureVideoModal {
  min-width: 500px !important;
}

.design-font-setting .form-control {
  background-color: white;
}
.design-font-setting .textToolBar {
  display: inline-flex;
}
.design-font-setting .textToolBar select {
  float: left;
  width: 80px;
  height: 32px;
  padding: 0;
}
.design-font-setting .textToolBar a {
  text-decoration: none;
  display: inline-block;
  height: 20px;
  cursor: pointer;
  width: 20px;
  vertical-align: -webkit-baseline-middle;
  background-image: url("/assets/common/images/configure/textToolBar.png");
}
.design-font-setting .textToolBar ::ng-deep .ui-inputtext {
  padding-top: 5px;
  padding-bottom: 6px;
}
.design-font-setting .textToolBar .font-family {
  margin-right: 10px;
}
.design-font-setting .textToolBar > span {
  float: left;
  padding: 0 2px;
  line-height: 24px;
}
.design-font-setting .textToolBar > span:last-child {
  position: relative;
}
.design-font-setting .bold {
  background-position: -40px 0px;
}
.design-font-setting .bold.clicked {
  background-position: 0px 0px;
}
.design-font-setting .italic {
  background-position: 80px 20px;
}
.design-font-setting .italic.clicked {
  background-position: 120px 20px;
}
.design-font-setting .underline {
  background-position: 140px 0px;
}
.design-font-setting .underline.clicked {
  background-position: 180px 0px;
}
.design-font-setting .alignLeft {
  background-position: 80px 0px;
}
.design-font-setting .alignLeft.clicked {
  background-position: 120px 0px;
}
.design-font-setting .alignCenter {
  background-position: 20px 0px;
}
.design-font-setting .alignCenter.clicked {
  background-position: 60px 0px;
}
.design-font-setting .alignRight {
  background-position: 200px 20px;
}
.design-font-setting .alignRight.clicked {
  background-position: 240px 20px;
}
.design-font-setting .fontColor {
  background-position: 140px 20px;
}
.design-font-setting .fontColor.clicked {
  background-position: 180px 20px;
}
.design-font-setting .colorPicker {
  position: absolute;
  right: 5px;
  bottom: 6px;
  width: 13px;
  height: 2px;
  border: none;
}
.design-font-setting .noResize {
  resize: none;
}
.design-font-setting .form-control.fc-Form.font-size-select {
  width: 140px;
}

.execute-plan-import-notice {
  color: #ff4448;
}
.modal .fe-modal-container .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.modal .fe-modal-container .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}
.fe-btn.fe-btn-default.fe-btn-save.save-and-generate {
  width: auto;
  padding: 0 10px;
}
.import-configuration-container {
  padding: 20px 16px;
  padding-bottom: 0;
}
.import-configuration-title {
  margin-bottom: 16px;
}
.import-configuration-title h4 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
}
.import-configuration-title span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
}
.import-configuration-content {
  width: 90%;
  margin: 0 auto;
}
.design-content .variable-transverse {
  width: 100%;
  margin-bottom: 20px;
}
.design-content .variable-transverse .variable-title,
.design-content .variable-transverse .variable-input {
  float: left;
}
.design-content .variable-transverse .variable-title {
  width: 30%;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
}
.design-content .variable-transverse .variable-title .star {
  color: red;
}
.design-content .variable-transverse .variable-input {
  width: 65%;
}
.design-content .variable-transverse .variable-input input {
  width: 100%;
  height: 30px;
  border: 1px solid #d7dbe5;
  padding: 6px 10px;
}
.design-content .variable-transverse:last-child {
  margin-bottom: 0px;
}

.design-font-style .form-control {
  background-color: white;
}
.design-font-style .fontFamily label {
  padding: 0.4em;
}
.design-font-style .textToolBar {
  background-color: transparent;
  display: inline-flex;
  height: 24px;
}
.design-font-style .textToolBar select {
  float: left;
  width: 80px;
  height: 32px;
  padding: 0;
}
.design-font-style .textToolBar a {
  text-decoration: none;
  display: inline-block;
  height: 20px;
  cursor: pointer;
  width: 20px;
  vertical-align: -webkit-baseline-middle;
  background-image: url("/assets/common/images/configure/textToolBar.png");
}
.design-font-style .textToolBar ::ng-deep .ui-inputtext {
  padding-top: 5px;
  padding-bottom: 6px;
}
.design-font-style .textToolBar .font-family {
  margin-right: 10px;
}
.design-font-style .textToolBar > span {
  float: left;
  padding: 0 2px;
  line-height: 24px;
}
.design-font-style .textToolBar > span:last-child {
  position: relative;
}
.design-font-style .bold {
  background-position: -40px 0px;
}
.design-font-style .bold.clicked {
  background-position: 0px 0px;
}
.design-font-style .italic {
  background-position: 80px 20px;
}
.design-font-style .italic.clicked {
  background-position: 120px 20px;
}
.design-font-style .underline {
  background-position: 140px 0px;
}
.design-font-style .underline.clicked {
  background-position: 180px 0px;
}
.design-font-style .alignLeft {
  background-position: 80px 0px;
}
.design-font-style .alignLeft.clicked {
  background-position: 120px 0px;
}
.design-font-style .alignCenter {
  background-position: 20px 0px;
}
.design-font-style .alignCenter.clicked {
  background-position: 60px 0px;
}
.design-font-style .alignRight {
  background-position: 200px 20px;
}
.design-font-style .alignRight.clicked {
  background-position: 240px 20px;
}
.design-font-style .fontColor {
  background-position: 140px 20px;
}
.design-font-style .fontColor.clicked {
  background-position: 180px 20px;
}
.design-font-style .colorPicker {
  position: absolute;
  right: 5px;
  bottom: -2px;
  width: 13px;
  height: 2px;
  border: none;
}
.design-font-style .noResize {
  resize: none;
}

.fbox-account-waring .modal-content {
  top: 10px;
  left: 10px;
}
.fbox-account-waring .modal-body {
  padding: 18px 30px 30px 30px;
}
.fbox-account-waring .modal-body .warning-body {
  width: 300px;
}
.fbox-account-waring .modal-body .warning-body .icon-div {
  text-align: center;
  padding-bottom: 12px;
}
.fbox-account-waring .modal-body .warning-title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 11px;
}
.fbox-account-waring .modal-body .warning-content {
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.fbox-account-waring .modal-bottom {
  padding-bottom: 30px;
  text-align: center;
}
.fbox-account-waring .modal-bottom .known {
  width: 100px;
  height: 40px;
  font-size: 16px;
  color: #666666;
  border: 1px solid #b5c2ca;
  background-color: white;
}

.del-image {
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  font-size: 15px;
  border-radius: 50%;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #fafafa;
  top: 5px;
  right: 10px;
}
.del-image:hover {
  background: rgba(0, 0, 0, 0.3);
}
.del-image:after {
  content: "x";
  cursor: pointer;
}


.full-screen-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.full-screen-container .full-screen-content {
  height: 100%;
  padding-top: 0px;
}
.header-bar {
  position: relative;
  height: 1px;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  z-index: 99999;
}
.header-bar * {
  visibility: hidden;
}
.toggle-arrow {
  cursor: pointer;
}
.toggle-arrow i {
  font-size: 16px;
  color: #C4C6CF;
}
.right {
  float: right;
}
.block {
  display: inline-block;
}
.full-screen-container.active {
  position: fixed;
  background-color: white;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1999;
}
.full-screen-container.active .header-bar:hover {
  background-color: white;
  min-height: 50px;
  padding-left: 20px;
  border: 1px solid #ebedf2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.full-screen-container.active .header-bar:hover * {
  visibility: visible;
}
.full-screen-container.active .full {
  width: 100%;
  height: 100%;
}
.arrow-container {
  margin-right: 20px;
}
.full-screen-container .header-bar .arrow-container .la.la-expand:before {
  content: "\f1a4";
}
.fcloud-unfullscreen-chart:before {
  color: #a0a2ad;
}

.design-syntaxheight .title {
  width: 100%;
  padding-left: 20px;
  padding-right: 5px;
  clear: both;
}
.design-syntaxheight .tool {
  display: inline-block;
  float: right;
}
.design-syntaxheight button span {
  font-size: 23px;
  line-height: 20px;
}

.gallerySettingModal .modal-content,
.galleryGlobalgModal .modal-content {
  width: 700px;
}
.graphImportControlSettingModal .modal-content {
  width: 630px;
}
.create-edit-notification-component .modal-content {
  width: 630px;
}
.pick-tenants-component .modal-content {
  width: 630px;
}
.viewSettingsModal .modal-content,
.configure-view-setting-modal .modal-content,
.copy-configure-view-modal .modal-content {
  width: 630px;
}
.modal-dialog.configure-simulation-modal > .modal-content {
  width: 830px;
  height: 615px;
}
.configure-simulation-modal .configure-simulation-modal-container > .simulation-modal-body {
  padding: 10px 0px !important;
}
.history-curve-setting-modal {
  z-index: 101;
}
.history-curve-setting-modal .modal-content {
  width: 630px;
}
.modal-dialog.configure-pop-view-modal .modal-content {
  width: 630px;
}
.gui-modal-dialog-position .modal-content {
  left: 50px;
  top: 100px;
  max-width: 478px;
}
.straight-line-setting-modal,
.poly-line-setting-modal {
  min-width: 600px;
}
.switchIndicatorLightSettingModal.modal.in.show .modal-content {
  width: 600px;
}
.modal {
  overflow-y: scroll;
}
.video-setting-modal {
  z-index: 101;
}
.video-setting-modal .modal-content {
  width: 630px;
}

.design-data-designer-container .data-designer-container {
  padding: 20px;
  width: 100%;
  height: calc(100vh - 50px);
  background-color: #ffffff;
  overflow: auto;
}
.design-data-designer-container .data-source-panel {
  margin-top: 8px;
}
.design-data-designer-container .data-source-panel .data-source-tab .tab-content {
  margin-top: 15px;
}
.design-data-designer-container .data-source-tab > .nav.nav-tabs .nav-link {
  color: #fff;
}
.design-data-designer-container .data-source-tab > .nav.nav-tabs {
  margin: 0;
  padding: 3px 0px 0px 0px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.design-data-designer-container .data-source-tab > .nav.nav-tabs .nav-item {
  margin-right: 20px;
}
.design-data-designer-container .data-source-tab > .nav-tabs > li {
  float: none;
  display: inline-block;
}
.design-data-designer-container .data-source-tab > .nav-tabs > li > a {
  padding: 10px;
  color: black !important;
  border: none;
  background-color: transparent;
  font-size: 16px;
}
.design-data-designer-container .data-source-tab > .nav-tabs > li.active > a,
.design-data-designer-container .data-source-tab > .nav-tabs > li.active > a:hover,
.design-data-designer-container .data-source-tab > .nav-tabs > li.active > a:focus {
  padding: 10px;
  color: #3695ff !important;
  border-bottom-color: #3695ff;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #3695ff;
}
.design-data-designer-container .noDataDiv {
  text-align: center;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  height: 300px;
}
.design-data-designer-container .noDataDiv h4 {
  color: #666;
  font-size: 24px;
  margin: 30px 0 40px 0;
}
.design-data-designer-container .noDataDiv button {
  height: 40px;
}
.design-data-designer-container h5.data-table {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.9);
}

.history-input .operation-button button:not(:last-child) {
  margin-right: 12px;
  margin-bottom: 12px;
}
.history-input .placeholder {
  height: 0px;
  padding: 0;
  margin: 0;
  font-size: 0;
}
.history-input select,
.history-input input[type="text"] {
  height: 34px;
  line-height: 34px;
  border: 1px solid #C4C6CF;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 12px;
}
.history-input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.history-input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
.history-input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.6);
}
.history-input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.6);
}
.history-input .operation-input-select {
  padding: 0;
}
.history-input .operation-input-select select {
  width: 100%;
}
.history-input .operation-input > div {
  float: left;
}
.history-input .operation-input-search {
  position: relative;
  padding: 0;
}
.history-input .operation-input-search input {
  width: 100%;
  padding-left: 10px;
  padding-right: 34px;
}
.history-input .operation-input-search i {
  position: absolute;
  right: 10px;
  top: 10px;
}
.operation {
  text-align: right;
}
.operation a {
  color: #3695FF !important;
  cursor: pointer;
}
.historyTableHead .table {
  margin-bottom: 0;
  border: transparent;
}
.historyTableHead .table tr {
  background-color: #e6e6e6 !important;
}
.historyTableHead .table th {
  width: 14.2%;
  font-size: 14px;
  font-weight: 600 !important;
  background-color: #e6e6e6 !important;
  text-align: left;
}
.primeng-datatable-container .primeng-no-data {
  border-top: 0;
}
.btn-batch-delete {
  color: #000;
  background-color: #FFF;
  border: 1px solid #C4C6CF;
}
.btn-batch-delete:disabled {
  color: #7F939F;
  border: 1px solid #b5c2ca;
}
@media (min-width: 992px) {
  .history-input .operation-input-select select {
    margin-right: 12px;
    width: calc(100% - 12px);
  }
}

.design-portlet-input .last-th {
  text-align: right !important;
}
.design-portlet-input .last-th span {
  padding-right: 0;
  float: right;
}
.design-portlet-input .last-th .fa-fw {
  float: none !important;
}
.design-portlet-input .ng-select-container {
  height: 34px !important;
}
.design-portlet-input .checkbox {
  width: 50px;
}
.design-portlet-input .empty-box {
  height: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
}
.design-portlet-input .variable-operation .operation-button button:not(:last-child) {
  margin-right: 12px;
  margin-bottom: 12px;
}
.design-portlet-input .variable-operation select,
.design-portlet-input .variable-operation input[type="text"] {
  height: 34px;
  line-height: 34px;
  border: 1px solid #C4C6CF;
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input .variable-operation input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input .variable-operation input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input .variable-operation input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input .variable-operation input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input .variable-operation .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0 !important;
}
.design-portlet-input .variable-operation .operation-input-select {
  padding: 0;
  float: left;
  margin-bottom: 12px;
}
.design-portlet-input .variable-operation .operation-input-select select {
  width: 100%;
}
.design-portlet-input .variable-operation .operation-input {
  font-size: 0;
}
.design-portlet-input .variable-operation .operation-input > div {
  float: right;
  margin-bottom: 12px;
  font-size: 14px;
}
.design-portlet-input .variable-operation .operation-input-search {
  position: relative;
  padding: 0;
}
.design-portlet-input .variable-operation .operation-input-search input {
  width: 100%;
  padding-left: 10px;
  padding-right: 34px;
}
.design-portlet-input .variable-operation .operation-input-search .fcloud-search {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.design-portlet-input input,
.design-portlet-input select {
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input option {
  color: rgba(0, 0, 0, 0.6);
}
.design-portlet-input .operation {
  text-align: right !important;
}
.design-portlet-input .operation a {
  color: #3695FF !important;
  cursor: pointer;
}
.design-portlet-input .operation a:first-child {
  margin-right: 10px;
}
.design-portlet-input .fe-btn.fe-btn-default.btn-batch-delete {
  color: #000;
  background-color: #FFF;
  border: 1px solid #C4C6CF;
}
.design-portlet-input .fe-btn.fe-btn-default.fe-btn-normal {
  border: 1px solid #b5c2ca;
  background-color: white;
}
.design-portlet-input .fe-btn.fe-btn-default.btn-batch-delete:disabled {
  color: #7F939F;
  border: 1px solid #b5c2ca;
}
@media (min-width: 992px) {
  .design-portlet-input .variable-operation .operation-input-select select {
    margin-right: 12px;
    width: calc(100% - 12px);
  }
}
.design-portlet-input ng-select {
  margin-right: 12px;
}
.design-portlet-input .operation-input-select ::ng-deep .ng-select-container {
  height: 34px !important;
  border: 1px solid #C4C6CF;
  padding-top: 8px;
}
.design-portlet-input .p-table-get-unfrozen-column-height th:not(:first-child) {
  width: 150px;
}
.design-portlet-input .p-table-get-unfrozen-column-height td:not(:first-child) {
  width: 150px;
}
.variable-component-table .checkbox {
  width: 50px !important;
}
.designer-actions-style .last-th span {
  float: right;
}
.designer-actions-style .fa-fw {
  float: none !important;
}

.configure-settings {
  top: 49px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding-left: 40px;
  background-color: #ffffff;
  font-family: 微软雅黑 !important;
}
.configure-settings .content {
  float: left;
}
.configure-settings .content .content-div {
  float: left;
  width: 100%;
  margin-top: 18px;
}
.configure-settings .content .content-div .content-left {
  float: left;
  margin-right: 12px;
}
.configure-settings .content .content-div .content-left .content-tag {
  width: 4px;
  height: 20px;
  background-color: #3695ff;
}
.configure-settings .content .content-div .content-right .content-title {
  height: 22px;
  opacity: 0.9;
  color: #000000;
  font-size: 16px;
  text-align: left;
  margin-top: -3px;
  font-weight: 600;
}
.configure-settings .content .content-div .content-right .content-tooltip {
  font-weight: 400;
  color: #7b7e8a;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 17px;
}
.configure-settings .content .content-div .content-right .element-control-password {
  height: 32px;
  line-height: 32px;
  padding-left: 36px;
}
.configure-settings .content .content-div .content-right .element-control-password span {
  font-size: 16px;
}
.configure-settings .content .content-div .content-right .element-control-password input {
  height: 32px;
  width: 260px;
  padding-left: 10px;
}
.configure-settings .content .content-div .content-right .operation-button a {
  color: #3695ff;
  font-size: 14px;
  cursor: pointer;
}
.configure-settings .content .content-div .content-right .operation-button .f-edit,
.configure-settings .content .content-div .content-right .operation-button .f-save {
  margin-left: 10px;
}
.configure-settings .content .content-div .content-right .float-left {
  float: left;
}
.configure-settings .content .content-div .content-right .has-danger {
  color: red;
  padding-left: 147px;
}
.configure-settings .content .content-div .configure-video {
  max-width: 1280px;
}
.configure-settings .content .content-div .configure-permission-list {
  max-width: 678px;
}
.configure-settings .modal-dialog {
  min-width: 500px !important;
}

.designer-batch-import-history-data .search-condition {
  margin-bottom: 10px;
}
.designer-batch-import-history-data .search-condition .center {
  text-align: center;
  vertical-align: middle;
}
.designer-batch-import-history-data .search-condition .input-group {
  padding-right: 0;
}
.designer-batch-import-history-data .search-condition input,
.designer-batch-import-history-data .search-condition select {
  height: 32px;
  border: 1px solid #C4C6CF;
  padding: 0 10px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
}
.designer-batch-import-history-data .search-condition input {
  padding-right: 35px;
}
.designer-batch-import-history-data .historyData-transverse {
  width: 484px;
  margin: 1rem 0;
}
.designer-batch-import-history-data .historyData-transverse .historyData-title,
.designer-batch-import-history-data .historyData-transverse .historyData-input {
  float: left;
}
.designer-batch-import-history-data .historyData-transverse .historyData-title {
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
}
.designer-batch-import-history-data .historyData-transverse .historyData-title .star {
  color: red;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input {
  width: 41%;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input input {
  width: 100%;
  height: 30px;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input select {
  height: 32px;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input .data-source-name-select {
  width: 100%;
  border: 1px solid #C4C6CF;
  height: 30px;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input .monitor-point-name-select {
  width: calc(100% - 31px);
}
.designer-batch-import-history-data .historyData-transverse .historyData-input .open-monitor-btn {
  height: 31px;
  width: 31px;
  background-color: white;
  border: 1px solid #b5c2ca;
  cursor: pointer;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input .open-monitor-btn span {
  color: #3695FF;
}
.designer-batch-import-history-data .historyData-transverse .historyData-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.designer-batch-import-history-data .historyData-transverse button {
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
}
.designer-batch-import-history-data .margin-right-15 .var-btn:not(:last-child) {
  margin-right: 15px;
}
.designer-batch-import-history-data .var-btn {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  min-width: 80px;
  padding: 0 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.designer-batch-import-history-data .var-btn:hover {
  cursor: pointer;
}
.designer-batch-import-history-data .var-btn-default {
  height: 34px;
  line-height: 34px;
}
.designer-batch-import-history-data .var-btn-save {
  color: white;
  background-color: #3695FF;
  border: 1px solid #3695ff;
}
.designer-batch-import-history-data .input-group .form-control {
  padding-right: 16px;
}
.designer-batch-import-history-data .input-group .var-form-control {
  height: 34px;
  padding: 0 2rem 0 1.25rem;
}
.designer-batch-import-history-data .input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.designer-batch-import-history-data select:required:invalid {
  color: gray !important;
}
.designer-batch-import-history-data option[disabled] {
  display: none !important;
}
.designer-batch-import-history-data option {
  color: black !important;
}
.designer-batch-import-history-data .tips-primary {
  font-size: 14px;
  color: #000;
  opacity: 0.6;
  margin-right: 10px;
}
.designer-batch-import-history-data .tips-secondary {
  font-size: 12px;
  margin-top: 3px;
  opacity: 0.3;
}
.designer-batch-import-history-data .selected-monitoring-point-content {
  width: 100%;
  padding: 10px;
  background: #f2f3f8;
  margin-top: 10px;
  padding-bottom: 0px;
}
.designer-batch-import-history-data .selected-monitoring-point {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  position: relative;
  float: left;
  background: #E2E4E8;
  margin-right: 10px;
  margin-bottom: 10px;
}
.designer-batch-import-history-data .selected-monitoring-point span {
  float: left;
  margin-right: 5px;
}
.designer-batch-import-history-data .modal-dialog-header {
  border-bottom: 1px solid #f4f4f4;
}
.designer-batch-import-history-data .fcloud-cancel {
  float: left;
  line-height: 30px;
  color: #A0A2AD;
  cursor: pointer;
}
.designer-batch-import-history-data .fcloud-cancel:before {
  color: #A0A2AD;
}

.mt-checkbox-outline {
  margin-bottom: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.labelWidth {
  width: 180px;
}
.variable-combo-padding {
  padding-top: 6px;
  padding-bottom: 6px;
}
.radio-title {
  font-size: 14px;
  color: #333333;
}
.warn-color {
  color: red;
  margin-left: 105px;
}
.bitwise-label {
  width: 100px;
}
.bitwise-variable {
  width: calc(100% - 205px);
}
.bitwise-bitIndex {
  width: 90px;
}
.point {
  height: 30px;
  float: left;
  width: 10px;
  text-align: center;
}
.design-nav-link .nav.nav-tabs .nav-link {
  color: #666 !important;
  border-bottom: 1px solid transparent;
}
.design-nav-link .nav.nav-tabs .active {
  border-color: #fff;
  color: #3695ff !important;
  border-bottom: 1px solid #3695ff;
}

.configure-simulation-modal-container {
  width: 100%;
}
.configure-simulation-modal-container .refresh,
.configure-simulation-modal-container .pc-screen,
.configure-simulation-modal-container .mobile-screen,
.configure-simulation-modal-container .full-screen {
  display: inline-block;
  position: relative;
  top: -4px;
  text-underline: none;
  border: none;
  padding: 0;
  margin-left: 6px;
  cursor: pointer;
  font-size: 25px;
}
.configure-simulation-modal-container .fe-modal-middle input[type=text] {
  padding-left: 15px;
}
.configure-simulation-modal-container a.refresh:hover::before {
  content: "\e993";
  color: #7f939f;
}
.configure-simulation-modal-container a.refresh:active::before {
  content: "\e991";
  color: #3695ff;
}
.configure-simulation-modal-container a.pc-screen:hover::before {
  content: "\e998";
  color: #7f939f;
}
.configure-simulation-modal-container a.pc-screen:active::before {
  content: "\e996";
  color: #3695ff;
}
.configure-simulation-modal-container a.pc-screen.active::before {
  content: "\e996";
  color: #3695ff;
}
.configure-simulation-modal-container a.mobile-screen:hover::before {
  content: "\e98b";
  color: #7f939f;
}
.configure-simulation-modal-container a.mobile-screen:active::before {
  content: "\e989";
  color: #3695ff;
}
.configure-simulation-modal-container a.mobile-screen.active::before {
  content: "\e989";
  color: #3695ff;
}
.configure-simulation-modal-container a.full-screen:hover::before {
  content: "\e987";
  color: #7f939f;
}
.configure-simulation-modal-container a.full-screen:active::before {
  content: "\e989";
  color: #3695ff;
}
.configure-simulation-modal-container a.full-screen.active::before {
  content: "\e989";
  color: #3695ff;
}
.configure-simulation-modal-container .ui-multiselect-label-container {
  padding: 0px !important;
  width: 215px !important;
  height: 30px !important;
}
.configure-simulation-modal-container .ui-multiselect {
  padding: 0 !important;
}
.configure-simulation-modal-container .fa.fa-fw.fa-caret-down.ui-clickable {
  margin-top: 8px !important;
}
.configure-simulation-modal-container .ui-multiselect.ui-multiselect-trigger.fa {
  margin-top: 8px !important;
}
.configure-simulation-modal-container .ui-multiselect .ui-multiselect-label {
  padding-left: 10px !important;
}
.configure-simulation-modal-container .outer-container.normal {
  width: 800px;
  height: 450px;
}
.configure-simulation-modal-container .outer-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f2f3f8;
  border: 1px solid #d7dbe5;
}
.configure-simulation-modal-container .permission-span {
  display: inline-block;
  position: relative;
  top: -10px;
  margin-right: 4px;
}
.configure-simulation-modal-container .modal-header.simulation-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.configure-simulation-modal-container .toolbar {
  margin-bottom: 10px;
}
.configure-simulation-modal-container .gui-error-tip {
  text-align: center;
}
.configure-simulation-modal-container #graph-container {
  border: solid 1px #d7dbe5;
}
.configure-simulation-modal-container #graph-container select {
  width: auto;
  height: auto;
}
.configure-simulation-modal-container a.full-screen.fcloud-full-screen-normal:active::before {
  content: "\e988";
  color: #3695ff;
}

.element-setting-base .inline-label {
  margin: 10px 0px 0px 10px;
  display: inline-block;
}
.element-setting-base .border-group {
  padding: 5px;
  margin-bottom: 0px;
}
.element-setting-base .inline-selector {
  display: inline-block;
  margin: 5px 0px;
}
.element-setting-base .inline-variable {
  display: inline-block;
  margin: 5px 0px;
}
.element-setting-base .inline-input {
  display: inline-block;
  margin: 5px 0px;
}
.date-time-setting-modal .modal-content {
  width: 600px;
}
.date-time-setting-modal .cursor-pointer {
  cursor: pointer;
}
.date-time-setting-modal .recode-input {
  width: calc(100% - 70px);
  border: 1px solid #d7dbe5;
  padding: 5px 10px;
}
.date-time-setting-modal textarea.noResize {
  resize: none;
}
.toggleViewSettingModal .modal-content {
  width: 600px;
}
.textSettingModal .modal-content {
  width: 600px;
}

.configure .form-label {
  width: 80px;
}
.configure .checkbox {
  padding-left: 20px;
  margin-bottom: 0px;
}
.configure .settingTool .inline-control-input {
  width: 100px;
  display: inline-block;
}
.configure .float-left {
  float: left;
}
.configure .sharpFill {
  margin: 5px 0 0 5px;
}
.configure .strokColor {
  margin: 5px 0 0 3px;
}
.color-picker {
  width: 100px;
}

.design-create-or-edit-variable .variable-transverse {
  width: 100%;
  margin: 1rem auto;
}
.design-create-or-edit-variable .variable-transverse .variable-title {
  white-space: nowrap;
  float: left;
}
.design-create-or-edit-variable .variable-transverse .storage {
  margin-top: 0.1rem;
}
.design-create-or-edit-variable .variable-transverse .variable-title {
  width: 30%;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
  word-break: break-all;
}
.design-create-or-edit-variable .variable-transverse .variable-title .star {
  color: red;
}
.design-create-or-edit-variable .variable-transverse .label-input {
  margin-bottom: 5px;
}
.design-create-or-edit-variable .variable-transverse .label-input {
  margin-left: 30%;
  width: 271px;
}
.design-create-or-edit-variable .variable-transverse .label-input label {
  width: 20px;
  margin-right: 5px;
}
.design-create-or-edit-variable .variable-transverse .label-input input {
  width: 246px;
  height: 30px;
}
.design-create-or-edit-variable .variable-transverse .variable-input {
  width: 271px;
  float: left;
}
.design-create-or-edit-variable .variable-transverse .variable-input .storage-time-types {
  width: 76%;
}
.design-create-or-edit-variable .variable-transverse .variable-input .storage-time-types ::ng-deep.ng-star-inserted {
  color: #999;
}
.design-create-or-edit-variable .variable-transverse .variable-input .ui-inputgroup {
  width: 76%;
}
.design-create-or-edit-variable .variable-transverse .variable-input .ui-inputgroup .ui-inputgroup-addon {
  height: 30px;
  margin-left: 10px;
  padding-top: 0px !important;
}
.design-create-or-edit-variable .variable-transverse .variable-input input {
  width: 100%;
  height: 30px;
}
.design-create-or-edit-variable .variable-transverse .variable-input select {
  height: 30px;
}
.design-create-or-edit-variable .variable-transverse .variable-input .data-source-name-select {
  width: 100%;
}
.design-create-or-edit-variable .variable-transverse .variable-input .monitor-point-name-select {
  width: calc(100% - 31px);
}
.design-create-or-edit-variable .variable-transverse .variable-input .open-monitor-btn {
  height: 30px;
  width: 30px;
  background-color: white;
  border: 1px solid #b5c2ca;
  cursor: pointer;
  margin-left: 0;
  float: right;
}
.design-create-or-edit-variable .variable-transverse .variable-input .open-monitor-btn span {
  color: #3695FF;
}
.design-create-or-edit-variable .variable-transverse .variable-input .open-monitor-btn span.disable-span {
  color: #7F939F;
}
.design-create-or-edit-variable .variable-transverse .variable-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.design-create-or-edit-variable .variable-transverse .variable-input .access-btn.rw-selected {
  background-color: #EBECF0;
}
.design-create-or-edit-variable .variable-transverse .variable-input .access-btn {
  white-space: nowrap;
  width: 91px;
  font-size: 12px;
  height: 30px;
  border: 1px solid #C4C6CF;
  background-color: white;
  cursor: pointer;
}
.design-create-or-edit-variable .variable-transverse .variable-input .access-btn:not(:first-child) {
  margin-left: -1px;
}
.design-create-or-edit-variable .variable-transverse .acquisition-interval input {
  width: 100px;
  padding-left: 10px;
}
.design-create-or-edit-variable .ng-select-container .ng-value-container .ng-input {
  top: 0!important;
}
.design-create-or-edit-variable .has-danger .form-control-feedback {
  float: left;
  margin-left: 30%;
}
.margin-left-15px {
  margin-left: 15px;
}
input,
select {
  color: rgba(0, 0, 0, 0.6);
}
option {
  color: rgba(0, 0, 0, 0.6);
}
.fe-modal-container .fe-modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.fe-modal-container .fe-modal-header .fe-modal-header-title {
  line-height: 50px;
}
.modal-content .modal-body {
  padding: 16px 16px 0;
}
.design-content .variable-transverse:last-child {
  margin-bottom: 0;
}
.fe-btn.fe-btn-default.fe-btn-save.save-and-import {
  width: auto;
  padding: 0 10px;
}
.sub-title {
  border-bottom: 1px solid #f4f4f4;
}
.data-source-type button:not(:first-child) {
  margin-left: 8px;
}
select:invalid {
  color: gray !important;
}
option[disabled] {
  display: none !important;
}
option {
  color: black !important;
}
.select-search {
  float: left;
  width: 260px;
  margin-left: 30%;
  padding: 8px;
  background-color: #eee;
}
.select-search div {
  margin-bottom: 4px;
}
.select-search div div:first-child {
  float: left;
  margin-right: 10px;
}
.select-search div div:last-child {
  word-break: break-all;
  overflow: hidden;
}
.focus {
  color: white;
  background-color: #3695FF;
}

.create-or-edit-variable-choose-monitor .fe-modal-header {
  border-bottom: 1px solid #F4F4F4;
}
.create-or-edit-variable-choose-monitor .modal-body {
  padding: 1rem 1rem 0;
}
.create-or-edit-variable-choose-monitor .modal-header {
  border-bottom: 1px solid #f4f4f4;
}
.create-or-edit-variable-choose-monitor .search-condition {
  margin-bottom: 10px;
}
.create-or-edit-variable-choose-monitor .search-condition .input-group {
  padding-right: 0;
}
.create-or-edit-variable-choose-monitor .search-condition select,
.create-or-edit-variable-choose-monitor .search-condition input {
  width: 100%;
  padding: 0 10px;
  height: 34px;
}
.create-or-edit-variable-choose-monitor .search-condition input {
  padding: 0 34px 0 10px;
}
.create-or-edit-variable-choose-monitor .search-condition ::ng-deep .ng-select {
  width: 100%;
}
.create-or-edit-variable-choose-monitor .search-condition ::ng-deep .ng-select .ng-select-container {
  height: 32px;
}
.create-or-edit-variable-choose-monitor :host ::ng-deep tr td {
  word-break: keep-all;
}
.create-or-edit-variable-choose-monitor input,
.create-or-edit-variable-choose-monitor select {
  color: rgba(0, 0, 0, 0.6);
}
.create-or-edit-variable-choose-monitor option {
  color: rgba(0, 0, 0, 0.6);
}
.create-or-edit-variable-choose-monitor .input-group .form-control {
  padding-right: 16px;
}
.create-or-edit-variable-choose-monitor .input-group .var-form-control {
  height: 34px;
  padding: 0 2rem 0 1.25rem;
}
.create-or-edit-variable-choose-monitor .input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.create-or-edit-variable-choose-monitor tr {
  border-bottom: 1px solid #DCDEE3;
}
.create-or-edit-variable-choose-monitor .name-div {
  display: inline-flex;
}
.create-or-edit-variable-choose-monitor .name-span {
  padding-left: 8px;
  word-break: break-all;
}
.create-or-edit-variable-choose-monitor :host ::ng-deep .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  text-align: center;
}
.create-or-edit-variable-choose-monitor .ng-select.ng-select-single .ng-select-container {
  height: 34px !important;
}

.designer-configure-event .last-th {
  text-align: right !important;
}
.designer-configure-event .last-th span {
  padding-right: 10px;
}
.designer-configure-event .alarm-search {
  margin-bottom: 10px;
}
.designer-configure-event .input-group .form-control {
  padding-right: 16px;
}
.designer-configure-event .input-group .var-form-control {
  height: 34px;
  padding: 0 2rem 0 1.25rem;
}
.designer-configure-event .input-group .form-control-search {
  position: absolute;
  z-index: 4;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.designer-configure-event .operation {
  text-align: right !important;
}
.designer-configure-event .operation a {
  color: #3695FF !important;
}
.designer-configure-event .operation a:hover {
  cursor: pointer;
}
.designer-configure-event .operation a:first-child {
  margin-right: 10px;
}
.designer-configure-event .configure-event-operation .operation-filter-select {
  padding: 0;
}
.designer-configure-event .configure-event-operation .operation-button {
  padding: 0;
}
.designer-configure-event .configure-event-operation .operation-button button {
  margin-bottom: 12px;
}
.designer-configure-event .configure-event-operation .operation-search {
  float: right;
  position: relative;
  width: 285px;
}
.designer-configure-event .configure-event-operation .operation-search input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.designer-configure-event .configure-event-operation .operation-search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
.designer-configure-event .configure-event-operation .operation-search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.6);
}
.designer-configure-event .configure-event-operation .operation-search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.6);
}
.designer-configure-event .configure-event-operation .fcloud-search {
  position: absolute;
  right: 10px;
  top: 9px;
  font-size: 16px;
  cursor: pointer;
}
.designer-configure-event .configure-event-operation .operation-search-input {
  width: 100%;
  height: 34px;
  border: 1px solid #C4C6CF;
  color: rgba(0, 0, 0, 0.6);
  line-height: 34px;
  padding: 0 10px;
  margin-bottom: 12px;
  padding-left: 10px;
  padding-right: 34px;
}
.designer-configure-event .configure-event-operation .operation-filter {
  padding: 0;
}
.designer-configure-event .configure-event-operation .operation-filter .operation-filter-select {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
.designer-configure-event .configure-event-operation .fe-btn:not(:last-child) {
  margin-right: 12px;
}
.designer-configure-event select option {
  color: rgba(0, 0, 0, 0.6);
}
.designer-configure-event .fe-btn.fe-btn-default.btn-batch-delete {
  color: #000;
  background-color: #FFF;
  border: 1px solid #C4C6CF;
}
.designer-configure-event .fe-btn.fe-btn-default.fe-btn-normal {
  border: 1px solid #b5c2ca;
  background-color: white;
}
.designer-configure-event .fe-btn.fe-btn-default.btn-batch-delete:disabled {
  color: #7F939F;
  border: 1px solid #b5c2ca;
}
.designer-configure-event .configure-event-operation > div {
  float: left;
}
.designer-configure-event .configure-event-operation {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1425px) {
  .designer-configure-event .configure-event-operation .operation-button,
  .designer-configure-event .configure-event-operation .operation-filter {
    width: 100%;
  }
}
.designer-configure-event .operation-filter-select ::ng-deep .ng-select-container {
  height: 34px !important;
  border: 1px solid #C4C6CF;
}
.designer-configure-event .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0px !important;
}

.design-batch-edit-variable-modal .variable-transverse {
  width: 100%;
  margin: 1rem auto;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input input {
  width: 100%;
  height: 30px;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input input:disabled {
  background-color: #f9f9f9;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input select {
  height: 30px;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input button[disabled] {
  border: 1px solid #C4C6CF;
  background-color: #F2F3F7;
  height: 30px;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input .access-btn.rw-selected {
  background-color: #EBECF0;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input .access-btn {
  white-space: nowrap;
  width: 91px;
  font-size: 12px;
  height: 30px;
  border: 1px solid #C4C6CF;
  background-color: white;
  cursor: pointer;
}
.design-batch-edit-variable-modal .variable-transverse .variable-input .access-btn:not(:first-child) {
  margin-left: -1px;
}
.design-batch-edit-variable-modal .variable-transverse .variable-enable-variable-storage {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.design-batch-edit-variable-modal .variable-transverse .ui-inputgroup-addon {
  height: 30px;
  margin-left: 10px;
  padding-top: 0px !important;
}
.design-batch-edit-variable-modal .variable-transverse .storage-time-types ::ng-deep.ng-star-inserted {
  color: #999;
}