*{margin:0;padding:0;text-decoration:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}
:focus{outline:0;outline:none}
ol,ul{margin-bottom:0;list-style:none}
a:visited,a:active{color:#000}
a:focus{outline:0;outline:none}
a,button{cursor:pointer;color:#226AA8}
input:focus,textarea:focus,select:focus,button:focus{outline:none;outline:0}
body{background:#e2e6f1;font-family:'Roboto',sans-serif;font-size:13px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;position:relative;color:#242f48}
body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,thead,tbody,tfoot,tr,th,td{font-family:'Roboto',sans-serif}
.warpper{width:100%;margin:0;height:100%;min-height:100%}
.icon-menu-mb{display:none}
.main-header{position:relative;background:url(../images/header-bg.png);background-size:cover;height:80px;width:100%;z-index:100}
.container-vb{width:100%;max-width:1200px;padding:0;margin:0 auto}
.container-header{display:flex;justify-content:space-between}
.main-header-left{display:flex;align-items:center}
.main-header-right{display:flex;align-items:center}
#choose-year span{display:inline-block;margin-right:10px;color:#fff;font-size:16px;font-weight:400}
#choose-year select{font-size:16px;font-weight:400;border-radius:3px;padding:3px;background: #fff;border: #ccc solid 1px;}
#choose-year button{font-size:16px;font-weight:400;border-radius:3px;padding:3px 15px;background-color:#e8e8e8;color: #333;border: #ccc solid 1px;margin-left:10px}
#choose-year button:hover{background-color:#FFCB00;color: #fff;border: #FFCB00 solid 1px;}
.nav-ul{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.main-header-message,.main-header-notification,.main-profile-menu{position:relative;margin:auto 0}
.nav-link i{font-size:20px}
.main-profile-menu a img{width:37px;height:37px;border-radius:50%;margin:auto 10px}
.main-header-message > a,.main-header-notification > a{display:block;font-size:22px;color:#272746;position:relative;line-height:37px;outline:none;height:40px;width:40px;background:transparent;margin:auto;text-align:center}
.main-header-message .box-dropdown,.main-header-notification .box-dropdown{width:300px;position:absolute;left:auto;right:-14px;bottom:auto;border-color:transparent;border-width:1px;z-index:9;top:40px;border-radius:6px;min-width:245px;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.2);box-shadow:0 0 15px 1px rgba(69,65,78,0.2)}
.main-profile-menu .box-dropdown{width:300px;position:absolute;left:auto;right:-8px;bottom:auto;border-color:transparent;border-width:1px;z-index:9;top:46px;border-radius:6px;min-width:245px;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.2);box-shadow:0 0 15px 1px rgba(69,65,78,0.2)}
.box-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:0;margin:.125rem 0 0;font-size:.875rem;color:#031b4e;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(138,153,191,0.125)}
.box-dropdown::after{content:'';position:absolute;top:-8.5px;right:24px;border-bottom:9px solid #03a8e6;border-left:9px solid transparent;border-right:9px solid transparent}
.active .box-dropdown{display:block}
.menu-header-content{background-color:#03a8e6;padding:1.2rem;border-top-left-radius:6px;border-top-right-radius:6px}
.menu-header-content h1{font-size:16px;color:#fff}
.menu-header-content p{font-size:14px;color:#fff;opacity:.6}
.main-message-list{width:100%;display:inline-block}
.main-message-list ul{margin:0;padding:0}
.main-message-list ul li{width:100%;float:left;padding:10px;border-bottom:1px solid #e3e8f7}
.main-message-list ul li:hover{background:#f6f6fb;color:#45567b}
.main-message-list ul li:last-child{border-bottom:0}
.cover-image{width:40px;height:40px;float:left}
.cover-image img{width:40px;height:40px;border-radius:50%}
.w-90{width:calc(100% - 40px);float:left;padding:0 0 0 10px}
.w-90 h2{font-size:14px;color:#031b4e}
.w-90 p{font-size:13px;color:#03a8e6}
.w-90 span{display:block;font-size:12px;color:#8d8db3}
.dropdown-footer{border-top:1px solid #dce1ef;padding:10px;background:#f6f6fb;box-shadow:-8px 12px 18px 0 rgba(25,42,70,0.1);text-align:center}
.dropdown-footer a{color:#03a8e6;font-size:16px;font-weight:900}
.main-header-profile{display:flex;flex-direction:column;align-items:center;border-top-right-radius:7px;border-top-left-radius:7px;background-color:#03a8e6;padding:1rem}
.main-img-user{display:inline-block;position:relative;width:45px;height:45px}
.main-img-user img{width:45px;height:45px;border-radius:50%}
.my-auto{padding:0 10px}
.my-auto h6{color:#fff;font-size:14px;margin-bottom:5px}
.my-auto span{display:block;font-size:12px;color:#fff;opacity:.6}
.wd-100p{width:100%;display:flex}
.main-profile-list{width:100%;display:inline-block}
.main-profile-list ul{margin:0;padding:0}
.main-profile-list ul li{width:100%;float:left;padding:10px;border-bottom:1px solid #e3e8f7}
.main-profile-list ul li:hover{background:#f6f6fb;color:#45567b}
.main-profile-list ul li:last-child{border-bottom:0}
.main-profile-list ul li a i{font-size:20px}
.main-menu{width:100%}
.horizontal-main{position:relative;background:#03a8e6;box-shadow:-8px 12px 18px 0 rgba(25,42,70,0.13);border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid #d5d8e2;margin-top:0;width:100%;z-index:10}
.horizontalMenu-list{text-align:left;margin:0 auto;width:100%;display:block;padding:0}
.horizontalMenu-list li{text-align:center;display:block;padding:0;margin:0;float:left}
.horizontalMenu-list li a{display:block;margin:0 2px;border-radius:0;text-decoration:none;position:relative;color:rgba(255,255,255,0.8);padding:15px 12px;font-weight:900;font-size:14px}
.horizontalMenu-list li:first-child a{padding-left:0}
.horizontalMenu-list li a:hover{color:#fff}
.sub-icon i.size-i,.size-i{font-size:14px;margin-right:5px}
.horizontalMenu-click{display:none}
.sub-icon i{font-size:10px}
.horizontalMenu-list > li > ul.sub-menu{opacity:0;visibility:hidden;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transition:-o-transform 0.3s,opacity .3s;-ms-transition:-ms-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;-webkit-transition:-webkit-transform 0.3s,opacity .3s;transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg)}
.horizontalMenu-list > li > ul.sub-menu{position:absolute;top:40px;z-index:1000;margin:0;padding:5px;min-width:190px;background-color:#fff;box-shadow:0 8px 16px 0 rgba(230,233,239,0.4);border:1px solid #ecf0fa}
.horizontalMenu-list > li > ul.sub-menu > li{position:relative;margin:0;padding:0;display:block;float:none}
.horizontalMenu-list > li > ul.sub-menu > li > a{background-image:none;color:#6d7790;text-align:left;display:block;line-height:22px;padding:5px 30px;text-transform:none;font-size:14px;letter-spacing:normal;border-right:0 solid}
.horizontalMenu-list > li > ul.sub-menu > li > a:hover{color:#03a8e6}
.horizontalMenu-list > li:hover > ul.sub-menu{opacity:1;visibility:visible;transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}
.i-position{position:absolute;top:10px;left:12px;font-size:12px;color:#8b96af;display:block}
.horizontalMenu-list > li > ul.sub-menu > li > a:hover .i-position{color:#03a8e6}
.row-deck{display:flex;flex-wrap:wrap;width:100%}
.row-deck-50{display:flex;flex:0 0 50%;max-width:50%;padding-left:10px;padding-right:10px;position:relative;width:100%}
.row-deck-50:last-child{padding-right:0}
.row-deck-50:first-child{padding-left:0}
.card-table{flex:1 1 auto;padding:10px 20px;border-radius:7px;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background:#fff;border:1px solid #d0d7e9;margin-bottom:1.3rem;box-shadow:-8px 12px 18px 0 #dadee8}
.main-content{width:100%;padding:0px;background: url("../images/QN_bg.jpg"); background-attachment: fixed;}
.main-content .mask{background: rgba(238, 238, 238, 0.6);padding-top: 15px;}
.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0d7e9;padding:5px 0 0}
.card-header h6{font-size:18px;text-transform:uppercase}
.ul-tab{margin:0;padding:0;display:flex}
.ul-tab li{float:left;font-size:14px;font-weight:900}
.ul-tab li{color:#031b4e;border-bottom:3px solid transparent;padding:5px 5px 3px}
.ul-tab li span{background:#ecf0fb;border-radius:3px;font-size:13px;padding:0 5px;margin-left:5px}
.ul-tab li.active,.ul-tab li:hover{color:#03a8e6;border-bottom:3px solid #03a8e6}
.ul-tab li.active span,.ul-tab li:hover span{color:#031b4e}
.horizontal-overlapbg{opacity:0;visibility:hidden}
.breadcrumb-header{display:flex;margin-bottom:10px;width:100%;justify-content:space-between}
.content-title{color:#226AA8;font-weight:500;font-size:24px;line-height:1;position:relative;text-transform:uppercase}
.main-dashboard-header-right{flex-wrap:nowrap;display:flex}
.main-dashboard-header-right > div{text-align:right;flex-basis:100%}
.main-dashboard-header-right > div label{display:block;margin-bottom:0;color:#333;font-size:16px;padding-bottom:3px;}
.main-dashboard-header-right > div h5{font-size:26px;font-weight:700;color:#226AA8;margin-bottom:0;line-height:1}
.total-revenue{display:flex;padding:20px 0;z-index:9;justify-content:space-around}
.total-revenue div{display:flex;flex-direction:column;align-items:center}
.total-revenue h4{font-size:32px;font-weight:700;color:#1c273c;letter-spacing:1.5px;margin-top:5px}
.total-revenue label{font-size:18px;display:flex;align-items:center}
.total-revenue label span{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:100%}
.bg-primary{background-color:#03a8e6!important}
.bg-danger{background-color:#ee335e!important}
.total-revenue h4.color-primary{color:#03a8e6}
.total-revenue h4.color-red{color:#ee335e}
.thoidiem{width:100%;font-size:14px;color:#333;padding:5px 0;font-weight:400}
.row-deck-100{display:flex;flex:0 0 100%;max-width:100%;position:relative;width:100%}
.danhsach-sbn{width:100%;margin:10px 0 0;padding:0}
.number-stt{width:40px;text-align:center;float:left}
.number-stt span{font-size:14px;background:#226AA8;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;display:block;font-weight:500}
.nd-dvc{width:calc(100% - 50px);float:left;padding:0 0 0 10px;box-sizing:border-box}
.ten-dvc{font-size:14px;display:flex;font-weight:700;justify-content:space-between}
.ten-dvc span{font-style:normal;color:#f44336;font-size:14px;display:block}
.thuc-hien{display:flex}
.thuc-hien div{padding-left:20px;display:flex;flex-direction:column;align-items:center;font-weight:400}
.thuc-hien div label span{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:100%;font-weight:500}
.logo-mobile{display:none}
.chucnang{display:flex;margin-top:10px;justify-content:space-between}
.cot-ds{text-align:Center}
.dunghan{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:100%;font-weight:500;background-color:#03a8e6}
.dunghan-chua{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:100%;font-weight:500;background-color:#e0a800}
.trehan{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:100%;font-weight:500;background-color:#ee335e}
.lido{font-size:14px;padding-top:10px;font-weight:400}
.lido span{color:red;font-weight:500}
.da-hoanthanh{color:#fff;font-size:12px;padding:0 5px;background:#03a8e6;display:inline-block;font-weight:400;margin-left:5px}
.chua-hoanthanh{color:#fff;font-size:12px;padding:0 5px;background:#ee335e;display:inline-block;font-weight:400;margin-left:5px}
.xemthem{width:120px;height:36px;line-height:36px;color:#fff;font-size:16px;font-weight:500;text-align:center;margin:20px auto;background:#03a8e6}
.danhsach-sbn li{width:100%;float:left;box-sizing:border-box;border-bottom:1px solid #d0d7e9}
.number-stt{width:40px;text-align:center;float:left;padding:10px 0}
.nd-dvc{width:calc(100% - 50px);float:left;padding:10px 0 10px 10px;box-sizing:border-box}
.treadmill{overflow:hidden}
.treadmill-unit{overflow:hidden;position:relative}
.header-logo{padding: 7px 0;min-width: 480px;}
.header-logo img{height: 64px;float:left;margin-right:15px;}
.slogan-1{display: inline-block;font-size: 26px;font-weight: 500;color: #fff;padding-top:3px}
.slogan-2{font-size: 16px;text-transform: uppercase;white-space: nowrap;color: #fff;font-weight: 500;padding-top: 5px;display: inline-block;}