/* SMANJA v22.2.2 — modal close reliability + visible close affordance */
body.smanja-v2222 .modal .modal-content{
  position:relative;
}
body.smanja-v2222 .modal .sj2222-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:40;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(10,66,105,.14);
  border-radius:11px;
  background:rgba(255,255,255,.96);
  color:#123b59;
  box-shadow:0 8px 22px rgba(4,36,60,.14);
  font:500 28px/1 Arial,sans-serif;
  cursor:pointer;
  opacity:1;
  pointer-events:auto!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
body.smanja-v2222 .modal .sj2222-modal-close:hover,
body.smanja-v2222 .modal .sj2222-modal-close:focus-visible{
  transform:translateY(-1px);
  background:#0a5f96;
  color:#fff;
  box-shadow:0 10px 24px rgba(4,69,109,.22);
  outline:3px solid rgba(26,130,188,.18);
  outline-offset:2px;
}
body.smanja-v2222 .modal .modal-header,
body.smanja-v2222 .modal .card-header{
  padding-right:62px!important;
}
body.smanja-v2222 #modalViewsambutan .modal-header .close,
body.smanja-v2222 #modalcari .modal-header .close{
  position:relative;
  z-index:45;
  pointer-events:auto!important;
}
body.smanja-v2222 .modal.show{
  pointer-events:auto!important;
}
body.smanja-v2222 .modal.show .modal-dialog,
body.smanja-v2222 .modal.show .modal-content{
  pointer-events:auto!important;
}
@media(max-width:575.98px){
  body.smanja-v2222 .modal .sj2222-modal-close{
    top:9px;
    right:9px;
    width:36px;
    height:36px;
    border-radius:10px;
    font-size:26px;
  }
  body.smanja-v2222 .modal .modal-header,
  body.smanja-v2222 .modal .card-header{
    padding-right:54px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.smanja-v2222 .modal .sj2222-modal-close{transition:none!important;}
}