modulo distribucion huespedes en habitaciones

markup.css

/* drag and drop module V2 */

.drop-to{
	border: 1px dashed #ddd;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	min-height: 310px;
	padding: 5px;

}
.drop-to:after{
	content:"Arrastra aquí las personas que van en esta habitación";
	position: absolute;
	top: 25%;
	color: black;
	text-align: center;
	padding: 50px;
	font-weight: bold;
	color: #ddd;
}
.drop-pax{
	margin-top:53px;
}	

markup.html

<div class="row mtl"> <!-- modulo distribucion huespedes en habitaciones -->
                          <div class="col-md-4">
                            <h6>Distribuye la ocupación de los huéspedes en las habitaciones</h6>
                            <div class="list-group mtl">
                              <a href="#" class="list-group-item">
                                Jeoffrey de la Rosa
                              </a>
                              <a href="#" class="list-group-item">Esteban Billini</a>
                              <a href="#" class="list-group-item">Jaime León</a>
                              <a href="#" class="list-group-item">Laura Rivas</a>
                              <a href="#" class="list-group-item">Ingelina Lagrange</a>
                              <a href="#" class="list-group-item">Manuel Guilamo</a>
                            </div>
                          </div>
                          <div class="col-md-8 drop-pax">
                            <!-- Tabs -->
                            <ul class="nav nav-tabs nav-append-content">
                              <li class="active"><a href="#tab1">Hab 1</a></li>
                              <li class=""><a href="">+ Nueva Habitación</a></li>
                            
                              
                            </ul>

                            <!-- Tab content -->
                            <div class="tab-content">
                                  <div class="tab-pane active" id="tab1">
                                  <div class="row">
                                        <div class="list-group col-md-7 drop-to">
                                           <a href="#" class="list-group-item">Ingelina Lagrange</a>
                              <a href="#" class="list-group-item">Manuel Guilamo</a>
                                        </div>

                                        <div class="col-md-4">
                                          <p>Selecciona el tipo de cama que deseas para esta habitación</p>
                                          <label class="radio">
                                              <input type="radio" name="group1" value="1" data-toggle="radio">
                                              1 Cama
                                          </label>
                                          <label class="radio">
                                              <input type="radio" name="group2" value="2" data-toggle="radio">
                                              2 Camas
                                          </label>
                                        </div>
                                    </div>

                                  </div>
                                  <div class="tab-pane" id="tab2">
                                    <p>Howdy, I'm in Section 2.</p>
                                  </div>
                              
                            </div>
                          </div>
                        </div> <!-- / modulo distribucion huespedes en habitaciones -->