/* WP Stylized: Start */

#gsd-admin {
	.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;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	select {
		height: 39px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	textarea {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

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

	#gsd-eh {
		input, select {
			width: calc(30% - 6px);
		}

		input {

		}

		select {
			margin: -4px 2px 0 2px;
		}

		button {
			width: 10%;
			background-color: #0b85ba;
			color: #fff;
			border: none;
			padding: 11px 15px 11px 15px;
			line-height: 16px;
			margin: 0px -3px 5px 0;
			border-radius: 5px !important;
			-webkit-border-radius: 5px !important;
			-moz-border-radius: 5px !important;
			outline: none !important;
			cursor: pointer;

			&:hover {
				background-color: #178fc3;
			}
		}

		textarea {
			display: none !important;
		}

		#hashtags {
			width: 100%;
			display: inline-block;

			.hashtags {
				margin: 15px 0 0 0;
				float: left;
				display: inline-block;


				a {
					background-color: #0A85BA;
					color: #fff;
					font-size: 12px;
					text-decoration: none;
					padding: 10px 40px 10px 15px;
					margin-right: 5px;
					display: inline-block;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;

					&::before {

					}

					&::before {

					}

					&:hover {
						background-color: #0673AA;
					}
				}

				span.delete {
					font-size: 9px;
					background: #0c73a0;
					color: #fff;
					width: 20px;
					height: 20px;
					line-height: 20px;
					text-align: center;
					display: inline-block;
					cursor: pointer;
					margin: 0px -4px 0 -40px;
					border-radius: 100%;
					-webkit-border-radius: 100%;
					-moz-border-radius: 100%;
				}
			}
		}

		button#delete-all-tag {
			background-color: #dc0000;
			color: #fff;
			width: auto;
			border: none;
			padding: 11px 15px 11px 15px;
			line-height: 16px;
			outline: none !important;
			cursor: pointer;

			&:hover {
				background-color: #f31414;
			}
		}
	}

	#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;
			}
		}
	}
}

#automatic-content-alert {
	width: calc(100% + -32px);
	margin: 3px 0 0 1px;
	color: red;
	border: 1px solid;
	padding: 8px 13px 8px 13px;

	p {
		margin: 0;
		padding: 0;
	}
}

/* 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: 39px !important;
					padding: 0 2px !important;
				}
			}

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

/* Plugin Stylized: Finish */