#basicLayout {
  .ant-layout {
    .ant-layout-sider{
      .ant-layout-sider-children {
        //.ant-menu {
        //  overflow-y: auto;
        //  overflow-x: hidden;
        //}
      }
    }
  }
  .nav-text {
    a {
      color: white !important;
    }
  }
  .layout-header {
    display: flex;
    align-items: center;
    height:50px;
    line-height: 50px;
    padding-left: 30px;
    padding-right: 0px;
    .left {
      flex: 1;
      display: flex;
      align-items: center;
      .logofont {
        font-family: Arial, sans-serif;
        line-height: 1em;
        color: #faf5f5;
        font-weight: bold;
        font-size: 25px;
        text-shadow: 0px 0px 0 rgb(197, 192, 192), 1px 1px 0 rgb(144, 139, 139), 2px 2px 1px rgba(0, 0, 0, 0.25), 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);
      }
      .logo {
        width: 25px;
        img {
          width: 100%;
        }
      }
    }

    .right {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: relative;
      .headerName {
        color: #ffffff;
        cursor: pointer;
      }
      .loginout {
        width: 100%;
        text-align: right;
      }
    }
    .headerText {
      font-size: 16px;
      height: 30px;
      line-height: 30px;
      color: #ffffff;
      margin-left: 20px;
      a {
        text-decoration: none;
        color: #ffffff;
      }
      a:hover {
        color: #ffffff;
      }
      span {
        width: 100px;
        display: inline-block;
        padding-left: 20px;
        cursor: pointer;
        font-size: 14px;
      }
      .helpCenter {
      }
    }
  }
  .ant-layout-content {
    position: relative;
    background: unset !important;
  }
  .layout-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}