body.app-fullscreen {
  .app-menu,
  .app-submenu {
    display: none;
  }
  .report-header {
    background: #09182f;
    position: relative;
    border-bottom: 1px solid #0a3367;
    .right-box p {
      color: #bedaff;
    }
  }
  .report-header-title {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 60px;
    width: 464px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    padding: 14px 0;
    margin: 0 !important;
    background-image: url(../assets/imgs/bg_report_title.png);
    background-size: 100% 100%;
  }
  .page-main {
    background-color: #060606;
    color: #fff;

    .card {
      background: #09182f !important;
      border: 1px solid #0a3367 !important;

      .title {
        .t-button {
          color: #e5e5e5;
        }
        .label {
          color: #fff !important;
        }
      }
    }
  }

  // tdesign-ui
  .t-button {
    border: 1px solid #0a3367;
    background-color: transparent;
    color: #bedaff;
    &:hover {
      opacity: 0.8;
    }
  }
  .t-input,
  .t-range-input {
    background-color: transparent;
    border-color: #0a3367;
    box-shadow: none;
  }
  .t-input__inner {
    color: #bedaff;
  }
  .t-icon,
  .t-fake-arrow {
    color: #bedaff !important;
  }
  .t-progress__bar {
    background: #0a3367;
  }
  .t-progress__info {
    color: #fff;
  }
  .t-table,
  .t-table tr {
    background-color: transparent !important;
    border-color: #0a3367 !important;
  }
  .t-table td,
  .t-table th,
  .t-table__content {
    border-color: #0a3367 !important;
    color: #fff;
  }
  .t-table th {
    color: #8c8c8c;
  }
  .t-popup__content {
    background-color: #0a3367 !important;
  }
  .t-select-option {
    color: #fff;
    &.t-is-selected {
      background-color: #114c9a;
    }
  }
  .t-select-option__hover {
    background-color: #114c9a !important;
  }

  .table-loop {
    .thead {
      .td {
        background: rgba(10, 51, 103, 0.5);
      }
    }
    .slide {
      .td {
        color: #fff !important;
      }
      &:nth-child(2n + 1) {
        background: rgba(23, 61, 110, 1);
      }
    }
  }

  // quality-analysis
  .quality-analysis {
    .page-main .col1 .chart-wrap::after {
      border-bottom: 1px solid #0a3367;
    }
  }

  //dispatch-analysis
  .dispatch-analysis {
    .statistics {
      background: rgba(10, 51, 103, 0.85) !important;
      border: 1px solid #0a3367 !important;
    }
    .col2 .service-box {
      .service-item {
        background: rgba(10, 51, 103, 0.5) !important;
        .head {
          color: #fff !important;
        }
        .body {
          .process-box {
            background: #0a3367;
          }
          .label {
            color: #8c8c8c !important;
          }
        }
      }
    }
  }
  //service-analysis
  .service-analysis {
    .process-box {
      background: rgba(10, 51, 103, 1) !important;
    }
    .grid1-others {
      .label {
        color: #bfbfbf !important;
      }
      .num {
        color: #fff !important;
      }
    }
    .grid3-others {
      .num-show {
        .label {
          color: #bfbfbf !important;
        }
      }
      .desc-text {
        background: rgba(10, 36, 72, 1) !important;
        color: #fff !important;
      }
    }
    .box4 {
      .title-wrap {
        color: #d9d9d9 !important;
      }
      .desc-text {
        background: rgba(10, 36, 72, 1) !important;
        color: #fff !important;
      }
    }
  }
  //sop-analysis
  .sop-analysis {
    .col2 {
      .tab-box {
        background: rgba(10, 36, 72, 1) !important;
        .tab.active {
          background: rgba(23, 61, 110, 1) !important;
        }
      }
      .list-wrap {
        .list-item {
          .item-head {
            background: rgba(10, 51, 103, 0.5) !important;
            color: #fff !important;
          }
          .item-body {
            .label {
              color: #bfbfbf !important;
            }
          }
          .bar-box {
            background: rgba(10, 51, 103, 1) !important;
          }
        }
      }
    }
  }
}
