/* ===== SKIN-ADMIN 31/10/2026: lớp tương thích cho module cũ (skin Admin / Zircos / Bootstrap 3) chạy trong skin _admin (DashLite / Bootstrap 4).
   File sinh bởi Tools/port/skinaudit/gen_compat.py — sửa ở đó rồi chạy lại. ===== */
/* --- Lưới Bootstrap 3 --- */
.form-horizontal .form-group:has(> [class*="col-"]),.form-group.row-bs3{display:flex;flex-wrap:wrap;margin-left:-14px;margin-right:-14px}
.form-horizontal .form-group:has(> [class*="col-"]) > [class*="col-"]{position:relative;padding-left:14px;padding-right:14px}
.pull-right{float:right!important}.pull-left{float:left!important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.img-responsive{display:block;max-width:100%;height:auto}
.text-overflow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{clear:both}
.none{display:none!important}

.col-xs-1{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 8.333333%;max-width:8.333333%}
.col-xs-2{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 16.666667%;max-width:16.666667%}
.col-xs-3{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 25.000000%;max-width:25.000000%}
.col-xs-4{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 33.333333%;max-width:33.333333%}
.col-xs-5{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 41.666667%;max-width:41.666667%}
.col-xs-6{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 50.000000%;max-width:50.000000%}
.col-xs-7{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 58.333333%;max-width:58.333333%}
.col-xs-8{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 66.666667%;max-width:66.666667%}
.col-xs-9{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 75.000000%;max-width:75.000000%}
.col-xs-10{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 83.333333%;max-width:83.333333%}
.col-xs-11{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 91.666667%;max-width:91.666667%}
.col-xs-12{position:relative;width:100%;padding-left:14px;padding-right:14px;flex:0 0 100.000000%;max-width:100.000000%}
.row > [class*="col-xs-"]{min-height:1px}
@media (min-width:576px){.col-sm-offset-0{margin-left:0.000000%}.col-sm-offset-1{margin-left:8.333333%}.col-sm-offset-2{margin-left:16.666667%}.col-sm-offset-3{margin-left:25.000000%}.col-sm-offset-4{margin-left:33.333333%}.col-sm-offset-5{margin-left:41.666667%}.col-sm-offset-6{margin-left:50.000000%}.col-sm-offset-7{margin-left:58.333333%}.col-sm-offset-8{margin-left:66.666667%}.col-sm-offset-9{margin-left:75.000000%}.col-sm-offset-10{margin-left:83.333333%}.col-sm-offset-11{margin-left:91.666667%}}
@media (min-width:768px){.col-md-offset-0{margin-left:0.000000%}.col-md-offset-1{margin-left:8.333333%}.col-md-offset-2{margin-left:16.666667%}.col-md-offset-3{margin-left:25.000000%}.col-md-offset-4{margin-left:33.333333%}.col-md-offset-5{margin-left:41.666667%}.col-md-offset-6{margin-left:50.000000%}.col-md-offset-7{margin-left:58.333333%}.col-md-offset-8{margin-left:66.666667%}.col-md-offset-9{margin-left:75.000000%}.col-md-offset-10{margin-left:83.333333%}.col-md-offset-11{margin-left:91.666667%}}
@media (min-width:992px){.col-lg-offset-0{margin-left:0.000000%}.col-lg-offset-1{margin-left:8.333333%}.col-lg-offset-2{margin-left:16.666667%}.col-lg-offset-3{margin-left:25.000000%}.col-lg-offset-4{margin-left:33.333333%}.col-lg-offset-5{margin-left:41.666667%}.col-lg-offset-6{margin-left:50.000000%}.col-lg-offset-7{margin-left:58.333333%}.col-lg-offset-8{margin-left:66.666667%}.col-lg-offset-9{margin-left:75.000000%}.col-lg-offset-10{margin-left:83.333333%}.col-lg-offset-11{margin-left:91.666667%}}
/* hidden-/visible- theo mốc Bootstrap 3: xs <768, sm 768-991, md 992-1199, lg >=1200 */
@media (max-width:767.98px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991.98px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199.98px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
@media (max-width:767.98px){.visible-xs{display:block!important}}
@media (min-width:768px) and (max-width:991.98px){.visible-sm{display:block!important}}
@media (min-width:992px) and (max-width:1199.98px){.visible-md{display:block!important}}
@media (min-width:1200px){.visible-lg{display:block!important}}
/* --- Trạng thái Bootstrap 3 (.in) --- */
.collapse.in{display:block}.fade.in{opacity:1}.modal.in{display:block}.modal-backdrop.in{opacity:.5}
/* --- Form --- */
.control-label{font-size:.875rem;font-weight:500;color:#344357;margin-bottom:.5rem;display:inline-block}
@media (min-width:768px){.form-horizontal .control-label{padding-top:.4375rem;text-align:right;margin-bottom:0}}
.help-block{display:block;margin-top:.25rem;margin-bottom:.5rem;font-size:.75rem;color:#8094ae}
.input-sm,.form-group-sm .form-control{height:calc(1.75rem + 2px);padding:.25rem .75rem;font-size:.75rem;line-height:1.25rem;border-radius:3px}
.input-lg{height:calc(2.625rem + 2px);padding:.6875rem 1rem;font-size:.9375rem;line-height:1.25rem}
.input-group-addon{display:flex;align-items:center;padding:.4375rem 1rem;font-size:.8125rem;line-height:1.25rem;color:#3c4d62;text-align:center;white-space:nowrap;background-color:#ebeef2;border:1px solid #dbdfea;border-radius:4px}
.input-group>.input-group-addon:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.input-group>.input-group-addon:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.input-group-btn{display:flex}.input-group-btn>.btn{position:relative}
.input-group>.input-group-btn:last-child>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.input-group-btn:first-child>.btn{border-top-right-radius:0;border-bottom-right-radius:0}
.checkbox,.radio{position:relative;display:block;margin:.25rem 0}
.checkbox label,.radio label{padding-left:.25rem;margin-bottom:0;cursor:pointer;font-weight:400}
.checkbox input[type=checkbox],.radio input[type=radio]{margin-right:.375rem;vertical-align:middle}
.checkbox-inline,.radio-inline{display:inline-flex;align-items:center;margin-right:1rem}
fieldset legend{font-size:1rem;font-weight:700;color:#364a63;width:auto;padding:0 .5rem}
/* --- Nút --- */
.btn-default{color:#526484;background-color:#fff;border-color:#dbdfea}
.btn-default:hover,.btn-default:focus,.btn-default.active{color:#0065b3;background-color:#fff;border-color:#0065b3}
.btn-xs{padding:.125rem .5rem;font-size:.6875rem;line-height:1.125rem;border-radius:3px}
.btn-rounded{border-radius:2rem!important}
.btn-bordered{border-bottom-width:2px}
.waves-effect{position:relative}
.w-xs{min-width:80px}.w-sm{min-width:95px}.w-md{min-width:112px}.w-lg{min-width:160px}
.button-list>.btn,.button-list>.btn-group{margin:0 .375rem .5rem 0}

.btn-custom{color:#fff;background-color:#0065b3;border-color:#0065b3}.btn-custom:hover,.btn-custom:focus,.btn-custom.active{color:#fff;background-color:#0065b3;border-color:#0065b3;filter:brightness(.92)}
.btn-inverse{color:#fff;background-color:#1c2b46;border-color:#1c2b46}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse.active{color:#fff;background-color:#1c2b46;border-color:#1c2b46;filter:brightness(.92)}
.btn-purple{color:#fff;background-color:#0065b3;border-color:#0065b3}.btn-purple:hover,.btn-purple:focus,.btn-purple.active{color:#fff;background-color:#0065b3;border-color:#0065b3;filter:brightness(.92)}
.btn-pink{color:#fff;background-color:#e85347;border-color:#e85347}.btn-pink:hover,.btn-pink:focus,.btn-pink.active{color:#fff;background-color:#e85347;border-color:#e85347;filter:brightness(.92)}
.btn-orange{color:#fff;background-color:#f4bd0e;border-color:#f4bd0e}.btn-orange:hover,.btn-orange:focus,.btn-orange.active{color:#fff;background-color:#f4bd0e;border-color:#f4bd0e;filter:brightness(.92)}
.btn-teal{color:#fff;background-color:#1ee0ac;border-color:#1ee0ac}.btn-teal:hover,.btn-teal:focus,.btn-teal.active{color:#fff;background-color:#1ee0ac;border-color:#1ee0ac;filter:brightness(.92)}
.btn-brown{color:#fff;background-color:#364a63;border-color:#364a63}.btn-brown:hover,.btn-brown:focus,.btn-brown.active{color:#fff;background-color:#364a63;border-color:#364a63;filter:brightness(.92)}
/* --- Nhãn Bootstrap 3 -> badge DashLite --- */
.label{display:inline-block;padding:.125rem .5rem;font-size:.675rem;font-weight:500;line-height:1.25;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px;background-color:#8094ae}
.label-primary{background-color:#0065b3}
.label-custom{background-color:#0065b3}
.label-success{background-color:#1ee0ac}
.label-info{background-color:#09c2de}
.label-warning{background-color:#f4bd0e}
.label-danger{background-color:#e85347}
.label-inverse{background-color:#1c2b46}
.label-default{background-color:#8094ae}
.label-purple{background-color:#0065b3}
.label-pink{background-color:#e85347}
.label-orange{background-color:#f4bd0e}
.label-teal{background-color:#1ee0ac}
.label-brown{background-color:#364a63}
.label-dark{background-color:#1c2b46}
.label-secondary{background-color:#364a63}
/* --- Màu chữ / nền riêng của Zircos --- */
.text-custom{color:#0065b3!important}.bg-custom{background-color:#0065b3!important}
.text-inverse{color:#1c2b46!important}.bg-inverse{background-color:#1c2b46!important}
.text-default{color:#8094ae!important}.bg-default{background-color:#8094ae!important}
.text-brown{color:#364a63!important}.bg-brown{background-color:#364a63!important}
/* --- Panel / portlet / card-box -> card DashLite --- */
.panel,.portlet,.card-box{position:relative;background-color:#fff;border:1px solid #dbdfea;border-radius:4px;margin-bottom:1.5rem;box-shadow:none}
.card-box{padding:1.25rem}
.panel-heading,.portlet-heading{padding:.875rem 1.25rem;border-bottom:1px solid #dbdfea;background:transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-heading::after,.portlet-heading::after{content:"";display:table;clear:both}
.panel-title,.portlet-title{margin:0;font-size:1rem;font-weight:700;line-height:1.5;color:#364a63;font-family:Nunito,sans-serif}
.panel-title>a,.portlet-title>a{color:inherit}
.panel-sub-title{font-size:.75rem;color:#8094ae;margin:.25rem 0 0}
.panel-body,.portlet-body{padding:1.25rem}
.panel-footer{padding:.75rem 1.25rem;border-top:1px solid #dbdfea;background-color:#f5f6fa;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.panel-group .panel{margin-bottom:.5rem}
.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}
.portlet-widgets{float:right;display:inline-flex;gap:.5rem}
.portlet-widgets a{color:#8094ae}
.header-title{font-size:1rem;font-weight:700;color:#364a63;margin:0 0 .75rem;text-transform:none;letter-spacing:0;font-family:Nunito,sans-serif}
.page-title-box{padding:0 0 1.25rem}

.panel-primary,.panel-custom,.panel-success,.panel-info,.panel-warning,.panel-danger,.panel-inverse,.panel-default,.panel-purple,.panel-pink,.panel-orange,.panel-teal,.panel-brown,.panel-dark,.panel-secondary{border-color:#dbdfea}
.panel-primary>.panel-heading,.panel-custom>.panel-heading,.panel-success>.panel-heading,.panel-info>.panel-heading,.panel-warning>.panel-heading,.panel-danger>.panel-heading,.panel-inverse>.panel-heading,.panel-default>.panel-heading,.panel-purple>.panel-heading,.panel-pink>.panel-heading,.panel-orange>.panel-heading,.panel-teal>.panel-heading,.panel-brown>.panel-heading,.panel-dark>.panel-heading,.panel-secondary>.panel-heading{border-bottom-color:#e5e9f2}
.panel-color.panel-primary>.panel-heading,.portlet-primary>.portlet-heading,.panel-color.panel-custom>.panel-heading,.portlet-custom>.portlet-heading,.panel-color.panel-success>.panel-heading,.portlet-success>.portlet-heading,.panel-color.panel-info>.panel-heading,.portlet-info>.portlet-heading,.panel-color.panel-warning>.panel-heading,.portlet-warning>.portlet-heading,.panel-color.panel-danger>.panel-heading,.portlet-danger>.portlet-heading,.panel-color.panel-inverse>.panel-heading,.portlet-inverse>.portlet-heading,.panel-color.panel-default>.panel-heading,.portlet-default>.portlet-heading,.panel-color.panel-purple>.panel-heading,.portlet-purple>.portlet-heading,.panel-color.panel-pink>.panel-heading,.portlet-pink>.portlet-heading,.panel-color.panel-orange>.panel-heading,.portlet-orange>.portlet-heading,.panel-color.panel-teal>.panel-heading,.portlet-teal>.portlet-heading,.panel-color.panel-brown>.panel-heading,.portlet-brown>.portlet-heading,.panel-color.panel-dark>.panel-heading,.portlet-dark>.portlet-heading,.panel-color.panel-secondary>.panel-heading,.portlet-secondary>.portlet-heading{background-color:#fff;border-color:#e5e9f2;color:#364a63}
.panel-primary>.panel-heading .panel-title,.panel-color.panel-primary>.panel-heading .panel-title,.panel-color.panel-primary>.panel-heading a,.panel-border.panel-primary>.panel-heading .panel-title,.panel-custom>.panel-heading .panel-title,.panel-color.panel-custom>.panel-heading .panel-title,.panel-color.panel-custom>.panel-heading a,.panel-border.panel-custom>.panel-heading .panel-title,.panel-success>.panel-heading .panel-title,.panel-color.panel-success>.panel-heading .panel-title,.panel-color.panel-success>.panel-heading a,.panel-border.panel-success>.panel-heading .panel-title,.panel-info>.panel-heading .panel-title,.panel-color.panel-info>.panel-heading .panel-title,.panel-color.panel-info>.panel-heading a,.panel-border.panel-info>.panel-heading .panel-title,.panel-warning>.panel-heading .panel-title,.panel-color.panel-warning>.panel-heading .panel-title,.panel-color.panel-warning>.panel-heading a,.panel-border.panel-warning>.panel-heading .panel-title,.panel-danger>.panel-heading .panel-title,.panel-color.panel-danger>.panel-heading .panel-title,.panel-color.panel-danger>.panel-heading a,.panel-border.panel-danger>.panel-heading .panel-title,.panel-inverse>.panel-heading .panel-title,.panel-color.panel-inverse>.panel-heading .panel-title,.panel-color.panel-inverse>.panel-heading a,.panel-border.panel-inverse>.panel-heading .panel-title,.panel-default>.panel-heading .panel-title,.panel-color.panel-default>.panel-heading .panel-title,.panel-color.panel-default>.panel-heading a,.panel-border.panel-default>.panel-heading .panel-title,.panel-purple>.panel-heading .panel-title,.panel-color.panel-purple>.panel-heading .panel-title,.panel-color.panel-purple>.panel-heading a,.panel-border.panel-purple>.panel-heading .panel-title,.panel-pink>.panel-heading .panel-title,.panel-color.panel-pink>.panel-heading .panel-title,.panel-color.panel-pink>.panel-heading a,.panel-border.panel-pink>.panel-heading .panel-title,.panel-orange>.panel-heading .panel-title,.panel-color.panel-orange>.panel-heading .panel-title,.panel-color.panel-orange>.panel-heading a,.panel-border.panel-orange>.panel-heading .panel-title,.panel-teal>.panel-heading .panel-title,.panel-color.panel-teal>.panel-heading .panel-title,.panel-color.panel-teal>.panel-heading a,.panel-border.panel-teal>.panel-heading .panel-title,.panel-brown>.panel-heading .panel-title,.panel-color.panel-brown>.panel-heading .panel-title,.panel-color.panel-brown>.panel-heading a,.panel-border.panel-brown>.panel-heading .panel-title,.panel-dark>.panel-heading .panel-title,.panel-color.panel-dark>.panel-heading .panel-title,.panel-color.panel-dark>.panel-heading a,.panel-border.panel-dark>.panel-heading .panel-title,.panel-secondary>.panel-heading .panel-title,.panel-color.panel-secondary>.panel-heading .panel-title,.panel-color.panel-secondary>.panel-heading a,.panel-border.panel-secondary>.panel-heading .panel-title{color:#364a63}
.panel-border.panel-primary>.panel-heading,.panel-border.panel-custom>.panel-heading,.panel-border.panel-success>.panel-heading,.panel-border.panel-info>.panel-heading,.panel-border.panel-warning>.panel-heading,.panel-border.panel-danger>.panel-heading,.panel-border.panel-inverse>.panel-heading,.panel-border.panel-default>.panel-heading,.panel-border.panel-purple>.panel-heading,.panel-border.panel-pink>.panel-heading,.panel-border.panel-orange>.panel-heading,.panel-border.panel-teal>.panel-heading,.panel-border.panel-brown>.panel-heading,.panel-border.panel-dark>.panel-heading,.panel-border.panel-secondary>.panel-heading{border-top:0;border-bottom:1px solid #e5e9f2;background:transparent}
.table-colored.table-primary thead th,.table-colored-bordered.table-bordered-primary thead th,.table-colored.table-custom thead th,.table-colored-bordered.table-bordered-custom thead th,.table-colored.table-success thead th,.table-colored-bordered.table-bordered-success thead th,.table-colored.table-info thead th,.table-colored-bordered.table-bordered-info thead th,.table-colored.table-warning thead th,.table-colored-bordered.table-bordered-warning thead th,.table-colored.table-danger thead th,.table-colored-bordered.table-bordered-danger thead th,.table-colored.table-inverse thead th,.table-colored-bordered.table-bordered-inverse thead th,.table-colored.table-default thead th,.table-colored-bordered.table-bordered-default thead th,.table-colored.table-purple thead th,.table-colored-bordered.table-bordered-purple thead th,.table-colored.table-pink thead th,.table-colored-bordered.table-bordered-pink thead th,.table-colored.table-orange thead th,.table-colored-bordered.table-bordered-orange thead th,.table-colored.table-teal thead th,.table-colored-bordered.table-bordered-teal thead th,.table-colored.table-brown thead th,.table-colored-bordered.table-bordered-brown thead th,.table-colored.table-dark thead th,.table-colored-bordered.table-bordered-dark thead th,.table-colored.table-secondary thead th,.table-colored-bordered.table-bordered-secondary thead th{background-color:#f5f6fa;color:#526484;border-color:#dbdfea}
.table-colored-bordered.table-bordered-primary,.table-colored-bordered.table-bordered-custom,.table-colored-bordered.table-bordered-success,.table-colored-bordered.table-bordered-info,.table-colored-bordered.table-bordered-warning,.table-colored-bordered.table-bordered-danger,.table-colored-bordered.table-bordered-inverse,.table-colored-bordered.table-bordered-default,.table-colored-bordered.table-bordered-purple,.table-colored-bordered.table-bordered-pink,.table-colored-bordered.table-bordered-orange,.table-colored-bordered.table-bordered-teal,.table-colored-bordered.table-bordered-brown,.table-colored-bordered.table-bordered-dark,.table-colored-bordered.table-bordered-secondary{border:1px solid #dbdfea}
.portlet .bg-primary,.portlet .bg-custom,.portlet .bg-info,.portlet .bg-success,.portlet .bg-purple{background-color:#fff!important;color:#364a63}
.panel-default{border-color:#dbdfea}
.panel-border{border-color:#dbdfea}
/* --- Bảng --- */
.table-condensed th,.table-condensed td{padding:.25rem .5rem}
.table-rep-plugin{overflow-x:auto}
/* --- Tab Bootstrap 3 (li.active) --- */
.nav-tabs>li>a,.nav-pills>li>a{display:block;padding:.5rem 1rem;color:#526484;font-weight:700;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li.active>a,.nav-tabs>li>a.active{color:#0065b3;border-color:#dbdfea #dbdfea #fff;background:#fff;margin-bottom:-1px}
.nav-pills>li.active>a,.nav-pills>li>a.active{color:#fff;background:#0065b3;border-radius:4px}
.tabs-bordered>li.active>a{border-color:transparent;border-bottom:2px solid #0065b3}
.tabs-vertical-env{display:flex;gap:1rem}
.tabs-vertical-env .nav.tabs-vertical{flex-direction:column;flex:0 0 200px;border-right:1px solid #dbdfea;border-bottom:0}
.tabs-vertical-env .nav.tabs-vertical>li>a{border-radius:4px 0 0 4px}
.tabs-vertical-env .nav.tabs-vertical>li.active>a{border-color:#dbdfea transparent #dbdfea #dbdfea;margin-right:-1px;margin-bottom:0}
.tabs-vertical-env .tab-content{flex:1;min-width:0}
.tabs-vertical-env-right{flex-direction:row-reverse}
/* --- Modal Bootstrap 3 --- */
.modal-header .close:first-child{order:2;margin:-1rem -1rem -1rem auto}
.modal-full{max-width:98%;width:98%}
.modal-full .modal-content{min-height:80vh}
/* --- Tiện ích khoảng cách / chữ của Zircos --- */
.b-0{border:0!important}.font-13{font-size:13px!important}.f-s-20{font-size:20px;font-weight:700}
.blockquote-reverse{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #dbdfea;border-left:0}
.fixedtopright{position:fixed;top:75px;right:20px;z-index:1010}
.demo-animation{text-align:center}

.m-0{margin:0px!important}.p-0{padding:0px!important}.m-t-0{margin-top:0px!important}.p-t-0{padding-top:0px!important}.m-b-0{margin-bottom:0px!important}.p-b-0{padding-bottom:0px!important}.m-l-0{margin-left:0px!important}.p-l-0{padding-left:0px!important}.m-r-0{margin-right:0px!important}.p-r-0{padding-right:0px!important}
.m-5{margin:5px!important}.p-5{padding:5px!important}.m-t-5{margin-top:5px!important}.p-t-5{padding-top:5px!important}.m-b-5{margin-bottom:5px!important}.p-b-5{padding-bottom:5px!important}.m-l-5{margin-left:5px!important}.p-l-5{padding-left:5px!important}.m-r-5{margin-right:5px!important}.p-r-5{padding-right:5px!important}
.m-10{margin:10px!important}.p-10{padding:10px!important}.m-t-10{margin-top:10px!important}.p-t-10{padding-top:10px!important}.m-b-10{margin-bottom:10px!important}.p-b-10{padding-bottom:10px!important}.m-l-10{margin-left:10px!important}.p-l-10{padding-left:10px!important}.m-r-10{margin-right:10px!important}.p-r-10{padding-right:10px!important}
.m-15{margin:15px!important}.p-15{padding:15px!important}.m-t-15{margin-top:15px!important}.p-t-15{padding-top:15px!important}.m-b-15{margin-bottom:15px!important}.p-b-15{padding-bottom:15px!important}.m-l-15{margin-left:15px!important}.p-l-15{padding-left:15px!important}.m-r-15{margin-right:15px!important}.p-r-15{padding-right:15px!important}
.m-20{margin:20px!important}.p-20{padding:20px!important}.m-t-20{margin-top:20px!important}.p-t-20{padding-top:20px!important}.m-b-20{margin-bottom:20px!important}.p-b-20{padding-bottom:20px!important}.m-l-20{margin-left:20px!important}.p-l-20{padding-left:20px!important}.m-r-20{margin-right:20px!important}.p-r-20{padding-right:20px!important}
.m-25{margin:25px!important}.p-25{padding:25px!important}.m-t-25{margin-top:25px!important}.p-t-25{padding-top:25px!important}.m-b-25{margin-bottom:25px!important}.p-b-25{padding-bottom:25px!important}.m-l-25{margin-left:25px!important}.p-l-25{padding-left:25px!important}.m-r-25{margin-right:25px!important}.p-r-25{padding-right:25px!important}
.m-30{margin:30px!important}.p-30{padding:30px!important}.m-t-30{margin-top:30px!important}.p-t-30{padding-top:30px!important}.m-b-30{margin-bottom:30px!important}.p-b-30{padding-bottom:30px!important}.m-l-30{margin-left:30px!important}.p-l-30{padding-left:30px!important}.m-r-30{margin-right:30px!important}.p-r-30{padding-right:30px!important}
.m-40{margin:40px!important}.p-40{padding:40px!important}.m-t-40{margin-top:40px!important}.p-t-40{padding-top:40px!important}.m-b-40{margin-bottom:40px!important}.p-b-40{padding-bottom:40px!important}.m-l-40{margin-left:40px!important}.p-l-40{padding-left:40px!important}.m-r-40{margin-right:40px!important}.p-r-40{padding-right:40px!important}
.m-50{margin:50px!important}.p-50{padding:50px!important}.m-t-50{margin-top:50px!important}.p-t-50{padding-top:50px!important}.m-b-50{margin-bottom:50px!important}.p-b-50{padding-bottom:50px!important}.m-l-50{margin-left:50px!important}.p-l-50{padding-left:50px!important}.m-r-50{margin-right:50px!important}.p-r-50{padding-right:50px!important}
/* --- trích từ theme Zircos (CDN/Admin/assets/css): right-bar ghi chú, timeline, inbox, checkbox màu... --- */
.mx-box{max-height: 380px;     min-height: 380px;}
.search-box{position: relative;}
.search-box .btn-search{position: absolute;         top: 3px;         right: 3px;         background-color: transparent !important;         border: none !important;         font-size: 16px;         box-shadow: none !important;         outline: none !important;         color: #989898;}
.search-box .form-control{height: 38px;         border-radius: 30px;         padding: 8px 45px 8px 0;}
.icon-colored{height: 48px;     width: 48px;     margin: 2rem;}
.checkbox-custom input[type="checkbox"]:checked + label::before{background-color: #0065b3;     border-color: #0065b3;}
.checkbox-custom input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-primary input[type="checkbox"]:checked + label::before{background-color: #0065b3;     border-color: #0065b3;}
.checkbox-primary input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-danger input[type="checkbox"]:checked + label::before{background-color: #f5707a;     border-color: #f5707a;}
.checkbox-danger input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-info input[type="checkbox"]:checked + label::before{background-color: #3ac9d6;     border-color: #3ac9d6;}
.checkbox-info input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-warning input[type="checkbox"]:checked + label::before{background-color: #f9c851;     border-color: #f9c851;}
.checkbox-warning input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-success input[type="checkbox"]:checked + label::before{background-color: #4bd396;     border-color: #4bd396;}
.checkbox-success input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-purple input[type="checkbox"]:checked + label::before{background-color: #6b5fb5;     border-color: #6b5fb5;}
.checkbox-purple input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-pink input[type="checkbox"]:checked + label::before{background-color: #f06292;     border-color: #f06292;}
.checkbox-pink input[type="checkbox"]:checked + label::after{color: #ffffff;}
.checkbox-inverse input[type="checkbox"]:checked + label::before{background-color: #3b3e47;     border-color: #3b3e47;}
.checkbox-inverse input[type="checkbox"]:checked + label::after{color: #ffffff;}
.radio-custom input[type="radio"] + label::after{background-color: #0065b3;}
.radio-custom input[type="radio"]:checked + label::before{border-color: #0065b3;}
.radio-custom input[type="radio"]:checked + label::after{background-color: #0065b3;}
.radio-primary input[type="radio"] + label::after{background-color: #0065b3;}
.radio-primary input[type="radio"]:checked + label::before{border-color: #0065b3;}
.radio-primary input[type="radio"]:checked + label::after{background-color: #0065b3;}
.radio-danger input[type="radio"] + label::after{background-color: #f5707a;}
.radio-danger input[type="radio"]:checked + label::before{border-color: #f5707a;}
.radio-danger input[type="radio"]:checked + label::after{background-color: #f5707a;}
.radio-info input[type="radio"] + label::after{background-color: #3ac9d6;}
.radio-info input[type="radio"]:checked + label::before{border-color: #3ac9d6;}
.radio-info input[type="radio"]:checked + label::after{background-color: #3ac9d6;}
.radio-warning input[type="radio"] + label::after{background-color: #f9c851;}
.radio-warning input[type="radio"]:checked + label::before{border-color: #f9c851;}
.radio-warning input[type="radio"]:checked + label::after{background-color: #f9c851;}
.radio-success input[type="radio"] + label::after{background-color: #4bd396;}
.radio-success input[type="radio"]:checked + label::before{border-color: #4bd396;}
.radio-success input[type="radio"]:checked + label::after{background-color: #4bd396;}
.inbox-widget .inbox-item{border-bottom: 1px solid rgba(243, 243, 243, 0.9);     overflow: hidden;     padding: 10px 0;     position: relative;}
.inbox-widget .inbox-item .inbox-item-img{display: block;         float: left;         margin-right: 15px;         width: 40px;}
.inbox-widget .inbox-item img{width: 40px;}
.inbox-widget .inbox-item .inbox-item-author{color: #313a46;         display: block;         margin: 0;}
.inbox-widget .inbox-item .inbox-item-text{color: #a0a0a0;         display: block;         font-size: 12px;         margin: 0;}
.inbox-widget .inbox-item .inbox-item-date{color: #a9a9a9;         font-size: 11px;         position: absolute;         right: 7px;         top: 2px;}
.wizard > .content{background: #ffffff;     min-height: 240px;     padding: 20px !important;     border: 1px solid #f3f3f3;     margin-top: 10px !important;}
.wizard > .steps a{font-size: 16px;     text-align: center;     font-family: 'Roboto', sans-serif;}
.wizard > .steps .number{font-size: 86px;     line-height: 86px;     font-family: 'Roboto', sans-serif;     position: absolute;     left: 10px;     top: -14px;     opacity: 0.1;}
.wizard > .steps .disabled a{background: #f3f3f3;     color: #3c4655 !important;     cursor: default;     border: 1px solid #e6e6e6;}
.wizard > .steps .disabled a:hover{background: #e6e6e6;         border: 1px solid #dadada;}
.wizard > .steps .disabled a:active{background: #e6e6e6;         border: 1px solid #dadada;}
.wizard > .steps .current a{background: #0065b3;}
.wizard > .steps .current a:hover{background: #0065b3;}
.wizard > .steps .current a:hover .number{color: #ffffff;             opacity: 0.4;}
.wizard > .steps .current a:active{background: #0065b3;}
.wizard > .steps .current a:active .number{color: #ffffff;             opacity: 0.4;}
.wizard > .steps .current a .number{color: #ffffff;         opacity: 0.4;}
.wizard > .steps .done a{background: #f3f3f3 !important;     color: #3c4655 !important;}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active,
.wizard > .content{border-radius: 2px;     position: relative;}
.wizard > .actions{margin-top: 15px !important;}
.wizard > .actions a{background: #0065b3;         border-radius: 2px !important;         color: #ffffff;         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);}
.wizard > .actions a:hover{background: #0095a8;             color: #ffffff;}
.wizard > .actions a:active{background: #0095a8;             color: #ffffff;}
.wizard > .actions .disabled a{background: #ffffff;         color: #313a46;         cursor: default;}
.wizard > .actions .disabled a:hover{color: #313a46;             cursor: default;}
.wizard > .actions .disabled a:active{color: #313a46;             cursor: default;}
.wizard.vertical > .content{margin-top: 0px !important;}
@media (max-width: 560px){.wizard.vertical > .steps,
    .wizard.vertical > .content{width: 100%;}}
.timeline{border-collapse: collapse;   border-spacing: 0;   display: table;   margin-bottom: 50px;   position: relative;   table-layout: fixed;   width: 100%;}
.timeline .time-show{margin-bottom: 30px;   margin-right: -75px;   margin-top: 30px;   position: relative;}
.timeline .time-show a{color: #ffffff;}
.timeline:before{background-color: rgba(121, 121, 121, 0.3);   bottom: 0;   content: "";   left: 50%;   position: absolute;   top: 30px;   width: 2px;   z-index: 0;}
.timeline .timeline-icon{-webkit-border-radius: 50%;   background: #797979;   border-radius: 50%;   color: #ffffff;   display: block;   height: 20px;   left: -54px;   margin-top: -10px;   position: absolute;   text-align: center;   top: 50%;   width: 20px;}
.timeline .timeline-icon i{color: #ffffff;   font-size: 13px;   margin-top: 4px;   position: absolute;   left: 4px;}
.timeline .time-icon:before{font-size: 16px;   margin-top: 5px;}
.timeline-item .timeline-desk .arrow{border-bottom: 12px solid transparent;   border-right: 12px solid #ffffff !important;   border-top: 12px solid transparent;   display: block;   height: 0;   left: -12px;   margin-top: -12px;   position: absolute;   top: 50%;   width: 0;}
.timeline-item .timeline-desk .timeline-box{padding: 20px;}
.timeline-item.alt:after{content: "";   display: block;   width: 50%;}
.timeline-item.alt .timeline-desk .arrow-alt{border-bottom: 12px solid transparent;   border-left: 12px solid #ffffff !important;   border-top: 12px solid transparent;   display: block;   height: 0;   left: auto;   margin-top: -12px;   position: absolute;   right: -12px;   top: 50%;   width: 0;}
.timeline-item.alt .timeline-desk .album{float: right;   margin-top: 20px;}
.timeline-item.alt .timeline-desk .album a{float: right;   margin-left: 5px;}
.timeline-item.alt .timeline-icon{left: auto;   right: -56px;}
.timeline-item.alt:before{display: none;}
.timeline-item.alt .panel{margin-left: 0;   margin-right: 45px;}
.timeline-item.alt h4{text-align: right;}
.timeline-item.alt p{text-align: right;}
.timeline-item.alt .timeline-date{text-align: right;}
.timeline-desk{display: table-cell;   vertical-align: top;   width: 50%;}
.timeline-desk h4{font-size: 16px;   font-weight: 300;   margin: 0;}
.timeline-desk .panel{background: #ffffff;   display: block;   margin-bottom: 5px;   margin-left: 45px;   position: relative;   text-align: left;   border: 0;}
.timeline-desk h5 span{color: #797979;   display: block;   font-size: 12px;   margin-bottom: 4px;}
.timeline-desk p{color: #999999;   font-size: 14px;   margin-bottom: 0;}
.timeline-desk .album{margin-top: 12px;}
.timeline-desk .album a{float: left;   margin-right: 5px;}
.timeline-desk .album img{height: 36px;   width: auto;   border-radius: 3px;}
.timeline-desk .notification{background: none repeat scroll 0 0 #ffffff;   margin-top: 20px;   padding: 8px;}
.timeline-left .timeline-desk{display: block;   width: 100%;}
.checkmark{width: 120px;   margin: 0 auto;   padding: 20px 0;}
.navbar-default .right-menu-item{height: 36px;   width: 36px;   padding: 0;   font-size: 18px;   border: 2px solid rgba(255, 255, 255, 0.7) !important;   line-height: 35px;   text-align: center;   border-radius: 50%;   margin: 12px 5px;   color: rgba(255, 255, 255, 0.7) !important;}
.navbar-default .right-menu-item .badge{position: absolute;   top: -8px;   right: 0px;}
#wrapper.right-bar-enabled .right-bar, .content.right-barSchoolNote-enabled .right-barschoolnote{right: 0;}
.side-bar.right-bar, .side-bar.right-barschoolnote{float: right !important;   right: -266px;   top: 0px;}
.side-bar{-moz-transition: all 200ms ease-out;   -webkit-transition: all 200ms ease-out;   background-color: #ffffff;   box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);   display: block;   float: left;   height: 100%;   position: fixed;   transition: all 200ms ease-out;   width: 240px;}
.right-bar, .right-barschoolnote{background: #ffffff !important;   z-index: 999 !important;}
.right-bar h4, .right-barschoolnote h4{border-bottom: 1px solid rgba(152, 152, 152, 0.5);   padding: 4px 10px 10px 18px;   text-transform: uppercase;   font-size: 14px;   letter-spacing: 0.03em;}
.right-bar .right-bar-toggle, .right-barschoolnote  .right-bar-toggleSchoolNote{float: right;   line-height: 46px;   font-size: 20px;   color: #333;   padding: 0 10px;}
.right-bar .setting-list, .right-barschoolnote .setting-list{padding: 0 20px 20px 20px;}
@media only screen and (max-width: 6000px) and (min-width: 700px){.wrapper.right-bar-enabled .right-bar{right: 0;     z-index: 99;}}
/* --- trích từ Skins/Admin/AdminSkin.css: class riêng của module cũ --- */
.minheight40{min-height: 40px !important;}
.fr{float: right;}
.control-labeledit{float: right;     position: absolute;     right: 20px;}
#datatableeventcat .font1x{font-size: 20px;}
.pustyle{z-index: 501;}
.pustyle .xcaption{margin-left: 10px;         font-weight: bold;}
.pustyle .xcontent{margin: 10px;         margin-top: 6px;}
.pustyle. xvalue{padding-left: 10px;}
.pustyle .xtitle{font-style: italic;}
.pustyle .content{margin: 5px 10px 0px 10px;}
.majorcheckbox{display: block;     position: relative;     padding-left: 0px;     margin: 0 auto;     cursor: pointer;     font-size: 22px;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none;     width: 40px;}
.majorcheckbox input{position: absolute;         opacity: 0;}
.majorcheckbox .checkmarka{position: absolute;         top: 0;         left: 0;         height: 25px;         width: 25px;         background-color: #ffffff;         border: solid 1px #d9d9d9;         padding: 15px !important;         border-radius: 50%;}
.majorcheckbox:hover input ~ .checkmarka{background-color: #ccc;}
.majorcheckbox input:checked ~ .checkmarka{background-color: #f06291;}
.majorcheckbox input:checked ~ .checkmarka:after{display: block;}
.majorcheckbox .checkmarka:after{position: absolute;         display: none;         left: 2px;         top: 7px;                           content: "\f058";         font-size: 30px;         font-family: FontAwesome;         font-style: normal;         font-weight: normal;         text-decoration: inherit;         color: #fbfbfb;}
.nav-top{border: 1px solid rgb(207, 214, 224);     -border: 1px solid rgb(207, 214, 224);     border-bottom: none;     -moz-border-radius: 5px 5px 0 0;     -webkit-border-radius: 5px 5px 0 0;     border-radius: 5px 5px 0 0;     font-size: .923em;     padding: 5px;}
.nav-main{border: 1px solid rgb(207, 214, 224);     color: #444;     font-size: 1.083em;     width: 100%;     -webkit-border-radius: 3px;     -moz-border-radius: 3px;     padding-bottom: 0px;     -moz-box-shadow: 0px 0px 2px #AAA;     -webkit-box-shadow: 0px 0px 2px #AAA;     margin-top: 10px;}
.nav-noborder{border: none;}
.subhead{font-weight: bold;     color: #003366;}
.toolbarBox{background-color: #F8F8F8;     border: 1px solid #007236;     padding: 3px 0;     border-radius: 3px;     -moz-border-radius: 3px;     -webkit-border-radius: 3px;}
.toolbarBox ul.cc_button{float: left;         margin: 0 5px 0 0;         padding: 0;         width: 100%;}
.toolbarBox ul.cc_button li{color: #666666;             float: left;             height: 26px;             list-style: none outside none;             padding: 1px 1px 3px 4px;             text-align: center;}
.toolbarBox a.toolbar_btn{border: 1px solid #F8F8F8;         min-width: 50px;         border-width: 1px;         font-size: 11px;         cursor: pointer;         display: block;         float: left;         padding: 3px 5px;         white-space: nowrap;         text-shadow: 0 1px 0 #ffffff;         line-height: 15px;         text-decoration: none;         color: #333;}
.toolbarBox a.toolbar_btn:hover{background-color: #fff;             border: 1px inset #ccc;             border-radius: 3px;}
.toolbarBox .toolbar_btn span{display: block;         float: none;         height: 32px;         margin: 0 auto;         width: 32px;         margin: 0 !ie;         position: relative !ie;}
div.fix-toolbar{border-bottom: 1px solid #E0E0E0;     opacity: 0.9;     position: fixed;     top: 34px;     z-index: 100;}
.NormalRed{font-weight: bold;     color: red;}
ul.partnerjob{padding: 0px !important;}
.partnerjob li a{font-size: 11px;     padding: 10px 15px !important;}
.StandardButton{border: 1px solid blue;}
.StandardButton{border-radius: 3px;     -moz-border-radius: 3px;     -webkit-border-radius: 3px;     display: inline-block;     padding: 3px 6px 2px;     .padding-bottom: 4px;      text-decoration: none;     text-align: center;     background: #f9f9f9;     color: black;     border: 1px solid;     border-top-color: #ccc;     border-left-color: #ccc;     border-right-color: #bbb;     border-bottom-color: #bbb;     cursor: pointer;     text-decoration: none;}
.StandardButton:hover{border-color: #99ccff;         background-color: #FDF5CE;         cursor: hand;         text-decoration: none;}
.StandardButton a:hover{text-decoration: none;}
a.StandardButton{text-decoration: none;}
a.delRelated{font-size: 0;     display: block;     height: 14px;     width: 14px;     float: right;     margin-right: 10px;     color: red;     font-size: 20px;}
.modalPopup{background-color: #f8faff;     border-width: 3px;     border-style: solid;     border-color: Gray;     padding: 3px;}
.ib-setting .box{float: left;     width: 700px;}
.ib-setting fieldset{border: 1px solid #c0c0c0;     margin: 10px 10px 20px 10px;}
.ib-setting fieldset legend{padding: 0px 6px;         font-weight: bold;}
.upnewstd1{width: 170px;     vertical-align: middle;     text-align: right;     padding: 8px 10px 8px 0px !important;     border-right: solid 1px #efefef;}
.upnewstd1 .toolbar_btn2, .upnewstd2 .toolbar_btn2{margin: 5px 10px;         padding: 8px;         color: #fff;}
.upnewstd1 .green, .upnewstd2 .green{border: solid 1px #4cae4c;         background: #5cb85c;}
.upnewstd1 .blue, .upnewstd2 .blue{background-color: #5bc0de;         border-color: #46b8da;}
.upnewstd1 .red, .upnewstd2 .red{background-color: #d9534f;         border-color: #d43f3a;}
.upnewstd2{width: 750px;     padding-left: 10px !important;}
.upnewstd1 input, .upnewstd2 input{padding: 8px;         font-size: 16px;}
.upnewstd1, .upnewstd2{padding: 8px 0px;     border-bottom: solid 1px #eee;}
.upnewstd2a{padding: 10px;     background: #eee;}
.search-wrapper{width: 650px;     margin: 0px auto;     border: solid 1px #ececec;}
.search-wrapper input{width: 518px;         height: 20px;         padding: 10px 5px;         float: left;         font-size: 30px;         font-weight: bold;         border: 0;         box-shadow: 0px 0px 0px 0px gainsboro;}
.search-wrapper input:focus{outline: 0;             background: #fff;             box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.search-wrapper input::-webkit-input-placeholder{color: #999;             font-weight: normal;             font-style: italic;}
.search-wrapper input:-moz-placeholder{color: #999;             font-weight: normal;             font-style: italic;}
.search-wrapper input:-ms-input-placeholder{color: #999;             font-weight: normal;             font-style: italic;}
.search-wrapper button{overflow: visible;         position: relative;         float: right;         border: 0;         padding: 0;         cursor: pointer;         height: 40px;         width: 122px;         font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';         color: white;         text-transform: uppercase;         background: #D83C3C;         border-radius: 0 3px 3px 0;         text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);}
.search-wrapper button:hover{background: #e54040;}
.search-wrapper button:active,
        .search-wrapper button:focus{background: #c42f2f;             outline: 0;}
.search-wrapper button:before{content: '';             position: absolute;             border-width: 8px 8px 8px 0;             border-style: solid solid solid none;             border-color: transparent #d83c3c transparent;             top: 12px;             left: -6px;}
.search-wrapper button:hover:before{border-right-color: #e54040;}
.search-wrapper button:focus:before,
        .search-wrapper button:active:before{border-right-color: #c42f2f;}
.search-wrapper button::-moz-focus-inner{border: 0;             padding: 0;}
/* --- Phần C: ghi đè theo DashLite --- */
.form-controledit{display:block;width:100%;min-height:calc(2.125rem + 2px);padding:.4375rem 1rem;font-size:.8125rem;line-height:1.25rem;color:#3c4d62;background-color:#fff;border:1px solid #dbdfea;border-radius:4px;resize:vertical;transition:border-color .15s,box-shadow .15s}
.form-controledit:focus{border-color:#0065b3;box-shadow:0 0 0 3px rgba(0,101,179,.1);outline:0;background-color:#fff}
textarea.form-controledit{min-height:5rem}
.control-labeledit{position:absolute;right:20px;font-size:.75rem;color:#8094ae}
.upnewstd1{width:170px;vertical-align:middle;text-align:right;padding:.5rem .75rem .5rem 0!important;border-right:1px solid #e5e9f2;font-weight:500;color:#344357}
.upnewstd1,.upnewstd2{border-bottom:1px solid #e5e9f2}
.StandardButton,.toolbar_btn,.toolbar_btn2{display:inline-flex;align-items:center;gap:.25rem;padding:.4375rem 1.125rem;font-size:.8125rem;font-weight:700;line-height:1.25rem;border-radius:4px;border:1px solid #0065b3;background:#0065b3;color:#fff!important;cursor:pointer;text-decoration:none}
.StandardButton:hover,.toolbar_btn:hover,.toolbar_btn2:hover{filter:brightness(.92)}
.upnewstd1 .green,.upnewstd2 .green{background:#1ee0ac;border-color:#1ee0ac}
.upnewstd1 .blue,.upnewstd2 .blue{background:#09c2de;border-color:#09c2de}
.upnewstd1 .red,.upnewstd2 .red{background:#e85347;border-color:#e85347}
.NormalRed{color:#e85347}
/* --- Phần D (ZIRCOS-OFF 01/11/2026): bảng Bootstrap có class màu (.table-info / .table-colored) -> nền trắng, hàng hover nhạt như DashLite --- */
.table-colored,.table-colored>tbody>tr>td,.table-colored>tbody>tr>th,.table.table-info,.table.table-info>tbody>tr>td,.table.table-info>tbody>tr>th,.table.table-info>thead>tr>th{background-color:transparent}
.table.table-info>thead>tr>th,.table.table-colored>thead>tr>th{background-color:#f5f6fa;color:#526484}
.table.table-info.table-hover>tbody>tr:hover,.table.table-colored.table-hover>tbody>tr:hover{background-color:#f5f6fa}
.table.table-info.table-striped>tbody>tr:nth-of-type(odd),.table.table-colored.table-striped>tbody>tr:nth-of-type(odd){background-color:#fafbfd}
.table tr.table-info,.table tr.table-info>td,.table tr.table-info>th,.table tr.bg-info,.table tr.bg-info>td{background-color:#f5f9ff!important;color:inherit}
@media (min-width:768px){.form-horizontal .form-label{padding-top:.4375rem;margin-bottom:0}}
.card-inner.card-inner-sm.border-bottom .card-title,.card-inner.card-inner-sm.border-bottom .title{font-size:1rem;line-height:1.4;margin:0;font-weight:700}
.nk-content-body .title[class*="m-t-"],.nk-content-body .title[class*="m-b-"]{font-size:1.05rem;font-weight:700}
.nk-content-body div:not(.modal)>.modal-dialog{max-width:none;width:auto;margin:0 0 1.25rem;pointer-events:auto;transform:none;display:block;min-height:0;height:auto;align-items:initial}
.nk-content-body div:not(.modal)>.modal-dialog>.modal-content{min-height:0;box-shadow:none;border:1px solid #dbdfea}
.nk-content-body div:not(.modal)>.modal-dialog .modal-header .close{display:none}
.nk-content-body table.table>tbody>tr>td>.card,.nk-content-body .table .card{margin-bottom:0}
.card.card-bordered{margin-bottom:1.5rem}
.table thead th{font-weight:600}
.waves-effect,.waves-light{box-shadow:none}
.btn.btn-default,.btn.btn-white{color:#526484;background-color:#fff;border-color:#dbdfea}
.header-title.active,.header-title>a{text-decoration:none}
/* --- Phần E (ZIRCOS-OFF 01/11/2026, zircos_layout.py): lưới BS3 lồng không có .row --- */
.nv-flexrow{display:flex;flex-wrap:wrap;margin-left:-14px;margin-right:-14px}
.nv-flexrow>[class*="col-"]{position:relative;padding-left:14px;padding-right:14px;min-width:0}
.nv-stack>.card{width:100%}
.nk-content-body .form-group:not(.row):not(.form-horizontal .form-group):has(> [class*="col-sm-"],> [class*="col-md-"],> [class*="col-lg-"]){display:flex;flex-wrap:wrap;align-items:center;margin-left:-14px;margin-right:-14px}
.nk-content-body .form-group:not(.row):not(.form-horizontal .form-group):has(> [class*="col-sm-"],> [class*="col-md-"],> [class*="col-lg-"])>[class*="col-"]{padding-left:14px;padding-right:14px}
.nk-content-body select:not([class]):not([multiple]),.nk-content-body input[type=text]:not([class]){display:inline-block;height:calc(2.125rem + 2px);padding:.4375rem 2rem .4375rem 1rem;font-size:.8125rem;line-height:1.25rem;color:#3c4d62;background-color:#fff;border:1px solid #dbdfea;border-radius:4px;max-width:100%}
.nk-content-body input[type=text]:not([class]){padding-right:1rem}
.input-group>select:not([class]){flex:1 1 auto;width:1%}
.nk-content-body .card h2.card-title,.nk-content-body .card h3.card-title,.nk-content-body .card h4.card-title{font-size:1rem;line-height:1.4;font-weight:700}
.card-inner>.nv-flexrow,.card>.nv-flexrow{margin-left:0;margin-right:0}