#dock_side_nav_menu_wrapper {
    position: fixed;
    right: -230px;
    top: 40%;
    z-index: 1;
}

.dock-side-nav-menu-item-single {
    margin-bottom: 5px;
    line-height: 40px;
    position: relative;
    display: flex;
    right: -280px;
    transition: margin-left 0.5s ease-in-out;
    z-index: 10000;
}

.hover-short:hover{
    margin-left: -150px;
}

.hover-middle:hover {
    margin-left: -250px;
}

.hover-long:hover {
    margin-left: -350px;
}

.dock-side-nav-icon-field {
    width: 50px;
    transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    font-family: FontAwesome;
    position: relative;
    font-size: larger;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    display: inline-block;
}

.dock-side-nav-icon-field:before {
    font-size: x-large;
    line-height: 40px;
}

.dock-side-nav-main-field {
    width:500px;
    padding-left: 5px;
    transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    display: inline-block;
    position: relative;
}