<style>
    #screen[index] {
        position: absolute;
        top: 10%;
        right: 0;
        bottom: 0;
        left: 4%;
    }

    #container_screen_input2 {
       
        
        position: fixed;
        bottom: 0px;
        right: 50px;
        left: 4%;
 
    }

</style>
<div id="screen[index]" > 
    <!-- <button  class="btn btn-success" onclick="nextscreen();">next</button><button  class="btn btn-success" onclick="prevscreen();">cancel</button> -->
    <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid" id="container_screen_input">
							
        <div class="col-md-12">

            <!--begin::Portlet-->
            <div class="kt-portlet kt-portlet--space">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                            Layout With Space
                        </h3>
                    </div>
                </div>

                <!--begin::Form-->
                <form class="kt-form">
                    <div class="kt-portlet__body">
                        <div class="form-group">
                            <label>Full Name:</label>
                            <input type="email" class="form-control" placeholder="Enter full name">
                            <span class="form-text text-muted">Please enter your full name</span>
                        </div>
                        <div class="form-group">
                            <label>Email address:</label>
                            <input type="email" class="form-control" placeholder="Enter email">
                            <span class="form-text text-muted">We'll never share your email with anyone else</span>
                        </div>
                        <div class="form-group">
                            <label>Communication:</label>
                            <div class="kt-checkbox-list">
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Email
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> SMS
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Phone
                                    <span></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Communication:</label>
                            <div class="kt-checkbox-list">
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Email
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> SMS
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Phone
                                    <span></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Communication:</label>
                            <div class="kt-checkbox-list">
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Email
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> SMS
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Phone
                                    <span></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Communication:</label>
                            <div class="kt-checkbox-list">
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Email
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> SMS
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Phone
                                    <span></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Communication:</label>
                            <div class="kt-checkbox-list">
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Email
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> SMS
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Phone
                                    <span></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Communication:</label>
                            <div class="kt-checkbox-list">
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Email
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> SMS
                                    <span></span>
                                </label>
                                <label class="kt-checkbox">
                                    <input type="checkbox"> Phone
                                    <span></span>
                                </label>
                            </div>
                        </div>

                        
                    <!-- <div class="kt-portlet__foot kt-portlet__foot">
                        <div class="kt-form__actions kt-form__actions--right">
                            <div class="row">
                                <div class="col kt-align-left">
                                    <button type="reset" class="btn btn-brand">Submit</button>
                                    <button type="reset" class="btn btn-secondary">Cancel</button>
                                </div>
                                <div class="col kt-align-right">
                                    <button type="reset" class="btn btn-danger">Delete</button>
                                </div>
                            </div>
                        </div>
                    </div> -->
                </form>

                <!--end::Form-->
            </div>

            <!--end::Portlet-->

        </div>
							
    </div>
    
    <div class="kt-footer  kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop" id="kt_footer">
						<div class="kt-container  kt-container--fluid ">
							<div class="kt-footer__copyright">
								2019&nbsp;&copy;&nbsp;<a href="http://keenthemes.com/metronic" target="_blank" class="kt-link">Keenthemes</a>
							</div>
							<div class="kt-footer__menu">
								<a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">About</a>
								<a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">Team</a>
								<a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">Contact</a>
							</div>
						</div>
					</div>
</div>
<div id="screen[index]a" > 

</div>