/* Include margin and padding in the width calculation of input and textarea. */

input,

select,

textarea,

button {

	box-sizing: border-box;

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit;

}

textarea,

input {

	font-size: 14px;

}

textarea {

	overflow: auto;

	padding: 2px 6px;

	/* inherits font size 14px */

	line-height: 1.42857143; /* 20px */

	resize: vertical;

}

label {

	cursor: pointer;

}

input,

select {

	margin: 0 1px;

}

textarea.code {

	padding: 4px 6px 1px 6px;

}

input[type="text"],

input[type="password"],

input[type="color"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="email"],

input[type="month"],

input[type="number"],

input[type="search"],

input[type="tel"],

input[type="time"],

input[type="url"],

input[type="week"],

select,

textarea {

	box-shadow: 0 0 0 transparent;

	border-radius: 4px;

	background-color: #fff;

}

input[type="text"],

input[type="password"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="email"],

input[type="month"],

input[type="number"],

input[type="search"],

input[type="tel"],

input[type="time"],

input[type="url"],

input[type="week"] {

	padding: 0 8px;

	/* inherits font size 14px */

	line-height: 2; /* 28px */

	/* Only necessary for IE11 */

	min-height: 30px;

}

::-webkit-datetime-edit {

	/* inherits font size 14px */

	line-height: 1.85714286; /* 26px */

}

input[type="text"]:focus,

input[type="password"]:focus,

input[type="color"]:focus,

input[type="date"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="email"]:focus,

input[type="month"]:focus,

input[type="number"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="time"]:focus,

input[type="url"]:focus,

input[type="week"]:focus,

input[type="checkbox"]:focus,

input[type="radio"]:focus,

select:focus,

textarea:focus {

	/* Only visible in Windows High Contrast mode */

	outline: 2px solid transparent;

}

/* rtl:ignore */

input[type="email"],

input[type="url"] {

	direction: ltr;

}

input[type="checkbox"],

input[type="radio"] {

	border-radius: 4px;

	background: #fff;

	clear: none;

	cursor: pointer;

	display: inline-block;

	line-height: 0;

	height: 1rem;

	margin: -0.25rem 0.25rem 0 0;

	outline: 0;

	padding: 0 !important;

	text-align: center;

	vertical-align: middle;

	width: 1rem;

	min-width: 1rem;

	-webkit-appearance: none;

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

	transition: .05s border-color ease-in-out;

}

input[type="radio"]:checked + label:before {

}

.wp-core-ui input[type="reset"]:hover,

.wp-core-ui input[type="reset"]:active {

}

td > input[type="checkbox"],

.wp-admin p input[type="checkbox"],

.wp-admin p input[type="radio"] {

	margin-top: 0;

}

.wp-admin p label input[type="checkbox"] {

	margin-top: -4px;

}

.wp-admin p label input[type="radio"] {

	margin-top: -2px;

}

input[type="radio"] {

	border-radius: 50%;

	margin-right: 0.25rem;

	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */

	line-height: 0.71428571;

}

input[type="checkbox"]:checked::before,

input[type="radio"]:checked::before {

	float: left;

	display: inline-block;

	vertical-align: middle;

	width: 1rem;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

input[type="checkbox"]:checked::before {

	/* Use the "Yes" SVG Dashicon */

	margin: -0.1875rem 0 0 -0.25rem;

	height: 1.3125rem;

	width: 1.3125rem;

}

input[type="radio"]:checked::before {

	content: "";

	border-radius: 50%;

	width: 0.5rem; /* 8px */

	height: 0.5rem; /* 8px */

	margin: 0.1875rem; /* 3px */

	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */

	line-height: 1.14285714;

}

@-moz-document url-prefix() {

	input[type="checkbox"],

	input[type="radio"],

	.form-table input.tog {

		margin-bottom: -1px;

	}

}

/* Search */

input[type="search"] {

	-webkit-appearance: textfield;

}

input[type="search"]::-webkit-search-decoration {

	display: none;

}

.wp-admin input[type="file"] {

	padding: 3px 0;

	cursor: pointer;

}

input.readonly,

input[readonly],

textarea.readonly,

textarea[readonly] {

}

::-webkit-input-placeholder {

}

::-moz-placeholder {

	opacity: 1;

}

:-ms-input-placeholder {

}

}

.form-table .form-required.form-invalid td:after {

	content: "\f534";

	font: normal 20px/1 dashicons;

	margin-left: -25px;

	vertical-align: middle;

}

/* Adjust error indicator for password layout */

.form-table .form-required.user-pass1-wrap.form-invalid td:after {

	content: "";

}

.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {

	content: "\f534";

	font: normal 20px/1 dashicons;

	margin: 0 6px 0 -29px;

	vertical-align: middle;

}

.form-input-tip {

}

input:disabled,

input.disabled,

select:disabled,

select.disabled,

textarea:disabled,

textarea.disabled {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);

}

input[type="file"]:disabled,

input[type="file"].disabled,

input[type="range"]:disabled,

input[type="range"].disabled {

	background: none;

	box-shadow: none;

	cursor: default;

}

input[type="checkbox"]:disabled,

input[type="checkbox"].disabled,

input[type="radio"]:disabled,

input[type="radio"].disabled,

input[type="checkbox"]:disabled:checked:before,

input[type="checkbox"].disabled:checked:before,

input[type="radio"]:disabled:checked:before,

input[type="radio"].disabled:checked:before {

	opacity: 0.7;

}

/*------------------------------------------------------------------------------

  2.0 - Forms

------------------------------------------------------------------------------*/

/* Select styles are based on the default button in buttons.css */

.wp-core-ui select {

	font-size: 14px;

	line-height: 2; /* 28px */

	box-shadow: none;

	border-radius: 3px;

	padding: 0 24px 0 8px;

	min-height: 30px;

	max-width: 25rem;

	-webkit-appearance: none;

	/* The SVG is arrow-down-alt2 from Dashicons. */

	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;

	background-size: 16px 16px;

	cursor: pointer;

	vertical-align: middle;

}

.wp-core-ui select:hover {

}

.wp-core-ui select:focus {

}

.wp-core-ui select:active {

	box-shadow: none;

}

.wp-core-ui select.disabled,

.wp-core-ui select:disabled {

	/* The SVG is arrow-down-alt2 from Dashicons. */

	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');

	box-shadow: none;

	text-shadow: 0 1px 0 #fff;

	cursor: default;

	transform: none;

}

/* Reset Firefox inner outline that appears on :focus. */

/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */

.wp-core-ui select:-moz-focusring {

	color: transparent;

}

/* Remove background focus style from IE11 while keeping focus style available on option elements. */

.wp-core-ui select::-ms-value {