body {
  background-image: url("../asset/bekgron.png");
}
.judul {
    border-top: none !important;
}
#page-wrapper {
  margin: -20px 0px 0 0px;
  padding: 0;
}
.well-sm {
  padding: 6px 10px; 
  color: #666666;
}
#create {
  display: block;
}
#lanjut {
  display: none;
}
.inputform {
  display: block;
}
.detailform {
  display: none;
}
.verify {
  display: none;
}
.errormsg {
  color: #FF0000;
  font-size: 12px;
}
#kosong1 {
  color: #FF0000;
  font-size: 12px;
  display: none;
}
#salah1 {
  color: #FF0000;
  font-size: 12px;
  display: none;
}
#dobel1 {
  color: #FF0000;
  font-size: 12px;
  display: none;
}
#kosong2 {
  color: #FF0000;
  font-size: 12px;
  display: none;
}
#salah2 {
  color: #FF0000;
  font-size: 12px;
  display: none;
}
#dobel2 {
  color: #FF0000;
  font-size: 12px;
  display: none;
}
#periode_form {
  display: block;
}
#periode_edit {
  display: none;
}
th {
  text-align: center;
}
.upload-confirm {
  display: none;
}
.keteranganmenu {
  color: #3333FF;
  font-size: 12px;
}
#display_detail tr td:first-of-type {
    background: #dff1f7;
}

@media only screen and (max-width: 568px) {
    #display_detail tr td:first-of-type,
    #display_detail tr:nth-of-type(2n+2) td:first-of-type,
    #display_detail tr td:first-of-type:before {
        background: #2980b9;
        color: #ffffff;
    }

    #display_detail tr td:first-of-type {
        border-bottom: 1px solid #e4ebeb;
    }
}