/* default formular */
.forms {
  background-color  : #ffffff;
  border            : 1px solid #666666;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 8pt;
  line-height       : 10pt;
  margin            : 0;
}

.forms-small {
  font-size         : 7pt;
  line-height       : 9pt;
  margin            : 0;
}

/* Auswahlzeile für '<div class=form-element>checkbox + text</div>' */
.form-element {
}
/* Einrückung von Zusatzkomponenten unterhalb einer Auswahl von 'form-element' */
.forms-subrow {
  margin-left       : 19px;
  margin-top        : 4px;
  width             : 96%;
}
.form-element .icon-action.icon-img-check-off,
.form-element .icon-action.icon-img-check-on {
  margin-right      : 3px;
}
.form-element .forms {
  margin-left       : 0;
}
.wtcell .form-element .forms {
  margin-right      : 0;
}

/* Abstand zum nächsten Element wie Icon */
select {
  margin            : 0 2px 2px 0;
}
input[type="radio"] {
  border-color      : transparent;
  background-color  : transparent;
  margin            : 1px 4px 0 1px;
  vertical-align    : middle;
}
td > input[type="radio"] {
  margin-right      : 0;
}

/* container for input value field with follow unit : show in same line (no wrapping) */
.form-input-with-unit {
  white-space       : nowrap;
  padding-right     : 3em; /* 3 characters of unit */
}

input[type="checkbox"] {
  border            : 0 none;
  background-color  : transparent;
  margin            : 1px 4px 0 1px;
  vertical-align    : middle;
}

td > input[type="checkbox"] {
  margin-right      : 0;
}

/* tini distance formular */
.forms.tini {
  width             : 35px;
}
/* short distance formular */
.forms.short {
  width             : 85px;
}
/* wide distance formular (default width) */
.forms.wide {
  width             : 170px;
}
/* long distance formular */
.forms.long {
  width             : 310px;
}
/* full width formular */
.forms.full {
  width             : 460px;
}

/* styles for formulars in TitelGroup & TabbedPanes -> Filter=gray */
div.normal .forms {

}
div.overview .forms {
  border-color      : #7F7F7F;
}
div.highlight .forms {
  border-color      : #877953;
}

/* readonly textareas (ShowFreetextComponent, RCShowTextInput) */
.forms.multi-line.readonly {
  background        : none;
  border            : 0 none;
}

/* single line / multi line input fields */
.single-line {
  padding           : 1px 0 1px 2px;
  margin            : 0 2px 2px 0;
}
.multi-line {
  overflow          : auto; /* Scrollleisten im IE erst, wenn diese benötigt werden */
  padding           : 1px 0 1px 2px;
  margin            : 0 2px 2px 0;
}

.readonly {
  background        : #eadec7;
  color             : #666666;
}

div.login .forms {
  width             : 150px;
}

select.loginas {
  font-size         : 7pt;
  width             : 132px;
  color             : #333333;
  margin            : 0;
}

div.quicksearch .forms {
  border            : 0 none;
  width             : 80px;
  height            : 14px;
  font-size         : 8pt;
  color             : #777777;
  padding           : 0;
  margin            : 0;
}

div.normal .toolbar, div.overview .toolbar, div.highlight .toolbar {
  margin-right      : 4px;
  text-align        : right;
}

/*mp: falls mal Listboxen im Title angezeigt werden sollten
div.normal .toolbarforms, div.overview .toolbarforms, div.highlight .toolbarforms {
  color: #907E56;
  border: 1px solid #CCBC92;
  background-color:#F3EAD4;
  font-family: Arial, Helvetica, sans-serif;
  font-size:7pt;
  height:14px;
}*/


/* individuelle layout-steuerung in den workflows **************************** */
.forms.select-commondescription-template  { width: 290px; }
.forms.select-productnumber               { width: 290px; }

.forms.wc-select-timezone {
  width             : 255px;
}

/* phone number fields (24+2+2 + 8 + 52+2+2 + 8 + 100+2+2 = 204 => forms.wide) */
.forms.phonenumber-country {
  width             : 24px;
  margin-right      : 4px
}
.forms.phonenumber-state {
  width             : 50px;
  margin-right      : 4px
}
.forms.phonenumber-number {
  width             : 88px;
}

/* property editor */
.code-styled-text textarea {
  font-family       : monospace;
  font-size         : 8pt;
  line-height       : 10pt;
  word-wrap         : break-word;
}