.bg-login {
  background-image: linear-gradient(#12edd0, white);
}

#install-button {
  display: block;
  color: black;
  font-size: 18;
  padding: 3px 10px;
}

.btn-install {
  background-color: white;
  border: 1px #12edd0 solid;
  border-radius: 50px 50px;
}

.btn-install:hover {
  background-color: #12edd0;
  color: white !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(0.9);
  transition: transform 0.3s ease-in-out;
  color: white;
}

.btn-install:active {
  background-color: #12edd0;
  transform: scale(0.9);
  transition: transform 0.3s ease-in-out;
  color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.logo-header div div .text-logo {
  font-size: 1.3rem;
  line-height: 1;
  font-family: "roboto", sans-serif;
  font-style: normal;
  color: white;
  font-weight: bolder;
  padding: 0;
  margin: 0;
}

.nav-item .caret {
  transform: rotate(90%) !important;
}
.my-table-sm {
  width: 30%;
}

.my-table-sm,
.my-table-sm th,
.my-table-sm tr td {
  border: 1px solid black;
  padding: 5px;
  font-size: 10px;
}

.th-check input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.th-check input[type="checkbox"]:after {
  font-family: "Font Awesome 5 Solid";
  content: "\f00c";
  font-weight: 500;
  color: #12edd0;
  display: none;
}

.th-check.mark input[type="checkbox"]:after {
  font-family: "Font Awesome 5 Solid";
  content: "\f192";
  font-weight: 500;
  color: #12edd0;
  display: block;
}

.th-check input[type="checkbox"]:checked:after {
  display: block;
}

.th-check-2 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border: 0.5px solid gray;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.th-check-2 input[type="checkbox"]:after {
  font-family: "Font Awesome 5 Solid";
  content: "\f00c";
  font-weight: 500;
  color: gray;
  display: none;
}

.th-check-2 input[type="checkbox"]:checked:after {
  display: block;
}

#btn-collapse-sholat {
  cursor: pointer;
}
#sholatindex {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 100px;
}

#basic-datatables_wrapper .dt-length .form-control-sm {
  width: 30px !important;
}

#basic-datatables_wrapper .dt-layout-table table tr,
th,
td {
  text-align: start !important;
}

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

a.btn-link {
  text-decoration: none;
}

a.btn-link:hover {
  text-decoration: none !important;
}

.pagination .page-item .page-link {
  color: gray !important;
}

.page-item.active > .page-link {
  background-color: aquamarine !important;
  border: 1px solid aquamarine !important;
  color: white !important;
}

/* b-select */