/* open-sans-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* indie-flower-regular - latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/indie-flower-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/indie-flower-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body{margin:0; height:100%;}
html{height:100%;overflow-y:scroll;margin-bottom:0; background-color:#FAFAFA;}
img{vertical-align:middle;border:0px;}
.image_container{padding-bottom:1px;}
a,button,body,div,em,input,label,li,ol,p,select,span,strong,td,th,textarea,u,ul {font-family:"Open Sans", sans-serif; font-size:13px; font-weight: 400; line-height:1.7em; word-spacing:0.15em;}
a,button,body,div,input,label,li,ol,p,select,textarea,u,ul {color:#444; font-weight:400;}

p,pre,form{margin:0;padding:0;}
a{text-decoration:none;color:#444;outline:none; cursor: pointer;}
a:hover{color:#000;}

#main a,
#footer a,
#main a i {transition: color 0.3s, transform 0.3s;}

#main a,#main button,#main div,#main em,#main input,#main label,#main li,#main ol,#main p,#main select,
#main span,#main strong,#main td,#main th,#main textarea,#main u,#main ul {line-height:140%;}

/*Textauszeichnung*/
h1 { 		font-size: 16px; margin: 0.25em 0px 1em 0px; }
h2 { 		font-size: 15px; line-height: 1.3em; margin: 0px 0px 5px 0px; padding: 0; }
h3 { 		font-size: 13px; line-height: 1.3em; margin: 0; padding: 0; }
h4 { 		font-size: 11px; line-height: 1.3em; margin: 0; padding:0; }

h1,h2,h3,h4,h5{padding-bottom:0px; color:#bd0000; font-weight:300; line-height:1.2em;}
h1{font-size:2.5em;}
h2{margin-top:0;font-size:1.7em;}
h3{margin-top:0;font-size:1.4em; color:#666}
h4{margin-top:0;font-size:1.2em; color:#666}
h5{margin-top:0;font-size:1.2em; color:#333;}


b, strong { 		color: #333; font-weight: bold; margin: 0; padding: 0; }
.bigger {	font-size: 1.2 em; line-height: 1.4em;}
.small,.small a{font-size:0.8em;}
.red,
.red label { color:#df2222; font-weight:bold; } /*Fehlerfelder bei Dateneingabe */
input.red {border-color:#df2222;}
.green {color:#4A4 !important;}
.bold {		font-weight:bold; } /*Suchfunktion Highlight */
.hidden {	position:relative; left:-9999px; }
.no_display {	display:none !important;}
.super {		vertical-align:top; font-size:70%; line-height:0.9em;}
.clear {		clear:both;}
.flexbox {display: flex; justify-content: flex-start; align-items: baseline; column-gap: 10px;}

#main p {margin-bottom:1.5em;}

#wrapper{ margin:0px auto; padding:0px; width:100%; position:relative; min-width:980px;}
#header{min-height:140px; padding:0px; overflow:visible; position:relative;}
.loginpage #header{min-height:100px;}
#header{min-height:100px;}

.w960{width:1200px; margin:0px auto; padding:0px; position:relative !important;}
#container{width:1200px; 100%; clear:both; overflow:auto; background-color:rgba(255,255,255,1); margin: 0 auto; border:1px solid #ECEDED;}
#main{min-height:200px; overflow:hidden; margin:0px auto 20px; padding:20px 40px 40px; float:none;}

/* footer */
#footer{padding-bottom:20px;}
#footer .inside {width: 1180px; margin: 0 auto; padding-left:20px;}
#footer a {color:#666; font-size:11px}
#footer a:hover {color:#000;}

/* logo */
#logo_pv {border-bottom:1px solid #ECEDED; position:relative; top:0px; left:0px; height:75px;}
#logo_pv img {width:200px; position:absolute; top:27px; left:20px;}

.loginpage #logo_pv {border-bottom-width:0px;}
.loginpage #logo_pv img {top:37px;}
#logo_pv {border-bottom-width:0px;}
#logo_pv img {top:37px;}


/*2 Spalten  Links 200breit*/
#left {		float:left; min-height:380px; width:200px; padding:15px 0px 15px 15px; margin:0px;}
#main { 	margin:0px 0px 0px 250px; padding:15px 15px 25px 15px; z-index:20;}

/*1 Spalte */
#main.fullwidth{ min-height:400px; overflow:visible; margin:0px auto 20px; padding:20px 40px 40px; float:none;}


/* ------------- login ------*/
.loginpage #container { position:relative; }
.loginpage #container:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background-position: -120px calc(100% + 120px); background-image: url("/img/background_kompass.png"); background-repeat: no-repeat; background-size: 450px; opacity: 0.05;}

.login a,.login button,.login div,.login input,.login label,.login li,.login ol,.login p,.login select,.login textarea,.login u,.login ul{font-size:16px;}
#main.login {opacity: 0; visibility: hidden;}
#main.login2 .inside,
#main.login .inside {	position:relative; max-width: 850px; margin:0 auto;}

#text_02,#text_03 {text-align: center;}
#text_01 {padding-top:1em;}
#text_03 {padding-top:2em;}
#text_04 {padding-top:3em; display:flex; justify-content:center;}

#text_05,
#text_07 {display:flex; justify-content:space-between; align-items:center;}
#text_09 {padding-top:2em; text-align: center;}
#text_11 {color:#666;}
#text_11:hover {color:#000;}

#text_error { background-color:rgba(240,200,200,0.5); padding:0.5em 0.5em; text-align:center; border:1px solid rgba(240,200,200,1); margin:2em auto 0em; max-width:650px; width:80%;display:none;}
#text_error.error_active { display:block;}
.login2 #text_error { margin:0em auto 1em; }

.login input,
.login2 input{ width:195px; font-weight: 400; border-radius: 5px; text-align: left; padding:0.4em 1em; margin:0.5em 0; border:1px solid #c0c0c0; box-shadow:0px 0px 3px #bbb; background-color:rgba(255,255,255,1); filter: none;}
.login label,
.login2 label{margin-right:1em;}
.login #button_10 {min-width: 10em;}

.text_sprache { z-index:100; margin:1em auto 0; display: flex; max-width: 750px; flex-wrap: wrap; justify-content: center; flex-direction: row;}
.text_sprache div { margin: 5px 15px;}
.text_sprache span { display:block; cursor:pointer; font-size:0.9em; color:#333; width:100px; margin:0px auto; padding:7px 12px; border:1px solid #e5e5e5; border-radius: 3px; box-shadow:0px 0px 3px #eee; text-align: center;}

.text_sprache span.active {cursor:default;}
.text_sprache span.active,
.text_sprache span:hover {border:1px solid #c0c0c0; box-shadow:0px 0px 3px #bbb; color:#000; background-color: #fafafa;}

#password_box_form {	padding:20px; position:absolute; width:450px; visibility:hidden; opacity:0; display:block; z-index:19999;}
#text_12 {text-align: center; padding-bottom: 1em;}
#lost_mail,
#lost_name {display:flex; justify-content:space-between; align-items:center; padding-top:1em; width:400px; margin:0 auto}
#password_box_form input {max-width:200px; }
#lost_buttons {display:flex; justify-content:center; align-items:center; padding-top:1em;}
#recaptcha {margin-top: 20px; display:flex; justify-content: center;}

#text_js_error { background-color:rgba(240,200,200,0.5); padding:2.5em 0.5em; text-align:center; border:1px solid rgba(240,200,200,1); margin:2em auto 0em; max-width:650px; width:80%; }
#text_js_error i { color:#bd0000;}
#text_js_error span { display:block; margin:1em; }

#text_nl {max-width:450px; margin: 80px auto 0; text-align:center;}
#text_nl a {font-size:13px;}
#text_nl h3 {font-size:17px; padding-bottom:3px; border-bottom:1px solid #f0f0f0}


/* ----------menu mitte------------- */
#menu_mitte {	position:absolute; top:40px; right:0px; text-transform:uppercase; font-weight:normal; text-align:right;}
#menu_mitte ul {	padding:0;margin:0; list-style-type:none;}
#menu_mitte li {	display:inline; padding:0px 7px 0px 7px; border-left:1px solid #ECEDED;}
#menu_mitte li.first {	border-left-width:0px;}
#menu_mitte a {			color:#585858; }
#menu_mitte a:hover {	color:#000000;}

/* ----------menu links------------- */
#menu_meta {	 	width:200px; margin:0 0 20px 0; text-transform:uppercase; font-weight:normal; text-align:left;}
#menu_meta ul {	padding:0;margin:0; list-style-type:none;}
#menu_meta li {	padding:7px 5px 7px 0px; border-bottom:1px solid #ECEDED;}
#menu_meta a {			color:#585858; }
#menu_meta a:hover {	color:#000000;}

/* ----------menu startseite------------- */
#menu_start { 		width:95%; margin:10px 0 0 15px; 
					font-weight:normal; font-size:11px;	text-align:left;}
#menu_start ul {		padding:0;margin:0; list-style-type:circle;}
#menu_start li {		padding:7px 0px; }
#menu_start a {		color:#000000; text-transform:uppercase; font-size:12px;}
#menu_start a:hover {color:#585858;}

/* --------------profilinglisten-------------------*/
.nummerierung {		width:30px; float:left; text-align:left;}
#liste {				margin-left:25px; }
.nummerierung ul,
#profiling {			margin:0; padding:1px 0 0 0; list-style-type:none;}
.nummerierung li{ 	padding:3px; margin:5px 0px; height:15px; }
#profiling li { 		cursor: pointer; border:1px solid #ddd; background-color: #f7f9f9;
					padding:2px; margin:5px 0px; height:15px;}
#profiling li:hover {	background-color: #ECEDED;}

/* --- buttons etc --- */
.textbutton3 {padding:6px; border-radius: 5px; margin-top:0.5em; margin-bottom:0.1em; border:1px solid #bd0000;
background-color:#bd0000; color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3); cursor:pointer;}
.textbutton3:hover {background-color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0); color:#bd0000;}
.textbutton3 span {font-size: 1em;}


.textbutton2 { 		padding:6px; border:1px solid #aaa; border-radius: 3px; text-shadow:1px 1px 0px #fff; 
					margin:5px 20px 5px 0px; background-color:#eceded; cursor: pointer; overflow:visible;
					box-shadow:0px 0px 2px #bbb; display:inline-flex; align-items:center;}
.textbutton2:hover {	border-color:#666666; box-shadow:0 0 5px #bbb;}
.textbutton2:active { background-color:#ddd;}
.cancel {			border:1px solid #C69393;}
.cancel:hover {		box-shadow:0 0 5px #C69393; border-color:#B25959;}
.cancel:active {		background-color:#F2D5D5;}
.okay {				border:1px solid #8DB289}
.okay:hover {		box-shadow:0 0 5px #8DB289; border-color:#71AA6B;}
.okay:active {	background-color:#D2E5D0;}
.textbutton2:disabled {background-color:#d0d0d0;}
.off {background-color:#d0d0d0;}
.on {background-color:#eceded;}
button.master{			border:1px solid #CE9CBE; color:#8F3073;}
button.master:hover {	box-shadow:0 0 5px #CE9CBE; border-color:#B75894;}
button.master:active {	background-color:#EFDEEA;}

.textbutton2 i {	font-size:18px; text-shadow:none;}
.textbutton2:hover i {	color:#777;}
.okay:hover i{		color:#71AA6B;}
.cancel:hover i{		color:#B25959;}
button.master:hover i{	color:#B75894;}
.textbutton2:disabled:hover i{color:#444;}

button i {margin-right:8px;}
input {padding:5px 8px; margin:0px 3px 4px 0px; border:1px solid #aaa; border-radius: 3px;}
input[type=text] {margin:-3px 0px 3px 0px;}
input[type=radio] {margin:-3px 3px 0px 0px;}
select { padding:5px; border:1px solid #aaa; border-radius: 3px;}
option { margin:5px;}
input[type=radio],input[type=checkbox] { display:none; }
input[type=checkbox] + label:before,
input[type=radio] + label:before  {font-family: 'Font Awesome 5 Pro'; display: inline-block; font-size:1.2em; width:1em; font-style: normal; font-weight: 400; text-align:left; padding-left:0.2em; padding-right:0.2em; cursor:pointer;}
input[type=checkbox]:hover + label:before,
input[type=radio]:hover + label:before  { color:#000;}
input[type=radio] + label:before  {vertical-align:bottom}
input[type=checkbox] + label:before {content: "\f0c8";}
input[type=checkbox]:disabled + label:before {content: "\f146";}
input[type=checkbox]:checked + label:before {content: "\f14a";}
input[type=checkbox].false:checked + label:before {content: "\f146";}
input[type=radio] + label:before {content: "\f111";}
input[type=radio]:checked + label:before {content: "\f192";}
input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled + label:before  {color:#777;}
input[type=file] {border-width:0px; padding:5px 0px;}
label i {font-size: 16px;}

.trenner { border-top:1px solid #ddd;}
table hr { border:0px; background:#ddd; height:1px; margin:1em 0;}
.box1 {	width:90%; margin:20px auto; background-color:#FAFAFA; padding:15px;
		border:1px solid rgb(128, 128, 128); border-radius: 5px;}

.toggler.fa,
.toggler.fal,
.toggler.far,
.toggler.fas {transition:0.3s all;}
.fa.changed,
.fal.changed,
.far.changed,
.fas.changed {color:#bd0000;}
.fa.changed:hover,
.fal.changed:hover,
.far.changed:hover,
.fas.changed:hover {color: #aa050d;}

/* ----------filter links------------- */
#left form .textfeld {		margin-bottom:5px; width:190px;}
#left form select {			}
#left td { 				padding:3px 0px;}
#left span { 				float:left;}
#left select { 			width:100%; margin:5px 0px 5px;}
#left select.pid { 		float:left;}
#left div.date-picker {	float:right; margin-top:1px; text-align:left; width:100px;}
#left form #sd,
#left form #ed {			width:73px; padding:2px; margin:1px 0px 1px 0px; border-width:0;background-color:#f0f0f0; text-align: center;
						display:inline; font-size:9px; float:none; vertical-align:top}
#left table table {width:100%;}
#left td {vertical-align:top;}
#left .element_1 {float:right;}
#left .element_1 select { width:58px; margin:0px;}
#left button {width:100%; margin:5px 0px;}
#left a.date-picker-control span {padding-top:2px; }
#left a.date-picker-control span:before {content: "\f783"; font-family:'Font Awesome 5 Pro'; font-size:1.4em; font-style: normal; font-weight: 300; color:#333; }
#left input:disabled + a.date-picker-control span:before {color:#777 }


/* ------------- Top-Popups ------*/
#TopOverlay { visibility: hidden; opacity: 0; display: block; width: 99999%; height: 99999%;
				position: fixed; z-index: 10000; top: 0; left: 0; background-color: #fff; }
#TopLogout_wrapper {visibility: hidden; opacity: 0; display: block; width: 100%; height: 100%; position: fixed; z-index: 10001; top: 0; left: 0; display: flex; justify-content: center;align-items: center;}
#TopLogout { width:300px; height:auto; max-height: 100%; background-color:#f5f5f5; padding:25px 30px !important; 
				border:1px solid rgba(128, 128, 128,0.7); box-shadow:1px 1px 10px rgba(128,128,128,0.7);
				display:block; border-radius: 5px; text-align:center; }

/* ------------- Notification-Popups ------*/
#Notification { width:100%; min-width:360px; height:auto; background-color:#fff; padding:10px 30px !important; font-size: 1.2em;
  border-bottom:2px solid #cc3333;  box-shadow:0px 0px 20px rgba(0,0,0,0.5); text-align:center; transition: transform 0.5s;
transform: translateY(-30px);visibility: hidden;opacity: 0; position: fixed; z-index: 10001; top: 0; left: 0;}


/* ------------- Popups ------*/
#mbOverlay {		visibility: hidden; opacity: 0; display: block; width: 99999%; height: 99999%;
				position: fixed; z-index: 9998;	top: 0;	left: 0; background-color: #fff; }
				
.popup_box { 	position: absolute; width:700px; height:auto; max-height: 100%; background-color:#f5f5f5; padding:35px !important; 
				border:1px solid rgba(128, 128, 128,0.7); box-shadow:1px 1px 10px rgba(128,128,128,0.7);
				display:block; z-index:9999; visibility:hidden; opacity:0; border-radius: 5px; }

/* ------------- Flex-Popups ------*/
#popup_flexwrapper {display: flex; justify-content: center; align-items: flex-start; overflow:auto; position:fixed; top:0; right:0; height:100vh; width:100%; z-index:9999; visibility: hidden;}
#popup_flexwrapper .popup_box {margin-top:45px; max-height:unset; position: relative; display:none; transition: transform 0.5s;}

.popup_box.has_header { 		padding-top:70px !important; }
.popup_box table{		width:100% }
.popup_box tr{ 		vertical-align:top;}
.popup_box th { 		font-size:14px; font-weight:normal;
					letter-spacing: 2px; text-align:left; text-transform:uppercase;
					color: #000; border-bottom:1px solid #ddd; padding-bottom:10px; }
.popup_box td { 		padding:10px 0px; }
.popup_box td.eng { 	padding:5px 0px; }
.popup_box .hinweis {	color:#555; font-size:10px; }
.popup_box .last {	border-top:1px solid #ddd;}
.popup_box select {	width:300px; margin-top:0px;}
.popup_box input {	width:284px;}

.btn_close {position: absolute; top:15px; right:15px; font-size: 2em; z-index: 3; cursor:pointer;transition:0.3s color;}
.btn_close:hover {color:#cc3333;}

.pop_header {background-color:#fff; border-bottom: 2px solid #cc3333; height:31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; top:0px; left: 0px; padding:0.5em 35px; border-radius: 4px 4px 0px 0px; width:calc(100% - 70px);font-size: 1.7em; color:#bd0000; font-weight:300; line-height:1.2em; margin-bottom:1em; z-index: 2;}
.pop_header>span {font-size:1em; font-weight:300; color: #000;}
.ticket_type {font-size:0.6em; color:#555;}


/* ------------- schmale box ------*/
.small_box { 		width:450px !important;}

/* ------------- report-auswahl in ticketliste ------*/
#report_box .col_1 { width:150px; }
#report_box #anon_input {display:inline; margin-left:1em; opacity:0;}

/* ------------- mail-box in pat/ticketliste ------*/
#report_mail {width:445px; height:260px;}

/* ------------- fes-box in teamrolle ------*/
#fes_name_info, #fes_multikey {border:1px solid #aaa; border-radius: 3px; padding:6px 1em 6px 0.5em; list-style-type:none; margin:8px 0.5em 8px 1em; display: inline-block;}
#fes_name_info:before, #fes_multikey:before {font-family: 'Font Awesome 5 Pro'; display: inline-block; font-size:1.2em; width:1em; font-style: normal; font-weight: 400; text-align:left; padding-right:0.5em;}
#fes_name_info:before {content: "\f4ff";}
#fes_multikey:before {content: "\f084";}
#fes_table th {font-size:1em; text-transform:none;}
#fes_table .col_1 {width:55px;}
#fes_table .col_3 {width:125px;}
#fes_table{padding-top:0.5em;}
#fes_table tr:nth-child(n+4) {color:#ccc;}
#fes_error {border-top:1px solid #ddd;color:#aa3333; font-size:2em; margin-top:0.5em; padding-top:0.5em;text-align:center;}

/* ------------- table allgemein ------*/
.table_daten { 	width:100%; border:1px solid #ddd; border-spacing:0px; border-collapse:collapse;}
.table_daten tr {	vertical-align:top; }
.table_daten td {  	font-size:10px; padding:10px; color:#444444;  text-align:left;}
.table_daten .col1 { font-weight:bold;}
.table_daten .odd { background-color: #eceded; }
.table_daten .red {	color: #df2222;} /*Fehlerfelder bei Dateneingabe */
.table_daten input[type=text] { width:95%; }

/* ------------- newfont table ------*/
.layout1_table {width:100%; border-spacing:0px; border-collapse:collapse; margin:0px; position: relative;}
.layout1_table tr {	vertical-align:middle; height:3em;}
.layout1_table.rows2 tr { height:5em;}
.layout1_table th { 	text-align:left;  font-size:1.2em;  font-weight:400; background-color: rgba(0,0,0,0.05); padding:1em 2px; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.15);}
.layout1_table td {  	font-size:1.2em; padding:10px 5px; color:#444444; border-bottom:2px solid rgba(255,255,255,1); transition: 0.3s background-color; background-color: rgba(0,0,0,0.02);}
.layout1_table td.odd { }
.layout1_table td.even { }
.layout1_table tr:hover td { 	background-color: rgba(0,0,0,0.04); }
.layout1_table td.completed { 	color: #447744; }
.layout1_table td.in_progress { color: #774444; }
.layout1_table td.locked { 		text-decoration:line-through; }
.layout1_table .first {	padding-left:1em;}
.layout1_table .last {	padding-right:1em;}
.layout1_table .testkey,.testkey { 			font-style:italic; }
.layout1_table .highlight { background-color: #f0f47c;}
.layout1_table p, .layout1_table span, .layout1_table strong {font-size:1em; color:#444;}
.layout1_table i {color:#666; font-size:20px; width:1.1em; xxxtext-align:center; transition: 0.3s color; }
.layout1_table a i:hover {color:#000;}
.layout1_table select { padding:2px; border:1px solid #aaa; border-radius: 3px; width:5em; font-size:0.8em;}

.layout1_table .col_pid { 	width:33px; text-align: center; font-size:0.8em;}
.layout1_table .ticket_freetext { font-size:0.8em; }
.layout1_table .ticket_name { }
.layout1_table .ticket_firma { font-size:0.8em; }
.layout1_table .ticket_name i {font-size:0.95em; padding-left:0.3em;}
.layout1_table th.col_zeiten {width:110px; text-align:center; font-size:0.96em;}
.layout1_table td.col_zeiten {font-size:0.96em;}
.layout1_table .col_status { width:40px; text-align:center;}
.layout1_table .ticket_counter { font-size:0.8em; margin:-0.5em; display:inline-block;}

/* --- status-icon --- */
.col_status .fa-stack {transform: scale(0.6) translate(10px,5px);}
.col_status .fa-stack-2x {transform: scale(0.93); opacity:0.7;}
.fa-stack-2x.status_1 {color: #d0d0d0 !important;}
.fa-stack-2x.status_2 {color: #FDD863 !important;}
.fa-stack-2x.status_3 {color: #FFAC9F !important;}
.fa-stack-2x.status_4 {color: #94E972 !important;}

/* ------------- ticketliste ------*/
#ticket_table .col_1 { width:30px;}
#ticket_table .col_2 { width:180px;	}
#ticket_table .col_3 { }
#ticket_table .col_4 { }
#ticket_table .col_5 { width:70px; text-align:right;}
#ticket_table.is_admin .col_5 { width:110px;}
#ticket_table .col_6 { }
#ticket_table .col_7 { width:90px; text-align:right;}

#csv_hint {	font-family: 'Indie Flower', cursive; font-weight:400; font-size:1.5em; padding:0; text-align:right; display:block; position: absolute; top:-43px; right:80px;}
#csv_hint i {position: absolute; top:19px; transform: rotate(65deg); font-size:22px;}


/* ------------- selbsteinschätzung-liste ------*/
#selbst_table .col_1 { 	width:170px;}
#selbst_table .col_2 { 	}
#selbst_table .col_3 { 	width:90px;}
#selbst_table .col_4 { 	}
#selbst_table .col_5 { 	width:40px; text-align:right;}

/* ------------- fve-liste ------*/
#fve_table { margin-top:2em;}
#fve_table .col_1 { width:30px;}
#fve_table .col_2 { width:170px;}
#fve_table .col_3 { }
#fve_table .col_5 { width:40px; text-align:right;}


/* ------------- teamrollen-tool-liste ------*/
#teamrolle_table .col_1 { width:30px;}
#teamrolle_table .col_2 { width:180px;}
#teamrolle_table .col_3 { }
#teamrolle_table .col_4 { }
#teamrolle_table .col_5 { width:110px; text-align:right;}

/* ------------- team-table ------*/
#team_table {width:100%; border-spacing:0px; border-collapse:collapse; margin:0px; position: relative;}
#team_table tr {	vertical-align:top; middle; background-color: #FAFAFA;}
#team_table th { 	text-align:left;  font-size:1.2em;  font-weight:400; background-color: rgba(0,0,0,0.05); padding:1em 2px; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.15);}
#team_table td {  	font-size:1.2em; padding:10px 5px; color:#444444; border-bottom:2px solid rgba(255,255,255,1);}
#team_table .col_1 {	width:180px;}
#team_table .col_2 {}
#team_table td { 		padding:8px 15px 8px 15px;}
#team_table .last td{	background-color: #ffffff; border-top:1px solid #ddd; padding-top:5px;}
#team_table select {	width:300px;}
#team_table input.textfeld {width:284px;}

/* ------------- rankinganalyse ------*/
#ranking_box {width: 900px;}
.pop_overlay {position: absolute; top:1%; left:1%; width:98%; height:98%; background-color:#f5f5f5; display: flex; justify-content:center; align-items:center; flex-direction:column;z-index: 1;}
.pop_overlay i{color:rgba(0,0,0,0.3); font-size:5em;}
#ra_error {color:#aa3333; font-size:2em; padding-top:1em;}
.ra_buttons {text-align:center;margin:0 0 1em;}
#ranking_box table {border-spacing:0px; border-collapse:collapse; margin:0px; table-layout: fixed;}
#ranking_box .col_1,
#ranking_box .col_4 {width: 200px;}
#ranking_box .col_2,
#ranking_box .col_5 {width: 20px; text-align: center; color:rgba(0,0,0,0.3);}
#ranking_box .col_3,
#ranking_box .col_6 {width: 30px; text-align: center;}
#ranking_box th { font-size:9px; font-weight:bold; background-color: rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.1); vertical-align: middle;}
#ranking_box th.col_1,
#ranking_box th.col_4 {text-align: center; font-size: 1.5em;}
#ranking_box th, #ranking_box td {padding:0.5em 1em;}
#ranking_box tr {border-bottom: 1px solid rgba(0,0,0,0.03);}
#ranking_box .col_3 {border-right: 1px solid rgba(0,0,0,0.1);}
#ranking_box .row_1,#ranking_box .row_2,#ranking_box .row_3,#ranking_box .row_4,#ranking_box .row_5,#ranking_box .row_6,#ranking_box .row_13,#ranking_box .row_14,#ranking_box .row_15,#ranking_box .row_16,#ranking_box .row_17,#ranking_box .row_18 {background-color: rgba(0,0,0,0.02)}
#ranking_box .row_7,#ranking_box .row_8,#ranking_box .row_9,#ranking_box .row_10,#ranking_box .row_11,#ranking_box .row_12 {background-color: rgba(0,0,0,0.05)}

#ranking_box .ra_pos2,#ranking_box .ra_neg2 {background-color: rgba(255,0,0,0.1)}
#ranking_box .ra_pos:before,
#ranking_box .ra_pos2:before { content: "\f062"; font-family:'Font Awesome 5 Pro'; font-size:0.8em; font-style: normal; font-weight: 300; color:#333; width:1em; text-align:left; padding-left:0.2em; padding-right:0.2em;}
#ranking_box .ra_neg:before,
#ranking_box .ra_neg2:before { content: "\f063"; font-family:'Font Awesome 5 Pro'; font-size:0.8em; font-style: normal; font-weight: 300; color:#333; width:1em; text-align:left; padding-left:0.2em; padding-right:0.2em;}
#ranking_box .col_1 span,
#ranking_box .col_4 span {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:inline-block; max-height:1.4em; transition: 0.1s all;}
#ranking_box .col_1 span:hover,
#ranking_box .col_4 span:hover { white-space: normal; max-height:3em;}

#ranking_box #ra_ticket_tables {position: relative; min-height: 640px;}
#ranking_box #ra_table_1,
#ranking_box #ra_table_2,
#ranking_box #ra_table_3,
#ranking_box #ra_table_4,
#ranking_box #ra_table_5,
#ranking_box #ra_table_6,
#ranking_box #ra_table_7 {visibility: hidden; opacity:0;}
#ranking_box .ra_hidden {display: none;}


/* ------------- patliste ------*/
#pat_ticket_table .col_1 { 	width:30px;}
#pat_ticket_table .col_2 { 	width:180px;}
#pat_ticket_table .col_6 { width:120px; text-align:right;}
#pat_ticket_table.is_admin .col_6 { width:140px;}

/* ------------- patliste lib ------*/
#pat_ticket_lib_table .col_1 { 	width:140px;}
#pat_ticket_lib_table .col_5 { width:60px; text-align:right;}
#pat_ticket_lib_table.is_admin .col_5 { width:120px;}


/* ------------- ticket anlegen / benutzerdaten / 2FA ------*/
#ticket_input { 			width:530px; border-spacing:0px; border-collapse:collapse;table-layout:fixed;}
#ticket_input tr {		vertical-align:top;}
#ticket_input td {  		padding:4px 2px;}
#ticket_input .col_1 {	width:190px;}
#ticket_input input.radio {vertical-align:text-bottom;}
#ticket_input input.checkbox {vertical-align:middle;}
#ticket_input select {		width:172px;}
#ticket_input .col_1_2fa {	width:100px;}
#ticket_input .col_2_2fa img {margin-left:-15px;}
#ticket_input .col_1_2fa_del {	width:160px;}


/* ------------- ticket kopieren ------*/
#ticket_copy { 		width:380px; border-spacing:0px; border-collapse:collapse;table-layout:fixed;}
#ticket_copy tr {		vertical-align:top;}
#ticket_copy td {  		padding:4px 2px;}
#ticket_copy td.col_1 {	width:110px;}
#ticket_copy input.radio {vertical-align:text-bottom;}
#ticket_copy input.checkbox {vertical-align:middle;}
#ticket_copy select {		width:172px;}
#ticket_copy .last {border-top:1px solid #ddd; padding-top:5px;}
#ticket_copy .last td{padding-top:20px;}

#flex_content { max-width:690px; padding:0px; margin:0px auto; overflow:auto; display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:row;}
#table-block { padding:1em 0;}
#id-block { width:240px; background-color:#eceded; padding:1em; border:1px solid #ddd; overflow:auto;}
#id-block .flex {margin:0.5em 0em; padding:0.5em;}
#id-block .flex > i{width:1.5em; height:1em; padding-top:.2em; flex-shrink:0;}
.flex { overflow:auto; display:flex; flex-direction:row;}

/* ------------- pat-ansicht ------*/
#pat_container {display:flex; justify-content:space-between; align-items:flex-start; }

#pat_table_daten { width:450px; xborder:1px solid #ddd; border-spacing:0px; border-collapse:collapse;}
#pat_table_daten tr {	vertical-align:middle; height:3em;}
#pat_table_daten td { text-align:left; font-size:1em; padding:10px 15px; color:#444444; transition: 0.3s background-color; background-color: rgba(0,0,0,0.02); border-bottom:2px solid rgba(255,255,255,1);}
#pat_table_daten td:first-of-type {padding-left:1em; font-weight:bold;}
#pat_table_daten td:last-of-type {padding-right:1em;}

#pat_table_daten .red {	color: #df2222;} /*Fehlerfelder bei Dateneingabe */
#pat_table_daten input[type=text] { width:90%; }

#pat_table {width:450px; border-spacing:0px; border-collapse:collapse; margin:0px; position: relative;}
#pat_table tr {	vertical-align:middle; height:3em;}
#pat_table th { text-align:right; font-weight:400; background-color: rgba(0,0,0,0.05); padding:1em 2px; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.15);}
#pat_table td { text-align:right; padding:10px 5px; color:#444444; transition: 0.3s background-color; background-color: rgba(0,0,0,0.02);}
#pat_table .odd td { background-color: rgba(0,0,0,0.02);}
#pat_table tr:nth-of-type(2n+1) td { border-bottom:2px solid rgba(255,255,255,1);}
#pat_table .even td { background-color: rgba(0,0,0,0.04);}
#pat_table th:last-of-type,
#pat_table td:last-of-type {padding-right:1em;}

#pat_table th.col_1 {font-size:1.2em}
#pat_table .col_1 {padding-left:1em; width:120px; text-align:left;}
#pat_table .col_3,
#pat_table .col_4,
#pat_table .col_5   {width:40px;}
#pat_table td.col_1,
#pat_table td.col_5 { font-weight:bold;}
#pat_table input { text-align:right; }


/* ------------- adminliste ------*/
#admin_table .col_1 {width:30px;}
#admin_table .col_6 {width:60px; text-align: right}


#filter_table { 		width:695px; border-spacing:0px; border-collapse:collapse;
					table-layout:fixed;	margin:0px;}
#filter_table tr {		vertical-align:top;}
#filter_table td {  	font-size:10px; padding:4px 2px; color:#444444;}
#filter_table .col_1 {width:130px;}
#filter_table td span {font-size:10px; color:#444444}
#filter_table td span.disabled {text-decoration: line-through rgba(0,0,0,0.5);}

/* ------------- kategorienliste ------*/
#kat_table { 		width:100%; border-spacing:0px; border-collapse:collapse; table-layout:fixed;}
#kat_table tr {		vertical-align:top;}
#kat_table td {  		padding:14px 2px; color:#444444;}
#kat_table .col_1 {	width:130px;}
#kat_table ul {padding:0;margin:0; list-style-type:circle;}
#kat_table li {		padding:0px; margin:0 0 5px 0; }

/* ------------- unterlagenliste ------*/
.doc_table .col_2 { text-align:right;}

/* ------------- Mailtemplates ------*/
.mailtemplate_table .col_2 {text-align:right;}



/* ------------- loading-hinweis ------*/
#loading { 		position:fixed; margin-left:135px; width:150px; height:80px;
				background: url(../img/loading.gif) top center no-repeat;
				display:block; z-index:9999;  visibility:hidden; opacity:0; padding-top:20px;text-align:center;}
				


/* ------------- tooltips ------*/
.has_tip {cursor:help;}
.tip {	background-color:#f5f5f5; z-index: 13000; padding:10px; border:1px solid rgba(128, 128, 128,0.7); border-radius: 5px; box-shadow:1px 1px 10px rgba(128,128,128,0.5); margin:5px 0px; max-width:350px;}
.tip-title { font-size: 11px; margin: 0; padding: 10px 15px; color:#000;}
.tip-wrap { z-index: 10000;}

/* ------------- transition ------*/
.textbutton2,
.textbutton2 i,
.textbutton3,
.text_sprache span {	transition:0.3s all;}

/* ------------- accordion/sortables------*/
.toggler {cursor:pointer;}
.sortables {padding:0px; margin:10px 0px; }
.sortables li {border:1px solid #aaa; border-radius: 3px; padding:6px; list-style-type:none; margin:8px 0px; }
.sortables i {padding:3px 5px 0px; cursor:pointer; display: inline-block; float:right; touch-action:none;}

/* ------------- werbe-banner ------*/
#banner_breit {background-color:#bc4b4b; padding: 0.2em; text-align:center;  transition: background-color 1s, padding 1s;}
#banner_breit:hover {background-color:#BD0000; padding: 1.3em;}
#banner_breit a {color: #fff; transition: color 0.5s, font-size 1s;}
#banner_breit a:hover {color: #fdd;}
#banner_breit i {font-weight:300; padding-right:5px; transition: font-size 1s; vertical-align:text-bottom; font-size:1.2em;}
#banner_breit:hover a {font-size:1.2em;}
#banner_breit:hover i {font-size:1.6em;}

#banner {position: absolute; width:1200px;}
#bannerinfo {position: absolute; top:20px; right:20px; width:200px; border:1px solid #f0f0f0; border-left:2px solid #BD0000; background-color: #fafafa; padding:0.5em 0.5em 0.5em 3.5em; text-align:center;}
#bannerinfo i {position: absolute; top:15px; left:10px; font-size:2.5em; opacity: 0.15; font-weight: 300;}