body{
    font-family: "Inter",sans-serif !important;
}
.notifikasi {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
}
.notifikasi .notif{
    padding: 1rem 2rem;
    border-radius: 11px;
    font-weight: 500;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}

.table th,
.table td{
    width: max-content !important;
}
.text-center{
    text-align: center !important;
}
.text-start{
    text-align: start !important;
}
.text-end{
    text-align: end !important;
}
.modal {
    text-align: center;
    padding: 0!important;
  }
  
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; 
  }
  
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }

  td .form-group{
    width: 100%;
  }
  td .form-control{
    width: 100% !important;
  }
   .form-horizontal .form-group{
    margin: 0 ;
  }

  .mb-3{
    margin-bottom: 1.3rem !important;
  }
  .fw-bold{
    font-weight: 600 !important;
  }
  .fw-bolder{
    font-weight: 700 !important;
  }

  .table-avatar{
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .table-avatar img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .table-avatar h3{
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin: 0;
  }
  .table-avatar h5{
    font-size: 1rem;
    font-weight: 400;
    margin-top: .5rem;
  margin-bottom: 0;
  }
  .p-5{
    padding: 2rem !important;
  }
  .mt-1{
    margin-top: .75rem !important;
  }
  .fst-italic{
    font-style: italic !important;
  }
  .d-block{
    display: block !important;
  }
  .w-100{
    width: 100% !important;
  }
  .title-widget{
    font-size: 2.3rem;;
  }