@charset "UTF-8";
#divEconomy {
  /***********************************/
  /***********************************/
  /***********************************/
  /***********************************/
  /***********************************/
  /***********************************/
  /***********************************/
}
#divEconomy label {
  font-size: 0.85em;
}
#divEconomy table {
  border-radius: 0.5rem;
}
#divEconomy th {
  font-weight: bold;
}
#divEconomy tr.dbMatch {
  background-color: #ffb4b4;
  color: #999999;
}
#divEconomy tr.dbMatch .redAmount {
  /* När denna class inträffar, behöver "redAmount" trots sitt namn, bli *vitt* för att synas mot röd bakgrund : -P */
  color: #999999;
}
#divEconomy tr:nth-child(2n) {
  background-color: #f5f5f5;
}
#divEconomy tr:not([bgcolor]):hover {
  background-color: #eef0f9;
}
#divEconomy td.given1,
#divEconomy td.given2,
#divEconomy td.given3 {
  background-color: #dff0f4;
}
#divEconomy input,
#divEconomy select,
#divEconomy textarea {
  color: #402209;
  border: 1px solid #999999;
  background-color: #fafafa;
}
#divEconomy select:hover {
  cursor: pointer;
}
#divEconomy ul {
  list-style: none;
}
#divEconomy ul li a,
#divEconomy input[type=submit] {
  color: #000000;
  background-color: #aada76;
  cursor: pointer;
  min-width: 60px;
  max-width: 400px;
  border: 1px outset #666666;
}
#divEconomy ul li a:hover,
#divEconomy input[type=submit]:hover {
  color: #fafafa;
}
#divEconomy input[type=radio] {
  top: 0.15em;
}
#divEconomy label {
  padding: 0.2em 1em;
  margin: 0.3em auto;
  display: block;
  position: relative;
  border: 1px solid #666666;
  width: 80%;
  min-width: 230px;
  background-color: #CCCCCC;
  opacity: 0.8;
  color: #333333;
  cursor: pointer;
}
#divEconomy label.yes:hover, #divEconomy label.yesSelected {
  background-color: #8ac400;
  opacity: 1;
}
#divEconomy label.no:hover, #divEconomy label.noSelected {
  background-color: #bd0000;
  opacity: 1;
}
#divEconomy .input_remember {
  background-color: #edfbc4;
  border: 1px solid #B5FF6A;
  padding: 0.5em;
  font-size: 1em;
}
#divEconomy .previewCategory {
  width: 100px;
}

/*
 * A fine table :o)
 */
.tblEconomy tr {
  display: flex;
}
.tblEconomy th:nth-child(1),
.tblEconomy td:nth-child(1) {
  width: 37px;
}
.tblEconomy th:nth-child(2),
.tblEconomy td:nth-child(2) {
  width: 10px;
}
.tblEconomy th:nth-child(3),
.tblEconomy td:nth-child(3) {
  width: 80px;
}
.tblEconomy th:nth-child(4),
.tblEconomy td:nth-child(4) {
  width: 20px;
  margin: 0 2px;
}
.tblEconomy th:nth-child(5),
.tblEconomy td:nth-child(5) {
  width: 40px;
  margin-right: 2px;
}
.tblEconomy th:nth-child(6),
.tblEconomy td:nth-child(6) {
  width: 40px;
  margin-right: 2px;
}
.tblEconomy th:nth-child(7),
.tblEconomy td:nth-child(7) {
  width: 40px;
  margin-right: 2px;
}
.tblEconomy th:nth-child(8),
.tblEconomy td:nth-child(8) {
  width: 40px;
  margin-right: 2px;
}
.tblEconomy th:nth-child(9),
.tblEconomy td:nth-child(9) {
  width: 60px;
}
.tblEconomy td {
  white-space: nowrap;
  overflow: hidden;
}
.tblEconomy td img {
  width: 20px;
  height: 20px;
  border: 0;
  opacity: 0.2;
}
.tblEconomy td img:hover {
  opacity: 0.95;
}
.tblEconomy .date {
  direction: rtl;
}

/*
 * General
 */
.cResv,
.cResv a {
  color: #AD1C00 !important;
}

.bgMinus {
  background: rgba(214, 69, 93, 0.2509803922) !important;
}

.bgPlus {
  background: #9fc03a !important;
}

.bgResult {
  background: #b5eaef !important;
  font-size: 1em;
}

.median {
  color: #999999 !important;
}

.pennies {
  font-size: 0.8em !important;
}

.fat {
  font-weight: bold !important;
}

.colorRed {
  color: #c23149 !important;
}

.colorGreen {
  color: #93b332 !important;
}

.redAmount {
  color: #CC0000 !important;
}

.importantRed {
  color: #d53d56 !important;
  font-weight: bold !important;
}

/*
 * Update
 */
.tblUpdate {
  font-size: 1em;
}
.tblUpdate p {
  font-size: 0.95em;
}

/*
 * RESV-table
 */
.tblResv .id {
  width: 60px;
}
.tblResv .date {
  width: 80px;
}
.tblResv .desc {
  width: 200px;
}
.tblResv .account {
  width: 60px;
}
.tblResv .amount {
  width: 100px;
}
.tblResv .cat {
  width: 100px;
}
.tblResv .relate {
  width: 100px;
}

/*
 * Quick Flag
 */
#frmQuickFlag input {
  width: 25%;
  min-height: 60px;
  border-radius: 1em;
}