.VerticalMenuControl li a {
        display: inline-block;
        font-weight: 600;
}
.VerticalMenuControl li span {
        display: inline-block;
        white-space: nowrap;
}
.VerticalMenuControl {
        margin-bottom: 10px;
        border: 1px solid #ddd;
        background: #fff;
        padding: 5px 3px;
}
.VerticalMenuControl .title{
        text-transform: uppercase;
        font-weight: 600;
        padding: 5px 10px;
        background: url(images/huyhieu.gif) no-repeat 0 5px;
        padding-left: 35px;
        margin-bottom: 0;
        margin-top: 5px;
        display: inline-block;
        border-bottom: 1px solid;
}
.VerticalMenuControl ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.VerticalMenuControl .top > a {
        color: #fff;
        display: inline-block;
        padding-left: 15px;
}
.VerticalMenuControl .MenuList li.top:hover > a {
        color: #fff;
}
.VerticalMenuControl ul .sublink {
        list-style: outside none none;
}
.VerticalMenuControl .MenuList li.top:hover {
        width: 100%;
        background: #1a4a99;
}
.VerticalMenuControl .Menulist {
        margin: 0;
        padding: 0;
        width: 100%;
}
.VerticalMenuControl .MenuList li.top {
        background: #4172c3;
        margin: 1px 0;
        padding: 6px 0;
        position: relative;
        /* border-bottom: 1px solid #e4e3e3; */
        border-radius: unset;
}
.VerticalMenuControl .MenuList li.top:last-child {
        /* border-radius: 0 0 10px; */
        border: none;
}
.VerticalMenuControl .MenuList .top a.sublink {
        color: #ffffff;
        font-size: 13px;
        /* font-weight: bold; */
        line-height: 1.4;
        text-decoration: none;
        text-align: left;
        padding-right: 15px;
}
.VerticalMenuControl .MenuList .top:hover .second {
        /* background: none repeat scroll 0 0 #ffffff; */
        border-right: 1px solid #96a3b4;
        border-top: 1px solid #96a3b4;
        display: block !important;
        left: 100%;
        position: absolute;
        top: 0;
        width: 250px;
        z-index: 50;
}
.VerticalMenuControl .MenuList .top .second {
        display: none;
}
.VerticalMenuControl .MenuList .second .sub:hover {
        background: none repeat scroll 0 0 #00afea;
}
.VerticalMenuControl .MenuList .second .sub:hover a {
        color: #ffffff !important;
}
.VerticalMenuControl .MenuList .second .sub {
        background: none repeat scroll 0 0 #fff;
        border-bottom: 1px solid #96a3b4;
        display: block;
        position: relative;
}
.VerticalMenuControl .MenuList .dropdown {
        left: 100%;
        background: #4172c3;
        position: absolute;
        top: 0;
        min-width: 230px;
        z-index: 50;
        border-left: 1px dashed #d0c031;
        margin-right: 1px;
        /* padding:6px; */
}
.VerticalMenuControl .MenuList > li > ul{
   /* display: block !important; */
   background: #1b67d3;
   /* left: 0% !important; */
   /* position: static !important; */
}
.VerticalMenuControl .MenuList > li > a.sublink.has-sub::after {
    content: "";
}
.VerticalMenuControl .MenuList > li.top {
    /* background: #0288D1 !important; */
    /* border-top-left-radius: 5px; */
    /* border-top-right-radius: 5px; */
    padding: 8px 0;
}
.VerticalMenuControl > .MenuList > li.top:first-child a{
    /* margin: 0px; */
    /* text-transform: uppercase; */
    /* text-align: center; */
    /* color: white; */
}
.VerticalMenuControl > .MenuList > li.top:first-child{
    /* text-align: center; */
    /* background: #e0641c; */
    /* margin-bottom: 10px; */
    /* border-bottom: 2px solid #FF8000; */
    /* border-top-left-radius: 5px; */
    /* border-top-right-radius: 5px; */
}
.VerticalMenuControl .MenuList > li.top > a.sublink.has-sub {
    width: 100%;
    /* text-align: center; */
    /* line-height: 34px; */
    /* height: 34px; */
    /* border-bottom: 2px solid #FF8000; */
}
.VerticalMenuControl .MenuList > li.top > a.sublink.has-sub:before{
    content: "\f105";
    position: absolute;
    right: 5px;
    font-size: 22px;
    color: var(--bg-blue-weight);
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 15px;
    top: 12px;
} 
.VerticalMenuControl .MenuList .dropdown a.sublink {
        color: #fff;
        padding-left: 15px;
}
.VerticalMenuControl .MenuList .dropdown .sub:hover{
     background: #1a4a99;
}
.VerticalMenuControl .MenuList .dropdown .sub {
        /* background: url("images/navigation_bg.jpg") repeat; */
        /* margin: 1px 0; */
        padding: 8px 0;
        position: relative;
        border-bottom: 1px solid #e4e3e3;
        border-radius: unset;
        a.sublink.has-sub {
    padding-right: 15px;
};
}
.VerticalMenuControl .MenuList .dropdown .sub:hover {
        /* background: none repeat scroll 0 0 #E35002; */
}
.VerticalMenuControl .MenuList .dropdown .sub:hover > a {
        color: #fff;
}
.VerticalMenuControl .MenuList .dropdown .sub .dropdown {
        left: 100%;
        position: absolute;
        top: 0;
        width: 100%;
}
.VerticalMenuControl ul li ul li {
}
.VerticalMenuControl ul li ul li a {
        color: #fff;
        font-size: 14px;
        /* text-transform: uppercase; */
        font-weight: 600;
        /* line-height: 45px; */
        text-decoration: none;
        padding-left: 15px;
}
.VerticalMenuControl ul li:has(.dropdown) > a::after {
    content: "\f105";
    position: absolute;
    right: 5px;
    font-size: 22px;
    color: var(--bg-blue-weight);
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 15px;
    top: 12px;
}
.VerticalMenuControl .MenuList .top .hassub {
        background: url("images/d.png") no-repeat scroll right center rgba(0, 0, 0, 0);
        width: 85%;
}
.VerticalMenuControl a.sublink.has-sub::after {
        content: "\f105";
        position: absolute;
        right: 5px;
        font-size: 22px;
        color: var(--bg-blue-weight);
        font-family: "Font Awesome 5 Pro";
        font-weight: normal;
        font-size: 15px;
        top: 12px;
}
.VerticalMenuControl .MenuList .dropdown .sub:last-child{
        border-bottom: none;
}
.VerticalMenuControl .MenuList .top a.sublink.has-sub{
        padding-right: 15px;
}
@media only screen and (max-width: 1023px){
        div.VerticalMenuControl {
                /* padding: 0 10px !important; */
                margin-bottom: 10px;
                border: none;
                background: #fff;
                /* display: none; */
                padding: 0;
        }
        div.VerticalMenuControl .MenuList .top a.sublink {
                /* line-height: 45px !important; */
                padding-top: 0 !important;
                padding-left: 10px;
        }
}
.VerticalMenuControl .MenuList .top .second {
    /* display: unset !important; */
}
.VerticalMenuControl .MenuList .second .sub {
    display: block;
    position: relative;
    background: url(images/navigation_bg.jpg) repeat;
    margin: 1px 0;
    padding: 6px 0;
    position: relative;
    border-bottom: 1px solid #e4e3e3;
    border-radius: unset;
}
}