
/* ===========================================
   Jrole User Interface CSS Framework
   Output  : Uncompressed
   Theme   : Taihu
   File    : jui-component-rfe-1.0.css
   Version : 1.0.0
   Author  : Netcomposite http://www.netcomposite.com/
   =========================================== */



/* ===============================
   1.0 Rich function editor containers and highlights
   =============================== */

.jp-wfl-io-rfe {
  border-bottom: 20px solid transparent !important;
}

.jp-wfl-io-rfe .jp-wfl-io-workspace {
   border: 1px solid #999; 
}


.jp-wfl-io-rfe-editor-layout { /* resizable */
   min-height: 400px;
}


.jp-wfl-io-rfe-plaintext {
   border: none !important;
   min-height: 400px;
   height: 100% !important;

}

.jp-wfl-io-rfe-iframe {
   border: none !important;
   min-height: 400px;
   height: 100% !important;

}


.jp-wfl-io-module {
    position: relative;
    padding: 1em;
    white-space: normal !important;
    margin-bottom: 0 !important;
    border: none;
    border-top: 2px dashed  #999 !important;
    background: #fbfbfb;
}

[data-viewport-highlight="button::toolbar::state::switch"] {
   text-transform: uppercase !important;
   background: #333 !important;
   color: #fff !important;
   font-size: 80% !important;
   border: 1px solid #999 !important;
   border-bottom: none !important;

}
[data-viewport-highlight="button::toolbar::state::switch"]:hover {
   text-transform: uppercase !important;
   background:  #1E88E5 !important;
   color: #fff !important;
   font-size: 80% !important;
   border: 1px solid #999 !important;
   border-bottom: none !important; 

}


/* Toolbar buttons */

[data-viewport-highlight="button::toolbar::state::initial"] {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid transparent !important;

}

[data-viewport-highlight="button::toolbar::state::initial"]:hover {
    background: #fff !important;
    border: 1px solid #1E88E5 !important;
 	color: #000 !important;

}

[data-viewport-highlight="button::toolbar::state::selected"] {
    background: #fff !important;
    border: 1px solid #1E88E5 !important;
    color: #000 !important;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2) !important;
}

[data-viewport-highlight="button::toolbar::state::selected"]:hover {
    background: #fff !important;
    color: #000 !important;
     border: 1px solid #999 !important;
}

[data-viewport-highlight="button::toolbar::state::disabled"] {
       color:  #a8a8a8;
       pointer-events: none;
       cursor: default;
}


/* Panel buttons */



[data-viewport-highlight="button::panel::state::initial"] {
    background: #000 !important;
    color: #fff !important;
}

[data-viewport-highlight="button::panel::state::initial"]:hover {
    background:  #1E88E5  !important;
 	color: #fff !important;
}


[data-viewport-highlight="button::panel::state::selected"] {
    background: #4697FC !important;
    color: #fff !important;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;

}
[data-viewport-highlight="button::panel::state::selected"]:hover {
    background:  #333  !important;
    color: #fff !important;


}


[data-viewport-highlight="button::panel::state::disabled"] {
       background:  #999  !important;
       color:  #ccc;
       pointer-events: none;
       cursor: default;
}



/* Tab buttons */



[data-viewport-highlight="button::tab::state::initial"] {
      background: none;
      border-bottom: 4px solid #4697FC !important;
}

[data-viewport-highlight="button::tab::state::initial"]:hover {
      background: #fff;
      border-bottom: 4px solid #4697FC !important;

}


[data-viewport-highlight="button::tab::state::selected"] {
         background: #fff;
         border: 4px solid #4697FC !important;
         border-bottom: none !important;
         pointer-events: none;
        cursor: default;

}

[data-viewport-highlight="button::tab::state::selected"]:hover {

}

[data-viewport-highlight="button::tab::state::disabled"] {
       color:  #a8a8a8;
        border-bottom: 4px solid #4697FC !important;
       pointer-events: none;
       cursor: default;
}



.jp-wfl-io-toolbar-tab {
         border: 4px solid #4697FC;
         border-top: none;
         padding: 1.5em;
         background: #fff;

}



.jp-wfl-io-toolbar {

/* buttons bar */

}


.jp-wfl-io-panel-float {
    border: 3px solid #1E88E5;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    z-index: 500;
}

.jp-wfl-io-panel-float:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-color: #1E88E5 transparent transparent transparent;
    z-index: 1100;
}

 .jp-wfl-io-panel-float:after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-color: #1E88E5 transparent transparent transparent;
    z-index: 1101;
}


.jp-wfl-io-panel-float .jp-wfl-io-panel-controls {
     margin:0;

}

.jp-wfl-io-panel-float .jp-wfl-io-panel-controls  a,
.jp-wfl-io-panel-float .jp-wfl-io-panel-controls  button {
     margin:0;
 }

.jp-wfl-io-panel-controls {
	padding: 0.05em;
	margin: 0.25em;
	position: relative;
	text-align:center;


}

.jp-wfl-io-panel-info {
	position: relative;
	display: inline-block;
	max-width: 50%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.25em;
	line-height: 2.75em;
	height: 3.25em;
	color: #ccc;
	font-size: 0.75em;
}


.jp-wfl-io-panel-flow-display {
	position: relative;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.25em; 
	height: 2em;
	 border: 0px solid #000;
	background: #f1f1f1;
	margin-top: -4px;
	border-top: 1px solid #ccc;
}

.jp-wfl-io-panel-flow-display .jp-nav-label{
       padding-left: 1.5em;
       font-size: 90%;
       line-height: 1.25em;
}

/* FORMATTINGS AND EDITING  */


[data-rfe-media-type="figure"] {position: relative !important;}
[data-rfe-media-type="figure"] figcaption {padding: 0.25em; text-align: center;}
[data-rfe-media-type="figure"] figcaption cite {display: block; padding: 0.25em; text-align: center; background: #fff; color: #666;}


[data-rfe-media-type="figure"] img {width: 100%; max-width: 100% !important; vertical-align: middle; border: none;}
[data-rfe-media-type="figure"] picture {max-width: 100% !important;}


[data-rfe-media-type="video"] {}
[data-rfe-media-type="audio"] {}
[data-rfe-media-type="photo"] {}
[data-rfe-media-type="layout"] {}


[data-rfe-media-orientation="landscape"] {}
[data-rfe-media-orientation="portrait"] {}

[data-rfe-media-position="align-right"]  {float: right !important; margin-left: 1em;}
[data-rfe-media-position="align-left"]   {float: left; !important; margin-right: 1em;}
[data-rfe-media-position="align-center"] {margin: 0 auto !important;}
[data-rfe-media-position="align-inline"]   {display: inline-block; margin-left: -4px;}


[data-rfe-media-viewport="full-width"]    {width: 100%.0000000000%;}
[data-rfe-media-viewport="three-fourth"]  {width: 75.0000000000%;}
[data-rfe-media-viewport="two-third"]     {width: 66.6666666665%;}
[data-rfe-media-viewport="one-half"]      {width: 50.0000000000%;}
[data-rfe-media-viewport="one-third"]     {width: 33.3333333332%;}
[data-rfe-media-viewport="one-fourth"]    {width: 25.0000000000%;}

 


[data-rfe-format-inline="italic"] {font-style: italic;}
[data-rfe-format-inline="underline"] {text-decoration: none; border-bottom: 1px solid;}
[data-rfe-format-refer="http"]{}


/* ===============================
   Media transforms
   =============================== */

[data-rfe-media-transform="fade"] { overflow: hidden;}
[data-rfe-media-transform="fade"] img {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
[data-rfe-media-transform="fade"]:hover  img {
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}



 

/* ===============================
   Basic formatting presentation rules
   =============================== */

/* 1. BLOCK ELEMENTS  - FORMATTING  */


/* HEADERS */

[data-rfe-format-block="header1"] {
font-size: 2.6em !important;
line-height: 1.444 !important;
margin: 0 0 0.25em !important;
}

[data-rfe-format-block="header2"] {
font-size: 2.4em !important;
line-height: 1.444 !important;
margin: 0 0 0.25em !important;
}
[data-rfe-format-block="header3"] {font-size: 2.0em; line-height: 1.444; margin: 0 0 0.25em !important;}
[data-rfe-format-block="header4"] {font-size: 1.8em; line-height: 1.444; margin: 0 0 0.25em !important;}
[data-rfe-format-block="header5"] {font-size: 1.6em; line-height: 1.444; margin: 0 0 0.25em !important;}
[data-rfe-format-block="header6"] {font-size: 1.4em; line-height: 1.444; margin: 0 0 0.25em !important;}

 



/* PARAGRAPH */

[data-rfe-format-block="paragraph"] {
	font-size:;
	line-height: 1.5em;
	margin: 0 0 1.5em;
	
}
/* QUOTE */


[data-rfe-format-block="blockquote"]{
	font-style: italic;
	max-width: 85%;
	margin: 0.25em 0;
	padding: 0.25em 3em;
	line-height: 1.5;
	position: relative;

}
[data-rfe-format-block="blockquote"]:before {
	display: block;
	content: "\201c";
	font-size: 6em;
	position: absolute;
	left: -20px;
	top: -20px;

}
[data-rfe-format-block="blockquote"]  p {
	display: inline;
}

[data-rfe-format-block="blockquote"] cite {
	color: #999999;
	display: block;
	margin-top: 1em;
}

[data-rfe-format-block="blockquote"] cite:before {
	content: "\2014 \2009";
}



/* LISTS */

[data-rfe-format-block="list-unordered"] ul, [data-rfe-format-block="list-ordered"] ul {
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 1.5em;
	
}
[data-rfe-format-block="list-ordered"] ol, [data-rfe-format-block="list-unordered"] ol {
	list-style-type: lower-latin;
	list-style-position: outside;
	margin-left: 1.5em;
}

[data-rfe-format-block="list-unordered"] li, [data-rfe-format-block="list-ordered"] li {
	line-height: 1.5em;
}

[data-rfe-format-block="list-unordered"] {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 3em 1.5em;
	 
}
[data-rfe-format-block="list-ordered"]{
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0 3em 1.5em;
	

}

/* CODE */

[data-rfe-format-block="code"] {
	tab-width: 4;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace, sans-serif;
	text-align: left;
	line-height: 1.5em;
	color:  #3366ff;
	padding: 0.1em 0.5em 0.3em 0.7em;
	border-left: 10px solid #3366ff;
	margin: 1.7em 0 1.7em 0.3em;
	overflow: auto;
	width: 93%;
}
[data-rfe-format-block="code"]:hover,
[data-rfe-format-block="code"]:focus {
	width: min-content;
}
[data-rfe-format-block="code"] a {
	text-decoration: none;
	border: none;
	color: inherit;
	pointer-events: none;
	cursor: default;
}


/* 2. INLINE ELEMENTS - FORMATTING  */

[data-rfe-format-inline="italic"]{}
[data-rfe-format-inline="bold"] {}
[data-rfe-format-inline="strikethrough"] {}
[data-rfe-format-inline="underline"] {}
[data-rfe-format-inline="align-left"] {}
[data-rfe-format-inline="align-right"] {}
[data-rfe-format-inline="align-center"] {}
[data-rfe-format-inline="code"] {}



/* 3. BRUSHES- - FORMATTING  */

[data-rfe-format-brush="brush"] {}


/* 4. COLORS - FORMATTING  */

[data-rfe-format-color="0,0,0"] a,
[data-rfe-format-color="0,0,0"] button			{background-color: rgb(0,0,0) !important;}
[data-rfe-format-color="0,0,0"] button:hover		{background-color: rgb(0,0,0) !important; border: 1px solid #fff !important;}
button[data-rfe-format-color="0,0,0"]			{background-color: rgb(0,0,0) !important; color: #ffffff;}
button[data-rfe-format-color="0,0,0"]:hover		{border: 1px solid #fff !important;}

[data-rfe-format-color="68,68,68"] a,
[data-rfe-format-color="68,68,68"] button		{background-color: rgb(68,68,68) !important;}
[data-rfe-format-color="68,68,68"] button:hover	{background-color: rgb(68,68,68) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="102,102,102"] a,
[data-rfe-format-color="102,102,102"] button 		{background-color: rgb(102,102,102) !important;}
[data-rfe-format-color="102,102,102"] button:hover 	{background-color: rgb(102,102,102) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="153,153,153"] a,
[data-rfe-format-color="153,153,153"] button 		{background-color: rgb(153,153,153) !important;}
[data-rfe-format-color="153,153,153"] button:hover 	{background-color: rgb(153,153,153) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="204,204,204"] a,
[data-rfe-format-color="204,204,204"] button 		{background-color: rgb(204,204,204) !important;}
[data-rfe-format-color="204,204,204"] button:hover 	{background-color: rgb(204,204,204) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="238,238,238"] a,
[data-rfe-format-color="238,238,238"] button 		{background-color: rgb(238,238,238) !important;}
[data-rfe-format-color="238,238,238"] button:hover 	{background-color: rgb(238,238,238) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="243,243,243"] a,
[data-rfe-format-color="243,243,243"] button 		{background-color: rgb(243,243,243) !important;}
[data-rfe-format-color="243,243,243"] button:hover 	{background-color: rgb(243,243,243) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="255,255,255"] a,
[data-rfe-format-color="255,255,255"] button		{background-color: rgb(255,255,255) !important;}
[data-rfe-format-color="255,255,255"] button:hover	{background-color: rgb(255,255,255) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="255,0,0"] a,
[data-rfe-format-color="255,0,0"] button		{background-color: rgb(255,0,0) !important;}
[data-rfe-format-color="255,0,0"] button:hover		{background-color: rgb(255,0,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="255,127,0"] a,
[data-rfe-format-color="255,127,0"] button 		{background-color: rgb(255,127,0) !important;}
[data-rfe-format-color="255,127,0"] button:hover 	{background-color: rgb(255,127,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="255,255,0"] a,
[data-rfe-format-color="255,255,0"] button		{background-color: rgb(255,255,0) !important;}
[data-rfe-format-color="255,255,0"] button:hover	{background-color: rgb(255,255,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,255,0"] a,
[data-rfe-format-color="0,255,0"] button       	{background-color: rgb(0,255,0) !important;}
[data-rfe-format-color="0,255,0"] button:hover       	{background-color: rgb(0,255,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,255,255"] a,
[data-rfe-format-color="0,255,255"] button     	{background-color: rgb(0,255,255) !important;}
[data-rfe-format-color="0,255,255"] button:hover     	{background-color: rgb(0,255,255) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,0,255"] a,
[data-rfe-format-color="0,0,255"] button       	{background-color: rgb(0,0,255) !important;}
[data-rfe-format-color="0,0,255"] button:hover       	{background-color: rgb(0,0,255) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="170,0,255"] a,
[data-rfe-format-color="170,0,255"] button     	{background-color: rgb(170,0,255) !important;}
[data-rfe-format-color="170,0,255"] button:hover     	{background-color: rgb(170,0,255) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="255,0,255"] a,
[data-rfe-format-color="255,0,255"] button		{background-color: rgb(255,0,255) !important;}
[data-rfe-format-color="255,0,255"] button:hover	{background-color: rgb(255,0,255) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="229,192,192"] a,
[data-rfe-format-color="229,192,192"] button		{background-color: rgb(229,192,192) !important;}
[data-rfe-format-color="229,192,192"] button:hover	{background-color: rgb(229,192,192) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,208,192"] a,
[data-rfe-format-color="229,208,192"] button		{background-color: rgb(229,208,192) !important;}
[data-rfe-format-color="229,208,192"] button:hover	{background-color: rgb(229,208,192) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,229,192"] a,
[data-rfe-format-color="229,229,192"] button		{background-color: rgb(229,229,192) !important;}
[data-rfe-format-color="229,229,192"] button:hover	{background-color: rgb(229,229,192) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="192,229,192"] a,
[data-rfe-format-color="192,229,192"] button		{background-color: rgb(192,229,192) !important;}
[data-rfe-format-color="192,229,192"] button:hover	{background-color: rgb(192,229,192) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="192,229,229"] a,
[data-rfe-format-color="192,229,229"] button		{background-color: rgb(192,229,229) !important;}
[data-rfe-format-color="192,229,229"] button:hover	{background-color: rgb(192,229,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="192,192,229"] a,
[data-rfe-format-color="192,192,229"] button		{background-color: rgb(192,192,229) !important;}
[data-rfe-format-color="192,192,229"] button:hover	{background-color: rgb(192,192,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="208,192,229"] a,
[data-rfe-format-color="208,192,229"] button		{background-color: rgb(208,192,229) !important;}
[data-rfe-format-color="208,192,229"] button:hover	{background-color: rgb(208,192,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,192,208"] a,
[data-rfe-format-color="229,192,208"] button		{background-color: rgb(229,192,208) !important;}
[data-rfe-format-color="229,192,208"] button:hover	{background-color: rgb(229,192,208) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="229,144,144"] a,
[data-rfe-format-color="229,144,144"] button		{background-color: rgb(229,144,144) !important;}
[data-rfe-format-color="229,144,144"] button:hover	{background-color: rgb(229,144,144) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,192,144"] a,
[data-rfe-format-color="229,192,144"] button		{background-color: rgb(229,192,144) !important;}
[data-rfe-format-color="229,192,144"] button:hover	{background-color: rgb(229,192,144) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,229,144"] a,
[data-rfe-format-color="229,229,144"] button		{background-color: rgb(229,229,144) !important;}
[data-rfe-format-color="229,229,144"] button:hover	{background-color: rgb(229,229,144) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="144,229,144"] a,
[data-rfe-format-color="144,229,144"] button		{background-color: rgb(144,229,144) !important;}
[data-rfe-format-color="144,229,144"] button:hover	{background-color: rgb(144,229,144) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="144,229,229"] a,
[data-rfe-format-color="144,229,229"] button		{background-color: rgb(144,229,229) !important;}
[data-rfe-format-color="144,229,229"] button:hover	{background-color: rgb(144,229,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="144,192,229"] a,
[data-rfe-format-color="144,192,229"] button		{background-color: rgb(144,192,229) !important;}
[data-rfe-format-color="144,192,229"] button:hover	{background-color: rgb(144,192,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="192,144,229"] a,
[data-rfe-format-color="192,144,229"] button		{background-color: rgb(192,144,229) !important;}
[data-rfe-format-color="192,144,229"] button:hover	{background-color: rgb(192,144,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,144,192"] a,
[data-rfe-format-color="229,144,192"] button		{background-color: rgb(229,144,192) !important;}
[data-rfe-format-color="229,144,192"] button:hover	{background-color: rgb(229,144,192) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="229,92,92"] a,
[data-rfe-format-color="229,92,92"] button		{background-color: rgb(229,92,92) !important;}
[data-rfe-format-color="229,92,92"] button:hover	{background-color: rgb(229,92,92) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,160,92"] a,
[data-rfe-format-color="229,160,92"] button 		{background-color: rgb(229,160,92) !important;}
[data-rfe-format-color="229,160,92"] button:hover 	{background-color: rgb(229,160,92) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,229,92"] a,
[data-rfe-format-color="229,229,92"] button		{background-color: rgb(229,229,92) !important;}
[data-rfe-format-color="229,229,92"] button:hover	{background-color: rgb(229,229,92) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="160,229,92"] a,
[data-rfe-format-color="160,229,92"] button		{background-color: rgb(92,229,92) !important;}
[data-rfe-format-color="160,229,92"] button:hover	{background-color: rgb(92,229,92) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="92,229,229"] a,
[data-rfe-format-color="92,229,229"] button		{background-color: rgb(92,229,229) !important;}
[data-rfe-format-color="92,229,229"] button:hover	{background-color: rgb(92,229,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="92,160,229"] a,
[data-rfe-format-color="92,160,229"] button		{background-color: rgb(92,160,229) !important;}
[data-rfe-format-color="92,160,229"] button:hover	{background-color: rgb(92,160,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="160,92,229"] a,
[data-rfe-format-color="160,92,229"] button		{background-color: rgb(160,92,229) !important;}
[data-rfe-format-color="160,92,229"] button:hover	{background-color: rgb(160,92,229) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="229,92,160"] a,
[data-rfe-format-color="229,92,160"] button		{background-color: rgb(229,92,160) !important;}
[data-rfe-format-color="229,92,160"] button:hover	{background-color: rgb(229,92,160) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="204,0,0"] a,
[data-rfe-format-color="204,0,0"] button		{background-color: rgb(204,0,0) !important;}
[data-rfe-format-color="204,0,0"] button:hover		{background-color: rgb(204,0,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="204,102,0"] a,
[data-rfe-format-color="204,102,0"] button		{background-color: rgb(204,102,0) !important;}
[data-rfe-format-color="204,102,0"] button:hover	{background-color: rgb(204,102,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="204,204,0"] a,
[data-rfe-format-color="204,204,0"] button		{background-color: rgb(204,204,0) !important;}
[data-rfe-format-color="204,204,0"] button:hover	{background-color: rgb(204,204,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,204,0"] a,
[data-rfe-format-color="0,204,0"] button		{background-color: rgb(0,204,0) !important;}
[data-rfe-format-color="0,204,0"] button:hover		{background-color: rgb(0,204,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,204,204"] a,
[data-rfe-format-color="0,204,204"] button		{background-color: rgb(0,204,204) !important;}
[data-rfe-format-color="0,204,204"] button:hover	{background-color: rgb(0,204,204) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,102,204"] a,
[data-rfe-format-color="0,102,204"] button		{background-color: rgb(0,102,204) !important;}
[data-rfe-format-color="0,102,204"] button:hover	{background-color: rgb(0,102,204) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="68,0,204"] a,
[data-rfe-format-color="68,0,204"] button		{background-color: rgb(68,0,204) !important;}
[data-rfe-format-color="68,0,204"] button:hover	{background-color: rgb(68,0,204) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="204,0,102"] a,
[data-rfe-format-color="204,0,102"] button		{background-color: rgb(204,0,102) !important;}
[data-rfe-format-color="204,0,102"] button:hover	{background-color: rgb(204,0,102) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="153,0,0"] a,
[data-rfe-format-color="153,0,0"] button		{background-color: rgb(153,0,0) !important;}
[data-rfe-format-color="153,0,0"] button:hover		{background-color: rgb(153,0,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="153,80,48"] a,
[data-rfe-format-color="153,80,48"] button 		{background-color: rgb(153,80,48) !important;}
[data-rfe-format-color="153,80,48"] button:hover	{background-color: rgb(153,80,48) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="153,153,0"] a,
[data-rfe-format-color="153,153,0"] button		{background-color: rgb(153,153,0) !important;}
[data-rfe-format-color="153,153,0"] button:hover	{background-color: rgb(153,153,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,153,0"] a,
[data-rfe-format-color="0,153,0"] button		{background-color: rgb(0,153,0) !important;}
[data-rfe-format-color="0,153,0"] button:hover		{background-color: rgb(0,153,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,153,153"] a,
[data-rfe-format-color="0,153,153"] button		{background-color: rgb(0,153,153) !important;}
[data-rfe-format-color="0,153,153"] button:hover	{background-color: rgb(0,153,153) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,0,153"] a,
[data-rfe-format-color="0,0,153"] button		{background-color: rgb(0,0,153) !important;}
[data-rfe-format-color="0,0,153"] button:hover		{background-color: rgb(0,0,153) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="80,0,153"] a,
[data-rfe-format-color="80,0,153"] button		{background-color: rgb(80,0,153) !important;}
[data-rfe-format-color="80,0,153"] button:hover	{background-color: rgb(80,0,153) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="153,0,80"] a,
[data-rfe-format-color="153,0,80"] button		{background-color: rgb(153,0,80) !important;}
[data-rfe-format-color="153,0,80"] button:hover	{background-color: rgb(153,0,80) !important; border: 1px solid #fff !important;}

[data-rfe-format-color="102,0,0"] a,
[data-rfe-format-color="102,0,0"] button		{background-color: rgb(102,0,0) !important;}
[data-rfe-format-color="102,0,0"] button:hover		{background-color: rgb(102,0,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="102,51,0"] a,
[data-rfe-format-color="102,51,0"] button		{background-color: rgb(102,51,0) !important;}
[data-rfe-format-color="102,51,0"] button:hover	{background-color: rgb(102,51,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="102,102,0"] a,
[data-rfe-format-color="102,102,0"] button		{background-color: rgb(102,102,0) !important;}
[data-rfe-format-color="102,102,0"] button:hover	{background-color: rgb(102,102,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,102,0"] a,
[data-rfe-format-color="0,102,0"] button		{background-color: rgb(0,102,0) !important;}
[data-rfe-format-color="0,102,0"] button:hover		{background-color: rgb(0,102,0) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,102,102"] a,
[data-rfe-format-color="0,102,102"] button		{background-color: rgb(0,102,102) !important;}
[data-rfe-format-color="0,102,102"] button:hover	{background-color: rgb(0,102,102) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="0,0,102"] a,
[data-rfe-format-color="0,0,102"] button		{background-color: rgb(0,0,102) !important;}
[data-rfe-format-color="0,0,102"] button:hover		{background-color: rgb(0,0,102) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="32,0,102"] a,
[data-rfe-format-color="32,0,102"] button		{background-color: rgb(32,0,102) !important;}
[data-rfe-format-color="32,0,102"] button:hover	{background-color: rgb(32,0,102) !important; border: 1px solid #fff !important;}
[data-rfe-format-color="102,0,102"] a,
[data-rfe-format-color="102,0,102"] button		{background-color: rgb(102,0,102) !important;}
[data-rfe-format-color="102,0,102"] button:hover	{background-color: rgb(102,0,102) !important; border: 1px solid #fff !important;}

/* 5. FONTS - FORMATTING  */

[data-rfe-format-font="Sans Serif"]	{font-family: 'sans serif' ;}
[data-rfe-format-font="Serif"]		{font-family: 'serif' ;}
[data-rfe-format-font="Arial"]		{font-family: 'Arial' ;}
[data-rfe-format-font="Tachoma"]	{font-family: 'Tachoma' ;}
[data-rfe-format-font="Verdana"]	{font-family: 'Verdana' ;}
[data-rfe-format-font="Courier New"]	{font-family: 'Courier new' ;}
[data-rfe-format-font="Comic Sans MS"]	{font-family: 'Comic Sans MS' ;}
[data-rfe-format-font="Tiems"]		{font-family: 'Times' ;}

/* 6. SIZES - FORMATTING  */

[data-rfe-format-size="mini"]		{font-size: .8em;}
[data-rfe-format-size="small"]		{font-size: .9em;}
[data-rfe-format-size="normal"]	{font-size: 1em;}
[data-rfe-format-size="large"]		{font-size: 1.2em;}
[data-rfe-format-size="xlarge"]	{font-size: 1.4em;}

[data-rfe-format-size="10px"]	 	{font-size: 10px;}
[data-rfe-format-size="11px"]	 	{font-size: 11px;}
[data-rfe-format-size="12px"]	 	{font-size: 12px;}
[data-rfe-format-size="14px"]	 	{font-size: 14px;}
[data-rfe-format-size="16px"]	 	{font-size: 16px;}
[data-rfe-format-size="18px"]	 	{font-size: 18px;}
[data-rfe-format-size="20px"]	 	{font-size: 20px;}
[data-rfe-format-size="22px"]	 	{font-size: 22px;}
[data-rfe-format-size="24px"]	 	{font-size: 24px;}
[data-rfe-format-size="28px"]	 	{font-size: 28px;}
[data-rfe-format-size="32px"]	 	{font-size: 32px;}
[data-rfe-format-size="36px"]	 	{font-size: 36px;}
[data-rfe-format-size="48px"]	 	{font-size: 48px;}
[data-rfe-format-size="72px"]	 	{font-size: 72px;}
