<style type="text/css">
  .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
  margin-bottom:2px;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 8px;
  display: none;
  background-color: white;
  overflow: hidden;
}

p {font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal;border-color:black;}
.tg  {border-collapse:collapse;border-spacing:0;}
.tg {font-family:Verdana, Arial, sans-serif;font-size:12px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;width:250px;border-radius:0px;}
.tg2x {font-family:Verdana, Arial, sans-serif;font-size:12px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;width:100%;border-radius:0px;padding:10px 5px 20px 10px;}
.huruf{font-family:Verdana, Arial Narrow, Arial, sans-serif;font-size: 11px;text-align:left}
a {text-decoration:none}
.btg  {color:#DC143C;}
label:not(.form-check-label):not(.custom-file-label) {font-weight:normal;}
.mbw-back-to-top {
position: fixed;
bottom: 2em;
right: 10px;
text-decoration: none;
padding: 1em;
display: none;
cursor:pointer;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  background-color: #f9f9f9;
  min-width: 250px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.spsi {font-style:italicx;padding-left:20px;padding-top:10px}
.spsixx {padding-left:20px}
.spsid {padding-left:20px;padding-top:10px}
.spsid2 {padding-left:34px;padding-top:2px}
.pad {padding-top:20px;padding-bottom:10px}
.pad2 {padding-bottom:10px}
.pad3 {padding-bottom:5px}
.pad5 {padding-top:5px}
.pade {padding-top:6px}
.pad9 {padding-top:5px;padding-bottom:3px}
.padin {padding-top:20px;padding-bottom:20px}
.padinx {padding-top:10px;padding-bottom:10px}
.lab {width:170px}

/*Bantuan*/
ol {
  display: block;
  list-style-type: decimal;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  margin-right: 0;
  padding-left: 25px;
  font-style:italics;
}

/*Persyaratan*/
ol.b {
  display: block;
  list-style-type: lower-alpha;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 0;
  font-style:italics;
}

ul {
  display: block;
  list-style-type: disc;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 10px;
  font-style:italic;
}

ul.a {
  display: block;
  list-style-type: square;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 12px;
  font-style:italic;
}

li {margin-top: 0;margin-bottom: 0;}


.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}
.winda {
    color: #bbb;
}

.hrs {
  border:none;
  border-top:1px dashed #000;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:100%;
}
.hrs2 {
  border: 4px dotted;
            border-style: dotted none none none;
            height: 2px;
            color: grey;
  width:100%;
}

.gambaran {
background: url(images/shandrina.jpg);
background-repeat:repeat-x;
}

input[type=checkbox] {

}
</style>