*{
    box-sizing: border-box;
}

body{
    background-color:#eee;
}

#parentEditor {
    width: 600px;
    border: 1px solid #ccc;
    border-radius:3px;
    padding-bottom:2px;
    background-color:#fff;
}

#painelEditor{
    padding:10px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:50px;
    background-color:#f6fafe;
}

#editor_pesquisa {
    padding: 10px;
    height:350px;
    overflow-y:auto;
    overflow-x:hidden;
}

#editor_termo {
    padding: 10px;
    height:350px;
    overflow-y:auto;
    overflow-x:hidden;
}

#editor_comunicado {
    padding: 10px;
    height:350px;
    overflow-y:auto;
    overflow-x:hidden;
}

.btnColor{
    font-size:15px;
    font-weight: bold;
    outline: none;
    border:none;
    cursor:pointer;
    width:25px;
    height:25px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content: center;
}
#fontColor{
    color:#3c8dbc;
}

#backColor{
    color:orange;
}

#paleta{
    width:15px;
    height:15px;
    border:none;
    outline:none;
}

.demo-icon{
    cursor:pointer;
    color:#3d3d3d;
}

.demo-icon:hover{
    color:gray;
}

#inputFontSize{
    border:1px solid #ccc;
    outline:none;
    border-radius:3px;
    padding:2px;
    color:#3d3d3d;
    font-size: 9px;
}