#wopo_notepad{
    width: 100%;
    height: 100%;
}
#wopo_notepad_window{
    position: fixed;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    z-index: 99999;
    display:none;
    max-width: 700px;
}
#wopo_notepad_window .title-bar{
    height: 30px;
}
#wopo_notepad_window .window-body{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 25px;
    left: 0;
    margin:3px;
}
#wopo_notepad_window.minimize{
    top:100%;
    margin-top:-28px;
}
#wopo_notepad_window.maximize{
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
}
@media screen and (max-width: 768px) {
    #wopo_notepad_window{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
}