/**
 * TMS Content Management System
 * @version 4.x
 * @author TMS Holdings <contact@thuongmaiso.vn>
 * @copyright (C) 2009-2021 TMS Holdings. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://thuongmaiso.vn
 */

/* C&#1043;&#1038;c t&#1043;&#8470;y ch&#1073;»‰nh CSS c&#1073;»§a giao di&#1073;»‡n n&#1043;&#1028;n &#1044;‘&#1073;»&#1107; v&#1043; o &#1044;‘&#1043;&#1118;y */
body{
-moz-user-select: none !important;
-webkit-touch-callout: none!important;
-webkit-user-select: none!important;
-khtml-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;
}

pre {
    background: none !important;
    border: none !important;
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.42857143;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}


/* Desktop mega menus for Services, Countries and Knowledge */
@media (min-width: 992px) {
  .wsmenu{overflow:visible!important;z-index:1200}
  .wsmenu-list>li:nth-child(3)>ul.sub-menu,
  .wsmenu-list>li:nth-child(4)>ul.sub-menu,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu{
    position:absolute!important;top:calc(100% - 2px)!important;right:0!important;left:auto!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;
    width:900px!important;max-width:calc(100vw - 40px)!important;min-width:0!important;
    margin:0!important;padding:20px 26px!important;
    border:1px solid #d8e2ed!important;border-top:3px solid #e97015!important;border-radius:0 0 7px 7px!important;
    background:#fff!important;box-shadow:0 18px 42px rgba(7,27,53,.22)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(10px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important
  }
  .wsmenu-list>li:nth-child(3):hover>ul.sub-menu,
  .wsmenu-list>li:nth-child(4):hover>ul.sub-menu,
  .wsmenu-list>li:nth-child(5):hover>ul.sub-menu,
  .wsmenu-list>li:nth-child(3):focus-within>ul.sub-menu,
  .wsmenu-list>li:nth-child(4):focus-within>ul.sub-menu,
  .wsmenu-list>li:nth-child(5):focus-within>ul.sub-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
  }
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li{
    float:none!important;width:auto!important;margin:0!important;padding:0!important;
    border-bottom:1px solid #e7edf4!important;background:transparent!important
  }
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li:nth-last-child(-n+2),
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li:nth-last-child(-n+2){border-bottom:0!important}
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li>a,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li>a{
    display:flex!important;align-items:flex-start!important;gap:8px!important;min-height:48px!important;
    padding:11px 2px!important;white-space:normal!important;color:#193556!important;
    font-size:14px!important;font-weight:600!important;line-height:1.38!important
  }
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li>a:hover,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li>a:hover{color:#e97015!important;background:transparent!important}
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li>a i,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li>a i{margin:2px 0 0!important;color:#e97015!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu{
    width:940px!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;padding:22px 24px!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu{
    float:none!important;width:auto!important;margin:0!important;padding:14px!important;
    border:1px solid #dce5ef!important;border-radius:4px!important;background:#f8fafc!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>a{
    display:block!important;margin:0!important;padding:0 0 9px!important;border-bottom:1px solid #dce5ef!important;
    color:#0b2344!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>a>i{display:none!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu{
    position:static!important;display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:7px 0 0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li{
    float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li>a{
    display:flex!important;align-items:flex-start!important;gap:7px!important;padding:7px 0!important;
    color:#37516e!important;font-size:13px!important;font-weight:600!important;line-height:1.32!important;white-space:normal!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li>a:hover{color:#e97015!important;background:transparent!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li>a i{margin:2px 0 0!important;color:#e97015!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>.wsmenu-click02{display:none!important}
}



/* Navy and orange visual accents for desktop mega menus */
@media (min-width: 992px) {
  .wsmenu-list>li:nth-child(3)>ul.sub-menu:before,
  .wsmenu-list>li:nth-child(4)>ul.sub-menu:before,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu:before{
    grid-column:1/-1;display:block;padding:11px 14px!important;
    border-left:4px solid #e97015!important;border-radius:3px!important;
    background:linear-gradient(90deg,#edf4fb,#f8fafc)!important;
    color:#0b2344!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important
  }
  .wsmenu-list>li:nth-child(3)>ul.sub-menu:before{content:"D&#7883;ch v&#7909; theo nhu c&#7847;u doanh nghi&#7879;p"}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu:before{content:"Qu&#7889;c gia v&#1072; v&#1097;ng t&#1072;i ph&#1073;n"}
  .wsmenu-list>li:nth-child(5)>ul.sub-menu:before{content:"Ki&#7871;n th&#7913;c doanh nghi&#7879;p qu&#7889;c t&#7871;"}
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li>a:hover,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li>a:hover{
    padding-left:9px!important;color:#e97015!important;
    box-shadow:inset 3px 0 0 #e97015!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu{
    border-top:3px solid #173e70!important;background:linear-gradient(180deg,#f7fbff,#fff)!important
  }
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>a{color:#0b2344!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li>a:hover{
    padding-left:6px!important;color:#e97015!important
  }
}

@media (min-width: 992px){.wsmenu-list>li:nth-child(3)>ul.sub-menu:before{content:"D\1ecb ch v\1ee5  theo nhu c\1ea7 u doanh nghi\1ec7 p"!important}.wsmenu-list>li:nth-child(4)>ul.sub-menu:before{content:"Qu\1ed1 c gia v\e0  v\f9 ng t\e0 i ph\e1 n"!important}.wsmenu-list>li:nth-child(5)>ul.sub-menu:before{content:"Ki\1ebf n th\1ee9 c doanh nghi\1ec7 p qu\1ed1 c t\1ebf "!important}}



/* Do not render generated menu headings: menu labels must remain CMS text only */
@media (min-width: 992px) {
  .wsmenu-list>li:nth-child(3)>ul.sub-menu:before,
  .wsmenu-list>li:nth-child(4)>ul.sub-menu:before,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu:before{content:none!important;display:none!important;padding:0!important;border:0!important;margin:0!important}
}



/* Readable, CMS-only mega menu labels */
@media (min-width: 992px) {
  .wsmenu-list>li:nth-child(3)>ul.sub-menu:before,
  .wsmenu-list>li:nth-child(4)>ul.sub-menu:before,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu:before{content:none!important;display:none!important}
  .wsmenu-list>li:nth-child(3)>ul.sub-menu>li>a,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu>li>a{font-size:15px!important;line-height:1.45!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>a{font-size:16px!important}
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu>li>a{font-size:14px!important;line-height:1.42!important}
}



/* Keep nested country links inert until the country mega menu is actually open */
@media (min-width: 992px) {
  .wsmenu-list>li:nth-child(4)>ul.sub-menu>li.dropdown-submenu>ul.sub-menu{
    visibility:inherit!important;pointer-events:none!important
  }
  .wsmenu-list>li:nth-child(4):hover>ul.sub-menu>li.dropdown-submenu>ul.sub-menu,
  .wsmenu-list>li:nth-child(4):focus-within>ul.sub-menu>li.dropdown-submenu>ul.sub-menu{
    visibility:visible!important;pointer-events:auto!important
  }
}



/* Hard-close mega panels: no invisible layer can ever receive a click */
@media (min-width: 992px) {
  .wsmenu-list>li:nth-child(3)>ul.sub-menu,
  .wsmenu-list>li:nth-child(4)>ul.sub-menu,
  .wsmenu-list>li:nth-child(5)>ul.sub-menu{display:none!important}
  .wsmenu-list>li:nth-child(3):hover>ul.sub-menu,
  .wsmenu-list>li:nth-child(4):hover>ul.sub-menu,
  .wsmenu-list>li:nth-child(5):hover>ul.sub-menu,
  .wsmenu-list>li:nth-child(3):focus-within>ul.sub-menu,
  .wsmenu-list>li:nth-child(4):focus-within>ul.sub-menu,
  .wsmenu-list>li:nth-child(5):focus-within>ul.sub-menu{
    display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
  }
}