/* 
 * Adding a custom icon to a tinyMCE button
 * 
 *
    i.mce-i-[FONT-AWESOME-CLASSNAME]
	icon: 'icon [FONT-AWESOME-CLASSNAME]',
 
  
*/

i.mce-i-icon {
    font: 400 20px/1 dashicons;
    padding: 0;
    vertical-align: top;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: -2px;
    padding-right: 2px
}

.rtl i.mce-i-icon {
    margin-left: auto;
	margin-right: -2px;
    padding-right: auto;
	padding-left: 2px;
}

i.uix-shortcodes-icon{
	background-image:url(icon.png);
}


/* Tinymce toolbar menu icons*/

.uix-shortcodes-col:before{
	display: inline-block;
	width: 145px;
	height: 17px;
}

.rtl .uix-shortcodes-col:before{
	margin-left: -125px;
}


.uix-shortcodes-col-average-4:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/average-4.png) no-repeat top center;
}

.uix-shortcodes-col-average-3:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/average-3.png) no-repeat  top center;
}
.uix-shortcodes-col-average-2:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/average-2.png) no-repeat  top center;
}

.uix-shortcodes-col-1_3-2_3:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/1_3-2_3.png) no-repeat  top center;
}

.uix-shortcodes-col-2_3-1_3:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/2_3-1_3.png) no-repeat  top center;
}

.uix-shortcodes-col-1_4-3_4:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/1_4-3_4.png) no-repeat  top center;
}

.uix-shortcodes-col-3_4-1_4:before{
	content:' ';
	background:url(../../includes/uixscform/images/column/3_4-1_4.png) no-repeat  top center;
}

