body {
  font-family: 'Poppins', sans-serif !important;
}

[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link.active {
  color: white !important;
  font-weight: 600 !important;
}

[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link:hover {
  color: white !important;
  font-weight: 400 !important;
}

[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link {
  color: rgb(255, 255, 255, .8) !important;
  font-weight: 400 !important;
}

[data-topbar=dark] #page-topbar {
  background-color: #3142bf;
  border-color: #3142bf;
}

[data-topbar=dark] .topbar-user {
  background-color: #5965bf;
}
[data-layout=vertical][data-sidebar=dark] .navbar-menu {
  background: #161d4d;
}

.border-radius-none {
  border-radius: 0 !important;
}
.btn-xs {
  padding: 0.125rem 0.25rem !important;
  font-size: 0.5rem !important;
  border-radius: 0.2rem !important;
}
/* Badge for status custom */
.btn-info-custom:active {
    border: none;
    outline: none;
}
.btn-info-custom {
    background-color: rgba(58, 186, 244, .2);
    border-radius:32px;
    padding:.4em .7em;
    width: 240px;
    text-align: left;
    outline: none;
    border: none;
}
.btn-info-custom i {
    background-color:rgba(58, 186, 244, 1);
    color: #fff;
    font-size: 16px;
    padding: 7px;
    border-radius: 50%;
}
.btn-info-custom span {
    color: rgb(43, 157, 209);
    padding: 0 16px 0 8px;
    font-weight: 600;
    font-size: 12px;
}

.btn-warning-custom {
    background-color: rgba(239, 169, 19, 0.2);
    border-radius:32px;
    padding:.4em .7em;
    width: 240px;
    text-align: left;
}
.btn-warning-custom:hover {
    background-color: rgba(239, 169, 19, 0.4) !important;
}
.btn-warning-custom:focus {
    background-color: rgba(239, 169, 19, 0.2) !important;
    border: 1px solid rgba(239, 169, 19, 0.2) !important;
}

.btn-warning-custom i {
  background-color:rgba(239, 169, 19);
  color: #fff;
  font-size: 16px;
  padding: 7px;
  border-radius: 50%;
}
.btn-warning-custom span {
  color: #000;
  padding: 0 16px 0 8px;
  font-weight: 600;
  font-size: 12px;
}

.btn-danger-custom {
  background-color: rgba(255, 0, 0, 0.2);
  border-radius:32px;
  padding:.4em .7em;
  width: 240px;
  text-align: left;
}

.btn-danger-custom:focus {
  background-color: rgba(255, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 0, 0, 0.2) !important;
}

.btn-danger-custom i {
  background-color:rgb(255, 0, 0);
  color: #fff;
  font-size: 16px;
  padding: 7px 10px;
  border-radius: 50%;
}
.btn-danger-custom span {
  color:rgb(255, 0, 0);
  padding: 0 16px 0 8px;
  font-weight: 600;
  font-size: 12px;
}
.wrap-radio-button input[type="radio"] {
  display: none;
}

.custom-radio-button {
  width: 100%;
  padding: 10px 10px 10px 45px;
  border: 2px solid rgb(0,0,0,.2);
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
}
.custom-radio-button .icon-setuju {
  padding: 6px 8px;
  font-size: 10px;
  background-color: #35b44a;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  margin-left: -33px;
  margin-top: -3px;
  box-shadow: 0 2px 6px #35b44a;
}
.custom-radio-button .icon-tidak {
  padding: 6px 8px;
  font-size: 10px;
  background-color: #fc544b;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  margin-left: -33px;
  margin-top: -3px;
  box-shadow: 0 2px 6px #fd9b96;
}
.custom-radio-button .icon-pending {
  padding: 6px 8px;
  font-size: 10px;
  background-color: #ff9100;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  margin-left: -33px;
  margin-top: -3px;
  box-shadow: 0 2px 6px #fd9b96;
}
.custom-radio-button {
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.wrap-radio-button .tidak{
  border: 2px solid #e94174;
  background-color: rgba(255, 0, 0, 0.1);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, .5);
}
.wrap-radio-button .setuju{
  border: 2px solid #35b44a;
  background-color: rgba(53, 180, 74, .2);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, .5);
}
.wrap-radio-button .pending{
  border: 2px solid #ff8400;
  background-color: rgba(242, 216, 19, 0.2);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, .5);
}
.wrap-radio-button .custom-radio-button span {
  color: #e94174;
}
.wrap-radio-button .custom-radio-button .icon-setuju {
  stroke: #e94174;
}
.wrap-radio-button .custom-radio-button .icon-tidak {
  fill: #e94174;
}
.zoom-in-out-box {
  animation: zoom-in-zoom-out 1s ease infinite !important;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.page-content {
  background-image: url(../../../public/assets/images/chat-bg-pattern.png);
  background-color: rgba(255,255,255, 0.4);
}

.project-card .card{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pagination-custom {
  float: right;
  margin-right:120px;
}
.pagination-custom li a{
  font-weight:800;
  background-color: white;
  font-size: 14px;
  padding: 2px 10px;
  color: #6777ef;
  border: 1px solid #6777ef;
}
.pagination-custom li.active a{
  background-color: #6777ef;
  color: #fff ; 
}
.pagination-custom .btn-pager:hover {
  background-color: #6777ef;
  color: #fff ; 
}
.pagination-custom .btn-pager.disabled-link {
  background-color: #dfdfdf;
  color: #6777ef ; 
  cursor: not-allowed;
}
.wrap-notfound img {
  max-width: 420px;
}

div.radio-checkbox > label > input {
  visibility: hidden;
}

div.radio-checkbox > label {
  display: block;
  margin: 0;
  padding: 0 0 20px 0;  
  height: 20px;
  min-width: 40px;
}

div.radio-checkbox > label > img {
  display: inline-block;
  padding: 0px;
  height:20px;
  width:20px;
  background: none;
  margin-left: -15px;
}

div.radio-checkbox > label > input:checked +img {  
  background: url('../images/icon/check.png');
  background-repeat: no-repeat;
  background-position:center center;
  background-size:20px 20px;
}
.center-placeholder::placeholder {
  /* Properti untuk mengatur placeholder ke tengah secara horizontal */
  text-align: center;
}
/*# sourceMappingURL=custom.css.map */