.body {
  width: 1024px;
  height: 768px;
  margin: auto;
}
.chumaudo {
  color:red;
}
.footer {
  width: 1024px;
  margin: auto;
  position: fixed;
  bottom: 0;
  text-align: center;
}
.login-form {
  width: 600px;
  height: 300px;
  background-color: rgb(245, 247, 247);
  margin: auto;
  margin-top: 200px;
}
.title-loginform {
  padding-top: 30px;
}
.tendangnhap {
  width: 400px;
  margin: auto;
  margin-top: 80px;
}
.matkhau {
  width: 400px;
  margin: auto;
}
.btndangnhap {
  margin: auto;
  width: 120px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1510 !important;
}
.color_trangthaibanh_dalamxong{
  color: #00D3FF;
}
.color_trangthaihuy {
  color: #C9C9C9;
}
.color_trangthaidaxuat {
  color: #26E500;
}

.gachngang {
  display:none;
}
#phieubanhang_title_label {
  color:red;
}


#modal_anhsanphammau_anhsanphammau{
  width: 600px;
  height: 600px;
}

/* Hiển thị image */
.css_tokyogateaux_image {
  float:right;
  max-height: 250px;
  max-width: 250px;
  height: 50%;
  padding: 5px;
}
.css_user_image{
  float:left;
  max-height: 250px;
  max-width: 250px;
  height: 50%;
  padding: 5px;
}

/* Hiển thị sticker */
.css_tokyogateaux_sticker{
  float:right;
  max-height: 200px;
  max-width: 200px;
  height: 50%;
  padding: 5px;
}
.css_user_sticker{
  float:left;
  max-height: 200px;
  max-width: 200px;
  height: 50%;
  padding: 5px;
}

/* Hiển thị text */
.css_tokyogateaux_text{
  word-wrap: break-word;
  background-color: #0084FF;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:15px;
  max-width: 100%;
  float:right;
}
.css_user_text{
  word-wrap: break-word;
  background-color: #F2F3F5;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:15px;
  max-width: 100%;
  float:left
}

/* CSS cho messege */
.column1_user_row2{
  margin-top: 1px;
}
.column1_user_row2_snippet{
  font-size: 12px;
}
.column1_user_row2_time{
  font-size: 10px;
  position: absolute;
  top:0px;
  right: 0px
}
.css_dadoctinnhan {
  color: #B4B1B1;
}
.css_chuadoctinnhan{
  font-size: 14px;
  color:black
}
.user:hover {
  background-color: #A9CCE3;
  font-size:25px;
  color:black;
}
.tinnhantucuahang{
  word-wrap: break-word;
  background-color: #0084FF;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:15px;
  max-width: 100%;
}
.tinnhancuakhach{
  word-wrap: break-word;
  background-color: #F2F3F5;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:15px;
  max-width: 100%;

}

.snippet{
  font-size: 12px;
}

.logo_maytinh{
  height: 70px;
  width: 70px;
  left: 20px;
  bottom: 20px;
  position: fixed;
}

.logo_note{
  height: 70px;
  width: 70px;
  left: 20px;
  bottom: 90px;
  position: fixed;
}

.table_phieudathang_chitietsanpham_anhsanpham{
  width: 50px;
  height: 50px;
}

.div_cha{
	position: relative;
}

.div_changePrice{
	position: absolute;
        bottom: -30px;
        right:-10px;
	background-image: url('../../../config/image/salary.png');
        background-size: cover; /* Có thể thay đổi theo ý muốn */
        width: 25px; /* Đặt kích thước phần tử .your-class */
        height: 25px; /* Đặt kích thước phần tử .your-class */
}

.div_promotion{
	position: absolute;
        bottom: -30px;
        left: -10px;
	background-image: url('../../../config/image/tag.png');
        background-size: cover; /* Có thể thay đổi theo ý muốn */
        width: 25px; /* Đặt kích thước phần tử .your-class */
        height: 25px; /* Đặt kích thước phần tử .your-class */
}

@media only screen and (max-width: 600px) {
  td {
    white-space: nowrap;
  }
  th {
    white-space: nowrap;
  }
  #modal_anhsanphammau_anhsanphammau{
    width: 250px;
    height: 250px;
  }
  .gachngang{
    display:block;
  }
}

.input-wrapper {
    position: relative;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: none; /* Ẩn ban đầu */
}

.loading-overlay.loading {
    display: block; /* Hiển thị khi có class loading */
}

.loading-overlay::after {
    content: 'Loading...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333; /* Màu chữ */
    font-size: 14px; /* Kích thước chữ */
}