.akpk-layout{
    display:flex;
    min-height:100vh;
}

.akpk-sidebar{
    width:250px;
    background:#14532D;
    color:#fff;
}

.akpk-sidebar-header{
    padding:20px;
    font-size:20px;
    font-weight:bold;
}

.akpk-menu{
    list-style:none;
    margin:0;
    padding:0;
}

.akpk-menu li{
    margin:0;
}

.akpk-menu a{
    display:block;
    color:#fff;
    padding:15px 20px;
    text-decoration:none;
}

.akpk-menu a:hover{
    background:#0F766E;
}

.akpk-content{
    flex:1;
    padding:20px;
    background:#F0FDF4;
}

.akpk-mobile-header{
    display:none;
}

@media(max-width:768px){

    .akpk-sidebar{
        position:fixed;
        left:-250px;
        top:0;
        height:100%;
        z-index:999;
        transition:.3s;
    }

    .akpk-sidebar.active{
        left:0;
    }

    .akpk-mobile-header{
        display:block;
        margin-bottom:20px;
    }

    #akpk-toggle-sidebar{
        font-size:24px;
    }

}

.akpk-menu-link.active{
    background:#0F766E;
    font-weight:bold;
}