/* Complemento visual y funcional para los submenús laterales. */
.dashboard-sideBar-Menu > li > ul {
    display: none;
    height: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
}

.dashboard-sideBar-Menu > li.open > ul,
.dashboard-sideBar-Menu > li.show > ul,
.dashboard-sideBar-Menu > li > ul.show,
.dashboard-sideBar-Menu > li > ul.show-sideBar-SubMenu {
    display: block !important;
    height: auto !important;
    max-height: 2000px !important;
    overflow: visible !important;
    padding-top: 7px;
    visibility: visible !important;
    opacity: 1 !important;
}

.dashboard-sideBar-Menu > li > a.btn-sideBar-SubMenu {
    cursor: pointer;
    user-select: none;
}

.dashboard-sideBar-Menu > li > a.btn-sideBar-SubMenu .zmdi-caret-down {
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .2s ease-in-out;
}

.dashboard-sideBar-Menu > li.open > a.btn-sideBar-SubMenu .zmdi-caret-down,
.dashboard-sideBar-Menu > li.show > a.btn-sideBar-SubMenu .zmdi-caret-down,
.dashboard-sideBar-Menu > li > a.btn-sideBar-SubMenu.submenu-open .zmdi-caret-down {
    transform: rotate(180deg);
}

.dashboard-sideBar-Menu a.active {
    font-weight: 700;
    background-color: rgba(255, 255, 255, .12);
    border-left: 4px solid #ffd200;
}

.dashboard-sideBar-Menu > li.open > a.btn-sideBar-SubMenu,
.dashboard-sideBar-Menu > li.show > a.btn-sideBar-SubMenu {
    background-color: rgba(255, 255, 255, .10);
}