.sidebar {
    position: relative;
}
.sidebar .sidebar-header {
    margin-top: 0px;
    transition-duration: 0.5s;
}
#folded-edge {
    top: -17px;
    left: 0;
    height: 60px;
    width: 60px;
    background: transparent;
    position: absolute;
    transition-duration: 0.5s;
}
#diagonal_topleft {
    width: 0;
    height: 0;
    border-top: 60px solid #3C8DBC;
    border-right: 60px solid transparent;
    position: absolute;
    transition-duration: 0.5s;
}
#span_left_bar {
    color: white;
    top: 16px;
    left: 4px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    transform: rotate(-45deg);
    transition-duration: 0.7s;
}
.sidebar-collapse #folded-edge {
    top: -19px;
}
.sidebar-collapse #diagonal_topleft {
    width: 50px;
    height: 17px;
    border-top: 17px solid #3C8DBC;
    border-right: 17px solid #3C8DBC;
    transition-duration: 0.5s;
    position: absolute;
}
.sidebar-collapse #span_left_bar {
    color: white;
    top: 2px;
    left: 6px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    transform: rotate(0deg) !important;
}