.bg__field-category-creator {
	* {
		border: 0;
		margin: 0;
		padding: 0;
	}

	input {
		box-sizing: border-box;
		height: 3.3rem;
		margin: 6px 0;
		padding: 2px 10px;
	}

	.bg__fcc__search-box {
		width: 100%;
	}

	.bg__fcc__selection-wrapper {
		border: 1px solid #fefefe;
		margin-bottom: 10px;

		select {
			width: 50%;

			&#source-opts {
				border: 1px solid #dedede;
				position: relative;
			}

			&#selected-opts {
				border: 1px solid #dedede;
				position: relative;
			}

			option {
				cursor: pointer;
				align-items: center;
				border-bottom: 1px solid $clGreyTint;
				font-size: 12px;
				padding: 10px;
				&:hover {
					background-color: rgba(153, 153, 153, 0.26);
				}

				&.bg__fcc__left {
					&:after {
						color: #333;
						content: " ▶ ";
						float:right;
					}
				}

				&.bg__fcc__right {
					padding-left: 10px;

					&:before {
						color: #333;
						content: " ◀ ";
						margin-right: 10px;
						display: inline-block;
					}
				}
			}

		}
	}

	.bg__fcc__name {
		width: 80%;
	}

	button {
		background-color: $clPrimary;
		color: #fff;
		height: 3.3rem;
		margin: 6px 0;
		padding: 2px 10px;
		width: calc(20% - 10px);
		margin-left: 10px;
		font-family: $fontHeading;
		text-transform: uppercase;
		border-radius: 2px;
		&:hover {
			background-color: darken($clPrimary, 8%);
		}
	}

	.bg__fcc__validation-error {
		background-color: #f26c50;
		color: #fff;
		font-size: 12px;
		height: 3.3rem;
		margin-bottom: 6px;
		padding: 6px 10px;
	}

}