.modules-pageMessage {position:fixed;top:0px;right:0px;margin:20px;z-index:1000;overflow:hidden;pointer-events:none}
    .modules-pageMessage .-message { transition: all .3s; max-height: 1000px; width: 280px; visibility: hidden; left: 100%; position: relative; box-shadow: rgba(0,0,0,.3)0px 2px 3px; font-size: 14px; padding: 10px; margin-bottom: 10px; overflow: hidden; border: 5px solid #7B146A; background: #FFF; pointer-events: all }
        .modules-pageMessage .-message h3 { font-size: 16px; color: #7B146A}
        .modules-pageMessage .-message .-closeBtn { position: absolute; top: 3px; right: 3px; cursor: pointer; width: 18px; height: 18px; background: #7B146A; color: #FFF; text-align: center; line-height: 18px; border-radius: 50px; transform: rotate(45deg); }
        .modules-pageMessage .-message .-closeBtn::before {content:' ';display:block; position:absolute;height:14px;border-left:2px solid white;left:8px;top:2px }
            .modules-pageMessage .-message .-closeBtn::after { content: ' '; display: block; position: absolute; width: 14px; border-bottom: 2px solid white; left: 2px; top: 8px }

    .modules-pageMessage .-open{left:0px;visibility:visible;height:auto;}
    .modules-pageMessage .-closed { max-height:0px;overflow:hidden;padding:0px;margin:0px;border:0px }