@charset "UTF-8";
@import "_config.less";

.layui-layout-theme-white {

  > .layui-layout-admin {
    > .layui-side {
      box-shadow: none;
      background-color: #fff !important;

      .layui-logo {
        color: #333;
        box-shadow: none;
        font-weight: bold;
      }

      .layui-side-scroll {
        display: flex !important;
        box-sizing: border-box;
        border-right: @TopHeaderBottomLine;

        .layui-nav-child {
          background: none !important;
        }

        .layui-side-icon {
          width: 60px;
          display: none;
          background: #fff;

          a {
            height: 60px;
            display: block;
            text-align: center;
            line-height: 60px;
          }

          .layui-icon {
            color: #999;
          }

          > .layui-this {
            background: #fff;

            .layui-icon {
              color: #098 !important;
            }
          }
        }

        .layui-side-tree {
          flex: 1;

          .layui-nav-item {
            background: none !important;
            border-bottom-color: #fff;

            a {
              color: #333 !important;
              background: none !important;
              border-bottom: none !important;

              &:hover {
                color: #098 !important;
              }
            }

            .layui-this, &.layui-this {
              > a {
                color: #098 !important;
                background: none !important;
                font-weight: bold !important;

                &:hover {
                  background: none !important;
                }
              }
            }

            &ed > a {
              color: #999 !important;
            }
          }
        }
      }
    }

    > .layui-body {
      > .think-page-body > .layui-card > .layui-card-header {
        box-sizing: border-box;
        box-shadow: none !important;
        border-bottom: @TopHeaderBottomLine;
      }
    }

    > .layui-header {
      background: none !important;

      .layui-nav-item {
        &.layui-this > a {
          color: #098 !important;
          font-weight: bold;
          background: none !important;
        }

        > a {
          color: #333 !important;

          &:hover {
            color: #098 !important;
            background: none !important;
          }
        }
      }
    }
  }
}