body,
.div {
  margin: 5px;
  padding: 0;
}

.xlsxlist {
  text-align: right;
}

.content {
}

.edit {
  display: none;
}

.add,
.edit,
.get {
  margin: 30px;
}

.add label,
.edit label {
  display: inline-block;
  width: 150px;
  vertical-align: top;
}

.add input,
.add textarea,
.add select,
.edit input,
.edit textarea,
.edit select,
#filter_company {
  width: 300px;
}

.add textarea,
.edit textarea {
  height: 100px;
}

.add button,
.edit button {
  display: block;
  width: 460px;
}

.table {
  width: 100%;
  margin-bottom: 50px;
}

.table tr:nth-child(2n) {
  background-color: rgb(226, 226, 226);
}

.table tr.documentsumma button,
.table tr.transactionsumma button,
.table tr.documentsumma input,
.table tr.transactionsumma input {
  display: none;
}

.table tr.transactionsumma {
  background-color: rgb(158, 158, 244);
}

.table tr.documentsumma {
  background-color: rgb(205, 205, 242);
}

.table .purchasesalesumma.red {
  color: red;
}

.table .row {
  width: 100%;
}

.table .debitcredit.debitor,
.table .calculation.debitor {
  background-color: aqua;
}

.table .debitcredit.creditor,
.table .calculation.creditor {
  background-color: bisque;
}

.table .item-row.highlight,
.table tr.highlight {
  background-color: rgb(197, 255, 233) !important;
}

.cell.summa,
.cell.summaeur,
.cell.summacrossrate,
.cell.transactionsumma,
.cell.totalsumma,
.cell.summaeur,
.cell.servicesumma,
.cell.transactionsummaeur,
.cell.servicesummaeur,
.cell.totalsummaeur {
  text-align: right;
  width: 100px;
}

#currentaccountstatus {
  margin: 30px;
}

#currentaccountstatus label.bankname {
  width: 180px;
  display: inline-block;
}

#currentaccountstatus label.code {
  width: 40px;
  display: inline-block;
}

#currentaccountstatus label.summa {
  width: 100px;
  text-align: right;
  display: inline-block;
}

.filter,
.sort {
  margin: 30px;
}

.filter .filter_remove_button,
.filter .filter_add_button {
  text-decoration: none;
  margin-left: 10px;
}

/*.table .cell.extend {
    width: 35px;
}

.table .cell.inout {
    width: 50px;
}

.table .cell.date {
    width: 90px;
}

.table .cell.summa {
    width: 130px;
    text-align: right;
    margin-right: 10px;
}

.table .header .cell.summa {
    text-align: left;
}

.table .cell.currency {
    width: 60px;
}

.table .cell.company {
    width: 200px;
}

.table .cell.category {
    width: 200px;
}

.table .cell.type {
    width: 150px;
}

.table .cell.number {
    width: 150px;
}

.table .cell.description {
    width: 250px;
}

.table .cell.delete {
    width: 70px;
}*/

.calendar-alert {
  margin: 10px;
  background: #ffc5c5;
  padding: 10px;
}

.item-head {
  font-weight: bold;
}

.item {
  display: inline-block;
  margin: 5px;
  padding: 5px;
}

.item:not(:last-child) {
  border-right: 1px solid #ccc;
}

#documenttable {
  display: table;
}

.item-row {
  display: table-row;
}

.item {
  display: table-cell;
}
.item-row:nth-child(odd) {
  background: #eee;
}
.item-value {
  display: inline;
}
.item strong {
  display: none;
}

@media screen and (max-width: 1024px) {
  #documenttable,
  .item-row,
  .item {
    display: block;
  }
  .item:not(:last-child) {
    border-right: none;
  }
  .item:empty {
    display: none;
  }
  .item-row.header {
    display: none;
  }
  .item {
    margin: 0;
    padding: 0;
  }
  .item-row {
    margin: 5px 0;
    padding: 5px;
  }
  .btn,
  .item button {
    margin: 10px 0;
    width: 100% !important;
    padding: 10px;
  }
  .item strong {
    display: inline;
  }
}

body {
	padding-bottom: 59px
}

#to-up {
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	padding: 20px;
	background: #ccc;
	text-align: center;
}