html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;    
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.form-label {
    font-size: 14px;
}

th {
    font-weight: 400;
    font-size: 16px;
}

table {
    vertical-align: middle !important;
}

.btn-custom {
    min-width: 120px;
    line-height: 1.6;
    padding: 7px 30px;
    font-size: 14px;
    border-radius: 0px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .font-size-default, body {
        font-size: 16px;
    }
}

.font-custom {
    font-size: 16px;
}

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
    border: 2px solid #000;
}

.progress-sm {
    height: 5px
}

[v-cloak] {
    display: none;
}

/*<link href="https://fonts.googleapis.com/css2?family=STIX+Two+Text&family=STIX+Two+Math&display=swap" rel="stylesheet" >*/
.mathjax-scope {
    font-family: "STIX Two Math", "STIX Two Text", serif !important;
    font-size: 16px !important;
}

mjx-container * {
    font-family: "STIX Two Math", "STIX Two Text", serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

.page-break {
    page-break-before: always;
    break-before: page;
    display: block;
}

.a4-content {
    width: 210mm; /* hoặc: 794px */
    
    padding: 10mm; /* lề A4 */
    margin: 10px auto; /* căn giữa trang web */
    background: white;   
    overflow: hidden; /* hoặc auto nếu muốn cuộn */
}