/* WP Stylized: Start */

.wrap {
	margin: 10px 0 0 0 !important;
}

.notice, div.error, div.updated {
	margin: 20px 20px 20px 0 !important;
}

p.submit {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
	border-radius: 0 !important;
}

/* WP Stylized: Finish */

/* Plugin Stylized: Start */

/* Global Class: Start */

.disable-div {
	pointer-events: none;
	opacity: 0.4;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#gsd_box {
	input {
		width: 100%;
		padding: 10px 15px;
	}

	hr.gsd-hr {
		background: #eee;
		width: calc(100% + 24px);
		height: 1px;
		margin: 19px 0 16px -12px;
		border: none;
	}

	#Product, #Event, #Course {
		display: none;

		.div-information {
			width: 100%;
			display: inline-block;

			.text {
				width: calc(20% - 10px);
				margin-right: 10px;
				float: left;
			}

			.input {
				width: 80%;
				float: left;
			}
		}
	}
}

/* Global Class: Finish */

.tabs {
	font-size: 0;
	margin: 20px 0;

	&::after {
		clear: both;
		content: '';
		display: table;
	}

	.tab {
		display: inline;

		& > [type="radio"] {
			clip: rect(0 0 0 0);
			height: 1px;
			opacity: 0;
			position: fixed;
			width: 1px;
			z-index: -1;
		}

		[type="radio"]:checked + .tab-label {
			background: white;
			border-bottom-width: 0;
			padding-bottom: 11px;
			z-index: 1;
		}

		[type="radio"]:checked ~ .tab-panel {
			display: inline;
		}
	}

	.tab-label {
		background: #eee;
		border: 1px solid #ccc;
		display: inline-block;
		font-size: 16px;
		left: 1px;
		margin-left: -1px;
		padding: 10px 15px;
		position: relative;
		vertical-align: bottom;
	}

	.tab-panel {
		display: inline-block;
		overflow: hidden;
		position: relative;
		height: 0;
		width: 0;
	}

	.tab-content {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		background: white;
		padding: 20px;
		border: 1px solid #ccc;
		float: left;
		font-size: 16px;
		margin-top: -1px;
		width: calc(100% - 20px);

		.gsd-options {
			width: calc(100% - 4px);
			margin: 0 0 1px;
			border: 1px solid #ddd;
			border-left: 4px solid #ddd;
			overflow: hidden;
			display: block;

			label {
				background-color: #fff;
				width: calc(100% - 30px);
				font-weight: 700;
				border: none;
				border-bottom: 1px solid #ddd;
				padding: 15px 15px 10px;
				min-height: 24px;
				display: block;

				&:hover {
					cursor: pointer;
				}

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

				input {
					display: none;
				}

				i {
					display: inline-block;
					margin: -3px 0 0;
					float: right;
					padding: 2px;
					width: 40px;
					height: 20px;
					border-radius: 13px;
					vertical-align: middle;
					-webkit-transition: .25s .09s;
					transition: .25s .09s;
					position: relative;
					background: #d8d9db;
					box-sizing: initial;

					&:after {
						content: " ";
						display: block;
						width: 20px;
						height: 20px;
						border-radius: 50%;
						background: #fff;
						position: absolute;
						left: 2px;
						-webkit-transition: .25s;
						transition: .25s
					}
				}

				& > input {
					&:checked + i {
						background-color: #4bd865;

						&:after {
							-webkit-transform: translateX(20px);
							transform: translateX(20px);
						}
					}
				}
			}
		}

		#tab-1-setting, #tab-2-setting, #tab-3-setting, #tab-4-setting, #tab-5-setting {
			margin: 20px 0 0 0;
			display: block;
		}

		p {
			margin-bottom: 20px;

			&:first-child {
				margin-top: 0;
			}

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

		.tc-field {
			background: #f5f5f596;
			width: calc(100% - 23px);
			border: 1px solid #eeeeee6e;
			padding: 10px 11px;
			margin: 0 0 10px 0;
			display: inline-block;

			i {
				font-size: 20px;
				width: 35px;
				text-align: center;
				margin: 0 3px 0 -3px;
				display: inline-block;
			}

			p.bottom-clear {
				margin-bottom: 0;
			}

			b {
				margin: 0 0 5px 0;
				display: block;
			}

			input {
				height: auto !important;
				padding: 10px 15px !important;
				width: 100%;

				&[type="color"] {
					height: 40px !important;
					padding: 0 2px !important;
				}

				&:nth-of-type(1) {
					width: calc(20% - 52px) !important;
					margin-right: 5px;
				}

				&:nth-of-type(2) {
					width: 80% !important;
				}
			}

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

/* Plugin Stylized: Finish */