#sidbarnav {
    direction:ltr;
    position: fixed;
    width: 52px;
    left:0;
    z-index:999;
    margin-top: 155px;
    transition: all 0.3s linear;
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
}
#sidbarnav>*
{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}
    #sidbarnav li {
        height: 40px;
        position: relative;
    }

        #sidbarnav li a {
            color: white;
            display: block;
            height: 100%;
            width: 100%;
            line-height: 40px;
            padding-right: 10%;
            padding-left: 10%;
            border-bottom: 1px solid rgba(0,0,0,.4);
            transition: all 0.3s linear;
        }

        #sidbarnav li:nth-child(1) a {
            background: #4267B2;
        }

        #sidbarnav li:nth-child(2) a {
            background: #000000;
        }

        #sidbarnav li:nth-child(3) a {
            background: #952048;
        }

        #sidbarnav li:nth-child(4) a {
            background: #2867B2;
        }

        #sidbarnav li:nth-child(5) a {
            background: #2ecc00;
        }

        #sidbarnav li:nth-child(6) a {
            animation: blinkingText 1.5s infinite;
            transition: all 0.2s background;
            color:#2c004e;
        }
      

        #sidbarnav li a i {
            position: absolute;
            top: 8px;
            left: 15px;
            font-size: 25px;
        }

#sidbarnav ul li a span {
    display: none;
    font-weight: bold;
    letter-spacing: 1px;
}

#sidbarnav a:hover {
    z-index: 1;
    width: 200px;
    border-bottom: 1px solid rgba(0,0,0,.5);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
}

#sidbarnav ul li:hover a span {
    padding-left: 30%;
    display: block;
}
@keyframes blinkingText {
    0% {
        background: #1d9700;
    }

    50% {
        background: #74ff08;
    }

    100% {
        background: #1d9700;
    }
}