/* 	::

	:: Theme 			: Talisman
	:: Theme URI		: http://labs.funcoders.com/html/Talisman

	:: File 			: theme-options.css
	:: Name 			: Options widget styles
	:: Version      	: 0.1

:: */

.fc-options {
	width: 200px;
	left: -200px;
	position: fixed;
	z-index: 2000;
	top: 160px;
	background-color: #fff;

	-webkit-transition: all ease-in-out 0.15s;
	-moz-transition: all ease-in-out 0.15s;
	-o-transition: all ease-in-out 0.15s;
	-ms-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
}
.fc-options.fc-right {
	left: auto;
	right: -200px;
}
	.fc-options .fc-options-heading {
		cursor: pointer;
		text-transform: uppercase;
		font-size: 13px;
		padding-left: 20px;
		display: block;
		margin-right: -50px;
		padding-right: 0;

		-webkit-transition: all ease-in-out 0.15s;
		-moz-transition: all ease-in-out 0.15s;
		-o-transition: all ease-in-out 0.15s;
		-ms-transition: all ease-in-out 0.15s;
		transition: all ease-in-out 0.15s;
	}
	.fc-options.fc-open .fc-options-heading {
		margin-right: 0;
	}
		.fc-options .fc-options-heading a {
			line-height: 50px;
			width: 100%;
			display: inline-block;
		}
			.fc-options .fc-options-heading span {
				font-weight: 700;
				display: inline-block;
				width: 50px;
				text-align: center;
				float: right;
			}
			.fc-options .fc-options-heading span i {
				font-size: 20px;
				line-height: 1;
				display: block;
				margin-top: 16px;
				font-weight: normal;
			}
	.fc-options .title {
		color: #404148;
	}
	.fc-options .fc-options-content {
		padding: 20px;
		padding-bottom: 0;
	}
		.fc-options .fc-options-content > * {
			margin: 0;
		}
		.fc-options .fc-options-content > * + * {
			margin-top: 10px;
		}
			.fc-options .fc-options-content ul li {
				display: block;
				margin: 0;
			}
			.fc-options .fc-options-content ul li + li {
				margin-top: 3px;
			}
				.fc-options .fc-options-content ul li a {
					width: 100%;
					height: 30px;
					display: block;
					overflow: hidden;
					position: relative;
				}

				.fc-options .fc-options-content ul li a:after,
				#bg-changer-invert a:after {
					background-color: #fff;
					content: '';
					position: absolute;
					width: 50%;
					height: 10px;
					left: 25%;
					top: -30px;
					opacity: 0;
				  	-webkit-transition: all ease-in-out 0.1s;
				  	 -moz-transition: all ease-in-out 0.1s;
				  	   -o-transition: all ease-in-out 0.1s;
				  	      transition: all ease-in-out 0.1s;
				}
				.fc-options .fc-options-content ul li.active a:after ,
				.fc-options .fc-options-content ul li:hover a:after,
				#bg-changer-invert a.active:after ,
				#bg-changer-invert a:hover:after  {
					top: 10px;
					opacity: 1;
				}


.fc-options.fc-open {
	left: 0;
}

#bg-changer-invert {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}
#bg-changer-invert > * {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
	#bg-changer-invert a {
		height: 30px;
		width: 100px;
		position: relative;
		overflow: hidden;
	}
	#bg-changer-invert a.bg-light-gray:after {
		background-color: #404148;
	}