a {color: #4545A7; outline: none;}
a:link {color: #4545A7; text-decoration: none}
a:visited {color: #4545A7; text-decoration: none}
a:hover	{color: #4545A7; text-decoration: underline}
a:active {color: #4545A7; text-decoration: none}
a.black {color: #000000; text-decoration: none}
a.black:link {color: #000000; text-decoration: none}
a.black:visited {color: #000000; text-decoration: none}
a.black:hover {color: #000000; text-decoration: none}
a.black:active {color: #000000; text-decoration: none}
a.black2 {color: #000000; text-decoration: none}
a.black2:link {color: #000000; text-decoration: none}
a.black2:visited {color: #000000; text-decoration: none}
a.black2:hover {color: #000000; text-decoration: underline}
a.black2:active {color: #000000; text-decoration: none}
a.blue {color: #000080; text-decoration: none}
a.blue:link {color: #000080; text-decoration: none}
a.blue:visited {color: #000080; text-decoration: none}
a.blue:hover {color: #000080; text-decoration: none}
a.blue:active {color: #000080; text-decoration: none}
a.white {color: #FFFFFF; text-decoration: none}
a.white:link {color: #FFFFFF; text-decoration: none}
a.white:visited {color: #FFFFFF; text-decoration: none}
a.white:hover {color: #FFFFFF; text-decoration: none}
a.white:active {color: #FFFFFF; text-decoration: none}
a.white2 {color: #FFFFFF; text-decoration: none}
a.white2:link {color: #FFFFFF; text-decoration: none}
a.white2:visited {color: #FFFFFF; text-decoration: none}
a.white2:hover {color: #FFFFFF; text-decoration: underline}
a.white2:active {color: #FFFFFF; text-decoration: none}
a.grey {color: #999999; text-decoration: none}
a.grey:link {color: #999999; text-decoration: none}
a.grey:visited {color: #999999; text-decoration: none}
a.grey:hover {color: #999999; text-decoration: none}
a.grey:active {color: #999999; text-decoration: none}
a.grey2 {color: #666666; text-decoration: none}
a.grey2:link {color: #666666; text-decoration: none}
a.grey2:visited {color: #666666; text-decoration: none}
a.grey2:hover {color: #666666; text-decoration: none}
a.grey2:active {color: #666666; text-decoration: none}
a.green {color: #006633; text-decoration: none}
a.green:link {color: #006633; text-decoration: none}
a.green:visited {color: #006633; text-decoration: none}
a.green:hover {color: #006633; text-decoration: none}
a.green:active {color: #006633; text-decoration: none}
a.red {color: #CC0000; text-decoration: none}
a.red:link {color: #CC0000; text-decoration: none}
a.red:visited {color: #CC0000; text-decoration: none}
a.red:hover {color: #CC0000; text-decoration: none}
a.red:active {color: #CC0000; text-decoration: none}
a.orange {color: #FF9600; text-decoration: none}
a.orange:link {color: #FF9600; text-decoration: none}
a.orange:visited {color: #FF9600; text-decoration: none}
a.orange:hover {color: #FF9600; text-decoration: none}
a.orange:active {color: #FF9600; text-decoration: none}
a.pink {color: #eb6ade; text-decoration: none}
a.pink:link {color: #eb6ade; text-decoration: none}
a.pink.visited {color: #eb6ade; text-decoration: none}
a.pink:hover {color: #eb6ade; text-decoration: none}
a.pink:active {color: #eb6ade; text-decoration: none}
a.yalstlink {color: #2C6060; font-weight:bold; text-decoration: none}
a.yalstlink:link {color: #2C6060; font-weight: bold; text-decoration: none}
a.yalstlink:visited {color: #2C6060; font-weight: bold; text-decoration: none}
a.yalstlink:hover {color: #2C6060; font-weight: bold; text-decoration: underline}
a.yalstlink:active {color: #2C6060; font-weight: bold; text-decoration: none}
a.hplink {color: #FFFFFF; font-weight: bold; text-decoration: none}
a.hplink:link {color: #FFFFFF; font-weight: bold; text-decoration: none}
a.hplink:visited {color: #FFFFFF; font-weight: bold; text-decoration: none}
a.hplink:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline}
a.hplink:active {color: #FFFFFF; font-weight: bold; text-decoration: none}

.weiss {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
.weissfett {font-size: 10px; font-style:normal; font-weight: bold; color: #FFFFFF; font-family: Verdana, Helvetica, Arial}
.weissfett2 {font-size: 14px; font-style:normal; font-weight: bold; color: #FFFFFF; font-family: Verdana, Helvetica, Arial}
.weissnorm {font-size: 10px; font-style:normal; color: #FFFFFF; font-family:Verdana, Helvetica, Arial}
.rot {color: #CC0000}
.blau {color: #386593}
.blau2 {color: #000080}
.grau {color: #999999}
.gruen {color: #006633}
.dunkelblau {color: #003366; font-weight: bold}
.dunkelgrau {color: #777777}
.dunkelgrau2 {color: #444444}
.schwarz {color: #000000}
.cyan {color: #439595}
.cyan2 {color: #2C6060}
.orange {color: #FF9600}
.pink {color: #eb6ade}

td {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial}
p {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial}
select {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; outline: none;}
input {outline: none; border: 1px solid; padding: 2px 5px;}
textarea {outline: none; border: 1px solid; padding: 2px 5px; resize: none}
option.disabled {color: #CCCCCC}
.default {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial}
.defaultblue {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #386593}
.defaultsystem {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #439595}
.defaultright {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; text-align: right}
.emoji-text {font-size: 40px; line-height: 40px;}
.head {font-size: 12px; font-style: normal; font-family: Verdana, Helvetica, Arial}
.survey {font-size: 11px; font-style: normal; font-family: Verdana, Helvetica, Arial}
.title {font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; font-family: Verdana,Helvetica, Arial}
.title2 {font-size: 11px; font-style: normal; color: #FFFFFF; font-family: Verdana,Helvetica, Arial}
.title3 {font-size: 10px; font-style: normal; font-weight: bold; color: #FFFFFF; font-family: Verdana,Helvetica, Arial}
.small {font-size: 9px; font-style: normal; font-family: Verdana, Helvetica, Arial}
.smallblue {font-size: 9px; font-style: normal; font-family: Verdana, Helvetica, Arial; color:#386593}
.smallfont {font-size: 9px; line-height: 1.5}
.large {font-size: 16px; font-style: normal; font-family: Verdana, Helvetica, Arial}
.chat_large_op {font-size: 13px; font-style:normal; font-family:Verdana, Helvetica, Arial}
.chat_large_vs {font-size: 13px; font-style:normal; font-family:Verdana, Helvetica, Arial}
.chat_large_sys {font-size: 13px; font-style:normal; font-family:Verdana, Helvetica, Arial}
.system_large {font-size: 13px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #439595}
.typing {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #FFFFFF; background-color: #000000}
.invisible {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #FFFFFF; background-color: #FFFFFF}
.preview {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #777777; background-color: #FFFFFF}
.yalst {font-size: 12px; font-style: normal; font-weight: bold; color: #2C6060; font-family: Verdana, Helvetica, Arial}
.yalstlarge {font-size: 48px; font-style: normal; font-weight: bold; color: #2C6060; font-family: Verdana, Helvetica, Arial}
.comment {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #777777}
.sitetransfer {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #000080}
.counter {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #777777}
.starttime {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #999999}
.extra {font-size: 9px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #444444}
.message {font-size: 13px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #000080}
.phrasehead {font-size: 13px; font-style: normal; font-family: Verdana, Helvetica, Arial}
.octg {font-size: 8px; font-style:normal; font-family: Verdana, Helvetica, Arial}
.download {color: #008000}
.desk1 {color: #2C6060; background-color: #FFFFFF; font-weight: bold}
.desk2 {color: #888888; background-color: #FFFFFF; font-weight: bold}
.feed {color: #FFFFFF; background-color: #FF8400; font-weight: bold}
.chatlink {color: #FFFFFF; background-color: #000000; font-weight: bold}
.voip {color: #00aeff}
.footer {position: absolute; bottom: 5px; margin-right: 4px}
.box_background {background-color: #000000}
.box_foreground {font-size: 11px; font-style:normal; font-weight: bold; color: #FFFFFF; font-family: Verdana, Helvetica, Arial}
.chat_body {
	background-color: #FFFFFF;
	margin: 5px
}

.opchat_body {
	background-color: #FFFFFF;
	margin: 5px
}

.opkfoot_body {
	margin: 5px
}
.edition {font-size: 10px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #666666}
.edition2 {font-size: 9px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #666666}
.roundbox_head {position: relative; top: -2px; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; font-family: Verdana, Helvetica, Arial}
.roundbox_head2 {font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; font-family: Verdana, Helvetica, Arial}
.scrollimg {position: relative; top: 4px}
.smiley {border: 1px solid #FFFFFF}
.smiley2 {background-color: #2C6060}
.smiley3 {background-color: #DDDDDD}
.operator {background-color: #AAAAAA; color: #FFFFFF}
.visitor {background-color: #DDDDDD; color: #000000}

.formular_20px {width: 20px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_35px {width: 35px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_50px {width: 50px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_60px {width: 60px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_120px {width: 120px; height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_140px {width: 140px; height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_180px {width: 180px; height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_240px {width: 240px; height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_300px {width: 300px; height: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_350px {width: 350px; height: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_400px {width: 400px; height: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_430px {width: 430px; height: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_280x30px {width: 280px; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_450x20px {width: 450px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_450x48px {width: 450px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_455x48px {width: 455px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_465x48px {width: 465px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_420x20px {width: 420px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_420x30px {width: 420px; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_420x48px {width: 420px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_420x64px {width: 420px; height: 64px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_470x48px {width: 470px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_470x60px {width: 470px; height: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_470x72px {width: 470px; height: 72px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_470x84px {width: 470px; height: 84px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_470x96px {width: 470px; height: 96px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_400x20px {width: 400px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_360x20px {width: 360px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_395x48px {width: 395px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_350x20px {width: 350px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_340x48px {width: 340px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_300x18px {width: 300px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_300x20px {width: 300px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_350x100px {width: 350px; height: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_350x150px {width: 350px; height: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_500x300px {width: 500px; height: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_600x300px {width: 600px; height: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_600x270px {width: 600px; height: 270px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_600x230px {width: 600px; height: 230px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.formular_600x200px {width: 600px; height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}

.phrase {
	width: 100%;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F8FAFC
}

.phrasegps1 {
	width: 50%;
	height: 20px;
	margin-right:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F8FAFC;
	margin: 5px 40px 5px 10px;
}

.phrasegps2 {
	width: 100%;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F8FAFC;
	margin: 5px 40px 5px 10px;
}

.phrasegps-previewbutton {
	width: 16px;
	margin-left: 20px;
}

#phrasesPreview {
	position: initial;
	padding: 5px 10px;
}

#phrasesPreviewDropDown {
	top: 13px;
	right: 13px;
}

.department {width: 240px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.marketing {width: 340px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F8FAFC}
.chattype {width: 80px; height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #F8FAFC}
.checkbox {background-color: #F8FAFC}
.codefield {width: 400px; height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; background-color: #F8FAFC}
.inputfield {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.inputfield2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F8FAFC}
.inputfield3 {width: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F8FAFC; border: 1px solid; padding: 3px 5px; outline: none;}
.inputfield4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EEEEEE}
.inputfield5 {width: 350px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F8FAFC}
.inputfield6 {width: 500px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F8FAFC}
.inputfield7 {width: 335px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F8FAFC}
.filebox {width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F8FAFC}
.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.opbutton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #2C6060;}
.ybutton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border-top: 1px solid #76A8A8; border-left: 1px solid #76A8A8; border-right: 2px solid #173131; border-bottom: 2px solid #173131; background-color: #2C6060}
.ybutton2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border-top: 1px solid #FF3732; border-left: 1px solid #FF3732; border-right: 2px solid #721816; border-bottom: 2px solid #721816; background-color: #BA2924}
.ybutton3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border-top: 1px solid #444444; border-left: 1px solid #444444; border-right: 2px solid #555555; border-bottom: 2px solid #555555; background-color: #666666}
.ybutton4 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; color: #FFFFFF; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-radius: 10px; background-color: #424242; padding: 4px 2px 4px 2px; cursor: pointer; filter:chroma(color=#000000);}

.blau_w {color: #386593; background-color: #FFFFFF}
.rot_w {color: #CC0000; background-color: #FFFFFF}
.gelb_w {color: #FFCA10; background-color: #FFFFFF}
.gruen_w {color: #006633; background-color: #FFFFFF}
.weiss_s {color: #FFFFFF; background-color: #000000}
.weiss_b {color: #FFFFFF; background-color: #386593}
.weiss_r {color: #FFFFFF; background-color: #CC0000}
.weiss_g {color: #FFFFFF; background-color: #B2BDC4}
.orange_g {color: #FF860A; background-color: #B2BDC4}
.pink_w {color: #E60073; background-color: #FFFFFF}
.grau_w {color: #999999; background-color: #FFFFFF}
.schwarz_w {color: #000000; background-color: #FFFFFF}
.schwarz_g {color: #000000; background-color: #FFCC00}

.roundbox {display: block; background: transparent; font-weight: normal; margin: 0px 0px}
.roundbox p {margin: 0 2px; padding: 2px 0; line-height: 1.2em}

#roundbox {display: block; background: transparent; font-weight: normal; margin: 0px 0px}
#roundbox p {margin: 0 2px; padding: 2px 0; line-height: 1.2em}

#opbox {background-color: #666666}
#dhtmltooltip {position: absolute; width: 380px; border: 1px solid black; padding: 2px; background-color: #FFFC9D; visibility: hidden; z-index: 100; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}

/* Styling for visitor chat start window */

#indexphp_start_roundbox_div_title {
	padding: 3px 0;
}

#indexphp_name_td, #indexphp_name_td2, #indexphp_email_td, #indexphp_email_td2, #indexphp_question_td, #indexphp_question_td2, #indexphp_form__privacyconsent_td2, #indexphp_dept_td, #indexphp_dept_td2, #indexphp_maintable td[id^="indexphp_custom"] {
	padding: 5px 5px 0 5px;
}

#indexphp_form__privacyconsent_td2 sup {
	line-height: 0px;
}

#indexphp_maintable td[id^="indexphp_custom"][class="small"] {
	padding: 3px 5px 5px 5px;
}

#indexphp_maintable input[name="ysubmit"] {
	padding: 4px 40px;
}

/* Styling for visitor chat window - input frame */

#inputchatphp_chatform_table .btn.btn-input.btn-mini {
	width: 130px;
	margin: 0 0 5px 10px;
}

/* Styling linvite */
#linvitephp_invite_name
{
		  background-color: #ffffff;
		  border: 1px solid #cccccc;
		  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
					 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
			  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
				 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
					 transition: border linear 0.2s, box-shadow linear 0.2s;
			font-size: 13px;
			font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

#linvitephp_invite_table2 td
{
		  font-size: 13px;
		  font-family:  Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

#linvitephp_invite_name
{
		  width: 120px;
}

#inputchatphp_mail_rating_text {
		  width: 10%;
		  padding-bottom: 3px;
}

#inputchatphp_mail_rating_form {
		  width: 90%;
		  padding-bottom: 3px;
}

/* Remove Content when Printing */
@media print {
 .op_printremove { display: none !important; }
}

/* Classes for short display */
.shortdiv_container
{
	width:410px;
	height:100px;
	margin-top: 5px;
}

.shortdiv
{
    width:95px;
    height:95px;
    border: 1px solid #CCC;
    background-color:#2c6060;
    margin-right:5px;
    margin-bottom:5px;
    float: left;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    position: relative;
}

.shortdiv_icon
{
    width:33px;
    height:40px;
    float: left;
}

.shortdiv_text
{
    width:55px;
    height:30px;
    font-size:8px;
    color:#FFF;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    text-align:center;
    font-weight:bold;
    margin-top:10px;
}

.shortdiv_number
{
    width:95px;
    height:55px;
    font-size:42px;
    color:#FFF;
    font-family: 'Courier New', Courier, monospace;
    text-align:center;
    font-weight:bold;
    margin-top:5px;
}

.shortdiv_amount
{
    width:95px;
    height:55px;
    color:#FFF;
    font-family: 'Courier New', Courier, monospace;
    text-align:center;
    font-weight:bold;
    margin-top:5px;
}

.shortdiv_amount span
{
   position: absolute;
   bottom:12px;
   left:0px;
   width:95px;
   text-align: center;
}

/* Classes for promo frame */

.btn-order {
    margin-top: 2px;
    width: 230px;
    height: 20px;
    color: #ffffff;
    text-shadow: none;
    padding: 2px 12px 2px 12px;
    background-color: #c07e00;
    *background-color: #c07e00;
    background-image: -moz-linear-gradient(top, #ffa800, #c07e00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa800), to(#c07e00));
    background-image: -webkit-linear-gradient(top, #ffa800, #c07e00);
    background-image: -o-linear-gradient(top, #ffa800, #c07e00);
    background-image: linear-gradient(to bottom, #ffa800, #c07e00);
    border: 1px solid #ffffff;
    *border: 0;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa800', endColorstr='#ffc07e00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

a.btn-order
{
     color: #ffffff;
}

.btn-order:hover,
.btn-order:focus,
.btn-order:active,
.btn-order.active,
.btn-order.disabled,
.btn-order[disabled] {
  color: #ffffff;
  background-color: #c07e00;
  *background-color: #c07e00;
  text-decoration: none;
}

/* Classes for partner programm direct login */
#aploginphp_form_form
{
  margin-top: 8em;
}

/* Focus class for the op-alarm window because of keyboard chat accept */
.alarm:focus
{
  outline: none !important;
  box-shadow: 0 0 10px #2C6060;
}

/* classes for op.typing.chat.php animation */

/* https://stackoverflow.com/questions/44295187/css-animate-a-div-with-absolute-positioning-from-left-0-to-right-0 */

@keyframes typing2Ani50 {
  0% {
    transform: translate3d(0, 0, 0);
  }

   50%{
     transform: translate3d(-100%, 0, 0);
   }

  100% {
    transform: translate3d(-100%, 0, 0);

  }
}

@keyframes typing2Ani350 {
  0% {
    transform: translate3d(0, 0, 0);
  }

   66%{
     transform: translate3d(-100%, 0, 0);
   }

  100% {
    transform: translate3d(-100%, 0, 0);

  }
}

@keyframes typing2Ani650{
  0% {
    transform: translate3d(0, 0, 0);
  }

   75%{
     transform: translate3d(-100%, 0, 0);
   }

  100% {
    transform: translate3d(-100%, 0, 0);

  }
}

@keyframes typing2Ani1050 {
  0% {
    transform: translate3d(0, 0, 0);
  }

   80%{
     transform: translate3d(-100%, 0, 0);
   }

  100% {
    transform: translate3d(-100%, 0, 0);

  }
}

@keyframes typing2AniBigger {
  0% {
    transform: translate3d(0, 0, 0);
  }

   83%{
     transform: translate3d(-100%, 0, 0);
   }

  100% {
    transform: translate3d(-100%, 0, 0);

  }
}

@keyframes tipptFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tipptFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

#typing1 {
    position: absolute;
    top: 2px;
    border-right: #FFFFFF 5px solid;
    height: 14px;
    opacity: 0;
    border-right: 5px solid #FFFFFF;
}

#typing1 span {
    padding: 2px 10px 2px 5px;
    border-radius: 4px;
    background: #000000;
    white-space: nowrap;
    color: #FFFFFF;
}

#typing2Wrapper {
  overflow: hidden;
   width: calc(100% - 24px);
   position: relative;
   margin: 0 5px;
   height: 16px;
}

#typing2 {
    position: absolute;
    visibility: visible;
    white-space: nowrap;
    top: 2px;
    height: 14px;
    padding: 4px 0;
}

#typing4 {
    position: absolute;
    visibility: visible;
    top: 2px;
    height: 14px;
    width: 14px;
    padding: 0;
    right: 10px;
    background: #FFFFFF;
    background-image: url(typing.ani.stop.png);
    opacity: 0.5;
    display: none;
}

#typing4:hover {
    opacity: 0.8;
    cursor: pointer;
}

#typing1, #typing2Wrapper,#typing2uebergang1, #typing2uebergang2 {
  display: block;
}

#typing1.tippt-fadein {
      animation-iteration-count: 1;
      animation-timing-function: linear;
      animation-duration: 1s;
      animation-name: tipptFadeIn;
      animation-fill-mode: forwards;
}

#typing1.tippt-fadeout {
      animation-iteration-count: 1;
      animation-timing-function: linear;
      animation-duration: 1s;
      animation-name: tipptFadeOut;
      animation-fill-mode: forwards;
}

#typing2.animated {
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
      animation-duration: 10s;
      padding: 0 15px;
}

#typing2.not-animated {
    animation-play-state: paused;
    left: 100%;
    transform: translate3d(-100%, 0, 0);
   padding: 0 15px;
}

#typing2.smallerThan100
{
    animation-duration: 10s;
    animation-name: typing2Ani50;
    left:100%;
}

#typing2.smallerThan350
{
    animation-duration: 15s;
    animation-name: typing2Ani350;
    left:100%;
}

#typing2.smallerThan650
{
    animation-duration: 20s;
    animation-name: typing2Ani650;
    left:100%;
}

#typing2.smallerThan1050
{
     animation-duration: 25s;
     animation-name: typing2Ani1050;
     left:100%;
}

#typing2.biggerThan1050
{
     animation-duration: 30s;
     animation-name: typing2AniBigger;
     left:100%;
}

#typing2:hover {
    animation-play-state: paused;
}

#typing2uebergang1 {
    position: absolute;
    top: 2px;
    height: 14px;
    background: red;
    left:0px;
    width: 30px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

#typing2uebergang2 {
    position: absolute;
    top: 2px;
    height: 14px;
    background: green;
    right: 25px;
    width: 20px;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

}

select#indexphp_footer_lang_link option, select#indexphp_footer_lang_link {
    background-color: #555555;
    color: #ffffff;
    padding: 2px 5px;

}

select#footcontactphp_lang_link option , select#footcontactphp_lang_link {
    background-color: #555555;
    color: #ffffff;
    padding: 2px 5px;
}
select#offlinephp_footer_lang_link option , select#offlinephp_footer_lang_link {
    background-color: #555555;
    color: #ffffff;
    padding: 2px 5px;
}

#typingchatphp_typing {
    background-color: #000;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-family: Verdana, Helvetica, Arial;
    margin-left: 10px;
}
#typingchatphp_div2 {
    height: 11px
}

/* classes for op.head.php */

#khead-main-container {
	background: #2C6060;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#khead-svg-container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 25px;
}

@media screen and (min-width:0\0) {
	/* CSS für alte Versionen von IE */
	#khead-svg-container {
		background: #2c6060 !important;
	}
	#khead-svg-container svg {
		display: none;
	}
}

#khead-title-container {
	height: 25px;
	width: 100%;
	position: absolute;
	text-align: center;
	font-family: Verdana,Helvetica,Arial;
	color: #FFFFFF;
	font-size: 15px;
	margin-top: 3px;
}

#khead-title-container span {
	font-weight: bold;
}

#console-logo {
	height: 25px;
}

#console-logo path {
	fill: #2C6060;
}

#console-logo path:first-child {
	fill: #94D2DC;
}

#console-logo path:nth-child(2) {
	fill: #16A3A3;
}

#khead-sitecolor-container {
	position: absolute;
	right: 10px;
	top: 0px;
	cursor: default;
}

.khead-sitecolor-container-oben {
	width: 20px;
	height: 25px;
}


.khead-sitecolor path:first-child {
	fill: #000000;
}

#khead3 {
	position: absolute;
	top: 1px;
	border: 2px solid white;
	border-radius: 5px;
	width: 19px;
	height: 19px;
	margin: 0px;
}

.khead3-svg {
	width: 19px;
	height: 19px;
}

/* classes for op.button.php */

.khead-sitecolor-container-unten {
	width: 20px;
	height: 25px;
}

@media screen and (min-width:0\0) {
	/* CSS für alte Versionen von IE */
	.khead-sitecolor-container-unten {
		margin-top: -6px;
	}
}

#opbuttons_buttonLayer {
	display: flex;
	flex-direction: row;
	min-width: 450px;
	margin-top: 3px;
}

#opbuttons_infoLayer {
	background-color: #eeeeee;
	position: absolute;
	left: 0px;
	top: 49px;
	min-width: 450px;
	width: 100%;
	height: 16px;
	padding-top: 1px;
}

#opbuttons_newwindows, #opbuttons_settings {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: -16px;
}

@media screen and (min-width:0\0) {
	/* CSS für alte Versionen von IE */
	#opbuttons_newwindows, #opbuttons_settings {
		margin-right: 0px;
	}
}

#opbuttons_newwindows_top, #opbuttons_settings_top {
	height: 8px;
	flex-basis: calc(100% - 23px);
	margin: 0px 0px -10px 3px;
	display: flex;
	flex-direction: row;
}

#opbuttons_newwindows_top_prebar, #opbuttons_settings_top_prebar {
	width: calc(90% - 14px);
	background: #2c6060;
	margin: 3px 3px 3px 0;
	height: 2px;
}

.console-icon.console-icon-bar {
	width: 8px;
	height: 8px;
	pointer-events: none;
}

.console-icon.console-icon-bar path:first-child {
	fill: #2c6060;
}

#opbuttons_newwindows_top_postbar, #opbuttons_settings_top_postbar {
	width: 10%;
	background: #2c6060;
	margin: 3px 0 3px 3px;
	height: 2px;
}

.console-icon {
	width: 30px;
	height: 30px;
}

.console-icon path {
	fill: #2D6161;
}

.console-icon path:first-child {
	fill: url(#console-icons-gradient) #FFFFFF;
}

.console-icon.switchedOn path {
	fill: #FFFFFF;
}

.console-icon.switchedOn path:first-child {
	fill: #2D6161;
}

.console-icon.switchedOn path:nth-child(2) {
	fill: #2D6161;
}

.console-icon-small {
	width: 28px;
	height: 28px;
	margin: 12px 3px 0px 2px;
}


.console-icon:hover path:first-child {
	fill: #FFFFFF;
}

.console-icon:active path {
	fill: #FFFFFF;
}

.console-icon:active path:first-child {
	fill: #2D6161;
}

.console-icon:active path:nth-child(2) {
	fill: #2D6161;
}

#khead3.console-icon path {
	fill: #FFFFFF;}


#khead3.console-icon path:first-child {
	fill: #BA4A48;
}

#khead3.console-icon:hover path:first-child {
	fill: #CC5050;
}

#khead3.console-icon:active path:first-child {
	fill: #2C6060;
}

.console-icon.switchedOn:hover path {
	fill: #FFFFFF;
}

.console-icon.switchedOn:hover path:first-child {
	fill: #3B7F7D;
}

.console-icon.switchedOn:hover path:nth-child(2) {
	fill: #2D6161;
}

/* Special for the big status icons */

.console-icon.console-icon-big {
	width: 38px;
	height: 38px;
	padding: 2px 3px 0px 2px;
}

.console-icon.console-icon-big.status-active path {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-active path:first-child {
	fill: url(#console-icons-gradient) #FFFFFF;
}

.console-icon.console-icon-big.status-active:hover path {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-active:hover path:first-child {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-busy path {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-busy path:first-child {
	fill: #F7B003;
}

.console-icon.console-icon-big.status-busy path:nth-child(2) {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-busy:hover path {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-busy:hover path:first-child {
	fill: #F9BD38;
}

.console-icon.console-icon-big.status-busy:hover path:nth-child(2) {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-inactive path {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-inactive path:first-child {
	fill: #BA4A48;
}

.console-icon.console-icon-big.status-inactive path:nth-child(2) {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-inactive:hover path {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-inactive:hover path:first-child {
	fill: #CC5050;
}

.console-icon.console-icon-big.status-inactive:hover path:nth-child(2) {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-noservice path {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-noservice path:first-child {
	fill: #2964b7;
}

.console-icon.console-icon-big.status-noservice path:nth-child(2) {
	fill: #2D6161;
}

.console-icon.console-icon-big.status-noservice:hover path {
	fill: #FFFFFF;
}

.console-icon.console-icon-big.status-noservice:hover path:first-child {
	fill: #548ad5;
}

.console-icon.console-icon-big.status-noservice:hover path:nth-child(2) {
	fill: #2D6161;
}

/* Special for intent button */

#console-icon-intent.console-icon.intent path {
	fill: #FFFFFF;
}

#console-icon-intent.console-icon.intent path:first-child {
	fill:#BA4A48;
}

#console-icon-intent.console-icon.intent path:nth-child(2) {
	fill: #2D6161;
}

#console-icon-intent.console-icon.intent:hover path {
	fill: #FFFFFF;
}

#console-icon-intent.console-icon.intent:hover path:first-child {
	fill: #CC5050;
}

#console-icon-intent.console-icon.intent:hover path:nth-child(2) {
	fill: #2D6161;
}

#console-icon-intent.console-icon.inactive {
	pointer-events: none;
	cursor: pointer;
}

#console-icon-intent.console-icon.inactive path {
	fill: #868787;
}

#console-icon-intent.console-icon.inactive path:first-child {
	fill:#D3D3D3;
}

#console-icon-intent.console-icon.inactive path:nth-child(2) {
	fill: #868787;
}

/* Special for present button */


@keyframes blink {
	0% { fill: #BA4A48; }
	50% { fill: #FFFFFF; }
	100% { fill: #BA4A48; }
}
@-webkit-keyframes blink {
	0% { fill: #BA4A48; }
	50% { fill: #FFFFFF; }
	100% { fill: #BA4A48; }
}

.alert path:first-child {
	-webkit-animation: blink 2s linear infinite;
	-moz-animation: blink 2s linear infinite;
	animation: blink 2s linear infinite;
}

.high-alert path:first-child {
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
	animation: blink 1s linear infinite;
}

@keyframes blink_inner {
	0% { fill: #FFFFFF; }
	50% { fill: #2D6161; }
	100% { fill: #FFFFFF; }
}
@-webkit-keyframes blink_inner {
	0% { fill: #FFFFFF; }
	50% { fill: #2D6161; }
	100% { fill: #FFFFFF; }
}

.alert path:nth-child(3) {
	-webkit-animation: blink_inner 2s linear infinite;
	-moz-animation: blink_inner 2s linear infinite;
	animation: blink_inner 2s linear infinite;
}

.high-alert path:nth-child(3) {
	-webkit-animation: blink_inner 1s linear infinite;
	-moz-animation: blink_inner 1s linear infinite;
	animation: blink_inner 1s linear infinite;
}

/* special for logout button */

#console-icon-logout.console-icon:hover path {
	fill: #FFFFFF;
}

#console-icon-logout.console-icon:hover path:first-child {
	fill: #BA4A48;
}

#console-icon-logout.console-icon:hover path:nth-child(2) {
	fill: #2D6161;
}

/* special fpr operator info line */

.opinfo_complete {
	display: flex;
	flex-direction: row;
	font-size: 10px;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;

}

.opinfo_single_item {
	flex-grow: 1;
}

.opinfo_single_numberofchats_inactive {
	pointer-events: none;
	cursor: pointer;
}

#opinfo_single_clock {
	text-align: right;
}


/* classes for op.help.php */

.console-icon-small.console-icon-help, .console-icon-big.console-icon-help {
	float: left;
	padding: 3px 10px 0px 0px;
}

.absatz-help .console-icon-small {
	margin: 0px;
}

div.absatz-help {
	margin-top: 5px;
}

div.absatz-help p {
	margin-top: 0px;
}

div.absatz-help ul {
	margin-bottom: 0px;
	margin-top: 5px;
}

.absatz-help {
	min-height: 40px;
	border: 1px solid #000000;
	border-radius: 5px;
	background-color: #FFFFFF;
   padding: 5px;
}

.absatz-help.absatz-help-icons,
.absatz-help.absatz-help-mehrzweck,
.absatz-help.absatz-help-marketing{
	background-color: #D8D8D8;
}

.absatz-help.absatz-help-info {
	background-color: #EEEEEE;
}

.console-input-icon-help {
	margin: 5px 10px 5px 0px;
}

/* classes for op.default.php  and op.kfoot.php */

a.link-without-underline {
	text-decoration: none;
	font-size: 1px;
}

.console-icon-floskel-messages {
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #2C6060;
	border-radius: 5px;
}

.console-icon-floskel-messages.console-icon:active path:nth-child(2) {
	fill: #FFFFFF;
}

#console-icon-preview-container {
	float: left;
}

#console-icon-preview-container svg {
	pointer-events: none;
}

#kFootTabMainContainer {
	width: 400px;
	height: 17px;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EAEAEA 100%);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid #2C6060;
	border-left: 1px solid #2C6060;
	border-right: 1px solid #2C6060;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#kFootTabMainContainer:hover {
	width: 400px;
	height: 17px;
	background: #FFFFFF;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.activeChatTabContainer {
	width: 329px;
	height: 17px;
	text-align: center;
}

.marketingTabContainer {
	width: 71px;
	height: 17px;
	text-align: center;
}

.activeChatTabContainer.active, .marketingTabContainer.active {
	background: #2c6060;
	pointer-events: none;
	border-top: 1px solid #2C6060;
	border-left: 1px solid #2C6060;
	border-right: 1px solid #2C6060;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.activeChatTabContainer.inactive {
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EAEAEA 100%);
	border-top-left-radius: 8px;
}

.activeChatTabContainer.inactive:hover {
	background-image: none;
	background: #FFFFFF;
	border-top-left-radius: 8px;
}

.activeChatTabContainer.active #activeChatTab, .marketingTabContainer.active #marketingTab {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
}

.activeChatTabContainer.inactive #activeChatTab, .marketingTabContainer.inactive #marketingTab {
	color: #2C6060;
	font-weight: bold;
	font-size: 9px;
}

.activeChatTabContainer.inactive:hover #activeChatTab, .marketingTabContainer.inactive:hover #marketingTab   {
	color: #2C6060;
	text-decoration: none;
}


/* classes for op.input.chat.php */

#opinput_body table td:first-child button {
	margin-right: 10px;
}

.opinputButtonsContainer {
	display: flex;
	flex-direction: row;
	margin-top: -5px;
}

.opinputButtonsTabContainer,
.opinputButtonsFloskelWindowContainer,
.opinputButtonsFloskelDropDownContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.opinputButtonsFloskelWindowContainer {
	margin-left: -15px;
}

.opinputButtonsContainer.keepRight .opinputButtonsFloskelDropDownContainer,
.opinputButtonsContainer.keepRight .opinputButtonsFloskelWindowContainer {
	opacity: 0.5;
	pointer-events: none;
}

#opinputButtonsTabTop,
#opinputButtonsFloskelWindowTop,
#opinputButtonsFloskelDropDownTop {
	height: 8px;
	margin: 0px 0px 2px 3px;
	display: flex;
	flex-direction: row;
}

#opinputButtonsTabTop {
	flex-basis: calc(100% - 15px);
}

#opinputButtonsFloskelWindowTop {
	flex-basis: calc(100% - 19px);
}

#opinputButtonsFloskelDropDownTop {
	flex-basis: calc(100% - 13px);
}

#opinputButtonsTabPrebar,
#opinputButtonsFloskelWindowPrebar,
#opinputButtonsFloskelDropDownPrebar {
	width: calc(90% - 14px);
	background: #2c6060;
	margin: 3px 3px 3px 0;
	height: 2px;
}

#opinputButtonsTabPostbar,
#opinputButtonsFloskelWindowPostbar,
#opinputButtonsFloskelDropDownPostbar {
	width: 10%;
	background: #2c6060;
	margin: 3px 0 3px 3px;
	height: 2px;
}

#opinputButtonsTabIcon,
#opinputButtonsFloskelDropDownIcon,
#opinputButtonsFloskelWindowIcon {
	width: 8px;
	height: 8px;
	pointer-events: none;
	fill: #2c6060;
}

#opinputButtonsFloskelDropDownIconBigger {
	width: 20px;
	height: 20px;
	position: absolute;
	margin-left: -21px;
	pointer-events: none;
	fill: #2c6060;
}

#opinputButtonsFloskelWindowIconBigger {
	width: 28px;
	height: 20px;
	position: absolute;
	margin-left: -25px;
	pointer-events: none;
	fill: #2c6060;
}

.opinputButtonsFloskelWindow {
	margin-left: -3px;
}

.opinputButtonsFloskelDropDown .btn.btn-input.btn-mini:active #opinputButtonsFloskelDropDownIconBigger,
.opinputButtonsFloskelWindow .btn.btn-input.btn-mini:active #opinputButtonsFloskelWindowIconBigger {
	fill: #FFFFFF;
}

.opinputButtonsFloskelDropDown .btn.btn-input.btn-mini {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	width: 60px;
	padding: 0 10px 0 12px;
	text-align: right;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
     /* IE10+ CSS styles go here */
     
	.opinputButtonsFloskelDropDown .btn.btn-input.btn-mini {
		padding-right: 30px;
	}
	
	#opinputButtonsFloskelDropDownIconBigger {
		margin-left: -8px;
	}
	
}

.opinputButtonsFloskelWindow .btn.btn-input.btn-mini {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 60px;
	padding: 0 0 0 25px;
	text-align: left;
}


.opinputButtonsText,
.opinputButtonsFileTransfer,
.opinputButtonsNotes {
	margin-right: -1px;
}

.opinputButtonsNotes .btn.btn-input.btn-mini {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	width: 80px;
	padding: 0 0 0 12px;
}

.opinputButtonsFileTransfer .btn.btn-input.btn-mini {
	border-radius: 0px;
	width: 90px;
	padding: 0 0 0 12px;
}

.opinputButtonsText .btn.btn-input.btn-mini {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	width: 90px;
	padding: 0 0 0 12px;
}


#smileybutton {
  width: 20px;
  height: 20px;
  padding: 0px;
}

#smileybutton.no_margin {
  margin-top: 0px;
}

#smileybutton:hover, #smileybutton:active , #smileybutton:focus  {
  background-position: 0 -20px;
    -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#smileys {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

#smileys_close {
	padding: 0px;
	position: absolute;
	right: 3px;
	top: 0px;
}

.utf8_smileys {
	width: 210px;
	position: absolute;
	top: 80px;
	left: 37px;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 5px 0px 5px;
}

#utf8_smileys_close {
	margin-top: -5px;
	padding: 0px;
	position: absolute;
	right: 3px;
	top: 0px;
}

.utf8_smileys_icon {
	height: 20px;
	width: 20px;
	padding: 0px 10px 10px 0px;
	font-size: 20px;
	line-height: 20px;
	flex-wrap: wrap;
	cursor: pointer;
}

#erasebutton {
  padding: 3px 2px 1px 2px;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  width: 16px;
  height: 16px;
}

.erasebuttonIcon {
  width: 13px;
  filter: invert(33%) sepia(45%) saturate(438%) hue-rotate(131deg) brightness(88%) contrast(93%);
}

#smileys img {
  padding: 2px 5px;
}

#smileys td {
  text-align: center;
}

#console-icon-smiley {
	width: 20px;
	height: 20px;
	fill: #2C6060;
}

#smileybutton:active #console-icon-smiley {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container {
	width: 20px;
	height: 20px;
	padding: 1px;
	margin-left: 4px;
}

.btn.btn-input.btn-mini.op-input-svg-container svg {
	width: 20px;
	height: 20px;
	fill: #2C6060;
}

.btn.btn-input.btn-mini.op-input-svg-container:active svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.inProgress {
	background: #BA4A48;
	background-image: none;
}

.btn.btn-input.btn-mini.op-input-svg-container.inProgress svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.inProgress:hover {
	background: #CC5050;
}

.btn.btn-input.btn-mini.op-input-svg-container.inProgress:hover svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.inProgress:active {
	background: #2C6060;
}

.btn.btn-input.btn-mini.op-input-svg-container.inProgress:active svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.switchedOn {
	background: #2C6060;
	background-image: none;
}

.btn.btn-input.btn-mini.op-input-svg-container.switchedOn svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.switchedOn:hover {
	background: #3B7F7D;
}

.btn.btn-input.btn-mini.op-input-svg-container.switchedOn:hover svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.switchedOn:active {
	background: #2C6060;
}

.btn.btn-input.btn-mini.op-input-svg-container.switchedOn:active svg {
	fill: #FFFFFF;
}

.btn.btn-input.btn-mini.op-input-svg-container.inactive {
	pointer-events: none;
	cursor: pointer;
	background-image: none;
	background: #868787;
}

.btn.btn-input.btn-mini.op-input-svg-container.inactive path {
	fill: #D3D3D3;
}

#opinputchatphp_footer_edit_link {
	margin-top: -23px;
}

/* classes for op.motd.php */

#table-systemMessage {
	background: #FFFFFF;
	border: 1px solid #2C6060;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	margin: 5px;
	width: calc(100% - 10px);
	height: 35%;
}

/* classes for op.head.chat.php */

#head-chat-sitecolor-container {
	position: absolute;
	right: 20px;
	top: 0px;
	cursor: default;
}

.head-chat-container {
	width: 18px;
	height: 25px;
}

.head-chat-sitecolor path:first-child {
	fill: #000000;
}

.chatTimer {
	font-size: 12px;
	color: white;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
	position: absolute;
	top: 10px;
	right: 20px;
}

.chatTimerDistance {
    right: 50px;
}

.chatTimerHeartBeat {
  animation-name: heartBeat;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  display: inline-block;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  2% {
    transform: scale(1.5);
  }

  4% {
    transform: scale(1);
  }

  6% {
    transform: scale(1.5);
  }

  10% {
    transform: scale(1);
  }
}

/* classes for op.keywords.chat.php */

#opkeywords_body {
	background: #D3D5DB;
}

#tree-div {
	background: #FFFFFF;
	overflow: auto;
	height: 480px;
	border: 1px solid #2C6060;
	border-radius: 5px;
	padding: 5px;
	margin:10px;
}

#tree-div-uebernehmen {
	text-align: center;
	margin: 15px 0 15px 0px;
}

/* classes for input.chat.php */


.inputchatphp_smileys_utf8 {
	position: absolute;
	top: 20px;
	right: 5px;
	display: flex;
	width: 420px;
	flex-wrap: wrap;
	background: white;
	padding: 20px 5px 0px 5px;
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

#utf8_inputchatphp_smileys_close {
	margin-top: 2px;
	padding: 0px;
	position: absolute;
	right: 3px;
	top: 0px;
}

/* classes for opchat.head.php */

#opchathead_header {
	position: absolute;
	left: 5px;
	top: 2px;
	width: 100%;
	height: 18px;
	z-index: 1
}

#opchathead_close {
	position: absolute;
	top: 0px;
	right: 10px;
}

/* classes for opchat.input.php */

#opchatinput_table_maincontainer {
	width: 100%;
}

#opchatinput_maincontainer {
	border-radius: 5px;
	border: #FFFFFF solid 1px;
	background: #dddddd;
}

#opchatinput_maintable {
	width: 100%;
	padding: 2px 10px;
}

#opchatinput_formtable {
	width: 100%;
}

textarea.opchatinput_textarea {
	width: 100%;
	overflow: auto;
}

#smileys.opchat_smileys {
   position: absolute;
   top: 10px;
   left: 50px
}

.utf8_opchat_smileys {
	width: 360px;
	position: absolute;
	top: 2px;
	left: 5px;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 5px 0px 5px;
}

.utf8_opchat_smileys .utf8_smileys_icon {
	height: 15px;
	width: 15px;
	padding: 0px 10px 16px 0px;
}

/* classes for opchat.ftp.php */

#opchatftp_table_maincontainer {
	width: 100%;
}

#opchatftp_maincontainer {
	border-radius: 5px;
	border: #FFFFFF solid 1px;
	background: #dddddd;
}

#opchatftp_maintable {
	width: 100%;
	padding: 2px 10px;
}

/* classes for opchat.textfile.php */

#opchattextfile_table_maincontainer {
	width: 100%;
}

#opchattextfile_maincontainer {
	border-radius: 5px;
	border: #FFFFFF solid 1px;
	background: #dddddd;
}

#opchattextfile_maintable {
	width: 100%;
	padding: 2px 10px;
}

textarea.opchattextfile_textarea {
	width: 100%;
	overflow: auto;
}

/* classes for op.output2.chat.php */

.bubble_left .collapse-translation, .bubble_left .expand-translation, .bubble_right .collapse-translation, .bubble_right .expand-translation  {
	padding: 0px;
	margin: 0px;
	width: 12px;
	height: 12px;
	border: none;
	border-image: none;
	position: absolute;
	right: 6px;
	background: transparent;
}

.bubble_left .collapse-translation, .bubble_left .expand-translation, .bubble_right .collapse-translation, .bubble_right .expand-translation {
	bottom: 16px;
}

.bubble_left #opoutput2_wait ~ .collapse-translation,
.bubble_left #opoutput2_wait ~ .expand-translation,
.bubble_right #opoutput2_wait ~ .collapse-translation,
.bubble_right #opoutput2_wait ~ .expand-translation,
.bubble_left #opoutput2_wizard ~ .collapse-translation,
.bubble_left #opoutput2_wizard ~ .expand-translation,
.bubble_right #opoutput2_wizard ~ .collapse-translation,
.bubble_right #opoutput2_wizard ~ .expand-translation{
	bottom: 20px;
}

.bubble_left .collapse-translation span, .bubble_left .expand-translation span, .bubble_right .collapse-translation span, .bubble_right .expand-translation span {
	width: 12px;
	height: 12px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	border: none;
	display: inline-block;
}

.bubble_left .collapse-translation span, .bubble_left .expand-translation span {
	filter: invert(0%) sepia(90%) saturate(7471%) hue-rotate(31deg) brightness(105%) contrast(101%);
}

.bubble_right .collapse-translation span, .bubble_right .expand-translation span {
	filter: invert(100%) sepia(0%) saturate(7495%) hue-rotate(349deg) brightness(99%) contrast(105%);
}

.bubble_left .collapse-translation span, .bubble_right .collapse-translation span {
	background-image: url(up.svg);
}

.bubble_left .expand-translation span, .bubble_right .expand-translation span {
	background-image: url(down.svg);
}

.translation-info {
	font-size: 9px;
	font-style: italic;
	margin: 2px 0px 0px 10px
}

.bubble_left .translation-source {
	color: #777777;
}

.bubble_right .translation-source {
	color: #CBCBCB;
}

.translation-source, .translation-result, .translation-info {
	display: block;
	min-width: 50px;
}

.without-translation {
	display: block;
}

.bubble_right_text,
.bubble_left_text {
	overflow: visible !important;
}

.bubble_left .bubble_left_text.translated-both, .bubble_left .bubble_left_text.translated, .bubble_right .bubble_right_text.translated-both, .bubble_right .bubble_right_text.translated {
	height: 100%;
	min-width: 50px;
}

.contextMenuContainer {
	position: relative;
	margin-top: -6px;
	display: inline-block;
}

.bubble_right_text .contextMenuContainer {
	float: right;
}

.bubble_left_text .contextMenuContainer {
	float: left;
}

.contextMenuIconButton {
	background-color: transparent;
	border: none;
	outline: none;
	margin-top: 5px;
	padding: 0 5px;
}

.chat_body.chat_design_0 .contextMenuIconButton {
	padding: 3px 5px;
}

.contextMenuIconButton svg {
	height: 11px;
	width: 11px;
}

.bubble_right_text .contextMenuIconButton {
	fill: #FFFFFF;
}

.bubble_left_text .contextMenuIconButton {
	fill: #000000;
}

.contextMenuInnerContainer {
	display: none;
	flex-direction: column;
	border: 1px solid #999999;
	border-radius: 5px;
	background-color: #EEEEEE;
	position: absolute;
	right: 20px;
	top: 5px;
	width: 150px;
	z-index: 2;
	padding: 5px 7px 0px 7px;

}

.bubble_right_text .contextMenuInnerContainer {
	position: absolute;
	right: 20px;
	top: 6px;
}

.bubble_left_text .contextMenuInnerContainer {
	position: absolute;
	left: 31px;
	top: 6px;
}

.chat_body.chat_design_0 .contextMenuInnerContainer {
	position: absolute;
	left: 22px;
	top: 6px;
}

.chat_body.chat_design_1 .contextMenuInnerContainer {
	position: absolute;
	left: 20px;
	top: 3px;
}

.contextMenuInnerContainer span {
	text-align: left;
	padding-bottom: 5px;
}

.chat_body.chat_design_0 .contextMenuInnerContainer span a,
.chat_body.chat_design_1 .contextMenuInnerContainer span a,
.bubble_left_text .contextMenuInnerContainer span a,
.bubble_right_text .contextMenuInnerContainer span a,
.contextMenuInnerContainer span.disablePhrase
 {
	color: #2c6060 !important;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

.chat_body.chat_design_0 .contextMenuInnerContainer button,
.chat_body.chat_design_1 .contextMenuInnerContainer button,
.bubble_left_text .contextMenuInnerContainer button,
.bubble_right_text .contextMenuInnerContainer button {
	color: #2c6060;
	text-align: left;
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0px 0px 5px 3px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	cursor: pointer;
}

.chat_body.chat_design_0 .contextMenuInnerContainer button:hover,
.chat_body.chat_design_1 .contextMenuInnerContainer button:hover,
.bubble_left_text .contextMenuInnerContainer button:hover,
.bubble_right_text .contextMenuInnerContainer button:hover {
	text-decoration: underline;
	outline: none;
}

.chat_body.chat_design_0 .contextMenuInnerContainer button:active,
.chat_body.chat_design_1 .contextMenuInnerContainer button:active,
.bubble_left_text .contextMenuInnerContainer button:active,
.bubble_right_text .contextMenuInnerContainer button:active {
	outline: none;
}

.contextMenuInnerContainer svg {
	fill: #2c6060;
	height: 14px;
	width: 14px;
	margin-bottom: -2px;
	padding-right: 5px;
}

.disableQuoteCopy .quote-contribution-button {
	opacity: 0.5;
	cursor: pointer;
	pointer-events: none;
}

.disablePhrase {
	opacity: 0.5;
	cursor: pointer;
	pointer-events: none;
}

/* Translation classes for op.main.php */

.translate-origin-icon {
	width: 7pt;
	margin: 2pt 3pt 0 0;
}

/* classes for op.watch.output.php */

.chat_body_watch {
	background-color: #FFFFFF;
	margin: 10px;
}

.chat_body_watch table, span.comment {
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}

/* classes for operator FAQ windows */

#opanswerfaqphp_answer p
{
	border: none;
}

#opanswerfaqphp_answer li
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
}

/* classes for FAQs */

/* override the strict definition of a in rhe beginning of this css */
#outputfaqphp_body a,
#answerfaqphp_body a,
#searchfaqphp_body a {
		  color: inherit;
}

#answerfaqphp_ratingform_table2,
#answerfaqphp_mailform_table2 {
	border: 1px solid #999999;
   padding: 10px;
   border-radius: 5px;
}

#answerfaqphp_mailform_table2 {
	margin-top: 10px;
}

#answerfaqphp_ratingform_table3,
#answerfaqphp_mailform_table3{
	text-align: center;
}

#answerfaqphp_ratingform_answer,
#answerfaqphp_mailform_table3 {
	padding: 2px 0 5px 0;
}

#answerfaqphp_ratingform_div3,
#answerfaqphp_mailform_div3 {
	width: calc(100% - 10px);
	max-width: 620px;
}

div[data-role=page] div#answerfaqphp_thanks,
div[data-role=page] div#answerfaqphp_thanks2 {
	text-align: center;
   margin-top: 10px;
}

div[data-role=page] div#answerfaqphp_thanks span.gruen,
div[data-role=page] div#answerfaqphp_thanks2 span.gruen
{
		color: #333333;
		font-weight: normal;
	}

@media (prefers-color-scheme:dark) {
	div[data-role=page] div#answerfaqphp_thanks span.gruen,
	div[data-role=page] div#answerfaqphp_thanks2 span.gruen{
		color: #FAFAFA;
		font-weight: normal;
	}
}

#answerfaqphp_ratingform_title,
#answerfaqphp_mailform_head,
#answerfaqphp_mailform_address_td2,
#answerfaqphp_mailform_privacy {
	text-align: center;
}

#answerfaqphp_mailform_head {
	padding: 5px 0;
}

#outputfaqphp_articles_table,
#outputfaqphp_body tr,
#answerfaqphp_body tr,
#searchfaqphp_body tr{
	height: 16px;
}

#outputfaqphp_body, #outputfaqphp_body form {
	margin: 0px;
}

#outputfaqphp_body p,
#answerfaqphp_body p,
#answerfaqphp_answer,
#searchfaqphp_body p,
#searchfaqphp_home_div2
{
	border-bottom: #999999 solid 1px;
}

#searchfaqphp_body p#searchfaqphp_result_p4 {
	border-bottom: none;
}

#answerfaqphp_answer p
{
	border: none;
}

#answerfaqphp_answer li
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
}

#answerfaqphp_thanks
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	line-height: 20px;
}
#answerfaqphp_thanks2
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	line-height: 20px;
}

#outputfaqphp_body #searchfaqphp_result_table p,
p#answerfaqphp_searchform_p,
p#answerfaqphp_question,
p#searchfaqphp_result_p2,
p#searchfaqphp_result_p3
{
	border: none;
}

#outputfaqphp_body p,
#answerfaqphp_body p,
#searchfaqphp_body p,
#searchfaqphp_home_div2
{
	padding: 1em;
	margin: 0;
}

#answerfaqphp_answer p,
#opanswerfaqphp_answer p,
#answerfaqphp_answer blockquote,
#searchfaqphp_result #searchfaqphp_result_p2,
#searchfaqphp_result #searchfaqphp_result_p3
{
	padding: 6px 12px;
	margin: 0px;

}

#answerfaqphp_answer ul,
#opanswerfaqphp_answer ul
{
	padding: 6px 12px;
	margin: 0 0 0 24px;
}

#outputfaqphp_sections_title,
#outputfaqphp_top_title,
#outputfaqphp_new_title,
#outputfaqphp_breadcrumb,
#outputfaqphp_catname,
#outputfaqphp_sections,
#answerfaqphp_question_breadcrumb,
#answerfaqphp_question_text,
#answerfaqphp_answer,
#answerfaqphp_mailthis_td3,
.faqsections,
.faqarticlelink,
.faqtoplink_container,
.faqtoplink,
.faqnewlink,
.faqnewlink_container,
#answerfaqphp_body,
#outputfaqphp_body,
#answerfaqphp_body p,
#outputfaqphp_body p,
#outputfaqphp_sections_table,
#answerfaqphp_question_table,
#outputfaqphp_sections_table tr,
#answerfaqphp_question_table tr,
#outputfaqphp_sections_table td,
#answerfaqphp_question_table td,
#answerfaqphp_mailthis_table,
#answerfaqphp_mailthis_table2,
#answerfaqphp_info_table,
#searchfaqphp_result_p2,
#searchfaqphp_result_p3,
.faqresultpath,
.faqresultlink,
#searchfaqphp_searchform_input,
#outputfaqphp_searchform_input,
#answerfaqphp_mailform_address_td2,
#answerfaqphp_mailform_address_td,
#answerfaqphp_mailform_head,
#answerfaqphp_mailform_title,
#answerfaqphp_ratingform_text,
#answerfaqphp_ratingform_question,
#answerfaqphp_ratingform_select
{
	font-size: 12px !important;
}

@media (min-width: 28em) {
	#outputfaqphp_sections_title,
	#outputfaqphp_top_title,
	#outputfaqphp_new_title,
	#outputfaqphp_breadcrumb,
	#outputfaqphp_catname,
	#outputfaqphp_sections,
	#answerfaqphp_question_breadcrumb,
	#answerfaqphp_question_text,
	#answerfaqphp_answer,
	#answerfaqphp_mailthis_td3,
	.faqsections,
	.faqarticlelink,
	.faqtoplink_container,
	.faqtoplink,
	.faqnewlink,
	.faqnewlink_container,
	#answerfaqphp_body,
	#outputfaqphp_body,
	#answerfaqphp_body p,
	#outputfaqphp_body p,
	#outputfaqphp_sections_table,
	#answerfaqphp_question_table,
	#outputfaqphp_sections_table tr,
	#answerfaqphp_question_table tr,
	#outputfaqphp_sections_table td,
	#answerfaqphp_question_table td,
	#answerfaqphp_mailthis_table,
	#answerfaqphp_mailthis_table2,
	#answerfaqphp_info_table,
	#searchfaqphp_result_p2,
	#searchfaqphp_result_p3,
	.faqresultpath,
	.faqresultlink,
	#searchfaqphp_searchform_input,
	#outputfaqphp_searchform_input,
	#answerfaqphp_mailform_address_td2,
	#answerfaqphp_mailform_address_td,
	#answerfaqphp_mailform_head,
	#answerfaqphp_mailform_title,
	#answerfaqphp_searchform_p,
	#outputfaqphp_searchform_p,
	#searchfaqphp_searchform_p,
	#searchfaqphp_chatlink,
	#outputfaqphp_chatlink,
	#answerfaqphp_chatlink,
	#searchfaqphp_home,
	#outputfaqphp_home,
	#answerfaqphp_home,
	#searchfaqphp_noquery,
	#answerfaqphp_noquery,
	#outputfaqphp_noquery,
	#searchfaqphp_result,
	#outputfaqphp_result,
	#answerfaqphp_result
	{
		font-size: 12px !important;
		max-width: 635px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#outputfaqphp_body button,
	#answerfaqphp_body button,
	#searchfaqphp_body button {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#answerfaqphp_searchform_p .ui-textinput,
	#outputfaqphp_searchform_p .ui-textinput,
	#searchfaqphp_searchform_p .ui-textinput {
		margin-right: 20px;
	}
}

#outputfaqphp_sections_title,
#outputfaqphp_top_title,
#outputfaqphp_new_title,
#outputfaqphp_breadcrumb,
#outputfaqphp_catname,
#outputfaqphp_sections,
#answerfaqphp_question_breadcrumb,
#answerfaqphp_question_text,
#answerfaqphp_answer,
#answerfaqphp_mailthis_td3,
.faqsections,
.faqarticlelink,
.faqtoplink_container,
.faqtoplink,
.faqnewlink,
.faqnewlink_container {
	line-height: 16px;
}

#answerfaqphp_body,
#outputfaqphp_body,
#answerfaqphp_body p,
#outputfaqphp_body p,
#outputfaqphp_sections_table,
#answerfaqphp_question_table,
#outputfaqphp_sections_table tr,
#answerfaqphp_question_table tr,
#outputfaqphp_sections_table td,
#answerfaqphp_question_table td,
#answerfaqphp_mailthis_table,
#answerfaqphp_mailthis_table2,
#answerfaqphp_info_table,
#searchfaqphp_result_p2,
#searchfaqphp_result_p3,
.faqresultpath,
.faqresultlink {
	line-height: 24px;
}

#answerfaqphp_backtosearch_p {
		  text-align: center;
}

#answerfaqphp_info_td,
#answerfaqphp_info_td2 {
	font-size: 9px;
	padding: 4px 8px;

}

#outputfaqphp_body .ui-button,
#answerfaqphp_body .ui-button,
#searchfaqphp_body .ui-button,
#searchfaqphp_home_div2 .ui-button {
	font-size: 12px !important;
}

#outputfaqphp_sections_title, #outputfaqphp_top_title, #outputfaqphp_new_title {
	display: block;
	margin-bottom: 10px;
}

#outputfaqphp_searchform_table, #answerfaqphp_searchform_table {
	width: 100%;
}

#outputfaqphp_searchform_table2,
#answerfaqphp_searchform_table2,
#answerfaqphp_question_table,
#answerfaqphp_mailform_table,
#answerfaqphp_mailform_table2,
#searchfaqphp_searchform_table,
#searchfaqphp_searchform_table2
{
	width: 100%;
	padding: 0 8px;
}

#answerfaqphp_question_table
{
	padding: 0 8px 12px 8px;
}

#answerfaqphp_mailthis_link2_buttonElement a,
#answerfaqphp_mailthis_link_buttonElement a,
#answerfaqphp_backtosearch_buttonElement a,
#searchfaqphp_home_div2 a {
	color: inherit;
	font-size: 12px;
}

#answerfaqphp_question {
	padding-top: 1.5em;
}

form + #answerfaqphp_question {
	padding-top: 0.5em;
}

#answerfaqphp_answer {
	padding-bottom: 1em;
}

#answerfaqphp_answer a {
	text-decoration: underline;
}

#answerfaqphp_mailthis_link2_buttonElement a:hover,
#answerfaqphp_mailthis_link_buttonElement a:hover,
#searchfaqphp_home_div2 a:hover,
#answerfaqphp_backtosearch_buttonElement a:hover{
	text-decoration: none;
}

.faqtoplink_container, .faqnewlink_container, .faqsections {
	font-weight: bold;
}

.faqquestion {
	height: 2em;
	width: 2em;
	padding: 0 8px 0 10px;
}

#answerfaqphp_question_table .faqquestion {
	padding: 0 8px 0 0;
}

.faqquestion_container ~ td {
	padding: 5px 0 5px 0;
}

.faqsections_icon {
	height: 16px;
	width: 16px;
	padding: 0 8px 0 10px;
}

#searchfaqphp_home_img {
	height: 16px;
	margin-right: 5px;
}

#answerfaqphp_answer img,
#opanswerfaqphp_answer img
{
	max-width: 85vw;
	padding: 0px;
}

#answerfaqphp_answer h1,
#answerfaqphp_answer h2,
#answerfaqphp_answer h3,
#answerfaqphp_answer h4,
#answerfaqphp_answer h5,
#answerfaqphp_answer h6,
#opanswerfaqphp_answer h1,
#opanswerfaqphp_answer h2,
#opanswerfaqphp_answer h3,
#opanswerfaqphp_answer h4,
#opanswerfaqphp_answer h5,
#opanswerfaqphp_answer h6
{
	padding: 6px 12px;
	margin: 0px;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
	font-weight: bold;
}

#answerfaqphp_answer h1,
#opanswerfaqphp_answer h1
{
	font-size: 18px;
}

#answerfaqphp_answer h2,
#opanswerfaqphp_answer h2
{
	font-size: 16px;
}

#answerfaqphp_answer h3,
#opanswerfaqphp_answer h3
{
	font-size: 14px;
}

#answerfaqphp_answer h4,
#opanswerfaqphp_answer h4
{
	font-size: 12px;
}

#answerfaqphp_answer h5,
#opanswerfaqphp_answer h5
{
	font-size: 11px;
}

#answerfaqphp_answer h6,
#opanswerfaqphp_answer h6
{
	font-size: 10px;
}

.isSmartphone #answerfaqphp_answer li,
.isSmartphone #answerfaqphp_thanks,
.isSmartphone #answerfaqphp_thanks2,
.isSmartphone #outputfaqphp_sections_title,
.isSmartphone #outputfaqphp_top_title,
.isSmartphone #outputfaqphp_new_title,
.isSmartphone #outputfaqphp_breadcrumb,
.isSmartphone #outputfaqphp_catname,
.isSmartphone #outputfaqphp_sections,
.isSmartphone #answerfaqphp_question_breadcrumb,
.isSmartphone #answerfaqphp_question_text,
.isSmartphone #answerfaqphp_answer,
.isSmartphone #answerfaqphp_mailthis_td3,
.isSmartphone .faqsections,
.isSmartphone .faqarticlelink,
.isSmartphone .faqtoplink_container,
.isSmartphone .faqtoplink,
.isSmartphone .faqnewlink,
.isSmartphone .faqnewlink_container,
.isSmartphone #answerfaqphp_body,
.isSmartphone #outputfaqphp_body,
.isSmartphone #answerfaqphp_body p,
.isSmartphone #outputfaqphp_body p,
.isSmartphone #outputfaqphp_sections_table,
.isSmartphone #answerfaqphp_question_table,
.isSmartphone #outputfaqphp_sections_table tr,
.isSmartphone #answerfaqphp_question_table tr,
.isSmartphone #outputfaqphp_sections_table td,
.isSmartphone #answerfaqphp_question_table td,
.isSmartphone #answerfaqphp_mailthis_table,
.isSmartphone #answerfaqphp_mailthis_table2,
.isSmartphone #answerfaqphp_info_table,
.isSmartphone #searchfaqphp_result_p2,
.isSmartphone #searchfaqphp_result_p3,
.isSmartphone .faqresultpath,
.isSmartphone .faqresultlink,
.isSmartphone #searchfaqphp_searchform_input,
.isSmartphone #outputfaqphp_searchform_input,
.isSmartphone #answerfaqphp_mailform_address_td2,
.isSmartphone #answerfaqphp_mailform_address_td,
.isSmartphone #answerfaqphp_mailform_head,
.isSmartphone #answerfaqphp_mailform_title,
.isSmartphone #answerfaqphp_ratingform_text,
.isSmartphone #answerfaqphp_ratingform_question,
.isSmartphone #answerfaqphp_ratingform_select,
.isSmartphone #answerfaqphp_info_td,
.isSmartphone #answerfaqphp_info_td2,
.isSmartphone #outputfaqphp_body .ui-button,
.isSmartphone #answerfaqphp_body .ui-button,
.isSmartphone #searchfaqphp_body .ui-button,
.isSmartphone #searchfaqphp_home_div2 .ui-button,
.isSmartphone #answerfaqphp_mailthis_link2_buttonElement a,
.isSmartphone #answerfaqphp_mailthis_link_buttonElement a,
.isSmartphone #answerfaqphp_backtosearch_buttonElement a,
.isSmartphone #searchfaqphp_home_div2 a,
.isSmartphone #answerfaqphp_answer h1,
.isSmartphone #answerfaqphp_answer h2,
.isSmartphone #answerfaqphp_answer h3,
.isSmartphone #answerfaqphp_answer h4,
.isSmartphone #answerfaqphp_answer h5,
.isSmartphone #answerfaqphp_answer h6,
.isSmartphone #answerfaqphp_answer,
.isSmartphone #answerfaqphp_answer p,
.isSmartphone #answerfaqphp_searchform_input,
.isSmartphone #answerfaqphp_mailform_address_input
.isSmartphone #answerfaqphp_mailform_privacy,
.isSmartphone #answerfaqphp_mailform_address_input,
.isSmartphone #answerfaqphp_mailform_error
{
	font-size: 16px !important;
}

/* classes for phrases in op chat window */

.phrasesContainer {
	display: flex;
	flex-direction: column;
}

.phrasesContainer.without-groups .phrasesGroup {
    display: none;
}

.phrasesGroup {
	padding: 5px 0;
}

.phrasesGroupInner {
	display: flex;
	padding: 1px;
	border-radius: 5px;
	border: 1px solid #999999;
}

.phrasesContainerInnerPhrase {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #999999;
	margin: 3px;
	align-items: center;
}

.oddGroup {
	background-color: #bbbbbb;
}

.evenGroup {
	background-color: #aaaaaa;
}

.phrasesContainer:not(.without-groups) .oddPhrase {
	background-color: hsl(111, 1%, 87%) !important;
}

.phrasesContainer:not(.without-groups) .evenPhrase {
	background-color: hsl(111, 1%, 93%) !important;
}

.phrasesContainerInnerPhrase:not([hidden]) {
    display: flex;
}

.phrasesContainer.without-groups .phrasesContainerInnerPhrase {
    display: flex;
}

.phrasesContainer:not(.without-groups) .phrasesContainerInnerPhrase {
    order: 0 !important;
}

.phrasesGroupInnerExpanderButton {
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
}

.phrasesGroupInnerToggleIcon {
	height: 13px;
	width: 13px;
	margin: 1px 5px 0 2px;
}

.phrasesContainerInnerText, .phrasesContainerInnerEnterText {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
}

.phrasesContainerInnerDragIcon, .phrasesContainerInnerCopyIcon, .phrasesContainerInnerEnterIcon {
	height: 25px;
	margin: 7px 5px 3px 5px;
	filter: invert(31%) sepia(52%) saturate(435%) hue-rotate(131deg) brightness(89%) contrast(85%);
}

.phrasesContainerInnerDrag button, .phrasesContainerInnerCopy button, .phrasesContainerInnerEnter button {
	margin-right: 5px;
	border-radius: 5px;
	border: 1px solid #2c6060;
	padding: 1px;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EAEAEA 100%);
}

.phrasesContainerInnerCopy button {
	cursor: copy;
}

.phrasesContainerInnerDrag button {
	cursor: grab;
}

.phrasesContainerInnerDrag button:hover,
.phrasesContainerInnerCopy button:hover,
.phrasesContainerInnerEnter button:hover,
.phrasesContainerInnerDrag button:focus,
.phrasesContainerInnerCopy button:focus,
.phrasesContainerInnerEnter button:focus
{
	background: #FFFFFF;
	outline: none;

}

.phrasesContainerInnerDrag button:active {
	cursor: grabbing;
}


.phrasesContainerInnerCopy button, .phrasesContainerInnerEnter button {
	margin-right: 10px;
}

.toggleAllButtonIcon {
	height: 13px;
	width: 13px;
	margin: 5px 5px -2px -17px;
	filter: invert(31%) sepia(52%) saturate(435%) hue-rotate(131deg) brightness(89%) contrast(85%);
}

#toggleAllButton {
    width: 120px;
    padding:  0 0 0 12px;
}

#toggleAllButton:active .toggleAllButtonIcon {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(109%) contrast(101%);
}

#toggleAllButton[data-is-expanded=true] span.button-title::after {
    content: attr(data-button-true-title);
}

#toggleAllButton[data-is-expanded=false] span.button-title::after {
    content: attr(data-button-false-title);
}

#toggleAllButton[hidden] {
    display:none;
}

.searchPhrasesContainer {
	text-align: center;
	padding: 5px 0px 20px 0px;
	padding: 3px;
	border-radius: 5px;
	border: 1px solid #999999;
	background: #aaaaaa;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}

.searchPhrasesSearchBoxContainer {
	width: 50%;
	flex-grow: 2;
	padding-left: 20%;
}

.searchPhrasesSearchBox {
	width: 100%;
	height: 18px;
	border-radius: 5px;
	border: 1px solid #2c6060;
	padding: 1px 1px 1px 5px;
	outline: none;
}

.searchPhrasesSearchBoxDeleteContainer {
	flex-grow: 0;
	padding: 0 20% 0 12px;
}

.searchPhrasesSearchBoxDeleteContainer button.searchPhrasesSearchBoxDelete.btn.btn-input.btn-mini {
	width: 40px;
	height: 100%;
}

.searchPhrasesSearchBoxDeleteIcon {
	height: 13px;
	width: 13px;
	margin: 0 0 -2px 0;
	filter: invert(31%) sepia(52%) saturate(435%) hue-rotate(131deg) brightness(89%) contrast(85%);
}

.searchPhrasesSearchBoxDelete:active .searchPhrasesSearchBoxDeleteIcon {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(109%) contrast(101%);
}

/* classes for op.index.php */

#login_roundbox {
	background: #dddddd;
	width: 150px;
   padding: 5px 5px 10px 5px;
   border: 1px solid #2c6060;
   border-radius: 7px;
}

.login_roundboxcontent {
	margin-top: -4px;
}

#login_roundbox input:not(.ybutton) {
	margin: 5px;
   border: 1px solid #2c6060;
	outline: none;
	padding: 2px 5px;
}

#login_roundbox .ybutton {
	margin-top: 10px;
}

.login_language {
	width: 20px;
   height: 20px;
   margin: -18px -160px 0 0;
   border: 1px solid #2c6060;
   border-radius: 15px;
	display: inline-block;
}

.login_language_en {
	background-image: url(flags/svgs/en.svg);
}

.login_language_de {
	background-image: url(flags/svgs/de.svg);
}

/* classes for op.reset.php */

.reset_roundbox {
	background: #dddddd;
	width: 380px;
   padding: 5px 5px 10px 5px;
   border: 1px solid #2c6060;
   border-radius: 7px;
	margin: 0 auto;
}

.reset_roundbox input:not(.ybutton) {
	margin: 5px;
   border: 1px solid #2c6060;
	outline: none;
	padding: 2px 5px;
}

.reset_roundbox .ybutton {
	margin-top: 10px;
}

/* classes for op.history.php */

.chat_history_single_entry,
.chat_history_table_ticket {
	border-spacing: 0 5px;
}
.chat_history_single_entry > tbody > tr > td:nth-child(1) {
   border-radius: 5px 0 0 5px;
   border-style: solid;
   border-color: #2c6060;
   border-width: 1px 0 1px 1px;
}

.chat_history_single_entry > tbody > tr > td:nth-child(2) {
	padding: 5px 5px 5px 7px;
   border-width: 1px 1px 1px 0px;
   border-style: solid;
   border-color: #2c6060;
   border-radius: 0 5px 5px 0;
}

.chat_history_table_monitor > tbody > tr > td:first-child,
.chat_history_table_ticket > tbody > tr > td {
	padding: 5px;
	border: 1px solid #2c6060;
	border-radius: 5px;
}

.chat_history_table_notes > tbody > tr:nth-child(1) > td:nth-child(1)
{
	padding: 5px 5px 7px 5px;
	border-radius: 5px 0 0 5px;
   border-style: solid;
   border-color: #2c6060;
   border-width: 1px 0 1px 1px;
	background-color: #BBBBBB;
}

.chat_history_table_keywords > tbody > tr:nth-child(1) > td:nth-child(1)
{
	padding: 5px 5px 7px 5px;
	border-radius: 5px;
   border-style: solid;
   border-color: #2c6060;
   border-width: 1px 1px 1px 1px;
}

.chat_history_table_notes > tbody > tr:nth-child(1) > td:nth-child(2) {
	padding: 5px 5px 7px 5px;
   border-width: 1px 1px 1px 0px;
   border-style: solid;
   border-color: #2c6060;
   border-radius: 0 5px 5px 0;
	background-color: #BBBBBB;
}

.chat_history_table_has_notes,
.chat_history_table_has_keywords{
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   border-color: #2c6060;
   border-radius: 0 0 5px 5px;
	padding: 5px;
	transform: translate(0,-3px);
}

.chat_history_table_has_notes {
	background-color: #fafab2;
}

.chat_history_table_has_keywords{
	background-color: #EEEEEE;
}

.chat_history_table_monitor {
	border-spacing: 0 5px;
}

.chat_history_single_chat_single_entry {
	padding: 0 5px;
	border-style: solid;
   border-color: #2c6060;
   border-width: 0 1px 0 1px;
}

.chat_history_single_chat_single_entry:nth-of-type(3) {
	padding: 5px 5px 0 5px;
	border-radius: 5px 5px 0 0;
   border-style: solid;
   border-color: #2c6060;
   border-width: 1px 1px 0px 1px;
}

.chat_history_single_chat_single_entry:last-of-type {
	padding: 0 5px 5px 5px;
	border-radius: 0 0 5px 5px;
   border-style: solid;
   border-color: #2c6060;
   border-width: 0 1px 1px 1px;
}

/* classes for op.stats pages */

div.bigger_flags_in_statistics.fi {
	width: 25px;
   height: 17px;
   margin: 0px;
	position: absolute;
	right: 20px;
}

div.bigger_flags_in_popup.fi {
	width: 25px;
   height: 17px;
   margin: 0px;
	position: absolute;
	right: 5px;
}

div.smaller_flags_in_statistics.fi {
	width: 17px;
   height: 13px;
   margin: 0px;
	position: absolute;
	right: 20px;
}

div.flags_in_statistics.fi {
	width: 17px;
   height: 13px;
   margin: 0px 5px 0 3px;
}

/* classes for op.stats.index.php */

.op_stats_index_single {
	padding: 7px 5px;
   margin-bottom: 5px;
   border: #2C6060 solid 1px;
   background-color: #EEEEEE;
   border-radius: 5px;
}

.op_stats_index_single_head {
	font-size: 12px;
   font-weight: bold;
   font-family: Verdana, Helvetica, Arial;
   display: inline-block;
   margin-bottom: 3px;
	position: relative;
}

.op_stats_index_single_head a div {
	position: absolute;
   top: 5px;
   left: 30px;
	white-space: nowrap;
}

.op_stats_index_icon {
	width: 25px;
   height: 25px;
   margin: 0px 5px 0 0;
   fill: #4545A7;
}

/* classes for op.visitor.notes.php */

.op_visitor_notes_input {
	margin: 5px 5px 5px 0;
	width: 100%;
	padding: 2px 5px;
}

.op_visitor_notes_td {
	padding: 5px 7px;
	border-radius: 5px;
   border: #2c6060 1px solid;
}

/* common classes for op.stats scripts */

.op_stats_paragraph {
	font-size: 10px;
   font-weight: normal;
   font-family: Verdana, Helvetica, Arial;
   padding: 5px 7px;
   margin-bottom: 5px;
   border: #2c6060 1px solid;
   border-radius: 5px;
   background-color: #EEEEEE;
}

.op_stats_paragraph td {
	padding: 2px;
}

.op_stats_paragraph form {
	margin-block-end: 0px;
}

/* classes for op.stats.faqs.php */

.op_stats_paragraph.op_stats_faq_legende td {
	padding: 4px;
}

/* classes for op.stats.faqs.php */

.op_stats_live_table td {
	padding: 4px 10px;
}

/* classes for yalst.php */

.opconsolestart_popupwarn, .opconsolestart_start, .opconsolestart_info {
	font-size: 10px;
   font-style: normal;
   font-family: Verdana, Helvetica, Arial;
	width: 488px;
   padding: 5px;
   border: 1px solid black;
   border-radius: 5px;
	margin-bottom: 7px;
}

.opconsolestart_popupwarn {
	background-color: #cc0000;
   color: white;
}

.opconsolestart_start {
}

.opconsolestart_info {
	width: 500px;
	background-color: #EEEEEE;
}

.opconsolestart_button button.btn.btn-input.btn-mini {
	margin-bottom: 15px;
	width: 200px;
}

.opconsolestart_coyright {
	font-size: 10px;
   font-style: normal;
   font-family: Verdana, Helvetica, Arial;
}

.addfields_main_container {
  display: flex;
  width: 95%;
  flex-shrink: 1;
  white-space: nowrap;
}

.addfields_main_container > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.add_fields_copy_button,
.add_fields_popup_button,
.add_fields_same_button,
.add_fields_klient_button {
	height: 12px;
	margin: 0 5px 0 2px;
	cursor: pointer;
}

.add_fields_popup_button,
.add_fields_same_button,
.add_fields_klient_button
{
	font-size: 9px;
   font-weight: bold;
   padding-top: 0px;
}

.add_fields_copy_button {
	padding-top: 0px;
}

.add_fields_copy_icon {
	height: 8px;
}

.chat_info_container {
	font-size: 10px;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
}

/* disable av button when blue state */

body.blue-state #buttonav a {
	opacity: 50%;
	pointer-events: none;
}

body.blue-state #buttonav a svg {
	fill: black;
}