h1#wc-logo.sv-wc-plugin-logo {

	font-size: 28px;
	font-weight: bold;

	a {

		color: #444444;
		text-decoration: none;

		&:hover {
			color: #222222;
			text-decoration: none;
		}
	}
}

.sv-wc-plugin-admin-setup-content {

	.error {

		background: #dc3232;
		border-radius: 5px;
		color: #fff;
		padding: 1em;

		a {
			color: #fff;
			text-decoration: none;
			&:hover {
				text-decoration: underline;
			}
		}
	}

	.sv-wc-plugin-admin-setup-control {

		margin-bottom: 20px;

		label {
			color: #666;
			display: inline-block;
			font-size: 15px;
			font-weight: 500;
			margin-top: .85em;
			margin-bottom: .5em;
		}

		input[type="text"],
		input[type="number"],
		input[type="password"],
		select {
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 4px;
			color: #444;
			display: inline-block;
			font-size: 16px;
			height: 30px;
			padding: 0 24px 0 8px;
			width: calc(100% - 8px - 24px - 2px);
		}

		select {
			width: 100%;
		}

		textarea {
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 4px;
			color: #444;
			font-size: 16px;
			padding: 10px;
		}

		.description {
			color: #888;
			font-size: 13px;
			margin: 5px 0 0;
		}

		&.toggle {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			padding: 0;
			border-bottom: 1px solid #eee;
			color: #666;
			align-items: top;

			&:last-child {
				border-bottom: 0;
			}

			.name {
				flex-basis: 0;
				min-width: 160px;
				text-align: center;
				font-weight: bold;
				align-self: stretch;
				display: flex;
				align-items: baseline;
			}

			.content {
				flex-grow: 1;
				padding: 20px;

				p {
					margin-bottom: 1em;
				}

				p:last-child {
					margin-bottom: 0;
				}
			}

			.enable {
				flex-basis: 0;
				min-width: 75px;
				text-align: center;
				cursor: pointer;
				padding: 2em 0;
				position: relative;
				max-height: 1.5em;
				align-self: flex-start;
			}

			.toggle {
				height: 16px;
				width: 32px;
				border: 2px solid #935687;
				background-color: #935687;
				display: inline-block;
				text-indent: -9999px;
				border-radius: 10em;
				position: relative;

				input[type=checkbox] {
					display: none;
				}

				&:before {
					content: "";
					display: block;
					width: 16px;
					height: 16px;
					background: #fff;
					position: absolute;
					top: 0;
					right: 0;
					border-radius: 100%;
				}

				&.disabled {
					border-color: #999;
					background-color: #999;

					&:before {
						right: auto;
						left: 0;
					}
				}
			}
		}
	}
}
