@charset "UTF-8";

@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Thin.ttf");
  font-weight:100;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-ExtraLight.ttf");
  font-weight:200;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Light.ttf");
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Regular.ttf");
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Medium.ttf");
  font-weight:500;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-SemiBold.ttf");
  font-weight:600;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Bold.ttf");
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-ExtraBold.ttf");
  font-weight:800;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Black.ttf");
  font-weight:900;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Regular.ttf");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: "Poppins";
  src:url("Poppins/Poppins-Regular.ttf");
  font-weight:normal;
  font-style:normal;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  cursor:none;
}

#kt_body button {
  cursor:none;
}

#kt_body button:hover {
  cursor:none;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}

/* Keypad */
.keypad { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
#kt_body .keypad button { padding: 15px !important; font-size: 20px; }
#kt_body .keypad .enter-key { grid-column: 4; grid-row: 3 / span 2; height: 130px; font-size: 21px !important} /* Span 2 rows */
#kt_body .keypad .del-key, #kt_body .keypad .clear-key {
  font-size:16px !important;
}

#zero-key { grid-column: 2; width: 100%; }
.dummy-key { background-color: white; cursor: default; }

/*Keypad QWERTY */
.keypad-qwerty { 
  display: grid; 
  grid-template-columns: repeat(11, 1fr); 
  gap: 12px; 
}

#kt_body .keypad-qwerty .enter-key {
  grid-column: 11;
  height: 130px;
  font-size: 21px !important;
  grid-row: 3 / span 2;
}


#kt_body .keypad-qwerty .del-key, #kt_body .clear-key {
  font-size: 16px !important;
}

.keypad-qwerty .dummy-key { 
  background-color: lightgray; 
  cursor: default; 
  grid-column: span 2; 
}

.keypad-qwerty button {
   padding: 15px !important; font-size: 20px; 
}

/* .keypad-qwerty button:nth-child(10) {
  grid-column: span 2;
} 
*/

/* .keypad-qwerty button:nth-child(27) {
  grid-column: span 2; 
} */

/* END KEYPAD QWERTY */

/* izi toast */
#kt_body .iziToast {
  font-family: inherit;
  font-size: inherit;
  padding: 10px 45px 10px 0;
  background: rgba(238,238,238);
  border-color: rgba(238,238,238);
  min-height: 35px;
  border-radius:10px;
}

#kt_body .iziToast-wrapper-bottomCenter, .iziToast-wrapper-center {
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
}

#kt_body .iziToast>.iziToast-body .iziToast-message{  
  font-weight:500;
 font-size:18px;
}

/* Label pilih klinik  */
#kt_body label.btn, #kt_body .btn-shadow {
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  box-shadow: var(--bs-card-box-shadow);
}

#kt_body .title {
  border-left:5px solid #1b84ff; border-top:0; border-bottom:0; border-right:0;
}

.swal2-popup .swal2-title {
  font-weight: 500;
  font-size: 1.7rem;
  color: var(--bs-dark);
}

/* printer ifram */
#queue-print-container {
  width:75mm;
  height:110mm;
  /* border:1px solid blue; */
}
/* 
#kt_body .btn-light-primary:hover {
  background-color: #e9f3ff !important;
  color:#1b84ff !important;
}

#kt_body label.btn .bg-light-primary:hover{
  background-color: #e9f3ff !important;

} */