/* 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: #fff;
}
div[data-pf-type="Body"] .sunfw-tx-mc-h:hover, div[data-pf-type="body"] .sunfw-tx-mc-h:hover {
  color: #fff;
}
div[data-pf-type="Body"] .sunfw-bg-mc, div[data-pf-type="body"] .sunfw-bg-mc {
  background-color: #fff;
}
div[data-pf-type="Body"] .sunfw-bg-mc-h:hover, div[data-pf-type="body"] .sunfw-bg-mc-h:hover {
  background-color: #fff;
}
div[data-pf-type="Body"] .sunfw-bd-mc, div[data-pf-type="body"] .sunfw-bd-mc {
  border-color: #fff;
}
div[data-pf-type="Body"] .sunfw-bd-mc-h:hover, div[data-pf-type="body"] .sunfw-bd-mc-h:hover {
  border-color: #fff;
}
.text--main-color, .text-main-color {
  color: #fff;
}
.btn-teki {
  color: #fff !important;
  border-color: #fff !important;
}
.btn-teki:hover {
  background: #fff;
  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: #fff;
  border-color: #fff;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: #fff;
}
#kwho .btn-link i, #kstats .btn-link i {
  color: #fff;
}
#kunena.layout .kwho-admin {
  color: #fff;
}
.sunfw-breadcrumb .breadcrumb > li.active {
  color: #fff;
}
table.calendar tr td.calendarToday {
  background: #fff;
}
/* ============================ Sub Color ============================ */
div[data-pf-type="Body"] .btn-default, div[data-pf-type="body"] .btn-default {
  background-color: #fff;
  color: #000;
}
div[data-pf-type="Body"] .btn-default:hover, div[data-pf-type="body"] .btn-default:hover {
  background-color: #e6e6e6;
  color: #000;
}
div[data-pf-type="Body"] .btn-primary, div[data-pf-type="body"] .btn-primary {
  background-color: #fff;
  color: #fff;
}
div[data-pf-type="Body"] .btn-primary:hover, div[data-pf-type="body"] .btn-primary:hover {
  background-color: #286090;
  color: #fff;
}
div[data-pf-type="Body"] .btn-info, div[data-pf-type="body"] .btn-info {
  background-color: #5bc0de;
  color: #fff;
}
div[data-pf-type="Body"] .btn-info:hover, div[data-pf-type="body"] .btn-info:hover {
  background-color: #31b0d5;
}
div[data-pf-type="Body"] .btn-danger, div[data-pf-type="body"] .btn-danger, div[data-pf-type="Body"] .btn-error, div[data-pf-type="body"] .btn-error {
  background-color: #d9534f;
  color: #fff;
}
div[data-pf-type="Body"] .btn-danger:hover, div[data-pf-type="body"] .btn-danger:hover, div[data-pf-type="Body"] .btn-error:hover, div[data-pf-type="body"] .btn-error:hover {
  background-color: #c9302c;
}
div[data-pf-type="Body"] .btn-secondary, div[data-pf-type="body"] .btn-secondary {
  background-color: #6c757d;
  color: #fff;
}
div[data-pf-type="Body"] .btn-secondary:hover, div[data-pf-type="body"] .btn-secondary:hover {
  background-color: #5a6268;
}
div[data-pf-type="Body"] .btn-success, div[data-pf-type="body"] .btn-success {
  background-color: #5cb85c;
  color: #fff;
}
div[data-pf-type="Body"] .btn-success:hover, div[data-pf-type="body"] .btn-success:hover {
  background-color: #449d44;
}
div[data-pf-type="Body"] .btn-warning, div[data-pf-type="body"] .btn-warning {
  background-color: #ff9c00;
  color: #fff;
}
div[data-pf-type="Body"] .btn-warning:hover, div[data-pf-type="body"] .btn-warning:hover {
  background-color: #cc7d00;
}
div[data-pf-type="Body"] .btn-dark, div[data-pf-type="body"] .btn-dark {
  background-color: #343a40;
  color: #fff;
}
div[data-pf-type="Body"] .btn-dark:hover, div[data-pf-type="body"] .btn-dark:hover {
  background-color: #23272b;
}
div[data-pf-type="Body"] .btn-link, div[data-pf-type="body"] .btn-link {
  background: none;
  color: #007bff;
}