.dnd .dnd-header{
	font-weight: bold;
	margin-left: 0px;
    margin-right: 0px;
}

.dnd .panel-body{
	padding-bottom: 0px;
}

/**
 * Para o posicionamento correto do elemento, a dnd-list e 
 * seus filhos devem ter posição: relativa
 * 
 */
.dnd div[dnd-list], .dnd div[dnd-list]>.row {
	position: relative;
}

/**
 * A lista dnd sempre deve ter uma altura mínima,
 * caso contrário, você não pode conseguir dropar uma vez que está vazio
 */
.dnd div[dnd-list] {
	min-height: 42px;
	padding-left: 0px;
}

/**
 * A classe dndDraggingSource será aplicada a
 * o elemento fonte de uma operação de arrastar. Faz
 * sentido para escondê-lo para dar ao usuário o sentimento
 * que ele realmente está movendo-o.
 */
.dnd div[dnd-list] .dndDraggingSource {
	display: none;
}

/**
 * Um elemento com a classe .dndPlaceholder será
 * adicionado à dnd-list enquanto o usuário está arrastando
 * acima dele.
 */
.dnd div[dnd-list] .dndPlaceholder {
	display: block;
	background-color: #007039;
	color: #fff;
	padding: 10px 15px;
	min-height: 42px;
}

/**
 * Os elementos filhos das dnd-lista atualmente DEVEM ter	
 * posição: relativa. Caso contrário, não podemos determinar
 * se o ponteiro do mouse está na parte superior ou inferior
 * metade do elemento que estamos arrastando. Em outros
 * navegadores, podemos usar event.offsetY para isso.
 */
.dnd div[dnd-list] .row {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: -1px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-left: -16px;
	margin-right: -16px;
}

.dnd div[dnd-list] .row dnd-nodrag {
	display: block;
	padding: 10px 15px;
}

/**
 * Manejar o posicionamento
 */
.dnd .handle {
	cursor: move;
	font-size: 20px;
	padding-left: 8px;
}

.dnd .handle:hover, .handle:active {
	color: #007039;
}