/* Fri, 19 Dec 2025 20:57:29 +0100 */


/***** prototype-window.css *****/

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* Centered buttons in alert box */
.alert_buttons {
  text-align: center;
}


/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}                                                    



/***** alphacube.css *****/

.overlay_alphacube {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alphacube_nw {
	background: transparent url(alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.alphacube_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}




/***** styles.css *****/

/* $Id: styles.css,v 1.28 2015/06/08 08:16:58 udo Exp $ */

/* CSS Klasse um ein <DIV> auf die volle Größe des parents zu bringen.
   Die Besonderheit dieser lösung ist, dass sie von Rahmen, Paddings usw.
   nicht gestört wird. */
.fullContainer {  /* for IE only */ 
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:absolute;
  display:block;
  overflow:auto;
}

html>body .fullContainer {  /* for non-IE */
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:none;
  height:none;
  position:absolute;
  display:block;
  height:auto;
  overflow:auto;
}

.logintitle {
  font-size: 28px;
  font-weight: bold;
  color: #0000aa;
  font-family: Arial;
}

.loginlabel {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #A9A9A9;
  font-family: Verdana, Arial;
}

.logininput {
  border: none;
  padding: none;
  font-family: Verdana, Arial;
  font-size: 17px;
  font-weight: bold;
  background: transparent;
  background-color: transparent;
}

p, .autocompletebox, td, th, li, .stdfont, .livetablefooter, .formbuilder-tooltip {
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
}

/* fix einheitliche Darstellung innerhalb Hoverbox */
.hoverbox, .hoverbox td, .hoverbox th {
  font-size: 10px;
}

.smallfont {
  font-size: 10px;
}

.statussince {
  font-size: 10px;
  color: #B59897;
}

.graytext {
  color: #999999;
}

.redtext, .redtext a, .deltakeout, .deltakeout a {
  color: #ff0000 !important;
}

.greentext {
  color: darkgreen;
}

div.redtext {
  padding: 5px;
  border: 1px solid black;
}

.warntext {
  color: red;
}

.canceledtext {
  text-decoration: line-through;
}

form {
  padding: 0px;
  border: 0px;
  margin: 0px;
  display: inline;  
}

th {
  font-weight: bold;
  text-align: left;
}

.alignRight {
  text-align: right;
}

.borderLeft {
  border-left: 1px solid black;
}

.unimportanttext {
  opacity: 0.5;
}

/* wird von invisibleDiv() verwendet, also für UI-Elemente, die erst bei 
  Bedarf eingeblendet werden */
div.appearDiv {
  margin-left: 30px;
  padding-left: 5px;
  border-left: 1px solid gray;
  
  /* auch schon die <p> Eigenschaften importieren... */
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
}

h1 {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

a:link, a:visited {
  color: #0000ff;
  text-decoration: none;
}

/* "diskreter Link": gibt sich erst beim Darüberfahren als solcher zu erkennen */
a.discreetlink { 
  color: #000000;
}

a:hover, a:active {
  color: #0000ff;
  text-decoration: underline;
}



/* <body> des Frontend-Fensters */
.mainbody {
  background-image: url(../static/salzmanager-header.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.sumrow {
  border-top: 1px solid gray;
}


/* Titelzeile von InterTables */
table.intertable thead th {
  border-bottom: 1px solid black;
}

/* Titlezeile von InterTables für Gruppierungen */
table.intertable th.thgroup {
  border: none;
  text-align: center;
}

/* Footerzeile von InterTables */
table.intertable tfoot td {
  font-weight: bold;
  border-top: 1px solid black;
}

table.intertable.nowrap td {
  white-space: nowrap;
}

table.intertable td.editable {
  border : solid 1px lightgray;
}

table.intertable td.selected {
  border : solid 1px #9090F5;
  background-color: #DBDCF7;
}

table.intertable td.selected.focused {
  border : dashed 1px blue;
}

table.intertable td.input_error {
  border-color: red;
  color: red;
  /*background-color: #E3B2C8;*/
}

table.intertable .activeAutoFilter {
  background-color : #ff8888;
}

/* NB: InterTable edit-sign Styling ist im CSS vom Universal Frontend definiert! */


table.intertable tbody tr:hover td {
  background-color: white;
}

table.intertable tbody td.changed { 
  background-color: #cccccc;
}



/* Abwechselnde Tabellenzeilen: ausserhalb Groupbox */
.tr_odd {
}

.tr_even {
  background-color: #dfdfef;
}


/* Abwechselnde Tabellenzeilen: innerhalb Groupbox */
.groupboxcontainer .tr_odd {
}

.groupboxcontainer .tr_even {
  background-color: #EBEBEB;
}

.compactgroupbox .groupboxcontainer td {
  font-size: 10px;
  padding: 0px;
}


table.bordershadow {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.bgcolor_midnight {
  background-color: rgb(255,255,153);
}

.bgcolor_takeout {
  background-color: rgb(255,140,143);
}

.bgcolor_fillup {
  background-color: rgb(130,236,154);
}

/* eigene Klassen, da man per Javascript für FF u. IE Extrawürste braucht */
.floatleft {
  float: left;
  margin-right: 10px;
}
.floatright {
  float: right;
}

.floatclear {
  clear: both;
}

/* Anzeige Kommastellen Liefermenge */
.overview_am_delivery .decimals { font-size:11px; }

/* userdatainput.js */
div.userinputbox {
  border-right: 1px solid black;
  padding: 5px;
}

.infobox {
  font-family: Verdana;
  font-size: 10px;
  background-color: #ffffe1;
  color: #000000;
  border: 1px solid #444444;
  padding: 2px;
  
  -moz-box-shadow: 2px 2px 3px #888;
  box-shadow: 2px 2px 3px #888;
}

.infobox table, .infobox tr, .infobox td {
  font-family: Verdana;
  font-size: 10px;
  white-space: nowrap;
}

/* schedulerbox.js */
.scheduler_title {
  border-left:  1px solid black;
  border-right: 1px solid black;
  border-top:   1px solid black;
  background-color: lightgray;
}

.scheduler_selectbox {
  width: 120px;
  border: 1px solid black;
}

.inlinediv {
  display: inline;
}

/* Zelle Gesamtsumme (Entnahmen) */
.cell_resultsum {
  border-top: 1px solid black;
  font-weight: bold;
}

/* Dialog Warnung zu Änderung der Zugriffsrechte (navi-tree) */
div.box_rightchanges {
  background-color: lightgray;
  margin: 5px;
  padding: 3px;
}

/* Eine "klassische Tabelle", die Daten strukturiert darstellt und deren
Zellen als solche erkennbar sein sollen. */
table.classicTable th, 
table.classicTable td,
.dialog table.classicTable th,  /* "Window"-Stylesheet hätte sonst höhere Spezifität */ 
.dialog table.classicTable td {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 2px;
}
table.classicTable th {
  background-color: #BED6E4;
  text-align: center;
}
table.classicTable td {
  background-color: #DBE8F0;
}

table.classicTable tr.odd td,
table.classicTable td.odd {
  background-color: #EDF3F7;
}
table.classicTable th.cornerCell {
  background-color: inherit;
}

/* überbrückter Logeintrag */
.logoverride {
  text-decoration: line-through;
}

/* Bugfix 199: kein Selektionsrahmen um Flash-Objekte (FireFox 3.6) */ 
object {
  outline:none;
}

.bgcolor_cfg_diff {
  background-color: rgb(255,51,51);
}

/* veraltete Information (v.a. für Lager-Status) */
.outdated {
  opacity: 0.33;
  filter: alpha(opacity=33);
  zoom: 1;   /* IE workaround */
}

/* Hover-Effekt für die klickbaren Icons im Navi-Tree die Object-Flags wechseln */
img.toggleobjflag_icon:hover {
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.dangerousbtn {
  color: red;
}

.lthighlight {
  background-color : #A9A9FF;
  -moz-opacity:.25; 
  -webkit-opacity:.25;
  -o-opacity:.25;
  filter:alpha(opacity=25); 
  opacity:.25;
}

.ltselection {
  background-color : #A9A9FF;
  -moz-opacity:.5; 
  -webkit-opacity:.5;
  -o-opacity:.5;
  filter:alpha(opacity=50); 
  opacity:.5;
}

a.footerBarLink, a.footerBarLink:hover {
  color: black;
  padding: 2px 6px;
  -moz-border-radius: 4px;
  border: 1px solid white; /* placeholder */
  text-decoration: none;
}

a.footerBarLink:hover, a.footerBarSelected {
  background-color : #eeeeff;
  border: 1px solid #ddddff;
}

a.footerBarSelected {
  font-weight: bold;
}

a.footerBarLink:hover {
  color: #0000ff;
}


.alarm_noneditable .tree_node {
  color: silver !important;
}

/* http://stackoverflow.com/a/9635546/688869 */ 
.formbuilder input[readonly="1"],
.formbuilder input[disabled="1"],
.formbuilder select[disabled="1"] {
  background-color: rgba(255,255,255,0.5);
  border: none;
  color: black;
}

svg {
  cursor: default;

  -webkit-user-select: none; /* Webkit */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE 10  */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
}

.objproperties_footer {
  overflow: visible; /* sonst ist der Schatten nicht zu sehen */
  -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);
}

.objproperties_footer input {
  margin-top: 5px;
}

input.primary:enabled {
  background-color: #0078E7;
  border-radius: 7px;
  border-width: 0;
  color: white;
  padding: 3px 7px;
  font-size: 13px;
  height: 24px;
}


/***** tabs.css *****/

.tabsline {
  margin-bottom: 0px;
  display: block;
  border-bottom: 1px solid #999999;
  padding-left: 5px;
  white-space: nowrap;
}

.newpanel {
  /*padding: 5px;*/
  /*border-top: none;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  border-left: 1px solid #666666;*/
  margin-bottom: 0px;
  margin-top: 0px;
}

.pagecontainer {
  background-color: #F2F2F7;
  border-top: none;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  border-left: 1px solid #666666;
}

.panel_visible {
  padding: 5px;
  background-color: #F2F2F7;
  border-top: none;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  border-left: 1px solid #666666;
  margin-bottom: 0px;
  margin-top: 0px;
  display: block;
  visibility: visible;
}

.panel_hidden {
  /*
  w�rde im FireFox verhindern, dass Flash Movies beim �ffnen eines Tabs neu
  gestartet werden, f�hrt allerdings zu Darstellungs-Problemen... :(
  
  
  padding: 0px;
  border: 0px;
  margin: 0px;
  height: 0px;
  width: 0px;
  visibility: hidden;
  /**/
  
  display: none;
  /**/
}

a.tab, a.tab:visited {
  border-collapse: collapse;
  border-style: solid solid none solid;
  border-color: black;
  border-left-color: #808080;
  border-width: 1px 1px 0px 1px;
  background-color: #666666; 
  padding: 2px 0.5em 1px 0.5em;
  margin-top: 4px;
  font-family: arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;      
  border-top-right-radius: 4px;
}
a.tab:hover { 
  background-color: #888888;
}

a.activetab {
  border-collapse: collapse;
  background-color: #F2F2F7;
  padding: 2px 0.5em 0px 0.5em;
  margin-top: 4px;
  font-family: arial;
  text-decoration: none;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: black;
  border-right-color: black;
  border-bottom-color: #f2f2f7;
  border-left-color: black;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;      
  border-top-right-radius: 4px;
       
}

a.tab .tabclosebtn {
  visibility: hidden;
}

a.tab:hover .tabclosebtn {
  visibility: visible;
}


/***** menu.css *****/


.menuitem {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: bold; 
  color: #000022;
  background: white;
  border: 1px solid blue;
  padding: 4px 6px;
  margin: 0px 1px;
}

a.menuitem:hover {
  background: #0000cc;
  color: white;
  text-decoration: none;
}

.submenu {
  border: 1px solid blue;
  padding: 4px 4px;
  background: white;
  
  -moz-box-shadow: 3px 3px 4px #888;
  box-shadow: 3px 3px 4px #888;
}

.submenu .menuitem {
  display: block;
  border: none;
}
.submenu hr {  /* no line, just a spacer */
  height: 1px;
  width: 10px;
  margin: 5px;
  visibility: hidden;
}


/***** tree.css *****/

/* 
 * The DIV containing the treeview. Font styles apply to non-clickable
 * nodes (disabled ones) 
 */ 
 

.tree_div {
} 
 
.tree_div, 
.tree_div table tr td,
.tree_div table tr th,
.tree_dragging {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #999999;
  line-height: 0px;
  white-space: nowrap;  
}

.tree_div .tv_head_div {
  width:100%;
  overflow: hidden; /* non-IE (obsolete??) */
  background: #EBEADB;
  border-bottom: solid 3px #CBC7B8;
}

.tree_div table {
  table-layout: fixed;
}


.tree_div .tv_head {
}

.tree_div .tv_body {
}


/* 
 * Table style for table TreeViews
 */ 

.tree_div table,
.tree_div table tr { 
  border: none;
  border-width: 0px;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}


.tree_div table tr td { 
  border: none;
  border-width: 0px;
  border-spacing: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: bottom;
  overflow: hidden;
}


.tree_div table tr td.cc {
  line-height: normal;
  color: #000000; 
}


.tree_div table tr th {
  height: 17px;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: middle;
/*  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #C7C5B2;
  padding-left: 5px;
  padding-right: 5px;*/
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
} 



/* 
 * Normal anchors (links) of nodes (*not* captions)
 */ 
.tree_div a {
  color: #000000;
  text-decoration: none;
}

.tree_div a:hover {
  color: #0000AA;
  text-decoration: underline;
}

/*
 * Disable double-tap “zoom” option in browser
 * s. https://stackoverflow.com/questions/10614481/disable-double-tap-zoom-option-in-browser-on-touch-devices
 */
.tvr_row {
  touch-action: manipulation;
}

/* 
 * Caption anchors of nodes, normal state
 */ 
.tvr_row a.tree_node {
  padding: 2px;
}

/* 
 * Caption anchors of selected nodes
 */ 
.tvr_row a.tree_node_sel {
  color: #FFFFFF !important;
  background-color: #316AC5;
  text-decoration: none;
  padding: 2px;
}

.tvr_row a.tree_node_sel:hover {
  color: #FFFFFF !important;
  background-color: #316AC5;
  text-decoration: underline;
}


.tvr_row * .tcimg, #treeviewmenu .tcimg {
  background-image:url(../../static/treeview/treeview.gif);
  background-repeat:no-repeat;
}

#treeviewmenu, #treeviewmenu a {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;  
}


/***** autocomplete.css *****/

/* $Id: autocomplete.css,v 1.1 2011/02/02 17:37:52 udo Exp $ 

Version 1.0

*/

/* The box that holds all selectable lookup items */
.autocompletebox {
  background-color: #eeeeee;
  border: 1px solid black;
}

/* disable <ul> margin */
.autocompletebox ul {
  padding: 0;
  margin: 0;
}

/* hide the bullets from the items and define normal font/color of items */ 
.autocompletebox li {
  color: #000000;
  list-style: none;
  padding: 1px;
  margin: 0;
  width: 100%;
  cursor: default;
}

/* style of selected item */ 
.autocompletebox li.selected {
  color: #ffffff;
  background-color: #316AC5;
}


/***** speedbutton.css *****/

/* 
 * Styles for the speedbutton component 
 */ 
 

.speedbutton, 
.speedbutton_down, 
.speedbutton_disabled {
  display: inline;   /* IE 6 only! */
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  background-color: #eeeeee;
  text-align: center;
  overflow: hidden;
}

/* normale Definition, die von IE6 ignoriert wird (da dieser inline-block
nicht unterstützt: */
html>body .speedbutton, 
html>body .speedbutton_down, 
html>body .speedbutton_disabled {
  display: inline-block;
}

.speedbutton_down {
  border-left: 1px solid #bbbbbb;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}


.speedbutton_disabled {
  border: 1px solid #cccccc;
  opacity: 0.3;
  filter: alpha(opacity=30);
}


/* nutzt nichts: */
.speedbutton img, .speedbutton_down img {
  margin: auto;
}


/***** groupbox.css *****/

/* 
 * Styles for the groupbox
 */ 
 
.groupboxcontainer {
  border: 1px solid gray;
  background: #e0e0e0;
  border-radius: 4px 4px 4px 4px;    /* IE verlangt die lange Variante */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  margin: 12px 0px;
  padding: 5px;
}
 
.groupboxtitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #cc0000;
  
  display: inline;
  background: #F2F2F7;
  border-radius: 4px 4px 4px 4px;    /* IE verlangt die lange Variante */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

  position: absolute;
  top: -8px;
  left: 15px;
}




/***** openlayers_tweaks.css *****/

/* $Id: openlayers_tweaks.css,v 1.1 2011/02/02 17:37:52 udo Exp $ */

/* Anpassungen des Standard-OpenLayers-Layouts */


/* 
 * Kilometer-Skala nach rechts unten verschieben (links kollidiert sie gern 
 * mit der Zoom-Leiste).
 */ 
.olControlScaleLine {
  left: auto;
  right: 10px;
  bottom: 20px;
}

/*
 * Datenquellen-Text nach ganz unten verschieben.
 */ 
.olControlAttribution {
  top: 0px;
  bottom: auto;
}

/* ------------------------ */
/* OpenLayers popup base div */
/* ------------------------ */
.olPopup {
  border-radius: 10px;                     /* Rounded corners */
  border: 1px solid #bbb;                  /* Subtle border */
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);  /* Soft shadow */
  background: #ffffff;                      /* White background */
  overflow: hidden;                         /* Clips inner content for rounded corners */
  padding: 0;                               /* Remove default OL padding */
  transition: transform 0.15s ease, opacity 0.15s ease;
}

/* Optional hover effect */
.olPopup:hover {
  transform: scale(1.02);
}

/* ------------------------ */
/* Inner counter container  */
/* ------------------------ */
.counter {
  font-family: Arial, sans-serif;
  padding: 5px;
  min-width: 180px;                       /* Minimum width */
  background: #f8f9fa;                    /* Light gray inner bg */
}

/* ------------------------ */
/* Owner section styling    */
/* ------------------------ */
.counter_owner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.counter_owner p {
  margin: 0;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.2s;
}

/* Dynamic owner color */
.counter_owner p.green { color: #1e8c00; }
.counter_owner p.red   { color: #dc1e00; }

.counter_owner p:hover {
  color: #005500;
  text-decoration: underline;
}

/* ------------------------ */
/* Readings section         */
/* ------------------------ */
.counter_reading {
  margin-top: 2px;
}

/* ------------------------ */
/* Table styling            */
/* ------------------------ */
.reading_table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  font-size: 0.9em;
}

/* Body cells */
.reading_table td {
  padding: 1px 6px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

.reading_table td.value {
  white-space: nowrap;   /* auto-size column */
  text-align: right;
}

.reading_table td.date {
  white-space: normal;   /* flexible */
}

/* Optional: alternating row backgrounds for readability */
.reading_table tbody tr:nth-child(even) td {
  background: #f8f9fa;
}

/* Optional: highlight newest reading */
.reading_table tr.latest td {
  font-weight: bold;
  background: #e6f4ea;
}


/***** checklistbox.css *****/

/* 
 * Styles for the CheckListBox component
 */ 
 

.checklistbox {
  border : 1px solid gray;
  background-color : white;
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
}

.customdropdown_dlg .checklistbox {
  border: 0;
}


/***** hideablebox.css *****/

/* 
 * Styles for the hideablebox component
 */ 
 
.hideablebox {
  margin-bottom: 5px;
}

.hideableboxheader {
  border: 1px solid gray;
  -moz-border-radius: 0.5em 0.5em 0em 0em;
  border-radius: 0.5em 0.5em 0em 0em;
  background-color: silver;
  padding: 4px;
}

.hideableboxtitle {
  display: inline;
  float: left;
  line-height: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.hideableboxheader img {
  float: right;
  margin-right:5px;
  margin-top: 3px;
  cursor: pointer;
}

.hideableboxcontent {
  border: 1px solid lightgray;
  -moz-border-radius: 0em 0em 0.5em 0.5em;
  border-radius: 0em 0em 0.5em 0.5em;
  background-color: lightgray;
  width: 100%;
  padding: 4px;
}


/***** treediagram.css *****/

/* 
 * Styles for the treediagram component
 */ 
 
.treediagramTable table {
  width: 100%;
  border-collapse: collapse;
}

.treediagramTable td {
  padding: 0px;
  vertical-align: top;
}

.treediagramTable a {
  text-decoration: none;
  color: #000000;
}

.treediagramTitle {
  margin: 5px;
  padding: 2px;
  border: 1px solid black;
  font-family: Arial;
  font-size: 10px;
  text-align: center;
}

.treediagramTitle#root  {
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
}


/***** 2dmatrix.css *****/

/* $Id */

.matrix2d table {
  border-collapse: separate;
}
 
.matrix2d thead th div div {
  -webkit-transform: rotate(270deg);      
  -moz-transform: rotate(270deg); 
  -ms-transform: rotate(270deg); 
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  position: relative;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  white-space: nowrap;
  text-align: left;  /* effektiv "unten" */
  
  background-color: white; /* notwendig für IE9, sonst ClearType Problem */
}

.matrix2d th.highlight, .matrix2d thead th.highlight div div {
  background-color: #FFF7AE;
}

.matrix2d tbody td {
  vertical-align: middle;
  text-align: center;
}

.matrix2d th {
  font-weight: normal;
  white-space: nowrap;
}

.matrix2d tbody th {
  text-align: right;
}

.matrix2d .innercell {
  -webkit-border-radius: 2px;   
  -moz-border-radius: 2px;   
  -ms-border-radius: 2px;   
  -o-border-radius: 2px;   
  border-radius: 2px;
  cursor: pointer;  
}

.matrix2d .innercell.checked   { background-color : #6EC551; }
.matrix2d .innercell.unchecked { background-color : #BD321A; }

/*.matrix2d .innercell.checked.modified   { background-color : #96EF6F; }
.matrix2d .innercell.unchecked.modified { background-color : #FF492E; }*/

.matrix2d .innercell.checked.modified   { color: black; }
.matrix2d .innercell.unchecked.modified { color: white; }

/*.matrix2d .innercell.modified   { border-bottom-right-radius:50%; }*/