@charset "UTF-8";

/*
Theme Name: HNM-QLDA
Theme URI: http://cntt.yenbai.vn/
Author: HNM - VNPT Lào Cai
Author URI: http://cntt.yenbai.vn/
Description: HNM
*/


/* Variables */
:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray);

	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-green);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

	/* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: var(--global--color-secondary);
	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);
	--primary-nav--color-link-hover: var(--global--color-primary-hover);
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0px;

    --bs-border-radius: 0.2rem !important;
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;

	/* 1 */
	-webkit-text-size-adjust: 100%;

	/* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}
/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
	font-size: 0.9rem!important;
}
p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-bottom: 0rem!important;
}
b, strong {
    font-weight: bold !important;
}
a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 20px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper{
    display:flex;
    width:100%;
    max-width:100%;
}

#sidebar{
    width:250px;
    min-width:250px;
    background: #0066b3;
    color: #fff;
    transition: all 0.3s;
	position: relative;
}

#sidebar.active{
    margin-left:-250px;
}

#content{
    flex:1 1 auto;
    width:calc(100% - 250px);
    max-width:calc(100% - 250px);
    min-width:0;
    transition:all .3s;
}

#sidebar.active + #content{
    width:100%;
    max-width:100%;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #01518d;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #01518d;
}
#sidebar ul li li.active>a {
    color: #01518d;
    background: #fff;
}
a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #01518d;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}
.btn-info {
    color: #FFF !important;
    background-color: #0066b3 !important;
    border-color: #0066b3 !important;
}
.info{
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
#ribbon {
    min-height: 40px;
    background: #474544;
    padding: 0 13px;
    position: relative;
}
#ribbon.custom {
    background: #fff;
    color: #4a382c;
    border-bottom: 1px solid #ccc;
}
.ribbon-button-alignment {
    display: inline-block;
}
.btn.btn-ribbon {
    background-color: #707070;
    background-image: -moz-linear-gradient(top, #777, #666);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#666));
    background-image: -webkit-linear-gradient(top, #777, #666);
    background-image: -o-linear-gradient(top, #777, #666);
    background-image: linear-gradient(to bottom, #777, #666);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0);
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    cursor: pointer;
}
#ribbon.custom .btn.btn-ribbon {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #4a382c;
    font-size: 20px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
#ribbon .breadcrumb {
    display: inline-block;
    margin: 0;
    padding: 0 34px 11px 0 !important;
    background: 0 0;
    vertical-align: top;
}
#ribbon .breadcrumb, #ribbon .breadcrumb a {
    color: #BBB !important;
    text-decoration: none !Important;
}
#ribbon.custom .breadcrumb, #ribbon.custom .breadcrumb a {
    color: var(--main-color) !important;
}
#ribbon .breadcrumb a:hover {
    color: red !important;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
@media only screen and (min-width: 768px) and (max-width: 1400px){	
	.fs-7 {
		font-size: 0.7rem!important;
	}
}
.tenSangKien a{
	color:#2271b1 !important;
}
.small-box {
    text-decoration: none;
    color: #fff !important;
	position: relative;
}
.bg-teal {
    background-color: #39cccc!important;
}
.small-box>.inner {
    padding: 10px;
}
.small-box h3 {
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 10px;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 15px;
	color: #fff !important;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 60px;
    color: rgba(0,0,0,.15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    font-size: 85px;
}
.small-box>.small-box-footer {
	cursor: pointer;
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: hsla(0,0%,100%,.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,.1);
    text-decoration: none;
}
.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0,0,0,.25);
}
.bg-maroon {
    background-color: #d81b60!important;
}
.bg-orange {
    background-color: #ff851b!important;
}
.bg-purple {
    background-color: #605ca8!important;
}
.bg-blue {
    background-color: #0d6efd!important;
}
.bg-yellow {
    background-color: #ffc107!important;
}
.bg-pink {
    background-color: #d63384!important;
}
.bg-teal {
    background-color: #20c997!important;
}

.tox-statusbar {
    display: none !important;
}
.box-mota .edit-btn {
    opacity: 0;
    transition: opacity 0.3s ease;
    color:#666;
}
.box-mota:hover .edit-btn {
    opacity: 1;
}
.box-mota .edit-btn:hover {
    color:#111;
}
.fixed-height{
    height: 200px;
    overflow: overlay;
}
.fixed-height-1{
    height: 50px;
    overflow: overlay;
}
.fixed-height-2{
    height: 70px;
    overflow: overlay;
}
.fixed-height-300{
    height: 300px;
    overflow: overlay;
}
.fixed-height-400{
    height: 400px;
    overflow-y: auto;
}
/* Card khách hàng – hover cực nhẹ, chỉ dịch lên 2px */
.customer-card {
    transition: all 0.28s ease;
    border: 1.5px solid #e2e8f0 !important;
    min-height: 78px;
    background: linear-gradient(to bottom, #ffffff, #fdfdfd);
}

.customer-card:hover {
    transform: translateY(-2px);                    /* chỉ lên 2px */
    box-shadow: 0 6px 16px rgba(67, 97, 238, 0.12) !important; /* bóng nhẹ */
    border-color: #4361ee !important;
    background: #ffffff;
}
.two-lines-truncate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1;
    font-size: 0.9rem;
}

.customer-card .rounded-circle {
    background: linear-gradient(135deg, #4361ee, #3f37c9);
}

.customer-card:focus-visible {
    outline: 3px solid #4361ee44;
    outline-offset: 2px;
}

#sanPhamList .list-group-item,
#selectedSanPhamList .list-group-item {
    padding: 0.75rem 1rem;
    border-left: none;
    border-right: none;
    transition: all 0.2s ease;
}

#sanPhamList .list-group-item:hover {
    background-color: #f8f9fa;
    border-color: #4361ee;
}

#selectedSanPhamList .list-group-item {
    background-color: #f0f8ff;
    border-color: #4361ee33;
}

/* Nút + và x nhỏ gọn đẹp */
.add-sp-btn, .remove-sp-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Khi không có kết quả */
.list-group-item.text-muted {
    font-style: italic;
    color: #6c757d !important;
}


.navbar { padding:0 !important; margin:0 !important; }
.navbar * { box-sizing: border-box; }



/* Ẩn mũi tên mặc định của Bootstrap dropdown */
.dropdown-toggle::after { display: none !important; }

/* Responsive: mobile vẫn đẹp */
@media (max-width: 992px) {
    .navbar .gap-3 { gap: 8px !important; }
    .navbar .mx-4 { margin-left: 8px !important; margin-right: 8px !important; }
    .dropdown button span { max-width: 100px !important; }
}
@media (max-width: 576px) {
    .breadcrumb span:not(:first-child):not(:last-child) { display: none; }
    .text-truncate { max-width: 150px !important; }
}
#wpadminbar{
	display: none;
}
html{
	margin-top: 0px !important;
}
body {
	font-size: 0.9rem;
}
.bg-mycolor {
	background-color: #2271b1 !important;
}
.text-mycolor {
    color: #0066b3 !important;
    text-decoration:none;
}
.text-mycolor:hover {
    color: #6677ff !important; /* đậm hơn một chút khi hover */
}
.Tong {
	background: rgba(25, 135, 84, .65) !important;
}
.btn, .form-control{
	padding: 0.2rem .5rem !important;
	font-size: 0.9rem !important;
}
table .btn {
    padding: 0.15rem 0.4rem !important;
    font-size: 0.75rem !important;
}
td {
    padding: 0.2rem 0.5rem !important;
}
.colored-options option {
    font-weight: 600;
}

/* Màu chữ riêng cho từng trạng thái */
.colored-options option[value="1"] { color: #6c757d; }  /* xám   – Đang chuẩn bị */
.colored-options option[value="2"] { color: #0d6efd; }  /* xanh  – Đang thực hiện */
.colored-options option[value="3"] { color: #ffc107; }  /* vàng  – Tạm dừng */
.colored-options option[value="4"] { color: #dc3545; }  /* đỏ    – Đã hủy */
.colored-options option[value="5"] { color: #198754; }  /* xanh lá – Hoàn thành */

/* Khi chọn xong → thanh select cũng đổi màu chữ giống option */
.colored-options {
    color: #6c757d; /* mặc định */
}
.colored-options:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.15);
}

.duan-link {
    transition: all 0.2s ease;
    color: #212529 !important;
}
.duan-link:hover {
    background-color: #f8f9fa !important;
    color: #0d6efd !important;
    padding-left: 8px;
    border-left: 3px solid #0d6efd;
}
.duan-link .text-muted {
    font-size: 0.8rem;
}
.product-name-hover {
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    display: inline-block;
}

/* Hover: đổi màu + gạch chân nhẹ, đẹp mượt */
.product-name-hover:hover {
    color: #0d6efd !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 1px;
}

/* Giữ nguyên tooltip mặc định của trình duyệt (nhẹ, không lỗi, hiện full tên) */
.product-name-hover[title]:hover::after {
    content: none !important;
}
.table-auto-width {
    width: auto;
}

.bs-searchbox .form-control {
    border-color: #0066b3 !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active {
    border-color: #0066b3 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 102, 179, 0.25) !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #0066b3 !important;
}

.form-control {
    min-height: 38px;
}

.table{
    border-collapse:separate!important;
    border-spacing:0;
}
.table thead th{
    background:#f9fafb;
    color:#344054;
    font-weight:600;
    font-size:13px;
    border-bottom:1px solid #e5e7eb!important;
}
.table tbody td{
    border-top:none!important;
    border-bottom:1px solid #f0f2f5!important;
    font-size:0.8rem;
}
.dt-paging li>button {
    font-size: 0.8rem !important;
}
.table-hover tbody tr:hover{
    background:#f8fafc;
}
.qlda-table-wrap{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:12px;
}
.col-ten-duan{
    white-space:normal;
    min-width:320px;
}
.col-khach-hang{
    white-space:normal;
    min-width:260px;
}
td.col-ten-duan a {
    text-decoration: none;
}
td {
    line-height: 2rem;
}

body{overflow-x:hidden}

#content,#content .container-fluid{max-width:100%}

#tblDuAn{
    width:max-content;
    min-width:100%;
    table-layout:auto;
}

#tblDuAn th,
#tblDuAn td{
    vertical-align:middle;
}

.col-ten-duan{
    white-space:normal;
    min-width:320px;
}
.qlda-table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
}
.col-ten-duan{
    max-width:320px;
    white-space:normal;
    word-break:break-word;
}

.col-khach-hang{
    max-width:200px;
    white-space:normal;
    word-break:break-word;
}

.col-quan-ly{
    max-width:250px;
    white-space:normal;
    word-break:break-word;
}
.qlda-badge{
    min-width:140px;
    text-align:center;
    padding: 0.4rem .6rem !important;
    font-size:.8rem;
    font-weight:600;
    line-height:1.2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}
.qlda-stars button{
    border:none;
}
.card {
    border: 1px solid #eee;
    border-radius: 4px;
}
/* CTCongViec*/
.ctcv-block-header{background:#fff;border-radius:8px;padding:16px}
.ct-row{display:flex;align-items:center}
.ct-title h4{margin:0;font-weight:600}
.ct-title{gap:8px}
.ct-meta{font-size:14px;color:#555}
.ct-meta-item{white-space:nowrap}
.ct-action{margin-top:8px}
.ct-action-item{display:flex;align-items:center;gap:6px;cursor:pointer}
.ct-label{color:#666;font-size:13px}
.ct-status{padding:2px 8px;border-radius:12px;font-size:12px}
.ct-status.da{background:#e6f4ea;color:#0f5132}
.ct-status.chua{background:#f8d7da;color:#842029}
.ct-stars i{color:#ccc}
.ct-stars i.active{color:#f5b301}
.ctcv-editable{position:relative}
.ct-edit-icon{font-size:12px;color:#999;opacity:0;cursor:pointer}
.ctcv-editable:hover .ct-edit-icon{opacity:1}
.ct-action-item[data-field="theoDoi"] i{color:#6c757d}
.ct-action-item[data-field="theoDoi"].active i{color:#f5b301}
#ctcvTrangThaiXuLyBadge .badge {
    min-width: 120px;
    padding: 6px 10px;
}

/* CTCongViec*/

/* BEGIN: HEADER_NOTIFY_WRAP */
#tbList,
#tbThuList{
    max-width:320px;
}

#tbList .dropdown-item,
#tbThuList .dropdown-item{
    white-space:normal;
    display:flex;
    align-items:flex-start;
    gap:10px;
    max-width:100%;
}

#tbList .dropdown-item i,
#tbThuList .dropdown-item i{
    flex:0 0 18px;
    margin-top:2px;
}

.tbItemText{
    min-width:0;
    flex:1 1 auto;
    max-width:100%;
}

.tbItemTitle,
.tbItemDesc,
.tbItemTime{
    display:block;
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
    line-height:1.35;
}

.tbItemTitle{
    font-size:13px;
}

.tbItemDesc{
    font-size:12px;
    color:#6c757d;
    margin-top:2px;
}

.tbItemTime{
    font-size:11px;
    color:#8b95a1;
    margin-top:4px;
}
/* END: HEADER_NOTIFY_WRAP */