/* COLORS */

.color-maroon {
  color: #800000;
}

.color-red {
  color: #ff0000;
}

.color-orange {
  color: #ffA500;
}

.color-yellow {
  color: #ffff00;
}

.color-olive {
  color: #808000;
}

.color-purple {
  color: #800080;
}

.color-fuchsia {
  color: #ff00ff;
}

.color-white {
  color: #ffffff;
}

.color-lime {
  color: #00ff00;
}

.color-green {
  color: #008000;
}

.color-navy {
  color: #000080;
}

.color-blue {
  color: #0000ff;
}

.color-aqua {
  color: #00ffff;
}

.color-teal {
  color: #008080;
}

.color-black {
  color: #000000;
}

.color-silver {
  color: #c0c0c0;
}

.color-gray {
  color: #808080;
}

/* own */

.color-rose {
  color: #ea6c8e;
}

.color-ocean {
  color: #5878df;
}

.color-wood {
  color: #66a770;
}

.color-sahara {
  color: #d0c32e;
}

.color-fight {
  color: #cb60c0;
}

.color-island {
  color: #163859;
}

.color-summer {
  color: #09b219;
}

.color-sky {
  color: #1a8ea4;
}

/* COLORS END */

/* BACKGROUND COLORS */

.background-color-maroon {
  background-color: #800000;
}

.background-color-red {
  background-color: #ff0000;
}

.background-color-orange {
  background-color: #ffA500;
}

.background-color-yellow {
  background-color: #ffff00;
}

.background-color-olive {
  background-color: #808000;
}

.background-color-purple {
  background-color: #800080;
}

.background-color-fuchsia {
  background-color: #ff00ff;
}

.background-color-white {
  background-color: #ffffff;
}

.background-color-lime {
  background-color: #00ff00;
}

.background-color-green {
  background-color: #008000;
}

.background-color-navy {
  background-color: #000080;
}

.background-color-blue {
  background-color: #0000ff;
}

.background-color-aqua {
  background-color: #00ffff;
}

.background-color-teal {
  background-color: #008080;
}

.background-color-black {
  background-color: #000000;
}

.background-color-silver {
  background-color: #c0c0c0;
}

.background-color-gray {
  background-color: #808080;
}

/* own */

.background-color-rose {
  background-color: #ea6c8e;
}

.background-color-ocean {
  background-color: #5878df;
}

.background-color-wood {
  background-color: #66a770;
}

.background-color-sahara {
  background-color: #d0c32e;
}

.background-color-fight {
  background-color: #cb60c0;
}

.background-color-island {
  background-color: #163859;
}

.background-color-summer {
  background-color: #09b219;
}

.background-color-sky {
  background-color: #1a8ea4;
}

/* BACKGROUND COLORS END */

/* */

.p {
  margin-top: 1em;
}

.p2 {
  margin-top: 2em;
}

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.bold {
  font-weight: bold;
}

/* */

.ui-content {
  margin: 0;
  padding: 0;
}

/* */

#chartLine {
  margin: 0 auto;
}

#btnChart {
  background-color: #3388cc;
  color: #fff;
}

.header, #assets, #from, #to, #period, #tx1, #tx2 {
  margin: .5em;
}

.header2 {
  margin: 1.5em .5em .5em .5em;
}

.header, .header2 {
  color: #777;
}

#tx1, #tx2 {
  width: auto;
  /*margin: 0 auto;*/
  background-color: #fff;
  border-collapse: collapse;
}

table th, table td {
  border: 1px solid #bbb;
}

.period-label {
  width: 5em;
}

.footer {
  margin: 3em auto 1em;
  font-size: small;
  text-align: center;
}

/* */