﻿/* Action Menu collapse */

#actionMenu {
    background: #343d49;
}

@media screen and (min-width: 770px) {

    #actionMenu {
        min-height: calc(100vh - 70px);
        height: 100%;
    }

    #menucollapse {
        min-width: 260px;
    }
}

#menucollapse ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    #menucollapse ul li {
        cursor: pointer;
        padding: 10px 20px;
    }

        .nav-item.active, 
        #menucollapse ul li:hover {
            background: rgba(0, 0, 0, .2);
        }


/* hidden panels toggled by the action menu */
div.panel-toggle {
    display: none;
}