// ------------------------------------
// override styles for consistent Flat styling
// ------------------------------------
.cke_chrome.cke_chrome {
	box-shadow: none;

	.cke_top {
		box-shadow: none;
		background: #fff;

		.cke_toolgroup {
			border: 0;
			box-shadow: none;
		    background: #fff;

			a.cke_button_off:hover {
			    cursor: pointer;
			}

			a.cke_button_off:hover,
			a.cke_button_off:focus,
			a.cke_button_off:active,
			a.cke_button_disabled:hover,
			a.cke_button_disabled:focus,
			a.cke_button_disabled:active {
				border-radius: 0;
			    background: $gray-100;
			}

			a.cke_button:first-child,
			a.cke_button:last-child {
				border-radius: 0;
			}

		}

		.cke_combo_button {
			border-radius: 0;
			box-shadow: none;
		    background: #fff;
		}

	}

	.cke_bottom {
		box-shadow: none;
	    background: #fff;
	}

}

.cke-content img {
  max-width: 100%;
  height: auto !important;
}

// removes white space in text component settings
.cke_toolbar {
	height: 31px !important;
}

//set the size of the dropdowns in the editor toolbar
.cke_combopanel {
    width: 200px !important;
    height: 200px !important;
}
