/**
 * This file is part of markItUp! for MyBB.
 * Copyright (C) 2015 StefanT (https://www.mybb.de)
 * https://github.com/Stefan-ST/MyBB-Markitup
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */


.mybbeditor ul li:before {
  font-family: 'Font Awesome 5 Free';
 	font-weight: 900;
 	display: inline-block;
  width: 25px; margin-right: 2px;
 	text-align: center;
 	font-size: 13pt;
  cursor: pointer;
 }

.mybbeditor ul li > a {
  margin: 0px; padding: 0px;
  height: auto;
}

.mybbeditor ul ul a {
 	margin: 0;
 }
.mybbeditor ul ul {
 	border-bottom: 0;
 }
.mybbeditor ul li.markItUpButton1:before	{
 	content: '\f032';
 }
.mybbeditor ul li.markItUpButton2:before	{
 	content: '\f033';
 }
.mybbeditor ul li.markItUpButton3:before	{
 	content: '\f0cd';
 }
.mybbeditor ul li.markItUpButton4:before	{
	content: '\f0cc';
}
.mybbeditor ul li.markItUpButton5:before	{
	content: '\f036';
}
.mybbeditor ul li.markItUpButton6:before {
	content: '\f037';
}
.mybbeditor ul li.markItUpButton7:before	{
	content: '\f038';
}
.mybbeditor ul li.markItUpButton8:before	{
	content: '\f039';
}
.mybbeditor ul li.markItUpButton9:before	{
	content: '\f031';
}
.mybbeditor .markItUpButton8 ul a	{
	background: transparent;
	padding: 5px;
}
.mybbeditor .markItUpButton8 .arial	{
	font-family: 'Arial', Helvetica Neue, Helvetica, sans-serif;
}
.mybbeditor .markItUpButton8 .arial_black	{
	font-family: 'Arial Black', Arial Bold, Gadget, sans-serif
}
.mybbeditor .markItUpButton8 .comic_sans_ms	{
	font-family: 'Comic Sans MS', 'Comic Sans', cursive;
}
.mybbeditor .markItUpButton8 .courier_new	{
	font-family:  'Courier New', 'Courier', Lucida Sans Typewriter, Lucida Typewriter, monospace;
}
.mybbeditor .markItUpButton8 .georgia	{
	font-family: 'Georgia', Times, Times New Roman, serif;
}
.mybbeditor .markItUpButton8 .impact	{
	font-family: 'Impact', Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans-serif;
}
.mybbeditor .markItUpButton8 .sans_serif {
	font-family: sans-serif;
}
.mybbeditor .markItUpButton8 .serif	{
	font-family: Serif;
}
.mybbeditor .markItUpButton8 .times_new_roman	{
	font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
}
.mybbeditor .markItUpButton8 .trebuchet_ms	{
	font-family: 'Trebuchet MS', Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif,
}
.mybbeditor .markItUpButton8 .verdana	{
	font-family: 'Verdana', Geneva, sans-serif;
}
.mybbeditor ul li.markItUpButton10:before	{
	content: '\f034';
}
.mybbeditor .markItUpButton10 ul a	{
	background: transparent;
	padding: 5px;
	height: auto;
	width: 160px;
}
.mybbeditor .markItUpButton10 .size1	{
	font-size: xx-small;
}
.mybbeditor .markItUpButton10 .size2	{
	font-size: x-small;
}
.mybbeditor .markItUpButton10 .size3	{
	font-size: small;
}
.mybbeditor .markItUpButton10 .size4	{
	font-size: medium;
}
.mybbeditor .markItUpButton10 .size5	{
	font-size: large;
}
.mybbeditor .markItUpButton10 .size6	{
	font-size: x-large;
}
.mybbeditor .markItUpButton10 .size7	{
	font-size: xx-large;
}
.mybbeditor ul li.markItUpButton11:before {
	content: '\f043';
}
.mybbeditor .markItUpButton11 ul {
	width:81px;
	padding:1px;
}
.mybbeditor .markItUpButton11  li {
	border:1px solid white;
	width:25px;	height:25px;
	overflow:hidden;
	padding:0px; margin:0px;
	float:left;
}
.mybbeditor .markItUpButton11 ul {
	border-bottom: 1px solid #000;
}
.mybbeditor .markItUpButton11 ul a {
	width:25px;
	height:25px;
}
.mybbeditor .markItUpButton11 ul a:hover {
	background-color:none;
}
.mybbeditor .markItUpButton11 .yellow a {
	background:yellow;
}
.mybbeditor .markItUpButton11 .orange a {
	background:orange;
}
.mybbeditor .markItUpButton11 .red a {
	background:red;
}

.mybbeditor .markItUpButton11 .blue a {
	background:blue;
}
.mybbeditor .markItUpButton11 .purple a {
	background:purple;
}
.mybbeditor .markItUpButton11 .green a {
	background:green;
}

.mybbeditor .markItUpButton11 .white a {
	background:white;
}
.mybbeditor .markItUpButton11 .gray a {
	background:gray;
}
.mybbeditor .markItUpButton11 .black a {
	background:black;
}
.mybbeditor ul li.markItUpButton12:before {
	content: '\f03e';
}
.mybbeditor ul li.markItUpButton13:before {
	content: '\f0e0';
}
.mybbeditor ul li.markItUpButton14:before {
	content: '\f0c1';
}
.mybbeditor ul li.markItUpButton15:before {
	content: '\f008';
}
.mybbeditor .markItUpButton15.markItUpDropMenu {
	background: transparent;
}
.mybbeditor .markItUpButton15 ul a	{
	background: transparent;
	padding: 5px;
	height: auto;
}
.mybbeditor ul li.markItUpButton16:before {
	content: '\f0ca';
}
.mybbeditor ul li.markItUpButton17:before {
	content: '\f0cb';
}
.mybbeditor ul li.markItUpButton18:before {
	content: '\f121';
}
.mybbeditor ul li.markItUpButton19:before {
	content: '\f120';
}
.mybbeditor ul li.markItUpButton20:before {
	content: '\f10e';
}
form #message {
	width: 70%;
}