/* Stylesheet for kivitendo
 * Name: lx-office-erp.css*/

/* The look of links */
A:link { color: mediumblue; text-decoration: none; }
A:visited { color: mediumblue; text-decoration: none; }
A:active { color: black; text-decoration: none; }
A:hover { color: black;
           background-color: lemonchiffon;
           text-decoration: none;
         }
a, div {
  transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
}

input, textarea, select {
  border: 1px;
  border-color: darkgray lightgray lightgray;
  border-style: solid;
  padding: 1px;
  background-color: white;
}

select {
  padding: 0px;
}

input:focus, textarea:focus, select:focus {
  background-color: whitesmoke;
  border: 1px;
  border-color: gray lightgray lightgray;
  border-style: solid;
}

input:hover, textarea:hover, select:hover {
  border-color: dimgray darkgray darkgray;
}

input[type="button"],
input[type="submit"],
button,
input[type="button"]:focus,
input[type="submit"]:focus,
button:focus {
  border: 1px;
  border-color: darkgray;
  border-style: solid;
  padding: 0px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: whitesmoke;
}

button:hover:enabled,
input[type="button"]:hover:enabled,
input[type="submit"]:hover:enabled {
  border: 1px;
  background-color: lightgray;
  border-color: gray;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

html {
  height: 100%;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: white;
  background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  color: black;
  height: 100%;
}

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-size: 8pt;
  font-weight: normal;
}
td.hover:hover {
    color: black;
/*          background-color: #FFFFCC;
          font-size: 8pt;
          text-decoration: none;
          border:none;
          borderWidth:0px;
          borderColor:2557AD;
*/
}


th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-size: 8pt;
  font-weight: normal;
}

/* login and admin */
.login {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.login {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: #b8d1f3;
  color: #A0A0A0;
}
h1.login {
  font-size: 18pt;
}
table.login {
  background-color: #efedde;
  padding: 20px;
}
td.login {
  text-align: center;
}
th.login {
  text-align: right;
}

div.admin {
  color: black;
  margin: 8px;
}

.message_error_login {
    color: #000000;
    border: 1px solid #8b0000;
    background-color: #ffcccc;
    padding: 3px;
}
.message_ok {
    font-size: 12pt;
    padding:5px;
    background-color: #ADFFB6;
    color: black;
    font-weight: bolder;
    text-align:center;
    border-style:solid;
    border-width:thin;
}
.message_error {
    font-size: 12pt;
    padding:5px;
    background-color: #FFAAAA;
    color: black;
    font-weight: bolder;
    text-align:center;
    border-style:solid;
    border-width:thin;
}
.message_hint {
    font-size: 12pt;
    padding:5px;
    background-color: #FFFE66;
    color: black;
    font-weight: bolder;
    text-align:center;
    border-style:solid;
    border-width:thin;
}
.message_error_label {
    font-size: 0.8em;
    padding:5px;
    background-color: #FEE;
    font-weight:normal;
    text-align:left;
    border-style:solid;
    border-width:thin;
}

/*
    Überschriftsbalken
*/
.listtop, h1 {
    background-color: rgb(236,233,216);
    text-align:left;
    padding:5px;
    font-size: 10pt;
    color: black;
    font-weight: bolder;
    border-style:dashed;
    border-width:thin;
}


.listelement {
    background-image: url("../../image/fade2.png");
    background-repeat:repeat-x;
    border-style:dashed;
    border-width:thin;
}

.listelement2 {
    background-image: url("../../image/fade2.png");
    background-repeat:repeat-x;
    border-style:dashed;
    border-width:thin;
}

.listheading, .listheading th, #content h2 {
    font-size: 9pt;
    padding:3px;
    background-color:
    rgb(236,233,216);
    color: black;
    font-weight: bolder;
    text-align:left;
    background-image: url("../../image/fade.png");
    border-style:dotted;
    border-width:thin;
}

.listheadingcontent {
    font-size: 9pt;
    background-color:
    rgb(236,233,216);
    color: black;
    font-weight: bolder;
    text-align:left;
}

.accountlistheading {
    font-size: 10pt;
    padding:3px;
    color: white;
    font-weight: bold;
    text-align:left;
    background-color:rgb(133,132,129);
}

.subsubheading {
  color: black;
  font-weight: bolder;
  text-decoration: underline;
}

.optionen {
    border:dashed;
/*  padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
*/
    border-width:1px;
    background:#efedde;
}


.listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
.listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
.listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }

.redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
.redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }

.greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
.greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }

.listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}

.listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}

/* Verkaufsbericht */
.listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
.listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
.listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
.listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
.listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}


.submit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}
.checkbox, .radio {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #778899;
}

.plus0 {    /* font color for negative numbers */
  color: red;
}

.plus1 {
  color: green;
}

td.numeric { /* class for numeric columns in tables */
  text-align: right
}

h2.confirm {
  color: blue;
  font-size: 14pt;
}

h2.error {
  color: red;
  font-size: 14pt;
}

fieldset {
  margin-top:15px;
  color: black;
  font-weight: bolder;
}

/* media stuff */

@media screen {
  .noscreen {   /* items with this class won't display */
    display: none;
  }
}

@media print {
  .noprint {   /* items with this class won't print */
    display: none;
  }
}

.filecontent {
  border: 1px solid blue;
  padding-left: 2px;
  padding-right: 2px;
}

label {
  cursor:pointer;
}

.unbalanced_ledger {
  background-color: #ffa0a0;
}

.clearfix:after {
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

.flash_message_error {
  background-color:#FFD6D6;
  border: 1px solid #AE0014;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
}

.flash_message_warning {
  background-color:#FFE8C7;
  border: 1px solid #FF6600;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
}

.flash_message_info {
  background-color:#DCF2FF;
  border: 1px solid #4690FF;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
}

.flash_title {
  font-weight: bold;
}

/* Kontenliste Styles */

.coa_listrow1 {
  background-color: rgb(208,207,201);
  color: black;
  vertical-align: top;
}

.coa_listrow0 {
  background-color: rgb(236,233,216);
  color: black;
  vertical-align: top;
}

.coa_detail_emph {
  font-size:10pt;
  font-weight:bold;
  color:darkred;
}

.coa_details_header {
  font-size:8pt;
  padding:3px;
  font-weight:bolder;
  text-align:center;
  border-style:none;
  border-width:thin;
}

.coa_details_header2 {
  font-size:8pt;
  padding:3px;
  font-weight:normal;
  text-align:left;
  border-style:none;
  border-width:thin;
}

.dimmed-text {
  color: #aaa;
  font-style: italic;
}

.link_separator {
  margin-left: 6px;
  margin-right: 6px;
}

.small-text {
  font-size: 0.75em;
}

.float-left {
  float: left;
}
.float-right {
  float: right;
}

.block-context {
  overflow: hidden;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.part_picker {
  padding-right: 16px;
}
.customer-vendor-picker-undefined,
.partpicker-undefined {
  color: red;
  font-style: italic;
}
div.part_picker_part {
  padding: 5px;
  margin: 5px;
  border: 1px;
  border-color: darkgray;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: whitesmoke;
  cursor: pointer;
}
div.part_picker_part:hover {
  background-color: lightgray;
  border-color: gray;
}
div.ppp_block {
  overflow:hidden;
  float:left;
  width: 350px;
}
div.ppp_block span.ppp_block_number {
  float:left;
}
div.ppp_block span.ppp_block_description {
  float:right;
  font-weight:bold;
}
div.ppp_line span.ppp_block_description {
  margin-left:1em;
  font-weight:bold;
}
div.ppp_line span.ppp_block_sellprice {
  display:none;
}
span.toggle_selected {
  font-weight: bold;
}

/* CTI */
a.cti_call_action {
  display: inline-block;
  padding-left: 18px;
  height: 16px;
  position: relative;
  top: 2px;
  vertical-align: center;
  background-image: url(../../image/icons/16x16/phone.png);
  background-repeat: no-repeat;
}

/* the cvars table in the 2. row */
.row2-cvars-table tr {vertical-align: top;}
.row2-cvars-table th {text-align: right; padding-left: 15px; padding-right: 0;}
.row2-cvars-table td, .row2-cvars-table th {padding-top: 10px;}