body {
	font-family:Times New Roman !important;
}
td {
	font-family:Times New Roman !important;
}
A
{
    COLOR: #0000FF;
    TEXT-DECORATION: none;
	font-family:Times New Roman !important;
}
font-face {
  /* font-family: "Coolvetica Rg1"; */
  /* src: local('Coolvetica Rg'), url(http://hanoisoft.com.vn/CoolveticaRg-Regular.ttf) format("opentype"); */
  font-weight: 400;
  font-style: italic;
  font-variant: normal;
  font-stretch: normal;
}
font {
	font-family:Times New Roman !important;
	/* font-size:14px !important; */
}
input,textarea,select {
	font-family:Times New Roman !important;
	font-size:16px;
}
.jqx-widget-content-ui-redmond {
	font-family:Times New Roman !important;
}
.jqx-widget-header-ui-redmond {
	color: black !important;
    font-family: Times New Roman !important;
    font-size: 14px !important;
}
.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue {
	color:black !important;
	font-family: Times New Roman !important;
	font-size: 14px !important;
}

.cls_btn {
	border-color: #386487 !important;
	background-color:#ffffff !important;
	color: #000 !important;
}
.cls_btn:hover{
	/* border:1px solid #4848ff !important;
	font-weight:bold; */
	background-color:#386487 !important;
	color:#ffffff !important;
	cursor: pointer;
	-webkit-box-shadow:5px 5px 5px #ccc;
	-moz-box-shadow:5px 5px 5px #ccc;
	box-shadow:5px 5px 5px #ccc;
	/* box-shadow:0 1px 0 #333; */
}
.cls_cbo {
	border-radius: 5px;
	border-collapse: collapse;
	border: 1px solid #64859f;
}
.cls_cbo:hover {
	cursor: pointer;
	border: 1px solid #386487;
	box-shadow:2px 2px 2px #ccc;
}
.cls_txt{
	border-radius: 5px;
	border-collapse: collapse;
	border: 1px solid #64859f;
}
.cls_txt:hover {
	/* cursor: pointer; */
	border: 1px solid #386487;
	box-shadow:2px 2px 2px #ccc;
}

/*menu*/
.menu_ngang {
    width:100%;
	float:left;
	margin-left:0px;
	background-color: #0089cf;
}
.menu_ngang ul {
    list-style: outside none none;
    position:relative;
    line-height: 25px;
    position:relative;
    margin-top: 0px;
    margin-left:0px;
}
.menu_ngang ul li {
    float:left;
    display: inline-block;
    text-decoration: none;
    
}
.menu_ngang ul li a {
    font-weight:bold;
    color:White;
    text-decoration: none;
    margin-top:5px;
    padding: 0px 10px;
	font-size:16px;
}
.menu_ngang ul li:hover {
    background-color: white;
}
.menu_ngang ul li a:hover {
    color:Black;    
}

#menu_ngang_xo ul {
	position: absolute;
	display:none;
	z-index:999;
}
#menu_ngang_xo li {
	position:relative;
	background-color:#0089cf;
}
#menu_ngang_xo li:hover{
	background-color:#0089cf;
	z-index:999999;
}
#menu_ngang_xo li ul li a:hover{
	background-color:White;
}

#menu_ngang_xo li ul a {
	width:400px;
	float:left;
}
#menu_ngang_xo li:hover ul ul,
#menu_ngang_xo li:hover ul ul ul,
#menu_ngang_xo li:hover ul ul ul {
	display:none;
}
#menu_ngang_xo li:hover ul,
#menu_ngang_xo li li:hover ul,
#menu_ngang_xo li li li:hover ul,
#menu_ngang_xo li li li li:hover ul {
	display:block;
}

.cls_img_mousemove b:hover{
	color:Red;
}


/* ===================== CÂY "KHO SÁCH ĐÃ BIÊN MỤC" (Cách 3) =====================
 * Nhãn cây do load_dulieu.php dựng dạng hai ô: tên co giãn + số ghim mép phải
 * (trước đây số nhét trong chữ — "Toán(12 quyển)" — nên mỗi dòng số nằm một chỗ,
 * mắt phải dò từng dòng).
 *
 * GIỚI HẠN trong #jqxTree_KhoSachDaBienMuc: hệ còn nhiều cây jqxTree khác (kho
 * sách trường, phân loại, kho chia sẻ) đang dựa vào cách hiển thị mặc định.
 *
 * VÌ SAO PHẢI !important: jqxTree đặt bề ngang và display bằng INLINE STYLE do
 * JS tính (đo được: ul width:1124px, .jqx-tree-item display:inline-block) —
 * nó cố ý cho cây rộng hơn khung để CUỘN NGANG khi tên dài. Không đè thì mỗi
 * nhãn rộng theo chữ của chính nó, con số rơi mỗi dòng một chỗ và 32/586 dòng
 * tràn hẳn ra ngoài khung. Đổi lại: tên quá dài nay bị cắt "…" thay vì cuộn —
 * cùng cách xử lý với cây bên bản mới, và vẫn xem được đủ tên ở tooltip.
 */
#jqxTree_KhoSachDaBienMuc ul {
    width: auto !important;
    min-width: 0 !important;
}
#jqxTree_KhoSachDaBienMuc .jqx-tree-item {
    /* FLEX chứ không block: jqxTree đặt icon thư mục ngay trong ô nhãn, để
       block thì icon chiếm trọn một dòng còn chữ tụt xuống dòng dưới — cây cao
       gấp đôi. Flex cho icon và chữ nằm cùng hàng. */
    display: flex !important;    /* inline-block (mặc định): ô nhãn co theo chữ,
                                    không có mép phải nào để ghim số vào */
    align-items: center;
    width: auto;
}
#jqxTree_KhoSachDaBienMuc .hns-cay {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;   /* chiếm hết phần còn lại sau icon */
    min-width: 0;
}
#jqxTree_KhoSachDaBienMuc .hns-cay-ten {
    flex: 1 1 auto;
    min-width: 0;            /* thiếu dòng này thì flex item không cho cắt chữ,
                                tên dài đẩy con số tràn khỏi cây */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#jqxTree_KhoSachDaBienMuc .hns-cay-so {
    flex: 0 0 auto;
    margin-left: auto;
    min-width: 34px;
    text-align: right;
    font-size: 11px;
    color: #9aa4b2;
    font-variant-numeric: tabular-nums;  /* số thẳng cột, không nhảy theo bề
                                            ngang từng chữ số */
}

/* ============ THÔNG BÁO CỦA CÔNG TY GỬI NHÀ TRƯỜNG (dưới menu) ============
 * Dải vàng, mỗi thông báo một dòng, có nút ✕ để ẩn. Cùng một dữ liệu và cùng
 * cách bày với bản mới (layouts/quantri.php) để thủ thư chuyển qua lại giữa hai
 * hệ không thấy lạ.
 */
.hns-thongbao-truong {
    background: #fffbeb;
    border-bottom: 1px solid #fde68a;
    font-size: 13px;
    color: #78350f;
}
.hns-thongbao-truong .hns-tb-dong {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 14px;
}
.hns-thongbao-truong .hns-tb-dong + .hns-tb-dong {
    border-top: 1px dashed #fde68a;   /* nhiều thông báo thì phân dòng cho rõ */
}
.hns-thongbao-truong .hns-tb-icon { flex: 0 0 auto; line-height: 1.5; }
.hns-thongbao-truong .hns-tb-noi  { flex: 1 1 auto; min-width: 0; line-height: 1.5; }
.hns-thongbao-truong .hns-tb-noi a { color: #92400e; text-decoration: underline; font-weight: 600; }
.hns-thongbao-truong .hns-tb-noi a:hover { color: #b45309; }
.hns-thongbao-truong .hns-tb-dong-nut {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: #b45309;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}
.hns-thongbao-truong .hns-tb-dong-nut:hover { color: #7c2d12; }