.ant-layout {
  background-color: transparent !important;
}

.full-screen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.transfer-page-wrapper,
.login-page-wrapper {
  background: #fff url("/public/images/login-bg.png") center/cover no-repeat;
}

.transfer-page-wrapper > .container,
.login-page-wrapper > .container {
  margin: auto;
  padding: 12px 7.5vw 12px 9.5vw;
  min-width: 684px;
  min-height: 364px;
  max-width: 1366px;
  max-height: 728px;
  background: transparent url("/public/images/login-border.png") center/contain no-repeat;
  box-sizing: border-box;
}

@media screen and (max-width: 1080px) {
  .transfer-page-wrapper > .container,
  .login-page-wrapper > .container {
    margin: calc((100vh - 47.965vw) / 2) calc((100vw - 90vw) / 2);
    height: 47.965vw;
    width: 90vw;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1440px) {
  .transfer-page-wrapper > .container,
  .login-page-wrapper .container {
    margin: calc((100vh - 42.635vw) / 2) calc((100vw - 80vw) / 2);
    height: 42.635vw;
    width: 80vw;
  }
}

@media screen and (min-width: 1441px) {
  .transfer-page-wrapper > .container,
  .login-page-wrapper .container {
    margin: calc((100vh - 37.306vw) / 2) calc((100vw - 70vw) / 2);
    height: 37.306vw;
    width: 70vw;
  }
}

.login-page-wrapper .area-a-1 {
  flex-basis: 45%;
  height: 100%;
  background: url("/public/images/login-decorate.png") center/contain no-repeat;
}

.login-page-wrapper .area-a-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  justify-content: space-evenly;
  flex-basis: 55%;
}

.login-page-wrapper footer {
  /*display: none;*/
}

.transfer-page-wrapper .area-b,
.login-page-wrapper .area-b {
  justify-content: center;
  flex-grow: 0 !important;
  color: var(--gray-6);
}

.transfer-page-wrapper .area-b > div,
.login-page-wrapper .area-b > div {
  flex-grow: 0 !important;
  margin: 0 4px;
}

.transfer-page-wrapper .internal {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.transfer-page-wrapper .area-a {
  flex: auto;
  align-items: center;
}

.transfer-page-wrapper .area-a-2 {
  margin: auto;
  width: 80%;
  flex-grow: 0 !important;
}

.remove-pre-exterior-page-wrapper .area-a-1,
.transfer-page-wrapper .area-a-1 {
  display: none;
}

.remove-pre-exterior-page-wrapper .area-a {
  text-align: center;
}

.remove-pre-exterior-page-wrapper .remove-pre-exterior-table {
  margin: -12px -10px -12px 3px !important;
  border-radius: 18px 18px 0 0;
  overflow: hidden;
}

.main-page-wrapper {
  background: rgba(0, 0, 0, 0.02);
}

.main-page-wrapper-header {
  display: none;
}

.main-page-wrapper nz-sider.main-page-wrapper-sider {
  /*margin: 12px 24px 12px 0;*/
  margin-right: 12px;
  width: 0;
  max-width: 200px !important;
  min-width: 0 !important;
  background-color: transparent;
}

.main-page-wrapper nz-sider.main-page-wrapper-sider[ng-reflect-nz-width="10"] {
  margin-right: 14px;
}

.main-page-wrapper nz-sider.main-page-wrapper-sider + #main-content-container {
  margin-right: -12px;
}

.main-page-wrapper div.main-page-wrapper-sider {
  background: #fff url("/public/images/sider-bg.png") center repeat;
}

.main-page-wrapper div.main-page-wrapper-sider > header .container-decorate-placeholder,
.main-page-wrapper div.main-page-wrapper-sider > footer .container-decorate-placeholder {
  height: 18px;
  background: url("/public/images/sider-header-bg.png") center bottom/auto 100% repeat-x;
}

.main-page-wrapper div.main-page-wrapper-sider > main .ant-menu {
  background-color: transparent;
}

.main-page-wrapper div.main-page-wrapper-sider > main .ant-menu-item-selected {
  background-color: #fff;
}

.main-page-wrapper div.main-page-wrapper-sider > main .L2:not(.ant-menu-item-selected) {
  color: var(--gray-7);
}

.main-page-wrapper div.main-page-wrapper-sider > footer .container-decorate-placeholder {
  transform: rotate(180deg);
}

.main-page-suspension-box {
  bottom: 10px !important;
  left: 10px !important;
  opacity: 0.2 !important;
}

app-prescribe {
  padding: 12px 8px !important;
}

app-prescribe > div {
  margin-right: 12px;
}

app-prescribe .prescribe-layout .prescribe-layout-header app-parts-prescribe-extend > div > *:not(app-parts-switch-recipe), /*顶部搜索协定方*/
app-prescribe .prescribe-layout .prescribe-layout-footer app-bottom-operator-bar, /*底部金额栏*/
.prescribe-entry-grid app-operate-renderer nz-button-group button:first-of-type.b2nd, /* 协定方药品录入框 药品详情按钮 */
.prescribe-entry-grid app-operation-renderer nz-button-group button:first-of-type.b2nd /* 智能开方药品录入框 药品详情按钮 */
{
  display: none !important;
}

app-prescribe .prescribe-layout .prescribe-layout-footer {
  justify-content: flex-end !important;
}

app-panel-save-for .prescribe-category-wrapper .ant-collapse-item:not(.ant-collapse-item-active) .ant-collapse-header .panel-title-wrapper span:last-of-type,
app-panel-save-for .prescribe-category-wrapper .ant-collapse-item .ant-collapse-content .recipe-wrapper p:last-of-type {
  display: none !important;
}