/** FORMS & WEBFORMS **/
.block-system-main-block > form, .webform-progress {
	max-width: 1200px;
	margin: 0 auto;
}
.webform-progress {
	margin-top: 60px;
}

.webform-submission-form {
	font-size: 125%;
}
.webform-submission-form label, .webform-submission-form input {
	display: inline-block;
}
.webform-submission-form label {
	width: 25%;
}
.block-system-main-block > form legend span {
	font-weight: normal;
}

.webform-submission-form input[type=text], 
.webform-submission-form input[type=number], 
.webform-submission-form input[type=date], 
.webform-submission-form input[type=email],
.webform-submission-form select,
.webform-submission-form .form-textarea-wrapper {
	width: 60%;
	border: 1px solid #0856a0;
	border-radius: 0;
	padding: 5px;
}
.webform-submission-form .form-textarea-wrapper {
	display: inline-block;
	vertical-align: top;
	border: 0;
	padding: 0;
}
.webform-submission-form fieldset.js-webform-radios-fieldset > div.fieldset-wrapper {
	margin: -1.5em 0 0 25.5%;
}

.webform-submission-form fieldset.js-webform-radios-fieldset .form-item input {
	display: none;
}
.webform-submission-form fieldset.js-webform-radios-fieldset .form-item label {
	display: inline-block;
	padding: 7px;
	border: 1px solid #0856a0;
	min-width: 3em;
}
.webform-submission-form fieldset.js-webform-radios-fieldset .form-item input:checked + label {
	color: white;
	background: #0856a0;
}

@media screen and (max-width: 767px) {
	.webform-submission-form label, .webform-submission-form input, .webform-submission-form .form-textarea-wrapper {
		display: block;
	}
	.webform-submission-form label,
	.webform-submission-form input[type=text], 
	.webform-submission-form input[type=number], 
	.webform-submission-form input[type=date], 
	.webform-submission-form input[type=tel], 
	.webform-submission-form input[type=email],
	.webform-submission-form select,
	.webform-submission-form .form-textarea-wrapper {
		width: 80%;
		margin: 0 auto;
	}
}


.webform-submission-form .form-actions input {
	float: none;
	background: transparent;
	border: 1px solid #0856a0;
	border-radius: 0;
	padding: 5px;
	transition: background .2s;
}
.webform-submission-form .form-actions input:hover {
	background: rgba(255, 255, 255, 0.25);
}


/**
 * BEGIN Part time application form
 */

@media only screen and (min-width: 768px) {
	.form-part-time-course-application input, 
	.form-part-time-course-application .fieldset-wrapper, 
	.form-part-time-course-application .form-textarea-wrapper {
		width: 60%;
		display: inline-block;
		vertical-align: top;
	}
}
@media only screen and (max-width: 1389px) {
	.form-part-time-course-application input, 
	.form-part-time-course-application .form-textarea-wrapper {
		width: 100% !important;
		display: inline-block;
		vertical-align: top;
	}
}

.form-part-time-course-application h2,
.form-part-time-course-application h4,
.form-part-time-course-application label {
	color: #0063b8;
}

@media only screen and (min-width: 768px) {
	.form-part-time-course-application .form-composite > legend,
	.form-part-time-course-application label {
		font-weight: normal;
		width: 203px;
		color: #1E75BF;
		font-weight: 300;
		font-size: 1.05em;
		line-height: 1.3em;
		display: inline-block;
		margin-right: 0.5em;
	}
	.form-part-time-course-application .form-composite > legend {
		float: left;
	}
	.form-part-time-course-application #edit-gender--wrapper > legend {
		text-align: right;
		width: 225px;
	}
	.form-part-time-course-application #edit-gender label:nth-child(2) {
		width: 20%;
	}
	.form-part-time-course-application #edit-gender label:nth-child(4) {
		width: 30%;
	}
	.form-part-time-course-application #edit-gender label:nth-child(6) {
		width: 40%;
	}
	.form-part-time-course-application .webform-options-display-side-by-side input[type=radio] {
		display: none;
	}
}

.form-part-time-course-application label.ui-state-active {
	color: white;
}

.form-part-time-course-application .form-item {
	display: inline-block;
	width: 49%;
}

.form-part-time-course-application .form-item-course-title, 
.form-part-time-course-application .full-width, 
.form-part-time-course-application .form-type-webform-markup {
	display: block;
	width: 100%;
}

@media only screen and (min-width: 906px) {
	.form-part-time-course-application .form-item-surname-family-name,
	.form-part-time-course-application .form-item-mobile,
	.form-part-time-course-application .form-item-gender,
	.form-part-time-course-application .form-item-postcode,
	.form-part-time-course-application .form-item-address-line-1,
	.form-part-time-course-application .form-item-town-city {
		text-align: right;
	}
}

.form-part-time-course-application .form-radio {
	float: none;
}

.form-part-time-course-application .form-type-radio label {
	display: inline;
}

@media only screen and (min-width: 768px) {
	.form-part-time-course-application .webform-datepicker select {
		border-radius: 0;
		border: 1px solid #0063b8;
		padding: 2px;
		margin: 0;
	}
}
@media only screen and (max-width: 767px) {
	.form-part-time-course-application .form-itemdate {
		display: block;
		margin: 1em 0 0 0;
	}
	.form-part-time-course-application .form-itemdate label {
		display: block;
	}
	.form-part-time-course-application input,
	.form-part-time-course-application select {
		max-width: 95vw;
	}
}

.form-part-time-course-application .form-item-national-insurance-no {
	display: block;
}

.form-part-time-course-application hr {
	border: 0.5px solid #0063b8;
}

/*.form-part-time-course-application .form-item-title---nationality {
	display: inline-block;
}*/

.form-part-time-course-application .form-item-nationality {
	display: block;
}
.form-part-time-course-application .form-item-nationality select,
.form-part-time-course-application .form-item-disability-health-problem-primary select {
	width: 500px;
	border-radius: 0;
	border: 1px solid #0063b8;
	padding: 3px;
	margin: 0;
	background: white;
}

.form-part-time-course-application .form-item-resident-of-the-uk-eea {
	display: block;
	padding-top: .5em;
}
.form-part-time-course-application .form-item-resident-of-the-uk-eea label {
	width: 500px;
}


.form-part-time-course-application .form-item-learning-disability {
	display: block;
}
.form-part-time-course-application .form-item-learning-disability label {
	width: 100%;
}


.form-part-time-course-application .form-item-learning-disability .form-type-radio,
.form-part-time-course-application .form-item-disability-health-problem .form-type-radio {
	display: inline-block;
}
.form-part-time-course-application .form-item-learning-disability .form-type-radio label,
.form-part-time-course-application .form-item-disability-health-problem .form-type-radio label {
	display: inline-block;
	width: 5em;
}

.form-part-time-course-application .form-item-disability-health-problem {
	display: block;
}
.form-part-time-course-application .form-item-disability-health-problem label {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.form-part-time-course-application .form-item-learning-difficulty-explain .form-type-checkbox,
	.form-part-time-course-application .form-item-disability-health-problem-explain .form-type-checkbox {
		display: inline-block;
		margin: 5px 0;
		min-height: 2.2em;
		vertical-align: middle;
	}
}

.form-part-time-course-application #edit-title-supporting-you > fieldset,
.form-part-time-course-application #edit-title-supporting-you > .field-item {

	display: block;
	width: 100%;
}


.form-part-time-course-application p {
	font-size: 14px;
	color: #0063b8;
}

.form-part-time-course-application .form-item-i-agree-to-these-terms-and-conditions {
	margin-bottom: 1em;
	width: 100%;
	display: block;
}
.form-part-time-course-application .form-item-i-agree-to-these-terms-and-conditions input {
	width: 2em;
}

.form-part-time-course-application .form-item-you-are-applying-for {
	background: #0079CA;
	display: block;
	padding: 5px;
}
.form-part-time-course-application .form-item-you-are-applying-for label {
	color: white;
	font-weight: bold;
	font-size: 18px;
	width: 220px;
}
.form-part-time-course-application .form-item-you-are-applying-for label .form-required {
	display: none;
}
.form-part-time-course-application .form-item-you-are-applying-for input {
	width: 500px;
	background: #0079CA;
	border: 0;
	color: white;
	font-size: 18px;
	margin-bottom: 0 !important;
}
@media only screen and (max-width: 510px) {
	.form-part-time-course-application .form-item-you-are-applying-for input {
		width: 100%;
	}
}

.form-part-time-course-application div.textarea {
	color: #0063b8;
	font-weight: bold;
	font-size: 18px;
}
.form-part-time-course-application h1 {
	color: #0063b8;
}

.form-part-time-course-application .form-checkboxes input {
	display: inline;
	width: 2em;
}	

.form-type-webform-markup > label {
	display: none;
}
	
/** END Part time application form */


/** .webform-submission-apprenticeships-application-form **/

.webform-submission-apprenticeships-application-form p.form-title {
    text-align: center;
    background-color: #0856a0;
    color: white !important;
    line-height: 1.4em;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
}

.webform-submission-apprenticeships-application-form input#edit-length-of-time-spent-living-at-this-address-middle {
    width: 200px;
}

.webform-submission-apprenticeships-application-form input#edit-length-of-time-spent-living-at-this-address-suffix {
    width: 200px;
}

.webform-submission-apprenticeships-application-form .webform-flexbox {
    display: inline-block;
    width:60%;
}

.webform-submission-apprenticeships-application-form .webform-flex.webform-flex--2 {
    display: inline-block;
    /* width: 50%; */
}

.webform-submission-apprenticeships-application-form .webform-flex.webform-flex--1 {
    display: inline-block;
    width: 49%;
}

.webform-submission-apprenticeships-application-form .webform-flexbox {
    /* width: 100%; */
}


.webform-submission-apprenticeships-application-form .webform-flex--container {
    width: 200px;
}

.webform-submission-apprenticeships-application-form .webform-submission-form label {
    width: 35%;
    margin-right: 3%;
}

.webform-submission-apprenticeships-application-form .webform-submission-form select {
    /* width: 60%; !important */
}

.webform-submission-apprenticeships-application-form select#edit-title {
    width: 150px;
    /* -webkit-appearance: none; */
    /* -webkit-border-radius: 0px; */
}

.webform-submission-apprenticeships-application-form select#edit-gender2-select {
    width: 300px;
}
.webform-submission-apprenticeships-application-form .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-gender2-select.form-item-gender2-select.form-no-label {
    display: inline-block;
    margin-top:0px;
}

.webform-submission-apprenticeships-application-form .webform-flexbox {
    display: inline-block;
        width: 60%;
}

.webform-submission-apprenticeships-application-form .js-webform-select-other-input.webform-select-other-input.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-gender2-other.form-item-gender2-other.form-no-label {
    width: 100%;
    margin-left: 35%;
    display: block;
    margin-top: 0px;
}


.webform-submission-apprenticeships-application-form .fieldset-wrapper {
    width: 60%;
    display: inline-block;
}

.webform-submission-apprenticeships-application-form legend {
    margin: 0px;
    width: 35%;
    display: inline-block;
    float: left;
}

.webform-submission-apprenticeships-application-form fieldset#edit-have-you-been-resident-in-the-uk-eea-for-the-last-3-years--wrapper {
    display: block;
    width: 100%;
}


.webform-submission-apprenticeships-application-form label.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-radio-label {
    width: 280px;
}

.webform-submission-apprenticeships-application-form .form-composite > legend, .label{
    margin-right:3%;
}

.webform-submission-apprenticeships-application-form .tableresponsive-toggle-columns {
    display: inline-block;
    float: left;
}


.webform-submission-apprenticeships-application-form table#edit-table {
    display: inline-block;
    font-size: 30;
    line-height: 1.6em;
    font-size: 100%;
    width: 60%;
}

.webform-submission-apprenticeships-application-form th {
    width: 350px;
}

.webform-submission-apprenticeships-application-form p.termsandconditions{
font-size:22.5px;
}

.webform-submission-apprenticeships-application-form label {
	width: 35%;
	margin-right: 3%;
}

/** additional stuff by KP 27 April **/
.webform-submission-apprenticeships-application-form .webform-flexbox{
	display: inline-block;
	width: 100%;
}

.webform-submission-apprenticeships-application-form .webform-flex.webform-flex--1{
	display: inline-block;
	width: 35%;
	margin-right: 3%;
}

.webform-submission-apprenticeships-application-form .webform-flex--container {
	width: 100%;
	padding-right: 20px;
}

.webform-submission-apprenticeships-application-form .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-_8-please-indicate-your-highest-level-of-achievement-prior-to-st-select.form-item-_8-please-indicate-your-highest-level-of-achievement-prior-to-st-select.form-no-label {
	display: inline-block;
}

.webform-submission-apprenticeships-application-form select#edit-18-please-indicate-your-highest-level-of-achievement-prior-to-st-select {
	width: 720;
}

.webform-submission-apprenticeships-application-form label.js-form-required.form-required {
	display: inline-block;
}

.webform-submission-apprenticeships-application-form .webform-element--title-inline > label {
	display: inline;
	padding-right: 0px;
	width: 100px !important;
}

.webform-submission-apprenticeships-application-form .form-checkboxes .form-item, .form-radios .form-item{
	display: block;
}

/** END .webform-submission-apprenticeships-application-form **/


/** KP 11/05/2018 .webform-submission-working-knowledge-expression-of--form **/

@media screen and (min-width: 768px){
	.webform-submission-working-knowledge-expression-of--form label {
		width: 35%;
		margin-right:3%;
	}
	.webform-submission-working-knowledge-expression-of--form .form-composite > legend, .label{
		display: inline-block;
		width: 35%;
		margin-right: 3%;
		float:left;
	}
	.webform-submission-working-knowledge-expression-of--form .fieldset-wrapper {
		width: 100%;
		display: block;
	}
	.webform-submission-working-knowledge-expression-of--form .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
		max-width: 200px;
	}
}
@media screen and (max-width: 767px){
	.webform-submission-working-knowledge-expression-of--form  .form-composite > legend, .label {
		margin-left: 10%;
		margin-right: 10%;
	}
	.webform-submission-working-knowledge-expression-of--form .webform-submission-form select{
		 margin-left: 10%;
		margin-right: 10%;
	}
}

/** END KP 11/05/2018 .webform-submission-working-knowledge-expression-of--form **/

.node-course-edit-form .filter-wrapper {
    display: none;
}