/**************************************************/
/***************** Settings ***********************/

.bicycles-page{
	box-sizing: border-box;
}
	.bicycles-page h1{
		margin-bottom: 15px;
	}
	.bicycles-page .intro{
		margin-bottom: 20px;
	}
	.bicycles-page .fast-setup{
		font-weight: bold;
		font-size: 11px;
	}
		.bicycles-page .fast-setup .recommend,
		.bicycles-page .fast-setup .reset{
			background-color: #fbfbfb;
			padding: 10px 15px;
			cursor: pointer;
			color: #777;
		}
		.bicycles-page .fast-setup .recommend{
			margin-right: 12px;
		}
		.bicycles-page .fast-setup .recommend:hover,
		.bicycles-page .fast-setup .reset:hover{
			background-color: #fff;
			color: #000;
		}
	.bicycles-page .fast-setup-message{
		margin-top: 25px;
		font-weight: bold;
	}
		.bicycles-page .fast-setup-message .recommend,
		.bicycles-page .fast-setup-message .reset{
			display: none;
		}

	/*** Tabs ***/
	.bicycles-page .wrap-tabs{
		margin-top: 20px;
	}
		.bicycles-page .wrap-tabs .tabs:after{
			content: '';
			display: block;
			clear: both;
			height: 0;
		}
			.bicycles-page .wrap-tabs .tabs .tab{
				border-bottom: 1px solid #e6e6e6;
				background-color: #fbfbfb;
				color: #777;
				margin-right: 3px;
				padding: 7px 20px;
				line-height: 24px;
				font-size: 14px;
				float: left;
				cursor: pointer;
			}
			.bicycles-page .wrap-tabs .tabs .tab.donate{
				background-color: #ffa000;
				color: #fff;
			}
				.bicycles-page .wrap-tabs .tabs .tab.donate .dashicons{
					margin-right: 3px;
				}
			.bicycles-page .wrap-tabs .tabs .tab:last-child{
				margin-right: 0;
			}
			.bicycles-page .wrap-tabs .tabs .tab:hover,
			.bicycles-page .wrap-tabs .tabs .tab.active{
				border-bottom: 1px solid #fff;
				background-color: #fff;
				color: #000;
			}
		.bicycles-page .wrap-tabs .content{
			background-color: #fff;
		}
			.bicycles-page .wrap-tabs .content .tab-content{
				box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
				padding: 25px;
				display: none;
			}
			.bicycles-page .wrap-tabs .content .tab-content.active{
				display: block;
			}
				.bicycles-page .wrap-tabs .content .tab-content h3{
					margin-bottom: 25px;
				}
	/* END Tabs */

	/*** Tabs - content ***/
	.bicycles-page .tab-content .field{
		margin-bottom: 20px;
	}
	.bicycles-page .tab-content .field:last-child{
		margin-bottom: 0;
	}
	.bicycles-page .tab-content .field:after{
		content: '';
		display: block;
		clear: both;
		height: 0;
	}
		.bicycles-page .tab-content .field .left{
			float: left;
		}
			.bicycles-page .tab-content .field .left .checkbox{
				display: inline-block;
				background-color: #8092a7;
				border-radius: 20px;
				position: relative;
				top: 2px;
				width: 26px;
				height: 16px;
				cursor: pointer;
			}
			.bicycles-page .tab-content .field .left .checkbox:before{
				content: '';
				display: inline-block;
				background-color: #fff;
				border-radius: 15px;
				margin: 1px 0 0 1px;
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
				width: 14px;
				height: 14px;
			}
			.bicycles-page .tab-content .field .left .checkbox.active{
				background-color: #58b2ff;
				text-align: right;
			}
				.bicycles-page .tab-content .field .left .checkbox input[type='checkbox']{
					display: none;
				}
		.bicycles-page .tab-content .field .right{
			margin-left: 50px;
		}
			.bicycles-page .tab-content .field .right > .name{
				font-size: 14px;
			}
				.bicycles-page .tab-content .field .right .recommend{
					color: #179347;
					font-size: 11px;
					margin-left: 5px;
				}
			.bicycles-page .tab-content .field .right .description{
				font-style: italic;
				margin-top: 10px;
			}
			.bicycles-page .tab-content .field .right .action{
				font-style: italic;
				margin-top: 6px;
			}
				.bicycles-page .tab-content .field .right .action strong{
					font-weight: bold;
				}
			.bicycles-page .tab-content .field .right .danger{
				margin-top: 2px;
				font-size: 11px;
				color: #dd2b19;
			}
			.bicycles-page .tab-content .field .right .spoiler{
				margin-top: 12px;
			}
				.bicycles-page .tab-content .field .right .spoiler .name{
					background-color: #dfe4ee;
					text-align: center;
					line-height: 19px;
					font-size: 11px;
					padding: 6px 20px;
					color: #546171;
					cursor: pointer;
				}
				.bicycles-page .tab-content .field .right .spoiler .name:hover,
				.bicycles-page .tab-content .field .right .spoiler .name.active{
					background-color: #e6ebf5;
				}
					.bicycles-page .tab-content .field .right .spoiler .data{
						display: none;
					}
					.bicycles-page .tab-content .field .right .spoiler .data textarea{
						box-sizing: border-box;
						font-family: inherit;
						outline: none;
						width: 100%;
						min-height: 200px;
						border: 1px solid #e2e6ed;
						box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02) inset;
						font-size: 15px;
						padding: 10px;
						resize: none;
						overflow: auto;
						margin: 0;
					}
	.bicycles-page .tab-content .iframe{
		width: 440px;
		height: 250px;
		margin: auto;
		overflow: hidden;
	}
		.bicycles-page .tab-content .iframe iframe{
			position: relative;
			top: -4px;
			left: -5px;
		}
	/* END Tabs - content */

/*************** END Settings *********************/
/**************************************************/