<header> 
    <div class="cntDiv">
        <div class="bars headerd"> 
            <div class="innerheaderd"> 
                <i class="fas fa-bars innerbars" id="togglebar"></i> 
            </div>  
        </div>
        <div class="logo">
            <div class="logoHeader"></div>
        </div>
    </div>
    <div class="cntOpt">
        <div class="menuLeft headerd ">
                <ul class="innerheaderd">
                <li><a class="poppins-regular" id="home">Inicio</a></li>
                <li><a class="poppins-regular" id="cryptopayments" style="display:none">Cripto Pagos</a></li>
                <li><a class="poppins-regular" id="balance">Balance</a></li>
                <li><a class="poppins-regular" id="preferences">Preferencias</a></li>
            </ul> 
        </div>
        <div class="menuRight headerd">
            <ul class="innerheaderd">
                <li class="bar"><a class="rIconRefresh"><i class="fas fa-sync-alt" id="refreshButton"></i></a></li>
                <li class="bar"><a class="poppins-regular rtext" id="headname"></a></li>
                <li class="bar"><a class="rIcon"><i class="fas fa-sign-out-alt" id="logouticon"></i></a></li>
                <li><a class="rIcon"><i class="fas fa-envelope" id="message" style="position: relative;"><div class="messageNotification" id="messageNotification"><p class="roboto-regular"></p></div></i></a></li>
                <li><a class="poppins-bold rlanguage"><div id="langIcon">ES</div></a></li>
            </ul> 
        </div>
    </div>
</header> 

<!-- TOGGLE MOBILE -->
<div id="addView2">
    <input id="example-element-toggle2" type="checkbox"/>
    <div id="example-toggled-element2">
        <div class="ete2div">
            <div class="ete2divName">
                <li class="bar"><a class="poppins-regular rtext" id="name2"></a></li>
            </div>
            <div class="ete2divLogout">
                <li class="bar"><a class="rIcon"><i class="fas fa-sign-out-alt" id="logouticon2"></i></a></li>
            </div>
        </div>
        <div>
            <li class="liR" style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-regular rtext" id="homeR">Inicio</a></li>
        </div>
        <div>
            <li class="liR" style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-regular rtext" id="cryptopaymentsR" style="display:none">Cripto Pagos</a></li>
        </div>
        <div>
            <li class="liR" style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-regular rtext" id="balanceR">Balance</a></li>
        </div>
        <div>
            <li class="liR" style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-regular rtext" id="preferencesR">Preferencias</a></li>
        </div>
    </div>
</div>

<!-- SESION EXPIRADA -->
<div class="expired cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="expSessionT">
                <p class="poppins-bold" id="expired1">Su sesión está próxima a expirar</p>
            </div>
            <div class="expSessionB">
                <p class="poppins-regular" id="expired2">Presione Continuar si desea permanecer activo por 15 minutos más.</p>
            </div>
            <div class="buttonOpValid">
                <div class="button-submit-expired">
                    <button type="button" class="submit-expired poppins-medium blueButton" id="expSessionButton">CONTINUAR</button>
                </div>
            </div>
       </div>
   </div>
</div>