@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Quicksand:wght@300..700&family=Slabo+13px&display=swap");
body {
  background: linear-gradient(#d6d6d6, #bac9c4);
  color: #555555;
  background-attachment: fixed;
  font-family: "Dosis", sans-serif;
}

.logo-box {
  width: 400px;
  margin: auto;
}
.logo-box img {
  width: 100%;
  margin-bottom: 10px;
}

.logo-caption {
  margin-top: -5px;
  margin-bottom: 100px;
}
.logo-caption p {
  font-size: 0.8rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

#menu-btn {
  display: none;
}

#app-row {
  display: flex;
  min-height: 100vh;
  box-sizing: border-box;
}

#app-sidebar {
  width: 200px;
  flex-shrink: 0;
  padding: 20px;
  transition: transfofm 0.3s ease;
  background-color: #c6cecb;
}

.bg-link {
  border-bottom: 1px solid #965b5b;
  padding-left: 10px;
  margin-bottom: 2px;
}

.bg-litegray {
  background-color: #d3d3d3 !important;
}

#app-content {
  flex: 1;
  padding: 20px;
}

textarea {
  resize: none !important;
}

.col-title {
  background-color: #002658;
  color: #e4ffb1;
  border-top: 1px solid #fff;
  padding-top: 1.5rem;
  font-family: dosis;
}
.col-title h2 {
  margin: 0 !important;
}
.col-title p {
  font-family: slabo;
}
.col-title p a {
  margin-left: 10px;
}

.top-3 {
  background: linear-gradient(#ddd, rgba(255, 255, 255, 0));
  padding-bottom: 1rem;
}
.top-3 h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  background-color: #000f41;
  color: #fff;
  padding: 10px;
}
.top-3 p {
  font-size: 1.2rem;
  text-align: center;
  font-family: "Dosis", sans-serif;
}

section.misi,
section.sasaran,
section.tujuan-opd,
section.sasaran-opd {
  margin-left: 20px;
}
section.misi h5,
section.sasaran h5,
section.tujuan-opd h5,
section.sasaran-opd h5 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 4px;
}
section.misi p,
section.sasaran p,
section.tujuan-opd p,
section.sasaran-opd p {
  text-align: justify;
  font-family: "Dosis", sans-serif;
}

section.misi {
  padding: 10px;
  margin-bottom: 20px;
  font-family: "Dosis", sans-serif;
}

.nav-link.nav-white,
.dropdown-item.nav-white {
  color: #fff;
}

.table-title {
  background-color: #003f22;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

table.table-renstra td {
  padding: 0;
}
table.table-renstra section.row {
  margin: 0;
}
table.table-renstra .desc-sasaran {
  font-size: small;
  vertical-align: top;
  background-color: #c8ff88;
  padding: 0.5rem;
  padding-top: 0;
  text-align: right;
  box-sizing: border-box;
}
table.table-renstra .desc-nama {
  font-size: 1rem;
  font-family: "Dosis", sans-serif;
}

.detail-desc {
  margin-top: 20px;
  font-family: "Dosis", sans-serif;
  font-size: 1.2rem;
  background-color: #2d4e38;
  color: #fff;
  padding: 5px 15px;
}
.detail-desc p {
  margin: 0;
  padding: 0;
}

.ff-dosis {
  font-family: "Dosis", sans-serif;
}

.ff-mono {
  font-family: monospace;
}

table.table-indikator thead tr th {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
table.table-indikator tbody tr {
  border-bottom: 1px solid #8f8f8f;
}
table.table-indikator tbody tr td:nth-child(1) {
  width: 50%;
  max-width: 600px;
}
table.table-indikator tbody tr td {
  font-size: 0.9rem;
  font-family: "Slabo 13px", serif;
  font-weight: 400;
  font-style: normal;
}
table.table-indikator tbody tr:nth-child(odd) td {
  background-color: #d6dafc;
}

.td-nav {
  text-align: center;
  background-color: #dbdbdb;
}
.td-nav i {
  font-size: 1.2rem;
  margin-right: 5px;
}

.monospace {
  font-family: monospace;
}

.fsz-6 {
  font-size: 0.8rem !important;
}

.tbr-first-col {
  width: 150px !important;
}

.tbi-first-col {
  width: 100px !important;
}

table.bg-trans thead > tr > th {
  background: transparent !important;
}
table.bg-trans tbody > tr > td {
  background: transparent !important;
}

#app-spacer {
  height: 86px;
}

td.cet {
  background-color: #a7cfb7 !important;
  border-bottom: 1px dotted gray !important;
  margin: 2px 4px !important;
}

.hand-cursor {
  cursor: pointer;
}

@media screen and (max-width: 450px) {
  #app-sidebar {
    width: 100%;
    display: none;
  }
  #app-content {
    width: 100%;
  }
  .logo-box {
    width: 100%;
  }
  .logo-box img {
    width: 100%;
  }
  table.table-renstra tbody tr td {
    display: block;
  }
  #menu-btn {
    display: block;
  }
  table.table-renstra tbody tr td:nth-child(2) {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
}
#hierarchyBody tr td {
  font-size: small;
}

td.Sasaran {
  padding-left: 10px !important;
}

td.Program {
  padding-left: 20px !important;
}

td.Kegiatan {
  padding-left: 30px !important;
}

td.Sub-Kegiatan {
  padding-left: 40px !important;
}/*# sourceMappingURL=panjaang.css.map */