.scr-sm{
  display: none;
}
/* input, select, textarea {
  font-size: 1.1rem !important;
} */
select#limit{
    width: 90px;
    height: 100%;
    border-radius: 0;
}
.pagination, .btn, thead th {
  user-select: none;
}
thead th {
  cursor: pointer;
}
.mobile-toggle-menu:after {
  content: " SIMADINAH";
  font-family: Rancho;
  font-size: 25px;
  vertical-align: text-bottom;
  color: #008cff;
  text-shadow: 0.04em 0.04em 0 #fff, 0.08em 0.08em 0 #aaa;
  -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa;
}

.dark-theme .mobile-toggle-menu:after {
  color: #e7e9ec;
}

.dark-theme #lightmode {
  color: #9ea4aa;
}

html:not(.dark-theme) .modal-header {
  background: whitesmoke;
}

#table-xl th {
  padding-bottom: 0;
}

#table-xl th>* {
  margin-right: -1px;
  text-align: center;
}

#table-xl form>* {
  margin-right: 3px;
  display: inline-block !important;
}

.dt-buttons .btn {
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  border-radius: 0.2rem;
}

@media screen and (max-width:1024px) {
  .page-content {
    padding: 1rem 0.5rem 0.3rem 0.3rem;
  }

  .card {
    margin-bottom: 0.5rem;
  }

  .card-body {
    padding: 0.5rem 0.5rem;
  }
}


.search-bar-box span {
  font-size: 1.6em;
  font-weight: bold;
}

#captcha {
  user-select: none !important;
}

#captcha button {
  margin-top: 8px;
}
.pilihanWarna .form-check-label{
  margin-right: 5px;
}
.pilihanWarna [type=radio]{
  margin-left: -15px;
  margin-right: 5px;
}
table.calendar tr th:first-child,
table.calendar tr td:first-child {
  color: red;
}

table.calendar tr th:nth-child(6),
table.calendar tr td:nth-child(6) {
  color: green;
}

table.calendar th {
  text-align: center;
}
table.calendar th h4 {
  font-weight: bold;
  margin-bottom: 0;
}

table.calendar td {
  height: 80px;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  text-align: center;
}

table.calendar td div {
  font-size: 2.2rem;
  font-weight: bold;
}

table.calendar .hijri-date {
  font-size: 0.8rem;
  display: block;
}

table.calendar .today {
  filter: drop-shadow(0px 0px 8px black);
}

.dark-theme table.calendar .today {
  filter: drop-shadow(0px 0px 8px white);
}

table.calendar .selected {
  background-color: lightyellow;
}

table.calendar .selected span {
  /* Tambahkan efek underline */
  text-decoration: underline;
}

table.calendar .event-marker {
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  font-size: 0.7rem;
  text-align: center;
  border-radius: 4px;
  color: #fff;
}

#kaldik .list-group-item {
    display: flex; /* Menggunakan flexbox untuk susunan item */
    align-items: center; /* Menjaga agar semua item berada di tengah secara vertikal */
    justify-content: flex-start; /* Mengatur agar elemen-elemen tetap berada di sebelah kiri */
    height: 60px; /* Atur tinggi elemen sesuai kebutuhan */
}

.kaldik-icon {
    width: 40px; /* Lebar untuk ikon */
    height: 100%; /* Tinggi div mengikuti tinggi list item */
    display: flex; /* Flexbox untuk memusatkan ikon di dalamnya */
    align-items: center; /* Memusatkan secara vertikal */
    justify-content: center; /* Memusatkan secara horizontal */

    &>.bx-calendar-event::before{
      font-size: 2.5rem;
    }
    &>.bx-calendar-event{
      &.lightgray {
        color: lightgray;
      }
      &.lightgreen {
        color: lightgreen;
      }
      &.lightskyblue {
        color: lightskyblue;
      }
      &.lightpink {
        color: lightpink;
      }
      &.lightsalmon {
        color: lightsalmon;
      }
    }
}

.kaldik-date {
    margin-left: 10px; /* Jarak antara icon dan tanggal */
    display: flex;
    flex-direction: column; /* Tanggal ditampilkan dalam kolom */
    justify-content: center; /* Memusatkan tanggal secara vertikal */
    border-right: 1px solid lightgray;
    padding-right: 10px;
}

.kaldik-evt {
    margin-left: 10px; /* Jarak antara tanggal dan event */
    display: flex;
    align-items: center; /* Memusatkan event secara vertikal */
    justify-content: flex-start; /* Mengatur agar event berada di sebelah kiri */
}

table .form-check{
  padding-left: 0 !important;
}
.form-check label{
  user-select: none;
}
.row-selected {
  color: #fff;
  background-color: dimgray;
}
.row-selected a {
  color: #fff;
}
.row-selected img.mbuh {
  filter: brightness(5);
}
.row-selected button:not(.btn-danger) {
  color: black;
}
#tbl-ustadz th, #tbl-santri th{
  cursor: pointer;
}

#tbl-rekap-admin td{
  vertical-align: middle;
  text-align: center;
}
#tbl-rekap-admin .baris1{
  & td:first-child, & td:nth-child(2){
    text-align: left;
  }
  & td:last-child{
    font-weight: bold;
  }
}
#tbl-rekap-admin .baris2{
  font-weight: bold;
}

@media screen and (max-width:512px) {
  .modal-header, .modal-body, .modal-footer {
      padding: 0.5rem;
  }
  .scr-sm{
    display: revert;
  }
  .scr-lg{
    display: none !important;
  }
  .wrap-char{
    display: none;
  }
  table.calendar td {
    padding: 0;
    height: auto;
  }
  table.calendar td div {
    font-size: 1.8rem;
    margin-bottom: -10px;
  }
  table.calendar td span {
    font-family: 'Rancho';
  }
  #hijriRange{
    font-size: 16px;
  }
}