.DropdownMenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.DropdownMenu .MenuList li {
        /* display: block; */
        /* float: left; */
        /* list-style: outside none none; */
}
.DropdownMenu ul.MenuList li.sub img {
    display: none;
}
.DropdownMenu .MenuList>li:last-child{
        border-right: none;
}


.DropdownMenu .MenuList .TopMenu .HasChildren:after, .DropdownMenu .MenuList .TopMenuActive .HasChildren:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        margin-bottom: 3px;
}
.DropdownMenu .MenuList .TopMenu a:hover,
.TopMenuActive a:hover {
        /* height: 45px; */
}
.DropdownMenu .MenuList .TopMenu:hover a {
        text-decoration: none;
}
.DropdownMenu .MenuList .AdvanceBar>i{
       font-size: 22px;
       color: #fff;
       padding: 10px 0;
       cursor: pointer;
}
.DropdownMenu .MenuList .Dropdown li a:hover {
        color: #fdf418;
        background: none;
}
.DropdownMenu .MenuList li.LanguageMenu img {
        width: 35px;
}
.DropdownMenu .MenuList li.LanguageMenu img[style*="border-bottom: 2px solid rgb(255, 235, 59)"] {
        width: 38px;
        border: 1px solid rgb(255 235 59 / 54%) !important;
}
.DropdownMenu {
    height: 45px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #cccccc;
    background-color: var(--color-primary);
}
.DropdownMenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.DropdownMenu .MenuList {
        margin: 0 auto;
        width: 1200px;
        position: relative;
        max-width: 100vw;
        flex-direction: row;
        display: flex;
}
.DropdownMenu .MenuList li {
        /* display: block; */
        float: left;
        list-style: outside none none;
        /* margin: 0  10px; */
        padding: 0px 10px;
        /* margin-right: 1px; */
}
.DropdownMenu .MenuList>li:first-child{
        margin-left: 0;
        /* max-width: 120px; */
        float: inline-start;
        /* padding-left: 0; */
        /* border-radius: 50%; */
        padding: 0 5px;
        /* clip-path: circle(); */
        /* padding-left: 0; */
}
.DropdownMenu .MenuList>li:first-child>a{
        
}
.DropdownMenu ul.MenuList img {
    max-width: 20px;
    /* margin-right: 5px; */
}
.DropdownMenu .MenuList>li:last-child{
        border-right: none;
}
.DropdownMenu .MenuList .TopMenu {
        position: relative;
}
.DropdownMenu .MenuList .TopMenuActive, .DropdownMenu .MenuList .TopMenu:hover {
    position: relative; 
    background-color: #7dbae94d;
}

li.TopMenuActive {}

.DropdownMenu .TopMenu span, .DropdownMenu .TopMenuActive span {
        font-family: Inter;
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        color: #ffffff;
        text-transform: uppercase;
}
.DropdownMenu>.MenuList>li>a>span[class*='trang-chu']{
        /* display: none; */
} 
.DropdownMenu .MenuList .TopMenu a,.DropdownMenu .MenuList .TopMenuActive a  {
    display: inline-block;
    height: 100%;
    padding: 10px 0;
    color: #ffffff;
}

a.HasChildren {}
.DropdownMenu .MenuList .Dropdown {
        color: #fff;
        left: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        z-index: 1000;
        overflow: unset !important;
        background-color: rgba(255,255,255,1);
        box-shadow: -1px 3px 3px 0 rgb(0 0 0 / 30%);
        border: 1px solid #fff;
        /* column-count: 1; */
        min-width: 280px;
        display: block;
}
.DropdownMenu .MenuList .Dropdown .sub {
    display: block;
    min-height: 45px;
    position: relative;
    width: 100%;
    margin: 1px 0px;
}
.DropdownMenu .MenuList .Dropdown>.sub{
        padding: 0 10px;
        border-bottom: 1px solid #f9f9f9;
}
.DropdownMenu .MenuList .Dropdown>.sub span{
        color: #004A82;
}
.DropdownMenu .MenuList .Dropdown>.sub:after {
        display: none;
        content: "";
        width: 80px;
        height: 2px;
        background: var(--bg-blue);
        left: 0;
        position: absolute;
        top: 42px;
        transition: width .1s;
}
.DropdownMenu .MenuList .Dropdown>.sub:hover:after{
        width: 100px;
}
.DropdownMenu .MenuList .Dropdown>.sub:last-child{
        border-bottom: none;
}
.DropdownMenu .MenuList .Dropdown .sub:hover {
    background: #0068b447 none repeat-x scroll left top;
    cursor: pointer;
}
.DropdownMenu .MenuList .Dropdown>.sub a {
        color: #212529;
        display: block;
        height: 45px;
        margin: 0;
        padding: 0;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: nowrap;
        font-weight: 600;
        font-size: 15px;
        line-height: 45px;
}
.DropdownMenu .MenuList .Dropdown>.sub>a.HasChildren:after{
        transform: rotate(-90deg);
        margin-bottom: 3px;
}
.DropdownMenu .MenuList .Popup {
        background: #ecedef none repeat scroll 0 0;
        display: inline-block;
        left: 100%;
        position: absolute;
        top: 0;
        min-width: 200px;
        width: auto;
        z-index: 1001;
}
.DropdownMenu .MenuList .Popup .sub {
        position: relative;
        border-left: 1px solid #ddd;
        padding: 0 10px;
}
.DropdownMenu .MenuList .Popup .sub a {
        padding-right: 10px;
        font-weight: 600;
        font-size: 15px;
}
.DropdownMenu .MenuList .TopMenu.AdvanceBar {
        position: unset;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone {
        background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);
        background-color: #e8e8e8;
        position: absolute;
        top: 100%;
        height: 600px;
        width: 1200px;
        right: 0;
        z-index: 99;
        /* border-top: 0; */
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        /* column-count: 3; */
        padding: 20px;
        display: grid;
        /* grid-auto-flow: row; */
        grid-template-columns: repeat(3, minmax(100px, 3fr));
        /* grid-template-rows: repeat(10, minmax(100px, 1fr)); */
        column-gap: 20px;
        row-gap: 20px;
        overflow: auto;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem{border-bottom: 1px solid var(--color-primary);/* height: auto; *//* width: 100%; *//* display: inline-block; *//* margin-bottom: 20px; */grid-column: 1 span;/* grid-row: 1 span; *//* flex-grow: 1; */float: left;/* margin-right: 20px; *//* overflow: scroll; */}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>a{
        height: auto;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>a>span{
        font-size: 18px;
        color: var(--color-primary);
        white-space: normal;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown{
        display: flex;
        flex-direction: column;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li{
        padding: 8px 0;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>a{
        padding: 0 0 0 20px;
        background: url(images/chuamotcot.png) no-repeat left;
        background-size: 20px;
        filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -moz-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -o-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -ms-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        /* padding-left: 20px; */
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>a>span{
        font-weight: 500;
        font-size: 14px;
        color: #213121;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>.Popup{
        position: unset;
        background: transparent;
        min-width: unset;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>.Popup>.sub{
        border: 0;
        margin: 0 0 0 20px;
        padding: 0 0 0 20px;
        width: 100%;
        background: url(images/chuamotcot.png) no-repeat left;
        background-size: 20px;
        filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -moz-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -o-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -ms-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>.Popup>.sub>a>span{
        font-weight: 500;
        color: #231231;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem .HasChildren:after, .DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem .HasChildren:after{
        color: var(--color-primary);
}
.DropdownMenu .MenuList .Dropdown li a:hover {
        color: var(--bg-blue);
        background: none;
}
.DropdownMenu .MenuList li.LanguageMenu {
        height: 45px;
        padding: 0 15px;
        gap: 3px;
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
        .DropdownMenu, .DropdownMenu .MenuList{
                max-width: 100vw;
                width: 100%;
                left: 0;
        }
        .DropdownMenu .MenuList{
                /* flex-wrap: wrap; */
                padding: 0 5px;
                justify-content: flex-start;
                /* gap: 20px; */
                display: inline-block;
        }
        .DropdownMenu .MenuList>li{
                margin: 0;
                margin-right: 5px;
        }
        .DropdownMenu .TopMenu span, .DropdownMenu .TopMenuActive span{
                font-size: 0.7em;
                white-space: nowrap;
        }
}

@media only screen and (max-width: 768px){
        div.DropdownMenu .TopMenuActive::after {
                width: 100%;
        }
        div.DropdownMenu ul.MenuList li a {
                padding: 0px !important;
        }
        .DropdownMenu {
                border: none;
        }
        .DropdownMenu div.navbar-button {
                position: static;
                background: transparent;
                margin: 0px;
                border-left: 1px solid #eeeeee;
                margin-right: 0px;
                margin-left: 0;
                order: 1;
                padding: 0px 14px !important;
                height: 25px;
                /* width: unset !important; */
                width: 46px !important;
                z-index: 1;
        }
        div.DropdownMenu {
                width: 1160px; /*  unset !important;*/
                position: static !important;
                order: 4;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                padding: 5px 0;
                background: var(--color-primary);;
                /* margin: 5px 10px !important; */
                margin-bottom: 0px !important;
                min-height: unset;
        }
        .DropdownMenu .navbar-button span{
                background: #ffffff !important;
                width: 14px !important;
                height: 2px !important;
                margin: 1.5px !important;
        }
        div.DropdownMenu>ul.MenuList {
                max-height: 50vh !important;
                width: 100% !important;
                height: auto !important;
                box-shadow: none;
                order: 2;
                position: relative;
                margin-top: 4px !important;
                /* border-bottom: 1px solid #eeeeee; */
                padding: 0px !important;
                left: 0;
                z-index: 0;
                border: 1px solid #eeeeee;
                border-top: 0;
        }
        .DropdownMenu .navbar-button span[style="margin: -2px; transform: rotate(45deg);"] {
                background: white !important;
                height: 2px;
                margin: -1px !important;
        }
        .DropdownMenu .navbar-button span[style="margin: -2px; transform: rotate(-45deg);"] {
                background: white !important;
                height: 2px;
                margin: -1px !important;
        }
        .DropdownMenu .TopMenu span, .DropdownMenu .TopMenuActive span {
                /* font-family: Roboto; */
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 21px;
                color: #3D4043 !important;
        }
        div.DropdownMenu .TopMenuActive::after {
                display: none;
        }
        .DropdownMenu ul.MenuList li a span {
                flex: none !important;
        }
        .DropdownMenu .MenuList .TopMenuActive a>span {
        color: #1259A0;
    }
        .DropdownMenu .MenuList .Dropdown {
        column-count: 1;
        padding: 10px 0 0 0;
        box-shadow: none;
        }
        .DropdownMenu .MenuList>li+li:before{
                display: none;
        }
        .DropdownMenu:before {
                content: '';
                display: none;
                width: 100vw;
                height: 42px;
                position: absolute;
                top: 0;
                right: 50%;
                transform: translateX(50%);
                background-image: url('images/menu.png');
                z-index: -1;
        }
        .DropdownMenu .MenuList li.TopMenuActive{
                background: #fff;
        }
        /* CTO - Cap nhat css*/
        /*.DropdownMenu .MenuList li img{
                display: none !important;
        }*/
        .DropdownMenu .MenuList li.TopMenuActive, .TopMenu:first-child{
                background: #fff;
        }
        .DropdownMenu .MenuList .Dropdown .Popup .sub span {
                color: #343a40;
        }

        .DropdownMenu .MenuList .Dropdown{
                border: none;
        }
        .DropdownMenu .MenuList li.TopMenuActive:before {
   display: none !important;
}
.DropdownMenu .MenuList > li:first-child > a > span {
    display: block;
}
.DropdownMenu .MenuList > li:first-child > a:before {
    display: none;
}
    .DropdownMenu .MenuList .TopMenu, .DropdownMenu .MenuList .TopMenuActive {
        padding: 0 10px;
        background: transparent;
        padding: 10px!important;
        border-top: 1px solid #e2e7ed !important;
    }
    .DropdownMenu .MenuList .Dropdown>.sub {
        background: transparent;
        border-top: 1px solid #E2E7ED !important;
        min-height: unset;
    }
}

.UIServiceCategory_cot .ServiceCategory .Title #sccthongtinchuyende,
.YoutubePlayer .Header .Text,
tr .UITabArticle_defaulthome .SingleTab .Header .HeaderWrap .text > a {
  text-transform: uppercase;
}