/* =========================
   SIDEBAR CARD - CLASSIC BLUE
   ========================= */

#rightSidebar .block,
#leftSidebar .block {
  background: #ffffff !important;
  border: 1px solid #c8d2dc !important;
  border-radius: 0 !important;
  padding: 14px !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  font-family: "Georgia", "Times New Roman", serif !important;
}

/* Header block */
#rightSidebar .block .blockTitle,
#leftSidebar .block .blockTitle {
  background: #2f5f8f !important; /* classic blue */
  color: #ffffff !important;
  padding: 10px 12px !important;
  margin: -14px -14px 12px -14px !important;
  border-radius: 0 !important;
  text-align: center !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: "Georgia", serif !important;
}

/* Isi block */
#rightSidebar .block .blockContent,
#leftSidebar .block .blockContent {
  padding: 0 !important;
  color: #333 !important;
}

/* List */
#rightSidebar .block ul,
#leftSidebar .block ul {
  margin: 0 !important;
  padding: 0 0 0 18px !important;
}

#rightSidebar .block li,
#leftSidebar .block li {
  margin: 6px 0 !important;
}

/* Link */
#rightSidebar .block a,
#leftSidebar .block a {
  color: #2f5f8f !important;
  font-weight: bold !important;
  text-decoration: none !important;
  font-family: "Georgia", serif !important;
}

#rightSidebar .block a:hover,
#leftSidebar .block a:hover {
  color: #1c3d5e !important;
  text-decoration: underline !important;
}

/* =========================
   FORM STYLE
   ========================= */

#rightSidebar .block input[type="text"],
#rightSidebar .block input[type="password"],
#rightSidebar .block select,
#leftSidebar .block input[type="text"],
#leftSidebar .block input[type="password"],
#leftSidebar .block select {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important;
  border: 1px solid #c8d2dc !important;
  border-radius: 0 !important;
  background: #f7f9fb !important;
  font-family: "Georgia", serif !important;
}

/* Button */
#rightSidebar .block input[type="submit"],
#rightSidebar .block button,
#leftSidebar .block input[type="submit"],
#leftSidebar .block button {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #2f5f8f !important;
  color: #fff !important;
  font-weight: bold !important;
  cursor: pointer !important;
  margin-top: 10px !important;
  font-family: "Georgia", serif !important;
}

#rightSidebar .block input[type="submit"]:hover,
#leftSidebar .block input[type="submit"]:hover {
  background: #1c3d5e !important;
}

/* Form table OJS */
#rightSidebar .block form table,
#leftSidebar .block form table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

#rightSidebar .block form td:first-child,
#leftSidebar .block form td:first-child {
  width: 40% !important;
  padding-right: 10px !important;
  white-space: nowrap !important;
}
/* =========================
   ISSUE / TABLE OF CONTENTS - SAFE
   ========================= */

/* area utama issue */
#content,
#main {
  font-family: "Georgia", "Times New Roman", serif !important;
  color: #1f1f1f !important;
}

/* judul volume / TABLE OF CONTENTS */
table.tocArticle + h3,
#content h3,
#main h3 {
  font-weight: normal !important;
  color: #163a63 !important;
  border-bottom: 2px solid #d7e1ec !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
  letter-spacing: 0.5px !important;
}

/* judul section issue */
.issue h4,
.tocSectionTitle,
table.tocArticle h4 {
  color: #234f7d !important;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

/* hanya tabel TOC */
table.tocArticle {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
}

/* hanya baris TOC */
table.tocArticle tr {
  background: #ffffff !important;
}

/* hanya cell TOC */
table.tocArticle td {
  padding: 10px 12px !important;
  vertical-align: top !important;
}

/* blok kiri */
.tocTitle,
.tocAuthors {
  display: block !important;
}

/* judul artikel */
.tocTitle a {
  color: #123f6b !important;
  font-weight: bold !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
}

.tocTitle a:hover {
  color: #0b2d4d !important;
  text-decoration: underline !important;
}

/* penulis */
.tocAuthors {
  margin-top: 6px !important;
  color: #555 !important;
  font-style: italic !important;
  line-height: 1.5 !important;
}

/* kolom kanan PDF */
.tocGalleys {
  width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* link PDF */
.tocGalleys a {
  display: inline-block !important;
  min-width: 58px !important;
  padding: 6px 10px !important;
  background: #1f5d99 !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  border: 1px solid #174c7d !important;
}

.tocGalleys a:hover {
  background: #123f6b !important;
}

/* nomor halaman */
.tocPages {
  display: block !important;
  margin-top: 6px !important;
  color: #444 !important;
  text-align: left !important;
}

.tocPages::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-text.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* garis kiri artikel */
table.tocArticle tr td:first-child {
  border-left: 4px solid #d7e1ec !important;
  background: #fbfcfe !important;
}

/* icon heading hanya untuk halaman issue/TOC bila ada class yang sesuai */
.issue h4::before,
.tocSectionTitle::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-text.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}