ul#admin-panel 
{
    list-style: none;
    position: fixed;
    left: -35%;
    bottom: 0;
    padding: 20px 0px;
    background: #111;
    z-index: 9999;
    width: 35%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
  
    ul#admin-panel::after 
    {
        content: "\f085";
        font-family: 'FontAwesome';
        color: #fff;
        position: absolute;
        left: 100%;
        top: 0%;
        font-size: 30px;
        background: #111;
        padding: 5px 10px 5px 0px;
        cursor: pointer; 
    }

        ul#admin-panel li.control 
        {
            margin: 2px 0px; 
        }
    
            ul#admin-panel li.control a 
            {
                float: left;
                width: 100%;
                height: 100%;
                color: #fff;
                text-decoration: none;
                padding: 5px 20px;
                font-family: 'ubuntu'; 
            }
      
            ul#admin-panel li.control a:hover 
            {
                background: rgba(255, 255, 225, 0.3); 
            }

ul#admin-panel.visible 
{
    left: 0%!important;
}

.control-parent
{
    position: relative;
}

a.admin-control
{
    position: relative;
    -webkit-transition: all 0.25s ease-in-out; 
    -moz-transition: all 0.25s ease-in-out; 
    transition: all 0.25s ease-in-out;
    z-index: 99; 
}
a.admin-control.left
{
    float: left;
    margin-right: 5px
}

a.admin-control.right
{
    float: right;
    margin-left: 5px
}

a.admin-control.center
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.admin-control.edit
{
    left: 48%
}
a.admin-control.delete
{
    left: 53%
}


a.centered-control 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.admin-control i:hover 
{
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}
a.admin-control i 
{
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    padding: 5px 7px;
    -webkit-transition: all 0.25s ease-in-out; 
    -moz-transition: all 0.25s ease-in-out; 
    transition: all 0.25s ease-in-out; 
}

@media screen and (max-width: 768px)
{
    ul#admin-panel 
    {
        width:  80%;
        left: -80%;
    }
}