@charset "UTF-8";

/* KApIqaD */

/**
@import url('./fonts/kapiqad.css');
/**/

/* standards */

*
{
	box-sizing: border-box;
}

body
{
	/* fuer unsere Maedels */

	background-color: #99bbcc;

	color: #000000;
	font-family: Verdana, Arial, Helvetica, "Comic Sans", "Comic Sans MS", sans-serif;
	font-size: 12px;
	margin: 0;
	outline: none;
	padding: 0;
}

a,
a:hover,
a:visited
{
	color: #2244cc;
	font-weight: bold;
}

a:active
{
	color: #ff0000;
}

a.link:link,
a.link:visited
{
	text-decoration: none;
}

a.link:link:hover,
a.link:visited:hover
{
	text-decoration: underline solid;
}

abbr
{
	cursor: help;
	font-variant: none;
	text-decoration: none;
}

div.line-h
{
	border-top: 1px solid #aaaaaa;
}

div.line-v
{
	border-left: 1px solid #aaaaaa;
}

div.box,
div.inline_box,
div.navi_box
{
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	color: #000000;
}

div.inline_box
{
	display: inline-block;
}

div.navi_box a
{
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 0.75em 1.5em 0.75em 1.5em;
}

div.box_header
{
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	text-align: center;
	vertical-align: top;
}

div.box_input
{
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	padding: 4px 8px 4px 8px;
}

em
{
	color: #2020c0;
	font-style: normal;
	font-weight: bold;
}

label:not(.wrap)
{
	white-space: nowrap;
}

label[readonly]
{
	pointer-events: none;
}

p
{
	font-size: 10px;
}

p.caption
{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0;
}

input[type="password"],
input[type="text"]
{
	background-color: #ffffff;
	border: 1px solid #dddddd;
	color: #000000;
}

input[type="password"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder
{
	color: #c0c0c0;
	opacity: 1;
}

input[type="password"][readonly],
input[type="text"][readonly],
select[readonly]
{
	background-color: #f3f3f3;
}

input[type="checkbox"][readonly],
input[type="radio"][readonly]
{
	pointer-events: none;
}

button,
input[type="button"],
input[type="submit"]
{
	background-color: #c0c0c0;
	color: #000000;
	border: 1px solid #909090;
	cursor: pointer;
	/*min-width: 8em;*/
	padding: 0 6px 0 6px;
}

button.default,
input[type="button"].default,
input[type="submit"].default
{
	border-color: #606060;
	border-width: 2px;
}

button.large,
input[type="button"].large,
input[type="submit"].large
{
	padding: 2px 8px 2px 8px;
}

button.selected,
input[type="button"].selected,
input[type="submit"].selected
{
	background-color: #a0a0a0;
	border: 1px solid #707070;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover
{
	border-color: #006060;
}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled
{
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	cursor: not-allowed;
}

/* Auswahlfelder */

select
{
	background-color: white;
	color: #000000;
	border: none;
}

/* Textfelder */

textarea
{
	background-color: #ffffff;
	border: 1px solid #b0b0b0;
	color: #000000;
	/*
		2019-06-20 - rene
		explizit deklarierte Monospace Schriftart wird unter Windows verkleinert dargestellt
		daher auf Standard lassen
	*/
	/*
	font: inherit;
	font-family: monospace;
	*/
	margin: 0;
	/*
		2019-05-16 - rene
		manche Browser (z.B. Firefox) reservieren Platz fuer einen horizontalen Scrollbalken, auch wenn dieser nicht angezeigt wird
		dies kann Probleme bei der Berechnung und Anzeige einer bestimmten Anzahl an Zeilen verursachen
		deshalb wird der horizontale Scrollbalken ausgeblendet
	*/
	overflow-x: hidden;
	padding: 1px 2px 1px 2px;
	resize: both;
	white-space: pre-wrap;
}

textarea[readonly]
{
	border: 1px solid #d0d0d0;
	background: #f0f0f0;
}

/* Forms */

form
{
	margin: 0;
}

form.box,
form.inline_box
{
	display: inline-block;
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
}

/* Lines */

hr
{
	border: none;
	border-bottom: 1px solid #aaaaaa;
	margin: 8px 0 7px 0;
}

hr.vertical
{
	border: none;
	border-right: 1px solid #aaaaaa;
	margin: 0 15px 0 16px;
}

/* Tabellen */

table
{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.sticky_bottom,
.sticky_top,
table > tbody > tr.sticky_bottom > td,
table > tbody > tr.sticky_top > td,
table > tfoot > tr.sticky_bottom > td,
table > tfoot > tr.sticky_top > td,
table > thead > tr.sticky_bottom > th,
table > thead > tr.sticky_top > th
{
	position: sticky;
}

.sticky_bottom,
table > tbody > tr.sticky_bottom > td,
table > tfoot > tr.sticky_bottom > td,
table > thead > tr.sticky_bottom > th
{
	bottom: 0;
}

.sticky_top,
table > tbody > tr.sticky_top > td,
table > tfoot > tr.sticky_top > td,
table > thead > tr.sticky_top > th
{
	top: 0;
}

td
{
	font-size: 12px;
}

/* Boxes */

table.navi_box
{
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	border-spacing: 0;
	width: 144px;
}

table.box
{
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	border-spacing: 0;
	empty-cells: show;
}

table.box_blue
{
	background-color: #eeeeee;
	border: 1px solid #4343dd;
	border-spacing: 0;
	empty-cells: show;
}

table.box_green
{
	background-color: #eeeeee;
	border: 1px solid #48bd42;
	border-spacing: 0;
	empty-cells: show;
}

table.box_brown
{
	background-color: #eeeeee;
	border: 1px solid #cc6633;
	border-spacing: 0;
	empty-cells: show;
}

table.box_red
{
	background-color: #eeeeee;
	border: 1px solid #d12e2e;
	border-spacing: 0;
	empty-cells: show;
}

td.box_header,
th.box_header,
tr.box_header > td,
tr.box_header > th
{
	/*
	background: url("./images/gradient_hover.png") repeat-x bottom;
	background-size: contain;
	*/
	background-color: #e2e2e2;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
	text-align: center;
}

td.box_header_entry,
th.box_header_entry,
tr.box_header_entry > td,
tr.box_header_entry > th
{
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

td.box_default,
td.box_entry,
tr.box_default > td,
tr.box_entry > td
{
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding-left: 8px;
	padding-right: 8px;
}

td.box_entry,
tr.box_entry > td
{
	background-color: #eeeeee;
}

td.box_entry:hover,
tr.box_entry > td:hover
{
	background-color: #dddddd;
}

a.box_entry
{
	color: #000000;
	font-weight: 100;
	text-decoration: none;
	color: #000000;
}

/* Orders */

table.orders
{
	background-color: #eeeeee;
	border-spacing: 0;
	empty-cells: show;
}

table.orders_tabs
{
	width: 100%;
	background-color: #eeeeee;
	border-spacing: 0;
	empty-cells: show;
}

td.orders_frame
{
	color: #000000;
	padding: 0;
}

td.orders_tab,
td.orders_tab_active,
td.orders_tab_rest
{
	/*
	background: url("./images/orders_tab.png") repeat-x bottom;
	background-size: contain;
	*/
	background-color: #373d3f;
	font-size: 14px;
	height: 50px;
	padding: 0;
	text-align: center;
	width: 150px;
}

td.orders_tab_active
{
	/*background: url("./images/orders_tab_active.png") repeat-x bottom;*/
	background-color: #676d6f;
	font-weight: bolder;
}

td.orders_tab_rest
{
	width: auto;
}

td.orders_tab a,
td.orders_tab_active a
{
	display: block;
	line-height: 50px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0 0 2px #000000;
}

td.orders_tab a:hover
{
	background-color: #474d4f;
}

td.orders_navi
{
	/*
	background: url("./images/orders_navi.png") repeat-x bottom;
	background-size: contain;
	*/
	background-color: #676d6f;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	padding: 0;
	text-align: center;
}

td.orders_navi a
{
	color: #ffffff;
	display: block;
	padding: 0 5px 5px 5px;
	text-decoration: none;
}

td.orders_navi a:hover
{
	color: #f5f5f5;
}

td.orders_navi a.active
{
	background-color: #373d3f;
	/*color: #3970d5;*/
	color: #f7f73f;
	font-weight: bolder;
}

td.orders_navi a.unused
{
	color: #ff7f3f;
}

td.orders_navi a.active.unused
{
	color: #ff5f2f;
}

td.entry,
tr.entry > td,
tr.entry.striped > td,
tr.entry_striped > td
{
	background-color: #eeeeee;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 2px 4px 2px 4px;
}

tr.entry.striped:nth-child(2n) > td,
tr.entry_striped:nth-child(2n) > td
{
	background-color: #f8f8f8;
}

tr.entry.border-h > td,
tr.entry.striped.border-h > td
{
	border-bottom: 1px solid #aaaaaa;
}

tr.entry > td:last-child,
tr.entry.striped > td:last-child,
tr.entry.sub > td:last-child,
tr.entry_striped > td:last-child
{
	border-right: none;
}

tr.entry.border-h:last-child > td,
tr.entry.striped.border-h:last-child > td
{
	border-bottom: none;
}

td.entry_footer,
tr.entry_footer > td
{
	background-color: #e0e0e0;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	color: #000000;
	padding: 2px 4px 2px 4px;
}

td.entry_yellow,
tr.entry_yellow > td
{
	background-color: #fffc8a;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 4px 2px 4px 2px;
}

td.entry.yellow,
tr.entry.yellow > td
{
	background-color: #fffc8a;
	color: #000000;
}

td.entry_green,
tr.entry_green > td
{
	background-color: #8be497;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 4px 2px 4px 2px;
}

td.entry_red,
tr.entry_red > td
{
	/* tomato */
	background-color: #ff6347;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 4px 2px 4px 2px;
}

td.entry_pink,
tr.entry_pink > td
{
	background-color: #ff90a0;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 4px 2px 4px 2px;
}

td.entry_pink.striped:nth-child(2n+1),
tr.entry_pink.striped:nth-child(2n+1) > td
{
	background-color: #ff7090;
	border-right: 1px solid #999999;
}

td.entry_purple,
tr.entry_purple > td
{
	background-color: #b232b2;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 4px 2px 4px 2px;
}

td.sub,
tr.sub > td
{
	font-size: 9px;
	background-color: #eeeeee;
	color: #000000;
	vertical-align: top;
}

td.entry_sub,
td.entry.sub,
tr.entry_sub > td,
tr.entry.sub > td
{
	font-size: 9px;
	background-color: #eeeeee;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	vertical-align: top;
}

td.entry_sub_green,
tr.entry_sub_green > td
{
	font-size: 9px;
	background-color: #eeffee;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	vertical-align: top;
}

table.box > tbody > tr > td.header,
table.box > tbody > tr.header > td,
table.box > thead > tr > th,
td.header,
th,
tr.header > td
{
	/*
	background: url("./images/gradient_hover.png") repeat-x bottom;
	background-size: contain;
	*/
	background-color: #e0e0e0;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 5px 4px 5px;
	text-align: center;
	vertical-align: middle;
}

table > tfoot > tr > td,
td.footer,
tr.footer > td
{
	background-color: #e0e0e0;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 5px 4px 5px;
	text-align: left;
	vertical-align: middle;
}

td.list_header,
th.list_header,
tr.list_header > td,
tr.list_header > th
{
	/*
	background: url("./images/gradient.png") repeat-x bottom;
	background-size: contain;
	*/
	background-color: #e7e7e7;
	border-bottom: 1px solid #aaaaaa;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

td.message_header,
th.message_header,
tr.message_header > td,
tr.message_header > th
{
	background-color: #e0e0e0;
	border-top: 1px solid #aaaaaa;
	color: #000000;
	font-weight: bold;
	padding: 4px 5px 4px 5px;
	text-align: center;
	vertical-align: top;
}

td.message_header.sub,
th.message_header.sub,
tr.message_header.sub > td,
tr.message_header.sub > th
{
	font-size: 9px;
	padding: 2px 5px 2px 5px;
}

table > thead > tr.sub > th,
th.sub,
td.header.sub,
tr.header.sub > td,
td.list_header_sub,
th.list_header_sub,
tr.list_header_sub > td,
tr.list_header_sub > th,
td.list_header.sub,
th.list_header.sub,
tr.list_header.sub > td,
tr.list_header.sub > th
{
	/*
	background: url("./images/gradient.png") repeat-x bottom;
	background-size: contain;
	*/
	background-color: #e7e7e7;
	border-bottom: 1px solid #aaaaaa;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-align: center;
	vertical-align: top;
}

td.list_entry,
tr.list_entry > td
{
	background-color: #eeeeee;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #bbbbbb;
	color: #000000;
	padding: 0;
}

tr.list_entry.striped:nth-child(2n) > td
{
	background-color: #f8f8f8;
}

td.list_entry_deact,
tr.list_entry_deact > td
{
	background-color: #d5aaa2;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_eol,
tr.list_entry_eol > td
{
	background-color: #ad73ee;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_green,
tr.list_entry_green > td
{
	background-color: #91ff8a;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_yellow,
tr.list_entry_yellow > td
{
	background-color: #fffc8a;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_red,
tr.list_entry_red > td
{
	background-color: #ff8282;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_purple,
tr.list_entry_purple > td
{
	background-color: #ad73ee;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_orange,
tr.list_entry_orange > td
{
	background-color: #d6d95b;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	padding: 0;
}

td.list_entry_sub,
tr.list_entry_sub > td
{
	background-color: #eeeeee;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	color: #000000;
	font-size: 9px;
	padding: 0;
}

input[type="number"].numeric,
input[type="password"].numeric,
input[type="text"].numeric,
table > tbody > tr > td.numeric,
table > tfoot > tr > td.numeric,
table > thead > tr > th.numeric
{
	text-align: right;
}

div.trimmed,
td.trimmed
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

tr.striped-odd > td,
tr.sub.striped:nth-child(2n+1) > td
{
	background-color: #eeeeee;
}

tr.striped-even > td,
tr.sub.striped:nth-child(2n) > td
{
	background-color: #f8f8f8;
}

td.work_warning
{
	background-color: #eeeeee;
	color: #e00000;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: center;
}

td.error_msg,
td.work_error
{
	background-color: #ffffff;
	color: #e00000;
	font-size: 24px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: center;
	text-decoration: blink;
}

td.work_success
{
	background-color: #eeeeee;
	color: #306030;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: center;
}

table.padded > tbody > tr > td.header,
table.padded > tbody > tr.header > td
{
	padding: 4px 5px 4px 5px;
}

table.padded > tbody > tr > td
{
	padding: 0 2px 0 2px;
}

/* Message Box */

div.message_box
{
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #000000;
	display: flex;
	flex-flow: row nowrap;
}

div.message_box .indicator
{
	align-items: center;
	display: flex;
	flex-flow: column nowrap;
	font-size: 1.25em;
	justify-content: center;
	min-width: 20px;
}

div.message_box .body
{
	display: flex;
	flex-flow: column nowrap;
	flex-grow: 1;
	padding: 4px 0 4px 0;
}

div.message_box .body .message
{
	padding: 2px 12px 2px 12px;
}

div.message_box .body .message .title
{
	font-weight: bold;
}

div.message_box .body .message .notes
{
	font-size: smaller;
}

div.message_box.error
{
	background-color: #ff90b0;
	border-color: #e87898;
}

div.message_box.error .indicator
{
	background-color: #e87898;
}

div.message_box.information
{
	background-color: #e0e0ff;
	border-color: #c8c8ff;
}

div.message_box.information .indicator
{
	background-color: #c8c8ff;
}

div.message_box.success
{
	background-color: #90e090;
	border-color: #78c878;
}

div.message_box.success .indicator
{
	background-color: #78c878;
}

div.message_box.warning
{
	background-color: #ffff90;
	border-color: #e8e878;
}

div.message_box.warning .indicator
{
	background-color: #e8e878;
}

/* diverses */

div.left,
input[type="text"].left,
tr > td.left,
tr > th.left,
tr.left > td,
tr.left > th
{
	text-align: left;
}

div.right,
input[type="text"].right,
tr > td.right,
tr > th.right,
tr.right > td,
tr.right > th
{
	text-align: right;
}

div.center,
input[type="text"].center,
tr > td.center,
tr > th.center,
tr.center > td,
tr.center > th
{
	text-align: center;
}

div.center-h,
input[type="password"].center-h,
input[type="text"].center-h,
span.center-h,
table > * > tr.center-h > *,
table > * > tr > *.center-h
{
	text-align: center;
}

div.center-v,
input[type="password"].center-v,
input[type="text"].center-v,
span.center-v,
table > * > tr.center-v > *,
table > * > tr > *.center-v
{
	vertical-align: middle;
}

a.nowrap,
div.nowrap,
span.nowrap,
td.nowrap,
tr.nowrap > td,
tr.nowrap > th
{
	white-space: nowrap;
}

.emoji-thumbs-down
{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjQ3MjQgMy41SDQuMUMzLjc2ODYzIDMuNSAzLjUgMy43Njg2MyAzLjUgNC4xVjEzLjlDMy41IDE0LjIzMTQgMy43Njg2MyAxNC41IDQuMSAxNC41SDYuODY3NjJDNy41NzAxNSAxNC41IDguMjIxMTYgMTQuODY4NiA4LjU4MjYgMTUuNDcxTDExLjI5MyAxOS45ODg0QzExLjg3NzkgMjAuOTYzMSAxMy4yNTU0IDIxLjA1NTggMTMuOTY1NSAyMC4xNjgxQzE0LjMwMDIgMTkuNzQ5NyAxNC40MDgxIDE5LjE5MzcgMTQuMjU0MSAxOC42ODA0TDEzLjIzMTcgMTUuMjcyNEMxMy4xMTYyIDE0Ljg4NzQgMTMuNDA0NSAxNC41IDEzLjgwNjQgMTQuNUgxOC4zODE1QzE5LjcwMDIgMTQuNSAyMC42NTggMTMuMjQ2IDIwLjMxMSAxMS45NzM4TDE4LjQwMTkgNC45NzM3NkMxOC4xNjQ2IDQuMTAzNjQgMTcuMzc0MyAzLjUgMTYuNDcyNCAzLjVaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTcgMTQuNUw3IDMuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 18px;
	width: 18px;
	vertical-align: bottom;
}

.emoji-thumbs-up
{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjQ3MjQgMjBINC4xQzMuNzY4NjMgMjAgMy41IDE5LjczMTQgMy41IDE5LjRWOS42QzMuNSA5LjI2ODYzIDMuNzY4NjMgOSA0LjEgOUg2Ljg2NzYyQzcuNTcwMTUgOSA4LjIyMTE2IDguNjMxNCA4LjU4MjYgOC4wMjg5OUwxMS4yOTMgMy41MTE2MUMxMS44Nzc5IDIuNTM2ODggMTMuMjU1NCAyLjQ0NDIyIDEzLjk2NTUgMy4zMzE4NkMxNC4zMDAyIDMuNzUwMjUgMTQuNDA4MSA0LjMwNjM1IDE0LjI1NDEgNC44MTk1NkwxMy4yMzE3IDguMjI3NTlDMTMuMTE2MiA4LjYxMjU2IDEzLjQwNDUgOSAxMy44MDY0IDlIMTguMzgxNUMxOS43MDAyIDkgMjAuNjU4IDEwLjI1NCAyMC4zMTEgMTEuNTI2MkwxOC40MDE5IDE4LjUyNjJDMTguMTY0NiAxOS4zOTY0IDE3LjM3NDMgMjAgMTYuNDcyNCAyMFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNNyAyMEw3IDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 18px;
	width: 18px;
	vertical-align: bottom;
}

.pulsator
{
	color: #f00;
	font-size: 16px;
	-webkit-animation: cc 2s linear 1s infinite alternate;
	animation: cc 2s linear 1s infinite alternate;
}

@-webkit-keyframes cc
{
	0%
	{
		color: #f00;
	}
	50%
	{
		color: #ff0;
	}
	100%
	{
		color: #f00;
	}
}

@keyframes cc
{
	0%
	{
		color: #f00;
	}
	50%
	{
		color: #ff0;
	}
	100%
	{
		color: #f00;
	}
}