.shade{
    border: 2px solid #dadada;
    border-radius: 4px;
    padding: 5px 10px;
    background: white;
        width: 100%;
        margin-bottom: 10px;
  }
  .shade:focus{
    outline: none;
    border-color: #d1e4f3;
    box-shadow: 0 0 10px #d1e4f3;
  }
  .tebal {
    font-weight: bold;
  }
  .sedang {
    font-weight: bolder;
  }
.btn-biru {
  color: #ffffff;
  background-color: #2196f3;
  border-color: #2196f3;
  box-shadow: none;
}

.btn-biru:hover {
  color: #ffffff;
  background-color: #0c83e2;
  border-color: #0c7cd5;
}

.btn-biru:focus,
.btn-biru.focus {
  box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-biru.disabled,
.btn-biru:disabled {
  color: #ffffff;
  background-color: #2196f3;
  border-color: #2196f3;
}

.btn-biru:not(:disabled):not(.disabled):active,
.btn-biru:not(:disabled):not(.disabled).active,
.show>.btn-biru.dropdown-toggle {
  color: #ffffff;
  background-color: #0c7cd5;
  border-color: #0b75c9;
}

.btn-biru:not(:disabled):not(.disabled):active:focus,
.btn-biru:not(:disabled):not(.disabled).active:focus,
.show>.btn-biru.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}
.btn.btn-biru:active,
.btn.btn-biru.active,
.open>.btn.btn-biru.dropdown-toggle,
.show>.btn.btn-biru.dropdown-toggle {
  color: #fff;
  background-color: #2196f3;
  border-color: #701c7e;
  box-shadow: 0 2px 2px 0 rgba(31, 145, 222, 0.14), 0 3px 1px -2px rgba(41, 109, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

  .card .card-header-biru .card-icon,
.card .card-header-biru .card-text,
.card .card-header-biru:not(.card-header-icon):not(.card-header-text),
.card.bg-biru,
.card.card-rotate.bg-biru .front,
.card.card-rotate.bg-biru .back {
  background: linear-gradient(60deg, #0C91DA, #0061C1);
}
.sidebar[data-color="biru"] li.active>a {
  background-color: #0084D4;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 157, 212, 0.4);
}
img.pimnas{
  width: 16px;
  border-radius: 0px;
}
img.pimnas:hover{
  filter: brightness(90%);
}
.teks-pimnas{
  font-weight: bold;
    color: #966918;
}
.label-biru{ color: #0200BF; }
.nowrap {  white-space: nowrap;}
.cusp {border-radius: 0;}