.error{
  color: red;
}
a.notif {
  position: relative;
  display: block;
  background-size: contain;
  text-decoration: none;
}
.notif-show {
  position: absolute;
  border-radius: 50%;
  text-align: center;
  border: 2px solid #f00 !important;
  width: 10px;
  height:10px;
  bordeR: 1px solid;
  background-color: #f00;
}

.td-date, .td-desc{
  text-align: left;
}

.td-num, .th-total{
  text-align: center;
}

.td-inv-num, .td-pay-num, .td-total{
  text-align: right;
}

.td-action{
  text-align: center;
}
.account-summary-table tbody tr td{
  border: none;
  font-family: "Quicksand-Regular";
  font-weight: 600;
}
.buff td{
  font-family: "Quicksand-Bold" !important;
  font-size: 15.5px !important;
}

.top-header .navbar .nav-item .nav-link{
  font-size: 0.9rem !important;
}

.scrollable{
  overflow: hidden;
  overflow-x: scroll;
}
.transparent{
  color: transparent;
}
@media screen and (max-width: 768px) {
  .account-summary-table th, .account-summary-table td{
      font-size: 12px !important;
      width: 100px;
  }
  .account-summary-table{
      table-layout: fixed;
      width: 100px;
  }
  tr:not(:first-child):not(:last-child) td, tr th{
    vertical-align: middle;
  }
}