.budgetLine {
    width: 100%;
    background: #00000033;
    border-radius: 5px;
}

.openCloseArrow{
    font-size: 20px;
    margin-right: 15px;
}

.budgetLineHeader {
    width: 100%;
    background: #00000061;
    padding: 6px 15px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 1px;
}

.expenseItem {
    cursor: pointer;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    padding: 1px;
}

.expenseItem:hover {
    background: #ffffff12;
}

.budgetLineExpenses {
    padding: 5px;
    padding-left: 25px;
    display: none;
}

.budgetLine.show .budgetLineExpenses {
    display: block;
}

.budgetLineHeader .input input {
    background: none;
    font-weight: bold;
    border: none;
    font-size: 16px;
}

.budgetLineDetails {
    display: flex;
    align-items: center;
}

.budgetLineDetails h5 {
    margin: 0px;
    color: #ffffff59;
    font-size: 12px;
}

.budgetLineDetails>div {
    width: 175px;
    text-align: right;
}

.estimates:before {
    content: 'ESTIMATES';
    font-size: 12px;
    font-weight: bold;
    margin-left: -10px;
    color: #ffffff52;
}

.budgetLineHeader .input,.budgetLineHeader .select {
    margin: 0px;
}

.budgetLineHeader .select select {
    background: none;
    border: none;
    font-size: 15px;
    font-weight: bold;
}

.budgetLineHeader .select .inputPlaceholder, .budgetLineHeader .input input.hasText+.inputPlaceholde {
    color: #555;
    background: none;
}

input.hasText {}