@charset 'utf-8';

#glyphs {
    padding-right: 15px;
    width: auto;
    display: block;
}

svg {
    margin-right: 0;
}


/*sections
*/

.section {
    display: none;
}

.section button {
    margin-top: 1%;
}

textarea {
    height: auto;
}

.textSource01 {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
}

.textSource02 {
    border: 1px solid #ccc;
    padding: 10px;
    height: 535px;
    overflow: scroll;
    resize: vertical;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
}

#textEditArea {
/*    border: 1px solid #ccc;
    padding: 10px;*/
}



.mce-panel {
    background-color: #d6d6d6!important;
    border: 1px solid #b1b1b1!important;
}

.mce-btn {
    border: 1px solid #666!important;
    text-shadow: none!important;
    background-color: #5b9cc1!important;
}

.mce-toolbar-grp {
    padding: 6px!important;
}

.mce-container-body .mce-wordcount {
    color: #222!important;
}




/*print
*/

@media print {
    .btn {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* STYLES GO HERE */
    #textEditArea {
        height: 535px;
        max-height: 100%;
        resize: vertical;
        overflow: auto;
        overflow-y: scroll;
        /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }
}