<!-- BEGIN mainBlock -->
<!DOCTYPE HTML>
<html style="height: 100%;">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>{%PAGE_TITLE%}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- jQuery -->
    <script type="text/javascript" src="{%URL_PATH%}js/jquery-2.1.1.min.js"></script>

    <!-- Latest compiled and minified JavaScript -->
    <script src="{%template_base%}/js/bootstrap.min.js"></script>

     <!-- BootBox -->
    <script src="{%URL_PATH%}js/bootbox/bootbox.min.js"></script>
    <script>
    bootbox.setDefaults({
      locale: "{%LANG%}"
    });
    </script>
    <!-- Our javascript -->
    <script type="text/javascript" src="{%template_base%}/js/main.js"></script>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="{%template_base%}/CSS/bootstrap-custom.css">

    <!-- Font Awesome - A font of icons -->
    <link href="{%template_base%}/CSS/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">

    {%EXTRA_CSS%}
    {%TOOL_CSS%}
    {%HEAD_EXTRAS%}

</head>

<body style="height: 100%;">
    <div class="container" style="height: 100%;">

        <!-- LeftNav & Main Content Section -->

        <div class="row" id="Frame" style="height: 100%;">
            <div id="background-cheat" class="col-xs-10 col-xs-push-2" style="height: 100%;"></div>
            <div id="main-content" class="col-xs-10 col-xs-push-2" style="height: 100%; overflow: scroll;">
                <div class="row row-main">
                    <div class="col-md-12 add-gutter">

                        <!-- BEGIN TOOL CONTENT -->
                        {%EXTRA_MSG%}
                        {%TOOL_CONTENT%}
                        <!-- END TOOL CONTENT -->
                    </div>
                </div>
            </div>
            <!-- BEGIN leftNavBlock -->
            <div id="leftnav" class="col-xs-2 col-xs-pull-10 sidebar {%leftNavClass%} embeded" style="top: 0px; height: 100%; overflow: visible;">
                
                <div class="panel-group" id="sidebar-accordion">                   
                    <!-- BEGIN leftNavCategoryBlock -->
                    <div class="panel">

                        <!-- BEGIN leftNavCategoryTitleBlock -->
                        <a class="collapsed parent-menu" data-toggle="collapse" data-parent="#sidebar-accordion" href="#collapse{%TOOL_GROUP_ID%}">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <i class="fa fa-chevron-right space-after-icon"></i>
                                    <span class="">{%ACTIVE_TOOLS%}</span>
                                </h4>
                            </div>
                        </a>
                        <!-- END leftNavCategoryTitleBlock -->

                        <div id="collapse{%TOOL_GROUP_ID%}" class="panel-collapse list-group collapse {%GROUP_CLASS%}">
                            <!-- BEGIN leftNavLinkBlock -->
                            <a href="{%TOOL_LINK%}" class="list-group-item {%TOOL_CLASS%}">
                                <i class="fa {%IMG_CLASS%} "></i>
                                <span class="">{%TOOL_TEXT%}</span>
                            </a>
                            <!-- END leftNavLinkBlock -->
                        </div>

                    </div>
                    <!-- END leftNavCategoryBlock -->
                    {%ECLASS_LEFTNAV_EXTRAS%}
                </div>
            </div>
            <!-- END leftNavBlock -->
        </div>

    </div>
</body>
</html>
<!-- END mainBlock -->
