.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  color: black;
  //background: -webkit-gradient(linear, left top, left bottom, from($header-background), to($header-background));
  //background: linear-gradient($header-background, $header-background);
  border-bottom: 0;
  border-color: transparent;
  -webkit-box-shadow: 0 2px 8px rgba(47, 53, 87, 0.2);
  box-shadow: 0 2px 8px rgba(47, 53, 87, 0.2);

  .amos-dropnav {
    .amos-dropnav-item {
      position: relative;
      top: -2px;
      width: 170px;
      height: 44px;
      padding: 5px 0 0 5px;
      font-size: 15px;
      background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%, rgb(242, 242, 242) 100%);
      border-right: 1px solid rgb(222, 221, 222);
      border-radius: 0;
      box-shadow: none;
      box-sizing: border-box;

      > a {
        color: black;

        .amos-dropnav-item-icon {
          margin-right: -15px;
        }
      }

      &:first-child {
        position: relative;
        top: -2px;
        width: 170px;
        height: 44px;
        padding: 5px 0 0 5px;
        font-size: 15px;
        background: linear-gradient(#b4001a 0%, #b4001a 0%, #b4001a 100%, #b4001a 100%);
        border-right: 1px solid #c40705;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;

        > a {
          color: white;

          &::after {
            right: 20px;
          }
        }
      }

    }


    .amos-dropnav-item-active {
      color: white;
      background: linear-gradient(#b4001a 0%, #b4001a 0%, #b4001a 100%, #b4001a 100%);
      > a {
        color: white !important;
      }
    }

    .amos-dropdown-menu-warpper {
      background-color: #345FA6;
      border-radius: 0 0 6px 6px;

      .amos-dropnav-sub {
        padding: 0;
        background-color: #345FA6;
        border-radius: 0 0 6px 6px;

        .amos-dropnav-item {
          height: 4rem;
          padding: 0;
          border-right: 0;

          > a {
            line-height: 4rem;
            color: white;
            background-color: #345FA6;

            &:hover {
              background-color: #2E5392;
            }
          }

          &:hover {
            background-color: #345FA6 !important;
          }
        }

        .extra-temp-style {
          top: 0;
          border-radius: 0 0 6px 6px;

          > a {
            border-radius: 0 0 6px 6px;
          }
        }
      }
    }
  }
}

.content-body {
  .ant-layout-sider-collapsed {
    .sidebar-fold {
      width: 45px !important;
      height: 50px;
      font-size: 15px;
      line-height: 50px;
      //background: $menu-top-color;
      // border-color: $menu-top-color;
      border-style: solid;
      border-width: 1px;
      border-radius: 0;
      box-shadow: none;
      box-sizing: border-box;
    }
  }

  .amos-main-sider {
    position: relative;
    min-width: 0;
    background: rgb(52, 95, 166);
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    .ant-layout-sider-children {
      .sidebar-fold {
        width: 180px;
        height: 50px;
        font-size: 15px;
        line-height: 50px;
        border-style: solid;
        border-width: 1px;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
      }
    }
  }
}
