body {
		font-family			: Arial, Helvetica, sans-serif;
		background-color	: #f4f4f4;
	}
	h2 {
		text-align: center; 
		color: #FFFFFF;
		margin: 0 auto;
		text-transform: uppercase;
		background-color: #008080;
		padding: 20px 0 5px 0;
		font-size: 20px;
		height: 35px;
	}
	
	p, h1,  h3 {
		margin: 0; /* Xóa bỏ lề xung quanh */
		
	}
	
	
	
	.nhap { 
		font-family: Arial, sans-serif; 
		background-color: #f4f6f9;
		margin: 0 auto;
	}
	.top-bar {
		position: fixed;    /* Cố định vị trí */
		top: 0;             /* Sát mép trên */
		left: 0;            /* Sát mép trái */
		right: 0;           /* Sát mép phải (hoặc dùng width: 100%) */
		z-index: 1000;      /* Đảm bảo nằm đè lên các nội dung khác */
		background-color: #ffffff;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 35px;       /* Nên đặt chiều cao cố định */
		padding: 0 10px;
		font-size: 14px;
	}

	.pagecenter{
		max-width		: 900px;
		justify-content	: center;
		margin			: 6px auto;
	}

	.main-title {
		display			: block;
		width			: 100%;
		text-align		: center;
		color			: white;
		font-size		: 20px;
		padding			: 15px 0;
		margin			: 0;
	}
	
	.form-max {
		max-width			: 800px;
		margin				: 5px auto;
		background			: #fff;
		font-size			: 14px;
		padding				: 3px;
		LINE-HEIGHT			: 1.6;
	}
	.form-max1 {
		max-width			: 800px;
		font-weight			: 400;
		margin				: 0px auto;
		background			: #fff;
		font-size			: 14px;
		padding				: 0px;
		LINE-HEIGHT			: 0.0;
		box-shadow			: 0 4px 6px rgba(0, 0, 0, 0.1);
		border-top			: 1px solid #000088;    /* Đường kẻ trên */
		border-left			: 1px solid #000088;   /* Đường kẻ trái */
		border-right		: 1px solid #000088;  /* Đường kẻ phải */
		border-bottom		: 1px solid #000088;  /* Đường kẻ dưới */
	}

	.page-title {
		text-align: center; 
		color: #000088; 
		margin: 0px 0; /* Cách trên và dưới 20px cho thoáng */
		padding: 25px;  /* Tạo không gian bên trong màu nền */
		font-size: 18px;
		font-weight: 600;
		background-color: #D4EDDA;
		text-transform: uppercase;
	}



	.form-group {
		margin-bottom: 15px;
		display: flex;          /* BẮT BUỘC: Kích hoạt flexbox */
		flex-direction: column; /* Xếp nhãn và ô nhập theo hàng dọc */
		align-items: flex-start; /* Căn tất cả các thành phần con sát lề trái */
	}

	label {
		font-weight: bold;
		margin-bottom: 5px;
		text-align: left;       /* Đảm bảo chữ căn trái */
		display: block;         /* Đảm bảo nhãn chiếm toàn bộ chiều ngang nếu cần */
	}

 
	
	.login-box1 {
		max-width			: 330px;
		margin				: 0px auto;
		background			: #fff;
		font-size			: 14px;
		padding				: 0px;
		LINE-HEIGHT			: 0.0;
		box-shadow			: 0 4px 6px rgba(0, 0, 0, 0.1);
		border-top			: 1px solid #000088;    /* Đường kẻ trên */
		border-left			: 1px solid #000088;   /* Đường kẻ trái */
		border-right		: 1px solid #000088;  /* Đường kẻ phải */
		border-bottom		: 1px solid #000088;  /* Đường kẻ dưới */	
		
	}
	.login-box {
		background			: white;
		font-weight			: 300;		
		padding				: 20px 10px 30px 10px; 
		width: 300px; 
		text-align: center; 
		margin: 0 auto;
		
	}
	
	.mau02-boxnho1 {
		max-width			: 400px;
		margin				: 0px auto;
		background			: #fff;
		font-size			: 14px;
		padding				: 0px;
		LINE-HEIGHT			: 0.0;
		box-shadow			: 0 4px 6px rgba(0, 0, 0, 0.1);
		border-top			: 1px solid #000088;    /* Đường kẻ trên */
		border-left			: 1px solid #000088;   /* Đường kẻ trái */
		border-right		: 1px solid #000088;  /* Đường kẻ phải */
		border-bottom		: 1px solid #000088;  /* Đường kẻ dưới */	
		
	}
	.mau02-boxnho {
		max-width			: 400px;
		margin				: 0px auto;
		background			: #fff;
	}
	
	.mau02-box1 {
		max-width			: 800px;
		margin				: 0px auto;
		background			: #fff;
		font-size			: 14px;
		padding				: 0px;
		LINE-HEIGHT			: 0.0;
		box-shadow			: 0 4px 6px rgba(0, 0, 0, 0.1);
		border-top			: 1px solid #000088;    /* Đường kẻ trên */
		border-left			: 1px solid #000088;   /* Đường kẻ trái */
		border-right		: 1px solid #000088;  /* Đường kẻ phải */
		border-bottom		: 1px solid #000088;  /* Đường kẻ dưới */	
		
	}
	.mau02-box11 {
		max-width			: 800px;
		margin				: 0px auto;
		background			: #fff;
	}
	.mau02-box {
		background			: white;
		font-weight			: 300;		
		padding				: 0px 0px 30px 10px; 
		width				: 780px; 
		text-align: center; 
		margin: 0 auto;
		
	}
	
	.textlabel {
		font-family			: Arial, sans-serif;
		font-weight			: 300;	
		padding				: 6px 10px 6px 0px; 
	}
	
	input { 
		width: 100%;
		padding: 10px; 
		margin: 10px 0; 
		box-sizing: border-box; 
		display: block;
	}
	button { 
		width: 200px; 
		padding: 10px; 
		background: #007bff; 
		color: white; 
		border: none; 
		border-radius: 4px; 
		cursor: pointer; 
		font-size: 16px;
	}
	button:hover { 
		background: #0056b3; 
	}
		
		
	.error {
		color: red; 
		margin-bottom: 10px; 
		font-size: 14px; 
	}
	.home-link { 
		display: block; 
		margin-top: 15px; 
		text-decoration: none; 
		color: #555; 
	}
		
	.user-info {
		color			: #d35400;
		font-weight		: 400; /* Đảm bảo các thẻ con bên trong cũng nhận font 400 */
		padding			: 10px 10px; /* Tạo khoảng trống rộng rãi trên-dưới và 2 bên */
	}

	
	.table { 
		width: 783px;
		margin: 6px 6px;
		padding: 12px;
		border-collapse: collapse;
		background-color: white;
		vertical-align: top;
		border: 1px solid #dee2e6;
	}
	.table th { 
		background-color	: #e7f1ff; /* Xanh rất nhạt */
		text-transform		: uppercase;
		color				: #0056b3;           /* Chữ xanh đậm để dễ đọc trên nền nhạt */
		text-align			: center;
		font-weight			: 400;
		padding				: 16px; /* Giữ khoảng cách nội dung */
		margin				: 10px auto;
		
	}
	.table tr { 
		color				: #0056b3;           /* Chữ xanh đậm để dễ đọc trên nền nhạt */
		text-align			: left;
		font-weight			: 400;
		padding				: 16px; /* Giữ khoảng cách nội dung */
		margin				: 10px auto;
		
	}
	.table td {
		text-align: left; 
	}
	

	.staff-list { 
		margin: 6px 10px 6px 0px; 
		font-family: Arial, sans-serif; 
		padding-top: 5px; 
		font-weight: 600;
		/* Màu chữ xanh đậm hơn nền một chút để nổi bật */
		color: #363636; 
	}
	
	.staff-item {
		margin: 0px 0px 0px 60px;
		padding-top: 5px;
		border-left: 4px solid #007bff;
		background-color: #f8f9fa;
	}
	
	.staff-itemin {
		margin			: 0px 0px 0px 20px;
		font-size		: 10pt !important;
		line-height		: 1.5 !important; /* Quan trọng nhất: Giúp các hàng tách rời nhau */
		height			: 17px !important;     /* Đảm bảo khung tự giãn theo nội dung */
		min-height		: min-content;    /* Không ép khung quá hẹp */
		padding			: 5px;
		text-align      : left !important;
		color			: #444444;
	}
	

	/* Định dạng thêm cho các phần tử con để chúng có khoảng cách */
	.staff-item > * {
		margin-bottom: 5px; /* Tạo khoảng cách giữa các dòng nội dung */
		display: block;     /* Đảm bảo mỗi phần tử là một khối riêng */
	}

	/* Xóa khoảng cách ở phần tử cuối cùng để không bị dư thừa */
	.staff-item > *:last-child {
		margin-bottom: 0;
	}
	
	.form-group {
        margin-bottom: 6px;
        display: flex;
        flex-direction: column; /* Đặt nhãn phía trên, ô chọn phía dưới */
        align-items: flex-start; /* Ép mọi thứ về bên trái */
    }

    .form-group label {
        font-weight: bold;
        margin-bottom: 5px;
    }

    /* Đảm bảo ô chọn căn trái và có độ rộng chuẩn */
    .select-style {
        width: 100%;          /* Hoặc đặt độ rộng cố định như 300px */
        max-width: 400px;     /* Giới hạn độ rộng tối đa */
        padding: 18px;         /* Tạo khoảng trống bên trong cho dễ nhìn */
        border: 1px solid #ccc;
        border-radius: 4px;   /* Bo góc nhẹ cho hiện đại */
        background-color: white;
        text-align: left;     /* Căn chữ bên trong về trái */
    }
	
	

	.TextbaocaoTieuchi
	{
		padding         : 6px 45px 6px 10px;
		line-height     : 1.5;
		color           : #000000;
		font-family     : "Times New Roman", Times, serif;
		font-size       : 14pt;
		text-indent     : 38px;
		text-align      : left;
		text-justify    : inter-word;
	}
	.TextbaocaoChitieu
	{
		padding         : 6px 13px 6px 10px;
		line-height     : 1.5;
		color           : #000000;
		font-family     : "Times New Roman", Times, serif;
		font-size       : 14pt;
		text-indent     : 38px;
		text-align      : left;
		text-justify    : inter-word;
	}
	.Textbaocao 
	{
		padding         : 3px 12px 3px 12px;
		line-height     : 1.5;
		color           : #000000;
		font-family     : "Times New Roman", Times, serif;
		font-size       : 14pt;
		text-indent     : 38px;
		text-align      : justify;
		text-justify    : inter-word;
	}
	
	.Textbaocaoin 
	{
		padding         : 3px 5px 3px 5px;
		line-height     : 1.5;
		color           : #000000;
		font-family     : "Times New Roman", Times, serif;
		font-size       : 14pt;
		text-indent     : 38px;
		text-align      : justify;
		text-justify    : inter-word;
	}
	
	.danhgia-box {
        background-color: #FFFFCC; /* Cobalt Blue */
        color			: #336600;
        padding			: 5px 10px;
        display			: inline-block;
		text-indent     : 3px;
		font-size       : 12pt;
        font-family		: Arial, sans-serif;
    }
	.chuadat-box {
        background-color: #FFFF00; /* Cobalt Blue */
        color			: #993300;
        padding			: 5px 10px;
        display			: inline-block;
		text-indent     : 3px;
		font-size       : 12pt;
        font-family		: Arial, sans-serif;
    }

	/* Trạng thái bình thường */
	.linkmoia {
        /* Chuyển sang inline-flex để kiểm soát căn giữa */
        /* Chuyển sang inline-flex để kiểm soát căn giữa */
        display			: inline-flex; 
        align-items		: center;    /* Căn giữa icon và chữ theo chiều dọc */
        justify-content	: center; /* Căn giữa theo chiều ngang */
        height			: 28px;           /* Cố định chiều cao để 2 nút bằng lề nhau */
        padding			: 0 12px;
        text-decoration	: none !important;
        font-size		: 14px;
		color			: #495057;
        transition		: all 0.2s;
        vertical-align	: middle; /* Quan trọng để không lệch so với dòng chữ bên ngoài */
    }
	.linkmoia:hover {
		text-decoration: none;    /* Đảm bảo không hiện gạch chân */
		background-color: gray !important; /* Màu nền xanh lá (Green) */
		color: white;              /* Đổi màu chữ sang trắng để dễ đọc trên nền xanh */
	}
	.linkmoi {
        /* Chuyển sang inline-flex để kiểm soát căn giữa */
        display			: inline-flex; 
        align-items		: center;    /* Căn giữa icon và chữ theo chiều dọc */
        justify-content	: center; /* Căn giữa theo chiều ngang */
        height			: 28px;           /* Cố định chiều cao để 2 nút bằng lề nhau */
        padding			: 0 12px;
        text-decoration	: none !important;
		background-color: #EEEEEE !important;
        font-size		: 14px;
		color			: #495057;
        transition		: all 0.2s;
        vertical-align	: middle; /* Quan trọng để không lệch so với dòng chữ bên ngoài */
    }
	.linkmoi i {
        margin-right: 5px; /* Khoảng cách giữa icon và chữ */
    }
	/* Trạng thái khi di chuột vào (hover) */
	.linkmoi:hover {
		text-decoration: none;    /* Đảm bảo không hiện gạch chân */
		background-color: #28a745 !important; /* Màu nền xanh lá (Green) */
		color: white;              /* Đổi màu chữ sang trắng để dễ đọc trên nền xanh */
	}
	.error-item {
		font-family: "Times New Roman", Times, serif;
        font-size: 12pt;
        line-height: 1.1;       /* Khoảng cách giữa các dòng trong 1 lỗi */
        margin-bottom: 0px;    /* Khoảng cách giữa các dòng lỗi với nhau */
        padding: 3px 0;
        text-align: justify;   /* Căn đều 2 bên như bạn muốn */
        display: block;        /* Ép mỗi lỗi nằm trên một hàng riêng biệt */
        height: auto;          /* Để chiều cao tự động giãn theo số dòng chữ */
	}
	.mau2tieuchi1 {
		padding			: 0px 0px 0px 0px;
		text-align		: left; /* Căn giữa như bạn muốn ở trên */
		background-color:  #C2C2C2; 
	}
	.mau2tieuchi {
		padding			: 15px 6px 0px 6px;
		text-align		: left; /* Căn giữa như bạn muốn ở trên */
		line-height		: 1.5;
		background-color: #C2C2C2; 
		color			: #155724; 
	}
	.mau2tieuchititle {
		padding			: 12px 12px 12px 20px;
		text-align		: left; /* Căn giữa như bạn muốn ở trên */
		line-height		: 1.5;
		background-color: #006241; 
		color			: #FFFFFF; 
		font-size		: 15pt;
		font-weight		: 400;
	}
	.mau2tieuchi strong {
		font-weight: 700; /* Hoặc 800, 900 nếu muốn đậm hơn nữa */
		display: inline-block;
		margin-bottom: 5px; /* Tạo khoảng cách với textarea bên dưới */
	}

	.mau2chitieu1 {
		padding			: 0px 0px 0px 20px;
		text-align		: left;
	}
		
	.mau2chitieu {
		padding			: 15px 6px 10px 6px;
		font-size		: 14px; 
		margin-left		: 5px;
		line-height		: 1.5;
		color			: #155724;
		background-color: #ECECEC;
		text-align		: left;
		font-weight		: 300;
	}
	
	.mau2chitieutitle {
		padding			: 12px 12px 12px 12px;
		text-align		: left; 
		font-size		: 14px; 
		margin-left		: 5px;
		line-height		: 1.5;
		background-color: #009298; 
		color			: #FFFFFF; 
		font-weight		: 300;
	}
	.mau2chitieu strong {
		font-weight: 700; /* Hoặc 800, 900 nếu muốn đậm hơn nữa */
		display: inline-block;
		margin-bottom: 5px; /* Tạo khoảng cách với textarea bên dưới */
	}
	
	.mau2minhchung1 {
		padding			: 0px 0px 10px 6px;
		text-align		: left;
	}
	.mau2minhchung { 
		padding			: 0px 0px 10px 0px; 
		border-left: 4px solid #17a2b8;
		background-color: #ECECEC;
		font-weight: 500; 
		line-height	: 1.5;		
		font-style: normal;     

		}
	.mau2minhchung-item { 
        background: #fdfdfe; 
        padding: 5px 5px 5px 5px;
    }
	
	.TextHeading {
		padding: 15px 15px 10px 12px;
		line-height: 1.0;
		text-align: left; /* Căn giữa như bạn muốn ở trên */
		/* Chữ in hoa */
		text-transform: uppercase; 
		font-weight: 600;
		
		/* Màu nền xanh nhạt (Mint/Pastel) */
		background-color: #d4edda; 
		
		/* Màu chữ xanh đậm hơn nền một chút để nổi bật */
		color: #155724; 
		
		/* Đường kẻ viền dưới duy nhất */
		border-bottom: 1px solid #c3e6cb;
	}
	.TextHeading1 {
		padding: 10px 10px 10px 12px;
		line-height: 1.5;
		text-align: left; /* Căn giữa như bạn muốn ở trên */
		font-weight: 400;
		background-color: gainsboro; 
		color: #155724; 

	}
	.TextHeading2
		{
			padding			: 12px 15px 12px 15px;
			font-size		: 14px; 
			margin-left		: 5px;
			line-height		: 1.5;
			color			: #0000FF;
			background-color: #DDDDDD;
			text-align		: left;
			font-weight		: 300;      /* Làm chữ đậm */
			font-style		: italic;     /* Làm chữ nghiêng */
		}
	.TextHeading3
		{
			padding			: 12px 15px 12px 15px;
			line-height		: 1.5;
			font-size		: 14px; 
			color			: #006600;
			background-color: #FFFFCC;
			text-align		: left;
			font-weight		: 400;     
			font-style		: normal;     
		}
	.TextHeading4
		{
			padding			: 0px 0px 0px 15px;
			line-height		: 1.5;
			text-align		: left
		}
	.TextHeading5
		{
			padding			: 0px 0px 0px 20px;
			line-height		: 1.5;
			text-align		: left
		}
	.TextHeading6
		{
			padding			: 12px 0px 12px 0px;
			line-height		: 1.5;
			text-align		: left
		}
		
/* Nút thêm mới */
    .btn-add-mc {
        background-color: #17a2b8; color: white;
        padding: 4px 10px; border-radius: 4px;
        text-decoration: none; font-size: 13px; font-weight: bold;
        display: inline-block; margin-left: 5px;
    }
    .btn-add-mc:hover { background-color: #138496; color: white; }