.font-size-16 {
	font-size: 16px;
	line-height: 1.1em; 
}

.font-color-ffffff {
	color: #ffffff;
}

.font-weight-600 {
	font-weight: 600;
}

.wwp-prescription-form-item-display-none {
	display: none;
}

.wwp-prescription-form-item-display-block {
	display: block;
}

#contact-form {
	padding: 0px 0px 0px 0px !important;
	margin: 17px 0px 0px 0px !important;
}

.wwp-prescription-form-wrapper {
	background-color: #9ed956;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px px 0px;
	width: 100%;
}

.wwp-prescription-form-wrapper-inner {
	margin: 18px auto 0px auto;
	width: 927px;
}

.wwp-prescription-form-row-wrapper {
	float: left;
	width: 100%;
}

.wwp-prescription-form-row-wrapper-spacer {
	float: left;
	margin: 23px 0px 0px 0px;
	width: 100%;
}

.wwp-prescription-form-item-wrapper {
	float: left;
	width: 100%;
}

.wwp-prescription-form-item-wrapper-left,
.wwp-prescription-form-item-wrapper-left-bottom {
	float: left;
	width: 721px;
}

.wwp-prescription-form-item-wrapper-right {
	float: right;
	width: 187px;
}

.wwp-prescription-form-consent {
	margin: 0px 0px 50px 0px;
}

label.label-wwp-prescription-form {
	color: #ffffff;
	float: left;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.3em;
	margin: 30px 0px 9px 0px;
	width: 100%;
}

label.label-wwp-prescription-form h3 {
	color: #ffffff;
}

label.checkbox-label-wwp-prescription-form,
label.checkbox-label-wwp-prescription-form:hover {
	color: #151515;
	float: left;
	font-family: 'Roboto', sans-serif !important;
	font-size: 13px;
	font-weight: 400 !important;
	letter-spacing: 0em !important;
	line-height: 14px; 
	margin: 0px 0px 0px 18px;
	text-align: left;
}

.checkbox-label-wwp-prescription-form .ui-checkboxradio-icon {
	margin-left: -18px;
}

label.checkbox-label-wwp-prescription-form a {
	color: #151515;
	text-decoration: underline;	
}

.checkbox-new-row-wwp-prescription-form label.checkbox-label-wwp-prescription-form {
	width: calc( 100% - 18px );
}

.checkbox-new-row-wwp-prescription-form {
	float: left;
	width: 100%;
}

.checkbox-new-row-wwp-prescription-form-margin {
	margin: 0px 0px 14px 0px;
}

.checkbox-wwp-prescription-form-wrapper {
	float: left;
}

.text-wwp-prescription-form {
	border: 1px solid #6c6c6c !important;
	border-radius: 5px !important;
	color: #6c6c6c !important;
	float: left;
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px !important; 		/* 18px */
	font-weight: 400 !important;
	height: 33px;
	letter-spacing: 0em !important;
	line-height: 33px !important;		/* 33px */
	margin: 0px 14px 4px 0px;
	padding: 3px 18px 0px 18px !important;
	width: calc( 272px - 38px );
}

.text-wwp-prescription-form.error-color-wwp-prescription-form {
	color: #6c6c6c !important;
}

.text-wwp-prescription-form:focus {
	border: 1px solid #6c6c6c !important;
	outline: 0 !important;
}

.text-wwp-prescription-form-right {
	margin: 0px 0px 4px 0px;
	width: calc( 273px - 38px );
}

.text-wwp-prescription-form-small {
	width: calc( 177px - 38px );
}

.text-wwp-prescription-form-dynamic-row-first {
	width: calc( 183px - 22px );
}

.text-wwp-prescription-form-dynamic-row-second {
	padding: 3px 10px 0px 10px !important;
	text-align: center;
	width: calc( 120px - 22px );
}

.text-wwp-prescription-form-dynamic-row-third {
	padding: 3px 10px 0px 10px !important;
	text-align: center;
	width: calc( 212px - 22px );
}

.text-wwp-prescription-form-dynamic-row-fourth {
	margin: 0px 0px 4px 0px;
	padding: 3px 10px 0px 10px !important;
	text-align: center;
	width: calc( 130px - 22px );
}

.text-wwp-prescription-form-no-margin-right {
	margin: 0px 0px 4px 0px;
}

.text-wwp-prescription-form::placeholder {
	color: #cfcfcf !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px !important; 		/* 18px */
	font-weight: 400 !important;
	letter-spacing: 0em !important;
	line-height: 33px !important;		/* 33px */
	font-style: italic !important;
}

.text-wwp-prescription-form.error-color-wwp-prescription-form::placeholder {
	color: #960429 !important;
}

.text-wwp-prescription-form-no-margin {
	margin: 0px 0px 4px 0px;
}

.input-text-row-new-row-wwp-prescription-form {
	float: left;
	width: 100%;
}

.input-text-row-new-row-wwp-prescription-form-line-number {
	color: #ffffff !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px !important; 		/* 18px */
	font-weight: 700 !important;
	letter-spacing: 0em !important;
	line-height: 33px !important;		/* 33px */
	font-style: italic !important;
	float: left;
	padding: 4px 0px 0px 0px;
	width: 18px;
}



button.button-wwp-prescription-form,
button.button-wwp-prescription-form:hover {
	background: #d8e7ef url( '../images/bg-btn-send-prescription.png' ) no-repeat top right;
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 9px -1px #333333; 
	box-shadow: 3px 3px 9px -1px #333333;
	color: #2e5cca;
	cursor: pointer;
	float: right;
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px !important; 		/* 18px */
	font-weight: 600 !important;
	line-height: 33px !important;
	margin: 9px 0px 18px 0px;
	outline: 0;
	padding: 6px 20px 6px 22px;
	text-align: left;
	width: 272px;
}

.error-section-wwp-prescription-form {
	float: left;
	width: 100%;
}

.error-color-wwp-prescription-form,
.error-color-wwp-prescription-form a,
.error-color-wwp-prescription-form h2,
.error-color-wwp-prescription-form h3,
.error-color-wwp-prescription-form h4 {
	color: #960429 !important;
}

.error-border-color-wwp-prescription-form {
}

#customer_number {
	display: none;
}

.hide-tablet {
	display: inline-block;
}

.hide-mobile {
	display: block;
}

.show-mobile {
	display: none;
}


/* breakpoint form */
@media only screen and ( max-width: 1075px ) {
	.hide-tablet {
		display: none;
	}
	
	.wwp-prescription-form-wrapper-inner {
		width: 90%;
	}
	
	.wwp-prescription-form-item-wrapper-left,
	.wwp-prescription-form-item-wrapper-left-bottom	{
		width: 100%;
	}

	.wwp-prescription-form-item-wrapper-right {
		float: left;
		margin: 20px 0px 0px 0px;
		width: 80%;
	}
	
	.wwp-prescription-form-consent {
		margin: 0px 0px 15px 0px;
	}
	
	.text-wwp-prescription-form-dynamic-row-first {
		width: calc( 276px - 22px );
	}
}


/* breakpoint form */
@media only screen and (max-width: 951px) {
	.wwp-prescription-form-item-wrapper-right {
		width: 100%;
	}
	
	.text-wwp-prescription-form {
		padding: 0.4% 2.3% 0% 2.3% !important;
		margin: 0px 1.6% 4px 0px;
		width: 43%;
	}

	.text-wwp-prescription-form-right {
		margin: 0px 0px 4px 0px;
		width: 43%;
	}

	.text-wwp-prescription-form-small {
		margin: 0px 1.6% 4px 0px;
		width: 26.5%;
	}	

	.text-wwp-prescription-form-dynamic-row-first {
		width: 11.5%;
	}
	
	.text-wwp-prescription-form-dynamic-row-second {
		padding: 0.4% 2.3% 0% 2.3% !important;
		width: 14.5%;
	}

	.text-wwp-prescription-form-dynamic-row-third {
		padding: 0.4% 2.3% 0% 2.3% !important;
		width: 30%;
	}

	.text-wwp-prescription-form-dynamic-row-fourth {
		margin: 0px 0px 4px 0px;
		width: 17%;	
	}
	
	.wwp-prescription-form-item-wrapper-left-bottom {
		width: calc( 100% - 2px );
	}
	
	.input-text-row-new-row-wwp-prescription-form-line-number {
		width: 2.3%;
	}
	
	.text-wwp-prescription-form-no-margin-right {
		margin: 0px 0px 4px 0px;
	}
}



@media only screen and (max-width: 781px) {
	.wwp-prescription-form-row-wrapper-spacer {
		margin: 4px 0px 0px 0px;
	}

	.wwp-prescription-form-item-wrapper-left-bottom {
		width: 100%;
	}
	
	label.checkbox-label-wwp-prescription-form,
	label.checkbox-label-wwp-prescription-form:hover {
		font-size: 14px;
		line-height: 15px; 
	}

	.text-wwp-prescription-form {
		font-size: 14px !important; 		/* 18px */
		line-height: 17px !important;		/* 33px */
		margin: 0px 0px 15px 0px;
		padding: 2px 14px 0px 14px !important;
		width: calc( 100% - 30px );
	}

	.text-wwp-prescription-form::placeholder {
		font-size: 14px !important; 		/* 18px */
		line-height: 17px !important;		/* 33px */
	}
	
	.text-wwp-prescription-form-dynamic-row-second {
		text-align: left;
		width: calc( 100% - 30px );
	}

	.text-wwp-prescription-form-dynamic-row-third {
		text-align: left;
		width: calc( 100% - 30px );
	}

	.text-wwp-prescription-form-dynamic-row-fourth {
		text-align: left;
		width: calc( 100% - 30px );
	}
	
	.wwp-prescription-form-item-wrapper-left-bottom {
		width: 100%;
	}

	button.button-wwp-prescription-form,
	button.button-wwp-prescription-form:hover {
		font-size: 16px !important; 		/* 18px */
		line-height: 17px !important;
		margin: 25px 0px 25px 0px;
		padding: 15px 22px 15px 22px;
		text-align: center;
		width: 100%;
	}

	.hide-mobile {
		display: none;
	}	
	
	.show-mobile {
		display: block;
	}
		
}