body,
.bg-body {
  background-color: #f5f5f5;
}

*:not([oh-button] *, h1, h2, h3, h4, h5, h6) {
  font-size: 12px;
}
* {
  line-height: 28px;
  font-family: "Roboto", sans-serif;
}
.ui-btn * {
  line-height: normal;
}
.ui-his-action-bar .ui-btn > span {
  padding-left: 0px;
}
.ui-his-action-bar .ui-btn {
  font-size: 13px !important;
  height: 30px !important;
}
.ui-his-action-bar .ui-btn > .anticon + span,
.ui-btn > span + .anticon {
  margin: 0 0 0 4px !important;
}
.sub-title {
  font-weight: 400;
  font-size: 14px;
  color: #6c7093 !important;
}
.h-100 {
  height: 100% !important;
}
.fs-14 {
  font-size: 14px;
}
.ui-flex {
  display: flex;
}
.w-100 {
  width: 100% !important;
}
::ng-deep
  .ui-form-item-label
  > label.ui-form-item-required:not(
    .ui-form-item-required-mark-optional
  )::after {
  color: #ff4d4f;
  content: "*";
}
::ng-deep
  .ui-form-item-label
  > label.ui-form-item-required:not(
    .ui-form-item-required-mark-optional
  )::before {
  content: none;
}
#main {
  height: 100vh;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
#body-content {
  width: 100%;
  padding: 48px 0;
}
.his-footer {
  bottom: 0;
}
.his-header {
  top: 0;
}
.his-header,
.his-footer {
  position: fixed;
  left: 50%;
  width: 100%;
  max-width: 1280px;
  transform: translate(-50%, 0);
  z-index: 999;
}