/*
    Document   : com_showmessage
    Created on : 2014.12.30., 14:51:12
    Author     : Gege <gergo@infoartnet.hu>
*/

div#system-message .part-showmessage {
    position:absolute;
    z-index:9999;
    top:0;
    right:32px;
    opacity:0.85;
}

div#system-message .component-body {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    position:relative;
}

div#system-message.bel .part-showmessage { margin-bottom: 0; }

div#system-message .part-showmessage > div {
    padding:20px;
    background-color:#ffffff;
    position:relative;
    z-index:1;
}

div#system-message .part-showmessage > div > div {
    padding:10px 20px;
    text-align:center;
    font-family:Open Sans Bold;
    max-width:240px;
    position:relative;
    z-index:1;
}

div#system-message .part-showmessage .com-content {
    position:absolute;
    z-index:2;
    top:0;
    right:-10px;
}

div#system-message .part-showmessage > div .closemsg {
    width:16px;
    height:16px;
    background-color:#004B84;
    color:#ffffff;
    border-radius:50%;
    cursor: pointer;
    text-align:center;
    font-family:Open Sans Bold;
    text-align:center;
    border:solid 3px #ffffff;
}

div#system-message .part-showmessage div.successmsg {
    color: #ffffff;
    background-color:#004B84;
}
div#system-message .part-showmessage div.errormsg {
    color: #ffffff;
    background-color:#aa0000;
}



/*---------- Media Queries ----------*/

@media only screen and (min-width: 640px) and (max-width: 993px){

}

@media only screen and (min-width: 480px) and (max-width: 639px) {

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

}