/* CIT Giao dien - cong thong tin khach hang */
body.customers { background: var(--cit-nen) !important; color: var(--cit-chu); font-family: Inter, system-ui, sans-serif; }
.customers a { color: var(--cit-xanh-dam); }
.customers a:hover { color: var(--cit-xanh); }
.customers .navbar.header { background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--cit-vien) !important; box-shadow: none !important; min-height: 64px; }
.customers .navbar.header .navbar-brand img { max-height: 36px; width: auto; }
.customers .navbar.header .navbar-nav > li > a { color: #475467 !important; font-weight: 500; border-radius: 8px; margin: 12px 2px; padding: 8px 12px !important; }
.customers .navbar.header .navbar-nav > li > a:hover { background: var(--cit-nen-nhat) !important; color: var(--cit-tieu-de) !important; }
.customers .navbar.header .navbar-nav > li.active > a, .customers .navbar.header .navbar-nav > li.active > a:hover { background: var(--cit-xanh-50) !important; color: var(--cit-xanh-dam) !important; font-weight: 600; }
.customers .navbar-default .navbar-toggle .icon-bar { background: var(--cit-chu); }
.customers .panel_s .panel-body, .customers .panel_s { border-radius: 12px !important; }
.customers .panel_s .panel-body { border: 1px solid var(--cit-vien) !important; box-shadow: var(--cit-bong-the) !important; background: #fff; }
.customers .btn { border-radius: 8px !important; font-weight: 600; }
.customers .btn-primary, .customers .btn-info { background: var(--cit-xanh-dam) !important; border-color: var(--cit-xanh-dam) !important; color: #fff !important; }
.customers .btn-primary:hover, .customers .btn-info:hover { background: var(--cit-xanh-dam-2) !important; border-color: var(--cit-xanh-dam-2) !important; }
.customers .btn-default { background: #fff !important; border-color: var(--cit-vien-o) !important; color: var(--cit-chu) !important; }
.customers .btn-success { background: var(--cit-ok) !important; border-color: var(--cit-ok) !important; }
.customers .form-control, .customers .bootstrap-select > .dropdown-toggle { border-color: var(--cit-vien-o) !important; border-radius: 8px !important; box-shadow: var(--cit-bong) !important; }
.customers .form-control:focus { border-color: var(--cit-xanh-300) !important; box-shadow: var(--cit-quang) !important; }
.customers .table > thead > tr > th { background: var(--cit-nen-nhat) !important; color: var(--cit-chu-phu) !important; font-size: 12px; font-weight: 600; border-bottom: 1px solid var(--cit-vien) !important; }
.customers .label-success { background: var(--cit-ok-50) !important; color: var(--cit-ok-7) !important; }
.customers .label-warning { background: var(--cit-canh-50) !important; color: var(--cit-canh-7) !important; }
.customers .label-danger { background: var(--cit-loi-50) !important; color: var(--cit-loi-7) !important; }
.customers .label-info, .customers .label-primary { background: var(--cit-xanh-50) !important; color: var(--cit-xanh-dam) !important; }
.customers .label { border-radius: 10px; font-weight: 600; padding: 3px 8px; }
.customers .progress-bar { background: var(--cit-grad); }
.customers .nav-tabs > li.active > a { color: var(--cit-xanh-dam) !important; border-bottom-color: var(--cit-xanh-dam) !important; }
.customers footer, .customers .footer { background: var(--cit-grad) !important; color: rgba(255, 255, 255, .85) !important; border: 0 !important; }
.customers footer a, .customers .footer a { color: #fff !important; }
.customers .page-title, .customers h4.section-heading { color: var(--cit-tieu-de); font-weight: 700; }