// group messages


.group-messages-join-group
	.modal-content 
		padding: 20px
	button 
		margin: 5px 0
	.label 
		font-weight: 700 
		padding: 5px 0
		text-align: left
	input[type="text"]
		padding: 3px 
		width: 100%
		margin-bottom: 10px
	input[type="checkbox"]
		float: left 
		margin-right: 10px

.groupMessages 
	button 
		margin: 5px


// new group
.group-messages-new-group
	text-align: center!important
	.label 
		font-weight: 700 
		padding: 5px 1%
		text-align: left
	textarea
		&.description, &.invite 
			width: 98% 
			margin: 5px auto
			padding: 5px
			text-align: left
			border: 1px solid darken( #F8F8F8 , 5%)




// messages control
.group-messages-control
	text-align: left!important
	button
		margin: 3px 0 3px 3px
	textarea 
		width: 98% 
		margin: 5px auto
		padding: 5px
		text-align: left
		border: 1px solid darken( #F8F8F8 , 5%)
	.invite-form 
		display: none
	div.profile-bio 
		margin-left: 0

	.secret-key 
		display: none
		font-size: 10px
		padding: 5px
		margin: 3px
		cursor: pointer
		border: 1px solid darken( #F8F8F8 , 5%)
		color: $dark-grey
		background: #F8F8F8 
		overflow: hidden
		&:hover 
			background: white


.direct-messages-thread + .group-messages-control 
	display: none