/* 
    Document   : com_showmessage
    Created on : 2019.01.07., 10:50:37
    Author     : PeTa
*/

#system_message{
    width:100%;
    position:relative;
    background-color: transparent;
    width:1274px;
    margin-left:auto;
    margin-right:auto;
}

div.part-showmessage .component-body {
    margin-bottom:16px;
}

div.part-showmessage .component-body > div {
    
    font-weight:bold;
    padding:20px 20px 20px 72px;
    margin-top:16px;
    margin-bottom:50px;
    background-repeat:no-repeat;
    background-position:25px 18px;
    
    background-image:url('../gfx/info.svg');
    border: 2px solid var(--primary);
    color:var(--primary);
}

div.part-showmessage .component-body > div.successmsg {
    background-image:url('../gfx/success.svg');
    border: 2px solid var(--primary);
    color:var(--primary);
}

div.part-showmessage .component-body > div.errormsg {
    background-image:url('../gfx/warning.svg');
    border: 2px solid var(--red);
    color:var(--red);
}

@media only screen and (max-width:1323px) {
    #system_message {
        width:960px;
    }
}

@media only screen and (max-width:993px) {
    #system_message {
        width:624px;
    }
}

@media only screen and (max-width:639px) {
    #system_message {
        width:100%;
    }
}

/* content */

@media only screen and (min-width:994px) {
    #content div.part-showmessage {
        width:840px;
        margin-left:auto;
        margin-right:auto;
    }
}