div.cn_message_component {
    position: fixed;
    bottom: 15px;
    left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    width: auto;
}

.cn_message_start {
    color: rgb(39, 92, 32);
    background: rgb(217, 255, 223);
}

.cn_message_working {
    color: rgb(43, 92, 148);
    background: rgb(184, 219, 232);
}

.cn_message_message {
    color: rgb(26, 44, 90);
    background: #4663b333;
}

.cn_message_ok {
    color: rgb(32, 173, 36);
    background: #d9ffdf;
}

.cn_message_error {
    color: #fff;
    background: #f00;
}

.cn_message_warning {
    color: #000;
    background: rgb(254, 197, 116);
}

.scope_service {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fafafa;
    border-radius: 3px;
    padding: 10px;
    color: rgb(26, 21, 94);
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 9pt;
    width: auto;
    margin-left: auto;
}

@media (max-width: 960px) {

    div.cn_message_component {
        position: fixed;
        bottom: 15px;
        left: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        width: auto;
    }

    .scope_service {
        width: auto;
        margin-left: auto;
    }

}