/* Bengin header v2 */
.header{float:left;width:100%;position:relative;border-bottom:solid 1px #e6e6e6;background:#fff;padding:8px 0}
.header-logo{display:inline-block;vertical-align:middle}
.header-logo a{display:inline-block}
.header-logo img{display:inline-block;height:48px;width:172px;vertical-align:middle}
.header-right{float:right;top:7px;position:relative}
.fsize{color:#85868A;font-size:20px}
.all-menu1{display:inline-block;border:solid 1px #D7D8D9;padding:2px 8px;border-radius:8px;background:#FAFAFA;cursor:pointer}
.all-menu1:hover,.all-menu1.active{background:#EBEBEB}
.all-menu1 svg{display:inline-block;vertical-align:middle;margin-right:10px;position:relative;top:-1px}
.login-dropdown{display:inline-block;vertical-align:middle}
.div-login{display:inline-block}
.btn-login{display:inline-block;cursor:pointer;font-weight:bold}
.btn-login .svglogin{position:relative;top:-2px;display:none;vertical-align:middle}
.lvn-item{display:inline-block}
.lvn-item-text{display:inline-block;margin-left:12px;position:relative}
.lvn-item-login{display:inline-block;margin-left:16px}
.lvn-item-account{display:inline-block;margin-left:16px}
.thumb-user{float:left;position:relative;margin-right:10px}
.btn-thongbao{cursor:pointer;height:24px;width:24px;display:grid;place-items:center;position:relative;top:5px}
.btn-user-login{display:inline-block;cursor:pointer;position:relative}
.ic-userdown{border-color:#222 transparent transparent transparent;border-style:solid;border-width:6px 4px 0 4px;display:inline-block;vertical-align:middle;position:absolute;right:0;top:9px}
.avata-user{display:inline-block;width:24px;height:24px;border-radius:100%;vertical-align:middle}
.grid-profile{display:grid}
.name-user-text{font-size:14px;margin-bottom:2px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#a67942;max-width:100px;padding-right:12px;position:relative}
.ic-arowdown{border-color:#222 transparent transparent transparent;border-style:solid;border-width:6px 4px 0 4px;display:inline-block;vertical-align:middle}
.name-user-mail{font-size:12px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:168px}
.link-profile svg{margin-right:16px}
.link-chuyen-trang{display:block;border:solid 1px #ddd;border-radius:24px;padding:5px 8px;font-weight:bold;color:red;font-size:13px;background:#f2f2f2}
.hethan .link-chuyen-trang{display:block;border:solid 1px #ddd;border-radius:24px;padding:5px 8px;font-weight:bold;color:#474646 !important;font-size:13px;background:#f2f2f2}
.btn-pushbar-show{display:none;position:absolute;left:6px;top:4px;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}
.pushbar-logo{display:inline-block;position:relative;top:6px}
.pushbar-logo img{height:44px;width:158px;display:inline-block;vertical-align:middle}
.iconBadge{position:absolute;background:#ED1C24;height:10px;width:10px;display:grid;place-items:center;border-radius:100%;left:7px;bottom:-4px}
.thumb-user2{float:left;position:relative;margin-right:12px}
.thumb-user2 .iconBadge{left:9px;bottom:-5px;height:14px;width:14px}
.avata_profile{display:inline-block;width:32px;height:32px;border-radius:100%;vertical-align:middle}
.row-user-mail{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:185px;margin-top:4px}
.content-dropdown-login{background:#fff;display:none;position:absolute;z-index:9991;width:300px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);right:0;text-align:left}
.content-dropdown-login.show_dropdown{display:block}
.btn-nangcapgoi{display:block;background:#049f7f;color:#fff;text-align:center;border-radius:4px;padding:4px;font-weight:bold;font-size:14px}
.btn-nangcapgoi:hover{background:#0a846b;color:#fff}
.menu-nav svg{position:absolute;left:0;top:9px}
.view-more2 svg{top:-2px;margin-left:5px;position:relative;fill:#805827}
.close-more2 svg{top:-2px;margin-left:5px;position:relative;fill:#805827}
.btn-pushbar-close{height:40px;width:40px;line-height:40px;padding:0;margin:0;border:0;background:0;position:absolute;left:6px;text-align:center;top:9px;cursor:pointer;font-size:30px}
.viewnav{margin:12px 0;float:left;width:100%;position:relative;padding-top:6px}
.more-navsub2{float:left;margin:12px 0;width:100%;position:relative}
.view-navsub2{font-size:13px;color:#805827;cursor:pointer}
.view-navsub2 svg{top:-2px;margin-left:5px;position:relative;fill:#805827}
.close-navsub2{display:none;font-size:13px;color:#805827;cursor:pointer}
.close-navsub2svg{top:-2px;margin-left:5px;position:relative;fill:#805827}
.text-appstore2{width:60px;display:inline-block}
.icon-appstore2{display:inline-block;height:24px;vertical-align:middle}
.btn-link-search {
 float: right;
  font-weight: bold;
  position: relative;
  margin-top: 10px;
}
.sub-service:hover .ul-service {
    display: block;
}

.ul-service ul {
    float: left;
    margin: 0;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    border-radius: 4px;
    padding: 8px 16px;
    width: 270px
}

.ul-service li {
    list-style: inside;
    padding: 6px 0;
    font-size: 14px
}
/* End header v2 */
/* Bengin nav-menu-mega */
.nav-lvn { width:100%; float:left; background:#FAFAFA; border-bottom:solid 1px #e6e6e6; margin-bottom:16px }
.nav-lvn.stickymenu { top:0; width:100%; left:0; position:fixed; z-index:99;border-bottom: 1px solid #E5E5E5;-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1);  box-shadow: 0px 2px 8px rgba(0,0,0,0.1); }
.nav-main { position:relative; max-width:1200px; margin:0 auto }
.menu-bar { padding:0; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; margin:0 auto }
.menu-bar ul,.menu-bar li { padding:0; margin:0; list-style-type:none }
.menu-bar li { position:relative }
.menu-bar > li { margin-right:12px; position:relative; font-weight:400; color:#222222; transition-duration:200ms; transition-property:color; transition-timing-function:cubic-bezier(0.7,1,0.7,1) }
.menu-bar > li:last-child { margin-right:0 }
.menu-bar > li > a { display:block; padding:12px 0; font-size:16px; font-weight:bold }
.menu-bar ul { display:none; background:#fff; width:230px; position:absolute; z-index:99; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.5); padding:16px; border-radius:8px; border-top:solid 1px #a67942 }
.menu-bar ul a { display:block; padding:6px 0 }
.menu-bar > li:hover > ul { display:block }
.menu-bar svg { vertical-align:middle; display:inline-block; position:relative; top:-2px }
.menu-bar > li > a:hover,.menu-bar > li > a.active { color:#a67942 }
.menu-bar ul > li > a:hover,.menu-bar ul > li > a.active { color:#a67942 }
.menu-bar > li > a:hover .ic-arowdown,.menu-bar > li > a.active .ic-arowdown { border-color:#a67942 transparent transparent transparent }
.ic-enlg { height:12px; width:16px; border-radius:4px; margin-left:5px }
.all-menu2 { cursor:pointer; width:24px; height:40px; position:relative; top:6px; display:grid; place-items:center }
.all-menu2 svg:hover path,.all-menu2.active svg path { fill:#a67942 }
.menu-mega { display:none; position:absolute; z-index:99; background:#fff; width:100%; padding:16px; border-radius:8px; border-top:solid 1px #a67942; box-shadow:0 4px 8px 0 rgba(0,0,0,0.18) }
.menu-mega.open-menu { display:block }
.menu-mega-head { border-bottom:solid 1px #A2A3A6; padding-bottom:8px; width:100%; float:left }
.close-menu-mega {  float: right;  font-size: 16px;  position: absolute;  right: 16px;  top: 13px;  text-align: center;  cursor: pointer;}
.menu-mega-title { color:#85868A; text-transform:uppercase; font-size:16px }
.menu-mega-content {  display: flex;  float: left;  width: 100%;  max-height: 80vh;  overflow: auto;scrollbar-width: thin;  scrollbar-color: #e0e0e0 #fafafa;}
.menu-mega-right { float:right; width:22%; background:#fafafa; padding:16px }
.menu-mega-left { float:left; width:78%; border-right:solid 1px #A2A3A6 }
.row-mega { width:100%; float:left; border-bottom:solid 1px #A2A3A6; padding:16px 0 }
.row-mega:last-child { border-bottom:0; padding-bottom:0 }
.col-menuvb { float:left; width:22% }
.col-menunew { width:22%; float:left }
.col-menulinhvuc { width:56%; float:left; padding:0 16px }
.mega-title { font-size:16px; width:100%; float:left; font-weight:bold; color:#D61118; margin-bottom:12px }
.mega-title a { color:#D61118 }
.ul-menu-mega { font-size:14px; width:100%; float:left; margin:0; padding:0 }
.ul-menu-mega li { list-style:none; margin-bottom:6px }
.ul-menu-mega li:last-child { margin-bottom:0 }
.ul-menu-list { display:grid; width:100%; grid-column-gap:8px; grid-row-gap:6px; grid-template-columns:repeat(2,1fr); margin:0; padding-left:24px; font-size:14px }
.search-menulvvb { width:100%; float:left; position:relative; margin-bottom:16px }
.div-menu-list { width:100%; float:left }
.input.input-menulvvb { width:100%; padding-right:40px; height:36px; border-radius:5px; font-size:14px }
.btn-menulvvb { position:absolute; right:0; top:0; width:36px; height:36px; display:grid; place-items:center; cursor:pointer; z-index:1 }
.ul-menu-list2 { margin:0; width:100%; float:left; padding-left:24px; font-size:14px }
.ul-menu-list2 li { margin-bottom:7px }
.mega-title2 { width:100%; float:left; margin-bottom:12px; font-size:14px; font-weight:bold }
.more-menu { width:100%; float:left; margin-top:10px; border-top:solid 1px #D7D8D9; padding-top:10px }
.btn-more-menu { display:inline-block; font-size:14px; color:#85868A; cursor:pointer }
.btn-more-menu:hover { color:#a67942 }
.col-menuvb2 { width:25%; float:left; padding-right:16px }
.col-menuvb2:last-child { padding-right:0 }
.row-menu1 { padding:8px 0; float:left; width:100%; border-bottom:solid 1px #D7D8D9 }
.row-menu1:last-child { border-bottom:0 }
.row-menu1 > a { color:#D61118; font-size:16px; font-weight:bold }
.row-menu2 { padding:10px 0; float:left; width:100% }
.row-menu2 > a { color:#D61118; font-size:16px; font-weight:bold }
.iconnew {  margin-left: 5px;}
.icon-appstore { display:inline-block }
.icon-appstore img { display:inline-block; height:36px; vertical-align:middle }
.text-appstore { width:64px; display:inline-block }
.side-menu { position:fixed; width:64px; padding:16px 0; background:#FAFAFA; height:100%; text-align:center; border-right:solid 1px #F2F2F2; z-index:999 }
.side-menu-item { display:block; margin-bottom:40px; filter:grayscale(1) }
.side-menu-item:hover,.side-menu-item.active { filter:grayscale(0); color:#222 }
.side-menu-item span { display:block; font-size:12px; font-weight:bold; color:#666; margin-top:5px }
.app-icon2 p{padding:3px 0}
.link-socal{margin-right:12px}
.svguser {
    margin-right: 5px;
    position: relative;
    top: -2px;
    margin-left: 10px;
}
/* End nav-menu-mega */
@media only screen and (max-width:1280px) {
.side-menu { display: none}
}
@media only screen and (max-width:960px) {
/* Bengin header v2 */
.header{text-align:center;margin-bottom:12px}
.header-logo img {  height: 44px;  width: 158px;}
.nav-lvn{display:none}
.btn-login .svglogin{display:inline-block}
.btn-pushbar-show{display:inline-block}
.header-logo{display:inline-block;vertical-align:middle}
.header-logo a{display:inline-block}
.header-right{position:absolute;right:16px;top:5px}
.avata-user{width:32px;height:32px;margin:0}
.btn-login.m-top{top:5px;position:relative}
.btn-login.fixmobi{position:absolute;right:8px;top:11px;width:36px;height:36px;text-align:center;display:grid;place-content:center}
.thumb-user{float:none;margin-right:0;display:inline-block;vertical-align:middle}
.iconBadge{left:11px;bottom:-4px}
/* End header v2 */
}
.section-header {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 16px
}

.section-content {
    float: left;
    width: 100%;
    position: relative
}
.tooltip-vb-text {
    display: none;
    position: absolute;
    z-index: 9999;
    min-width: 96px;
    color: #222;
}
.tooltip-vb:hover .tooltip-vb-text {
    display: block;
}

.tooltip-vb-content {
    background: #fff;
    border: solid 1px #ccc;
    padding: 12px;
    text-align: left;
    width: 400px
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@keyframes spinner-border {
    100% {
        transform: rotate(360deg);
    }
}