/* Detail */
.detail-koleksi-dokumen-digital h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  color: #2F3D52;
}

.detail-koleksi-dokumen-digital p {
  font-family: Barlow;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #868A95;
}

.detail .label-detail {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;    
  color: #2F3D52;
}

@media screen and (max-width: 768px) {
  .detail .detail-koleksi {
    margin-left: -20px !important;
    margin-right: -50px !important;
  }

  .detail .detail-koleksi dt {
    max-width: 40%;
    flex: 0 0 40%;
  }
  .detail .detail-koleksi dd {
    max-width: 60%;
    flex: 0 0 60%;
  }
}
.detail .detail-koleksi img {
  width: 100%;
  max-width:160px;
  height:auto;
  border-radius:4px;
}

.detail .detail-koleksi > .detail-1 {
  flex: 0 0 200px;
}

.detail .detail-koleksi dt {
  font-family: Barlow;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2F3D52;
}

.detail .detail-koleksi dd {
  font-family: Barlow;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #2F3D52;
}

@media screen and (min-width:768px) {
  .column-detail-2 {
    max-width: 40% !important;
    flex: 0 0 100% !important;
  }
}

@media screen and (max-width:768px) {
  .column-detail-1, .column-detail-2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .column-detail-1, .column-detail-2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/* End Detail */

/* Tabel Detail */
.tabel-detail table, .tabel-detail p {
  width: 100%;
  border-collapse: collapse;
  font-family: Barlow;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
}

.tabel-detail table tbody tr:nth-child(odd) {
  background-color: #F6F7FA;
}

.tabel-detail tr td, .tabel-detail tr th {
  padding: 12px;
}

.tabel-detail table thead {
  font-weight: 600;
  color: #2F3D52;
  border-bottom: 1px solid #E5E6ED;
}
.tabel-detail table td {
  font-weight: normal;
  color: #2F3443;
}

/* End Tabel Detail */

.katalog {
  font-family: Barlow;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
}