@charset "utf-8";
/* CSS Document */

/* Activity one */

.arrow
{
	width: 82%;
	float: right;	
}

.order li, .activitySortableList li.ui-droppable 
{
    margin-bottom: 10px;
}

.ui-draggable.being-dragged 
{
    z-index: 6;
    -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
}

span.sortableElement 
{
	z-index: 5;
	width: 100%;
	margin-bottom: 10px;
	cursor: move;
	display: block;
}

/* Activity two */

.table>tbody>tr>td
{
	vertical-align: middle;
	border-top: 0px;
}

.collapse.in {
	display: inline;
}

.eye-container {
	width: 32px;
	display: inline-block;
	margin-right: 10px;
}

.eye-container a i.fa-eye-slash {
	color: #303841;
}

.eye-container a i.fa-eye {
	color: #00adb5;
}

@media (min-width: 992px)
{
	.arrow
	{
		width: 80%;
	}
}

@media (min-width: 1200px)
{
	.arrow
	{
		width: 65%;
	}
}