/**
 * 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 Pro';
 	font-weight: 900;
 	display: inline-block;
  width: 23px; 
margin-right: 2px;
 	text-align: center;
 	font-size: 13px;
  cursor: pointer;
 }
.markItUp  {
	width:750px;
	margin:5px 0 5px 0;
}

.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;
}
.mybbeditor .markItUpButton8 .arial_black	{
	font-family: Arial Black;
}
.mybbeditor .markItUpButton8 .comic_sans_ms	{
	font-family: Comic Sans MS;
}
.mybbeditor .markItUpButton8 .courier_new	{
	font-family: Courier New;
}
.mybbeditor .markItUpButton8 .georgia	{
	font-family: Georgia;
}
.mybbeditor .markItUpButton8 .impact	{
	font-family: Impact;
}
.mybbeditor .markItUpButton8 .sans_serif	{
	font-family: Sans.serif;
}
.mybbeditor .markItUpButton8 .serif	{
	font-family: Serif;
}
.mybbeditor .markItUpButton8 .times_new_roman	{
	font-family: Times New Roman;
}
.mybbeditor .markItUpButton8 .trebuchet_ms	{
	font-family: Trebuchet MS;
}
.mybbeditor .markItUpButton8 .verdana	{
	font-family: Verdana;
}
.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 .col1-1 a {
	background:yellow;
}
.mybbeditor .markItUpButton11 .col1-2 a {
	background:orange;
}
.mybbeditor .markItUpButton11 .col1-3 a {
	background:red;
}

.mybbeditor .markItUpButton11 .col2-1 a {
	background:blue;
}
.mybbeditor .markItUpButton11 .col2-2 a {
	background:purple;
}
.mybbeditor .markItUpButton11 .col2-3 a {
	background:green;
}

.mybbeditor .markItUpButton11 .col3-1 a {
	background:white;
}
.mybbeditor .markItUpButton11 .col3-2 a {
	background:gray;
}
.mybbeditor .markItUpButton11 .col3-3 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';
}
.mybbeditor ul li.markItUpButton21:before {
	content: '\f070';
}
form #message {
	width: 840px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}