:root {
  font-family: "Microsoft JhengHei", Poppins, Helvetica, Calibri, Arial, "sans-serif";
  font-size: 16px !important; }

/* body */
/**, body, html {
    font-family: $font-family;
    font-size: $root-font-size !important;
}*/
.brand-logo-title {
  color: #ffffff;
  font-size: 2rem; }

/* font , color */
.font-weight-700 {
  font-weight: 700; }

.font-weight-800 {
  font-weight: 800; }

.text-blue {
  color: #3699FF; }

/* Card */
.card.card-custom {
  border: 0; }

.card-custom > .card-footer {
  padding: 1rem 2.25rem;
  background-color: #fff;
  border-top: 1px solid #ebedf3; }

/* form */
.form-group {
  margin-bottom: 0.5rem; }

.form-group .col-form-label {
  font-weight: 700;
  /*    text-align: right;
*/ }

.form-control-plaintext {
  background-color: #fafafa; }

label[required]:before {
  content: "*";
  color: red; }

/* KTDatatable - datatable-umall */
.datatable.datatable-umall > .datatable-table > .datatable-head {
  background-color: #f8f8f8; }

.datatable.datatable-umall > .datatable-table > .datatable-head > .datatable-row > .datatable-cell > span {
  font-size: 0.8rem;
  text-transform: none;
  font-weight: 700; }

.datatable.datatable-umall > .datatable-table > .datatable-body .datatable-row > .datatable-cell {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8rem; }

.datatable.datatable-umall > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8rem; }

.datatable-pager-size {
  font-size: 0.9rem !important;
  width: 90px !important; }

/* modal */
.modal-max {
  max-width: 90%; }