/* ======================================
1. Kalibrierung und Restauration
====================================== */

* {
  padding: 0;
  margin: 0;
}

html {
  overflow-y: scroll;
}

h2, p, ul, ol {
  margin-bottom: 1em;
}

ul ul {
  margin-bottom: 0;
}

li {
  margin-left: 1em;
}

/* ======================================
2. Allgemeine Styles
====================================== */
body {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #FFFFFF;
}

#bodyBackend {
  background-color: #FFFFFF;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
}

a {
  text-decoration: none;
}

a:link, a:visited {
  color: #D90000;
}

a:active {
  color: white;
  background-color: #D90000;
}

.messager-button a {
  color: #000000;
  outline: none;
}

/* Allgemeine Klassen und IDs */
img#logo {
  background-color: white;
  color: black;
  padding: 10px;
  border: 10px solid #D9D9D9;
}

table {
  empty-cells: show;
}

th {
  background-color: #C0BCBD
}

tr.row_odd {
  background-color: #A0D0FF;
}

tr.row_even {
  background-color: #FFFFFF;
}

.impress {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.impress h2 {
  margin-top: 25px;
}

.impressTable {
  width: 80%;
  border-spacing: 5px;
  empty-cells: show;
}

.impressTable > tbody > tr > td:first-child {
  width: 40%;
}

.verticalDataTable {
  width: 100%;
  border-spacing: 5px;
  empty-cells: show;
}

.verticalDataTable td {
  padding: 4px 0;
}

.verticalDataTable td:first-child {
  width: 30%;
  font-weight: bold;
}

.verticalDataTable td:nth-child(2) {
  width: 70%;
}

/* ======================================
3.  Styles für die Layoutbereiche
====================================== */
#wrapper {
  background-color: white;
  color: black;
  width: 1100px;
  margin: 10px auto;
  -webkit-box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

#wrapperBackend {
  background-color: white;
  color: black;
  width: 100%;
  margin: 0 auto;
}

#header,
#headerBackend {
  position: relative;
  height: 70px;
  color: black;
  padding: 10px 20px 0 20px;
  background: #FFFFFF;
  border-radius: 4px 4px 0 0;
}

#headerBackend {
  height: 10px;
}

#slogan,
#sloganBackend {
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 5px 0 5px 0;
  margin-bottom: 0;
  color: black;
  font-weight: bold;
  font-size: 10pt;
}

#sloganBackend {
  top: -5px;
}

#adminText {
  position: absolute;
  top: 20px;
  left: 280px;
  padding: 5px 0 5px 0;
  margin-bottom: 0;
  color: #8A6C66;
  font-weight: bold;
  font-size: 20pt;
}

#contentArea,
#contentAreaBackend {
  padding: 20px;
  margin: 0 auto;
  min-height: 700px;
}

#contentAreaBackend {
  padding: 10px 5px;
  min-height: 750px;
}

#footer {
  padding: 10px 10px 20px 20px;
  border-top: 1px solid #8C8C8C;
  margin-top: 0;
  background: none repeat scroll 0 0 #73554D;
  color: white;
}

#footerBackend {
  margin-top: 0;
  background: none repeat scroll 0 0 #73554D;
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
}

address {
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}

#titleArea {
  height: 40px;
  background: #DDE3E6;
  border-bottom: solid 1px #41231B;
}

#titleText {
  float: left;
  padding-left: 25px;
  padding-top: 12px;
  color: rgb(96, 96, 96);
  font-size: 10pt;
}

#titleAreaLeft {
  float: left;
  width: 500px;
}

#titleAreaRight {
  float: right;
  width: 300px;
  padding: 10px 20px;
  text-align: right;
}

#titleAreaCenter {
}

/* ======================================
4. Sonstige Styles
====================================== */

.fingerPrint {
  font-size: 8pt;
}

.downloadPath {
  font-size: 12px;
  color: #9FA2A2;
}

.downloadLink {
  font-size: 13px;
  color: #9FA2A2;
}

.updateDbResult {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  padding-left: 10px;
}

.downloadTable {
  border: 1px solid #FFFFFF;
  color: black;
  font-size: 10pt;
}

.downloadTable th {
  border: 1px solid #FFFFFF;
  font-weight: bold;
  background-color: #BFC5C8;
  text-align: left;
  font-family: arial, sans-serif;
  padding: 2px 10px;
}

.downloadTable tr td {
  border: 1px solid #FFFFFF;
  background-color: #EBF1F4;
}

.downloadTable td {
  height: 25px;
  padding: 2px 15px;
}

.shippingComment {
  color: red;
}

.centeredBox {
  margin: 2px auto;
  width: 1000px;
}

.customerMessageBox {
  margin: 2px auto;
  width: 700px;
}

.deployMessagesContainer {
  margin: 40px 0 0;
}

.deployMessage {
  margin: 30px 20px;
  padding: 10px;
  border: 1px solid #91726D;
}

.deployMessage h2 {
  padding: 2px 10px;
  background-color: #91726D;
  color: #FFFFFF;
  margin: 2px;
}

.deployMessageDateTime {
  margin-left: 10px;
  margin-bottom: 15px;
}

.deployMessageText {
  margin-left: 10px;
}

.helpHomeLeft {
  float: left;
  width: 180px;
  padding: 10px 40px;
}

.helpHomeCenter {
  padding: 10px 40px;
}

.helpHomeRight {
  float: right;
  width: 20px;
  padding: 10px 40px;
}

#helpHome a,
#helpHome a:hover,
#helpHome a:focus {
  text-decoration: none;
  background-color: #F0E1CE;
  color: #000000;
  padding: 4px 8px 4px 25px;
  border: 1px solid #41231B;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#helpHome a.home {
  background: url("../asset/images/pageControl/home.png") no-repeat scroll 6px center;
}

#helpHome a.download {
  background: url("../asset/images/pageControl/download.png") no-repeat scroll 6px center;
}

#helpHome a.documents {
  background: url("../asset/images/pageControl/documents.png") no-repeat scroll 6px center;
}

#helpHome a.impressum {
  background: url("../asset/images/pageControl/impressum.png") no-repeat scroll 6px center;
}

#helpHome a.logout {
  background: url("../asset/images/pageControl/logout.png") no-repeat scroll 6px center;
}

div#libraryTree {
  border: 1px solid #808080;
  background-color: #FFFFFF;
  padding: 8px 4px;
  width: 1050px;
}

.easyui-panel a {
  color: #000000;
}

/*------------------------------------------------------------------------------
   jQueryUI - Buttons
------------------------------------------------------------------------------*/
.btn-separator {
  display: inline-block;
  width: 0;
  height: 22px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #FFFFFF;
  vertical-align: middle;
}

.icon-clear-left-dm {
  background: url('../asset/images/gui/clearLeft2.png') no-repeat center center;
}

.icon-add-file-dm {
  background: url('../asset/images/gui/addFile.png') no-repeat center center;
}

.icon-delete-file-dm {
  background: url('../asset/images/gui/deleteFile.png') no-repeat center center;
}

.icon-plus-dm {
  background: url('../asset/images/gui/plus-icon.png') no-repeat center center;
}

.icon-filter-delete-dm {
  background: url('../asset/images/gui/filter_delete.png') no-repeat center center;
}

.icon-filter-dm {
  background: url('../asset/images/gui/filter2.png') no-repeat center center;
}

.icon-refresh-dm {
  background: url('../asset/images/gui/arrow_refresh.png') no-repeat center center;
}

.icon-ok-dm {
  background: url('../asset/images/gui/ok-icon.png') no-repeat center center;
}

.icon-add-dm {
  background: url('../asset/images/gui/plus-icon.png') no-repeat center center;
}

.icon-add-file-dm {
  background: url('../asset/images/gui/page_add.png') no-repeat center center;
}

.icon-minus-dm {
  background: url('../asset/images/gui/minus-icon.png') no-repeat center center;
}

.icon-cancel-dm {
  background: url('../asset/images/gui/cancel-icon.png') no-repeat center center;
}

.icon-delete-dm {
  background: url('../asset/images/gui/delete.png') no-repeat center center;
}

.icon-add-user-dm {
  background: url('../asset/images/gui/user.png') no-repeat center center;
}

.icon-email-dm {
  background: url('../asset/images/gui/email.png') no-repeat center center;
}

.icon-trash-dm {
  background: url('../asset/images/gui/trash-icon3.png') no-repeat center center;
}

.icon-phpinfo-dm {
  background: url('../asset/images/gui/page_white_php.png') no-repeat center center;
}

.icon-select-row-dm {
  background: url('../asset/images/gui/table_select_row.png') no-repeat center center;
}

.icon-map-add-dm {
  background: url('../asset/images/gui/map_add.png') no-repeat center center;
}

.icon-changelog-dm {
  background: url('../asset/images/gui/changelog.png') no-repeat center center;
}

.icon-country-D {
  background: url('../asset/images/country2/germany.png') no-repeat center center;
}

.icon-country-A {
  background: url('../asset/images/country2/austria.png') no-repeat center center;
}

.icon-country-CH {
  background: url('../asset/images/country2/switzerland.png') no-repeat center center;
}

.icon-country-F {
  background: url('../asset/images/country2/france.png') no-repeat center center;
}

.icon-country-GB {
  background: url('../asset/images/country2/united-kingdom.png') no-repeat center center;
}

.icon-country-AUS {
  background: url('../asset/images/country2/australia.png') no-repeat center center;
}

.icon-country-I {
  background: url('../asset/images/country2/italy.png') no-repeat center center;
}

.icon-country-USA {
  background: url('../asset/images/country2/united-states.png') no-repeat center center;
}

.icon-country-J {
  background: url('../asset/images/country2/japan.png') no-repeat center center;
}

.icon-world {
  background: url('../asset/images/menu/world.png') no-repeat center center;
}

.tabs-panels {
  margin-top: 10px;
}

/*------------------------------------------------------------------------------
   Modaler Dialog
------------------------------------------------------------------------------*/
.window-body {
  padding: 10px;
}

.dialogWindowRow {
  clear: both;
  padding: 6px 0;
  margin: 0;
  font-size: 12px;
  min-height: 25px;
}

.dialogWindowField {
  float: right;
  width: 400px;
  text-align: left;
}

.dialogWindowLabel {
  float: left;
  width: 180px;
  margin-left: 5px;
  padding-top: 3px;
  padding-right: 5px;
  text-align: left;
  font-weight: bold;
}

.dialogWindowInput {
  width: 200px;
  height: 22px;
  border: 1px solid #447799;
  background: #FFFFFF;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-top: 2px;
  padding-left: 3px;
}

.dialogWindowButtonBar {
  width: 90%;
  margin: 20px;
  text-align: center;
}

.dialogWindowButton {
  width: 150px;
  margin: 0 6px;
}

/*------------------------------------------------------------------------------
   Chart.js
------------------------------------------------------------------------------*/
.pie-legend li {
  padding: 2px;
}

/*------------------------------------------------------------------------------
   EasyUI
------------------------------------------------------------------------------*/
.easyui-panel a {
  color: #000000;
}

.tab-inner {
  display: inline-block;
  line-height: 12px;
  padding-top: 5px;
}

.tab-inner img {
  border: 0;
}

.combobox-item-hover {
  background-color: #0B93D5;
  color: white;
}

/*------------------------------------------------------------------------------
   Portale
------------------------------------------------------------------------------*/
.customerSelection {
  font-size: 12px;
  padding: 10px 0;
}

.customerSelectionLabel {
  width: 25%;
  height: 20px;
  float: left;
  font-weight: bold;
}

.customerSelectionValue {
  height: 20px;
  width: 75%;
  float: right;
  color: blue;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

#downloadFiles a, a:visited, a:link {
  color: black;
}

.globalReleaseEditRow {
  clear: both;
  padding: 6px 0;
  margin: 0;
  font-size: 12px;
  min-height: 25px;
  width: 100%;
}

.globalReleaseEditField {
  float: right;
  width: 300px;
  text-align: left;
}

.globalReleaseEditLabel {
  float: left;
  width: 150px;
  margin-left: 5px;
  padding-top: 3px;
  padding-right: 5px;
  text-align: left;
  font-weight: bold;
}

.globalReleaseEditInput {
  width: 200px;
  height: 22px;
  border: 1px solid #447799;
  background: #FFFFFF;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-top: 2px;
  padding-left: 3px;
}

.globalReleaseEditButtonBar {
  width: 90%;
  margin: 20px;
  text-align: center;
}

.globalReleaseEditButton {
  width: 150px;
  margin: 0 6px;
}

a.emailLink {
  color: blue;
  text-decoration: underline;
}

#downloadPortalLayout a:active,
#customerPortalLayout a:active {
  color: white;
  background-color: white;
}

/*------------------------------------------------------------------------------
   PhpInfo
------------------------------------------------------------------------------*/

.phpInfo {
  font-size: 12px;
  margin: 20px;
}

.phpInfo td, th, h1, h2 {
  font-family: sans-serif;
}

.phpInfo pre {
  margin: 0;
  font-family: monospace;
}

.phpInfo a:link {
  color: #000099;
  text-decoration: none;
  background-color: #FFFFFF;
}

.phpInfo a:hover {
  text-decoration: underline;
}

.phpInfo table {
  border-collapse: collapse;
  width: 70%;
  margin: 20px 0;
}

.phpInfo .center {
  text-align: center;
}

.phpInfo .center table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.phpInfo .center th {
  text-align: center !important;
}

.phpInfo td, th {
  border: 1px solid #000000;
  vertical-align: baseline;
}

.phpInfo h1 {
  font-size: 150%;
}

.phpInfo h2 {
  font-size: 125%;
}

.phpInfo .p {
  text-align: left;
}

.phpInfo .e {
  background-color: #CCCCFF;
  font-weight: bold;
  color: #000000;
}

.phpInfo .h {
  background-color: #9999CC;
  font-weight: bold;
  color: #000000;
}

.phpInfo .v {
  background-color: #CCCCCC;
  color: #000000;
}

.phpInfo .vr {
  background-color: #CCCCCC;
  text-align: right;
  color: #000000;
}

.phpInfo img {
  float: right;
  border: 0;
}

.phpInfo hr {
  width: 600px;
  background-color: #CCCCCC;
  border: 0;
  height: 1px;
  color: #000000;
}

.iconClassRD {
  background-color: blue;
}

.iconClassSPM {
  background-color: #52D5FF;
}

.iconClassTD {
  background-color: green;
}

.iconClassTD2 {
  background-color: lime;
}

.iconClassDefault {
  background-color: white;
}

.iconClassPBA {
  background-color: #B70000;
}

.iconClassSC {
  background-color: yellow;
}

.iconClassK2 {
  background-color: magenta;
}

.iconClassK1 {
  background-color: #DA8CFF;
}

.iconClassHobel {
  background-color: silver;
}

.iconClassBamtec {
  background-color: grey;
}

.iconClassWAMCF {
  background-color: #7A1C9E;
}

/* ======================================
 Textgröße anpassen (nach Änderung eUI)
====================================== */

.panel-body,
.panel-title,
.l-btn-text,
.textbox .textbox-text,
.textbox .textbox-prompt,
.combobox-item,
.combobox-group,
.combobox-stick,
.tabs-title,
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber,
.datagrid-header .datagrid-cell span,
.datagrid-view .datagrid-editable-input,
.pagination .pagination-num,
.pagination-info,
.pagination span,
.calendar table,
.calendar table td,
.calendar table th,
.calendar-title span,
.calendar-menu,
.calendar-menu-year,
.datebox-button a,
.progressbar-text,
.slider-tip,
.slider-rulelabel span,
.menu-text,
.menu-text span,
.tree-title,
.tree-node-proxy,
.tree-editor,
.tooltip-content,
.switchbutton-on,
.switchbutton-off,
.switchbutton-handle {
  font-size: 12px;
}

.combobox-item {
  line-height: 14px;
}