.maillist-modal .title{
    font-size: 26px;
    font-weight: 300;
    padding: 25px;
    position: relative;
    background: #f9fafc;
}
.maillist-modal .title .close-icon{
    position: absolute;
    top: 30px;
    right: 25px;
    font-size: 25px;
    cursor: pointer;
    color: #AAAAAA;
}

.maillist-modal .title .close-icon:hover,
.maillist-modal .title .close-icon:focus{
    color: #4e565b;
}

.maillist-modal .content{
    /* padding: 15px 30px; */
}

.maillist-modal .list-container{
    height: 400px;
    overflow-y: scroll;
    padding: 15px 30px;
}

.maillist-modal .list-row{
    display: flex;
    padding: 5px 0;
    color: #333;
}
.maillist-modal .list-row .name{
    font-size: 16px;
    flex: 2;
    margin-left: 30px;
    font-weight: 400;
}
.maillist-modal .list-row .contacts{
    font-size: 14px;
    font-weight: 300;
    flex: 1;
    text-align: right;
}

.maillist-modal .toolbar{
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d9e2e8;
    align-items: center;
}

.maillist-modal .footer{
    display: flex;
    padding: 15px 30px;
    border-top: 1px solid #d9e2e8;
    justify-content: space-between;
    align-items: center;
}
.maillist-modal .footer .total-members{
    color: #173452;
    font-size: 14px;
    font-weight: normal;
}