.infinite-list{
    
    .ant-list-header{
        padding: 0;
    }
    .ant-list-items{
        display: block;
        overflow: auto;
        height: 300px;
        border-left: 4px solid #f0eff5;
        border-right: 4px solid #f0eff5;
        box-shadow: 0 22px 22px -22px rgba(15,34,58,.12) inset, 0 -22px 22px -22px rgba(15,34,58,.12) inset;
    }

    h4.ant-list-item-meta-title{
        margin: 0;

        &:after{
            display: none;
        }
    }

    // .loading-container {
    //     position: absolute;
    //     top: 40px;
    //     width: 100%;
    //     text-align: center;
    // }
    .loading-container {
        position: absolute;
        bottom: 40px;
        width: 100%;
        text-align: center;
    }
.ant-input-affix-wrapper{
        padding: 0px 0;
    }
    .ant-input-group{
        padding: 5px 0;
    }
    li.ant-list-item{
        position: relative;
        padding: 10px 15px;
        color: #7a7f9a;
        transition: all .4s;
        //border-top: 1px solid #f5f7fb;
        border-radius: 4px;

        &:hover{
            cursor: pointer;
            background-color: var(--highlight-background-color);
        }
        &.active, &:hover{
            background-color: var(--highlight-background-color);
        }

        .ant-list-item-meta{
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ant-list-item-meta-description, .ant-typography{
            position: relative;
            line-height: normal;
            margin: 0;
            color: #7a7f9a;
        }
    }

    .ant-input-search{
        margin-top: 10px;
        margin-bottom: 10px;

        .ant-input-group{
            padding: 0px 0;
        }
        .ant-input-affix-wrapper{
            padding: 0px 0;
            border: 1px solid #d9d9d9;
        }
        .ant-input{
            border: none;
        }
    }
}