// gm 通用样式 css 变量

:root {
  --gm-common-popover-bgcolor: white;
  --gm-common-popover-color: #3f3f3f;
  --gm-common-popover-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  --gm-common-popover-active-bg: #eff2f8;
  --gm-common-popover-border-color: #d9d9d9;
  --gm-common-popover-a-color: #345fa6;
  --gm-header-ft: 18px;
  --gm-title-ft: 17px;
  --gm-conent-ft: 16px;
  --gm-text-ft: 15px;
  --gm-small-ft: 14px;
  --gm-header-color: black;
  --gm-title-color: black;
  --gm-conent-color: black;
  --gm-text-color: black;
  --gm-small-color: black;
  --gm-header-ftweight: bold;
  --gm-title-ftweight: bold;
  --gm-conent-ftweight: bold;
  --gm-text-ftweight: bold;
  --gm-small-ftweight: normal;
  // 滑动条
  --gm-scrollbar-width: 6px;
  --gm-scrollbar-bg: transparent;
  --gm-scrollbar-bar: #888;
  --gm-color: #333;
  --gm-border-color: #e5e5e5;
  --gm-background-color: white;
  --gm-header-background-color: #f3f3f3;
  --gm-header-h-font-color: black;
  --gm-header-border-color: var(--gm-border-color);
  --gm-font-color: white;
  // mgmtpage组件
  --gm-mgmtpage-background-color: var(--gm-background-color);
  --gm-mgmtpage-tabsList-border-color: 1px solid var(--gm-border-color);
  --gm-mgmtpage-tabsList-background-color: var(--gm-header-background-color);
  --gm-mgmtpage-tabspanel-background-color: transparent;
  // 标准表格页面组件
  --gm-tablepage-border-color: #e5e5e5;
  --gm-tablepage-tr-select-bg: #eff2f8;
  --gm-tablepage-paper-bgcolor: #f3f3f3;
  --gm-tablepage-paper-params-color: #201e1e;
  --gm-tablepage-paper-item-ftcolor: #3f3f3f;
  --gm-tablepage-paper-item-bgcolor: white;
  --gm-tablepage-paper-activeitem-bgcolor: #2e5392;
  --gm-tablepage-paper-item-bordercolor: #e4e4e4;
  --gm-tablepage-paper-activeitem-bordercolor: white;
  --gm-tablepage-paper-item-iconcolor: #345fa6;
  --gm-tablepage-paper-inputparams-bg: white;
  --gm-tablepage-paper-inputparams-border: #e4e4e4;
  --gm-tablepage-td-ft-color: #333;
  --gm-tablepage-td-ft-weight: normal;
  --gm-tablepage-td-ft: 13px;
  --gm-tablepage-td-bg: transparent;
  --gm-tablepage-th-ft-color: #333;
  --gm-tablepage-th-ft-weight: normal;
  --gm-tablepage-th-ft: 14px;
  --gm-tablepage-th-bg: linear-gradient(360deg, white 0%, #f3f3f3 100%);
  --gm-tablepage-th-bottom-border: transparent;
  --gm-tablepage-check-color: #9e9e9e;
  --gm-tablepage-check-active-color: #0dcc39;
  --gm-tablepage-header-bg: #f3f3f3;
  --gm-tablepage-title-ft-color: black;
  --gm-tablepage-title-ft-weight: normal;
  --gm-tablepage-title-ft: 16px;
  --gm-tablepage-operbtn-bg: white;
  --gm-tablepage-operbtn-hover-bg: #e3e3e3;
  --gm-tablepage-operbtn-bordercolor: #eaeaea;
  --gm-tablepage-operbtn-ft-color: #333;
  --gm-tablepage-operbtn-ft: 16px;
  --gm-tablepage-filter-bg: white;
  --gm-tablepage-filter-ft-color: #3f3f3f;
  --gm-tablepage-filter-ft-weight: normal;
  --gm-tablepage-filter-ft: 14px;
  --gm-tablepage-filter-border-color: #d9d9d9;
  --gm-tablepage-filter-title-ft-color: rgba(51, 51, 51, 1);
  --gm-tablepage-filter-title-ft-weight: normal;
  --gm-tablepage-filter-title-ft: 14px;
  --gm-tablepage-filter-title-bg: linear-gradient(360deg, white 0%, #f3f3f3 100%);
  --gm-tablepage-filter-reset-ft-color: #999;
  --gm-tablepage-filter-reset-bg: white;
  --gm-tablepage-filter-reset-border-color: #deddde;
  --gm-tablepage-filter-search-ft-color: white;
  --gm-tablepage-filter-search-bg: #34a64b;
  --gm-tablepage-filter-search-border-color: #34a64b;
  --gm-tablepage-details-ft-color: #3f3f3f;
  --gm-tablepage-details-ft-weight: normal;
  --gm-tablepage-details-ft: 13px;
  --gm-tablepage-details-value-ft-color: #999;
  --gm-tablepage-details-value-ft-weight: normal;
  --gm-tablepage-details-value-ft: 13px;
  --gm-tablepage-details-date-color: #cecece;
}
