#myTable.hometable.restable.table.table-striped.table-hover.table-bordered.keluaran
  th {
  color: white;
  background: #dc3545;
  font-size: 15px;
  text-shadow: 0px 1px 1px #000;
  font-family: "Roboto Condensed", Sans-serif;
}
#myTable td {
  vertical-align: middle;
}
.dropdown-menu a.dropdown-item {
  font-size: 13px;
}
.btn-group-sm > .btn,
.btn-sm {
  display: block;
  color: #fff;
  font-weight: 500;
  background: #dc3545;
  text-align: left;
  padding: 5px 8px;
  font-size: 14px;
  font-family: "Roboto Condensed", Sans-serif;
  box-shadow: 0 4px 6px -4px #222;
}
.dropdown-toggle:hover {
  color: #fcf8c5;
}
td {
  font-weight: bold;
  font-size: 12px;
}
.badge {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 0;
  margin: 0;
  text-shadow: 1px 1px 2px #000;
}

@media (max-width: 767px) {
  #dropdownMenuLink {
    font-size: 12px;
  }
  #myTable td {
    padding: 4px;
  }
  .badge {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
  }
  .dropdown-menu.show {
    font-size: 12px;
  }
  .rescir {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
  }
}
.bg-dangere {
  background: #dc3545;
  height: 34px;
  font-size: 14px;
  font-family: "Roboto Condensed", Sans-serif;
  color: #fff;
  text-shadow: 0px 1px 1px #000;
}
.borderst {
  border: 1px solid #dc3545;
  height: 29px;
  top: 2px;
  font-weight: normal;
  font-size: 13px;
}
#myInput {
  border: 2px solid #dc3545 !important;
  height: 50px;
}
.rescir:hover {
  background: radial-gradient(
    circle at 65% 15%,
    white 1px,
    #fbb3b3 3%,
    #c90a02 60%,
    #570203 100%
  );
}
.col-sm {
  padding: 0px !important;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
.miss {
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
  z-index: 100;
  color: black !important;
  box-shadow: 0 5px 7px -5px #222;
  text-shadow: 1px 1px 2px #fff;
}
.pasr {
  text-align: center !important;
}
tr .widget-title {
  text-shadow: none;
}
.restable a {
  text-decoration: none !important;
  color: #333;
}
.rescir {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 0;
  margin: 0;
  background: radial-gradient(
    circle at 65% 15%,
    white 1px,
    #97b2f7 1%,
    #0437b8 60%,
    black 100%
  );
  color: #ffffff;
  border-radius: 50%;
  text-shadow: 1px 1px 2px #000;
  cursor: pointer;
}
.badge.badge-pill.rescir.secondary {
  background: radial-gradient(
    circle at 65% 15%,
    white 1px,
    #d1d1d1 3%,
    #4d4d4d 60%,
    #1c1c1c 100%
  );
  color: #ffffff;
}
@media (max-width: 767px) {
  .btn-group-sm > .btn,
  .btn-sm {
    font-size: 13px;
  }
  #myTable td {
    padding: 6px !important;
  }
  .rescir {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
  }
}

.merah {
  color: red !important;
}
.misst {
  text-align: center !important;
  border: 4px double #e99a1e;
  color: #fff !important;
  text-shadow: 1px 1px 2px #000;
  background: #b87000;
}
.misst:hover {
  background: #e84151;
}
.badge.badge-pill.rescir.bg-danger,
.badge.red {
  background: radial-gradient(
    circle at 65% 15%,
    white 1px,
    #fbb3b3 3%,
    #c90a02 60%,
    #570203 100%
  ) !important;
}
th.text-center.widget-title {
  text-shadow: 1px 1px 2px #000;
}
.blinking,
.blink {
  animation: blink-animation 1s infinite;
}
@keyframes blink-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@media print {
  @each $value in $displays {
    .d-print-#{$value} {
      display: $value !important;
    }
  }
}