/**IoT Edge相关 修改框架 */
/**
  .iotmenu-content-layout{
    .ant-btn-primary{
      background: linear-gradient(0deg,rgba(1,159,243,.4),rgba(138,210,249,.4)) !important;
      background-color: #0fabfe!important;
      border-color: #0fabfe!important;
    }
    .ant-card:not(.topo-card){
      border: 1px solid #cadae6;
      box-shadow: 0 3px 8px 0 rgba(2,72,109,.15);
    }
  } 
*/
/* flex布局 */
.u-flex,
.u-flex-jac,
.u-flex-jab,
.u-flex-jaa,
.u-flex-cjac,
.u-flex-cjab {
  display: flex;
}
.fd-column,
.u-flex-cjac,
.u-flex-cjab {
  flex-direction: column;
}
.jc-center,
.u-flex-jac,
.u-flex-cjac {
  justify-content: center;
}
.jc-sb,
.u-flex-jab,
.u-flex-cjab {
  justify-content: space-between;
}
.jc-sa,
.u-flex-jaa {
  justify-content: space-around;
}
.jc-start {
  justify-content: flex-start;
}
.jc-end {
  justify-content: flex-end;
}
.ai-center,
.u-flex-jab,
.u-flex-jac,
.u-flex-jaa,
.u-flex-cjac {
  align-items: center;
}
.ai-start {
  align-items: flex-start;
}
.ai-end {
  align-items: flex-end;
}
.ai-stretch {
  align-items: stretch;
}
.f1 {
  flex: 1;
}
.f-auto {
  flex: auto;
}
/**IoT TPM相关 修改框架 */
/** 布局设置 */
.iotmenu {
  display: block !important;
  height: 100vh;
  overflow: hidden;
  background-color: #EDEDED !important;
}
.iotmenu .ant-layout-header {
  background: transparent;
  height: 56px !important;
}
.iotmenu .ant-layout-header .header {
  background-color: #fff !important;
  color: #000000 !important;
  box-shadow: 0 2px 4px 0 rgba(50, 50, 51, 0.5) !important;
  z-index: 999 !important;
  padding: 0 !important;
}
.iotmenu .ant-layout-header .iotmenu-header {
  height: 56px !important;
}
.iotmenu .ant-layout-header .iotmenu-header .top-line {
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #019ff3, #004280);
}
.iotmenu .ant-layout-header .iotmenu-header .iotmenu-header-content {
  height: 48px !important;
  line-height: 48px !important;
}
.iotmenu .ant-layout-header .iotmenu-header .iotmenu-header-content .user-wrapper .avatar {
  margin: 0 10px 0 0 !important;
}
.iotmenu .ant-layout-header .iotmenu-header .iotmenu-header-text {
  font-size: 23px;
  font-weight: 700;
  color: #004280;
  letter-spacing: 1px;
}
.iotmenu .ant-layout-content {
  display: flex !important;
  height: calc(100vh - 56px) !important;
  overflow: hidden;
}
.iotmenu .ant-layout-content .ant-layout-sider {
  height: 100%;
  overflow: auto;
}
.iotmenu .ant-layout-content .iotmenu-content-container {
  width: 100%;
  height: calc(100% - 6px);
  overflow: hidden;
}
/** 内容设置 */
.iotmenu-content-container,
.iotmenu-modal-box {
  /** tag不同样式 */
}
.iotmenu-content-container .iotmenu-content-layout,
.iotmenu-modal-box .iotmenu-content-layout {
  height: 100%;
  overflow: hidden;
  /** 系统自带的main */
}
.iotmenu-content-container .iotmenu-content-layout .main,
.iotmenu-modal-box .iotmenu-content-layout .main {
  height: 100%;
  overflow: hidden;
}
.iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header,
.iotmenu-modal-box .iotmenu-content-layout .iotmenu-content-header {
  width: 160px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px 12px 24px;
  border-radius: 8px 8px 0 0 ;
  color: #323233;
  background: #FAFAFA;
  font-size: 16px;
  font-weight: 700;
}
.iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header .anticon,
.iotmenu-modal-box .iotmenu-content-layout .iotmenu-content-header .anticon {
  color: #008cd6;
  padding-right: 12px;
}
.iotmenu-content-container .iotmenu-content-layout .iotmenu-content,
.iotmenu-modal-box .iotmenu-content-layout .iotmenu-content {
  height: calc(100vh - 56px - 48px - 6px);
  background: #FAFAFA;
  overflow: auto;
}
.iotmenu-content-container .ant-btn-primary,
.iotmenu-modal-box .ant-btn-primary {
  background: #008cd6 !important;
  border-color: #1890ff !important;
  font-size: 16px;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container,
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container {
  height: 48px !important;
  display: flex;
  align-items: center;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container .item-search-btn,
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container .item-search-btn {
  margin-right: 4px;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container .item-search,
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container .item-search {
  flex: 1;
  margin-right: 4px;
  max-width: 220px;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container .item-search:last-of-type,
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container .item-search:last-of-type {
  margin-right: 0;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container .ant-select,
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container .ant-select {
  width: 100%;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container .ant-calendar-picker,
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container .ant-calendar-picker {
  min-width: auto !important;
  width: 100%;
}
.iotmenu-content-container .table-page-search-wrapper .iotmenu-search-container .ant-btn-primary[disabled],
.iotmenu-modal-box .table-page-search-wrapper .iotmenu-search-container .ant-btn-primary[disabled] {
  color: #fff !important;
}
.iotmenu-content-container .table-page-search-wrapper .ant-form .ant-form-item .ant-form-item-label label,
.iotmenu-modal-box .table-page-search-wrapper .ant-form .ant-form-item .ant-form-item-label label {
  color: #323233;
  font-size: 16px;
  font-weight: 400;
}
.iotmenu-content-container a,
.iotmenu-modal-box a {
  color: #008cd6;
}
.iotmenu-content-container .ant-input,
.iotmenu-modal-box .ant-input,
.iotmenu-content-container .ant-select-selection,
.iotmenu-modal-box .ant-select-selection {
  background: transparent;
  color: #323233;
}
.iotmenu-content-container .ant-table,
.iotmenu-modal-box .ant-table {
  background: transparent !important;
}
.iotmenu-content-container .ant-table .ant-table-thead tr th,
.iotmenu-modal-box .ant-table .ant-table-thead tr th {
  color: #323233 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.iotmenu-content-container .ant-table .ant-table-tbody tr td,
.iotmenu-modal-box .ant-table .ant-table-tbody tr td {
  color: #323233 !important;
  font-size: 15px;
}
.iotmenu-content-container .ant-table .edit-btn,
.iotmenu-modal-box .ant-table .edit-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 3px;
  background: url(../edit.svg);
  cursor: pointer;
}
.iotmenu-content-container .ant-table .edit-btn:hover,
.iotmenu-modal-box .ant-table .edit-btn:hover {
  background: url(../edit-hover.svg);
}
.iotmenu-content-container .ant-table .edit-view-btn,
.iotmenu-modal-box .ant-table .edit-view-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 3px;
  background: url(../edit.svg);
  cursor: not-allowed;
}
.iotmenu-content-container .ant-table .delete-view-btn,
.iotmenu-modal-box .ant-table .delete-view-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 3px;
  background: url(../delete.svg);
  cursor: not-allowed;
}
.iotmenu-content-container .ant-table .copy-btn,
.iotmenu-modal-box .ant-table .copy-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 3px;
  cursor: pointer;
  background: url(../copy.svg);
}
.iotmenu-content-container .ant-table .copy-btn:hover,
.iotmenu-modal-box .ant-table .copy-btn:hover {
  background: url(../copy-hover.svg);
}
.iotmenu-content-container .ant-table .delete-btn,
.iotmenu-modal-box .ant-table .delete-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 3px;
  cursor: pointer;
  background: url(../delete.svg);
}
.iotmenu-content-container .ant-table .delete-btn:hover,
.iotmenu-modal-box .ant-table .delete-btn:hover {
  background: url(../delete-hover.svg);
}
.iotmenu-content-container .ant-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-modal-box .ant-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-content-container .ant-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-modal-box .ant-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-content-container .ant-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-modal-box .ant-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-content-container .ant-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.iotmenu-modal-box .ant-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: transparent;
}
.iotmenu-content-container .ant-table-fixed-left table,
.iotmenu-modal-box .ant-table-fixed-left table,
.iotmenu-content-container .ant-table-fixed-right table,
.iotmenu-modal-box .ant-table-fixed-right table {
  background: #FAFAFA;
}
.iotmenu-content-container .ant-tabs .ant-tabs-bar,
.iotmenu-modal-box .ant-tabs .ant-tabs-bar {
  margin: 0 !important;
  border: none;
}
.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container,
.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
  height: 48px !important;
  margin: 0;
}
.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap,
.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap {
  height: 48px !important;
}
.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab,
.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab {
  width: 160px;
  height: 48px !important;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  color: #89898a;
  padding: 0 24px;
  font-weight: 700;
  background: transparent;
  border: transparent;
  border-radius: 8px 8px 0 0;
}
.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active,
.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active {
  color: #323233;
  background: #fafafa;
  border: transparent;
  box-shadow: 0 3px 8px 0 rgba(2, 72, 109, 0.15);
}
.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active .anticon,
.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active .anticon {
  color: #008cd6;
}
.iotmenu-content-container .interlock-detail-header,
.iotmenu-modal-box .interlock-detail-header {
  font-size: 22px;
  font-weight: 700;
  color: #323233;
  padding: 8px 24px;
  line-height: 40px;
}
.iotmenu-content-container .interlock-detail-header .anticon,
.iotmenu-modal-box .interlock-detail-header .anticon {
  color: #008cd6;
  padding-right: 8px;
}
.iotmenu-content-container .ant-card,
.iotmenu-modal-box .ant-card {
  background: #FAFAFA;
  height: 100%;
  overflow: auto;
}
.iotmenu-content-container .ant-card .ant-card-body,
.iotmenu-modal-box .ant-card .ant-card-body {
  padding: 0 24px;
}
.iotmenu-content-container .normal-tag,
.iotmenu-modal-box .normal-tag {
  color: #52c41a;
  font-weight: 600;
}
.iotmenu-content-container .abnormal-tag,
.iotmenu-modal-box .abnormal-tag {
  color: red;
  font-weight: 600;
}
.iotmenu-modal-box .ant-modal .ant-modal-title {
  font-size: 18px;
}
.iotmenu-modal-box .ant-modal .ant-modal-body .ant-form label {
  font-size: 15px !important;
  color: #323233;
}
.iotmenu-modal-box .ant-modal .ant-modal-body .ant-form .ant-form-item-children {
  font-size: 15px;
}
.iotmenu-modal-box .ant-modal .ant-modal-body .ant-form .ant-form-item .ant-form-item-control {
  font-size: 15px !important;
}
.iotmenu-modal-box .ant-modal .ant-input,
.iotmenu-modal-box .ant-modal .ant-cascader-picker,
.iotmenu-modal-box .ant-modal .ant-select {
  font-size: 15px !important;
}
.iotmenu-modal-box .ant-modal .ant-divider {
  font-size: 16px;
  font-weight: 600;
}
.iotmenu-modal-box .ant-modal .ant-table-fixed-left table,
.iotmenu-modal-box .ant-modal .ant-table-fixed-right table {
  background: #fff;
}
.iotmenu-modal-box .ant-modal .ant-modal-footer {
  padding-right: 34px;
}
.iotmenu-modal-box .ant-modal .ant-modal-footer .ant-btn {
  font-size: 17px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f5f5f5 !important;
  cursor: not-allowed;
  opacity: 1;
}
::-webkit-scrollbar {
  width: 6px !important;
}
::-webkit-scrollbar-track {
  background: #FFFFFF !important;
}
