@font-face {
    font-family: 'Poppins';
    src: url('/assets/css/fonts/poppins/Poppins-Regular.ttf');
}



body {
    font-family: 'Poppins'!important;
    font-size: 14px !important;
    
}

.bg-app{
    background-color: #ecf0f5;
}

.bg-sidebar{
background-color: #3c4b64;
}

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

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

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

.btn-red{
  background-color: #e50000;
}

.btn-red:hover{
  background-color: #f61a1a;
}

h6{
  font-size: 16px;
}

.pagination {
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--bs-border-color);
    border-radius: 7px;
}

.page-link {
    border: none !important;
    cursor: pointer;
    font-size: 14px !important;
}

.active>.page-link,
.page-link.active {
    background-color: #65676d !important;
    color: white !important;
}

.bi {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.text-default{
    font-size: 14px;
}

.text-kecil{
  font-size: 12px;
}

.link-table{
  cursor: pointer;
}

.bg-link{
  background-color: #e6e7e8;
}

.bg-title{
  background-color: #002855;
}

.btn-check{
  
}

.btn-pilih{
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #383737;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
  background-color: #f0edf6;
  color: #333;
  border: 1px solid #383737;
}

.fw-nominal{
  font-size: 20px;
  color: #e50000;
  font-weight: 700;
}

.fw-keterangan{
  font-size: 12px;
  color: #717274;
}

.font-link{
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
}

.font-judul{
  font-size: 18px;
  font-weight: 600;
}

.btn-act{
  color: #fff;
  font-size: 12px;
}



.btn-form{
  font-weight: 600;
  padding: 7px 15px 7px 15px;
}

.btn-simpan{
  background-color: #e50000 !important;
  font-weight: 600;
  padding: 7px 15px 7px 15px;
}

/*
 * Sidebar
 */

@media (min-width: 768px) {
  .sidebar .offcanvas-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
  }
  .navbar-search {
    display: block;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  font-size: 14px;
}

.sidebar .nav-link {
    color: #FFFFFF;
}

.sidebar .nav-link.active {
  font-weight: 600;
  background-color: #51617d;
  border-radius: 0px;
  margin: 0px;
  
}

.sidebar-heading {
  font-size: .75rem;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  /* background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */

  /* background-color: rgba(0, 0, 0, .25); */
}

.navbar .form-control {
  padding: .75rem 1rem;
}

/* custom */
.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{width:100%;height:3rem;background-color:#0000001a;border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.btn-bd-primary{--bd-violet-bg: #712cf9;--bd-violet-rgb: 112.520718, 44.062154, 249.437846;--bs-btn-font-weight: 600;--bs-btn-color: var(--bs-white);--bs-btn-bg: var(--bd-violet-bg);--bs-btn-border-color: var(--bd-violet-bg);--bs-btn-hover-color: var(--bs-white);--bs-btn-hover-bg: #6528e0;--bs-btn-hover-border-color: #6528e0;--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);--bs-btn-active-color: var(--bs-btn-hover-color);--bs-btn-active-bg: #5a23c8;--bs-btn-active-border-color: #5a23c8}.bd-mode-toggle{z-index:1500}.bd-mode-toggle .bi{width:1em;height:1em}.bd-mode-toggle .dropdown-menu .active .bi{display:block!important}