.ajaxres-container {
    position: fixed;
    max-width: 350px;
    z-index: 201;
    right: 0;
}
.ajaxres-container>div{
    position: relative;
}
#ajaxresults {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 350px;
    max-width: calc(100%-30px);
}
#ajaxresults > div {
    padding: 10px 30px 10px 15px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    border: 1px solid;
    border-radius: 3px;
}

@media only screen and (max-width: 400px) {
    .ajaxres-container {
        max-width: 200px;
    }
    #ajaxresults {
        width: 200px;
    }
}

#ajaxresults > div > i.fa-xmark {
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
    cursor: pointer;
    color: inherit !important;
}

#ajaxresults .success {
    color: #058840;
    background-color: #d5f1e3;
    border-color: #c1ead3;
}

#ajaxresults .danger {
    color: #a91b3e;
    border-color: #ffc5d4;
    background-color: #f6d1dc;
}

#ajaxresults .warning {
    color: #a07700;
    border-color: #f6e7b1;
    background-color: #ffeeb1;
}

#ajaxresults .info {
    color: #484848;
    border-color: #dddddd;
    background-color: #e4e4e4;
}