.wpmd {
	display: block;
    margin-top: 10px;

	input[type=checkbox] {
		display: none !important;
		&:before {
			display: none !important;
		}
    }

	label {
		cursor: pointer;
		text-indent: -9999px;
		width: 50px;
		height: 25px;
		background: grey;
		display: inline-block;
		border-radius: 25px;
		position: relative;
		&:after {
			content: '';
			position: absolute;
			top: 1px;
			left: 2px;
			width: 23px;
			height: 23px;
			background: #fff;
			border-radius: 11px;
			transition: 0.3s;
		}
	}
	input:checked + label {
		background: #0073aa;
		&:after {
			left: calc(100% - 2px);
			transform: translateX(-100%);
		}
	}
	label:active:after {
		width: 40px;
	}

	&.sm {
		margin-top: 3px;
		label {
			width: 44px;
			height: 22px;
			background: grey;
			display: inline-block;
			border-radius: 22px;
			
			&:after {
				top: 1px;
				left: 2px;
				width: 20px;
				height: 20px;
				border-radius: 11px;
			}
		}
		input:checked + label {
			background: #0073aa;
			&:after {
				left: calc(100% - 2px);
				transform: translateX(-100%);
			}
		}
		label:active:after {
			width: 30px;
		}
	}
}

.plugins_page_githuber-md, .plugins_page_wp-githuber-md {
	.metabox-holder {
		padding: 10px 20px 20px 20px;
	}
}

.wrap div.updated {
	margin: 0;
	margin-top: 15px;
}

.g-tab-title {
	display: block;
	overflow: hidden;
	font-size: 1.5rem;
	padding-bottom: 15px;
}

form {

	.g-section-title {
		position: relative;
		display: block;
		font-size: 1.2rem;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;

		.setting-toggle {
			position: absolute;
			display: inline-block !important;
			right: 15px;
			top: -15px;
		}
	}
	
	.g-section-title-desc {
		font-size: 13px;
		margin: 0px 5px;
		padding: 3px 6px;
		color: #aaaaaa;
		border-radius: 3px;
	}

	.g-section-desc {
		display: block;
	}
}

pre.setting-example {
	background-color: #ffffff;
	border: 0 !important;
	padding: 10px !important;
	border-radius: 3px;
	

	code {
		background-color: #ffffff;
		margin: 0;
		padding: 0;
	}
}

.example-tag {
	border: 1px #dddddd solid;
	padding: 2px 5px;
	margin: 3px;
	border-radius: 2px;
	color: #0073aa;
	background-color: #ffffff;
}

/*
.nav-tab-active, .metabox-holder {
	background-color: #ffffff;
}

.nav-tab-active {
	border-bottom: 1px solid #ffffff;
}
*/

.CodeMirror {
	.cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word):not(.cm-tag):not(.cm-property):not(.cm-variable):not(.cm-variable-2):not(.cm-string):not(.cm-link):not(.cm-def):not(.cm-atom):not(.cm-operator) {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
		background-position: bottom left;
		background-repeat: repeat-x;
	}
}

.bg-icon-md {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAQCAYAAACYwhZnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0xMS0yMVQyMjoxNzowOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMTEtMjJUMTY6NDI6NDErMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMTEtMjJUMTY6NDI6NDErMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCREJEQzNGMEQwNDExRUFCREM2RDMzRUEzQ0FBRUQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCREJEQzQwMEQwNDExRUFCREM2RDMzRUEzQ0FBRUQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0Y1NkZGMDkwQzg5MTFFQTk1MEM4NzZFRjYwNjI3ODYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y1NkZGMEEwQzg5MTFFQTk1MEM4NzZFRjYwNjI3ODYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7e8S3IAAAE4ElEQVR42sxVW0gcVxj+ZvbmLa6rUWPddTVqN9pYFW+0NDFoE8HWplUrGrSgGEhQaH3ywcfiiyJYyIOljcU+pE1JH4pY8BIwQmlLtdSolQTrbV3UddXNuvednel/ZnclJH1vDpzdmXP+mf873//933CSJOH/HjxegaFkP93d3fdWVlaurq6uamJjY8XKysqHtbW1n+zu7ro8Hg+qqqpQWloaecbY19d3f3R09A2e58W4uDhLdnb2ZWLUJgYFXLs1hoS016CSEPNoVVpY3MaFxDhgbR+oL+VQU4DcIxfWOHoRxz0H4vDwMM5sNp/d39+XF9fX1+s1Gg1qampat7e3PaIoRgBk9/b2jg8MDORFFihOSkpK4lhVPc5DolaAQkEJBEiUxM1TInnyclInXYoqPrTm8ALsORkEnd5OJ6IlREVePjIyUu/3+8eIhTadTuejpdSenp4fh4eH856nkvbcWq1WFAI+pBnK4UE0EpnMOEiUWFJSQnkyYICg4CCy68dmSqai3FFhTRCVPE3uxVoR5R/PzMx8lZqaWtLf3z9BAApPxcSH5MSErVSqYd9fR9HVbjx2JmPXBkSrwIkEhuFhk5GpUuIMlUY9vwH8+g8Qo5bjQkxEXsZGTk6O22QyuSYmJpLZ/djYWBuV58O5ubkz4dBgQUHBQ5vN9iZp5hx7zkYAcss/gv71LPy5LOGJn0N6AjzaKLiD4eZjfzEqrC/twMz0EU0AgmJonnYHF1aJQqFwDA4O1jU3N38XARcBoFKp0NjY+DXF3D4+Pg7IiEiMT1aWoUu/CGNOSoPDgRm3H6MLm7i7+wwmdlqBEqXrgL/MEKZX8IUQxF2/gGnaG6Z5W/liCex2u25nZyfQ2dnZfnR0lDM1NVUWoT8rK+sbmreIpfNerzclBJ6HJlqL82lRuJyOpXEjcu//LlUbz1K9Gd2aUCkYmEOnlLfhQZ7lGLhZieWGMu5LKtHOSz5Bp1VYLBYDdYuvq6vrel1d3UKYqQcE6ubi4iIyMjK0TIxh5pBzIR8bTxextmN9OnyDe7v9ElZtjhDlUlgXTB8MyMEJ8F4h5qhdK90BPPAJ+E35H95BrcWJPp8PLpdrt7W1tbmioqInLS2tj9aCQ0NDEARBipSPjfiEREyPf4933m1Anj7F8tk17srCBn7+2yKV5KeHALCWXD8AruRx5reycd3hgT05PgSSD59SDGsnonyJeQNRjkAgsEY66Oro6LC3tLSwlpRBROIZGDEYhD4jGz/du0PxXlA/Wz+tQfslE6xr1pApbVLHXEznzPUlqPMHYX/JtknpCQcHB7JHWK1WlcPhiD45OQGtwel0gpkYE2hTUxPm5+fZfRRpJ4bF7+3txZCGeOvBIX55NIOpyUmceCXmDUs9NVxnbio8S+QJJFaXPhEN5JaLxy6AhCkzdOqYxcXFQnx8vGdrayuaPMGr1+sZA3KAWq2W607gYDQaUV1dzdY42ncHg8EYurYbDAY51ufzYpJAtOXXwStwjIHxShN3Q6WQ7nxQhM/VKvxhSATOURnOaendihBLMojy8vLZzMzMZ5QonizYSd+CTaJcTu52u8FKw9igOJSVyc1ipf0fCIiWbNtCJfKysghCgFxRlO2SjQCdVsFjttDAfft+EWZPyJM1yhAD1BWnILhX4VP+rwADAC7tMyJ3HEmPAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	width: 29px;
	height: 14px;
	float: right;
	margin-top: 4px;
}

.p-r {
	position: relative;
}

.githuber-md-keyword {
	padding: 3px 6px;
	border: 1px #dddddd solid;
	margin: 3px;
	font-size: 12px;
	display: inline-block;
	word-wrap: break-word;
	background-color: #f6f6f6;
	border-radius: 2px;
	cursor: pointer;

	&:hover {
		background-color: #0073aa;
		color: #ffffff;
		border: 1px rgb(115, 80, 199) solid;
	}
}

.metabox-prefs {
	.bg-icon-md {
		display: none;
	}
}

.githuber-md-info-bar {
	clear: both;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;

	.version-info {
		margin-right: 20px;
		padding: 10px;
		font-size: 12px;
		background-color: rgba(255, 255, 255, 0);
	}

	.githuber-md-logo {
		height: 60px;
	}

	a {
		text-decoration: none;
		padding: 3px 5px;
		border: 1px #dddddd solid;
		margin-right: 10px;
		border-radius: 2px;
		background-color: #f4f5f5;
	}
}