    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sistema de Reservación | Áreas Comunes</title>
    <!-- General CSS Files -->
    <link rel="stylesheet" href="assets/css/app.min.css?ver3.1">
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style.css?ver=1.5">
    <link rel="stylesheet" href="assets/css/components.css">
    <!-- Custom style CSS -->
    <link rel="stylesheet" href="assets/css/custom.css">
    <link rel='shortcut icon' type='image/x-icon' href='assets/img/favicon_.ico' />

    <!-- moment js -->  
    <!-- <script type="text/javascript" src="assets/js/moment.js"></script>  -->
    <script type="text/javascript" src="assets/js/moment-with-locales.js"></script> 
 
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

  <style>
        .whatsapp {
          position:fixed;
          width:166px;
          height:42px;
          bottom:35px;
          right:20px;
          background-color:#0F5479;
          color:#FFF;
          border-radius:20px;
          text-align:center;
          font-size:25px;
          z-index:100;
        }
        
            .whatsapp:link{
                color: white; 
            }
            .whatsapp:visited{
                color: white; 
            }
            .whatsapp:hover{
                color: white; 
                cursor:pointer;
            }
            .whatsapp:active{
                color: white; 
            }  
        
        .whatsapp-icon {
          margin-top:4px;
          margin-right:-2px;
          /*height:100px;*/
          font-size:35px;
        } 
        
        .span_tag{
            font-size:25px;
            /*padding-top:100px;*/
            color: white;
        }
    </style>