@import './../var.scss';

#app {
  .header {
    background: $core-color;
    z-index: 111;

    .sys-tools {
      display: none;
    }

    .header-row {
      .header-secondary {
        .alarm-logo-css {
          padding: 0 1rem;
          cursor: pointer;

          .ant-scroll-number-only > p {
            height: 18px;
          }
        }
      }
    }

    .header-navs {
      .logo-wrapper {
        // display: none;
        width: 240px;
        font-size: 18px;
        padding-left: 15px;
        // background: #345fa6;
        color: #fff;

        .header-logo {
          background: #345fa6;
          border: none;
          border-right: 1px solid #2d5291;
          width: 100%;
        }
        .logo-text {
          display: inline-block;
        }
      }

      .nav-menu-wrapper {

        .menu-expanded{
          position: relative;
          z-index: 90000;
        }

        .nav-menu-box {

          .nav-menu-list {
            color: white;

            .nav-menu-item {
              width: 130px;
              height: 40px;
              border-right: 1px solid $core-deep-color;

              &.active {
                color: white;
                background: $core-deep-color;
              }

              .nav-menu-item-label {
                font-size: 15px;
                color: white;
              }

              .aficon {
                display: none;
                padding-right: 10px;
                font-size: 15px;
              }

              .menu-sublist {
                .menu-subitem-icon {
                  display: inline-block;
                  font-size: 12px;
                  color: #fd9d0b;
                }
              }
            }
          }
        }
      }
    }
  }
  .header.headerIndex {
    background: url('/src/assets/3dview/header.png') no-repeat 100% 100%;
    background-size: 100% 100%;
    height: 7rem;
    // line-height: 7rem;
    z-index: 11111;
    display: flex;
    box-shadow: none;
    .header-navs {
      width: 38%;
      .nav-menu-wrapper {
        top: 3rem;
        width: 100%;
        .nav-menu-item {
          width: 24% !important;
          border: none !important;
          .menusub-wrapper {
            width: 100% !important;
          }
        }
        .nav-menu-bg {
          display: none;
        }
      }
    }
    .leftNavs {
      .nav-menu-wrapper {
        padding-left: 25.5%;
        padding-right: 15%;
        .nav-menu-item {
          width: 33.3% !important;
        }
      }
    }
    .rightNavs {
      .nav-menu-wrapper {
        padding-left: 15%;
      }
    }
    .projectName {
      width: 24%;
      height: 7rem;
      line-height: 7rem;
      text-align: center;
      img {
        vertical-align: middle;
        width: 65%;
      }
    }
  }
  .content-body.indexContent {
    top: 0;
    height: 100%;
  }
}
