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

#systemmessage{
    
}


#systemmessage div.part-showmessage {
    position:fixed;
    z-index:9991;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,0.7);
}

#systemmessage .component-body {
    width:300px;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    z-index:9992;
    background-color:var(--lblue);
    
}

#systemmessage .component-body > div {
    color: #ffffff;
    font-family: 'PTSansBold';
    padding:64px 10px 10px 10px;
    background-repeat:no-repeat;
    background-position:center 16px;
    text-align:center;
    cursor:pointer;
    background-image:url('../gfx/info.svg');
}

#systemmessage .component-body > div::after {
    content:"Bezár";
    display:block;
    width:100%;
    background-color:var(--dblue);
    border-radius:3px;
    margin-top:32px;
    color:#ffffff;
    font-family:'PTSansBold';
    text-transform:uppercase;
    text-align:center;
    padding:5px;
    transition:0.3s;
}

#systemmessage .component-body > div:hover::after {
    background-color:#ffffff;
    color:var(--lblue);
}

#systemmessage .component-body > div.successmsg {
    background-image:url('../gfx/success.svg');
}

#systemmessage .component-body > div.errormsg {
    background-image:url('../gfx/warning.svg');
}