/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.confirmation {
	border: 1px solid #99cc00;
	color: #4d6600;
	background-color: #c1e066;
}
.information {
	border: 1px solid #218594;
	color: #333333;
	background-color: #64bfd8;
}
.warning {
	border: 1px solid #f62b1c;
	color: #8d0f06;
	background-color: #fa8a82;
}



/* ... Implement Rocksolid icons into TinyMCE  - info@andreasburg.de ...
-------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: "RockSolid Icons";
  src: url(#);
  src: url(#) format('embedded-opentype'),
       url('/files/eightytwenty/fonts/rocksolid-icons.woff') format('woff'),
       url('/files/eightytwenty/fonts/rocksolid-icons.ttf') format('truetype'),
       url('/files/eightytwenty/fonts/rocksolid-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
*[data-icon]:before,
*[data-icon].after:after {
  font-family: "RockSolid Icons";
  font-size: 100%;
  line-height: 1;
  content: attr(data-icon);
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  margin: 0 4px 0 0;
}
*[data-icon].after:before {
  content: none;
}
*[data-icon].after:after {
  margin: 0 0 0 4px;
}
li[data-icon]:before {
  top: 0;
  font-size: 80%;
}
.iconsize_1,
.iconsize_2,
.iconsize_3,
.iconsize_4 {
}
*[data-icon].iconsize_1:before,
*[data-icon].iconsize_1:after {
  font-size: 1rem;
}
*[data-icon].iconsize_2:before,
*[data-icon].iconsize_2:after {
  font-size: 2rem;
}
*[data-icon].iconsize_3:before,
*[data-icon].iconsize_3:after {
  font-size: 3rem;
}
*[data-icon].iconsize_4:before,
*[data-icon].iconsize_4:after {
  font-size: 4rem;
}
/* ... Implement Rocksolid icons into TinyMCE ... END
-------------------------------------------------------------------------------------------------*/