﻿.menu-panel {
    float: left;
    background-color: rgba(0, 112, 255, 0.2);
    border-right: solid;
    border-width: 1px;
    border-color: white;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: -1em;
    padding-bottom: 2em;
    margin-top: -20px;
    border-bottom-right-radius: 20% 50%;
    border-top-right-radius: 20% 50%;
    padding-right: 40px;
    height: 100vh;
    min-height: 34em;
    max-height: 115em;
    position: sticky;
    top: 0;
    margin-right: 70px;
}

.menu-item-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.menu-item {
    font-family: "LatoWeb","Open Sans","Arial","sans-serif";
    font-size: 16pt;
    padding: 0.5em;
    text-align: right;
    cursor: pointer;
}

    .menu-item:hover {
        transform: translateX(20px);
    }

    .menu-item > menu-item-indicator {
        background-color: white;
        width: 5px;
    }

.menu-item-spacer {
    border-bottom: solid;
    border-width: 1px;
    border-color: white;
}

/*Reverse*/

.menu-panel-reverse {
    float: right;
    background-color: rgba(0, 112, 255, 0.2);
    border-left: solid;
    border-width: 1px;
    border-color: white;
    padding-right: 1em;
    padding-left: 1em;
    padding-top: -1em;
    padding-bottom: 2em;
    margin-top: -20px;
    border-bottom-left-radius: 20% 50%;
    border-top-left-radius: 20% 50%;
    padding-left: 40px;
    height: 100vh;
    min-height: 34em;
    max-height: 115em;
    position: sticky;
    top: 0;
    margin-left: 70px;
}

.menu-item-container-reverse {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.menu-item-reverse {
    font-family: "LatoWeb","Open Sans","Arial","sans-serif";
    font-size: 16pt;
    padding: 0.5em;
    text-align: left;
    cursor: pointer;
}

    .menu-item-reverse:hover {
        transform: translateX(-20px);
    }

    .menu-item-reverse > menu-item-indicator {
        background-color: white;
        width: 5px;
    }

.menu-item-reverse-spacer {
    border-bottom: solid;
    border-width: 1px;
    border-color: white;
}
