body {
  font-size: 0.95rem;
}

h1 {
  font-size: calc(1.3rem);
  color: var(--bs-red);
}

h2 {
  font-size: calc(1.15rem + 0.05vw);
  color: var(--bs-cyan);
}

h3 {
  font-size: 1.15rem;
  color: var(--bs-gray);
}


/* Tieu de */
h4 {
  font-size: calc(1rem + 0.05vw);
  color: var(--bs-teal);
}

/* Noi dung 1 */
h5 {
  font-size: 1rem;
  color: var(--bs-cyan);
}

/* Ten user */
h6 {
  color: var(--bs-red);
}

/* strong { */
  /* color: #006100; */
  /* color: #ad5700; */
  /* color: #9c0006; */
  /* font-weight: normal; */
/* } */




/* Pagination */
.pagination>li>a {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color: var(--bs-cyan);
  background-color: var(--bs-secondary);
}

.pagination>li>.active>a {
  color: var(--bs-cyan);
  background-color: var(--bs-secondary);
}

.pagination>.active>a:hover {
  background-color: #5A4181 !Important;
}


/* Select */
.form-select{ 
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  color: white;
  background-color: var(--bs-primary);
}  


.card{  
  background-color: var(--bs-secondary);
}




/* Input type="file" */
.form-control:disabled, .form-control:read-only {
  background-color: var(--bs-primary);
}


/* Thay dổi hiệu ứng tập trung*/
/* 
.form-control:focus {
  border-color: var(--bs-cyan);
  box-shadow: 0 0 0 0.2rem var(--bs-cyan);
} */

/* Thay đổi màu của input */
input {
  color-scheme: dark;
}


/* Thay đổi màu của modal */
.modal-content {
  background-color: var(--bs-primary);
}