{% extends "base.html" %}


{% block header-extras %}
    <style>

        .white-text {
            color: white;
        }

    </style>
    <script>
        $(document).ready(function () {
            if (window.screen.width === 800 && window.screen.height === 600){
                $("*").css("cursor", "none");
            }
        });
    </script>
{% endblock %}

{% block body %}
    <table>
        <tr>
            <td style="width: 800px; height: 595px;">
                <div id="idle-display" class="idle-status-container">
                    This Dispensing Unit has been disabled.
                </div>
            </td>
        </tr>
    </table>
{% endblock %}