#module-list
	h3
		position: relative
		top: 0
		left: 0
		margin: 0
		padding: 0
		background-color: transparent
		color: $main-color
		font-weight: 500
.hook_panel
	@extend .well
	@include box-shadow(rgba(white,0.9) 0 0 0 1px inset)
	padding: 10px 10px 5px 10px
	margin-bottom: 3px!important
.module_name
	font-size: 1.2em
.module_description
	@extend .text-muted
.hook_panel_header
	margin: 0 -10px 0 -10px
	padding: 0 10px 10px 10px
	.hook_name
		font-weight: 400
		font-size: 1.2em
		@include border-radius(3px)
		color: $brand-primary
		border: solid 1px #ccc
		background-color: white
		padding: 0 4px
	.hook_title 
		text-transform: uppercase
		font-size: 1em
	.hook_description
		@extend .text-muted
		padding: 3px 0 0 3px

#modules_list_container_tab
	img
		max-width: 66px
.module_list
	.module_list_item
		display: table
		width: 100%
		padding: 5px 0
		margin-bottom: 4px
		background-color: white
		@include box-shadow(rgba(0,0,0,0.3) 0 0 3px,rgba(black,0.10) 0 -2px 0 inset)
		@include border-radius(3px)
.module_list
	.draggable
		cursor: pointer
.module_col_select
	display: table-cell
	width: 22px
	min-height: 35px
	vertical-align: middle
	text-align: center
	border-right: 1px solid #ddd
.module_col_position
	display: table-cell
	width: 60px
	vertical-align: middle
	text-align: right
	.positions
		font-family: $headings-font-family
		font-weight: 200
		@include text-shadow(white 1px 1px)
		padding: 0 5px
		font-size: 1.6em
		color: #aaa
		@include border-radius(3px)
		@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset)
		border: solid 1px #ccc
		background-color: #eee
		cursor: n-resize
.module_col_icon
	display: table-cell
	width: 50px
	text-align: center
	vertical-align: middle
	
.module_col_infos
	display: table-cell
	height: 50px
	vertical-align: middle
	
.module_col_actions
	display: table-cell
	width: 160px
	padding: 0 10px
	vertical-align: middle
	text-align: right
	.btn-group
		text-align: left
li.sortable-placeholder
	border: 1px dashed #CCC
	background-color: #BBB
	margin-bottom: 4px
	+border-radius(5px)
td.module_active
	background-color: lighten($brand-success,10%)!important
td.module_inactive
	background-color: lighten($gray,50%)!important
.module-badge-popular, .module-badge-partner
	@extend .badge
	font-size: 12px
.module-badge-popular
	background-color: $brand-addons
.module-badge-partner
	background-color: $brand-primary
