/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/* ---------------------------------------------------------------------------
 * Menu ngang (#menu-site-default): cấp 3, 4... xổ ngay bên dưới mục cha
 * (dạng accordion, thụt lề) thay vì bay sang bên phải.
 * ------------------------------------------------------------------------- */
#menu-site-default .dropdown-menu li.dropdown-submenu,
#menu-site-default ul.dropdown-menu li:hover > ul.dropdown-menu > li.dropdown-submenu {
    height: auto;
}

#menu-site-default .dropdown-menu .dropdown-menu > li,
#menu-site-default ul.dropdown-menu li:hover > ul.dropdown-menu .dropdown-menu > li {
    height: auto;
    padding: 0;
}

#menu-site-default .dropdown-menu .dropdown-submenu > .dropdown-menu,
#menu-site-default li.dropdown-submenu:hover > ul.dropdown-menu {
    position: static;
    float: none;
    display: none;
    left: auto;
    top: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 3px solid #be3455;
    border-radius: 0;
    box-shadow: none;
    background: #f5f5f5;
}

#menu-site-default .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

#menu-site-default .dropdown-menu .dropdown-menu > li > a {
    padding-left: 30px !important;
}

#menu-site-default .dropdown-menu .dropdown-menu .dropdown-menu {
    background: #ebebeb;
}

#menu-site-default .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
    padding-left: 40px !important;
}

/* Mũi tên của mục có cấp con: chỉ xuống, xoay lên khi đang mở */
#menu-site-default .dropdown-submenu > a:after {
    border-width: 5px 5px 0 5px;
    border-color: #be3455 transparent transparent transparent;
    margin-top: 6px;
    margin-right: 0;
    margin-left: 10px;
    transition: transform .2s ease;
}

#menu-site-default .dropdown-submenu:hover > a:after {
    transform: rotate(180deg);
}

/* ---------------------------------------------------------------------------
 * Menu mobile (khung trượt #mySidepanel, metisMenu): mũi tên thành nút riêng
 * ở bên phải mỗi dòng, cấp con thụt lề và đổi nền để phân biệt với cấp cha.
 * ------------------------------------------------------------------------- */
#mySidepanel .metismenu .sidebar-nav li {
    position: relative;
}

/* style.css ép padding của .sidepanel a bằng !important nên ở đây cũng phải dùng !important */
#mySidepanel .metismenu .sidebar-nav li > a {
    padding-top: 13px !important;
    padding-right: 46px !important;
    padding-bottom: 13px !important;
    line-height: 18px;
}

#mySidepanel .metismenu .sidebar-nav li > .expand {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    float: none;
    width: 46px !important;
    height: 44px;
    line-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    text-align: center;
}

/* Cấp 3, 4, 5 (ul đầu tiên là cấp 1, ul ul là cấp 2) */
#mySidepanel .metismenu .sidebar-nav ul ul ul a {
    padding-left: 28px !important;
    background: #26367f;
}

#mySidepanel .metismenu .sidebar-nav ul ul ul ul a {
    padding-left: 42px !important;
    background: #314394;
}

#mySidepanel .metismenu .sidebar-nav ul ul ul ul ul a {
    padding-left: 56px !important;
    background: #3c50a8;
}

#mySidepanel .metismenu .sidebar-nav ul ul a:hover,
#mySidepanel .metismenu .sidebar-nav ul ul a:focus {
    background: #ddd;
}