.border {
  border: 2px solid red;
}

table tr,
table th,
table td {
  white-space: nowrap;
}

.cs-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.date-year {
  font-size: 1.3em;
  font-weight: bold;
}

.color-total {
  background-color: #d5fbd5;
}

.standalone-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
  padding: 2px;
  background-color: #ffffffc7;
}

.standalone-container #bubble-container {
  border: 1px solid grey;
  width: 80%;
}

.standalone-container #send-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid black;
}

.add-icon {
  border: 1px solid red;
}

.button-text {
  /*font-size: 23px;*/
  margin-bottom: 3px;
}

.cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pt {
  padding-top: 25px;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100%;
  background-color: white;
}

.form-class {
  padding: 15px;
  margin: 25px 0;
  border-radius: 15px;
}

.amount-sum {
  font-weight: bolder;
  font-size: x-large;
}

.category-badge,
.year-badge {
  padding: 15px 10px;
  margin: 3px 5px;
}

#add-expenditure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#add-expenditure .col-3 {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #007aff;
}

#add-expenditure .col-3 a {
  color: #fff;
}

#add-expenditure .col-7 {
  padding: 0 15px;
}

#add-expenditure div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*
.admin-popup {
    div {
        display: flex;
        justify-content: center;
        align-items: center;
        .admin-form {
            text-align: left;
            border-radius: 15px;
            width: 350px;
        }
    }
}
*/
/*# sourceMappingURL=app.css.map */