
.pageLayout{
    .ant-layout{
        .ant-layout-sider{
            background-color: #021529!important;
            .ant-layout-sider-children{
                padding: 0;
                .ant-pro-sider-logo{
                    display: flex;
                    align-items: center;
                    a{
                        display: block;
                        h1{
                            color: #fff;
                            font-weight: 600;
                            font-size: 18px;
                            // line-height: 32px;
                            vertical-align: none;
                            margin-left: 12px;
                        }
                    }
                }
            }
        
            .ant-layout-sider-children{
                ul{
                    li{
                        span{
                            font-size: 14px;
                            color: #ffffffA6;
                        }
                        i{
                          font-size: 14px;
                          color: #ffffffA6;
                        }
                    }
                }
            }
        }
    }
   
 


    .pageLayout {
      :global {
        .ant-pro-menu-item {
          &.ant-menu-item-selected {
            background-color: #1890ff !important;
            
            .ant-pro-menu-item-title {
              color: #fff !important;
            }
            
            &:hover {
              background-color: #1890ff !important;
            }
          }
        }
        
        .ant-menu-item-selected {
          background-color: #1890ff !important;
          color: #fff !important;
          
          &:hover {
            background-color: #1890ff !important;
            color: #fff !important;
          }
          
          a {
            color: #fff !important;
          }
        }
        
        .ant-menu-submenu-selected > .ant-menu-submenu-title {
          color: #1890ff;
        }
        
        .ant-menu-item {
          &:hover {
            background-color: rgba(24, 144, 255, 0.1);
          }
        }
      }
    }

    .ant-pro-layout-container{
        background-color: #f0f2f5;
        main{
            padding: 0;
        }
    }
   


    .tab-extra {
        width: 13px;
        height: 15px;
        padding: 0 26px 16px 0;
        // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAANhJREFUOE+9kT1rAlEQRc/MCmLjz7G1tUphKTbpBFs16BpZXkyCuqRLbaFYWqSytc3PSRMC7jxRMMQP5KVxypm5M5dzJXap558ltxN13Vs5skxCHWYa+eDlv0el5yYzRXKhnwy/uSGI2KUZoKH2ANvZawDvgUIDmnt6PTepCzIFrgHZePz9y6A9/0Xef0qr5lkI5E+tevhRoTZ8bC13s6Oc+sm4YqpLgcJB6OFbzarDpLM69M7C7bpxWdEPoAh8GXb3Ouisj8K9RC1ORiU0WmBZ7Tl5+Dzd2QIFbkkh8PpnKgAAAABJRU5ErkJggg==') ;
        // background-repeat: no-repeat;
    
    }
    .ant-dropdown-open svg {
        // color: @primary-color;
        // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAAMZJREFUOE+9kb0KwkAQhGdUEBtfxpxtWisLS7GxE4Too3gH1hZKSgsrW1vj09iIkGQkghJ/kLPJlrs7u8M3NDYX/ixWKHIKlaX0dch6Q97L5aM0i2wN1hq+n6A8rRBEYPOMQM3XnoCcHasJoaWPsBAInN7pmYVGoFYAfgFJIY6TOTdP5MZpICkm0Hy3KuBKcphE3Bazl5yMVQ9QMWiVhBeAg2TG/aP3Ea5xCiHtALQBnEH2k4iHl3C/UQucupBikMNTxOP7zg3x4U00HiX/gwAAAABJRU5ErkJggg==');
    }
    .tab-extra:hover {
        // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAAMZJREFUOE+9kb0KwkAQhGdUEBtfxpxtWisLS7GxE4Too3gH1hZKSgsrW1vj09iIkGQkghJ/kLPJlrs7u8M3NDYX/ixWKHIKlaX0dch6Q97L5aM0i2wN1hq+n6A8rRBEYPOMQM3XnoCcHasJoaWPsBAInN7pmYVGoFYAfgFJIY6TOTdP5MZpICkm0Hy3KuBKcphE3Bazl5yMVQ9QMWiVhBeAg2TG/aP3Ea5xCiHtALQBnEH2k4iHl3C/UQucupBikMNTxOP7zg3x4U00HiX/gwAAAABJRU5ErkJggg==');
    }
    
    .ant-modal-header {
        background-color: #ecf2f7 !important;
        border-bottom: none !important;
    }
    
    body *::-webkit-scrollbar {
        /* 滚动条整体样式 */
        width : 8px;  /* 高宽分别对应横竖滚动条的尺寸 */
        height: 8px;
    }
    body *::-webkit-scrollbar-thumb {
        /* 滚动条里面小方块 */
        background-color: #d1cfcf;
        // background-image: -webkit-linear-gradient(
        //     45deg,
        //     rgba(255, 255, 255, 0.2) 25%,
        //     transparent 25%,
        //     transparent 50%,
        //     rgba(255, 255, 255, 0.2) 50%,
        //     rgba(255, 255, 255, 0.562) 75%,
        //     transparent 75%,
        //     transparent
        // );
        border-radius: 10px;
    }
    body *::-webkit-scrollbar-track {
        /* 滚动条里面轨道 */
        background: #ededed;
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.01);
    }
    
    // 列表页左侧多选树
    .pageTable-leftnav .ant-tree-list-holder{
        height: calc(100vh - 257px);
        padding-right: 0;
        padding-bottom: 0;
        overflow-y: auto;
    }
    .leftHeight .ant-tree-list-holder{
      height: 100%!important;
    }
    .leftHeight .ant-tree-list{
      height: 560px
    }
    .pageTable-leftnavs .ant-tree-list-holder{
      height: 580px;
      padding-right: 0;
      padding-bottom: 0;
      overflow-y: auto;
    }
    .pageTable-leftnav .ant-pro-card-header.ant-pro-card-header-border {
        padding-top: 29px;
    }
    .pageTable-leftnav .ant-pro-card-title {
        font-size: 14px;
    }
    
    .pageTable-leftnav .ant-pro-card-split-vertical{
        transition: width 0.3s;
    }
    .pageTable-leftnav .ant-tree .ant-tree-treenode {
        padding-bottom: 16px;
    }
    .pageTable-leftnavs .ant-tree .ant-tree-treenode {
        padding-bottom: 16px;
    }
    .ant-table-tbody > tr.tablerow-no-border > td{
        border-bottom: 0;
    }
    // prolist 卡片类型
    .ant-pro-list  .ant-pro-card-header {
        padding: 0 !important;
    }
    .ant-pro-list  .ant-pro-card.ant-pro-card-border.ant-pro-card-hoverable>.ant-pro-card-body {
        margin: 0 !important;
        padding: 20px 0 0 0 !important;
    }
    
    .ant-pro-list .ant-pro-card.ant-pro-card-border> ul.ant-pro-card-actions {
        margin-top: 20px;
    }
    
    .ant-pro-list .ant-pro-card.ant-pro-card-border> ul.ant-pro-card-actions >li{
       margin:0;
    }
    .ant-pro-list  .ant-pro-card.ant-pro-card-border.ant-pro-card-hoverable> ul.ant-pro-card-actions > li, .ant-pro-list .ant-pro-card .ant-pro-card-actions .ant-space-item {
        margin: 10px 0 0 0 !important;
    }

    
}

.main-tab >.ant-tabs-nav {
    margin-bottom: 0 !important;
    padding: 2px 15px 0 16px;
    background-color: #fff;
}
.main-tab > .ant-tabs-nav .ant-tabs-tab {
    background-color: #fafafa;
    border-color: #f0f0f0;
    border-bottom: 0;
}
.main-tab > .ant-tabs-nav .ant-tabs-tab button svg {
    // color: #fff;
    transition: all 0.3s;
}
.main-tab > .ant-tabs-nav .ant-tabs-tab:hover {
    background-color:#fafafa;
    border-color: #f0f0f0;
}
.main-tab > .ant-tabs-nav .ant-tabs-tab:hover button svg {
    // color: @link-color;
}
.main-tab.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
    background-color: #f6f9fb;
    border-color: #f0f0f0;
    box-shadow: 2px 0 6px 0 #e7e7e7;
    border-top-color: #3591fe;
}
.main-tab.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #3591fe;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.main-tab > .ant-tabs-nav .ant-tabs-tab-active button svg {
    // color: @icon-color;
}
.main-tab > .ant-tabs-content-holder {
    height: calc(100vh - 86px);
    padding-top: 16px;
    overflow-y: auto;
}
.main-tab  > .ant-tabs-nav .ant-tabs-nav-wrap {
    bottom: 1px;
}

.ant-pro-layout .ant-pro-layout-bg-list{
    background:#f5f5f5!important
}
.ant-pro-layout-bg-list{
    background:#f5f5f5!important
}
