JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico">
    <link rel="stylesheet" type="text/css" href="assets/css/estilo.css">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<!-----------   Menu   --------------------->
<div id="sidemenu">
    <div id="menu-header"></div>
    <div id="menu-parent">
    <ul id="menu-itens">
        
        <li class="dashboard">
            <div>
            <div class="item-menu-icon"></div>
            <span class="item-menu-title">Dashboard</span>
            </div>    
        </li>

        <li class="lojistas">
            <div>
            <div class="item-menu-icon"></div>
            <span class="item-menu-title">Lojistas</span>
            </div>    
        </li>
        <li class="usuarios">
            <div>
            <div  id="item-menu-icon" class="glyphicon glyphicon-user"></div>
            <span class="item-menu-title">Usuarios</span>
            <div>
        </li>
        <li class="notificacao">
            <div>
            <div class="item-menu-icon"></div>
            <span class="item-menu-title">Notificacoes</span>
            </div>
        </li>
        <li class="relatorio">
            <div>
            <div id="item-menu-icon" class="glyphicon glyphicon-signal"></div>
            <span class="item-menu-title">Relatorios</span>
            </div>
        </li>
    </ul>
<div>
    <div id="menu-sair">
        <ul id="menu-itens">
            <li class="dashboard">
                <div>
                <div class="item-menu-icon"></div>
                <span class="item-menu-title">Dashboard</span>
                <div>
            </li>
        </ul>
   ...

CSS

#menu-header {
        width: 199px;
        height: 99px;
        background: url('assets/logo_menu.png') center no-repeat;
        background-size: 210px 70px;
    }

#menu-parent{
    padding-left:20px;
    padding-right:20px;
}


    h3, h2 {
        font-size: 20px;
        color: #9B9B9B;
        margin: 25px;
        margin-left: 230px;
    }

    #menu-itens {
        margin: 35px auto;
        padding: 0px;
    }

    .item-menu-title {
        font-size: 14px;
        color: #9B9B9B;
        font-weight: 300;
    }

    .active .item-menu-title {
        color: #fff8ff
    }

    #menu-itens li {
        cursor: pointer;
        border-radius: 2px;
        display: block;
     
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
        padding-bottom: 5px;
    }

     #menu-itens li > div{
        border-bottom: 1px solid #9B9B9B;
        padding-top: 15px;
        padding-bottom: 15px
    }

    #menu-itens li:hover {
        background: rgba(0, 0, 0, 0.05)
    }

    #sidemenu {
        position: fixed;
        left: 0;
        top: 0;
        min-height: 100%;
        height: auto;
        width: 185px;
        padding-right: 2.5px;
        padding-left: 2.5px;
        background: #f0415f;
        box-shadow: 6px 0px 10px #c4c4c4;
    }

    header {
        width: 100%;
        height: 50px;
        background: #dcddde;
        border-top: 3px solid #CCC;

    }
    .glyphicon {
        font-size: 30px;
    }