/* CSS cho section "Lịch sử đổi quà" */
section {
 /* background-color: #f5f5f5;*/
  padding: 20px;
  border-radius: 5px;
}
.award-code
{
	display:none;
}
#edit {
  margin-left: 20px;
  display: inline-block;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  background-color: #3498db;
  color: #ffffff;
  cursor: pointer;
}

#edit:hover {
  background-color: #2980b9;
}

@media ( max-width: 585px ) {
    .input-group span.input-group-btn,.input-group input,.input-group button{
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }
    .input-group {
        position: relative;   
    }
    .input-group span.data-up{
        position: absolute;
        top: 0;
    }
    .input-group span.data-dwn{
        position: absolute;
        bottom: 0;
    }
    .form-control.text-center {
        margin: 34px 0;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
        margin-left:0;
    }

}

/* CSS cho tiêu đề "Lịch sử đổi quà" */
h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

/* CSS cho dòng "Điểm đã tích lũy" */
p, span {
}

/* CSS cho bảng danh sách các bản ghi */
table {
  width: 100%;
  border-collapse: collapse;
}

/* CSS cho hàng tiêu đề của bảng */
th {
  font-weight: bold;
  background-color: #f9f9f9;
  padding: 10px;
  text-align: left;
  border: 1px solid #ccc;
}

/* CSS cho các ô trong bảng */
#danh-sach-qua td {
  padding: 10px;
  border: 1px solid #ccc;
}

/* CSS cho thẻ div "danh-sach-qua" */
#gift-box {
  margin-top: 20px;
}