<style>
    .maintenance-section{
        background:#eaeaea;
        padding:7px 0;
        font-size:18px;
    }
    .maintenance-section p{
        margin-bottom: 0;
        color: #ff0000;
    }
    .maintenance-warning #close-btn img{
        display: inline-block;
        width:15px;
    }
    .maintenance-warning #close-btn{
        float: right;
    }
</style>
<?php if(MAINTENANCE_MOOD){ ?>
<div class="maintenance-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="maintenance-warning text-center">
                    <p><img src="<?php echo CDN_URL; ?>images/warning.png" style="display: inline-block" width="25" alt="">
                        <?php echo __("LBL_WARNING_MAINTENENCE"); ?>
                        <a href="https://www.expensecount.com">https://www.expensecount.com</a> <a title="Hide this warning" href="javascript:;" id="close-btn"><img src="<?php echo CDN_URL; ?>images/flat_cross_icon.png" alt=""></a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<?php } ?>
<script>
    $(document).ready(function () {
        $("#close-btn").on('click', function () {
            $(".maintenance-section").slideUp(500);
        });
    });
</script>
