#sort {
    padding: 5px 0px 5px 0px;
    color: black;
    border-top: #F8F8FF solid 2px;
    font-family: arial;
  }
  #sort:hover {
  background: #98FB98;
  color:red;
  padding: 5px 10px 5px 10px;
  font-family: arial;
  }
  .kotak { 
    margin-bottom: 10px; 
    font-family: arial; 
    padding: 0px 20px 10px 20px;
  }
  .kotak .badge {
      position: relative;
      top: -20px;
      right: 0px;
      width: 100%;
      padding: 0px 10px 0px 10px;
      background-color: 00CC66;
      color: white;
      box-shadow: 5px 0px 10px 0px;
      border-radius:0px; 
    }
#sukses {
  border-radius: 50%; 
  padding:20px; 
  margin-bottom: 10px; 
  color: green; 
  border: green solid 2px;
}
#gagal {
  border-radius: 50%; 
  padding:20px; 
  margin-bottom: 10px; 
  color: red; 
  border: red solid 2px;
}
#ganda {
  border-radius: 50%; 
  padding:20px; 
  margin-bottom: 10px; 
  color: orange; 
  border: orange solid 2px;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('http://localhost/annur/asset/dist/img/user2.png') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}