list{
    position: relative;
    display:block;
    height:58px;
    font-size:18px;
    width:100%;
    margin:0;
    padding:20px;
    padding-left: 40px;
    padding-top: 18px;
    font-family: "Regular";
    box-sizing: border-box;
    border-radius: 0px;
    background: rgba(0,0,0,0);
    transition: background ease 0.3s ;
}

list::after{
    background: url('/res/bundles/back.png');
    height:18px;
    width:18px;
    margin-right: 0;
    position: absolute;
    right:30px;

}

list:active{
    background: rgba(127,127,127,0.15);
}

list[level=error]
{
    color: rgb(255,59,48) !important;
}

list[level=warn]
{
    color: rgb(255,204,0) !important;
}

list[level=success]
{
    color:  rgb(76,217,100) !important;
}
list[level=info]
{
    color: rgb(0,122,255) !important;
}