.td_totle_budget {
  vertical-align: middle !important;
  text-align: left !important;
  width: 40%;
}

.td_list_subject {
  text-align: left !important;
  width: 55%;
}

.td_list_amount {
  text-align: left !important;
  width: 45%;
}

.hidden_text {
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.font_24 {
  font-size: 24px !important;
}

.font_18 {
  font-size: 18px !important;
}

.font_14 {
  font-size: 14px !important;
}

.budget_progress {
  width: 100%;
  border: solid 1px #bae0ba85 !important;
  display: flex;
}

.budget_progress .used_budget{
  background-color: #bae0babd !important;
  height: 15px;
}

.budget_progress .used_budget:hover{
  background-color: #babae0 !important;
}

.budget_progress .pending_budget{
  background-color: #e0baba !important;
  height: 15px;
}

.budget_progress .pending_budget:hover{
  background-color: #babae0 !important;
}

.budget_progress .remaining_budget{
  background-color: #ffffff !important;
  height: 15px;
}

.budget_progress .remaining_budget:hover{
  background-color: #babae0 !important;
}

.red .value{
  color: red !important;
  font-weight: bold !important;
}

.budget_expense {
  width: 100%;
}

.budget_expense thead th{
  background-color: transparent;
  border: 0px;
  text-align: center;
}

.budget_expense tbody td{
  border: solid 1px #D7D7D7;
}

.budget_expense tbody .date {
  width: 10% !important;
}

.budget_expense tbody .totle {
  width: 10% !important;
}

.budget_expense tbody .service {
  width: 10% !important;
}

.budget_expense tbody .disbursement {
  width: 10% !important;
}

.budget_expense tbody .other {
  width: 10% !important;
}

.budget_expense tbody .month {
  text-align: center;
}

.budget_dashboard {
  width: 100%;
  display: flex;
}

.budget_dashboard .budget_box {
  min-width: 200px;
  padding: 25px;
  color: white;
  margin: 5px;
  border-radius: 20px;
}

.palette_b {
  background: linear-gradient(45deg, rgba(0,128,255,0.75), rgba(41,166,241,0.75));
}
.palette_r {
  background: linear-gradient(45deg, rgba(0,224,153,0.75), rgba(95,224,139,0.75));
}
.palette_g {
  background: linear-gradient(45deg, rgba(255,128,68,0.75), rgba(255,90,82,0.75));
}
.palette_p {
  background: linear-gradient(45deg, rgba(153,64,204,0.75), rgba(112,77,231,0.75));
}

.red {
  color: red !important;
}