body {
  font-family: "Trirong", serif;
  font-weight: 300;
  font-size: 18px;
  font-style: normal;
}

h1 {
  color: #573189;
}

.topbar {
  background-color: #f1b9f6;
  padding: 15px 0;
}
.topbar #brand {
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  font-weight: bold;
  color: #573189;
}
.topbar #brand small {
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: lighter;
  margin: 0;
  color: #333;
}

#main-search button {
  color: #573189;
}
#main-search button.btn-outline-primary {
  border-color: #573189;
}
#main-search button:hover {
  background-color: #f1b9f6;
}

#wrapper {
  padding-bottom: 100px;
}
#wrapper #main-navbar a.nav-link {
  font-size: 14px;
  color: #573189;
  font-weight: bold;
}
#wrapper .table td .btn-outline-primary {
  border-color: #573189;
  color: #573189;
}
#wrapper .table td .btn-outline-primary:hover {
  background-color: #f1b9f6;
}
#wrapper .pagination .page-item a {
  color: #573189;
  border-color: #573189;
}
#wrapper .pagination .page-item.active a {
  background-color: #573189;
  color: #f1b9f6;
}

#ui-datepicker-div {
  z-index: 9 !important;
}

footer {
  padding: 15px;
  background-color: #573189;
  color: #ccc;
  font-size: 13px;
}
/*# sourceMappingURL=style.css.map */