/* Admin Collapsible Sidebar */
@media screen and (min-width: 768px) {
    /* Контент смещён под суженную панель */
    #content {
        width: calc(100% - 56px) !important;
        margin-left: 56px !important;
        transition:
            margin-left 0.2s,
            width 0.2s;
    }

    /* Sidebar в закрытом состоянии */
    #column-left {
        width: 58px;
        padding-top: 64px;
        transition: width 0.2s;
        z-index: 10; /* чтобы меню было выше контента */
    }

    #column-left #navigation {
        display: none;
    }

    #column-left #menu li {
        white-space: nowrap;
    }

    #column-left #menu li i,
    #column-left #navigation span {
        margin-right: 128px;
        transition: margin-right 0.2s;
    }

    #column-left #menu li a.collapsed:after,
    #column-left #menu li a.parent:after,
    #column-left #stats {
        transition: opacity 0.2s;
        opacity: 0;
    }

    #column-left #stats li {
        white-space: nowrap;
        overflow: hidden;
    }

    #column-left #stats li span {
        display: none;
    }

    /* Sidebar в открытом состоянии */
    #column-left:hover {
        width: 235px;
    }

    #column-left:hover #navigation span,
    #column-left:hover #menu li i {
        margin-right: 5px;
    }

    #column-left:hover #menu li a.collapsed:after,
    #column-left:hover #menu li a.parent:after,
    #column-left:hover #stats {
        opacity: 1;
    }

    #column-left:hover #stats li span {
        display: block;
    }
}