.sidebar-container {
    background-color: #EEEEEE;
    height: 100%;
    display: flex;
	flex-direction: column;
}

.sidebar-header {
    padding-left: 8px;
    font-size: 16px;
    flex: 1 0 0px;
    overflow-x: hidden;
    font-weight: 600;
}

.sidebar-body {
    height: 100%;
    flex: 1;
	display: flex;
}

.sidebar-header-container {
    /* background-color: #4d4d4d; */
    background-color: #2b2c2d;
    color: white;
}

.sidebar-button-container {
    display: flex;    
    padding-top: 5px;
    padding-bottom: 5px;
    justify-content: center;
    border-bottom: 1px solid rgb(192, 192, 192);
}

.sidebar-ribbon-header {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);

    font-size: 14px;
    color: rgba(0, 0, 0, 0.72);
    font-weight: 600;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}