.screenWrapperRoot {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  .screenWrapper {
    line-height: 1.15;
    min-height: 100vh;
    background: url("../../../assets/images/pageBg.png") top center no-repeat;
    background-size: 100% 100%;

    .screenMain {
      display: flex;
      min-width: 1024px;
      max-width: 1920px;
      margin: 0 auto;
      padding: 0 0.6875rem;

      .screenColCenter {
        flex: 5 1;
        margin: 0 0.125rem;
        position: relative;

        .cardWrapper {
          display: flex;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 99;
          padding: 0.25rem 0.125rem 0;

          & > li:not(:last-child) {
            margin-right: 0.275rem;
          }

          & > li {
            flex: 1;
            min-height: 1.1625rem;
            background: url("../../../assets/images/card_bg.png") no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
              width: 0.725rem;
              margin-right: 0.2rem;
            }

            .cardInner {
              display: flex;
              flex-direction: column;
              color: #FFF;
              min-width: 1.125rem;
              text-align: center;

              span:first-child {
                font-size: 0.275rem;
                margin-bottom: 0.1rem;
              }

              span:last-child {
                font-size: 0.2rem;
              }
            }
          }
        }
      }
    }

    .screenCol {
      flex: 3 1;

      .personnelCate, .ageStruct, .degreeStructure, .gradAnalysis {
        height: 3.875rem;
        padding: 0 0.3375rem;
      }
    }

    .screenFooter {
      display: flex;
      min-width: 1024px;
      max-width: 1920px;
      margin: 0 auto;
      padding: 0 0.6875rem;

      & > div:first-child {
        margin-right: 0.125rem;
      }

      .screenFooterCol {
        flex: 1;

        .payrollStatistics {
          padding-bottom: 0.2375rem !important;

          :global {
            .dv-scroll-board {
              .rows .row-item, .header {
                font-size: 0.15rem !important;
              }
            }
          }
        }

        .payrollStatistics, .personnelChangeStatistics {
          height: 3.5rem;
          padding: 0 0.3375rem;
        }
      }
    }
  }
}