/* ----------MENU------------- */

#ja-cssmenu {
    margin: 0;
    /* all lists */
    padding: 0;
    width: 100%;
}

#ja-cssmenu ul {
    margin: 0;
    /* all lists */
    padding: 0;

}

#ja-cssmenu li {
    margin: 0;
    /* all list items */
    padding: 0;
    /*float: left;
		display: block;*/
    background: none;
    cursor: pointer;
    overflow: visible;
    text-align: center;
}

#ja-cssmenu li:hover {
    background: #07c2fa;
}

#ja-cssmenu li ul {
    background: none;
    position: absolute;
    /* second-level lists */
    z-index: 99;
    left: -999em;
    /* using left instead of display to hide menus because display: none isn't read by screen readers */
    height: auto;

}

#ja-cssmenu li.menu-child-horizontal ul {
    margin: -2px 0 0 calc(-321px);
    max-width: calc(1124px) !important;
}

#ja-cssmenu li ul li.nganh-dao-tao ul {
    margin: -2px 0 0 calc(-318px);
    min-width: calc(1020px) !important;
}

#ja-cssmenu li ul ul {
    /* margin: -29px 0 0 20em; third-and-above-level lists */
    margin: -29px 0 0 calc(95%);
    /* width: calc(100%); */
    clear: both;
    display: inline-block;
    white-space: nowrap;
}

#ja-cssmenu li li {
    /*padding: 0 1em 0 0;*/
    padding: 0;
    margin: 0;
    text-align: center;

}

#ja-cssmenu ul a {
    width: 14.8em;
    w\idth: 10.8em;
}

#ja-cssmenu li:hover ul ul,
#ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul,
#ja-cssmenu li.havechildsfhover ul ul,
#ja-cssmenu li.havechild-activesfhover ul ul,
#ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul,
#ja-cssmenu li.havechildsfhover ul ul ul,
#ja-cssmenu li.havechild-activesfhover ul ul ul,
#ja-cssmenu li.activesfhover ul ul ul {
    left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul,
#ja-cssmenu li li:hover ul,
#ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul,
#ja-cssmenu li.havechildsfhover ul,
#ja-cssmenu li.havechild-activesfhover ul,
#ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul,
#ja-cssmenu li li.havesubchildsfhover ul,
#ja-cssmenu li li.havesubchild-activesfhover ul,
#ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul,
#ja-cssmenu li li li.havesubchildsfhover ul,
#ja-cssmenu li li li.havesubchild-activesfhover ul,
#ja-cssmenu li li li.activesfhover ul {
    left: auto;
}

.menu-title {
    display: block;
    cursor: pointer;
    font-size: 0.85rem;
}

#ja-cssmenu li ul a {
    border-right: 0;
    border-left: 0;
    margin: 0;
    padding: 7px 15px;
    background: none;
    font-weight: normal;
    line-height: inherit;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
    background: url(../../images/arrow.png) no-repeat 94% 50% #fff;
}


#ja-cssmenu ul li a.active,
#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
    font-weight: bold;
}


#ja-cssmenu li a:focus,
#ja-cssmenu li a:hover {
    color: #000 !important;
}

#ja-cssmenu li:hover,
#ja-cssmenu li:focus {
    background: none;
}

/* 2nd level and above */




#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:focus,
#ja-cssmenu li ul a:active {
    background: none;
    color: #fff;
}


/* 1st level */
#ja-cssmenu li a {
    color: #fff;
    /*padding: 7px 5px;*/
    padding: 3px 5px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    margin: 0;
    display: block;
    line-height: 2;
    text-decoration: none;
}


/* 2nd level and above */

#lien-he,
#lien-he li {
    width: 160px;
}

#lien-he {
    /*right:0;*/
}


#menu-child-horizontal {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #006cb6 !important;
    min-width: calc(615px) !important;
}

#menu-child-horizontal li {
    float: left;
    width: 325px ;
    height: 33px;
}

#menu-child-horizontal li a {
    padding: 7px 12px 7px 10px !important;
}


#nganh-dao-tao {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #006cb6 !important;
    min-width: calc(615px) !important;
}

#nganh-dao-tao li {
    float: left;
    width: 200px !important;
}

#nganh-dao-tao li a {
    padding: 7px 12px 7px 10px !important;
}

#vjit-chuong-trinh-dao-tao {
    min-width: calc(605px) !important;
}

#vjit-chuong-trinh-dao-tao li {
    float: left !important;
    width: 200px !important;
}

/*specific styles*/
ul.table {
    display: table !important;
    table-layout: fixed !important;
}

ul.table li {
    display: table-cell !important;
}

ul.table li li {
    display: block !important;
}

ul.table.autoLayout {
    table-layout: auto !important;
}

ul.table.autoLayout li li a {
    width: auto !important;
    /*padding: 5px !important;*/
}

ul.table.autoLayout.absSubMenus li ul {
    /*width: auto !important;*/
    position: absolute !important;
    /*top: 100% !important;*/
    z-index: 99 !important;
    height: auto !important;
    table-layout: auto !important;
}

#ja-cssmenu li ul {
    background: none repeat scroll 0 0 #006cb6;
    padding: 2px;
    border: 0px;
    min-width: 120px;

}

#ja-cssmenu li ul a {
    padding: 7px 7px 7px 10px;
    width: auto;
    text-transform: none;
    color: #000;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:focus,
#ja-cssmenu li ul a:active {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul a.active,
#ja-cssmenu li ul a.active:hover,
#ja-cssmenu li ul a.active:focus,
#ja-cssmenu li ul a.active:active {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul li {
    border-top: 1px solid #DEDBDB;
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: left;

}

/* ----------END MENU------------- */