@media all and (min-width: 0){*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial}header{background-color:#EDF9FF;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;position:sticky;top:0;z-index:100}header .left img{width:130px;height:auto;display:block}header .right{display:flex;align-items:center}header .right img{margin-right:8px}header .right img.noti{width:15px}header .right a{text-transform:uppercase;color:#1E5588;text-decoration:none;margin-right:8px;font-weight:bold;font-family:"UTM Avo";font-size:12px}header .right i{color:red}main{padding:0 0 90px 0}main .viewport .overview{width:100%}main section{margin:auto}main section.form{height:100%}main section.nho{width:500px}main section.vua{width:700px}main ul.tab{overflow:hidden;margin:0px;padding:0px;list-style:none}main ul.tab li{float:left;list-style:none;padding:5px 10px;background-color:#130f40;border-radius:4px 4px 0px 0px;margin-right:5px}main ul.tab li.active{background:#009432}main ul.tab li:last-child{margin-right:0}main ul.tab li a{color:#fff;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:13px}main .tab-item{display:none}main .page{text-align:center;margin-top:20px}main .page ul{display:flex;justify-content:center}main .page ul a{text-decoration:none;color:#FFF}main .page ul li{width:30px;height:30px;line-height:30px;text-align:center;background:#27ae60;margin:0 5px;list-style:none;border-radius:3px}main .page ul li:hover{background:#e74c3c}main .page ul li svg{width:10px;fill:#FFF}main .page ul li.actived{background:#c0392b;color:#FFF}main .page ul span{font-size:15px;margin-top:7px}footer{position:fixed;width:100%;height:80px;background-image:linear-gradient(to right, #2B5BA3, #08BDFF);bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:5;padding-right:40px}footer .search-global{position:relative;margin-left:32px;display:none}footer .search-global.search-global-2{display:block}footer .search-global .load-result{position:absolute;bottom:35px;left:0;background-color:#FFF;width:100%;border-radius:5px;border:0.5px solid rgba(0,0,0,0.3);padding:5px 0;display:none}footer .search-global .load-result p{font-size:13px;padding:5px 10px;cursor:pointer}footer .search-global .load-result p:hover{color:blue}footer .search-global .load-result p a{color:#000;text-decoration:none}footer .search-global .form-search{position:relative;width:100px;height:25px}footer .search-global .form-search input[type=text]{width:100%;height:100%;border-radius:5px;border:0.5px solid rgba(0,0,0,0.3);background-color:#FFF;position:relative;z-index:1;text-indent:10px;transition:all 0.5s;outline:none}footer .search-global .form-search input[type=button]{width:30px;height:25px;position:absolute;z-index:2;right:0;top:0;background-color:transparent;background-image:url(image/search.svg);background-repeat:no-repeat;background-position:left 5px center;border:none;transition:all 0.5s;cursor:pointer}footer ul.list-menu{list-style:none;display:flex;justify-content:center;align-items:center;height:100%}footer ul.list-menu li{position:relative;height:100%;width:80px}footer ul.list-menu li.menu-actived{background-color:#04357F}footer ul.list-menu li .move-box{width:80px;height:80px;position:absolute;top:0;left:0;padding:7px 5px 0 5px}footer ul.list-menu li .icon-wrap{position:relative}footer ul.list-menu li .icon-wrap img{width:35px;height:auto;display:block;margin:auto}footer ul.list-menu li .menu-content{width:70px}footer ul.list-menu li .menu-content a{text-decoration:none}footer ul.list-menu li .menu-content a.actived .menu-child p{color:#FFF}footer ul.list-menu li .menu-content a .menu-child{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}footer ul.list-menu li .menu-content a .menu-child p{width:100%;height:auto;text-align:center;color:#FFF;font-size:11px;padding:6px 0 0 0;height:35px;overflow:hidden;line-height:1.3}.mess-all{position:fixed;width:100%;top:74px;background-color:red}.mess-all .noi-dung-thong-bao{padding:20px 50px}.mess-all .noi-dung-thong-bao h2{font-size:18px;color:#FFF}.mess-all .noi-dung-thong-bao h2 i{cursor:pointer}.mess-all .noi-dung-thong-bao h2 i:hover{color:orange}.mess-all .noi-dung-thong-bao p{line-height:1.8;color:#fff}.loading{display:none;position:fixed;top:0;width:100%;height:100%;z-index:9;justify-content:center;align-items:center}.popup,.popup-chon-qua{background-color:rgba(0,0,0,0.5);display:none;position:fixed;top:0;z-index:100;justify-content:center;align-items:center;width:100%;height:100%}.popup .center,.popup-chon-qua .center{padding:20px 50px;background-color:#FFF;border-radius:4px;position:relative;box-shadow:0px 4px 8px rgba(0,0,0,0.05)}.popup .center .close-popup-gia,.popup-chon-qua .center .close-popup-gia{position:absolute;top:10px;right:10px;cursor:pointer}.popup .center h3,.popup-chon-qua .center h3{padding-bottom:10px}.popup .center input[type=text],.popup .center input[type=number],.popup-chon-qua .center input[type=text],.popup-chon-qua .center input[type=number]{height:35px;outline:none;width:100%;padding:0 10px;border-radius:4px;margin-bottom:10px}.popup .center input[type=button],.popup-chon-qua .center input[type=button]{height:35px;border:none;padding:0 20px;background-color:#82ccdd;cursor:pointer;color:#FFF;border-radius:4px}.popup .center select,.popup-chon-qua .center select{height:30px;margin-bottom:10px}.popup .center textarea,.popup-chon-qua .center textarea{padding:10px;width:100%;outline:none;resize:none;font-family:Arial;font-size:14px}.popup .center .radio-checkbox,.popup-chon-qua .center .radio-checkbox{margin-bottom:10px}.popup .center .scroll,.popup-chon-qua .center .scroll{min-height:auto;max-height:80vh;overflow:auto;overflow-x:hidden;overflow-y:auto}.popup .center .khoi,.popup-chon-qua .center .khoi{width:100%;height:10px;display:block}.popup .center p.chon-san-pham,.popup-chon-qua .center p.chon-san-pham{font-size:14px;line-height:1.3;border-bottom:1px solid #ccc;padding:5px 0}.popup .center p.chon-san-pham:hover,.popup-chon-qua .center p.chon-san-pham:hover{background-color:#f6f7fb;cursor:pointer}}@media all and (min-width: 1200px){footer .search-global .form-search{width:200px}}
/*# sourceMappingURL=style.css.map */
