.divider-text {
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.divider-text span {
    padding: 7px;
    font-size: 12px;
    position: relative;   
    z-index: 2;
}
.divider-text:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1;
}

.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}
.btn-twitter {
    background-color: #42AEEC;
    color: #fff;
}


/*TABLE CETAK (JPN, 30-01-2020)*/
.garis { 
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 3px;
}

#cetak {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 0.5em;
}

#cetak td, #cetak th {
  border: 1px solid #ddd;
  padding: 8px;
}

#cetak tr:nth-child(even){background-color: #f2f2f2;}

#cetak tr:hover {background-color: #ddd;}

#cetak th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2f4f4f;
  color: white;
}