/* budget styles */
#budget-app {
    background-color: #FFFFFF;
}
.removeBtn {
    cursor: pointer;
}
.removeBtn:hover {
    background: #ff000061;

}
.addBtn {
    cursor: pointer;
}

.addBtn:hover {
    background: #00ff84a5 ;
}

.line-item {
    border-bottom: 5px solid #8800dda5;
}

.add-minus {
    cursor: pointer;
}

.date-input {
    cursor: pointer;
}

.img-header-bg {
    background-color: #8800dda5;
}

.addNewBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #8800dda5;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
  }
  
.addNewBtn:hover {
    background-color: #555;
}

.input-error {
    border: 2px solid #ff0000b3 !important;
    background-color: #fff1f1;
}

.negative-total {
    color: red;
    font-weight: bold;
}