@charset "UTF-8";body { 	font-size: 12px; 	margin:0;  		  }label {	display: inline-block;	width: 115px;	font-weight:bold;}legend {	padding: 0.5em;}fieldset fieldset label {	display: block;}.login{	margin:0px auto;	width:330px;	border:1px solid #dddddd;	border-radius: 15px;	position:absolute;	left:0;	right:0;	top:70px;}.login .title{	width:100%;	height:80px;	background-color: #feffed;	border-radius: 15px 15px 0px 0px;	margin-bottom:30px;}.login .title p{	margin:0;	text-align:center;	padding:22px;	font-size:24px;}.login input{	width:230px;	height:30px;	margin-bottom:20px;	font-size:16px;}.login button{	background-color: #ffbc00;    border: 2px solid #ffcb00;    border-radius: 5px;    color: white;    cursor: pointer;    font-size: 20px;    margin-bottom: 15px;    padding: 10px;    width: 72%;}.login-container{    margin-top: 5%;    margin-bottom: 5%;}.login-form-1{    padding: 5%;    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}.login-form-1 h3{    text-align: center;    color: #333;}.login-form-2{    padding: 5%;    background: #0062cc;    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}.login-form-2 h3{    text-align: center;    color: #fff;}.login-container form{    padding: 10%;}.btnSubmit{    width: 50%;    border-radius: 1rem;    padding: 1.5%;    border: none;    cursor: pointer;}.login-form-1 .btnSubmit{    font-weight: 600;    color: #fff;    background-color: #0062cc;}.login-form-2 .btnSubmit{    font-weight: 600;    color: #0062cc;    background-color: #fff;}.login-form-2 .ForgetPwd{    color: #fff;    font-weight: 600;    text-decoration: none;}.login-form-1 .ForgetPwd{    color: #0062cc;    font-weight: 600;    text-decoration: none;}#menu{	width:75px;	transition: width 0.3s;	box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.4), -12px 0 8px -4px rgba(31, 73, 125, 0.4);	background-color: #f96332;	position:fixed;	height:100%;	z-index:1000;}#menu ul {    list-style-type: none;    margin: 0;    padding:0px 12px;    overflow: hidden;       width:100%;    height:100%;      	  	z-index:1000;}#menu:hover{	width:260px;}#menu ul li {    overflow: hidden;    position:relative;    white-space: nowrap;    padding-left:0px;    margin-top:8px;	}#menu ul li i{	float:left;	}#menu ul li p{	position:absolute;	top:20px;	left:80px;	opacity:0;	transform:translate3d(-55px,0,0);}#menu:hover p{	opacity:1;	  	transition: all 0.3s ease;  	transform: translateX(-25px);  		} #menu:not(:hover) p{    transition: transform 0.3s ease, opacity 0.3s ease;  }#menu ul li a {    display: block;    color: white;	overflow: hidden;    padding: 16px;    text-decoration: none;	font-family: 'Montserrat', sans-serif;	font-size:11px;	font-weight:600;}#menu ul li a:hover {   border-radius: 40px;  transition: background-color 0.3s ease;  background-color:hsla(0,0%,100%,.1);}#menu .avatar{	border-radius: 50%;	width:40px;	height:40px;	margin-left:-9px;	padding-left:0;}#menu .menu_icon{		width:24px;	height:24px;	margin-left:-3px;	margin-top:-3px;}.active{	background-color:hsla(0,0%,100%,.3);	border-radius: 50%;	width:50;	height:50px;	position:absolute;	}#menu:hover .active{  width:100%;  height:50px;  border-radius: 40px;  transition: background-color 0.3s ease;  background-color:hsla(0,0%,100%,.3);}.bieudo{	background-color:#430159;	width:100%;	height:400px;	padding:0 20px;}.thongke_cont{	width:100%;	height:400px;	position:relative;	}.thongke{	width:95%;	height:205px;	background-color:#fff;	position:absolute;	z-index:1;	left:0;	right:0;	top:-20px;	margin-left:auto;	margin-right:auto;	border-radius: 5px;	font-family: 'Montserrat', sans-serif;	padding:10px 10px 30px 10px;}.thongke p{	margin:0;	}.thongke_icon{	width:50px;	margin-bottom:15px;}.thongke_total_icon{	width:15px;	margin-bottom:5px;	margin-right:5px;}.thongke_total{	font-size:14px;}.timkhachhang_cont{	width:100%;	position:relative;}.input_fields_wrap{    margin-bottom:20px;}   .timkhachhang{	width:95%;	background-color:#fff;	position:absolute;	z-index:1;	left:0;	right:0;	top:-50px;	margin-left:auto;	margin-right:auto;	border-radius: 5px;	font-family: 'Montserrat', sans-serif;	padding:20px;	overflow:hidden;}.timkhachhang p{	margin-bottom:10px;}.timkhachhang table {	font-size:14px;	border-left:1px solid #dee2e6;	border-right:1px solid #dee2e6;}.timkhachhang table td{	padding:5px;}.timkhachhang table tr:hover{	background-color:rgba(232, 73, 0, 0.2);}.timkhachhang table thead{	display:table;    width:100%;    table-layout:fixed;}.timkhachhang table tbody {    display:block;    height:427px; 	overflow:auto;}.timkhachhang table tbody::-webkit-scrollbar {  width: 3px; /* Set the width of the scrollbar */            background-color: #F5F5F5; /* Set the background color of the scrollbar */            position: absolute;            right: 0;} .timkhachhang table tbody::-webkit-scrollbar-track {  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);} .timkhachhang table tbody::-webkit-scrollbar-thumb {  background-color: darkgrey;  outline: 1px solid slategrey;}thead, tbody tr {    display:table;    width:100%;    table-layout:fixed;}.left_group{	float:left;	width:22%;	padding:20px 15px 15px 15px;}.commentForm {	width: 106%;		}.commentForm a{	text-decoration:none;}.commentForm a:hover{	color:#f59814;}.commentForm label {	width: 75px;}.commentForm label.error, .commentForm button.submit {	margin-left: 253px;}#signupForm {	margin:20px;}	.sF{	float:left;	width:100%;}.sF p{	margin:7px 0px;}#f{	width:100%;	overflow:scroll;}.bangluong{	width:100%;}.bangluong .ung{	width:70%;	float:left;	margin:20px 6px 45px;	position:relative;}.scrollable{	height:412px;	overflow:scroll;}.scrollable input{	width:100%;}.scrollable table tr td{	font-weight:normal;}.donhang{	width:50%;	float:left;}.khohang{	width:67%;	float:left;	margin-left:10px;}.khohang ul li{	border:0.5px dotted #fff;}#nghi{	width:42%;}#submit{	}img{	margin:0;	padding:0;}p{	margin:4px 0px;}#donhangfr{		width:100%;}#tenhang{	width:32%;}#donvitinh{	width:50px;}#dai{	width:7%;}#rong{	width:7%;}#soluong{	width:7%;}#dongia{	width:10%;}#thanhtien{	width:10%;}#loai_in_id{	width:17%;}#daivl, #rongvl, #soluongxk{	width:36px;}#ngayxuatkho{	width:100px;}.hide-spinner::-webkit-inner-spin-button,    .hide-spinner::-webkit-outer-spin-button {      -webkit-appearance: none;      margin: 0;    }        .hide-spinner {      -moz-appearance: textfield; /* Firefox */    }.accordion:hover{	cursor:pointer;}.fixed{	width:100%;}.fixed ul, .title ul,.scroll ul {    list-style-type: none;    margin: 0;    padding: 0;    overflow: hidden;}.fixed li, .scroll li{	padding:5px 0px;    float:left;    text-align:center;    font-size:15px;    font-weight:bold;	-moz-border-bottom-colors:none;	-moz-border-left-colors:none;	-moz-border-right-colors:none;	-moz-border-top-colors:none;	border-color:-moz-use-text-color #ddd #ddd;    border-style: none solid solid;    border-width: medium 0.5px 0.5px;    height:20px;}.tit{	text-align:left;		border-bottom:1px solid rgb(251, 205, 181);	margin-bottom:10px;	padding-left:15px;	}.tit .hoten{	font-size:21px;	color:rgb(255, 0, 0);	}.tit .info{	fonsize:18px;	color:rgb(0, 0, 255);	padding:0;	margin-bottom:5px;}.tit .info p{	margin:0;	padding:0;}.dh_info{	position:absolute;	right:30px;	top:45px;	font-weight:bold;	width:140px;	font-size:12px;}.dh_info p{	margin:0;	padding:0;	float:right;}.scroll{	height:390px;	overflow:scroll;	width:100%;}.scroll ul li,.hang ul li{	border:0.5px solid #ddd;	border-top:none;	font-weight:normal;}.scroll .each_donhang{	border-top:1px solid #000;	position:relative;	padding-left:20px;	font-weight:bold;	font-style:italic;	background:#ffeee2;	height:25px;	line-height:25px;	font-size:14px;}.scroll .each_donhang a{	color:green;}.scroll .each_donhang a:hover{	color:#f59614;}table.scroll{    /* width: 100%; */ /* Optional */    /* border-collapse: collapse; */    border-spacing: 0;    border: 2px solid #dddddd;    width:100%;}table.hoten {    /* width: 100%; */ /* Optional */    /* border-collapse: collapse; */    border-spacing: 0;    border-top: 2px solid #dddddd;    border-left:2px solid #dddddd;    border-right:1px solid #dddddd;    width:100%;}table.hoten th{	border-right:1px solid #dddddd;}table.scroll th{	border-right:1px solid #dddddd;	border-bottom:1px solid #dddddd;}thead tr th {     height: 30px;    line-height: 30px;    /* text-align: left; */}table.scroll tbody {    height: 360px;    overflow-y: auto;    overflow-x: hidden;}tbody td, thead th {    /* width: 20%; */ /* Optional */    border-right: 1px solid #dddddd;        /* white-space: nowrap; */}tbody td{	border-bottom:1px solid #dddddd;}table.scroll tbody tr:hover{	background-color:#f59614;	color:#fff;}tbody td input{	width:100%;}tbody td:last-child, thead th:last-child {    border-right: none;}table.normal{	width:100%;	border:2px solid #dddddd;}table.normal tbody {       overflow-y: auto;    overflow-x: hidden;}table.normal tr th,table.normal tr td{   border-right:1px solid #dddddd;   border-bottom:1px solid #dddddd;   }table.normal tbody tr:hover{	background-color:#f59614;	color:#fff;}table.normal a{	text-decoration:none;	color:black;	}#signupForm label.error {		margin-left: 10px;		width: auto;		display: inline;	}#newsletter_topics label.error {		display: none;		margin-left: 103px;	}	.nhaphang{	width:100%;	margin-left:5px;	margin-bottom:50px;}.submit{		width:296px;		height:296px;		position:absolute;		top:435px;		left:17px;		border-radius: 8px;		font-weight:bold;		font-size:25px;		background-color:#f0776c;	}.submit p{		font-size:25px;	}.footer{	width:100%;	height:40px;	position:fixed;	bottom:0;	left:0;	right:0;	clear: both;	margin: 20px 0 0 0; 	border-top: 1px dashed #f59814;  	text-align: center;	color:#000;	background-color:#f59814;	padding:5px;	background: rgba(242,242,242, .5);	font-size:14px;}.footer a{	text-decoration:none;	color:#f59814;	font-weight:bold;	font-size:16;	color:#FF6600}.footer a:hover{	color:green;}.nhap, .xuat{	float:left;	width:33%;	margin:20px;}.nhap ul, .xuat ul{	 width: 100%;    margin: 0;    padding: 0;    display: table;    table-layout:fixed;}.nhap ul li, .xuat ul li{	 display: table-cell;     text-align: center;}.remove_field{	margin-left:5px;}input[type=checkbox]{	scale:1.4;   }.pagination a {    border: 1px solid #ccc; /* Đường viền */    background-color: #f0f0f0; /* Màu nền */    padding: 5px 10px; /* Khoảng cách giữa các link */    color:red;}.pagination strong {    background-color: #ccc; /* Màu nền của link trang hiện tại */    border: 1px solid #ccc; /* Đường viền */    padding: 5px 10px; /* Khoảng cách giữa các link */}   #menu-sm{	display:none !important;}#bieudo-sm, #congno-sm,#donhang-sm{	padding-left:75px;	padding-right:0;}#row-sm{	margin:-15px 0px 0px 40px;}#shadow-sm{	width:97%;background-color:#fff;margin-left:25px;padding:10px;border-radius:5px;margin-right:0px;}#get_name {	color:#fff;} #overlay{	      position: fixed;      top: 0;      z-index: 100;      width: 100%;      height:100%;      display: none;      background: rgba(0,0,0,0.6);    }    .cv-spinner {      height: 100%;      display: flex;      justify-content: center;      align-items: center;      }    .spinner {      width: 40px;      height: 40px;      border: 4px #ddd solid;      border-top: 4px #2e93e6 solid;      border-radius: 50%;      animation: sp-anime 0.8s infinite linear;    }    @keyframes sp-anime {      100% {         transform: rotate(360deg);       }    }#yearForm{	z-index:2000;	position: absolute; 	top: 30; 	left: 30%; 	transform: translate(-50%, -50%); 	border-radius: 10px;}@media (max-width: 576px) {    #menu-sm {        display:flex!important;    }        #bieudo-sm, #congno-sm,#donhang-sm{	padding-left:0px;	padding-right:0;	}		.bieudo{		padding:5px 10px!important;		height: 250px!important;	}	.thongke{	top:5;	width:100%;	height:auto;		}	.col-sm{	margin-bottom:40px;	}	.timkiem{	top:9!important;	left:5%!important;		}	#search_result{	left:5%!important;	top:50px!important;	}	#get_name{	color:#000;	}	#row-sm{	margin:0;	}	#shadow-sm{	margin:0;	width:100%;	}		.container-fluid{	padding:0!important;	}	.nhap-sm{	padding:0!important;	margin-top:10px;	}	table td, table th{	line-height:20px!important;	}	.top-bar-sm{	display:none;	}	.timkhachhang{	width:100%;		padding:10px;	margin-top:55px;	}	#menu-sm{	background-color:#d4711c!important;	}	.nav-link{	color:#fff!important;	}		#yearForm{	z-index:2000;	position: absolute; 	top: 36; 	left: 70%; 	transform: translate(-50%, -50%); 	border-radius: 10px;	}    /* Các quy tắc CSS khác cho máy tính bảng */}