.dongle-box {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
	box-sizing: border-box;
	font-size:16px;
	margin-top:20px;
}
.dongle-grid{
	display:flex;
	margin-top:10px;
}
.dongle-tit {
    font-weight: bold;
    color: #7f7f7f;
}
.dongle-grid input[type=text]{
	border: none;
	background:#f1f1f1;
	padding:10px;
	margin:0px;
	width:100%;
	border-radius: 7px;
	line-height: 0.8;
	font-size:16px;
}
.dongle-grid input[type=text]:focus {
   outline: none;
}
.dongle-grid button{
	border:none;
	padding:10px;
	margin:0px;
	background:#333 !important;
	color:#fff !important;
	width:100px;
	border-radius: 7px;
	margin-left:10px;
	line-height: 0.8;
	font-size:16px;
}
.dongle-grid button:focus {
   outline: none;
}
.dongle-grid button:hover{
	background:#333;
	border:none;
	margin:0px;
	border-radius: 7px;
}
.dongle-eror {
    margin-top: 10px;
    background: #fffcd3;
    border: 1px solid #e7c69e;
    border-radius: 7px;
    padding: 10px;
	font-size:16px;
}


.dongle-nut button {
    border: none;
    background: #ff4444 !important;
    padding: 10px 20px;
    border-radius: 7px;
    color: #fff !important;
    font-weight: bold;
	line-height: 0.8;
	font-size:16px;
}
.dongle-nut button:focus {
   outline: none;
}
.dongle-nut button:hover{
	background:#333;
	border:none;
	margin:0px;
	border-radius: 7px;
}
.dongle-lay .lay-a {
    background: none;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 7px 10px;
    margin-top: 10px;
    border-radius: 7px;
    line-height: 0.8;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
}
.dongle-lay .lay-a:focus {
   outline: none;
}
.dongle-lay-nd {
    margin-top: 10px;
    max-height: 600px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    margin-bottom: 20px;
}
.dongle-lay-nd img{
	width:100%;
	border-radius:10px;
}
.donglema {
    color: #ff4444;
}
/* ---- v2 ---- */
[hidden] { display: none !important; }
.dongle-wrap { margin: 1em 0; }
.dongle-nut button,
.dongle-grid button,
.dongle-lay .lay-a { cursor: pointer; font-family: inherit; }
.dongle-lay .lay-a { color: inherit; }
.dongle-unlocked { margin: 1em 0; }
@media (max-width: 480px) {
	.dongle-grid { flex-direction: column; }
	.dongle-grid button { width: 100%; margin: 10px 0 0; }
	.dongle-grid input[type=text] { min-width: 0; }
}

/* Nút tải sau khi nhập đúng mã */
.dongle-dl{display:inline-block;padding:12px 22px;border-radius:8px;background:#333;color:#fff!important;font-weight:700;text-decoration:none}
.dongle-dl:hover{background:#111}
.dongle-hint{margin:0 0 12px;color:#444}

/* Nút mở khóa đã ẩn: không để CSS hiển thị ghi đè thuộc tính hidden. */
.dongle-nut[hidden]{display:none!important}