body {color: #000000;}

/* templates */
#usertemplate-menu		{display:inline-block;position:fixed;top:100px;left:5%;width:400px;border:1px solid #dddddd;border-radius:3px;padding:10px;text-align:left;font-size:12px;line-height:1.2em;color:#000000;background-color:#eeeeee;cursor:move;}
#usertemplate-menu a,#usertemplate-menu a:hover	{color:#000000;}
#usertemplate-menu>i:first-child	{float:right;cursor:move;}
#usertemplate-menu *	{cursor:initial;}

#usertemplate-form input,#usertemplate-form textarea	{border:1px solid #a9a9a9;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#usertemplate-form #usertemplate-form-bodybgc			{width:initial;}
#usertemplate-form label								{display:block;font-size:12px;font-weight:bold;margin-top:10px;}
#usertemplate-form label:first-child					{margin-top:0;}
#usertemplate-form p									{font-size:0.8em;margin:0;}

#saved {background-color: #2ECC71;}
#failed {background-color: #E08283;}

#saving,#saved,#failed {
	display: none;
	padding: 0.2em 1em 0.2em 1em;
	margin: 0px;
	margin-left: 10px;
	border: none;
	border-radius: 4px;
}
#saving i.fa,#saved i.fa,#failed i.fa {
	font-weight: bold;
}

#usertemplate-menu>.buttons	{margin-bottom: 5px;}

/* ---------- */

/* Font Awesome */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
.fa {vertical-align: middle;}
.fa-l{margin-right:0.5em;}
.fa-r{margin-left:0.5em;}
/* ---------- */

.buttons,button,input[type=submit]	{
	padding: 0.2em 1em 0.2em 1em;
	margin: 0px;
	border: none;
	box-shadow: none;
	text-shadow: none;
	transition: background-color 0.3s ease-in-out;
	border-radius: 4px;
	display: inline-block;
}

.buttons,button,input[type=submit]	{
	color:#000000;
	background-color:#BDC3C7;
}

.buttons:hover,button:hover,input[type=submit]:hover	{
	color:#000000;
	background-color:#95A5A6;
}

.buttons+.buttons	{	margin-left:5px;	}
.buttons+br+.buttons	{	margin-top:5px; 	}

.buttons.button-icon	{	padding:0.5em;	}

button.inline-save	{margin-left: 0px;}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

#mentions {
	font-size: 0.8em;
	margin-top: 200px;
	color: #666666;
}

#mentions ul {
	list-style: none;
	padding-left: 0px;
}

#mentions a:link,
#mentions a:visited,
#mentions a:active {
	color: #666666;
}

#mentions a:link:hover,
#mentions a:visited:hover,
#mentions a:active:hover {
	color: #444444;
}