.wrap-user {
  width: 100%;
  background: #faf7eb;
  padding: 60px 0;
}
.fixwidth-user {
  width: 100%;
  max-width: 650px;
  margin: auto;
}
.title-user {
  margin-bottom: 30px;
}
.title-user span {
  font-size: 40px;
  color: #373737;
}
.title-user a {
  color: #373737;
  font-size: 12px;
}
.form-user {
  /* padding: 20px 15px; */
}
.row_form_user {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.input-user {
  margin-bottom: 0.75rem;
  flex-direction: column;
}
.input-user input {
  font-size: 17px;
  line-height: 1.5;
  background-color: #fff !important;
  border: 1px solid #373737;
  width: 100%;
  border-radius: 0;
  padding: 10px 14px;
  height: auto;
}
.button-user {
  margin-bottom: 8px;
  margin-top: 20px;
}
.button-user input {
  padding: 10px 30px;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  border-radius: 0;
  background: #a1151b;
  border: 1px solid #a1151b;
  width: fit-content !important;
}
.checkbox-user,
.radio-user {
  cursor: pointer;
}
.checkbox-user input {
  top: calc(50% - 1.25rem / 2);
  height: auto;
}
.checkbox-user label {
  font-size: 14px;
  cursor: pointer;
}
.checkbox-user label::before,
.checkbox-user label::after {
  top: calc(50% - 1rem / 2);
}
.radio-user {
  margin-right: 1rem;
}
.radio-user:last-child {
  margin-right: 0px;
}
.radio-user label::before,
.radio-user label::after {
  top: calc(50% - 1rem / 2);
}
.note-user {
  font-size: 14px;
  /* border-top: 1px solid #ddd;
  padding-top: 0.5rem; */
}
.note-user a {
  color: #373737;
}
.chuthich_user {
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.chuthich_user .chuthich {
  color: #ea0f0f;
  font-size: 14px;
}
.input-thongtin {
  margin-bottom: 20px;
}
.input-thongtin input {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 58px;
  border-radius: 0 !important;
  padding: 0 20px 0 55px;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #e9e9f1;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.126px;
  box-sizing: border-box;
}
.input-thongtin i {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  z-index: 4;
  font-family: "Font Awesome 5 Pro";
}
.title_thongtin_form {
  color: #373737;
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: 700;
}
.form-user-thongtin {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.wrapper-account__sidebar {
  position: sticky;
  top: 130px;
}
.wrapper-account__sidebar-title-sub {
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
}
.wrapper-account__sidebar-title-account {
  color: #373737;
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: 700;
}
.wrapper-account__sidebar-list li a {
  color: #000;
  font-size: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0.6;
}
.wrapper-account__sidebar-list li a .icon img {
  width: 25px;
}
.all_lich_su_mua_hang,.all_product_donhang {
  min-width: 100%;
  overflow-x: scroll;
}
.all_lich_su_mua_hang::-webkit-scrollbar-track,.all_product_donhang::-webkit-scrollbar-track  {
  background-color: #f5f5f5;
}
.all_lich_su_mua_hang::-webkit-scrollbar,.all_product_donhang::-webkit-scrollbar {
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
}
.all_lich_su_mua_hang::-webkit-scrollbar-thumb,.all_product_donhang::-webkit-scrollbar-thumb {
  background-color: #999;
}
.all_lich_su_mua_hang table * {
  font-size: 15px;
  line-height: 1.3;
  color: #000;
}
.all_lich_su_mua_hang table {
  width: 100%;
  border-spacing: 0;
  min-width: 600px;
}
.all_lich_su_mua_hang table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.all_lich_su_mua_hang table td {
  border: 1px solid #ddd;
  padding: 10px;
}
.all_lich_su_mua_hang table th {
  border: 1px solid #ddd;
  padding: 10px;
}
.all_lich_su_mua_hang table .khoahoc_detail i {
  font-family: "Font Awesome 5 Pro";
}
.all_boloc_donhang {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
.thanh_search_donhang {
  position: relative;
  width: 48%;
}
.thanh_search_donhang input {
  text-indent: 15px;
  outline: none;
  transition: all ease 0.5s;
  border-radius: 0;
  padding: 5px 0px;
  padding-right: 0;
  border: 0;
  width: 100%;
  z-index: 99;
  color: #333;
  background: #fff;
  font-size: 14px;
  border: 1px solid #ddd;
  height: 35px;
}
.search_donhang {
  border: none;
  width: fit-content;
  height: fit-content;
  position: absolute;
  right: 15px;
  top: 5px;
  background: transparent;
  color: #777;
}
.all_ngaydat_donhang {
  width: 25%;
}
.thanh_trang_thai {
  width: 25%;
}
.all_boloc_donhang .select2-container {
  width: 100% !important;
  height: 100%;
}
.all_ngaydat_donhang {
  height: 35px;
}
.all_boloc_donhang .select2-container--default .select2-selection--single {
  height: 100%;
}
.all_boloc_donhang
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 30px;
}
.all_boloc_donhang .select2-container--default .select2-selection--single {
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #ddd;
}
.date_dathang {
  border-radius: 0;
  border: 1px solid #ddd;
  width: 100%;
  height: 100%;
  text-indent: 15px;
}
.all_donhang_chitiet_user {
  padding: 40px 0;
}
.user_detail_right {
  width: 100%;
  /* padding: 20px 30px; */
  display: flex;
  flex-direction: column;
  /* background: #fff; */
  margin: auto;
  /* box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05); */
  /* border-radius: 12px; */
}
.all_product_donhang .table_chitietdonhang .img_chitietdonhang img {
  object-fit: cover;
  aspect-ratio: 1 / 1;
  max-width: 80px;
  max-height: 80px;
  border-radius: 12px;
  background: #f5efd3;
  border: 2px solid #fff;
  box-shadow: 1px 1px 5px #c5c5c5;
}
.all_product_donhang .table_chitietdonhang .cast-money-cart-detail {
  color: #a11e21;
  font-weight: 600;
  font-size: 20px;
  text-align: right;
  margin-right: 5px;
}
.all_thongtin_user {
  /* overflow: hidden; */
}
@media (max-width: 769px) {
  .all_boloc_donhang {
    flex-wrap: wrap;
    grid-gap: 10px;
  }
  .thanh_search_donhang,
  .all_ngaydat_donhang,
  .thanh_trang_thai {
    width: 100%;
    position: relative;
  }
}