/* Custom Content CSS for Dark Theme */
/* Ch? áp d?ng n?n den m? cho bài vi?t ? ngoài trang ch? */
.ContentBody .cke_show_borders {
    width: 100%;
    margin: 20px 0;
    border: 1px solid var(--vltk-border);
    padding: 20px;
    background: rgba(0,0,0,0.5);
    color: var(--vltk-text);
}

.ContentBody .ContentChild .B {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    color: var(--vltk-text) !important;
    font-size: 15px;
    /* Ðã g? b? text-align: left d? tính nang can gi?a/ph?i c?a bài vi?t ho?t d?ng */
    clear: both;
}

h2 {margin: 23px 0 5px 0;font-weight: bold;line-height: 33px; color: var(--vltk-gold); font-size: 18px;}
h4 {margin: 16px 0 12px;font-weight: bold; color: var(--vltk-gold-light); font-size: 15px;}
h5 {font-size: 14px;font-weight: normal; color: var(--vltk-text-muted); margin: 12px 0;}

table {
    width: auto !important; /* Cho phép b?n t? do kéo th?, thu nh? b?ng trong lúc so?n th?o */
    min-width: 50%; /* Ð?m b?o b?ng không b? quéo l?i quá nh? */
    max-width: 100%; 
    font-size: 14px;
    border: 1px solid var(--vltk-border);
    border-collapse: collapse;
    color: var(--vltk-text); 
    margin: 20px auto !important; /* L?nh "auto" chính là chìa khóa ép cái b?ng chui th?ng vào chính gi?a màn hình */
}
table thead {background: rgba(244, 208, 104, 0.2);color: var(--vltk-gold);font-weight: bold;}
table tbody tr{background: rgba(0,0,0,0.3); border-bottom: 1px solid var(--vltk-border);}
table td, table th {text-align: center;padding: 10px; border: 1px solid var(--vltk-border);}
img {max-width: 100%; height: auto;}

/* =========================================
   FIX N?N KHUNG SO?N TH?O ADMIN (HI?N TH? RÕ M?I MÀU CH?)
========================================= */
body.cke_editable,
html.CSS1Compat body.cke_editable {
    background-color: #95a5a6 !important; /* N?n xám xi mang, làm n?i b?t m?i lo?i màu ch? */
    background-image: none !important;
    caret-color: #000000 !important; /* Ép tr? chu?t nh?p nháy ph?i có màu Ðen */
    padding: 20px !important;
}

/* Hi?u ?ng vi?n ch? den nh? d? ch? tr?ng không b? tàng hình */
body.cke_editable p, 
body.cke_editable div, 
body.cke_editable span,
body.cke_editable strong {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important; 
}

/* X? lý hi?n th? b?ng (table) bên trong khung admin n?u có t?o */
body.cke_editable table {
    background: #e0e0e0 !important;
}
body.cke_editable table td, 
body.cke_editable table th {
    color: #000 !important;
    border: 1px solid #777 !important;
}