@charset "utf-8";
/* DIALOXX-Cockpit / Ichier 2009 / last update 02.05.19 */

@import url("typo/font-awesome.min.css");
/*
@import url("typo/fontawsome5/css/fontawesome.min.css");
@import url("typo/fontawsome5/css/solid.min.css");
*/

*, html, body {
	margin:0;
	padding:0;
}
html, body {
	height:98%;
}
body {
	position:relative;
	min-height:625px;
	height:100%;
	overflow:auto;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#000;
	background-color:#fff;
}


.fa { font-size:1.2em; line-height:14px; }
.faem1 { font-size:1em; line-height:inherit; }
.big_button .fa { font-size:22px; line-height:22px; }




a, a:link, a:visited, .link { color:#4E4E4E; cursor:pointer; }
.lnk { cursor:pointer; }
a:hover, a.boxhd:hover, a:active, .link:hover { color:#74DC00; }
a.nou { text-decoration:none;}
a.boxhd { color:#857f7f; }

hr { height:0; border:solid 0 #DDDDDD; border-top-width:1px; width:100%; margin:auto; }
img { border:none; }
input, select , textarea, button {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:16px;
	border:solid 1px #74DC00;
	background-color:#f2f1f2;
	padding:2px;
}
input[type=submit], input[type=button], button {
	font-weight:bold;
	cursor:pointer;
	padding:2px 5px;
	text-shadow:#397a00 0 0 2px; color:#fff; border-color:#3c6606; 
	background-image:linear-gradient(#7aab3a 0%, #88b559 45%, #98bf71 50%, #69a81b 55%, #5ca805 55%, #5ca805 100%);
}
.button_mstr {
	text-shadow:#006b99 0 0 2px; color:#fff; border-color:#006b99;
	background-image:linear-gradient(#70b9e6 0%, #89c7ef 45%, #83c3ee 50%, #59b0e8 55%, #59b0e8 55%, #59b0e8 100%);
}
input[type=submit]:hover, input[type=button]:hover, button:hover {
	color:#fff; background-image: linear-gradient(#222 0%, #999 45%, #222 50%, #222 100%); text-shadow:#aaa 0 0 1px;
}
input.disablm, button.disabl { cursor:default; color:#eee; background-image: linear-gradient(#ccc 0%, #ccc 45%, #ccc 50%, #ccc 100%); text-shadow:none; border-color:#bbb; }
input.styled_button, button.styled_button {
	width:113px;
	height:19px;
	padding:1px 0 3px 0;
	text-align:center;
	background-image:url(/cockpit/img/navi.png);
	background-position:top;
	font-weight:bold;
	border:none;
	cursor:pointer;
	color:#fff;
}
input.styled_button:hover { background-position:bottom; color:#fff; }
.big_button { padding:10px; font-size:16px; text-shadow:#51AF00 0 0 2px; color:#222; border-color:#666; box-shadow:#000 0 0 2px; background-image: linear-gradient(#9ee04a 0%, #afea72 45%, #c0f38e 50%, #89dd23 55%, #78dd05 55%, #78dd05 100%); }
.big_button:hover { color:#fff; background-image: linear-gradient(#222 0%, #999 45%, #222 50%, #222 100%); text-shadow:#ddd 0 0 2px; }
.big_button.disabl { color:#eee; background-image: linear-gradient(#ccc 0%, #ccc 45%, #ccc 50%, #ccc 100%); text-shadow:none; border-color:#bbb; cursor:default; }

.button_discrete { color:#333; font-weight:bold; cursor:pointer; background-color:#D1FDB9; border:solid 1px #397a00; border-radius:5px; padding:4px 8px; }
.button_discrete:hover { color:#000; background-color:#74dc00; }



fieldset {
	border:1px solid #dddddd;
	padding:8px;
	margin:8px 4px 35px;
	background:#fafafa;
}
.innerfieldsetbgclrdiv {
	margin:-14px -8px -8px;
	padding:8px;
}
legend {
	font-weight:bold;
	color:#4E4E4E;
	font-size:1.2em;
	font-style:italic;
}

.formfeld_sp { display:none; }

.fll { float:left; }
.flr { float:right; }
.cll { clear:left; }
.clr { clear:right; }
.clb { clear:both; }
.ctr { text-align:center; }
.rgt { text-align:right; }
.lft { text-align:left; }
.udl { text-decoration:underline; }

.ovv { overflow:visible !important; }
.ovh { overflow:hidden !important; }
.ova { overflow:auto !important; }

.pad5 { padding:5px; }
.pad10 { padding:10px; }

.mar5 { margin:5px; }
.mar10 { margin:10px; }

.dick { font-weight:bold; line-height:20px; }
.kleen { font-size:10px; line-height:11px; }
.unfett { font-weight:normal !important; }

.hhgr { color:#c6dea8; }
.hgrn { color:#9ee03e; }
.sgrn { color:#51AF00; }
.dgrn { color:#74DC00; }
.barb { color:#9ce84a; }
.barf { color:#4d8b06; }
.ddgr { color:#397a00; }
.ddgr2 { color:#288000; }
.ddgr3 { color:#206600; }

.bgwht { background-color:#fff; }
.bglgr { background-color:#effae1; }

.wht { color:#fff; }
.blk { color:#000; }
.gra { color:#333; }
.mgra { color:#474747; }
.lgra { color:#4E4E4E; }
.grab,.less { color:#7f7f7f; }
.ora { color:#ffbb00; }
.red { color:red; }
.boxhdgr { color:#857f7f; }

.w50 { width:50%; }



.expose { color:red; }
.achtung { color:red; font-weight:bold; }
.error {color:red;padding:2px 0 18px;font-weight:bold;}

.noticeme, a.noticeme {color:red !important; font-weight:bold;}
.noticeme:hover, a:hover.noticeme { color:black; background-color:#74DC00; }





.fix2btm { position:fixed; bottom:7px; }
.pos_rel { position:relative; }
.lock_div { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; background:#666; opacity:0.4; }
.hand { cursor:pointer; }



.optpad { padding:2px; line-height:20px }
.opt, .opt_cbx, .opt_rad, .opt_sml, .opt_min, .opt_big, .opt_bgr, .opt_huge { float:left; width:200px; padding:2px; line-height:20px; }
.opt input[type=text], .opt input[type=file], .opt select, .opt textarea, .inp { width:190px; }
.opt_cbx input[type=checkbox] { margin-top:3px; }
.opt input[type=text].small, .opt select.small, .opt textarea.small { width: 130px; margin-left:10px; }

.opts_sub_rgt .opt, .opts_sub_rgt .opt_cbx { float:right !important; }

.opt_rad { width:inherit; }
.opt_cbx { width:20px; }
.opt_min { width:40px; }
.opt_sml { width:81px; }
.opt_sml input { width:76px; }
.opt_bgr { width:250px; }
.opt_bgr input[type=text], .opt_bgr input[type=file], .opt_bgr select, .opt_bgr textarea { width:240px; }
.opt_big { width:410px; }
.rahmen.opt_huge { width:608px; }
.opt_huge { width:620px; }

.inp_kl { width:90px; }
.fld_huge { width:620px; }

.opt_status { float:left; width:40px; }
.opt_mail { float:left; width:100px; padding-top:2px; line-height:20px; }
.opt_order > label { float:left; width:50px; }
.opt_order img { float:right; margin-top:3px; }

select.status_sel option { background-position:left;background-repeat:no-repeat;padding-left:15px; }

.rahmen {
	border:solid 1px #DDDDDD;
	padding:8px;
	margin:8px 0;
}

.fieldsoff { background-color:#fff3f0; margin:-8px 2px -5px -5px; padding:8px 0 5px 5px; }
.fieldsoff_ep { background-color:#fff3f0; margin:-5px; padding:5px; }



.header {
	z-index:10;
	position:fixed;
	width:100%;
	/*height:76px;*/
	background-color:#000;
	background-image:url(/cockpit/img/header_repeat.png);
	background-position:top;
	background-repeat:repeat-x;
}

.content {
	min-height:525px;
	padding:88px 0 10px;
	overflow:auto;
	overflow-x:hidden;
}


.header_top {
	background-image:url(/cockpit/img/header.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:34px;
}
.header_mid { background-color:#000; }

.logininfo {
	color:#fff;
	font-size:11px;
	line-height:11px;
	position:absolute;
	top:5px;
	right:6px;
}

a.logout {
	color:#000;
	font-size:10px;
	line-height:11px;
	text-decoration:none;
}
a.logout span { text-decoration:underline; }



.project_jumper {
	position:absolute;
	top:13px;
	left:344px;
	height:18px;
	width:204px;
	border:none;
	background-color:#333;
	color:#fff;
	font-size:11px;
	line-height:11px;
	padding:0 0 0 3px;
}
.project_jumper option {
	font-size:11px;
	line-height:11px;
	padding:0 0 0 3px;
}
.project_jumper option:hover {
	background-color:#c6dea8;
	color:#000;
}


.project_caption {
	color:#9ee03e;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	padding:4px 7px;
}



.paging_legende {float:left;color:#fff;padding:4px 7px;}
.paging_legende span {color:#9ee03e;}
span.epp_selector, .epp_selector a {color:#383838;line-height:17px;text-decoration:none;}
a.epp_cur, .epp_selector a:hover {text-decoration:underline;}

.paging_n_filter {
	float:right;
	font-size:12px;
	line-height:15px;
	padding:4px 7px 4px 0;
	color:#fff;
}
.paging_n_filter div {
	clear:both;
	float:right;
	margin-bottom:6px;
}

.paging { float:left; }
.paging a, .paging a:link, .paging a:hover, .paging a:visited, .paging a:active { text-decoration:none; color:#9ee03e; }
.paging a.activepage { color:#fff; text-decoration:none; }

.paging_n_filter label { float:left; margin:0 2px 0 10px; }
.paging_n_filter span { float:left; margin:0 0 0 10px; }
.paging_n_filter span:first-child { margin-right:13px; }

.paging_n_filter input, .paging_n_filter select {
	float:left;
	height:13px;
	border:1px #000;
	font-size:11px;
	line-height:12px;
	padding:1px 1px 0;
}
.paging_n_filter input[type=text], .paging_n_filter select {
	background-image:url(/cockpit/img/inputs_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ebebeb;
}
.paging_n_filter select { height: 15px; }
.paging_n_filter input[type=button], .paging_n_filter input[type=submit] {
	height:14px;
	cursor:pointer;
	font-weight:normal;
}

.paging_n_filter #filter { width:100px; }
.paging_n_filter #timefld { width:60px; margin-left:10px; }
.paging_n_filter #timefld optgroup { background-color:#c6dea8; font-style:normal; padding:4px 2px 2px; }
.paging_n_filter #timefld optgroup option { background-color:#ebebeb; padding:0 2px; }
.paging_n_filter #von, .paging_n_filter #bis { width:87px; }
.paging_n_filter #btn_filtern { }
.paging_n_filter #suche { width:90px; }
.paging_n_filter #btn_suche { width:15px; height:14px; padding:0; background-image:url(/cockpit/img/btn_search.png); }
.paging_n_filter #jump { width:20px; }
.paging_n_filter #btn_jump { width:40px; }



a.link_testdt_ohn, .link_testdt_ohn { color:#9ce84a; }
a.link_testdt_mit, .link_testdt_mit { color:#ffbb00; }
a.link_testdt_nur, .link_testdt_nur { color:red; }



.navi ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
}
.navi ul li {
	padding:0 10px;
	max-width:95px;
	flex-grow:1;
	/*float:left;*/
	/*width:115px;*/
	height:19px;
	text-align:center;
	list-style:none;
	background-image:url(/cockpit/img/navi.png);
	background-position:right top;
	font-weight:bold;
	line-height:17px;
	border:medium none;
	cursor:pointer;
}
.navi ul li a { text-decoration:none; display:block; color:#fff; white-space:nowrap; }
.navi ul li:hover { background-position:bottom; }
.navi ul li.current { background-image:url(/cockpit/img/navi_cur.png); background-position:bottom; }
.navi ul li:hover a, .navi ul li.current a, .navi ul li:hover a:hover, .navi ul li.current a:hover { color:#fff; }


.footer {
	z-index:10;
	width:100%;
	background-color:#fff;
	position:fixed;
	bottom:0;
	padding:2px 0 0;
	text-align:right;
	font-size:10px;
	line-height:15px; border-top:solid 1px #ccc;
}
.footer, .footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color:#b6b6b6; text-decoration:none; }




.tabs {
	width:100%;
	position:fixed;
	display:flex;
	flex-flow:row wrap;
	background:#383838;
	padding:6px 2px 2px;
	box-shadow:0 0 10px #0c0c0c;
	height:auto;
	z-index:9;
}
.tabs div {
	border:solid 1px #CCC;
	padding:2px 8px;
	margin:2px 2px 0;
	min-width:70px;
	background-color:#F7F7F7;
	font-weight:bold;
	cursor:pointer;
}
.tabs div.foc { color:#fff; background-image: linear-gradient(#67c200, #5c5c5c 45%, #8f8f8f); border:solid 2px #6abe00; text-shadow:0 0 8px #333; border-bottom:none; padding-top:4px; margin:0 1px -2px; }
.tabs div:hover { background-color:#74DC00; color:#fff; }

.tabs ul {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	height:auto;
	list-style:none;
	margin-left:2px;
}
.tabs ul li {
	min-width:95px;
	margin:2px 4px 0;
	position:relative;
}
.tabs ul li a {
	text-align:center;
	border:solid 1px #333;
	padding:2px 10px;
	background-color:#ee582b;
	background-image: linear-gradient(#d43d13 0px, #ee582b 55%, #d94218 55%, #d94218 100%);
	font-weight:bold;
	cursor:pointer;
	color:#000;
	text-decoration:none;
	display:block;
}
.tabs ul li:hover a, .tabs ul li.current a {  background-image: linear-gradient(#242424 0px, #323232 50%, #000 50%, #000 100%); color:#ee582b; }




.tbl_div_head {
	width:100%;
	height:auto;
	margin-bottom:2px;
	position:relative;
}
.tbl_div_body {
	overflow:auto;
	width:100%;
	min-height:200px;
	height:85%;
	border:solid 1px #CCC;
	background-color:#f4f4f4;
	position:relative;
}
.tbl_div_body_mstr { background-color:#f0fbff; }

.tbl_rowcontainer_head,.tbl_rowcontainer_head_rl,.tbl_rowcontainer_subhead,.tbl_rowcontainer_body,.tbl_rowcontainer_edit { display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-flex-wrap:nowrap;flex-wrap:nowrap; align-content:flex-start; /*old safari hack --> */white-space:nowrap; }
.tbl_rowcontainer_edit { flex-wrap:wrap; justify-content:right;}
.tbl_rowcontainer_edit_mstr { justify-content:left; }
.tbl_rowcontainer_head,.tbl_rowcontainer_head_rl{ height:26px; }
.tbl_rowcontainer_subhead { height:24px; }
.tbl_rowcontainer_body { height:18px; }

.tbl_rowcontainer_odd { background-color:#fafafa; }
.tbl_div_body_mstr .tbl_rowcontainer_odd { background-color:#fafeff; }

.tbl_rowcontainer_body:hover { background-color:#D1FDB9; }
.tbl_rowcontainer_body_mmark { background-color:#66adcc !important; }
.tbl_rowcontainer_body_mmark:hover { background-color:#98f5ff !important; }
.tbl_rowcontainer_body_mark { background-color:#ff7656 !important; }
.tbl_rowcontainer_body_mark:hover { background-color:#ffb9ab !important; }
.tbl_rowcontainer_body_curnotiz { background-color:#74dc00 !important; }
.tbl_rowcontainer_body_deleted { background-color:#444 !important; color:#999 !important; }

.tbl_cell_master { background-color:rgba(179, 232, 255, 0.3); }

.tbl_cell_child { background-color:rgba(130,160,130,0.1); }
.tbl_cell_child_odd { background-color:rgba(190,160,130,0.1); }
.tbl_cell_child_na { background-color:rgba(130,130,130,0.4); }


.tbl_cell {
	flex-shrink:0;
	flex-grow:0;
	white-space:nowrap;
	position:relative;
	display:inline-block;
	width:120px;
	padding:0 0 0 5px;
	margin:0;
	height:17px;
	line-height:16px;
	border-bottom:dashed 1px #CCC;
	border-right:solid 1px #CCC;
}
.tbl_cell img { vertical-align:top;  }
.tbl_eqpad { padding:0 5px; }
.tbl_nopad { padding:0; }
.tbl_cell_inner { overflow:hidden; padding:1px 0 0; display:inline-block; width:120px; }
.tbl_novpad span.tbl_cell_inner { padding-top:0; }
.tbl_cell_respo { font-size:14px; }

.tbl_rowcontainer_head_rl .tbl_cell, .tbl_rowcontainer_head_rl .tbl_cell_inner, .tbl_div_body_rl .tbl_cell, .tbl_div_body_rl .tbl_cell_inner { width:115px; }
.tbl_rowcontainer_edit .tbl_cell, .tbl_rowcontainer_edit .tbl_cell_inner { width:inherit; }

.tbl_head, .tbl_head_rl {
	height:24px;
	border-left:solid 1px #FFF;
	background-image: linear-gradient(#8f8f8f 0px, #a6a6a6 14px, #8f8f8f 14px, #8f8f8f 24px, #a3a3a3 24px, #a3a3a3 25px, #8f8f8f 25px, #8f8f8f 26px);
	color:#FFF;
	font-weight:bold;border-bottom:none;border-right:none;
}
.tbl_head_last { padding:0; flex:1 5px; /*take up space at a base of 10*/ }
.tbl_head_last span.tbl_cell_inner { width:0; }
.tbl_head_rl {
	background-image: linear-gradient(#74dc00 0px, #9ce649 14px, #74dc00 14px, #74dc00 24px, #97e540 24px, #97e540 25px, #74dc00 25px, #74dc00 26px);
	height:25px;
	line-height:11px;padding-top:1px;
}
.tbl_subhead {
	height:20px;
	border:solid 1px #000;
	border-right:none;
}
.tbl_head_rl.tbl_cell_master { background-image: linear-gradient(#59b0e8 0px, #89c7ef 14px, #59b0e8 14px, #59b0e8 24px, #83c3ee 24px, #83c3ee 25px, #59b0e8 25px, #59b0e8 26px); }

.tbl_head a, .tbl_head_rl a { color:#fff; text-decoration:underline !important; }
.tbl_head a:hover, .tbl_head_rl a:hover { color:#585858; }

.tbl_head_rl_sub { margin:0 -5px; display:flex;flex-wrap:nowrap; /*display:-webkit-flex;display:-ms-flexbox;-webkit-flex-wrap:nowrap; -webkit-justify-content:space-between; justify-content:space-evenly; */align-content:stretch; }
.tbl_head_rl_sub span {
	flex-grow:1;
	text-align:center;
	/*display:inline-block;*/
	padding:0;
	margin:0;
	position:relative;
}

/* notice: for auto-use in tablecellbuilder add there, too! */
.tbl_cwd300 { width:300px !important; }
.tbl_cwd125 { width:125px !important; }
.tbl_cwd115 { width:115px !important; }
.tbl_cwd110 { width:110px !important; }
.tbl_cwd105 { width:105px !important; }
.tbl_cwd100 { width:100px !important; }
.tbl_cwd90  { width:90px !important; }
.tbl_cwd80  { width:80px !important; }
.tbl_cwd76  { width:76px !important; }
.tbl_cwd70  { width:70px !important; }
.tbl_cwd60  { width:60px !important; }
.tbl_cwd55  { width:55px !important; }
.tbl_cwd50  { width:50px !important; }
.tbl_cwd45  { width:45px !important; }
.tbl_cwd42  { width:42px !important; }
.tbl_cwd40  { width:40px !important; }
.tbl_cwd35  { width:35px !important; }
.tbl_cwd30  { width:30px !important; }
.tbl_cwd23  { width:23px !important; }
.tbl_cwd22  { width:22px !important; }
.tbl_cwd20  { width:20px !important; }
.tbl_cwd17  { width:17px !important; }
.tbl_cwd15  { width:15px !important; }
.tbl_cwd14  { width:14px !important; }
.tbl_cell_inner { width:100% !important; }


.sort_container { position:absolute; right:0; width:10px; padding:0 3px 0 0; display:block; }
.sort_down, .sort_down_active, .sort_up, .sort_up_active { width:10px; height:16px; float:left; font-size:16px; line-height:16px; margin-top:-4px; }
a.sort_down, a.sort_up { color:#737373; }
.tbl_rowcontainer_head_rl a.sort_up, .tbl_rowcontainer_head_rl a.sort_down { color:#2eaa00; }
.tbl_cell_master a.sort_up, .tbl_cell_master a.sort_down { color:#006b99; }
a.sort_active, a.sort_up:hover, a.sort_down:hover  { color:#fff !important; }
a.sort_tx.sort_active { color:#333 !important; }
.sort_ctr .sort_container { position:inherit; right:inherit; padding:0; }
.sort_ctr div.sort_container { margin:auto; }
.sort_ctr span.sort_container a { float:none; }
.sort_ctr .tbl_head_rl_sub span.sort_container { margin-top:-2px; }



span.dxttip {
	position:absolute;
	/*display:none;*/visibility:hidden;
	z-index:20;
	top:22px;
	left:19px;
	box-shadow:2px 2px 2px #999;
	border-radius:4px;
	padding:5px 7px;
	background-color:#efefef;
	background-image:linear-gradient(#fff 0%, #ddd 80%, #efefef 100%);
	font-size:12px;
	line-height:14px;
	text-align:left;
	font-weight:normal;
	border:solid 1px #666;
	color:#000;
	max-width:500px;
	white-space:pre;
	overflow:auto;
	/*word-wrap:break-word; funxt nich*/
}


.tbl_cell.dxttipinline span.dxttip { top:-1px; left:-1px; background-color:#fefefe; background-image:none; padding:1px 5px 0 5px; color:#333; line-height:16px; border-radius:0; box-shadow:none; }
.tbl_cell.tbl_head_rl span.dxttip { top:22px; padding:3px 5px; background-color:#9ce84a; background-image:linear-gradient(#BEFF78 0%, #9ce84a 80%, #AFED6E 100%); border-color:#ccc; border-radius:4px; }
.tbl_cell.tbl_head_rl.tbl_cell_master span.dxttip { background-image:linear-gradient(#78beff 0%, #52aeff 80%, #6EAFED 100%); border-color:#bbb; }
.tbl_cell:hover { overflow:inherit; background-color:rgba(200,200,200,0.3); }
.tbl_cell.tbl_head_rl .dx_tooltip span.dxttip { top:19px; left:19px; }
.tbl_rowcontainer_subhead .tbl_cell span.dxttip, .tbl_rowcontainer_am .tbl_cell span.dxttip { top:19px; left:10px; background-image:linear-gradient(#ddd 0%, #aaa 80%, #ccc 100%); }


.dxttiptoleft span.dxttip { left:inherit; right:-10px; }
.dxttiptotop span.dxttip { left:inherit; top:-30px; }
.dxttiponleft span.dxttip { left:0; }
.dxttipontop span.dxttip { top:inherit; bottom:1.2em; }

.dx_tooltip { position:relative; }
.dx_tooltip:hover span.dxttip { visibility:visible; }
.tbl_cell:hover>span.dxttip { visibility:visible; }
.tbl_head_rl_sub>span:hover>span.dxttip { visibility:visible; }

.tbl_cell.dxttipdelay:hover>span.dxttip { visibility:visible; transition:all 0ms ease-out 5ms; }
.tbl_cell.dxttipdelay:not( :hover )>span.dxttip { visibility:hidden; transition:all 0ms ease 5ms; }




.clr_rl_out { color:red; }
.clr_rl_reg { color:#afafaf; }
.clr_rl_opti { color:#76d609; }
.clr_rl_optidbl { color:#76d609; }
.clr_rl_tok { color:#74DC00; }
.clr_rl_landed { color:#74DC00; }
.clr_rl_wog { color:#fff; background-color:#74DC00; }

.clr_mstr { color:#006b99; }
.clr_child { color:#74DC00; }



.rl_icon { background-position:center center; background-repeat:no-repeat; }
.rl_icon_fin_tok { background-image:url('/cockpit/img/icon_fin_tok.png'); background-color:#74DC00 !important; }
.rl_icon_fin_tno { background-image:url('/cockpit/img/icon_fin_tno.png'); background-color:#c0c0c0 !important; }
.rl_icon_nix_tok { background-image:url('/cockpit/img/icon_nix_tok.png'); }
.rl_icon_nix_tno { background-image:url('/cockpit/img/icon_nix_tno.png'); }
.rl_icon_yes_tok { background-image:url('/cockpit/img/icon_yes_tok.png'); }
.rl_icon_yes_tno { background-image:url('/cockpit/img/icon_yes_tno.png'); }

.statusspan > span.tbl_cell_inner { overflow:visible !important; }


.bar { display:block;padding:1px 0 2px;height:12px;line-height:14px;background-color:#9ce84a; }
.barnotok { background-color:#c0c0c0; }




.jump_btns { position:fixed; top:123px; margin-top:-12px; height:52px; line-height:52px; padding:0 1px 10px; width:12px; opacity:0.2; color:#333; background:none; border:solid 1px #333; z-index:50; font-size:42px; }
.jump_btns_rl { opacity:0.05; height:28px; line-height:28px; }
.jump_btns:hover { opacity:0.9; cursor:pointer; background-color:#333; color:#9ce84a; border-color:#9ce84a; }
.jump_left { left:0; } .jump_left::before { content:'‹'; }
.jump_right { right:0; } .jump_right::before { content:'›'; }







.maxh_60 { max-height:60vh; overflow-y:scroll; }



.boxes_rowrp_r { width:1047px; }
@media screen and (min-width: 1279px) { .boxes_rowrp_r { width:1279px; }}
@media screen and (min-width: 1511px) { .boxes_rowrp_r { width:1511px; }}
@media screen and (min-width: 1743px) { .boxes_rowrp_r { width:1743px; }}
@media screen and (min-width: 1975px) { .boxes_rowrp_r { width:1975px; }}


.boxes_rowrp { min-width:1265px; }

.boxes {
	height:275px;
	margin:0 0 12px 10px;
	border:1px solid #bbb;
	float:left;
}
.boxes_exth { height:468px; }
.boxes_dblh { height:564px; }
.boxes_vryh { height:757px; }
.boxes_lssh { height:179px; }
.boxes_hlfhwhd { height:162px; }
.boxes_hlfhnhd { height:99px; }
.boxes_huge { height:inherit; }
.boxes_vryh_b { height:772px; float:left; }

.box_login {
	font-weight:bold;
	margin:50px auto;
	padding:60px 20px 0 40px;
	width:160px;
	min-height:230px;
	float:inherit;
	border-radius:15px 0 0 0;
}
.box_login input[type=text],.box_login input[type=password],.box_login select { width:108px; border:solid 1px #ccc; }
.box_login select { width:115px; }

.box_stats_wi .box_stat_body { width:158px; }
.box_stats_mn .box_stat_body, .box_stats_mn .box_stats_hd { width:216px; }
.box_stats_kl .box_stat_body { width:283px; }
.box_stats_dw .box_stat_body { width:328px; }
.box_stats_mi .box_stat_body { width:377px; }
.box_stats_gr .box_stat_body { width:685px; }
.box_stats_me .box_stat_body { width:730px; }
.box_stats_mo .box_stat_body { width:962px; }
.box_stats_wi .box_stat_body img { max-width:158px; }
.box_stats_mn .box_stat_body img { max-width:216px; }
.box_stats_kl .box_stat_body img { max-width:283px; }
.box_stats_mi .box_stat_body img { max-width:377px; }
.box_stats_gr .box_stat_body img { max-width:569px; }
.box_stats_me .box_stat_body img { max-width:672px; }
.box_stats_mo .box_stat_body img { max-width:872px; }

.box_stats_smpie .box_stat_body svg { margin-left:28px; }

.box_flr { float:right; }

.box_stats_hd {
	height:20px;
	padding:2px 0 0 4px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#857f7f;
	border-bottom:1px solid #fbfbfb;
	vertical-align:baseline;
}

.box_stat_body {
	height:252px;
	overflow:hidden;
	position:relative;
}
.box_stat_body_scroll { overflow:auto; }
.boxes_exth .box_stat_body { height:445px; }
.boxes_dblh .box_stat_body { height:531px; }
.boxes_vryh .box_stat_body { height:734px; }
.boxes_huge .box_stat_body { height:inherit; }
.boxes_hlfhwhd .box_stat_body { height:130px; }
.boxes_hlfhnhd .box_stat_body { height:99px; }
.boxes_lssh .box_stat_body { height:157px; }


.box_stat_body_wi { height:237px; padding-top:5px; }
.box_stat_body_wi_scroll { overflow:auto; }




.bignumba {
	float:right;
	font-size:20px;
	line-height:20px;
	padding-right:5px;
	margin-top:-1px;
}


.statswitch span, .statswitch span:hover {
	float:right;
	text-decoration:none;
	color:#857f7f;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	text-align:center;
	width:100px;
	padding:3px 0;
	margin:-3px 0 0;
	cursor:pointer; border:solid 1px #ccc; border-right:none;
}
.statswitch span:hover { background-color:#9ee03e; color:#fff; }
.statswitch span.act { background-color:#eaf9d8; color:#000; }

.statswitch2 {
	float:right;
	font-size:9px;
	line-height:10px;
	text-align:right;
	margin:-2px 4px 0;
}
.statswitch2 span {
	cursor:pointer;
}
.statswitch2 span:hover, .statswitch2 span.act {
	text-decoration: underline;
}




.st_volldick { font-weight:bold; font-size:45px !important; line-height:50px; }
.st_dick { font-weight:bold; font-size:25px !important; line-height:28px; }
.st_mitteldick { font-weight:bold; font-size:22px !important; line-height:24px; }
.st_mittel { font-size:22px !important; line-height:24px; }
.st_groesser { font-size:18px; line-height:1em; }
.st_boxhd { font-size:16px; line-height:18px; font-weight:bold; color:#857f7f; }


.st_tbl_a { margin:0 3px 3px 3px; border-collapse:collapse; border:none; font-weight:bold; color:#FFF; background-color:#74DC00; }
table.st_tbl_a { width:100%; }
.st_tbl_a_tda { width:98px; padding:3px 4px; }
.box_stat_body_wi_scroll .st_tbl_a_tda { padding: 0 0 0 3px; width:83px; }
.box_stat_body_wi_scroll .st_tbl_b_tda { width:83px; }
.st_tbl_a_tdb { width:38px; text-align:right; padding:3px 4px; }
.st_tbl_b { margin:3px; border-collapse:collapse; border:solid 1px #CCC; }
.st_tbl_b_tda { width:100px; border:dotted 1px #CCC; padding:3px; }
.st_tbl_b_tdb { width:39px; border:dotted 1px #CCC; text-align:center; padding:3px; }

.st_tbl_c { border-collapse:collapse; border:none; font-weight:bold; }
table.st_tbl_c { width:100%; }
.st_tbl_c_tda { border:dotted 1px #CCC; padding:11px 6px 10px 6px; font-size:13px; }
.st_tbl_c_tdb, .st_tbl_c_tdbb { border:dotted 1px #CCC; padding:4px 6px; background-color:#eaf9d8; }
.st_tbl_c_tdc, .st_tbl_c_tdcb { border:dotted 1px #CCC; padding:4px 6px; }
.st_tbl_c_tdbb, .st_tbl_c_tdcb{  width:250px; }
.box_stat_body_scroll .st_tbl_c_tdbb, .box_stat_body_scroll .st_tbl_c_tdcb{ width:240px; }
.st_bar_frame { float:right; width:202px; }
.box_stat_body_scroll .st_bar_frame { width:192px; overflow:hidden; }
.st_bar { height:12px; border:solid 1px #4d8b06; background-color:#9ce84a; }

.st_tbl_d { border-collapse:collapse; border:none; font-weight:bold; }
table.st_tbl_d { width:100%; }
.st_tbl_d_tda { border:none; border-bottom:6px solid #F4F4F4; padding:4px 6px; background-color:#eaf9d8; vertical-align:bottom; }
.st_tbl_d_tdb { border:none; border-bottom:6px solid #F4F4F4; padding:4px 6px; background-color:#9ce84a; vertical-align:bottom; }

.clrbox { height:15px; line-height:15px; padding:1px 0 0 0; width:16px; border:solid 3px #fff; color: rgba(255,255,255,0.7); }
.clrbox_nob { border:none; margin:3px; }

.st_tbl_e { border-collapse:collapse; border:none; font-weight:bold; }
table.st_tbl_e { width:100%; }
.st_tbl_e_clr { text-align:center; width:21px; }
.st_tbl_e_td0 { border:none; border-bottom:dotted 1px #CCC; padding:10px 6px; background-color:#eaf9d8; }
.st_tbl_e_tda { border:none; border-bottom:dotted 1px #CCC; padding:4px 6px; background-color:#9ce84a; font-size:14px; }
.st_tbl_e_tdb { border:none; border-bottom:dotted 1px #CCC; padding:4px 6px; background-color:#eaf9d8; }
.st_tbl_e_tdc { border:none; border-bottom:dotted 1px #CCC; padding:4px 6px; }
.st_tbl_e_tdh { border:none; border-bottom:dotted 1px #CCC; padding:4px 6px; background-color:#ff7656; }

.st_tbl_f { border-collapse:collapse; border:none; }
table.st_tbl_f { width:100%; }
.st_tbl_f_td0 { border:none; border-bottom:dotted 2px #CCC; padding:6px 6px; }
.st_tbl_f_tda { border:none; padding:6px 6px 0; }
.st_tbl_f_tdb { border:none; padding:1px 6px 0; }
.st_tbl_f_tdc { border:none; padding:0 5px; }
.st_tbl_f_tdc.fillhspace { height:12px; }

.st_tbl_dt { border-collapse:collapse; border:none; }
.st_tbl_dt_tda { border:dotted 1px #CCC; padding:4px 6px; background-color:#eaf9d8; }
.st_tbl_dt_tdb { border:dotted 1px #CCC; padding:4px 6px; }


.orientationicon { display:inline-block; border-radius:2px; background-color:#999; }
.orih { height:10px; width:16px; margin-top:3px; }
.oriv { height:16px; width:10px; }


tr.disabled td { background-color:#999; color:#666; }

.tbllessmar .st_tbl_d_tda { border-width:4px; }

a.unique { position:absolute; display:inline-block; background-color:#e3e3e3; border-radius:6px; color:#fff; text-decoration:none; right:1px; top:1px; font-size:11px; height:11px; line-height:11px; padding:0 3px 1px; z-index:2; }
a.unique:hover { background-color:#9ee03e; }




.instapop { /*display:inline-block;*/ position:relative; }

.instapop_pop { position:absolute; display:none; top:-8px; left:0; background-color:#333; border:solid 2px #111; border-radius:5px; box-shadow:2px 2px 5px #333; padding:2px 5px 3px; color:#333; line-height:15px;  }
.instapop:hover span.instapop_pop { display:block; z-index:100; }
.instapop_pop a { display:block; margin:2px 0 0; padding:1px 18px 1px 4px; white-space:nowrap; }
.instapop_pop a:hover { background-color:#666; border-radius:3px; color:#fff; }
.instapop_sel { background-color:#666; border-radius:3px; }




.clm_filter { display:inline-block; background-color:#D1FDB9; border-radius:6px; color:#397a00; text-decoration:none; font-size:11px; height:11px; line-height:11px; margin:1px 0 0 1px; padding:0 4px 0 3px; }
.clm_filter_active { background-color:#fff; box-shadow:0 0 3px #fff; }
.clm_filter_status { margin:6px 0 0 1px; /*old safari hack --> */float:left; }

.clm_filter_pop { position:absolute; display:none; top:8px; left:0; background-color:#fff; border:solid 2px #333; border-radius:5px; box-shadow:2px 2px 2px #333; padding:1px 7px 4px 5px; color:#333; line-height:15px;  }
.clm_filter:hover span.clm_filter_pop { display:block; z-index:100; }
.clm_filter_pop a { display:block; margin:1px 0 0; padding:0 18px 2px 1px; color:#4E4E4E; }
.clm_filter_pop a:hover { color:#74DC00; }
.clm_filter_sel { background-color:#9ee03e; border-radius:3px; color:#397a00; }
.clm_filter_sel:hover { background-color:#D1FDB9; color:#1d1d1b; }


.fle_export { color:#000 !important; }
.fle_backup { color:#666 !important; }
.fle_import { color:#397a00 !important; }




.progressbar { width:600px; height:20px; border:dotted 1px #CCC; background-color:#DDD; padding:0; font-size:13px; line-height:20px; text-indent:10px; position:relative; }
.progressbar div { position:absolute; top:0; left:0; width:0; height:20px; background-color:#9ce84a; opacity:0.5; }
.progressbar #progresscounter { float:right; padding-right:5px; }

.statusspan { cursor:pointer; width:15px; padding:0 4px; height:17px; }
.actionspan { cursor:pointer; }
.actionspan:hover, .actionspan:hover a { color:black; background-color:#74DC00; }
.statusiconbox {
	display:inline-block;
	height:12px;
	width:12px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius:3px;
	padding:0;
	/*margin:1px 0 0;*/
}
.bloodysafari {
	display:inline-block;
	height:12px;
	width:12px;
	margin:0;
	padding:0;
}
.statusiconbox i { display:block; width:12px; height:12px; box-shadow:0 0 3px  rgba(0, 0, 0, 0.2) inset; opacity:0.9; margin:0; padding:0; }
i.statusicon2 { background:url(img/status2.png); background-size:cover; }
i.statusicon3 { background:url(img/status3.png); background-size:cover; }
i.statusicon4 { background:url(img/status4.png); background-size:cover; }
.bgcolor_status2_0 i.statusicon2 { background:url(img/status2_0.png); background-size:cover; }
.bgcolor_status3_0 i.statusicon3 { background:url(img/status3_0.png); background-size:cover; }
.bgcolor_status4_0 i.statusicon4 { background:url(img/status4_0.png); background-size:cover; }
.statusiconbox:hover { box-shadow:0 0 6px #206600; }
/*.statusiconbox:hover i { opacity:1; }*/
button.statusiconbox { margin:3px -2px 0 2px; height:14px; position:relative; width:14px; float:left; }
button.statusiconbox i { left:0; position:absolute; top:0; }
button.statusiconbox:hover,.status_legende .statusiconbox:hover { box-shadow:none; }
.status_legende {
	z-index:11;
	position:fixed;
	bottom:0;
	color:#999;
	font-weight:bold;
	padding:0 230px 2px 4px;
	line-height:15px;
}
.status_legende .statusiconbox, .clm_filter_pop .statusiconbox { float:left; margin:1px 1px 0 0; }

.state_inactive,.state_inactive .noticeme,input[type="button"].state_inactive,input[type="submit"].state_inactive { color:#fff !important; background:red; }
input[type="button"].state_inactive,input[type="submit"].state_inactive { border-color:darkred; }
.state_inactive:hover { color:inherit; }
.btn_inactive,input[type="button"].btn_inactive,input[type="submit"].btn_inactive { color:#fff !important; background:grey; }




#notizedit {
	z-index:22;
	position:absolute;
	top:90px;
	right:100px;
	width:300px;
	height:500px;
	background-color:#fff;
	opacity:0.95;
	border:solid 1px #333333;
	border-radius:5px;
	box-shadow:2px 2px 2px #ccc;
	padding:15px 20px;
}
#notizedit span { float:right; color:#333; cursor:pointer; }
#notizedit span:hover { color:#74DC00; }
#notizedit textarea { clear:right; width:294px; height:400px; margin:10px 0; }
#notizedit input { float:right; }



.nfobox {
	border:solid 1px #333333;
	background-color:#f9f9f9;
	color:#000;
	margin:8px 10px;
	overflow:auto;
	border-radius:5px;
	box-shadow:2px 2px 2px #ccc;
	padding:15px 20px;
}



.explain,.editors {
	z-index:22;
	border:solid 1px #333333;
	background-color:#f9f9f9;
	color:#000;
	margin:8px 0;
	position:fixed;
	max-height:79%;
	overflow:auto;
	border-radius:5px;
	box-shadow:2px 2px 2px #ccc;
	padding:15px 20px;
	display:none;
}

.explain {
	opacity:0.95;
	top:44px;
	right:10px;
	width:500px;
}

.explain_wider {
	width:inherit;
	min-width:500px;
	max-width:50%;
}

.explain_tx { font-style:italic; color:#74DC00; cursor:pointer; }
.explain_tx:hover { color:#000; }
.explain p { padding:10px 0; }



.editors {
	top:130px;
	left:30px;
	right:30px;
	border-width:2px;
}



.tbl_files { margin:8px 2px 35px; }


.settingstables tr td, .settingstables tr th {
	padding:2px 12px 2px;
	border-collapse:collapse;
}
.settingstables tr:hover { background-color:#ccc; }
.settingstables .actionicon, .settingstables .activeicon { font-size:1.4em; }

.actionicon, .activeicon, .actiontd { cursor:pointer; }
.actionicon, .actiontx { color:#333; }
.activeicon { color:#999; }
.actionicon:hover, .activeicon:hover, .actiontx:hover, .settingstables tr:hover .actionicon, .settingstables tr:hover .activeicon, .row_active .activeicon, .actionicon_active, .activeicon_active, .row_active { color:#74DC00; }
.settingstables tr.row_active:hover .activeicon, .settingstables tr.row_active:hover .actiontx, .activeicon_active:hover { color:red; }

i.activeicon.fa-check-square { display:none; }
i.activeicon.fa-square { display:inherit; }
.row_active i.activeicon.fa-check-square { display:inherit; }
.row_active i.activeicon.fa-square { display:none; }

.actionbtntd { background-color:#D1FDB9; color:#0c0c0c; font-weight:bold; cursor:pointer; }
.actionbtntd:hover { background-color:#0c0c0c; color:red; }





.versionswitch { position:absolute; top:17px; left:176px; }
.versionswitch a { color:#828282; }
.versionswitch a:hover { color:#74DC00; }




span.close { float:right; color:#333; background-color:#74DC00; border-radius:5px; padding:2px 5px; width:8px; text-align:center; cursor:pointer; font-weight:bold; }
span.close:hover { color:#74DC00; background-color:#333; }

.windowcontrol { float:right; color:#333; background-color:#74DC00; border-radius:5px; padding:2px 1px; height:14px; width:16px; cursor:pointer; margin:0 5px; text-align:center; }
.windowcontrol:hover { color:#74DC00; background-color:#333; }
.fullscreen { width:inherit !important; min-width:inherit !important; max-width:inherit !important; height:inherit !important; z-index:100 !important; top:5px !important; left:5px !important; right:5px !important; bottom:5px !important; }







#dataedit {
	z-index:42;
	position:absolute;
	top:5%;
	right:2.5%;
	width:90%;
	min-width:600px;
	max-width:976px;
	height:90%;
	background-color:#e9e9e9;
	opacity:0.98;
	border:solid 2px #333333;
	border-radius:5px;
	box-shadow:2px 2px 2px #333;
	padding:15px 20px;
	overflow:auto;
}
#dataedit input[type=button] { margin:10px auto; }
#dataeditload {
	height:150px;
	width:100%;
	background-image:url(img/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.dted_log { padding:2px 0 20px 20px; }
.rl_dted { width:396px; height:250px; margin-top:2px; }
.rl_dted1r { width:396px; height:20px; margin-top:2px; }

.dted_orgdata_inactive label { color:#666; }
.dted_orgdata_inactive input[type=text] { border-color:#999; color:#666; background-color:#ccc; }

.dted_mstr_direct { border-color:#006b99; color:#000; background-color:#d1f1ff; }
.dted_csv { border-color:#666; }
.dted_mstr { border-color:#59b0e8; }

#error_notice { display:none; position:fixed; top:3px; right:117px; background:#fff; opacity:0.95; color:red; padding:11px 12px 6px 10px; border:3px solid red; box-shadow:2px 2px 2px #333; z-index:100; border-radius:4px; }
#error_notice h2 { font-weight:bold; font-size:20px; line-height:20px; }
#error_notice div { font-size:15px; line-height:18px; margin-top:10px; color:black; }
#error_notice span.close { margin:-2px 0 0 5px; }



#info_notice { background:#fff; color:black; font-size:15px; line-height:18px; padding:9px; margin:0 5px 14px 2px; border:3px solid red; box-shadow:2px 2px 2px #999; z-index:100; border-radius:4px; }
#info_notice h2 { font-weight:bold; font-size:20px; line-height:20px; color:red; }