@charset 'utf-8';
@import url(../hn_css/huunhan.notify.min.css);
@import url(../hn_css/huunhan.font.css);
body{background:#f7f7f7;font-size:.85rem;font-family:'Inter',sans-serif}
*{padding:0}
a{color:#333}
.hn-login .login-body{background:#fff;padding:1.5rem;margin:40% auto 0;border-radius:.8rem}
.hn-login .login-body .login-logo{margin-bottom:20px;text-align:center}
.hn-login .login-body .login-logo h4{margin-top:5px;margin-bottom:0;font-size:1.4rem;font-weight:600}
.hn-login .login-body .login-logo img{margin-bottom:10px;max-height:35px}
.hn-login .login-footer{margin:1rem 0;color:#8a8989}
.navbar .navbar-brand img{max-height:30px;margin:auto}
.dropdown-item{padding:.2rem 1rem}
.dropdown-item i{margin-right:.3rem}
.hn-trangchinh{margin-top:1rem}
.hn-trangchinh .trangchinh-head{margin-bottom:1rem}
.hn-trangchinh .trangchinh-head h3{font-size:1.2rem;font-weight:700;text-transform:uppercase}
.hn-trangchinh .trangchinh-head h3 span{text-transform:none;color:#ccc;padding-top:5px;font-weight:300;margin-left:.1rem;font-size:1rem}
.hn-trangchinh .trangchinh-head h3 span i{font-size:1rem;margin-right:.1rem}
.hn-trangchinh .trangchinh-item{background-color:#fff;padding:1rem;margin-bottom:.5rem;border-radius:.4rem;border:1px solid #eee}
.hn-trangchinh .trangchinh-item h3{font-size:.9rem;font-weight:600;margin-bottom:1rem}
.table{border:0px;border-radius:.2rem;overflow:hidden;box-shadow:0 -0.2px 0 0.8px #eee;margin-bottom:0!important}
.table thead th{border-bottom:1px solid #f0f0f0!important;padding:.7rem .8rem;background-color:#fafafa;font-weight:600}
.table>tbody>tr>td{border-bottom:1px solid #f6f6f6;padding:.5rem .8rem;vertical-align:middle;line-height:1.5}
.table>tbody>tr>td .btn-sm{border-radius:3px;padding:2px 5px;font-size:11px}
.table>tbody+tbody{border-top:0}
.table>tbody>tr:hover{background-color:#fafafa!important;cursor:pointer}
.table>:not(:first-child){border-top:1px solid #f0f0f0}
.table>tfoot>tr>td{border-bottom:0}
.hn-ghichu{position:relative}
.hn-ghichu #status{position:absolute;bottom:.2rem;right:.2rem;background:rgba(255,255,255,0.8);padding:.1rem .2rem;border-radius:.3rem;pointer-events:none}
.nav-item{line-height:1.1}
.hn-phieuthu .phieuthu-item{border:1px solid #ddd;padding:1rem;border-radius:.5rem;margin-bottom:1rem;line-height:1.8}
.hn-phieuthu .phieuthu-item.bg-tienmat{background-color:#F0FFF0;border:1px solid #CDECCD}
.hn-phieuthu .phieuthu-item.bg-tienmat .phieuthu-item-footer{background-color: #E6FAE6}
.hn-phieuthu .phieuthu-item.bg-online{background-color:#F0F7FF;border:1px solid #D6E9FF}
.hn-phieuthu .phieuthu-item.bg-online .phieuthu-item-footer{background-color: #E6F2FF}
.hn-phieuthu .phieuthu-item .btn{padding:.2rem .4rem;font-size:.7rem}
.hn-phieuthu .phieuthu-item .ngaythu{font-size:.6rem}
.hn-phieuthu .phieuthu-item .nhanvien{font-size:.8rem;padding-top:.3rem}
.hn-phieuthu .phieuthu-item .phieuthu-item-footer{margin-top:1rem;margin-bottom:.5rem;padding:.8rem 0;background-color:#f6f6f6;border-radius:.5rem}
.hn-page ul{margin-bottom:0;margin-top:1rem}
.hn-page .page-link{padding:0 .6rem}
.form-control{font-size:.85rem}
.form-control:focus{box-shadow:none}
.form-group{margin-bottom:.5rem}
.form-group label{padding-left:0;padding-bottom:.3rem}
.form-group small{color:#ccc;display:block;margin-bottom:5px;font-size:80%;margin-top:-.4rem}
.form-group small a{color:#666}
.form-group label span:after{content:'*';color:#ff2121;vertical-align:middle}
.small,small{font-size:80%}
.form-group input[type=checkbox],.form-group input[type=radio]{position:relative}
.form-group img{margin-top:7px;max-height:40px;border-radius:5px}
.input-group-text{font-size:.84rem}
.hn-checkbox{display:inline-block;margin-right:1rem}
.hn-checkbox label{font-weight:300;padding:.1rem 0}
.hn-gachuoc{padding:1rem}
.hn-gachuoc .gachuoc-item{margin:.1rem 0}
.hn-gachuoc .mathanhtoan{font-size:1.1rem}
.hn-gachuoc .sotien{font-size:1.2rem}
table .btn,table .btn:focus{padding:3px 5px;font-size:13px;margin:0}
table .url{display:block;color:#999;padding-left:1.2rem;background:url(../hn_images/panel-subtitle.gif) no-repeat top left -1px;font-size:11px}
table .detailmore{font-size:.7rem;color:#999;display:block}
table .luotxem{background-color:#1aaa62;padding:0 5px 1px 4px;color:#fff;border-radius:3px;font-size:.6rem}
table .dasua{display:block;font-size:.65rem;color:#999;margin-top:-.2rem}
table .hn-tenkhachhang{display:block;font-size:11px;color:#999}
table button{background:0 0}
table .bootstrap-select .btn{padding:7px 12px}
.table>tfoot>tr>td{border-top:0}
.hn-footer{padding:.5rem 0;margin:20px 15px 0;border-top:1px solid #ddd}
a{text-decoration:none}
.btn.disabled,.btn:disabled{cursor:not-allowed}
.modal-header{padding-top:1rem;padding-bottom:0;padding-left:1rem;padding-right:1rem;background:#fff!important;border-bottom:0!important;text-transform:uppercase}
.modal-header h5{margin:0;font-size:1.1rem;font-weight:700}
.modal-body{padding:1rem}
strong{font-weight:700}
ul{padding:0}
ul>li{list-style:none}
footer{border-top:1px solid #eee;padding:10px 0;margin-top:6rem}
hr{margin:10px 0}
.btn,.btn:focus,button,button:focus,input{outline:0}
.btn,.btn:focus{outline:0!important;box-shadow:none!important;-webkit-box-shadow:none!important}
fieldset{border:1px solid #ced4da;padding:.5rem 1rem .5rem;margin:.2rem 0 1rem;border-radius:5px}
legend{border-bottom:0;width:auto;padding:0 10px;font-size:15px;font-weight:700;margin-bottom:0;float:none}
fieldset img{border-radius:5px}
.alert{padding:.4rem .8rem;margin-bottom:.6rem}
.alert ul{margin-bottom:0}
.alert h4{margin:10px 0}
.alert i{margin-right:1px}
.alert .btn{margin-bottom:0}
.alert p{margin:5px 0}
.btn i{margin-left:.2rem;margin-right:.2rem;margin-top:.3rem}
.navbar{border-bottom:1px solid #dee2e6;padding:.3rem 0;z-index:9}
.navbar.bg-white{background-color:#fff!important}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}
.navbar .hn-menu-right{right:0;left:auto}
.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.875rem;color:#495057;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.2rem}
.hn-loading{z-index:99999999;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;overflow:hidden;text-align:center;opacity:.8;background:#333;display:none}
.hn-loading .loader{position:relative;top:calc(50% - 30px);color:#fff;width:200px;padding:20px;margin:auto;opacity:unset}
.hn-btn-head{margin-bottom:1rem}
.hn-btn{margin-top:.7rem}
.hn-luuy{font-size:.75rem;color:#777;line-height:1.4}
.hn-boxthongtin .boxthongtin-item{padding:1rem;background:#f5f5f5;height:100%;max-height:100%;border-radius:.4rem;margin-bottom:1rem}
.hn-boxthongtin .boxthongtin-item h3{text-align:center;font-weight:600;margin-bottom:1rem}
.hn-boxthongtin .boxthongtin-item .boxthongtin-item-chitiet{background:#fff;padding:5px}
.hn-boxthongtin .boxthongtin-item .boxthongtin-item-chitiet ul{padding-top:10px;list-style:none}
.hn-boxthongtin .boxthongtin-item .boxthongtin-item-action{padding-top:1rem}
.hn-chitietthongtin{background-color:#fff;border-radius:5px;margin-bottom:1rem}
.hn-chitietthongtin .chitietthongtin-item{padding:.38rem .8rem}
.hn-chitietthongtin .chitietthongtin-item:nth-of-type(even){background:#f9f9f9}
.hn-thanhtoanqr{font-size:.8rem;margin-top: -.5rem}
.hn-thanhtoanqr .thanhtoanqr-item{background-color:#fff;border-radius:1rem;color:#000}
.hn-thanhtoanqr .thanhtoanqr-item p{margin-bottom:0}
.hn-thanhtoanqr .thanhtoanqr-item .thanhtoanqr-item-thongtin{margin-bottom:1rem;border-top: 1px solid #eee;padding-top: 1rem;border-bottom: 1px solid #eee;padding-bottom: 1rem}
.hn-thanhtoanqr .thanhtoanqr-item .thanhtoanqr-item-thongtin p{margin-bottom:0}
.hn-thanhtoanqr .thanhtoanqr-item .thanhtoanqr-item-sotien{font-size:1.4rem;color:#3498db}
.hn-thanhtoanqr .thanhtoanqr-item p.huongdan{color:#777;font-size:.8rem}
.hn-thanhtoanqr .thanhtoanqr-item .dathanhtoan i{margin-bottom:1rem}
.hn-maqrthanhtoan{position:relative}
.hn-maqrthanhtoan .logoqr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background-color:#fff;border-radius:100%;max-height:40px;margin-top:1rem;margin-bottom:1rem}
.hn-maqrthanhtoan .maqrthanhtoan-img{width:180px;height:180px;max-width:180px;max-height:180px;margin-top:.2rem}
.hnloadqr{position:relative;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:.5rem auto}
.text-pink{color:#d63384!important}
.text-purple{color:#6f42c1!important}
.bg-pink{background-color:#d63384}
.bg-purple{background-color:#6f42c1}
.bg-normal{color:#888;background-color:#f1f1f1!important}
.table-bordered>tbody>tr>td{border:1px solid #eee}
::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#999;border-radius:5px}
@keyframes hnchoptat{
	0%{opacity:0;transform:scale(1)}
	50%{opacity:1;transform:scale(1.5)}
	100%{opacity:0;transform:scale(2.2)}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){
	.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(../hn_images/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}
}
@media (max-width:767px){
	.table-responsive .dropdown-menu,.table-responsive .dropdown-toggle{position:static!important}
}
@media (min-width:768px){
	.table-responsive{overflow:visible}
}