/* PLEASE BE VERY CAREFUL WHEN EDITTING THIS FILE !
 Don't change our color variables in line 5 & 6.
 */
div[data-pf-type="Body"] .sunfw-tx-mc, div[data-pf-type="body"] .sunfw-tx-mc {
  color: #54a1cd;
}
div[data-pf-type="Body"] .sunfw-tx-mc-h:hover, div[data-pf-type="body"] .sunfw-tx-mc-h:hover {
  color: #54a1cd;
}
div[data-pf-type="Body"] .sunfw-bg-mc, div[data-pf-type="body"] .sunfw-bg-mc {
  background-color: #54a1cd;
}
div[data-pf-type="Body"] .sunfw-bg-mc-h:hover, div[data-pf-type="body"] .sunfw-bg-mc-h:hover {
  background-color: #54a1cd;
}
div[data-pf-type="Body"] .sunfw-bd-mc, div[data-pf-type="body"] .sunfw-bd-mc {
  border-color: #54a1cd;
}
div[data-pf-type="Body"] .sunfw-bd-mc-h:hover, div[data-pf-type="body"] .sunfw-bd-mc-h:hover {
  border-color: #54a1cd;
}
.text--main-color, .text-main-color {
  color: #54a1cd;
}
.btn-teki {
  color: #54a1cd !important;
  border-color: #54a1cd !important;
}
.btn-teki:hover {
  background: #54a1cd;
  color: #fff !important;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background-color: #54a1cd;
  border-color: #54a1cd;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: #54a1cd;
}
#kwho .btn-link i, #kstats .btn-link i {
  color: #54a1cd;
}
#kunena.layout .kwho-admin {
  color: #54a1cd;
}
.sunfw-breadcrumb .breadcrumb > li.active {
  color: #54a1cd;
}
table.calendar tr td.calendarToday {
  background: #54a1cd;
}
/* ============================ Sub Color ============================ */
div[data-pf-type="Body"] .sunfw-tx-sc, div[data-pf-type="body"] .sunfw-tx-sc {
  color: #6f6f6f;
}
div[data-pf-type="Body"] .sunfw-tx-sc-h:hover, div[data-pf-type="body"] .sunfw-tx-sc-h:hover {
  color: #6f6f6f;
}
div[data-pf-type="Body"] .sunfw-bg-sc, div[data-pf-type="body"] .sunfw-bg-sc {
  background-color: #6f6f6f;
}
div[data-pf-type="Body"] .sunfw-bg-sc-h:hover, div[data-pf-type="body"] .sunfw-bg-sc-h:hover {
  background-color: #6f6f6f;
}
div[data-pf-type="Body"] .sunfw-bd-sc, div[data-pf-type="body"] .sunfw-bd-sc {
  border-color: #6f6f6f;
}
div[data-pf-type="Body"] .sunfw-bd-sc-h:hover, div[data-pf-type="body"] .sunfw-bd-sc-h:hover {
  border-color: #6f6f6f;
}