/*----------------------------------------------------------------------
* Projekt:      Statusliste Weidmann
* Autor:        Wolfgang Stroessner
* Copyright:    MMcom GmbH, Fuhrmannstr. 10, DE-95030 Hof
* ----------------------------------------------------------------------*/

* {
  font-family: Arial,Helvetica,sans-serif;
  line-height: 1em;
  text-align:  left;
  color:       #000000;
}

body, input, select, option, textarea, td, label {
  font-size:        10pt;
  vertical-align:   middle;
}
body, table, input, select, option, textarea {
  background-color: #FFFFFF;
}

table { border-collapse: collapse; }
tr.highlight:hover { background-color: #A6C9E2; }
th {
  font-size:        8pt;
  font-weight:      bold;
  background-color: #DDDDDD;
}
th a {
  font-size:        8pt;
  font-weight:      bold;
}
a     { color:  #0000FF; }
a img { border: none; }

optgroup {
    background-color: #CCCCFF;
    border-bottom: 2px solid #FFFFFF;
    font-weight: bold;
    padding: 1px;
    font-size: 8pt;
}
optgroup option {
    background-color: #FFFFFF;
    margin-left: 5px;
    padding-left: 0;
}

label { display:inline-block; margin-right:3px; }
input, 
select {
  border-top:1px solid #555555;
  border-left:1px solid #555555;
  border-right:1px solid #AAAAAA;
  border-bottom:1px solid #AAAAAA;
}
input[type="radio"],
input[type="checkbox"] { margin:0 2px;  border:none; }
input[type="file"]     { font-size: 7pt; }
textarea {
  border-top:1px solid #555555;
  border-left:1px solid #555555;
  border-right:1px solid #AAAAAA;
  border-bottom:1px solid #AAAAAA;
}

.big   { font-size:   14pt; }
.small { font-size:   8pt; }
.btn   {
  font-weight:        bold;
  text-align:         center;
}
.w5    { width:       5px; }
.w10   { width:       10px; }
.w15   { width:       15px; }
.w16   { width:       16px; }
.w20   { width:       20px; }
.w25   { width:       25px; }
.w30   { width:       30px; }
.w35   { width:       35px; }
.w40   { width:       40px; }
.w45   { width:       45px; }
.w50   { width:       50px; }
.w70   { width:       70px; }
.w75   { width:       75px; }
.w80   { width:       80px; }
.w85   { width:       85px; }
.w90   { width:       90px; }
.w95   { width:       95px; }
.w100  { width:       100px; }
.w110  { width:       110px; }
.w120  { width:       120px; }
.w125  { width:       125px; }
.w150  { width:       150px; }
.w175  { width:       175px; }
.w200  { width:       200px; }
.w225  { width:       225px; }
.w250  { width:       250px; }
.w300  { width:       300px; }
.w350  { width:       350px; }
.w400  { width:       400px; }
.w450  { width:       450px; }
.w500  { width:       500px; }
.w550  { width:       550px; }
.w600  { width:       600px; }
.w650  { width:       650px; }
.w700  { width:       700px; }

.w1p   { width:       1%; }
.w20p  { width:       20%; }
.w25p  { width:       25%; }
.w33p  { width:       33%; }
.w40p  { width:       40%; }
.w50p  { width:       50%; }
.w60p  { width:       60%; }
.w66p  { width:       66%; }
.w75p  { width:       75%; }
.w80p  { width:       80%; }
.w100p { width:       100%; }

.maxw800 { max-width:850px; }

.h5    { height:      5px; }
.h10   { height:      10px; }
.h20   { height:      20px; }
.h30   { height:      30px; }
.h40   { height:      40px; }
.h45   { height:      45px; }
.h50   { height:      50px; }
.h100  { height:     100px; }

.centerDiv {
  display:flex;
  align-items:center;
  justify-content:center;
}
.top { vertical-align: top; }
.mid { vertical-align: middle; }
.bot { vertical-align: bottom; }
.l   { text-align:  left; }
.c   { text-align:  center; }
.r   { text-align:  right; }
b, .b   { font-weight: bold; }
i, .i   { font-style:  italic; }
u, .u   { text-decoration: underline; }
.normal { text-align:left;  font-weight:normal;  font-style:normal; }

.white     { color: #FFFFFF; }
.lightgray { color: #DDDDDD; }
.gray      { color: #AAAAAA; }
.darkgray  { color: #777777; }
.black     { color: #000000; }
.lightred  { color: #FF0000; }
.red       { color: #CC0000; }
.darkred   { color: #990000; }
.lightyellow{ color: #FFFF00; }
.yellow     { color: #CCCC00; }
.darkyellow { color: #999900; }
.lightgreen{ color: #00FF00; }
.green     { color: #00CC00; }
.darkgreen { color: #009900; }
.lightblue { color: #00AAFF; }
.blue      { color: #0033FF; }
.darkblue  { color: #0000BB; }

.bgwhite     { background-color: #FFFFFF; }
.bglightgray { background-color: #DDDDDD; }
.bggray      { background-color: #AAAAAA; }
.bgdarkgray  { background-color: #777777; }
.bgblack     { background-color: #000000; }
.bglightred  { background-color: #FF0000; }
.bgred       { background-color: #CC0000; }
.bgdarkred   { background-color: #990000; }
.bglightyellow{ background-color: #FFFF00; }
.bgyellow     { background-color: #CCCC00; }
.bgdarkyellow { background-color: #999900; }
.bglightgreen{ background-color: #00FF00; }
.bggreen     { background-color: #00CC00; }
.bgdarkgreen { background-color: #009900; }
.bglightblue { background-color: #00AAFF; }
.bgblue      { background-color: #0033FF; }
.bgdarkblue  { background-color: #0000BB; }

.readonly { color: #555555; background-color: #CCCCCC !important; }

.txt7  { font-size: 7pt; }
.txt8  { font-size: 8pt; }
.txt9  { font-size: 9pt; }
.txt10 { font-size: 10pt; }
.txt11 { font-size: 11pt; }
.txt12 { font-size: 12pt; }

.B1 { border:1px solid #555555; }
.Bt { border-top:1px solid #555555; }
.Bl { border-left:1px solid #555555; }
.Br { border-right:1px solid #555555; }
.Bb { border-bottom:1px solid #555555; }

.pad1 { padding:1px; }
.pad2 { padding:2px; }
.pad3 { padding:3px; }
.pad4 { padding:4px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }

.mar1 { margin:1px; }
.mar2 { margin:2px; }
.mar3 { margin:3px; }
.mar4 { margin:4px; }
.mar5 { margin:5px; }
.mar10 { margin:10px; }

.mono { font-family: Courier,monospace; }

.cursorP { cursor: pointer; }
.cursorH { cursor: help; }
.cursorD { cursor: no-drop; }

.error {
  color:            #AA0000;
  border:           2px solid #FF0000;
  background-color: #FFCCCC;
}
.noerror {
  color:            #00AA00;
  border:           1px solid #00AA00;
  background-color: #CCFFCC;
}

.marker {
  border-radius:    6px;
  border:           1px solid #FFCC00;
  width:            12px;
  height:           12px;
  background-color: #FFFF00;
  color:            #555555;
  font-size:        8pt;
}

.border-lightgray { border: 1px solid #DDDDDD; }

div.sub_content * { font-size: 8pt; }
.dbghead          { font-weight: bold; background-color: #DDDDDD; }

.dark             { background-color: #BBBBBB; }

#plusPosition, #submitBtn, #loginBtn, .menuBtn, .userBtn, .dataBtn, .transBtn, .transBtnOT, #closeLink, #submitSuchBtn, .infoIcon, #lockTrans, #passBtn, .dfueBtn, .delBtn, .minusPosBtn { font-size: 8pt; }
.userBtn, .dataBtn, .transBtn, .transBtnOT, .transPosBtn, #submitSuchBtn, .infoIcon, .delBtn, .minusPosBtn { padding: 0.2em 0.2em; margin: 0 1px 1px 0; }
.dfueBtn { padding:0;  margin-left:5px; }

ul.ui-autocomplete li.ui-menu-item { border-top:1px dotted #BBBBBB !important; border-botom:1px dotted #BBBBBB !important; }
ul.ui-autocomplete a { display:block; font-weight:normal !important; }

.ui-widget-header.sortable         { background:#8888ff url("images/ui-bg_gloss-wave_55_blau_500x100.png") 50% 50% repeat-x; }
.ui-widget-header.sortable.aktSort { background:#ff9c5c url("images/ui-bg_gloss-wave_55_orange_500x100.png") 50% 50% repeat-x; }
.ui-widget-header.sortable a { display:inline-block; text-align:center; padding:5px 0; width:100%; }

.mussfeld { background-color:#FFCC88; }

/* SCROLL-TABLE - Header steht fest */
.scrollTab {}
/*table.scrollTab thead tr:after { content:''; overflow-y:scroll; visibility:hidden; }
table.scrollTab thead th       { flex:1 auto; display:block; }
table.scrollTab tbody          { display:block; width:100%; overflow-y:auto; height:auto; max-height:200px; }
table.scrollTab thead tr,
table.scrollTab tbody tr       { display:flex; }
table.scrollTab tbody tr td    { flex:1 auto; word-wrap:break; }/**/