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>
    <ul id="menu-itens">
        <li class="dashboard">
            <div class="item-menu-icon"></div>
            <span class="item-menu-title">Dashboard</span>
        </li>

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

    <div id="menu-sair">
        <ul id="menu-itens">
            <li class="dashboard">
                <div class="item-menu-icon"></div>
                <span class="item-menu-title">Dashboard</span>
            </li>
        </ul>
    </div>

</div>

<!---------------- Header ----------------->
<header>

</header>

<!--------------Heading---------->
<!--<div class="heading">-->
<!--    <h3>Usuarios</h3>-->
<!--    <p><h2>Veja a lista de lojistas cadastrados. </h2></p>-->
<!--</div>-->

</body>

CSS

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

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

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

    .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;
        margin: 25px 5px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
        padding-bottom: 5px;
    }

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

    #sidemenu {
        position: fixed;
        left: 0;
        top: 0;
        min-height: 100%;
        height: auto;
        width: 210px;
        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;
    }