#wpadminbar { display: none !important;}
.dk-section { position: relative; }
.wrap { padding: 0 2%; }
.wrap h1 { background: #0564ab; font-size: 20pt; text-align: center; text-transform: uppercase; color: #fff; padding: 12px; margin: 1em 0 0; }
.wrap h1.ds-khTit { background: #ab0555; background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); color: #7d3717; font-size: 18pt; text-transform: capitalize; }
.wrap h1.ds-khTit span { color: #45099b; font-weight: normal; }
.dk-butPop { background: #ffac02; padding: 10px 22px; border-radius: 5px; }
.dk-login { width: 100%; padding: 2em; text-align: center; float: left; }
.dk-login a { color: #a94442; text-decoration: underline; padding: 4px 2px; display: inline-block; }
.dk-ttKhach { width: 100%; float: left; }
.dk-wpdie { background: #edebd0; color: #a45e24; padding: 1em; border: 1px solid #dccfc5; margin: 2em 0; line-height: 1.5; }
.crm-hotline-table {
  width: 100%;
  border-collapse: collapse;
}
.add-hotline-form { max-width: 1080px; }
.dk-hlFormAn { width: 50%; padding: 0 12px; float: left; }
.crm-hotline-table th,
.crm-hotline-table td { border: 1px solid #dde2ed; padding: 8px; }
.crm-hotline-table th { background: #f0f0f0; text-align: left; }
.crm-hotline-table tr { background: #e4ebef; background-image: linear-gradient(to top, #e8eef2 0%, #fffcfc 100%); transition: background 400ms ease-in; }
.crm-hotline-table tr:hover { background: #f9f9f9; box-shadow: 0 2px 6px #ddd; }
.crm-hotline-table tbody td { font-size: 15px; line-height: 1.6; position: relative; }
.crm-hotline-table tbody td a:first-child:hover { text-decoration: underline; }
.add-hotline-form h2 { color: #3c763d; font-size: 22pt; }
.add-hotline-form input,
.add-hotline-form textarea, .add-hotline-form select { padding: 8px; width: 100%; border: 1px solid #ccc; border-radius: 4px; color: #333; }
#san_pham_quan_tam { min-height: 150px; }
.dk-formSumit { text-align: right; }
.add-hotline-form button { background-color: #e27319; color: white; padding: 14px 20px; border: none; border-radius: 4px; }
.add-hotline-form button:hover { background-color: #c93331; }
.add-hotline-form .notice-success { padding: 10px; background: #dff0d8; color: #3c763d; margin-bottom: 15px; }
.add-hotline-form .notice-error { padding: 10px; background: #f2dede; color: #a94442; margin-bottom: 15px; }
.dk-backHo { text-align: center; position: fixed; top: 0; left: 0; z-index: 99999; }
.dk-backHo button { background: #C00; color: #f5f5f5; border: none; padding: 10px; }
.home-tbClum { font-size: 13px; color: #282841; }
.home-tbUser { color: #353535; margin-top: 2px; font-size: 14px; }
h2.index-heading {  color: #fff; margin: 0 0; border-bottom: 3px solid #075d85; font-size: 20pt; }
h2.index-heading span { background: #0073aa; padding: 12px; display: inline-block; }
.vbb-home-menu { width: 100%; float: left; text-align: right; position: relative; }
.vbb-home-menuSub { position: absolute; top: 0; width: 100%; font-size: 15px; }
.vbb-home-menuSub .vbb-pos-menu { background: #dee2ed; border: 1px solid #b3bedd; border-top: none; color: #0056b3; padding: 6px 15px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: inline-block; }
.vbb-home-menuSub .vbb-pos-menu a:hover { text-decoration: underline; }
.vbb-pos-dk { background: #005a87; color: #f2f2f2; padding: 0 8px; position: absolute; top: 0; left: 0; font-size: 15px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.vbb-pos-dks { display: inline-block; }
.vbb-pos-dks a { color: #fff; padding: 10px 2px;  display: block; }
.vbb-pos-dks a:hover { text-decoration: underline; color: #f2f2f2; }

.dk-ThongBao.site-single { width: auto; }
.dk-ThongBao { background: #f5f5f5; border: 1px solid #ededed; box-shadow: 0 1px 6px #ddd; padding: 12px; border-radius: 5px; }
.dk-ThongBao h3 { color: #C00; margin: 12px 0 1em; text-transform: uppercase; text-align: center; }

.dk-singAx, .dk-singTx, .dk-singBx { background: #fff; width: 100%; padding: 12px; margin-bottom: 2em; float: left; }
.dk-singAx_Ti { background: #eee; padding: 1em; display: inline-block; }
.dk-singBox { display: grid; grid-template-columns: 28% 70%; gap: 0 1em; }
.dk-sgThumb { border-right: 1px solid #ddd; }
.dk-sgThumb img { width: 100%; height: auto; }
.dk-singAx .entry-content table { background-color: #eff7fb; background: linear-gradient(135deg, rgb(238 255 251) 0%, rgb(244 247 226) 100%); border-color: #dbe9e1; }
.dk-singAx .entry-content tr:first-child td { background-color: #e6f3e4; }
.dk-login { width: 100%; padding: 2em; text-align: center; float: left; }
.dk-login a { color: #a94442; text-decoration: underline; padding: 4px 2px; display: inline-block; }
.dk-ttKhach { width: 100%; float: left; }
.kd-phongKd { font-size: 13px; margin-top: 3px; }
.kd-phongKdMo { font-size: 11px; margin-top: 6px; margin-left: 10px; text-align: right; display: inline-block; }
.crm-hotline-table tbody td .kd-phongKd a, .kd-phongKd a { color: #fff; background: #0250c5; padding: 3px 6px; border-radius: 3px; display: inline-block; }
.crm-hotline-table tbody td .kd-phongKd a:hover, .kd-phongKd a:hover { color: #f5f5f5; background: #a82106; text-decoration: none; }
.crm-hotline-table tbody td .kd-phongKdMo a { color: #fff; background: #0250c5; padding: 3px 8px; border-radius: 3px; display: inline-block; }
.crm-hotline-table tbody td .kd-phongKdMo a:hover { text-decoration: none; }

.dk-sort-dropdown-wrapper { margin-top: 1em;  font-size: 14px; display: flex; align-items: center; justify-content: right; gap: 0 10px; }
.dk-sort-dropdown-wrapper label { font-weight: bold; color: #333; }
.media-toolbar-primary.search-form { float: right; background: unset; margin: 0 0; }
.wp-media-buttons .awsm-embed.button { display: none; }
.search-form input[type="search"]#media-search-input { border: 1px solid #999; color: #222; margin: 2em 0 0; padding: 0 2px; width: 100%; }

.logged-in-info { background: #073427; width: 100%; float: left; text-align: right; color: #f5f5f5; font-size: 12px; padding: 8px; }
.logged-in-info a { color: rgb(241, 241, 199); }
.logged-in-info a:hover { text-decoration: underline; }
.wp-login-form { background: #eee; border:1px solid #ccc; padding: 1em; max-width: 500px; margin: 1em auto; }
.wp-login-form h2 { color: #015061; text-transform: uppercase; font-size: 22px; margin: 0 0 1em; text-align: center; }
.wp-login-form .login-username, .wp-login-form .login-password { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 1em; }
.wp-login-form .login-username label, .wp-login-form .login-password label { width: 100%; margin-bottom: 2px; display: block; }
.wp-login-form .login-username input, .wp-login-form .login-password input { background: #fff; border: 1px solid #ddd; padding: 12px; color: #555; width: 100%; }
.wp-login-form .login-username input:focus, .wp-login-form .login-password input:focus { outline: none; border: 1px solid #063124; }
.wp-login-form .login-remember { margin: 1em 0; color: #015061; font-size: 14px; }
.wp-login-form .login-remember input[type="checkbox"]:hover { cursor: pointer; }
.wp-login-form .login-submit { text-align: center; }
.wp-login-form .login-submit input { background: #0075ab; color: #fff; padding: 16px 32px; border-radius: 4em; border:none; box-shadow:0 4px 12px #ccc; }
.wp-login-form .login-error { background: #e9d1d1; color: rgb(158, 63, 63); padding: 12px; margin-bottom: 1em; font-size: 14px; }
.wp-login-grap { color: #064230; background: #e2edea; border: 1px solid #c9ded9; padding: 12px; margin-top: 1em; text-align: center; }
.tong-comment { position: absolute; right: 1em; top: 32%; }
.tong-comment span { box-sizing: border-box; display: block; padding: 0 5px; min-width: 24px; height: 2em; border-radius: 5px; background-color: #4aa994; color: #fff; font-size: 11px; line-height: 1.90909090; text-align: center; }
.tong-comment span:after { content: "";display: block;margin-right: 8px;width: 0;height: 0;border-top: 5px solid #4aa994;border-right: 5px solid transparent; }

.add-hotline-form p { margin: 1em 0; }
.dk-supMenu { width: 100%; margin: 1em 0; float: left; }
.dk-supMenu ul { margin: 0 auto; max-width: 1200px; text-align: center; }
.dk-supMenu ul li { display: inline-block; }
.dk-supMenu ul li a { background: #2268b3; padding: 12px 10px; color: #fff; display: inline-block; }
.dk-supMenu ul li a:hover { background: #c55900; }
.dk-supMenu ul li.tao-khmoi a { background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #752899 0%, #a63dc2 33%, #db3972 66%, #bd1b60 100%); }
.dk-supMenu ul li.dis-khach a { background: #c93331; }
.dk-supMenu ul li.dk-quanly-donhang a { background: #1c905c; }
.dk-supMenu ul li.dk-dathanhtoan a { background: #008000; }
.dk-supMenu ul.dk-supMenuV { margin-top: 1em; }
.dk-supMenu ul.dk-supMenuV li a { background: #3c763d; }
.dk-supMenu ul.dk-supMenuV li a:hover { background: #c93331; }

.crm-box { padding: 20px; flex: 2; border: 1px solid #ddd; border-radius: 10px; }
.crm-box h2 { font-size: 22pt; color: #3c763d; margin: 0 0 12px; }
.crm-boxNote { background: #f5f5f5; margin-bottom: 2em; border: 1px solid #ddd; padding: 1em; font-size: 14px; border-radius: 3px; }
.crm-box p { margin: 1em 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.crm-box p i { color: #555; }
.crm-container { display: flex; gap: 40px; margin: 40px 20px; }
.crm-edit-btn { background: #c93331; color: #fff; padding: 8px 12px; border: 1px solid #9f201d; }
#crm-edit-form { background: #fff; position: fixed; left: 0; top: 0; width: 100%; padding: 10px 2em; z-index: 999; }
#crm-edit-hotline-form { background: #f5f5f5; border: 1px solid #ddd; width: 80%; margin: 0 auto; padding: 1em 2em; }
#crm-edit-form p label { display: grid; grid-template-columns: 20% 80%; gap: 10px; }
#crm-edit-form p input, #crm-edit-form p textarea, #crm-edit-form p select { padding: 8px 10px; border: 1px solid #a94442; color: #222; font-size: 13px; }
#crm-edit-form p input:focus, #crm-edit-form p textarea:focus, #crm-edit-form p select:focus { border-color: #3c763d; outline: none; }
#crm-edit-form p textarea { min-height: 60px; }
#crm-edit-form p span { min-width: 50px; }
#crm-edit-form button[type="submit"] { background: #3c763d; color: #fff; padding: 10px 14px; border: 1px solid #275f28; }
#btn-cancel-save { background: #9f201d; color: #fff; padding: 11px 13px; border: none; }
#btn-cancel-save:hover { background: #222; }
.no-hotline { text-align: center; margin-bottom: 2em; font-size: 18pt; background: #ebdad9; color: #a94442; padding: 1em; }
.inp-serChome { padding: 8px; border: 1px solid #ccc; border-radius: 4px; min-width: 350px; }

.qmg-container { max-width: 1200px; margin: 30px auto; padding: 0 15px; font-family: sans-serif; clear: both; }
.qmg-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.qmg-header h1 { margin: 12px 0; padding: 12px; background: #0073aa; border-left: 3px solid #005177; color: #fff; font-size: 18pt; }
.qmg-search-form { display: flex; gap: 10px; }
.qmg-input { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; min-width: 250px; font-size: 13px; }
.qmg-btn { padding: 8px 16px; background: #0073aa; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.qmg-btn:hover { background: #005177; }   
.qmg-table { width: 100%; border-collapse: collapse; border: 1px solid #e5e5e5; background: #fff; }
.qmg-table th, .qmg-table td { text-align: left; padding: 12px; border-bottom: 1px solid #eee; font-size: 14px; }
.qmg-table th { background-color: #f9f9f9; font-weight: 600; text-transform: uppercase; font-size: 13px; color: #555; }
.qmg-table tr:hover { background-color: #f1f1f1; }   
.badge-code { background: #e7f4e4; color: #2e7d32; padding: 4px 8px; border-radius: 4px; font-weight: bold; font-family: monospace; }
.badge-prod { background: #e7f0f7; color: #184790; padding: 3px 6px; border-radius: 3px; font-size: 12px; display: inline-block; margin: 4px 2px; }
.text-expired { color: red; font-weight: bold; }

.dk-hlCtn { display: block; position: relative; margin: 2em 0; }
.dk-hlCtnTop h1 { font-size: 18pt; border-left: 5px solid #275f28; padding: 12px; color: #015061; box-shadow: 3px 3px 1px #ccc; }
.dk-hlCtnMid { display: grid; grid-template-columns: 60% 38%; gap: 2%; }
.dk-hlCtnMid h2 { font-size: 18pt; color: #304284; margin: 1em 0; text-transform: uppercase; }
.dk-hlCtnMid .entry-content, .dk-hlMid_Mih .entry-content { background: #f8f2f2; border:1px solid #dccac9; color: #333; padding: 1em; position: relative; }
.dk-hlCtnMid .entry-content p, .dk-hlMid_Mih .entry-content p { font-size: 14px; }
.dk-hlCtnMid .entry-content div.text-sm, .dk-hlMid_Mih .entry-content div.text-sm { background: #f8f2f2; position: absolute; top: -9px; left: 26px; font-size: 13px; padding: 3px; color: #a1504e; }
.dk-hlMid_Mih .entry-content div.text-sm span { color: #860b0b; font-size: 14px; }
.dk-hlMid_Mih { width: 100%; margin: 1em 0 2em; float: left; position: relative; display: block; }
.dk-hlMid_Note { color: #9f201d; position: absolute; left: -4px; top: -10px; font-size: 18pt; }
.dk-hlMid_Tite {  font-size: 16pt; text-transform: capitalize; margin-bottom: 1em; }
.dk-hlMid_Tite span { background: #19579c; padding: 8px 16px; color: #f5f5f5; border-left: 3px solid #0493b1; border-radius: 3px; display: inline-block; }
.dk-hlMid_Tbl { border: 1px solid #ddd; padding: 1em; position: relative; }
.dk-hlMid_Tbl .edit-link { position: absolute; right: 8px; top: 8px; }
.hoidap-kap-container .dk-hlMid_Tbl .edit-link { text-align: right; right: unset; top: unset; position: relative; display: block; }
.dk-hlMid_Tbl .edit-link a { background: #c93331; color: #fff; padding: 8px 10px; display: inline-block; }
.dk-hlMid_Tbl .edit-link a:hover { background: #C00; }
.dk-hlMid_TblPi { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em; }
.dk-hlMid_TblPi i { color: #555; }
.dk-hlMid_TblPi:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 2px; }
.dk-hlCtn.dk-catWrap { background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); margin-top: 0; padding: 12px; border:1px solid #dae0e9; width: 100%; float: left; }
.dk-hlCtn.dk-adminWrap { background-image: linear-gradient(45deg, #eae2f5 0%, #f1f2db 100%); margin-top: 0; padding: 12px; border:1px solid #dae0e9; width: 100%; float: left; }
h3.dk-catWrapTit { margin: 0 0 1em; text-transform: uppercase; }
h3.dk-catWrapTit span { display: inline-block; padding: 10px 16px; background-color: #199c67; border-left: 3px solid #146b48; color: #f5f5f5; }
h3.dk-adminWrapTit { margin: 0 0 1em; text-transform: uppercase; }
h3.dk-adminWrapTit span { display: inline-block; padding: 12px 16px; background-color: #fff; border-left: 3px solid #C00; color: #C00; }
.dk-wrapProduct.entry-content { padding: 0 8px; }
span.dk-tuoi { color: #9f201d; margin-left: 3px; }
.dk-hlMid_Col01 b { color: #3c763d; }
.dk-hlMid_Col02 b { color: #c93331; }
.dk-hlMid_Bh { border: 1px solid #ddd; padding: 1em; }
.dk-khTer { padding: 4px 8px; color: #fff !important; margin-top: 2px; border-radius: 5px; text-shadow: 0 1px BLACK; font-size: 13px; display: inline-block; }
a.dk-khTer:hover { color: #f8f8f8 !important; }
.khTerID_2 {  background: #409e3f; background-image: linear-gradient(to left, #2ca08b 0%, #409e3f 100%);  } /* Cho bao gia */
.khTerID_3 {  background: #16b2dd;  } /* Da bao gia khach */
.khTerID_5 {  background: #d51414; background-image: linear-gradient(-60deg, #df4949 0%, #da5a2e 100%);  } /* Da co gia */
.khTerID_4 { background: #199c88; background-image: linear-gradient(120deg, #9ab138 0%, #53a710 100%); } /* Da dat hang */
.khTerID_30 { background: #9d0a7d; } /* Thiet ke xu ly file */
.khTerID_31 { background: #057c48; } /* Dang san xuat */
.khTerID_32 { background: #0250c5; background: linear-gradient(312deg, #0250c5 0%, #d43f8d 100%); } /* Da giao hang */
.khTerID_62 { background: rgb(215, 133, 10); } /* Bo sung thong tin */

.list-duan-hotline { display: grid; grid-template-columns: repeat(3,1fr); background: #20853e; background-image: linear-gradient(-60deg, #16a085 0%, #20853e 100%); padding: 10px; margin: 0 auto 2em; }
.list-duan-hotline li { background: #f5f5f5; padding: 1em; border-bottom: 1px solid #ddd; font-size: 18px; }
.list-duan-hotline li a:hover { text-decoration: underline; }
.dk-posHl { position: fixed; right: 8px; bottom: 8px; z-index: 99; }
.dk-posHlAdd a, .dk-posHlAdd a:visited { padding: 15px; color: #fff; background: #752899; background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #752899 0%, #a63dc2 33%, #db3972 66%, #bd1b60 100%); display: inline-block; }
.dk-posHlAdd { display: none; }
.scrollup { background:#069; color:#f9f9f9; text-align:center; padding:12px 15px; font-size:18px; cursor:pointer; display:none; z-index:991; transition:background ease 300ms; }
.scrollup:hover { background: #0075ab; }

.donghang-boxDx { display: grid; grid-template-columns: 60% 38%; gap:0 20px }
.donghang-boxDx_Ad { background: #f5f7fa; background-image: linear-gradient(135deg, #f5f7fa 0%, #e6e8ec 100%); padding: 12px; border: 1px solid #ddd; }
.donghang-boxDx_Tit { font-size: 18pt; margin-bottom: 1em; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #008000; }
.donghang-boxDx_AdBx { margin-bottom: 8px; padding: 0 8px; }
.donghang-boxNote_Bx { background: #f8f2f2; border: 1px solid #dccac9; }

.list-nhomkhach { background: #f9f9f9; position: sticky; top: 0; margin-bottom: 10px; z-index: 9999; }
ul.list-nhomkhach li { display: inline-block; }
ul.list-nhomkhach li a { padding: 12px 16px; font-size: 14px; }
.donghang-dadung { background: #f8f8f8; padding: 8px; border: 1px solid #ededed; margin-bottom: 1em; }
.dk-hlMid_TblPi.has-linked-orders { margin-bottom: 0; border-bottom: none; padding-bottom: 12px; }
.donghang-dadung h4 { margin: 0 0 10px; color: #C00; font-size: 14px; }
.donghang-dadung h4 em { font-weight: normal; }
.site-single .donghang-dadung ul li { margin: 8px 0; list-style-position: inside; }
.site-single .donghang-dadung ul li a { color: #1097e6; }
.donghang-dadung ul li a:hover { text-decoration: underline; }
.order-datetime-code { font-size: 13px; color: #333; }
.widget-binhluan { background: #fff; width: 100%; margin-bottom: 2em; border:1px solid #ddd; display: block; }
.widget-binhluan h3 { background: #2e3539 ; margin: 0 0; padding: 12px; color: #f8f8f8; text-transform: capitalize; }
.widget-binhluan ul { padding: 1em; color: #333; padding-left: 2em; }
.widget-binhluan ul li { list-style-type: square; list-style-position: inside; line-height: 1.6; margin: 5px 0; }
.widget-binhluan ul li a:hover { text-decoration: underline; }
.widget-colum-2 { display: grid; grid-template-columns: repeat(2,1fr); }
.widget-colum-2 h4 { background: #f2f2f2; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #353535; padding: 8px 10px; margin: 0; font-size: 16px; font-weight: bold; }
.widget-colum-2 .list-binhluan-ul h4 { border-right: none; }
.test-admin { background: #f2f2f2; color: #C00; border-bottom: 1px solid #ddd; padding: 8px; font-size: 13px; }
.hotline-post-list ul { border-right: 1px solid #eee; }
.hotline-post-list ul, .widget-binhluan ul { max-height: 500px; overflow-y: scroll; }
.widget-binhluan ul.tinhtrang-donhang-list { overflow: unset; max-height: none; }
.hotline-list-number { color: #0250c5; }
.latest-comment-time { font-size: 14px; }
.latest-comment-time em, .post-lastmod em { color: #1771a5; font-size: 13px; }
.latest-comment-time b, .post-author b { color: #43A6DF; }
.unread-label { color: #ce4f1e; font-size: 12px; }

.thongtin-khachhang-hotline { margin: 3em 0; width: 100%; display: block; }
.thongtin-khachhang-hotline h3 { text-transform: uppercase; color: #0250c5; margin: 0 0 1em; padding-bottom: 1em; border-bottom: 1px solid #0250c5; }
.thongtin-khachhang-hotline .data-table { background-color: #fff; border: 1px solid #ddd; min-width: 88%; }
.thongtin-khachhang-hotline .data-table th { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px; text-transform: none; }
.thongtin-khachhang-hotline .data-table td { border-bottom: 1px solid #ddd; padding: 10px; }
span.donhang-code { color: #333; font-weight: normal; }
.copy-button { background: #f5f5f5; border: 1px solid #999; padding: 5px 6px; border-radius: 5px; color: #333; font-size: 10px; margin-left: 1em; }
.donghang-tr01 { color: #057c48; }
.donghang-tr02 { color: #c93331; }
.donghang-tr03 { color: #069; }
.donghang-tr04 { color: #7d3717; }
.donghang-tr05 { color: #45099b; }
.notedon06 { color: #ae1bb6; }
.notedon01 { color: #0250c5; }
.notedon02 { color: #c55900; font-style: italic; }
.notedon03 { color: #07605d; }
.thanhtoan01 { background: #f3ebe0; color: #222; }
.thanhtoan02 { background: #080; color: #fff; padding: 3px 8px; }
.thongtin-khachhang-hotline .data-table .thanhtoan02 th { border-right: 1px solid #1d981d; padding: 12px; }
.thongtin-khachhang-hotline .data-table .thanhtoan02 td { padding: 12px; }

.dk-trsMenu { text-align: center; margin-top: 8px; clear: both; background: #f9f9f9; position: sticky; top: 0; padding: 8px; z-index: 9999;  }
.dk-trsMenu ul li { margin: 0 2px; display: inline-block; }
.dk-trsMenu ul li a { background: #eee; padding: 8px 10px; border:1px solid #ddd; border-radius: 3px; box-shadow: 0 2px 3px #ddd; display: block; }
.dk-trsMenu ul li a:hover { background: #ddd; }

.order-list-table tr.exp-dathanhtoan { background-color: #e6ffe6; opacity: 0.7; }
.order-list-table tr.exp-quahan {background-color: #ea9090; color: #800000;font-weight: bold;border-left: 5px solid #cc0000;}
.order-list-table tr.exp-2day {background-color: #fff9e6; border-left: 5px solid #ffcc00;}
.order-list-table tr.exp-1day {background-color: #ffe8cc; border-left: 5px solid #ff9900;}
.order-list-table tr.exp-0day {background-color: #ffcccc; /* Đỏ nhạt */font-weight: bold;border-left: 5px solid #cc0000;}
.ds-donhang h2 { background: #31434e;padding: 10px 16px;margin-bottom: 0;color: #eee; font-size: 18pt;}
.order-list-table table {width: 100%;border-collapse: collapse;margin-bottom: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.order-list-table th, .order-list-table td {padding: 12px 15px;border: 1px solid #ddd;text-align: left; font-size: 14px;}
.order-list-table td p { margin: 3px 0; line-height: 1.5; }
.coupon-badge { display: inline-block; padding: 3px 10px; border: 1px dashed #ff6600; color: #ff6600; font-weight: bold; font-family: monospace; font-size: 1.1em; margin-right: 5px; background-color: #fff5f0; border-radius: 4px; font-size: 12px; }
.order-list-table th {background-color: #e3e4ea;font-weight: bold;color: #272f5c;text-transform: uppercase;font-size: 14px;}
.order-list-table tr:nth-child(even):not([class^="exp-"]) {background-color: #f9f9f9;}
.order-list-table tr:hover {background-color: #f1f1f1;}
.status-unpaid {background-color: #ffe0e0;color: #d80000;padding: 4px 8px;border-radius: 4px;font-size: 12px;font-weight: 600;}
.status-paid {background-color: #e6ffe6;color: #008000;padding: 4px 8px;border-radius: 4px;font-size: 12px;font-weight: 600;}

.count { font-weight: normal; }
.hoidap-kap-container {width: 100%;margin: 0 auto;padding: 20px 0;}
.hoidap-kap-container h2 { font-size: 18pt; }
.hoidap-kap-row {display: flex;flex-wrap: wrap; gap: 20px; }
.hoidap-kap-row h3 { margin: 5px 0 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #0564ab; text-transform: uppercase; }
.hoidap-kap-col-1 {flex: 0 0 22%; min-width: 250px;padding: 10px;background-color: #eee;border-right: 1px solid #eee;}
.hoidap-kap-col-2 {flex: 1;padding: 0 15px;width: auto;}
.hoidap-kap-list-menu {list-style: none;padding: 0 5px;margin: 10px 0;}
.hoidap-kap-list-menu li {border-bottom: 1px dashed #ddd;}
.hoidap-kap-list-menu a {text-decoration: none;padding:12px 0;font-weight: bold;color: #333;display: block;}
.hoidap-kap-list-menu .count {font-size: 0.9em;font-weight: normal;color: #888;float: right;}
.hoidap-kap-group { background: rgb(255,255,255,.6); margin-bottom: 30px;padding: 15px; border-radius: 8px;}
.related-hoidap-section ul { background: #f1f1f1; border: 1px solid #ddd; margin-bottom: 30px;padding: 15px; border-radius: 8px;}
.hoidap-kap-khungDx { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.hoidap-kap-group h4 {margin-top: 0;font-size: 1.3em;}
.hoidap-kap-group h4 a {text-decoration: none;color: #0073aa; }
.hoidap-kap-list-posts {list-style: disc; margin-left: 20px;}
.hoidap-kap-list-posts li { background: rgba(255,255,255,.5); padding: 3px 8px 8px; margin-bottom: 1em; }
.hoidap-kap-list-posts li div:first-child, .site-single .related-hoidap-section ul li div:first-child { font-weight: bold; }
.hoidap-kap-list-posts li:last-child { margin-bottom: 0; }
.hoidap-kap-list-posts a {text-decoration: none; padding: 5px 0; display: inline-block;}
.hoidap-kap-list-posts a:hover { text-decoration: underline; }
.related-hoidap-section { width: 100%;float: left;}
.related-hoidap-section h2 { margin: 0 5px 5px; font-size: 18pt; }
.hoidap-kap-col-2 .site-single {flex: 1;padding: 0 0;width: auto;}
body.single .hoidap-kap-container .dk-hlMid_Tbl { background: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 2px 3px #ccc; }
.related-hoidap-tlr {  margin-top: 6px; font-size: 14px; }
body.single .related-hoidap-tlr { background: #fff; padding: 3px 8px; border-radius: 3px; }
.related-hoidap-tlr p { margin: 8px 0; line-height: 1.5; }
.hoidap-kap-list-posts .related-hoidap-tlr a { color: #0250c5; }
.hoidap-kap-xemtoanbo { text-align: center; }
.hoidap-kap-xemtoanbo a { background: #0075ab; color: #fff; padding: 8px 12px; display: inline-block; }
.hoidap-kap-xemtoanbo a:hover { background: #015061; color: #f2f2f2; }
.hoidap-tax-ctn { width: 100%; margin-bottom: 1em; float: left; }
.hoidap-hlMid_Tbl { background: #e9f0f3; padding: 8px; margin-bottom: 1em; border: 1px solid #dce8ed; border-radius: 5px; }
.hoidap-hlMid_Tbl h3 { margin: 5px 2px 10px; color: #015061; font-size: 16pt; }
.site-single .hoidap-hlMid_Tbl .entry-content { background: #f1f5f7; padding: 10px; border-radius: 3px; }
ul.list-hoidap { margin-bottom: 2em; width: 100%; text-align: center; display: block; }
ul.list-hoidap li { display: inline-block; margin: 0 2px; }
ul.list-hoidap li a { background: #ededed; color: #015061; padding: 12px 18px; display: inline-block; }
ul.list-hoidap li a:hover { background: #fff; }
.form-hoidap-wrapper h3 { margin: 0 0 10px; text-transform: uppercase; color: #C00; }
.widget-binhluan ul.hoidap-new-list { display:grid; grid-template-columns: repeat(2,1fr); gap: 1em; }
.widget-binhluan ul.hoidap-new-list li { background: #f2f2f2; padding: 8px 8px 5px; list-style-type: none; }
.hoidap-new-list .edit-link { text-align: right; display: block; }

.xem-hosoDx { margin: 3em 0; text-align: center; }
.xem-hosoDx a, .xem-hosoDx a:hover, .xem-hosoDx a:visited { display: inline-block; padding: 10px 12px; background: #008000; color: #fff; }
.aut-main { margin: 2em 0; width: 100%; float: left; }
.aut-main h2 { background: #ab0555; background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); color: #ab0555; font-size: 18pt; padding: 10px; margin:0 0 1em; }
.coupon-list-container {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 20px;}
.coupon-card {background: #f9f9f9;border: 1px solid #eee;border-left: 5px solid #0073aa;padding: 15px;width: calc(33.33% - 20px);min-width: 250px;box-shadow: 0 2px 4px rgba(0,0,0,0.05);border-radius: 4px;}
.coupon-title {font-size: 1.1em;margin-top: 0;margin-bottom: 10px;color: #0073aa;}
.coupon-code {display: block;background: #fff;border: 1px dashed #d2aeae;padding: 10px;font-size: 1.3em;font-weight: bold;text-align: center;margin-bottom: 10px;cursor: pointer;}
.coupon-code i { color: #069; }
.coupon-info p {margin: 8px 0;font-size: 0.9em;color: #555; line-height: 1.5;}
.expired {color: #d63638;font-weight: bold;}
.member-info-card { background: #e9f5ff; border: 1px solid #cceeff; padding: 20px; margin: 25px 0; border-radius: 6px;border-left: 5px solid #0056b3; width: 100%; float: left; }
.member-info-card p { margin: 8px 0; line-height: 1.5; }

.aut-mild { width: 100%; margin-bottom: 2em; float: left; }
.aut-mild h2 { background:#55c664; background-image: linear-gradient(120deg, #bce169 0%, #79cf85 100%); font-size: 18pt; color: #259834; padding: 12px; margin: 0 0 1em; }
table.thong-ke-table { min-width: 50%; background: #edfaf4; border: 1px solid #d3e5d8; }
table.thong-ke-table tr { border-bottom: 1px solid #d3e5d8; }
table.thong-ke-table th { padding: 8px; font-size: 18px; color: #0250c5; border-right: 1px solid #d3e5d8; }
table.thong-ke-table td { padding: 10px; border-right: 1px solid #d3e5d8; }
table.thong-ke-table tr td:last-child , table.thong-ke-table tr th:last-child  { border-right: 1px solid #d3e5d8; }
.aut-mildLi { background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; padding: 12px; margin-bottom: 1em; }
.aut-mildLi:last-child { margin-bottom: 0; }
.aut-mildLi_Pi { padding: 5px 0; line-height: 1.5; }
.aut-mildLi_Pib { background: #fff; padding: 6px; margin-top: 8px;}
.aut-mildLi_Pib a { padding: 8px 0; border-bottom: 1px dashed #ddd;  margin-bottom: 0 !important; display: inline-block; }
.aut-mildLi_Pib a:last-child { border-bottom: none; }

.devvn-forum-wrapper { position: relative; }
.forum-title { background: #edeaea; border-bottom: 2px solid #ded2d2; padding: 10px; font-size: 18px; color: #cd5d2a; }
.forum-input-box { display: flex; margin-bottom: 20px; }
.input-area { flex-grow: 1; min-width: 0; }
.user-avatar img { border-radius: 50%; }
.form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin-top: 10px; }
.devvn-submit-btn { background: #0073aa; color: #fff; padding: 8px 25px; border: none; cursor: pointer; border-radius: 4px; font-weight: 600;}
.devvn-submit-btn:hover { background: #00608d; }
.devvn-loading { color: #666; font-size: 14px; font-style: italic;}
.fa-spin { animation: fa-spin 2s infinite linear; }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.devvn-forum-form { margin-top: 1em; }
.forum-item { border: 1px solid #eee; margin: 15px 0; background: #fff; border-radius: 4px; }
.forum-item-header { background: #f8f8f8; padding: 8px 15px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #eee; }
.f-date { font-size: 11px; color: #888; }
.forum-item-content { padding: 2px 12px; }
.forum-item-content p { margin-bottom: 10px; }
.site-single .entry-content .forum-item-content p img, .comment-content p img { max-width: 50% !important; margin: 0 auto; display: flex; }

.custom-search-wrapper { position: relative; max-width: 600px; margin: 2em auto; }
#custom-search-input { width: 100%; padding: 10px; height: 45px; border: 2px solid #015061; border-right: none; outline: none; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
#custom-search-input:focus { border-color: #00608d; }
.custom-search-pin { font-size: 12px; font-style: italic; color: #015061; margin-top: 2px; }
#custom-search-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; z-index: 999; display: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); max-height: 400px; overflow-y: auto; }
.search-item-loop { padding: 12px; border-bottom: 1px solid #eee; cursor: pointer; display: flex; justify-content: space-between; align-items: center;background: #fff;transition: background 0.2s;}
.search-item-loop:hover { background-color: #f7faff; }
.search-content-left { flex: 1; padding-right: 10px; }
.search-line-1 { font-weight: bold; font-size: 14px; color: #333; margin-bottom: 4px;}
.search-line-2 { font-size: 12px; color: #666; }
.search-line-2 span { color:#fff; padding:2px 3px; border-radius:2px; } 
.search-type-label { font-size: 10px; text-transform: uppercase; font-weight: 700; padding: 4px 8px; border-radius: 4px; white-space: nowrap; min-width: 80px;text-align: center;}    
.label-hotline { background-color: #ffebee; color: #c62828; border: 1px solid #ffcdd2; } /* Đỏ nhạt */
.label-donhang { background-color: #e3f2fd; color: #1565c0; border: 1px solid #bbdefb; } /* Xanh dương */
.label-user    { background-color: #f3e5f5; color: #6a1b9a; border: 1px solid #e1bee7; } /* Tím */
.status-badge { padding: 2px 6px; border-radius: 3px; color: #fff; font-size: 11px; display: inline-block; }
.status-notedon06 { background-color: #6c757d; } 
.status-notedon01 { background-color: #17a2b8; } 
.status-notedon02 { background-color: #ffc107; color: #000; } 
.status-notedon03 { background-color: #007bff; } 
.status-notedon04 { background-color: #28a745; } 
#custom-search-results-main { margin-top: 20px; }
#custom-search-results-main .search-item-loop { border: 1px solid #ddd; margin-bottom: 10px; border-radius: 4px; }
#custom-search-form { display: grid; grid-template-columns: 88% 12%; }
button[type="submit"]#custom-search-btn { background:#015061; color:#FFF;padding:10px 16px;border-bottom-right-radius: 4px; border-top-right-radius: 4px;outline:none;border:none; }

.hv-container { max-width: 100%; padding: 20px 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #f9f9f9; clear: both; }
.hv-table { width: 100%; border-collapse: collapse; font-size: 13px; border: 1px solid #ddd; border-top: none; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.hv-table tr { border-bottom: 2px solid #0075ab; }
.hv-table tr table tr { border-bottom: none; }
.hv-table th { background: #0073aa; color: #fff; padding: 12px; text-align: left; border-bottom: 2px solid #005a87; font-weight: 600; text-transform: uppercase; font-size: 12px; }
.hv-table td { padding: 8px; border-left: 1px solid #ededed; vertical-align: top; line-height: 1.5; color: #333; }
.hv-table tr table td { border-bottom: 1px solid #ededed; }
.hv-table tr:hover { background: #f0f8ff; }
.st-badge { padding: 1px 8px 2px; border-radius: 12px; font-size: 11px; color: #fff; display: inline-block; font-weight: bold; }
.st-red { background: #e74c3c; } 
.st-green { background: #27ae60; }
.st-orange { background: #e67e22; } 
.st-gray { background: #95a5a6; } 
.st-yellow { background: #f1c40f; color: #333; }  
.coupon-block {  }   
.order-item { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px dashed #eee; padding: 8px 0; }
.order-item:last-child { border-bottom: none; }
.order-info a { text-decoration: none; color: #2c3e50; font-weight: 600; transition: color 0.2s; }
.order-info a:hover { color: #0073aa; }   
.money-val { font-family: 'Courier New', monospace; font-weight: bold; font-size: 13px; }
.text-paid { color: #27ae60; }
.text-unpaid { color: #c0392b; }   
.total-box { margin-top: 10px; padding-top: 8px; border-top: 2px solid #eee; text-align: right; font-weight: bold; font-size: 14px; }

.filter-group { display: inline-block; margin-right: 20px; vertical-align: top; }
.btn-filter { display: inline-block; padding: 6px 12px; margin-right: 3px; margin-bottom: 5px;background: #fff; border: 1px solid #ccc; border-radius: 3px;text-decoration: none; color: #333; font-size: 13px; }
.btn-filter:hover { background: #eee; }
.btn-filter.active { background: #25a18a; color: #fff; border-color: #25a18a; }
.date-filter-form { display: inline-block; }
.date-filter-input { padding: 5px; border: 1px solid #ccc; border-radius: 3px; color: #555; }
.btn-submit-date { padding: 6px 12px; background: #0073aa; color: #fff; border: none; border-radius: 3px; cursor: pointer; }
.btn-reset { color: #cc0000; margin-left: 5px; font-size: 13px; text-decoration: underline; }

@media (max-width: 850px) {
  .wrap { padding: 0 0; }
  .crm-hotline-table th, .crm-hotline-table td { font-size: 12px; }
  .wrap h1, .wrap h1.ds-khTit, h2.index-heading { font-size: 16pt; }
  .dk-hlCtnMid { display: grid; grid-template-columns: 50% 48%; gap: 2%; }
  .list-duan-hotline { max-width: 80%; }
  .site-single .hoidap-hlMid_Tbl .entry-content { padding: 0 8px; display: flex; }
  .hoidap-hlMid_Tbl h3 { font-size: 14pt; }
  .hoidap-hlMid_Tbl .entry-content p { font-size: 13px; }
  .hoidap-kap-container h2 { font-size: 15pt; }
  .hoidap-kap-khungDx { display: block; }
  table.thong-ke-table { min-width: 60%; }
}

@media (max-width: 600px) {
  #fullpage, .vi-banner, .dk-section, .site-single, .site-search, .dk-page { width: 99%; }
  .wrap h1, .wrap h1.ds-khTit { font-size: 13pt; }
  .dk-hlCtnMid { display: block; margin-bottom: 1em; }
  .dk-posHlAdd { display: block; }
  .vbb-stat-scroll { overflow-x: scroll; }
  .vbb-home-menu { position: absolute; right: 0; z-index: 999; }
  .vbb-home-menuSub p a { padding: 8px 0 5px; display: inline-block; }
  .vbb-pos-dk { top: 114px; width: 100%; text-align: center; }
  .crm-container { display: block; }
  #crm-edit-form { padding: 1em; }
  #crm-edit-hotline-form { width: 100%; }
  .list-duan-hotline { display: block; }
  .list-duan-hotline li { font-size: 16px; }
  .dk-supMenu ul li { margin-bottom: 10px; font-size: 12px; }
  ul.list-nhomkhach li a { padding: 8px 10px; font-size: 11px; }
  .dk-trsMenu { margin-top: 0;}
  .dk-trsMenu ul li { margin: 5px 2px; font-size: 12px; }
  .dk-backHo { top: inherit; bottom: 0; }
  .home-tbClum { font-size: 11px; }
  .dk-hlFormAn { width: 100%; }
  .widget-binhluan ul.hoidap-new-list { display: block; padding: 6px; }
  .widget-colum-2, .hoidap-kap-khungDx { display: block; }
  .add-hotline-form h2 { padding-left: 1em; font-size: 18pt; }
  .widget-binhluan ul { padding-left: 1em; }
  .widget-binhluan ul li { font-size: 15px; }
  .latest-comment-time em, .post-lastmod em { font-size: 12px; }
  .hotline-post-list ul { border-right: none; }
  .hotline-post-list ul, .widget-binhluan ul { max-height: none; overflow-y: unset; }
  .inp-serChome { min-width: 250px; }
  .dk-hlMid_Tbl { padding: 10px; }
  .dk-hlMid_TblPi { font-size: 13px; margin-bottom: 12px; padding-bottom: 12px; }
  .donghang-boxDx { display: block; }
  .donghang-boxDxLi { margin-bottom: 1em; }
  .filter-group { border-left: none !important; padding-left: 0 !important; }
  .filter-group:last-child { margin-right: 0; }
  .crm-boxNote { font-size: 13px; line-height: 1.5; background: none; border: none; padding: 2px; }
  .crm-indoCh { display:grid; grid-template-columns: 1fr 1fr; background: #f8f8f8; padding: 2px 8px; margin-top: 3px; }
  .crm-indoChSp { font-size: 11px; margin: 3px 0; }
  .dk-hlCtnTop h1 { font-size: 16pt; }
  .dk-hlCtnMid h2, h2.index-heading { font-size: 15pt; }
  .dk-hlMid_Bh { padding: 15px 10px; }
  .dk-hlMid_Tbl .edit-link { font-size: 12px; }
  .dk-hlMid_TblPi:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
  .list-duan-hotline { max-width: 98%; }
  .dk-khTer { margin: 3px 0 2px; border-color: #384093; font-size: 11px; font-weight: normal; }
  .thongtin-khachhang-hotline { padding: 0 2%; }
  .thongtin-khachhang-hotline .data-table { font-size: 13px; min-width: 99%; }
  .thongtin-khachhang-hotline .data-table th { text-transform: inherit; }
  .thongtin-khachhang-hotline .data-table td { padding: 8px; }
  .qmg-header h1, .aut-mild h2 { font-size: 15pt; }
  .qmg-header, .qmg-search-form { display: block; }
  .qmg-input { margin-bottom: 1em; }
  .qmg-NodDx_Li { background: #f1f6fb; border: 1px solid #dfe7ee; padding: 12px; border-radius: 5px; margin-bottom: 1em; }
  .qmg-NodDxPi { margin-top: 1em; }
  .qmg-NodDxPi.qmg-NodDx_Tit { margin: 0 0 1.5em; color: #0056b3; }
  .site-single .donghang-dadung ul li { font-size: 12px; }
  .site-single .donghang-dadung ul li a { padding: 2px; display: inline-block; }
  .order-datetime-code, .donghang-dadung .payment-status-paid { font-size: 11px; }
  .order-list-table th, .order-list-table td { padding: 5px 6px; }
  .order-list-table td p { font-size: 11px; }
  .status-unpaid { padding: 3px 5px; font-size: 10px; border-radius: 2px; }
  .hoidap-kap-row {flex-direction: column;}
  .hoidap-kap-col-1, .hoidap-kap-col-2 {flex: 1 1 100%; min-width: unset;padding: 10px;}
  .hoidap-kap-col-1 {border-right: none;border-bottom: 1px solid #eee; }
  .hoidap-hlMid_Tbl h3 { font-size: 13pt; }
  body.single .hoidap-kap-col-2, .hoidap-kap-col-2 .site-single { padding: 0; }
  .hoidap-kap-col-2 .site-single h1.entry-title { font-size: 18px; }
  .hoidap-kap-container h2 { font-size: 14pt; }
  .related-hoidap-tlr { font-size: 13px; }
  ul.list-hoidap li { margin: 5px 2px;}
  .coupon-card { width: 100%; }
  table.thong-ke-table { min-width: 100%; }
}

@media (max-width: 390px) {
  .status-unpaid { font-size: 9px; }
  .dk-trsMenu ul li { font-size: 10px; }
  .dk-trsMenu ul li a { padding: 8px; }
}