<div class="scene-wrapper dtmfpad">
	<div class="input-field">
			<div class="truncating-text text-input" id="dtmf_numbers"></div> 
	</div>
	<div id="dtmf_name" class="activecall-name truncating-text" style="display: none"></div>
	<div id="numbers" class="keypad-dtmf keypad-flex">
        <div id="keypad_buttons" class="keypad-buttons">
            <div class="key glassbutton one" id="dtmf_1" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">1</p>
                <p class="keypad-letters"></p>
            </div>
            <div class="key glassbutton two" id="dtmf_2" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">2</p>
                <p class="keypad-letters">ABC</p>
            </div>
            <div class="key glassbutton three" id="dtmf_3" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">3</p>
                <p class="keypad-letters">DEF</p>
            </div>
            <div class="key glassbutton four" id="dtmf_4" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">4</p>
                <p class="keypad-letters">GHI</p>
            </div>
            <div class="key glassbutton five" id="dtmf_5" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">5</p>
                <p class="keypad-letters">JKL</p>
            </div>
            <div class="key glassbutton six" id="dtmf_6" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">6</p>
                <p class="keypad-letters">MNO</p>
            </div>
            <div class="key glassbutton seven" id="dtmf_7" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">7</p>
                <p class="keypad-letters">PQRS</p>
            </div>
            <div class="key glassbutton eight" id="dtmf_8" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">8</p>
                <p class="keypad-letters">TUV</p>
            </div>
            <div class="key glassbutton nine" id="dtmf_9" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">9</p>
                <p class="keypad-letters">WXYZ</p>
            </div>
            <div class="key glassbutton star" id="dtmf_star" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">*</p>
            </div>
            <div class="key glassbutton zero" id="dtmf_0" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">0</p>
                <p class="keypad-letters">+</p>
            </div>
            <div class="key glassbutton pound" id="dtmf_pound" x-mojo-touch-feedback="spontaneous">
                <p class="keypad-digit">#</p>
            </div>
        </div>
        <div id="dtmf_disconnect" class="disconnect-button" x-mojo-touch-feedback="spontaneous"></div>
    </div>
</div>
