.user_msg_container{
    font: 15px arial, sans-serif;
}

.user_page_error_message{
    background: darksalmon;
    border: 2px solid red; 
    padding: 10px 20px 10px 20px;
    color: black;       
    width: 80%;
    /*max-width: 400px;*/
    font-weight: 600;
    font: 12px arial, sans-serif;
    /*font: cal*/
}

.user_msg_div_alert{
    background: darksalmon;
    border: 1px solid black; 
    padding: 5px 10px 5px 10px;
    color: black;       
    display: none;
}
.user_msg_div_warning{
    background: lightyellow;
    border: 1px solid black; 
    padding: 5px 10px 5px 10px;
    color: black;       
    display: none;
}
.user_msg_div_info{
    border: 1px solid black; 
    background: lightcyan;
    padding: 5px 10px 5px 10px;
    color: black;       
    display: none;
}
.user_msg_div_cookie_msg{
    border: 1px solid black; 
    background: lightcyan;
    padding: 5px 10px 5px 10px;
    color: black;       
    display: none;
}
.user_msg_title_box{
    /*border: 1px solid blue; */
    display: inline-block;
    width: 100%;
}
.user_msg_icon{
    padding-right: 5px;
    /*border: 1px solid red; */
    display: inline-block;    
    float: left;
}
.user_msg_title{
    /*border: 1px solid red; */
    display: inline-block;
    float: left;
    vertical-align: middle;
    font-weight: bold;
    line-height: 30px;
}
.user_msg_div_text{
    /*border: 1px solid green; */
    display: inline-block;
    width: 84%;
}
.user_msg_div_button{
    /*border: 1px solid black; */
    display: inline-block;
    width: 15%;
    height:100%;
}
.user_msg_text{
    /*border: 1px solid blue; */
    display: inline-block;
    font-size: 90%;
    padding: 15px 0 5px 0;
}

@media only screen and (max-width: 800px) {
    .user_msg_container{
        font-size: 17px;    
    }
}