.dp-theme-options .dp-metabox-line {
	font-size: 14px;
}

textarea.dp-code {
	font-family: monospace;
}

.dp-metabox-thin > label > select,
.dp-metabox-thin > label > input,
.dp-metabox-thin > label > textarea {
	max-width: 250px;
}

.dp-metabox-line small {
	display: block;
	margin-top: 5px;
	text-indent: 5px;
	font-size: .9em;
}

.dp-metabox-line > label > textarea {
	height: 300px;
}

.col-4,
.col-3,
.csz {
	overflow: hidden;
	margin-left: -2%;
}

.col-3 > * {
	float: left;
	width: 30%;
	margin-left: 2%;
	margin-bottom: 8px;
}

.col-4 > * {
	float: left;
	width: 23%;
	margin-left: 2%;
	margin-bottom: 8px;
}

.csz > * {
	float: left;
	margin-left: 2%;
}
.csz > *:first-child {
	width: 62%;
}
.csz > *:first-child+* {
	width: 12%;
}
.csz > *:first-child+*+* {
	width: 20%
}

.col-4 input,
.col-4 select,
.col-3 input,
.col-3 select,
.csz input,
.csz select {
	display: block;
	width: 100%;
}
.dp-admin-table {
	width: 100%;
}
.dp-admin-table th,
.dp-admin-table td {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;			
	font-size: 12px;
}

.dp-form-area div > label,
.dp-form-area div > label > input,
.dp-form-area div > label > select,
.dp-form-area div > label > textarea {
	display: block;
	width: 100%;
}

.dp-form-area div > label {
	margin-bottom: 14px;
}

.dp-form-area > div {
	text-align: right;
}

.dp-form-area label {
	text-align: left;
}

.dp-form-area div > fieldset {
	text-align: left;
	border: 1px solid silver;
	border: 1px solid rgba(0, 0, 0, .25);
	padding: 19px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.dp-form-area div > fieldset > legend {
	padding-left: 15px;
	padding-right: 15px;
}

.dp-form-area div > label > input,
.dp-form-area div > label > select,
.dp-form-area div > label > textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-msie-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid silver;
	color: silver;
	padding: 3px;
	font-family: inherit;
	font-size: inherit;
	height: 26px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-msie-border-radius: 2px;
	border-radius: 2px;
}

.dp-form-area div > label > input:hover,
.dp-form-area div > label > input:focus,
.dp-form-area div > label > select:hover,
.dp-form-area div > label > select:focus,
.dp-form-area div > label > textarea:hover,
.dp-form-area div > label > textarea:focus {
	border: 1px solid gray;
	color: #333;
}

.dp-form-area input[type=button],
.dp-form-area input[type=submit],
.dp-form-area button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-msie-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 14px;
	height: 26px;
	line-height: 1;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #AAA;
	background-color: #CCC;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQ2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.46) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.46)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-msie-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
	margin-left: 10px;
}

.dp-form-area input[type=button]:hover,
.dp-form-area input[type=button]:focus,
.dp-form-area input[type=submit]:hover,
.dp-form-area input[type=submit]:focus,
.dp-form-area button:hover,
.dp-form-area button:focus {
	cursor: pointer;
	background-color: #DDD;
}

.dp-form-area  div > label > textarea {
	height: 250px;
}

.dp-form-area div > label > span > input {
	margin-right: 10px;
}

.dp-form-area div.dp-submit {
	text-align: right;
}

/* Form Layout */

form.dp_form div > label,
form.dp_form div > label > input,
form.dp_form div > label > select,
form.dp_form div > label > textarea {
	display: block;
	width: 100%;
}

form.dp_form div > label {
	margin-bottom: 14px;
}

form.dp_form > div,
form.dp_form > fieldset > div {
	text-align: right;
}

form.dp_form label {
	text-align: left;
}

form.dp_form div > fieldset:not('.input-wrapper') {
	border: 1px solid silver;
	border: 1px solid rgba(0, 0, 0, .25);
	padding: 19px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	text-align: left;
}

form.dp_form div > fieldset.input-wrapper {
	border: 0 none;
	padding: 0;
	margin: 0;
}

form.dp_form div > fieldset > legend {
	padding-left: 15px;
	padding-right: 15px;
	text-align: initial; 
	color: inherit;
}

form.dp_form div > label > input,
form.dp_form div > label > select,
form.dp_form div > label > textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-msie-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid silver;
	color: silver;
	padding: 3px;
	font-family: inherit;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-msie-border-radius: 2px;
	border-radius: 2px;
}

form.dp_form div > label > input:hover,
form.dp_form div > label > select:hover,
form.dp_form div > label > textarea:hover {
	border: 1px solid black;
}

form.dp_form div > label {
	transition: all .5s;
}

form.dp_form div > label:focus-within {
	font-size: 1.2em;
	/*transform: scale(1.1);*/
}

form.dp_form div > label:focus-within select,
form.dp_form div > label:focus-within input,
form.dp_form div > label:focus-within textarea {
	box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.2);
}

form.dp_form input[type=button],
form.dp_form input[type=submit],
form.dp_form button,
#question {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-msie-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 14px;
	height: 26px;
	line-height: 1;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #AAA;
	background-color: #CCC;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQ2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.46) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.46)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.46) 0%,rgba(255,255,255,0) 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-msie-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
	margin-left: 10px;
}

form.dp_form input[type=button]:hover,
form.dp_form input[type=button]:focus,
form.dp_form input[type=submit]:hover,
form.dp_form input[type=submit]:focus,
form.dp_form button:hover,
form.dp_form button:focus {
	cursor: pointer;
	background-color: #DDD;
}

form.dp_form div > label > textarea {
	height: 250px;
}

form.dp_form div > label > textarea#counted {
	height: 70px;
}

form.dp_form div > label > span > input {
	margin-right: 10px;
}

.dp-form-error {
	padding: 20px;
	padding-bottom: 0px;
	border: 1px solid #600;
	background: #FEE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-msie-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.dp_form .wp-block-columns {
	margin-bottom: 0;
}
