#wishlist-member-team-accounts-management {
	* {
		box-sizing: border-box;
		margin-bottom: 15px;
		font-size: 15px;
	}
	select, input, button {
		padding: 10px;
		border-radius: 3px;
		font-size: 1em;
		outline: none;
	}
	select, input {
		border: 1px solid rgba(0,0,0,0.5);
	}
	select {
		background-position: right 10px center ;
	}

	#wlm-team-accounts-team-invite-form {
		&.closed {
			div.form-fields {
				display: none;
			}
		}
		&:not(.closed) {
			.open-form {
				display: none;
			}
		}
		.open-form {
			float: right;
		}
		div.form-fields {
			padding: 10px;
			border: 1px solid rgba(0,0,0,0.5);
			border-radius: 5px;
			box-shadow: 0 10px 5px 0 rgba(0,0,0,0.1);
			margin-bottom: 25px;

			h3 {
				font-size: 1em;
				padding: 15px 10px;
				margin: -10px -10px 20px;
				border-bottom: 1px solid #888;
				background: rgba(0,0,0,0.05);

				.close-form {
					float: right;
					font-size: 0.8em;
					background: none;
					border: none;
					padding: 0;
					margin: 0;
					color: black;
					opacity: .5;
					
					&:hover {
						opacity: 1;
					}
				}
			}

			input {
				display: block;
				width: 100%;
			}
		}
	}

	#wlm-team-accounts-team-search {
		* {
			margin: 0;
		}
		input[type="search"] {
			width: calc( 100% - 100px );
		}
		button[type="submit"] {
			width: 95px;
		}
	}
	
	table {
		border: 1px solid #888;
		border-collapse: collapse;
		thead {
			background: rgba(0,0,0,0.05);
		}
		tr {
			&.wlm-team-accounts-no-members:not(:first-of-type) {
				display: none;
			}
			&:not(:hover) {
				.wlm-team-accounts-team-btngroup {
					visibility: hidden;
				}
			}
			td, th {
				padding: 10px;
				border: 1px solid #888;
				border-left: none;
				border-right: none;
				vertical-align: middle;
				* {
					margin: 0;
				}
				a.wlm-team-accounts-remove-team-member {
					text-decoration: none !important;
				}
			}
		}

		&#wlm-team-accounts-team-members {
			width: 100%;
		}
	}
}

#wlm-team-accounts-team-message {
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	padding: 15px 10px;
	display: none;
	&.success {
		border-color: #c3e6cb;
		background-color: #d4edda;
		color: #155724;
		display: block;
	}
	&.error {
		border-color: #f5c6cb;
		background-color: #f8d7da;
		color: #721c24;
		display: block;
	}
}
#wishlist-member-team-accounts-join {
	#wlm-team-accounts-team-message {
		margin-bottom: 1em;
	}
}