#msg_aletr_container
{
    z-index: 1000;
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color:rgba(192,192,192,0.5);
    padding: 10px;
    border-radius: 4px;
    display: none;
}

.msg_aletr_line
{
    width: 400px;
    border: 1px solid white;
    border-radius: 40px;
    margin-bottom: 10px;
    padding: 4px 15px;
}

/* .msg_aletr_line > div
{
    text-align: center;
} */

.msg_aletr_bc_g
{ 
    background-color: lightgreen; 
}
.msg_aletr_bc_r
{ 
    background-color: lightcoral; 
}
.msg_aletr_bc_o
{ 
    background-color: orange; 
}

@media only screen and (max-width:720px), (max-device-width : 720px) /* desktop and mobile orientation: portrait */
{ 
    #msg_aletr_container
    {
        width: 100%;
    }

    .msg_aletr_line
    {
        width: 100%;
    }
}