.sidebar-left {
    transition       : all 500ms ease;
    transition-delay : 250ms;
    z-index          : 300;
    display          : block;
    position         : fixed;
    top              : 0px;
    left             : 0px;
    height           : 100%;
    width            : 300px;
    background-color : #444444;
    transform        : translate(-275px, 0px);
    padding-top      : 64px;
    overflow-y       : auto;
    overflow-x       : hidden;
    opacity          : 1;
}

.sidebar-left.theme-light {
    background-color : rgba(255, 255, 255, 0.9);
}

.sidebar-left:hover, .sidebar-left.display {
    transition       : all 250ms ease;
    transition-delay : 500ms;
    transform        : translate(0px, 0px);
    box-shadow       : 0px 0px 32px -4px #000000;
    opacity          : 0.985;
    /*width: 800px;*/
}

.sidebar-left a {
    display         : block;
    padding         : 4px;
    line-height     : 32px;
    margin          : 1px 0px 1px 0px;
    color           : #CCCCCC;
    text-decoration : none;
    font-size       : 13pt;
    padding-left    : 24px;
    text-shadow     : 1px 1px 1px #FFFFFF;
    font-weight     : bold;
}

.sidebar-left.theme-light a {
    color       : #444444;
    text-shadow : none;
}

.sidebar-left a:hover {
    background-color : #484848;
}

.sidebar-left.theme-light a:hover {
    background-color : #EEEEEE;
}

.sidebar-left a span {
    display   : inline-block;
    color     : #EEEEEE;
    font-size : 24pt;
    transform : translate(-300px, 0px);
    position  : relative;
    top       : 1px;
}

.sidebar-left a:hover span {
    transition : all 200ms ease;
    transform  : translate(0px, 0px);
}

.sidebar-left.theme-light a span {
    color : #0072C6;
}


.sidebar-left .searchbar {
    padding-left : 40px;
    margin       : 8px 0px 8px 0px;
}

.searchbox {
    background-color : #484848;
    color            : #CCCCCC;
    border           : none;
    padding          : 8px;
    font-size        : 14pt;
}

.searchbox {
    background-color : #EEEEEE;
    color            : #444444;
}


.sidebar-left .searchresult {
    position         : absolute;
    top              : 24px;
    left             : 350px;
    height           : 580px;
    width            : 425px;
    background-color : #484848;
    padding          : 8px;
}


@media all and (max-width : 400px) {
    .sidebar-left {
        display : none;
    }
}

.sidebar-left .bottom {
    display  : block;
    padding  : 8px 20px 8px 8px;
    position : absolute;
    bottom   : 0px;
}

.sidebar-left .bottom * {
    font-size : 8pt;
}

.sidebar-left .bottom a {
    padding          : 1px;
    margin           : 1px;
    line-height      : 100%;
    display          : inline-block;
    color            : #0072C6;
    text-decoration  : underline;
    background-color : transparent !important;
}

hs {
    padding          : 0px 1px 0px 1px;
    background-color : #FFFFFF;
    border           : 1px solid #CCCCCC;
}