
@font-face {
  font-family: 'ej-ribbonfont';
  src: url('../common-images/ribbon/ejrbnicons.eot?-dzszjm');
  src: url('../common-images/ribbon/ejrbnicons.eot?#iefix-dzszjm') format('embedded-opentype'), url('../common-images/ribbon/ejrbnicons.woff?-dzszjm') format('woff'), url('../common-images/ribbon/ejrbnicons.ttf?-dzszjm') format('truetype'), url('../common-images/ribbon/ejrbnicons.svg?-dzszjm#ejrbnicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.e-ribbon .e-icon.clearAll:before {
    font-family: 'ej-ribbonfont';
    content: "\e161";
    font-size: 16px;
}

.e-ribbon .e-icon.strikethrough:before {
    font-family: 'ej-ribbonfont';
    content: "\e17d";
    font-size: 16px;
	left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.bold:before {
    font-family: 'ej-ribbonfont';
    content: "\e15a";    
	font-size: 16px;
    left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.alignleft:before {
    font-family: 'ej-ribbonfont';
    content: "\e156";
    font-size: 16px;
	left: -2px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.aligncenter:before {
    font-family: 'ej-ribbonfont';
    content: "\e155";
    font-size: 16px;
	left: 0;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.alignright:before {
    font-family: 'ej-ribbonfont';
    content: "\e157";
    font-size: 16px;    
	left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.justify:before {
    font-family: 'ej-ribbonfont';
    content: "\e164";
    font-size: 16px;
	left: 0;
    position: relative;
    top: -2px;
}
.e-ribbon .e-icon.e-fontcolor:before {
    font-family: 'ej-ribbonfont';
    content: "\e181";
}
.e-ribbon .e-icon.e-fillcolor:before {
    font-family: 'ej-ribbonfont';
    content: "\e180";
}
.e-ribbon .e-icon.e-ribbonpaste:before {
    font-family: 'ej-ribbonfont';
    content: "\e169";
    font-size: 36px;
    position: relative;
    left: -9px;
    top: -4px;
}

.e-ribbon .e-icon.e-ribboncut:before {
    font-family: 'ej-ribbonfont';
    content: "\e15f";
    font-size: 16px;
	position: relative;
    right: 4px;
}

.e-ribbon .e-icon.e-ribboncopy:before {
    font-family: 'ej-ribbonfont';
    content: "\e15e";
    font-size: 16px;
}

.e-ribbon .e-icon.e-ribbonitalic:before {
    font-family: 'ej-ribbonfont';
    content: "\e163";
    font-size: 16px;
    left: -1px;
    position: relative;
    top: -1px;
}

.e-ribbon .e-ribbonunderline:before {
    font-family: 'ej-ribbonfont';
    content: "\e176";
    font-size: 16px;
    position: relative;
    top: -1px;
}

.e-ribbon .e-icon.e-superscripticon:before {
    font-family: 'ej-ribbonfont';
    content: "\e171";
    font-size: 16px;    
	position: relative;
    top: -4px;
}

.e-ribbon .e-icon.e-subscripticon:before {
    font-family: 'ej-ribbonfont';
    content: "\e170";
    font-size: 16px;
}

.e-ribbon .e-icon.e-indent:before {
    font-family: 'ej-ribbonfont';
    content: "\e174";
    font-size: 16px;   
	left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.e-outdent:before {
    font-family: 'ej-ribbonfont';
    content: "\e175";
    font-size: 16px;   
	left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.e-bullet:before {
    font-family: 'ej-ribbonfont';
    content: "\e15b";
    font-size: 16px;    
	left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.e-numbericon:before {
    font-family: 'ej-ribbonfont';
    content: "\e168";
    font-size: 16px;   
	left: -1px;
    position: relative;
    top: -3px;
}

.e-ribbon .e-icon.e-table:before {
    font-family: 'ej-ribbonfont';
    content: "\e172";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-uppercase:before {
    font-family: 'ej-ribbonfont';
    content: "\e17e";
    font-size: 16px;   
	left: -2px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.e-lowercase:before {
    font-family: 'ej-ribbonfont';
    content: "\e17c";
    font-size: 16px;   
	left: -1px;
    position: relative;
    top: -3px;
}

.e-ribbon .e-fontcoloricon:before {
    font-family: 'ej-ribbonfont';
    content: "\e181";
    font-size: 15px;
    position: relative;
    right: -2px; 
    top: -6px;
}
.e-ribbon .e-icon.e-Alignment:before{
    text-indent: 13px;
}
.e-ribbon .e-colorwidget .e-tool-icon .e-selected-color {
    bottom: 0;    
    left: 0;   
}

.e-ribbon .e-fillcoloricon:before {
    font-family: 'ej-ribbonfont';
    content: "\e180";
    font-size: 15px;
    position: relative;
    right: -2px; 
    top: -6px;
}
.e-ribbon .e-icon.e-sort:before {
    font-family: 'ej-ribbonfont';
    content: "\e17a";
    font-size: 16px;
	left: -2px;
    position: relative;
    top: -2px;
}
.e-ribbon .e-icon.e-border:before {
    font-family: 'ej-ribbonfont';
    content: "\e17b";
    font-size: 16px;
	left: -1px;
    position: relative;
    top: -2px;
}

.e-ribbon .e-icon.e-picture:before {
    font-family: 'ej-ribbonfont';
    content: "\e16a";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-video:before {
    font-family: 'ej-ribbonfont';
    content: "\e179";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-chart:before {
    font-family: 'ej-ribbonfont';
    content: "\e15c";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-shape:before {
    font-family: 'ej-ribbonfont';
    content: "\e16e";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-comment:before {
    font-family: 'ej-ribbonfont';
    content: "\e15d";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-text:before {
    font-family: 'ej-ribbonfont';
    content: "\e173";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-hyperlink:before {
    font-family: 'ej-ribbonfont';
    content: "\e162";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-datetimenew:before {
    font-family: 'ej-ribbonfont';
    content: "\e160";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-print:before {
    font-family: 'ej-ribbonfont';
    content: "\e16b";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-equation:before {
    font-family: 'ej-ribbonfont';
    content: "\e158";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-save:before {
    font-family: 'ej-ribbonfont';
    content: "\e16d";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-printlayout:before {
    font-family: 'ej-ribbonfont';
    content: "\e16c";
    font-size: 30px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-new:before {
    font-family: 'ej-ribbonfont';
    content: "\e167";
    font-size: 30px;
	line-height:9px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-zoomin:before {
    font-family: 'ej-ribbonfont';
    content: "\e185";
    font-size: 28px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-zoomout:before {
    font-family: 'ej-ribbonfont';
    content: "\e186";
    font-size: 28px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-fullscreen:before {
    font-family: 'ej-ribbonfont';
    content: "\e183";
    font-size: 28px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-undo:before {
    font-family: 'ej-ribbonfont';
    content: "\e184";
    font-size: 28px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-redo:before { 
    font-family: 'ej-ribbonfont';
    content: "\e182";
    font-size: 28px;
	line-height:5px;
	text-indent:-8px;
}

.e-ribbon .e-icon.e-dot:before {
    font-family: 'ej-ribbonfont';
    content: "\e17f";
}

.e-designtablestyle label {
    font-weight: normal;
    font-size: 12px;
	margin-left:5px;
}

.e-activestyle {
    border: 4px solid lightblue !important;
}

.e-contenteditor {
    width: 100%;
    height: 220px;
    border: 1px solid #c8c3c3;
    overflow: auto;
	-moz-user-select: text;
	-webkit-user-select:text;
}

.e-contenteditor p {
    margin: 20px;
}

.e-headings {
    background-color: white;
    border: 1px solid #a0a0a0;
    height: 65px;
}

.darktheme .e-headings {
    background-color: #1f1f1f;
    border: 1px solid #494949;
    height: 65px;
}

.e-headings div {
    border: 4px solid transparent;
    float: left;
    padding: 4px 1px 1px 1px;
    height: 50px;
    margin: 1px;
}

.e-headings div:hover, .e-designtables div:hover {
    border-color: lightblue;
}

.e-strong {
    font-weight: bold;
}

.e-emphasis {
    font-style: italic;
}

.e-headings1 {
    color: lightblue;
}

.e-ribbon .e-designtables {
    font-size: 7px;
}

.e-designtables {
    background-color: white;
    border: 1px solid #a0a0a0;
    height: 67px;
}

.darktheme .e-designtables {
    background-color: #1f1f1f;
    border: 1px solid #494949;
    height: 67px;
}

.e-designtables > div {
    float: left;
    padding: 3px;
    border: 4px solid transparent;
}

.e-designtables td {
    text-align: center;
}

.e-designtable1 table, .e-designtable1 td {
   border:1px solid #566CE8;
}

.e-designtable2 table, .e-designtable2 td {
   border:1px solid #EDB2F7;
}

.e-designtable3 table, .e-designtable3 td {
   border:1px solid #E6652E;
}

.e-designtable4 table, .e-designtable4 td {
   border:1px solid #7ABF41;
}

.e-designtable5 table, .e-designtable5 td {
   border:1px solid #FCC474;
}

.lighttheme  .e-ribbon  .e-icon{
	color:#515151 ;
}

.darktheme  .e-ribbon  .e-icon{
	color:#BABABA ;
}

.darktheme .e-contenteditor{
	border-color: #464646;
}
.darktheme .e-contextualtabset{
	background-color: #353332 !important;
}
.darktheme .e-author{
    color:#6d6d6d;
}
.darktheme .e-ribbonbackstagepage{
	color:#8e8e8e;
}
.darktheme .e-bsptitle{
	color:#eaeaea;
}