html, body{
    background:#eee;
    padding:50px 0;
}
.btn-wysiwyg{
    background:#34495e;
    border:none;
    border-radius:0;
    font-size:1em;
    color:#fff;
    padding:8px 16px;
    margin-right:10px;
}
.btn-wysiwyg:hover{
    background:#1abc9c;
    color: #fff;
}

.wysiwyg-toolbar{
    display:none;
    width:100%;
    position:fixed;
    top: 0;
    left:0;
    padding:50px;
    background:#293a4a;
    color:#fff;
}

.wysiwyg-toolbar .dropdown{
    display: inline-block;
    margin-right:10px;
}
.wysiwyg-toolbar .dropdown-menu{
    border: 1px solid #fff;
    border-radius:0;
    box-shadow: 0px 2px 3px #ddd;
    color: #34495e;
}

.wysiwyg-toolbar .separator{
    border-left:1px solid #34495e;
    margin-left:10px;
    margin-right:20px;
}
.wysiwyg-page{
    background: #fff;
    color:#000;
    width: 21cm;
    height: 29.7cm;
    padding:2cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0px 2px 3px #ddd;
}

.wysiwyg-page p{
    margin:0;
}

/* ------- Color / Background ------- */
.wysiwyg-color, .wysiwyg-background{
    padding:0;
    margin:0;
    width:25%;
    height:40px;
    float:left;
    border:3px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
}

@media print {
    .wysiwyg-page {
        margin: 0;
        box-shadow: 0;
    }
}