/* ==========================================================
   TinyMCE Theme
   Ulik Arsip
========================================================== */

/* ==========================================================
   Wrapper
========================================================== */

.tox-tinymce{
    border:1px solid rgba(30,54,43,0.18) !important;
    border-radius:10px !important;
    overflow:hidden;
    transition:.25s;
    box-shadow:none !important;
}

/* ==========================================================
   Header
========================================================== */

.tox .tox-editor-header{
    background:#fff !important;
    border-bottom:1px solid rgba(30,54,43,0.18) !important;
    padding:4px 10px !important;
}

/* ==========================================================
   Toolbar
========================================================== */

.tox .tox-toolbar,
.tox .tox-toolbar__primary{
    min-height:35px !important;
    background:#fff !important;
}

/* Grup toolbar */

.tox .tox-toolbar__group{
    padding:0 4px !important;
    margin:0 !important;
}

/* ==========================================================
   Tombol
========================================================== */

.tox .tox-tbtn{
    width:30px !important;
    height:30px !important;
    border-radius:8px !important;
}

.tox .tox-tbtn:hover{
    background: rgb(122, 174, 155, 0.3) !important;
}

.tox .tox-tbtn--enabled{
    background:rgb(122, 174, 155, 0.7) !important;
}

/* Icon */

.tox .tox-icon svg{
    transform:scale(.88);
}

/* ==========================================================
   Dropdown Paragraph
========================================================== */

.tox .tox-tbtn--select{
    width:auto !important;
    min-width:110px !important;
    max-width:110px !important;

    height:30px !important;

    padding:0 10px !important;
}

.tox .tox-tbtn__select-label{
    font-size:14px !important;
    font-weight:500;
}

.tox .tox-tbtn__select-chevron svg{

    transform:scale(.8);

}

/* ==========================================================
   Area editor
========================================================== */

.tox-edit-area{
    border:none !important;
}

.tox .tox-edit-area::before{
    border:none !important;
    box-shadow:none !important;
}

/* INI yang menghilangkan garis biru */

.tox.tox-tinymce:focus .tox-edit-area::before{
    border:1px solid #7AAE9B !important;
    box-shadow:0 0 0 3px rgba(112,153,138,0.16) !important;
    border-radius:10px;
}

/* ==========================================================
   Iframe
========================================================== */

.tox .tox-edit-area__iframe{
    background:#fff;
    border-color: 1px solid #7AAE9B;
}

/* ==========================================================
   Statusbar
========================================================== */

.tox .tox-statusbar{
    border-top:1px solid #eceff3 !important;
    padding:6px 12px !important;
    background:#fff;
}