﻿/* Ajax Loader
######################################################################*/

/* Absolute Center CSS Spinner */

#loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */

#loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */

#loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

#loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow:
		rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
		rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow:
		rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
		rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Home page
######################################################################*/

.main-home .share.share-small {
	margin-bottom: 40px;
}

/* Body amends
######################################################################*/

@media screen and (min-width: 992px) {
	html,
	body {
		line-height: 1.5;
	}
	.block.aside.news,
	.media-body p,
	.form-group {
		line-height: 1.35;
	}
	#notice-accordion .pull-left {
		margin-top: 4px;
	}
}

p {
	margin: 0 0 15px;
}

.prose ul li {
	margin-bottom: 15px;
}

/* .main > .container {
	padding-top: 25px;
} */

.modal-content main.main-practitioner {
	display: none;
}

/* Heading amends
######################################################################*/

[class*='col-'] > .lead {
	margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
	h1,
	.h1 {
		font-size: 36px;
	}
	h2,
	.h2 {
		font-size: 30px;
	}
	[class*='col-'] > .lead {
		margin-bottom: 20px;
	}
}

/* episerver forms custom classes
######################################################################*/

.Form__MainBody {
	border: 1px solid #d1d3d4;
	padding: 15px;
}

form.EPiServerForms {
	margin-bottom: 30px;
}

form.EPiServerForms .form_footer_section {
	border-top: 1px solid #d1d3d4;
	margin-top: 30px;
	margin-left: -16px;
	margin-right: -16px;
	padding: 5px 16px 25px;
	min-height: 50px;
}

form.EPiServerForms .form_footer_section .FormSubmitButton {
	margin-top: 17px;
}

.EPiServerForms .form_footer_section.inEditor {
	margin: 0;
	padding: 0;
	height: 50px;
}

form.EPiServerForms .form_footer_section p {
	padding-top: 7px;
}

.required_field_notice {
	padding-bottom: 20px;
	margin-top: -15px;
}

.lt-ie10 .form_ie8_message {
	display: block;
}

.lt-ie10 .EPiServerForms.form {
	display: none;
}

.Form__Status.form_ie8_message {
	padding-bottom: 20px;
}

/* errors */

.Form__MainBody .ValidationFail input:not(.notRequired),
.Form__MainBody .ValidationFail textarea:not(.notRequired),
.Form__MainBody .ValidationFail select:not(.notRequired) {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	background-color: #fffbcc;
	border-color: #b44113;
	border-width: 2px;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
	margin-top: 5px;
	color: #d00000 !important;
	font-size: 16px;
}

/* success message */

.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message {
	background-color: #ecf3e7;
	padding-left: 85px;
	padding-bottom: 20px;
	padding-top: 20px;
	min-height: 100px;
}

.EPiServerForms .Form__Status .success_message_tick .success_message_tick_image {
	margin-top: 25px;
	margin-left: 25px;
}

.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h2,
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h3,
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message p.lead {
	font-size: 24px;
	font-weight: 300;
	color: #438516;
}

/* multi step navigation */

.Form__NavigationBar,
bottom-navigation-bar {
	width: 100%;
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
	display: none;
}

.form-step-navigation.bottom-navigation {
	border-left: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	padding: 15px 16px;
}

.form-step-navigation.top-navigation {
	border-left: 1px solid #d1d3d4;
	border-top: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	padding: 15px 16px;
}

.EPiServerForms .Form__NavigationBar .form-step-navigation .Form__NavigationBar__ProgressBar {
	width: 100%;
}

.EPiServerForms .Form__NavigationBar div.Form__NavigationBar__ProgressBar {
	background-color: #eff0f0;
	height: 10px;
	margin-bottom: 15px;
	border: medium none;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar div.Form__NavigationBar__ProgressBar--Progress {
	background-color: #00838f;
	height: 10px;
}

.Form__NavigationBar__ProgressBar--Text {
	font-weight: 700;
	margin-bottom: 5px;
}

.EPiServerForms .form-step-navigation .action-link-container .action-group {
	display: block;
}

.bottom-navigation-bar .form-step-navigation .next-step {
	float: right;
}

.bottom-navigation-bar .form-step-navigation .prev-step {
	float: left;
}

.bottom-navigation-bar .form-step-navigation .action-group-item {
	margin-right: 0px;
}

@media all and (max-width: 768px) {
	.main-content .EPiServerForms .bottom-navigation-bar .Form__NavigationBar__Action.btn {
		background-color: red;
		font-size: 14px;
	}
}

/*have to override a lot of styles from forms css / bootstrap */

.main-content .EPiServerForms .bottom-navigation-bar .Form__NavigationBar__Action {
	background-image: none;
	border: 1px solid #d1d3d4;
	border-radius: 0px;
	color: #00334c;
	display: inline-block;
	font-size: 18px;
	height: auto;
	max-width: none;
	padding: 10px 16px;
	text-align: inherit;
	vertical-align: inherit;
	width: auto;
}

/* info box */

.info-desk {
	padding: 24px 20px;
	font-size: 18px;
	line-height: 27px;
	float: none !important;
	position: initial;
	background-color: #eafbf6;
	border: none;
	border-left: 16px solid #74e0c1;
	clear: both;
	display: inline-block !important;
	margin-bottom: 25px;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.container-form .info-desk {
		padding: 20px 0 !important;
	}
	.container-form .info-desk p {
		padding: 0 !important;
	}
	.container-form .info-desk ul {
		padding-left: 20px !important;
	}
}

.info-desk ul {
	padding-left: 20px;
}

.info-desk ul li {
	margin-bottom: 20px;
}

.info-desk svg,
.info-desk img {
	max-width: 44px !important;
	max-height: 44px !important;
	display: inline-block;
}

/* Ftp page classes
######################################################################*/

@-ms-viewport {
	width: device-width;
}

.container-general {
	/*font-family: FoundryMonoline;*/
	color: #000011;
}

.container-general .action-group .col-lg-10,
.container-general .action-group .col-md-10,
.container-general .action-group .col-sm-10 {
	width: 90%;
}

.container-general .links-general .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.container-general .links-general .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.container-general .action-group-item-opening .frame {
	float: left;
	height: 100%;
	/* equals max image height */
	width: 100%;
	white-space: nowrap;
}

.container-general .action-group-item .ico-opening {
	display: inline;
	vertical-align: middle !important;
}

.container-general .action-group .action-group-item-opening a h2 {
	width: 100%;
	position: relative;
	display: block;
	padding: 15px 15px;
	font-weight: bold !important;
	color: #fff;
	-webkit-transition: background-color 150ms ease;
	transition: background-color 150ms ease;
	border-radius: 0;
	white-space: normal;
}

.container-general .action-group .action-group-item-opening a::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	right: 10px;
	width: 30px;
	height: 90%;
	background: url(/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/arrow-right.svg) center center no-repeat;
	background-size: 25px auto;
}

.container-general ul {
	list-style: disc;
}

.container-general .action-group-item-opening .accordion-head {
	cursor: pointer;
}

.container-general .action-group-item-opening {
	display: table;
}

.container-general.action-group-item-opening .text {
	display: table-row;
}

.container-general .action-group-item-opening span {
	width: 100%;
}

.container-general .action-group-item-opening .text div {
	line-height: 99px;
	height: 100%;
	text-align: left;
	color: #00334c;
	white-space: normal;
}

.container-general .action-group-item-opening .accordion-body ul {
	padding-bottom: 15px;
}

.container-general .action-group-item-opening .text div h2 {
	vertical-align: middle;
	line-height: 34px;
	text-align: left;
	color: #00334c;
	display: inline-block;
	font-weight: bold !important;
	padding-right: 30px;
	padding: 10px 30px 10px 0;
}

.container-general .action-group-item-opening .text div .close-icon::after {
	background: url(/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/close_icon.svg) center center no-repeat !important;
}

.container-general .action-group-item-opening .text div h2::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	right: 10px;
	width: 30px;
	height: 100%;
	background: url(/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/plus_icon.svg) center center no-repeat;
	background-size: 25px auto;
}

.container-general .action-group-item {
	height: auto !important;
	margin-bottom: 25px;
	min-height: 140px;
	width: 100%;
}

@media screen and (min-width: 1200px) {
}

.container-general .action-group-item .col-md-2,
.container-general .action-group-item .col-sm-2 {
	width: 10% !important;
}

.container-general .action-group-item .col-md-10 .container-general .action-group-item .col-sm-10 {
	width: 90% !important;
}

@media screen and (max-width: 991px) {
	.container-general .action-group-item .col-sm-2 {
		width: 72px !important;
	}
	.container-general .action-group-item .col-sm-10 {
		width: calc(100% - 72px) !important;
	}
	.container-general .row > [class*='col-'] {
		margin: 0;
	}
}

.container-general .action-group {
	width: 100%;
	display: block !important;
}

.container-general .action-group-item .color img {
	display: inline;
	width: 30px;
	margin: 0;
}

.container-general .action-group-item .color {
	width: 100%;
	text-align: center;
	float: left;
	padding: 32px 17px;
	min-height: 140px;
}

.container-general .action-group-item .text {
	min-height: 140px;
	width: 100% !important;
	border-top: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
	padding-right: 20px;
}

.container-general .action-group-item .text span {
	vertical-align: middle;
	padding-left: 37px;
	font-size: 26px;
	text-align: left;
	line-height: 30px;
	color: #00334c;
	white-space: normal;
	min-height: 140px;
	margin-bottom: 150px;
}

.container-general .btn-block p {
	padding-left: 33px;
	text-align: left;
	line-height: 86px;
	font-size: 26px;
	color: #fff !important;
	white-space: normal;
}

.container-general .media-heading {
	font-weight: normal !important;
}

.container-general .action-group-item .text .title {
	display: block;
	padding-left: 40px;
	padding-top: 28px;
	font-size: 26px;
	text-align: left;
	margin: 0;
	min-height: 1px;
}

.container-general .action-group-item .text .title a {
	color: #331272 !important;
	white-space: normal;
}

.container-general .action-group-item .text .title a:hover {
	color: #331272 !important;
	text-decoration: underline;
}

.container-general .action-group-item .text .title::before {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 16px;
	height: 26px;
	background: url(/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/refresh/chevron.svg) 0 center no-repeat;
	background-size: auto 18px;
	margin-left: -15px;
	margin-right: 4px;
	margin-top: 3px;
}

.container-general .action-group-item .text .body-text {
	display: block;
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	padding: 12px 12px 12px 30px;
	text-align: left;
	color: #000011;
	white-space: normal;
	margin: 0;
}

.container-general .action-group-item-opening .text span,
.container-general .action-group-item-opening .text,
.container-general .action-group-item-opening .color,
.container-general .action-group-item-opening {
	height: 100%;
	min-height: 1px;
}

.flexbox .action-link-container .action-group-item {
	padding: 0 15px;
}

.container-general .action-group-item .row {
	padding: 0;
}

.container-general .action-group-item .row > [class*='col-'] {
	padding: 0;
}

.container-general .action-group-item .btn-block {
	padding-left: 33px;
	text-align: left;
	line-height: 86px;
	font-size: 26px;
	color: #fff !important;
}

.container-general .action-group-item .btn-block:focus {
	background: #00334c !important;
}

.container-general .open-text {
	padding: 25px;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	white-space: normal;
	border-left: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
}

.container-general .open-text a {
	font-size: 18px;
	padding: 0;
	font-weight: bold;
	text-decoration: underline;
	color: #d10074 !important;
}

@media screen and (max-width: 767px) {
	.container-general .action-group-item {
		min-height: 0;
		margin-bottom: 0 !important;
	}
	.container-general .action-group-item .text {
		border-top: none;
		border-right: none;
		display: block;
		position: relative;
		float: none;
		min-height: 0;
	}
	.container-general .action-group-item .text .title {
		padding-top: 20px;
		padding-left: 28px;
	}
	.container-general .action-group-item .text .title::before {
		height: 26px;
	}
	.container-general .action-group .col-xs-12 {
		width: 100% !important;
	}
	.container-general .btn-block p {
		line-height: 26px;
		margin: 0px;
	}
	.container-general .action-group-item .btn-block {
		line-height: normal;
		padding-left: 0;
	}
	.container-general .call-to-action .action-group-item .btn-block {
		margin: 20px 0px;
	}
	.container-general .action-group-item .text p {
		display: block !important;
		padding: 15px !important;
		font-size: 14px;
	}
	.container-general .action-group .action-group-item-opening a {
		font-size: 18px;
	}
	.container-general .action-group-item-opening .text div h2,
	.container-general .action-group-item-opening .text div {
		line-height: normal;
	}
	.container-general .action-group-item-opening {
		min-height: 55px;
		height: 100%;
		overflow: hidden;
	}
	.container-general .action-group-item-opening .open-text {
		display: block;
		float: none;
		padding-top: 20px !important;
		border-left: none;
		border-right: none;
	}
	.container-general .action-group.call-to-action {
		border-top: none;
	}
	.container-general .action-group {
		border-top: 1px solid #d1d3d4;
	}
	.container-general .action-group .action-group-item-opening a h2 {
		font-size: 18px;
	}
}

.action-link-container .bg-Black {
	background-color: #111111;
}

.action-link-container .bg-Green {
	background-color: #331272;
}

.action-link-container .bg-Grey {
	background-color: #331272;
}

.action-link-container .bg-Blue {
	background-color: #331272;
}

.action-link-container .bg-Orange {
	background-color: #331272;
}

.action-link-container .bg-LightBlue {
	background-color: #331272;
}

.action-link-container .bg-Lavender {
	background-color: #331272;
}

.action-link-container .bg-DarkBlue {
	background-color: #331272;
}

.action-link-container .bg-Pink {
	background-color: #331272;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* Statistics Page
######################################################################*/

.statistics-table .notice-toggle {
	float: right;
	cursor: pointer;
	display: block;
	height: 20px;
	width: 20px;
}

.statistics-table .notice-toggle svg {
	fill: #666d70;
	height: 20px;
	width: 20px;
}

.statistics-table .notice:after {
	content: '';
	display: block;
	height: 0;
	left: 100%;
	position: absolute;
	top: 15px;
	width: 0;
}

.results .statistics-table th:last-child {
	text-align: left;
}

.results .statistics-table td:last-child {
	text-align: left;
	font-weight: normal;
}

.programmes-form .form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M11.09 0.590118L6.5 5.17012L1.91 0.590118L0.5 2.00012L6.5 8.00012L12.5 2.00012L11.09 0.590118Z' fill='%2331006F'/%3E%3C/svg%3E");
  background-size: 12px 7px;
  background-position: right 8px center;
  direction: rtl;

	@apply py-4 text-base leading-[100%] font-heading pl-4 pr-8 focus:bg-[position:right_8px_center] focus:border-4 focus:border-black focus:outline-4 focus-visible:outline-tertiary focus-visible:outline-offset-0;
}

.statistics-form .programmes-form-submit {
	margin-top: 0px;
}

.statistics-form .statistics-year {
	width: 30%;
}

.statistics-form .statistics-type {
	width: 70%;
}

@media all and (max-width: 768px) {
	.statistics-form .statistics-year {
		width: 100%;
	}
	.statistics-form .statistics-type {
		width: 100%;
	}
}

.statistics-table .results-col-interval {
	width: 40%;
}

.statistics-table .results-col-stats {
	width: 15%;
}

.statistics-table .registration-message {
	float: right;
}

.statistics-table .popover .popover-content {
	font-size: 14px;
	font-weight: normal;
}

.statistics-table .prose.statistics-message p {
	font-size: 16px;
}

/* Banner font sizes
######################################################################*/

.banner-title {
	font-size: 30px;
	text-shadow: 1px 1px 3px black;
}

.banner-large .banner-title {
	font-size: 20px;
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.banner-title {
		font-size: 34px;
		line-height: 1;
	}
	.banner-large .banner-title {
		font-size: 30px;
		max-width: 100%;
		line-height: 1.2;
	}
}

@media screen and (min-width: 992px) {
	.banner-title {
		font-size: 48px;
		line-height: 1.1;
		max-width: 60%;
	}
	.banner-large .banner-title {
		font-size: 34px;
		line-height: 45px;
		max-width: 65%;
	}
}

/* Signpost
######################################################################*/

.signpost h2 {
	margin-left: -15px;
}

@media screen and (min-width: 768px) {
	.signpost h2 {
		margin-left: -5px;
	}
}

@media screen and (min-width: 992px) {
	.signpost h2 {
		margin-left: 0px;
	}
}

.main-home .signpost h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ebfbf6;
	padding: 32px 15px;
	border-top: none;
}

.signpost h2 {
	border: none;
	font-size: 24px;
	line-height: 22px;
	padding: 32px 15px 32px 0;
	margin-bottom: 0px;
	background: #fff;
}

/* Breadcrumb
######################################################################*/

.col-md-8 .breadcrumb {
	display: none;
}

.media-heading h2 {
	font-size: 28px;
}

/* List groups
######################################################################*/

.list-group-item,
.list-group-item-cookie {
	padding: 10px 15px 3px;
}

.list-group-item a strong,
.list-group-item-cookie a strong {
	font-size: 16px;
}

/* Subnav
######################################################################*/

.subnav a {
	font-size: 16px;
	font-weight: normal;
}

@media screen and (min-width: 992px) {
	.subnav {
		margin-top: 45px;
	}
	.main .banner + .container > .row:first-child .subnav:first-child {
		margin-top: -112px;
	}

	.main .banner + .container > .row:first-child .subnav:first-child h2 {
		background: none;
		padding: 32px 15px;
		border-top: none;
	}
}

/* Make site full width
######################################################################*/

.container,
.banner {
	max-width: 100%;
}

.banner {
	.custom-list {
		padding-left: 0 !important;
	}
}

/* Hub
######################################################################*/

.hub .media-heading {
	font-size: 26px;
	line-height: normal;
	padding-left: 20px;
	position: relative;
}

.hub .media-heading::before {
	height: 20px;
	width: 15px;
	position: absolute;
	top: 6px;
	left: 0;
}

/* Carousel
######################################################################*/

.carousel-overlay {
	min-height: 150px;
}

.carousel-title {
	font-size: 24px;
}

.carousel-text p {
	font-size: 16px;
}

.carousel-link {
	color: #ffffff;
	font-weight: bold;
}

.carousel-link:focus {
	color: #ffffff;
}

@media screen and (min-width: 768px) {
	.carousel-title {
		font-size: 24px;
	}
	.carousel-text p {
		font-size: 16px;
	}
}

@media screen and (min-width: 992px) {
	.carousel-title {
		font-size: 32px;
	}
	.carousel-text p {
		font-size: 18px;
	}
}

/* News images on home page
########################################################*/

@media screen and (min-width: 768px) {
	.latest .media {
		border-bottom: 1px solid #d1d3d4;
		margin: 20px 0;
		padding-bottom: 20px;
	}
}

/* Visual feedback on linked images
########################################################*/

article img,
img.carousel-image {
	opacity: 1;
	transition: opacity 150ms ease 0s;
}

/* Improved spacing on floated images
########################################################*/

.prose img.pull-left {
	margin-right: 25px;
	margin-top: 8px;
	max-width: 40%;
}

.prose img.media-object {
	margin-top: 0px;
}

/* Full width buttons on small screens
########################################################*/

.aside .btn-block {
	max-width: 100%;
}

/* Extra .ie fixes
########################################################*/

.lt-ie9 .header-links a {
	padding-right: 20px;
}

.lt-ie9 .banner {
	max-width: 1500px;
}

/* Modals
######################################################################*/

.main.is-modal {
	padding-top: 20px;
	padding-bottom: 20px;
}

main.is-modal .form-group {
	margin-bottom: 15px;
}

main.is-modal p {
	margin-bottom: 15px;
}

/* Validation
######################################################################*/

.field-validation-valid {
	display: none;
}

.validation-summary-valid {
	display: none;
}

.no-help-block .has-error p.help-block {
	display: none !important;
}

/* Ajax Forms
######################################################################*/

form button.return-link {
	padding: 0;
	border: 0;
	color: #00334c;
	transition: color 100ms ease 0s;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

form button.return-link:hover span {
	text-decoration: underline;
}

form button.return-link:hover,
form button.return-link:focus {
	color: #d10074;
}

/* Related documents
######################################################################*/

.related-documents a {
	font-size: 16px;
}

/* Blocks and sidebar content
######################################################################*/

.main-home .signpost {
	margin-bottom: 20px;
}

.block .alert.alert-error {
	overflow: auto;
}

/* Fix for spacing issue on Search Register page, bottom module*/

#ajaxForm {
	margin-bottom: 30px;
}

#validationSummary + .btn-more {
	border-top: none;
}

.main-employer-results .share {
	margin-top: 0;
	float: none;
}

#pagingButton.btn-more {
	border-top: none;
}

.main-news #pagingButton.btn-more {
	border-top: 1px solid #c6dab9;
}

/* Js-Expanded Notice
######################################################################*/

.js .notice .js-expanded {
	position: relative;
	z-index: 101;
}

.js .notice .js-expanded:after {
	position: absolute;
	display: block;
	content: '';
	right: 15px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -9px;
	border: 5px solid transparent;
	border-bottom-color: #111111;
}

.js .notice .js-expanded.is-collapsed:after {
	margin-top: -3px;
	border-bottom-color: transparent;
	border-top-color: #111111;
}

/* ButtonBackgroundColour
######################################################################*/

.button-bg-blue {
	background-color: #6571b3 !important;
}

.button-bg-pink {
	background-color: #d10074 !important;
}

.button-bg-orange {
	background-color: #b44113 !important;
}

.button-bg-gray {
	background-color: #eff0f0 !important;
}

.button-bg-white {
	background-color: #ffffff !important;
}

.button-bg-gray span {
	color: #000000;
}

.button-bg-orange svg,
.button-bg-orange img,
.button-bg-pink svg,
.button-bg-pink img,
.button-bg-blue svg,
.button-bg-blue img {
	width: 25px;
}

/* Images
######################################################################*/

img.aside-thumb {
	width: 100%;
}

/* Template hint for blocks in preview mode*/

.alert-info-block {
	background-color: #b8c0c5;
	border-color: #b8c0c5;
	box-shadow: 3px 3px 5px #ccc;
	color: #f2f2f2;
	font-family: Verdana;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	border-radius: 4px;
}

/* Search page
######################################################################*/

/* Non JS pagination on search page spacing*/

.module.paginated.search-spacing {
	margin-top: 20px;
}

#search-sort-by-update {
	padding: 7px 16px;
}

.searched-title a em {
	font-weight: bold;
}

p.searched-description em {
	font-weight: bold;
	font-style: normal;
}

.searched-link {
	text-overflow: clip;
}

.searched-item h3 {
	overflow-x: hidden;
}

.search-criteria:valid {
	background-color: #fff;
}

.searched .btn-more {
	margin-top: 0;
}

.notice.paging-notice {
	margin-top: 20px;
}

/* Tables
######################################################################*/

caption p {
	text-align: left;
	padding-bottom: 10px;
}

/* Social media icon spacing
######################################################################*/

.footer-social-media-item {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	margin-right: 20px;
}

/* Table fonts
######################################################################*/

.prose table,
.table {
	font-size: 16px;
}

.prose table {
	font-size: 14px;
}

/* Virtual tour
######################################################################*/

#vtour {
	display: block;
	height: auto;
	max-width: 100%;
}

/* Employer Confirmations
######################################################################*/

.employer-form button.btn-reset {
	float: left;
	background-color: #ffffff;
	color: #00334c;
	border: 1px solid #d1d3d4;
}

/* Search the register
######################################################################*/

.inline-form.register-form .form-body {
	display: block;
}

.search-register-recaptcha {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 5px;
}

.recaptcha-modal .modal-dialog {
	width: 400px;
}

.recaptcha-modal .g-recaptcha {
	padding-left: 8%;
	padding-top: 10px;
}

.form-group.search-recaptcha {
	margin-bottom: 0px;
}

.recaptcha-popup-message {
	font-size: 16px;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.recaptcha-popup-message p {
	font-size: 16px;
}

.recaptcha-modal .modal-body {
	position: relative;
	padding: 15px;
	padding-bottom: 45px;
	padding-top: 25px;
}

.recaptcha-modal.modal {
	top: 28%;
}

@media all and (max-width: 768px) {
	.recaptcha-modal .g-recaptcha {
		padding-left: 8px;
	}
	.recaptcha-modal .modal-body {
		padding: 15px;
	}
	.recaptcha-modal .modal-dialog {
		width: 350px;
	}
}

/* Registrant
######################################################################*/

.practitioner-status a.show-conditions-link {
	font-size: 18px;
}

.practitioner .practitioner-status .media-object.show-conditions-link {
	margin-top: 25px;
}

/* Accordion
######################################################################*/

.accordion-item.panel {
	margin: 0 !important;
	border-radius: 0;
}

.accordion-item .panel-heading {
	padding: 0;
}

.accordion-item a {
	display: block;
	padding: 10px 15px;
}

.accordion-item a:focus {
	outline: none;
}

.accordion-item .panel-title .title {
	color: #00334c;
	word-wrap: break-word;
	padding-right: 15px;
}

.accordion-item .panel-title .view-more {
	font-size: 13px;
	position: absolute;
	right: 50px;
	padding-top: 3px;
}

.accordion-item .accordion-arrow-container {
	vertical-align: middle;
	float: right;
}

.accordion-item .accordion-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #666d70;
	border-top-width: 0;
	display: inline-block;
	vertical-align: middle;
}

.accordion-item .collapsed .accordion-arrow {
	border-top: 5px solid #666d70;
	border-bottom-width: 0;
}

.accordion-item .accordion-no-js {
	display: block;
}

/* specfic case for accordion in a modal */

.modal .accordion-item .collapse {
	display: none;
}

.modal .accordion-item .collapse.in {
	display: block;
}

.collapse {
  visibility: visible!important;
}

.accordion-item a.accordion-no-js {
	pointer-events: none;
	cursor: default;
}

/* Action links */

.action-link-container {
}

.action-link-container .action-group {
	margin: 0;
	padding: 0;
}

.action-link-container .action-group-item {
	line-height: 20px;
	white-space: nowrap;
}

.action-link-container .action-group-item:last-child {
}

.action-link-container a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.action-group-item {
	display: block;
	margin-right: 5px;
	position: relative;
}

.action-group-item .button-bg-gray {
	border: 1px solid #d1d3d4;
	color: #00334c;
}

.action-group-item .button-bg-blue {
	border: 1px solid #6571b3;
}

.action-group-item a {
	color: #ffffff;
	text-decoration: none;
}

.action-group-item.coloured-blocks a:focus .row {
	outline: 3px solid #d10074;
}

.action-group-item .button-bg-blue:hover {
	background-color: #00838f !important;
	border: 1px solid #d1d3d4;
	color: #ffffff;
	opacity: 1;
}

.action-group-item .button-bg-gray:hover {
	background-color: #00838f !important;
	color: #ffffff !important;
	opacity: 1;
}

.action-group-item .button-bg-gray a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.action-link-container ul li {
	margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
	.action-link-container .action-group {
		display: table;
	}
	.action-link-container .action-group-item {
		vertical-align: top;
	}
	.action-link-container .action-group-item:not(:last-child) {
		border-right-width: 0 !important;
	}
	.action-link-container {
		width: 100%;
		text-align: right;
		border-left: 0;
	}
	.flexbox .action-link-container .action-group {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.flexbox .action-link-container .action-group.call-to-action .action-group-item {
		padding: 0;
	}
	.flexbox .action-link-container .action-group-item {
		display: block;
		line-height: 20px;
		height: 42px;
	}
	.flexbox .action-link-container {
		width: auto;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.btn .btn-primary .btn-lg .btn-block .button-bg-blue a:hover {
		color: #ffffff;
	}
	.btn .btn-primary .btn-lg .btn-block .button-bg-blue a:focus {
		color: #ffffff;
	}
}

.spacer20 {
	margin-bottom: 20px;
}

/* Employ confirmations results now has 4 columns */

.main-employer-results .practitioner table th,
.main-employer-results .practitioner table td {
	width: 25%;
}

.employer-spacing {
	margin-bottom: 15px;
}

/* Hide menu items */

@media screen and (min-width: 992px) {
	.utility-mobile {
		display: none;
		visibility: hidden;
	}
}

/* Additon of PPT icon*/
.ppt-link:before {
	display: inline-block;
	vertical-align: top;
	font-size: inherit;
	width: 23px;
	height: 24px;
	content: '';
	margin-right: 12px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.ppt-link:before {
	background-image: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/build/assets/img/file-ppt.svg');
}

.no-svg .ppt-link:before {
	background-image: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/files/ppt.png');
}

/* Search register info alert text */

.prose.alert.alert-info {
	color: #000000;
	border: 0;
	border-left: 16px solid #d72882;
	background: #fbe9f2;
	padding: 35px 30px;
}

.prose.alert.alert-info a {
	color: #111111 !important;
}

.prose.alert.alert-info p strong {
	font-family: 'Gotham medium', Arial, sans-serif;
	font-weight: 500 !important;
	letter-spacing: -0.5px;
}

.prose.alert.alert-info p:last-child {
	margin-bottom: 0px;
}

.prose.alert.alert-info a {
	color: #ce0271;
}

#ie10 {
	display: none;
}

.ltie10 {
	display: none;
}

.alert.alert-info p {
	font-size: 16px;
}

.dismiss-alert a {
	font-size: 20px;
	color: #000000;
	padding-top: 0px;
}

.main-practitioner .practitioner table th:last-child,
.main-practitioner .practitioner table td:last-child {
	width: 26%;
}

.practitioner-search table th:last-child,
.practitioner-search table td:last-child {
	width: 6.2%;
}

.practitioner .panel-group .table-responsive {
	margin-top: 0px;
}

.accordion-body .open-text a {
	white-space: initial;
}

.remove-icon {
	display: inline;
	padding-right: 5px;
	height: 15px;
	margin-bottom: 2px;
}

.clear-file-upload {
	margin-left: 20px;
	line-height: 45px;
}

@media screen and (max-width: 500px) {
	.clear-file-upload {
		margin-left: 10px;
	}
}

.main-content .upload-text {
	display: none;
	visibility: hidden;
}

.row.no-padding > [class*='col-'] {
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.hide-mobile {
		display: none !important;
		visibility: hidden !important;
	}
}

@media screen and (max-width: 991px) {
	.hide-tablet {
		display: none !important;
		visibility: hidden !important;
	}
}

@media screen and (min-width: 992px) {
	.hide-desktop {
		display: none !important;
		visibility: hidden !important;
	}
}

/*Index*/

.hub-index section.container {
	padding-top: 20px;
	padding-bottom: 20px;
}

.hub-index .banner-image {
	padding-bottom: 220px;
}

.hub-index h1.banner-title {
	max-width: 100%;
}

.hub-index .row.intro {
	margin-bottom: 30px;
}

.hub-index .row.no-padding:not(.tiles) > [class*='col-'] {
	padding: 0 15px;
}

/*tablet up styling*/

@media screen and (min-width: 768px) {
	.hub-index .banner-image {
		padding-bottom: 445px;
	}
	.hub-index section.container {
		padding-top: 25px;
		padding-bottom: 5px;
	}
	.hub-index .row.no-padding {
		margin: 0 -15px 30px -15px;
	}
	.hub-index .row.no-padding:not(.tiles) > [class*='col-'] {
		padding: 0 5px;
	}
}

/*Desktop styling*/

@media screen and (min-width: 992px) {
	.hub-index .row.no-padding {
		padding: 0;
	}
	.hub-index .banner-image {
		height: 200px;
		padding-bottom: 10%;
	}
	.hub-index section.container {
		padding-top: 40px;
	}
	.hub-index .row.intro {
		margin-bottom: 35px;
	}
	.hub-index .row.no-padding {
		margin: 0 auto 35px auto;
	}
}

/*this css is temporary*/

.banner-image {
	background-image: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/tmp/banner.jpg');
}

@media screen and (max-width: 768px) {
	.banner-image {
		background-image: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/tmp/banner--mobile.jpg');
	}
	.policy-listings {
		padding-top: 15px;
	}
	.prose a.tile {
		text-decoration: none;
	}
}

/*Tiles*/
.tiles .tile {
	background: #495ad4;
}

.tile {
	height: 110px;
	margin: 2px 0;
	padding: 25px 20px;
	display: flex;
	align-items: center;
}

.tile .info {
	display: flex;
	align-items: center;
	width: 100%;
	color: #fff;
}

.tile .tile-icon {
	height: 40px;
	margin-left: auto;
	width: 40px;
	background: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/refresh/arrow-right-white.svg') no-repeat;
	background-size: contain;
	display: block;
	margin-top: auto;
}

.tile h4 {
	margin: 0;
	font-size: 22px;
	color: #fff;
	max-width: 220px;
}
.tile p {
	color: #fff;
	font-size: 22px;
	margin: 0;
}
/* 
.tile:hover {
	text-decoration: none;
	background: #7adfc3;
}
.tile:hover h4,
.tile:hover p {
	color: #111111;
}
.tile:hover .tile-icon {
	background: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/refresh/arrow-right.svg') no-repeat;
} */

.tile .icon {
	display: inline-block;
}

.tile img {
	width: 50%;
}

.category-box-Black {
	background-color: #111111;
}

.category-box-Green {
	background-color: #438516;
}

.category-box-Grey {
	background-color: #666d70;
}

.category-box-Blue {
	background-color: #0096bf;
}

.category-box-Orange {
	background-color: #b44113;
}

.category-box-LightBlue {
	background-color: #00838f;
}

.category-box-Lavender {
	background-color: #6571b3;
}

.category-box-DarkBlue {
	background-color: #00334c;
}

.category-box-Pink {
	background-color: #d10074;
}

/*tablet up styling*/

@media screen and (min-width: 768px) {
	.tile {
		margin: 5px;
		height: 245px;
		padding: 30px 25px;
		display: block;
	}
	.tile .info {
		position: absolute;
		bottom: 30px;
		width: calc(100% - 55px);
	}
}

/*Tablet up*/

@media screen and (min-width: 768px) {
	.two-column-block {
		padding-top: 40px;
	}
}

.two-column-block h4 {
	margin-bottom: 30px;
}

.two-column-block .recent-document {
	position: relative;
	margin-bottom: 20px;
}

.two-column-block .recent-document:last-child {
	margin-bottom: 0;
}

.two-column-block .recent-document svg {
	position: absolute;
	width: 10px;
	height: 10px;
	fill: #d10074;
	top: 7px;
}

.two-column-block .recent-document a {
	font-size: 18px;
	color: #00334c;
	padding-left: 20px;
	display: block;
}

.two-column-block .recent-document span {
	font-size: 18px;
	color: #666d70;
	padding-left: 20px;
}

.two-column-block .btn {
	font-weight: 400;
	font-size: 14px;
	padding: 10px 20px;
	margin-top: 10px;
}

.table-row-gray {
	background-color: #eff0f0;
}

/*desktop*/

@media screen and (min-width: 992px) {
	.two-column-block {
		padding-bottom: 70px;
	}
	.main-content .row.no-padding.tiles {
		margin: 0 auto 35px auto;
	}
}

@media all and (max-width: 768px) {
	.summary {
		width: 310px;
	}
}

@media all and (min-width: 769px) {
	.summary {
		width: 100%;
	}
}

.largertypography .btn-ghost svg {
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.largertypography .accordion.result-page .single.warning {
	background: #fffbcc;
}

.largertypography .accordion.result-page .single.warning:hover,
.largertypography .accordion.result-page .single.warning.active {
	background: #fffbcc;
}

.largertypography .accordion.result-page .single.warning .ac-toggle:before {
	content: '';
	width: 25px;
	height: 25px;
	top: 16px;
	color: #b44113;
	background: url('/ukgwa/20261102055326oe_/https://www.nmc.org.uk/static/img/info-warning.svg') center center no-repeat;
	background-size: 25px 25px;
}

div.content-wrapper.largertypography div.highlight p.NoteCalloutNumbers {
	font-size: 48px;
	margin-top: -30px;
	margin-bottom: 10px;
	/*font-weight: bold;*/
	font-weight: normal;
}

.largertypography .accordion.result-page .single .ac-toggle.ac-toggle-disabled::after {
	background: none;
}

a.ac-toggle-disabled {
	pointer-events: none;
	cursor: default;
}

.main.largertypography h2.media-heading {
	color: #111111;
}

main.largertypography h2.media-heading a {
	/*color: black !important;*/
}

div.cta-bar a.btn.btn-lg img.no-bottom-margin {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.container-form .container .Form__Element--NonData {
	margin-bottom: 25px;
}

.container-form .container .Form__Element--NonData .external-link {
	text-decoration: underline;
	color: #d10074;
}

.largertypography .btn a {
	white-space: normal;
}

/* only hide the captcha badge for ""email a friend"" as it is misplaced on some pages */
#email-colleague-modal .grecaptcha-badge {
	visibility: hidden;
}

.full-width-landing-mainbody {
	margin-top: -10px;
	margin-bottom: 40px;
}

.prose table ul li,
table ol li,
.table td p {
	font-size: 14px;
	margin-bottom: 0px;
}

.footer-secondary a {
	text-decoration: underline;
}

.footer-secondary a:hover,
.footer-secondary a:focus {
	text-decoration: none;
}

/* Helpers
######################################################################*/

/**
 * Flag to determine if js only class
  */

.js-only {
	display: none;
	visibility: hidden;
}

.hide {
	display: none;
	visibility: hidden;
}

.show {
	visibility: visible;
}

body.white-bg {
	background-color: #ffffff;
}

/* Dont add anything below Helpers accept for accessability*/

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

/* *:focus {
	outline: 3px solid #d10074 !important;
	outline-offset: -1px !important;
} */

.grecaptcha-badge {
	visibility: hidden;
}

/* Google injects the reCAPTCHA v2 image-challenge popup as a same-origin
   iframe appended directly to <body>, positioned with an inline style
   relative to the checkbox widget. On this site that anchor position can
   land off to one side, so force the popup to sit centered in the viewport
   regardless of where the widget itself is on the page. !important is
   required to win over Google's own inline positioning. */
iframe[src*="recaptcha/api2/bframe"],
iframe[title*="recaptcha challenge"] {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
}

.g-recaptcha-bubble-arrow + div {
  height: auto !important;
}

div:has(> iframe[src*="recaptcha/api2/bframe"]),
div:has(> iframe[title*="recaptcha challenge"]) {
  height: auto !important;
}

/* The bordered/shadowed wrapper div is the direct parent of the arrow
   elements, but Google gives it no class of its own to hook onto —
   so select it via :has() using its arrow children instead. */
div:has(> .g-recaptcha-bubble-arrow) {
	border: none !important;
	box-shadow: none !important;
}

/* Skip navigation link */

.skip-to-content-link {
	background: #d10074;
	color: #fff !important;
	font-weight: 700;
	left: 10px;
	padding: 5px 10px;
	z-index: 102;
	position: absolute;
	top: -300px;
	z-index: 9990;
}

@media all and (min-width: 768px) {
	.skip-to-content-link:focus {
		top: 10px;
	}
}

/* Default select menu  */

select option:disabled {
	color: #000000 !important;
}

a:focus {
	color: inherit;
}

.innerContent-grid {
	> .col-md-12 {
		@apply col-span-12 float-none p-0;
	}
}
