/*
 * Dialog styles
 */
.cke_dialog img.left,
.cke_editable img.left {
	float: left;
	margin: 0 10px 10px 0;
}
.cke_dialog img.right,
.cke_editable img.right {
	float: right;
	margin: 0 0 10px 10px;
}
.cke_dialog img.center,
.cke_editable img.center {
	float: none;
	display: block;
	margin: 10px auto;
}

/*
 * CKEditor content css styles
 */
.cke_editable .left { float: left; }
.cke_editable .right { float: right; }
.cke_editable .clear { clear: both; }
.cke_editable .hidden { visibility: hidden; }
.cke_editable .button { /* you can define button style in the ck editor */ }

/*
 * Widgets
 */
 .multicolumn {
 	background: #f9f9f9;
 	box-sizing: border-box;
    padding: 10px 15px;
    margin: 0px;
    max-width: 100%;
    position: relative;
    display: block;
    display: flex;
    align-items: stretch;
}
.multicolumn-left,.multicolumn-right {
	box-sizing: border-box;
    width: 50%;
	flex: 1 1 50%;
	padding: 5px 10px;
	margin: 0 5px;
}
.multicolumn-left {
    float: left;
}
.multicolumn-right {
    float: right;
}