@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:35px;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}.hn-phieuthu .phieuthu-item{border:1px solid #ddd;padding:1rem;border-radius:.5rem;margin-bottom:1rem;line-height:1.8}.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}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}.btn{margin-bottom:.4rem}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}.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}}