/* =======================================
   GENERAL TINYMCE STYLING
======================================= */
body div.mce-panel {
    background: white;
}

body #wp-notepad-editor-wrap {
    border-radius: 5px;
}

body #mceu_9-body {
    padding: 5px;
}

/* =======================================
   TOOLBAR STYLING
======================================= */
body .mce-toolbar {
    background: rgba(250,193,0,0.8) !important;
    padding: 2px 4px;
}

body .mce-toolbar-grp {
    border-bottom: none;
}

/* Listbox inside the toolbar */
body .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border: none;
    border-radius: 3px;
    padding: 1px;
}

body .mce-toolbar .mce-listbox button {
    padding: 7px 5px 6px 7px;
}

body .mce-listbox .mce-caret {
	position: absolute !important;
}

/* =======================================
   BUTTONS (NORMAL, ACTIVE, HOVER)
======================================= */
/* Default button styling */
body .mce-toolbar .mce-btn-group .mce-btn {
    background: white !important;
    color: white !important;
    border-radius: 5px;
    margin: 0 2px;
}

/* Button padding */
body .mce-btn button {
    padding: 6px 7px !important;
}

/* Active button */
body .mce-btn.mce-active button {
    background: #3c5d61;
}

/* Button hover effect */
body .mce-toolbar .mce-btn-group .mce-btn:hover {
    background: rgba(90, 133, 137) !important;
    box-shadow: none !important;
}


/* =======================================
   ICONS & WIDGETS
======================================= */
body .mce-widget:hover i.mce-ico, 
.mce-widget:hover span {
    color: white;
}