/* buttons */

.ff-button-bar{
	display: flex;
}

.ff-button-bar .btn{
	padding: 8px;
	flex-grow: 1;
	margin: 0 8px;
	border-radius: 12px;
	color: white;
}

.ff-button-bar .btn-primary{
	background: rgba(255, 255, 255, .1);
}

.ff-button-bar .btn:hover{
	background: rgba(255, 255, 255, .1);
	color: white;
}

.ff-button-bar .btn-primary:hover{
	background: rgba(255, 255, 255, .2);
}

/* form sections & fields */
.ff-form .ff-section .ff-secfields{
	display: flex;
	flex-direction: column;
}

.ff-form .ff-section .ff-secfields .form-group .form-control{
	width: 100%;
	resize: none;
	border-radius: 12px;
	background: rgba(255, 255, 255, .1);
	color: white;
	border: 2px solid transparent;
	padding: 8px;
}

.ff-form .ff-section .ff-secfields .form-group .form-control:focus{
	outline: none;
	border-color: rgba(255, 255, 255, .2);;
}