:root
{
	--textcolor: #111111;
	--tiny-button-color: #444444;
}


*
{
	box-sizing: border-box;
	min-width: 0;
	max-width: 100dvw;
	font-family: "Poppins", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*     font-family: 'Poppins', sans-serif;
    font-family: 'Shadows Into Light', cursive; */
	color: var(--textcolor);
	/* color: darkorange; */
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 0.03em;
	word-spacing: 0.14em;
	border-collapse: collapse;
}


body
{
	width: 100%;
	min-width: 240px;
	min-height: 100vh;
	height: 100vh;
	background-color: #777777;
	background-image: url("/images/background.png");
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	padding: 0;
}


.mouse-pointy-finger
{
	cursor: pointer;
}


.mouse-cursor-default
{
	cursor: default !important;
}


.waiting
{
	cursor: wait;
}


.page-content-container
{
	margin: 0;
	width: 100%;
	/* margin-left: auto;
	margin-right: auto; */
	/* min-height: 100%; */
}


.page-content
{
	background: rgba(255, 255, 255, 0.25);
	padding-left: 0.8em;
	padding-right: 0.8em;
	padding-top: 1.6em;
	padding-bottom: 1.6em;
	width: 1000px;
	max-width: 84vw;
	min-width: 200px;
	clear: both;
	/*margin-left: 0.8em;
	margin-right: 0.8em;
	margin-top: 1.6em;
	margin-bottom: 1.6em;*/
	margin-left: auto;
	margin-right: auto;
	min-height: calc(100vh - 120px - 69px - 4px + 16px + 4px + 3px);
	/* min-height: 100vh; */
}


.main-header
{
	font-weight: bold;
	background: linear-gradient(#888888bb, #eeeeeebb);
	border-bottom: #222222bb solid 2px;
	min-height: 50px;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	display: block;
}


.main-header-content
{
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0;
	width: 1000px;
	max-width: 90dvw;
	min-width: 200px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	overflow: hidden;
	display: block;
	background: rgba(255, 255, 255, 0.25);
}


.name-acronym
{
	margin: 0;
	padding: 0;
	display: inline-block;
	/* float: left; */
	text-align: left;
	vertical-align: middle;
	width: 49.5%;
	/* left: 0; */
	height: 100%;
	text-transform: uppercase;
	font-family: "Poppins", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 50px; */
	font-size: 2.5em;
	font-weight: bold;
	line-height: 100%;
}


.website-part
{
	font-variant: small-caps;
	display: block;
}


.name-full
{
	/* display: inline-block; */
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	width: 49.5%;
	height: 100%;
	right: 0;
	padding: 0;
	margin: 0;
}


.name-full > p
{
	/* font-family: "Poppins", Tahoma, Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 17px; */
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}


.admin-portal-menu-item
{
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}


.admin-portal-menu-item a
{
	text-decoration: none;
}


.admin-portal-menu-item a:hover
{
	color: #ffffff;
}


.admin-portal-menu-sub-heading
{
	text-align: center;
	text-transform: uppercase;
	color: #555555;
	margin-top: 1em;
	font-size: 0.7em;
	font-weight: bold;
}


.extremely-important
{
	color: #630000;
	text-shadow: #ff0000 0 0 3px, #ffffff77 0 0 4px;
}


.entry-fee
{
	border-top: #555555 solid 1px;
}


.entry-fee-sub
{
	border-top: #555555 solid 1px;
	font-size: 0.6em;
	font-weight: bold;
}


.course-subtotal
{
	border-top: #777777 solid 1px;
}


.course-subtotal, .course-subtotal *
{
	font-weight: bold;
	font-variant: small-caps;
}


.payment-reference-display
{
	width: 100%;
	text-align: center;
}


.payment-reference-display > div
{
	font-weight: bold;
	text-align: center;
	font-size: 1.6em;
	border: 1px solid #000000;
	border-radius: 0.2em;
	padding: 0.3em;
	display: inline-block;
	line-height: 1.0;
}


.jimcobsa-banking-details
{
	display: table;
}


.jimcobsa-banking-details > div
{
	display: table-row;
}


.jimcobsa-banking-details-specification-name
{
	display: table-cell;
	padding-right: 1em;
}


.jimcobsa-banking-details-specification-value
{
	font-weight: bold;
	display: table-cell;
}


img
{
	border: none;
	margin: 0;
	padding: 0;
	max-width: 100%;
}


.logo-container
{
	width: calc(500px / 741 * 160);
	height: calc(741px / 741 * 160);
	position: absolute;
	top: 4px;
	left: calc(50% - (500px / 741 * 160) / 2);
}


.logo
{
	/* width: calc(500px / 741 * 160);
	height: calc(741px / 741 * 160); */
	width: 108px;
	height: 160px;
	/* position: absolute;
	top: 4px; */
	/* left: calc(50% - (500px / 741 * 160) / 2); */
}


/* .detail-arrow-down
{
	margin-right: 0.6em;
}


.detail-arrow-right
{
	margin-right: 0.6em;
}


.registration-process-step-heading-text
{
} */


/* .menu-button
{ */
	/* position: absolute;
	background-color: #00000023; */
	/* background: linear-gradient(#777777, #cccccc); */
	/* background-image: url("/images/icon-menu.png"); */
	/* background-attachment: fixed; */
	/* background-size: cover; */
	/* margin-top: 10px;
	margin-left: -16px; */
	/* margin-top: 0.5em;
	margin-left: -0.8em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	height: 1.8em;
	width: 6em;
	text-align: center;
	vertical-align: middle;
	border-bottom-right-radius: 0.6em;
	border-right: #00000022 solid 1px;
	border-bottom: #000000aa solid 1px; */
	/* display: table-cell; */
	/* line-height: 1em; */
	/* cursor: pointer; */
/* } */


nav
{
	margin-left: -0.8rem;
	display: table-row;
	width: 1000px;
	position: absolute;
	/* margin-left: 0; */
}


nav .menu-button
{
	background-color: #00000023;
	margin-top: 0.5rem;
	padding: 0.4rem;
	/* padding-bottom: 0.4rem; */
	height: 1.8rem;
	text-align: center;
	vertical-align: middle;
	border-bottom-right-radius: 0.6rem;
	border-right: #00000022 solid 1px;
	border-bottom: #000000aa solid 1px;
	line-height: 1rem;
	/* display: inline-block; */
	display: inline-block;
	/* position: absolute; */
	width: max-content;
	/* margin-left: 0; */
	/* border-bottom-left-radius: 0.6em; */
}


nav .menu-button:hover
{
	background: unset;
	background-color: rgba(0, 23, 242, 0.35);
	border-color: rgb(0, 23, 242);
	color: #ffffff;
	cursor: pointer;
}


nav .menu-button.teaching-platform
{
	border-bottom-left-radius: 0.6rem;
}




/* nav
{
	position: relative;
	display: inline-block;
} */


.past-meeting
{
	color: #999999;
	font-weight: normal;
}


.guidelines
{
	text-align: center;
	margin-bottom: 1em;
	font-variant: small-caps;
	color: #2222ff;
}


.guidelines a
{
	text-decoration: none;
	color: #2222ff;
}


.non-menu-item
{
	cursor: default;
	font-size: 0.7em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	text-transform: uppercase;
	color: #222222;
	background-color: rgba(0, 0, 0, 0.15);
}


.menu-items
{
	display: none;
	position: absolute;
	/* background-color: #ff8c0077; */
	z-index: 999;
	margin-left: 0.9em;
	margin-top: 2.2em;
	border-radius: 0.6em;
}


.menu-items > a
{
	/* color: red; */
	text-decoration: none;
	display: block;
	padding: 0.6em;
	line-height: 1em;
}


.menu-items > a:first-child
{
	/* color: greenyellow; */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


.menu-items > a:last-child
{
	/* color: greenyellow; */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


.menu-items > a:hover
{
	/* background-color: violet; */
	background: unset;
	background-color: rgba(0, 23, 242, 0.35);
	border-color: rgb(0, 23, 242);
	color: #ffffff;
}


.menu-items > a:hover:first-child
{
	/* background-color: #000000; */
	border-top-left-radius: 0.6em;
	border-top-right-radius: 0.6em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


.menu-items > a:hover:last-child
{
	/* background-color: #000000; */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0.6em;
	border-bottom-right-radius: 0.6em;
}


/* nav:hover .menu-items
{
	background-color: #777777dd;
	border-color: #222222aa;
	border-width: 1px;
	border-style: solid;
	box-shadow: #000000 4px 4px 5px;
	display: block;
	z-index: 998;
	cursor: pointer;
} */




/* nav:hover .menu-button
{
	background-color: #00000044;
	color: #ffffff; */
	/* background-image: url("/images/icon-menu-hover.png"); */
	/* background-attachment: fixed; */
	/* background-size: cover; */
/* } */


.main-footer
{
	text-align: center;
	background: linear-gradient(#eeeeeebb, #888888bb);
	border-top: #222222bb solid 2px;
	margin: 0;
	padding: 0;
	width: 100%;
}


.main-footer-content
{
	width: 1000px;
	margin: 0;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: rgba(255, 255, 255, 0.25);
	margin-left: auto;
	margin-right: auto;
	clear: both;
	min-width: 200px;
	max-width: 84vw;
}


.directors
{
	font-size: 0.85em;
}


.copyright
{
	font-size: 0.55em;
}


h1
{
	padding: 0;
	margin: 0;
	padding-top: 32px;
	padding-bottom: 32px;
	/* font-size: 32px; */
	font-size: 1.6em;
	text-align: center;
	font-variant: small-caps;
	text-shadow: #ffffff 0 0 4px;
}


.payment-reference
{
	text-transform: uppercase;
}


.section-message
{
	margin-bottom: 0.8em;
	/* margin-left: 16px;
	margin-right: 16px; */
	/* color: #222222; */
}


.section-message-sub
{
	font-size: 0.75em;
	margin-bottom: 0.8em;
}


.status-message
{
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	/* margin-left: 0.8em;
	margin-right: 0.8em; */
}


.status-message.success, .status-message.success *
{
	font-weight: bold;
	color: #008000;
}


.status-message.success i
{
	font-weight: normal;
}


.section-warning-message
{
	padding: 0.8em;
	margin-bottom: 0.8em;
	border: #ff9500 solid 1px;
	border-radius: 0.4em;
	background-color: rgba(255, 149, 0, 0.3);
	font-weight: bold;
	color: #ff9500;
}


.status-message.failed, .status-message.failed *
{
	font-weight: bold;
	color: #8b0000;
}


.section-end-message
{
	margin-top: 8px;
	margin-bottom: 24px;
}


.section-error-message
{
	padding: 0.8em;
	margin-bottom: 0.8em;
	border: #8b0000 solid 1px;
	border-radius: 0.8em;
	background-color: #bc7979;
	font-weight: bold;
	color: #8b0000;
}


.section-error-message.inbetween
{
	margin-top: 0.8em;
}


.section-please-note
{
	padding: 0.8em;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	border: 1px solid #00008b;
	border-radius: 0.8em;
	background-color: #00008b22;
	/*font-weight: bold;*/
	color: #00008b;
}


.section-please-note h4
{
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.4em;
}


.section-please-note ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


.user-approved-balance
{
	display: table-row;
}


.user-approved-balance > div
{
	display: table-cell;
}


.user-approved-balance label
{
	float: right;
	font-weight: bold;
}


.total-amount-allocated
{
	display: table-row;
}


.total-amount-allocated > div
{
	display: table-cell;
}


.total-amount-allocated label
{
	float: right;
	font-weight: bold;
}


.user-remaining-balance
{
	display: table-row;
	margin-bottom: 0.8em;
}


.user-remaining-balance > div
{
	display: table-cell;
}


.negative-balance, .negative-balance *
{
	color: #8b0000;
	font-weight: bold;
}


.negative-balance.in-table-row
{
	background-color: #8b000022;
	border: #8b0000 solid 1px;
}


.user-remaining-balance label
{
	float: right;
	font-weight: bold;
}


.user-full-profile-section
{
	display: table;
}


.admin-info-row
{
	display: table-row;
}


.admin-info-cell
{
	display: table-cell;
	border: #888888 solid 1px;
	padding: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
}


.user-full-profile-field-name
{
	font-size: 0.6em;
	text-transform: uppercase;
	color: #555555;
	font-weight: bold;
}


.bloemfontein-fall-training-2023
{
	text-align: center;
}


.bloemfontein-fall-training-2023 > img
{
	width: 800px;
	height: 1131px;
	max-width: 800px;
	max-height: 1131px;
	border-radius: 0.8em;
	border: #000000 solid 1px;
}


.field-message
{

}


/* .field-buttons
{
	display: inline-block;
	margin-left: 12px;
	height: 1.2em;
	vertical-align: middle;
} */


.required-field
{

}


/*.form-field div > label
{
	margin-right: 12px;
}*/


.hints
{
	display: inline;
	margin-left: 0.8em;
	vertical-align: top;
}


.hint-required-field-button
{
	background: url("/images/icon-required-field.png") center no-repeat;
	background-size: cover;
	width: 1.2em;
	height: 1.2em;
	/* border: none; */
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}


.hint-required-field-button:hover
{
	background: url("/images/icon-required-field-hover.png") center no-repeat;
	background-size: cover;
	/* width: 1.2em;
	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px; */
}


.hint-help-button
{
	background: url("/images/icon-help.png") center no-repeat;
	background-size: cover;
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}


.hint-help-button:hover
{
	background: url("/images/icon-help-hover.png") center no-repeat;
	background-size: cover;
	/* width: 1.2em;
	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px; */
}


.hint-unique-value-button
{
	background: url("/images/icon-unique-value.png") center no-repeat;
	background-size: cover;
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}


.hint-unique-value-button:hover
{
	background: url("/images/icon-unique-value-hover.png") center no-repeat;
	background-size: cover;
	/* width: 1.2em;
	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px; */
}


.ui-tooltip
{
	background-color: #ffffcc;
}


.minage
{

}


.minimum-age
{

}


fieldset > header
{
	font-family: "Shadows Into Light", cursive;
	font-weight: bold;
	text-align: center;
	/* background-color: #CCCCCC; */
	/*	background-color: #00008b; */
	/* font-size: 32px; */
	font-size: 1.6em;

	background: linear-gradient(#151515, #666666);
	/* background: linear-gradient(green, orange); */
	/*	background-color: #4c4cad; */
	text-shadow: #000000 4px 4px 3px;
	color: #ffffff;
	padding: 8px;
	line-height: 1em;
	width: 100%;
	margin: 0;
	margin-bottom: 24px;
	border-radius: 16px;
	border: none;
	/* min-height: 1.8em; */
}


/* fieldset > header:hover
{
	color: orangered;
} */


fieldset
{
	margin: 0;
	padding: 0;
	border-radius: 16px;
	border-collapse: collapse;
	border-color: #000000;
	border-width: 1px;
	background-color: #999999;
	/* min-height: 30px; */
}


form
{
	margin-top: 32px;
}


form:first-of-type
{
	margin-top: 0;
}


.registration-process-step
{
	margin-bottom: 1em;
}


.registration-process-step-heading
{
	font-weight: bold;
}


.registration-process-step-heading:hover, .registration-process-step-heading > span:hover
{
	cursor: pointer;
	color: #00008b;
	animation: registration-process-ease-shadow ease 500ms forwards;
}


@keyframes registration-process-ease-shadow
{
	0%
	{
		text-shadow: none;
	}
	100%
	{
		text-shadow: #ffffff77 0 0 3px;
	}
}


.registration-process-step-arrow
{
	color: #00008b;
}


/*.display-name-field
{
	padding-bottom: 16px;
} */


.display-name
{
	/* font-weight: bold; */
	/* color: #00008b; */
}


.registration-process-image
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.registration-process-image > img
{
	border: #111111 solid 1px;
	border-radius: 0.4em;
	box-shadow: #00000077 6px 6px 6px;
}


#imgMoodleLoginScreen
{
	width: 365px;
	height: auto;
}


#imgMoodlePasswordResetScreen
{
	width: 360px;
	height: auto;
}


#imgVerifyEmailAddress
{
	width: 560px;
	height: auto;
}


button
{
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 8px;
	background: unset;
	background: linear-gradient(#eeeeee, #777777);
	border-width: 1px;
	border-collapse: collapse;
	box-shadow: #000000 4px 4px 3px;
	border-color: #666666;
	cursor: pointer;
}


button:enabled:hover
{
	background: unset;
	background-color: rgba(0, 23, 242, 0.35);
	border-color: rgb(0, 23, 242);
	color: #ffffff;
}


button:enabled:active
{
	background-color: rgba(0, 23, 242, 0.2);
	border-color: rgb(0, 0, 120);
	/* margin-left: 6px;
	margin-top: 3px; */
	box-shadow: #000000 1px 1px 2px;
}


button:disabled
{
	background: unset;
	background-color: #aaaaaa;
	color: #777777;
	box-shadow: unset;
	cursor: default;
}


button:disabled:hover
{
	background: unset;
	background-color: #aaaaaa;
	color: #777777;
	box-shadow: unset;
	cursor: default;
	border-color: #666666;
}


.cancelled-date
{
	font-weight: 200;
	/* text-line-through: double;
	text-line-through-color: #000000; */
}


.extended-date
{
	color: #8b0000;
	font-weight: bold;
}


.dialog-confirm-background
{
	display: block;
	display: none;
	width: 100dvw;
	height: 100dvh;
	background-color: #00000055;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 99998;
}


.dialog-confirm-imas-only-2025
{
	width: min-content;
	min-width: 30dvw;
	height: min-content;
	min-height: 10dvh;
	background: #ffffff;
	display: block;
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	padding: 0.8rem;
	border-radius: 0.4em;
	border: #111111 solid 1px;
	box-shadow: #111111aa 0 0 1.5rem;
}


.dialog-confirm-imas-only-2025 > .confirm-imas-instruction
{
	margin-bottom: 1rem;
}


.lecture-times
{
	margin-top: 0;
	margin-bottom: 0;
}


.error-message
{
	color: #8b0000;
	font-weight: bold;
	margin-bottom: 4px;
}


.error-is-required
{

}


.error-optional-invalid
{

}


.error-value-not-unique
{

}


.error-invalid-human-name
{

}


.error-invalid-date
{

}


.error-invalid-sex
{
}


.error-invalid-province
{
}


.error-invalid-grade
{
}


.error-invalid-email-address
{
}


.error-invalid-phone-number
{
}


/*.is-error
{
	color: #8b0000;
	font-weight: bold;
	margin-bottom: 4px;
}*/


.form-user-login
{
	max-width: 600px;
	width: calc((84vw - 32px) / 100 * 60);
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}


.form-user-forgot-password
{
	max-width: 600px;
	width: calc((84vw - 32px) / 100 * 60);
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}


.form-field
{
	padding-bottom: 0.8em;
}


.form-field-value-static
{
	font-weight: bold;
}


.form-field-value-static-empty
{
	font-style: italic;
	font-weight: 100;
	color: #555555;
}


.tiny-button
{
	display: inline;
	font-size: 0.7rem;
	font-weight: bold;
	text-transform: uppercase;
	/* margin-left: 1.4em; */
	margin-left: 0.4em;
	/* margin-bottom: 0.15em; */
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	box-shadow: none;
	color: var(--tiny-button-color);
	border: var(--tiny-button-color) solid 2px;
	border-radius: 0.4em;
	background: none;
	vertical-align: middle;
}


.tiny-button:first-child
{
	margin-left: 1.4em;
}


.tiny-button:enabled:hover
{
	background: unset;
	background-color: rgba(0, 23, 242, 0.35);
	border-color: rgb(0, 23, 242);
	color: #ffffff;
	box-shadow: none;
}


.tiny-button:enabled:active
{
	background-color: rgba(0, 23, 242, 0.1);
	border-color: rgb(0, 0, 70);
	color: rgb(0, 0, 70);
	box-shadow: none;
}


.field-name
{
	margin-bottom: 4px;
}


/* label.form-element
{
	box-shadow: none;
	font-weight: bold;
} */


/*#divrdgUserType input[type="radio"]
{
	left: 32px;
	margin-left: -32px;
	padding-left: 32px;
}*/


/* #divErrorrdgUserType.error
{
	padding-bottom: 16px;
} */


/* fieldset > .fields */
.field-collection
{
	width: 100%;
	height: 100%;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 0;
	margin-bottom: 0;
}


fieldset > footer
{
	text-align: center;
	/* background-color: #D5D5D5; */
	background: linear-gradient(#666666, #151515);
	/* background: linear-gradient(green, orange); */
	margin-top: 8px;
	padding: 8px;
	border-radius: 16px;
	border-collapse: collapse;
	width: 100%;
	/* position: unset; */
}


.form-field-heading-edit
{
	margin-bottom: 0.2em;
}


/* input.form-element, select.form-element, textarea.form-element */
.form-element
{
	/*	margin-top: 0.3em; */
	/*margin-bottom: 16px;*/
	border-radius: 8px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	padding-left: 8px;
	padding-right: 8px;
	max-width: calc(84vw - 32px - 32px);
}


textarea.form-element
{
	width: 100%;
	resize: vertical;
}


/* input:empty:valid:hover, select:hover, textarea:empty:valid:hover */
.form-element:enabled:hover
{
	box-shadow: rgba(0, 23, 242, 0.35) 0 0 4px 6px;
	border-color: rgb(0, 0, 120);
}


/* input:active, select:active, textarea:active */
/* .form-element:active
{
	box-shadow: none !important; */
/* border: unset !important; */
/* border: 1px solid #0017f2 !important; */
/*	border: 1px solid deeppink !important;
} */


.form-element:-moz-focusring
{
	border: none;
	outline: none;
}


/* input:focus, select:focus, textarea:focus */
.form-element:focus
{
	box-shadow: none;
	border: unset;
	border: 2px solid #0017f2;
	outline: none;
}


.form-element-label
{
	box-shadow: none;
	font-weight: bold;
}


/* input:current
{
	box-shadow: unset;
	border: 4px solid greenyellow;
} */


/* input:current:hover
{
	box-shadow: unset;
}


input:focus:hover
{
	box-shadow: unset;
} */


/*input:invalid, select:invalid, textarea:invalid
{
	box-shadow: rgba(255, 0, 0, 0.35) 0 0 4px 6px;
	border-color: #ff0000;
}*/


.form-element.accessed.is-error
{
	box-shadow: rgba(255, 0, 0, 0.35) 0 0 4px 6px;
	border-color: #ff0000;
}


.form-element.accessed.is-error:enabled:hover
{
	box-shadow: rgba(255, 140, 0, 0.35) 0 0 4px 6px;
	border-color: #ff8c00;
}


.form-element.accessed.is-error:focus
{
	box-shadow: rgba(255, 140, 0, 0.35) 0 0 4px 6px;
	border-color: #ff8c00;
}


/* input:last-of-type, select:last-of-type, textarea:last-of-type
{
	padding-bottom: 0;
	margin-bottom: 0;
} */


input[type="radio"]
{
	vertical-align: baseline;
	height: 1em;
	float: left;
	margin-left: 0;
	padding-left: 0;
	margin-right: 16px;
	text-align: left;
	position: absolute;
}


/* #fldrdgUserType
{
	color: #222222;
} */


/*#divUserType > div > label*/
.form-element-radio-button-label
{
	margin-left: 32px;
}


/* #lblConfirmInfoAccurate
{
	padding-bottom: 16px;
} */


input[type="checkbox"]
{
	vertical-align: baseline;
	height: 1em;
	float: left;
	margin-left: 0;
	padding-left: 0;
	margin-right: 16px;
}


.creditors-content #fstSummary
{
	/* font-size: 1.5rem;
	color: #111111; */
	/* text-align: left; */
	/* margin-bottom: 1rem; */
	padding-bottom: 1rem;
}


.creditors-content #fstSendMessages
{
	padding-bottom: 1rem;
}


.creditors-content #fstSendMessages .field-collection > div
{
	margin-bottom: 0.5rem;
}


.creditors-content #fstSendMessages .field-collection > div:last-of-type
{
	margin-bottom: 0;
}


.creditors-content #fstSummary b
{
	/* font-size: 1.5rem; */
	color: #660000;
}


.creditors-content #frmMcSummary
{
	margin-bottom: 1rem;
}


.creditors-content #frmMcSendMessages
{
	margin-bottom: 1rem;
}


.creditors-list
{
	display: table;
	max-width: 100%;
	width: 100%;
}


.creditors-list .heading-row
{
	display: table-row;
	background-color: #000055;
	/* color: #ffffff;
	font-weight: bold; */
}


.creditors-list .heading-row > div
{
	color: #ffffff;
	font-weight: bold;
}


.creditors-list .creditor-info-row
{
	display: table-row;
}


.creditors-list .creditor-info-row:hover
{
	background-color: #00008b22;
}


.creditors-list > div *
{
	/* font-size: 0.7rem; */
	font-size: 0.675rem;
}


.creditor-group-learner
{
	border-bottom: #00008b double 3px;
	display: table-row-group;
}


.creditors-list .creditor-info-row .select-row
{
	max-width: 2rem;
	width: 2rem;
	font-size: 0.8rem;
}


.creditors-list .creditor-info-row .select-row-learner
{
	background-color: #00000055;
}


.creditors-list .creditor-info-row .tiny-button-lable
{
	margin: 0.1rem;
	/* padding-bottom: 0.35rem !important; */
	line-height: 1em;
}


.creditors-list .creditor-info-row .tiny-button
{
	margin: 0.1rem !important;
	clear: both;
	width: 100%;
}


.creditors-list .creditor-info-row > div
{
	border: 1px solid #00008b;
	vertical-align: middle;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}


.creditors-list .creditor-info-row .reference-code.primary-person
{
	font-weight: bold;
}


.creditor-sendmail-success
{
	background-color: #00ff0022;
}


.creditor-sendmail-success:hover
{
	background-color: #00ff0044 !important;
}


.creditor-sendmail-error
{
	background-color: #ff000022;
}


.creditor-sendmail-error:hover
{
	background-color: #ff000044 !important;
}


.creditors-list .creditor-info-row .select-row
{
	display: table-cell;
	vertical-align: middle;
}


.creditors-list .creditor-info-row .user-type
{
	display: table-cell;
}


.creditors-list .creditor-info-row .reference-code
{
	display: table-cell;
	text-align: center;
}


.creditors-list .creditor-info-row .creditor-name
{
	display: table-cell;
}


.creditors-list .creditor-info-row .creditor-surname
{
	display: table-cell;
}


.creditors-list .creditor-info-row .creditor-username
{
	display: table-cell;
}


.creditors-list .creditor-info-row .balance
{
	display: table-cell;
}


.creditors-list .creditor-info-row .balance label
{
	float: right;
}


.creditors-list .creditor-info-row .creditor-actions
{
	display: table-cell;
}


.transaction-history
{
	display: table;
	margin-left: auto;
	margin-right: auto;
}


.transaction-row
{
	display: table-row;
}


.transaction-row:enabled:hover
{
	background-color: #00008b44;
}


.transaction-row > div
{
	display: table-cell;
	border: 1px solid darkblue;
	vertical-align: middle;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}


.transaction-row .transaction-id
{
	text-align: center;
}


.transaction-row .transaction-date
{
	text-align: center;
}


.transaction-row .reference-number
{
}


.transaction-row .transaction-type
{
}


.transaction-row .description
{
}


.transaction-row .transfer-method
{
}


.transaction-row .amount > label
{
	float: right;
}


.transaction-row .cumulative-balance > label
{
	float: right;
}


.transaction-row .document-link
{
	text-align: center;
}


.transaction-row .transaction-status
{
	text-align: center;
}


.linked-learners
{
	border: 2px solid red;
	border-radius: 32px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}


.heading-row
{
	border-radius: 16px;
	font-weight: bold;
	text-align: center;
	display: table-row;
}


.heading-row > div
{
	border: 1px solid darkblue;
	border-radius: 16px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}


.person-row
{
	border: 1px solid green;
	/*border-radius: 16px;*/
	display: table-row;
}


.person-row:enabled:hover
{
	background-color: #00008b44;
	/*background-color: yellow;*/
	/*cursor: pointer;*/
}


.person-row > div
{
	border: 1px solid #00008b;
	/*border-radius: 16px;*/
	display: table-cell;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
}


.person-row .reference-code
{
	text-align: center;
}


.person-row .date-of-birth
{
	text-align: center;
}


.person-row .allocated-amount > .form-element .spinner
{
	text-align: right;
}


.person-row .firstname
{

}


.person-row .surname
{

}


.person-row .school
{
}


.person-row .parent-number
{

}


.person-row .link-type
{

}


.person-row .current-balance > label
{
	float: right;
}


.person-row .new-balance > label
{
	float: right;
}


.person-row .course
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


.person-row .course > input[type="checkbox"]
{
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	height: 1em;
	width: 1em;
	float: unset;
}


.person-row .course.with-subs
{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}


.opt-out-success
{
	color: #008000;
	font-weight: bold;
}


.opt-out-failure
{
	color: #800000;
	font-weight: bold;
}


.opt-out-email-address
{
	color: #000080;
	font-weight: bold;
}


.opt-out-email-key
{
	opacity: 0.01;
	font-size: 1px;
	display: none;
}


.person-row .actions
{

}


label.course-sub-entry-expired
{
	color: #555555;
}


.set-transaction-status > .tiny-button
{
	margin: 0.1em;
	/* padding: 0; */
}


.transaction-status-approved
{
	font-weight: bold;
	color: #006a00;
}


.transaction-status-pending
{
	font-weight: bold;
	color: #ff8c00;
}


.transaction-status-declined
{
	font-weight: bold;
	color: #8b0000;
}


.public-notification
{
	border: 2px solid #8b0000;
	border-radius: 0.4em;
	padding: 0.8em;
	margin-top: 2em;
	margin-bottom: 2em;
}


.public-notification *
{
	color: #8b0000;
	font-weight: bold;
}


.public-notification a
{
	font-weight: normal;
}


.public-notification > h2
{
	text-align: center;
	font-variant: small-caps;
	font-size: 1.25em;
}


/*.home-page-banners
{ */
	/* border: 3px solid #000000;
	border-radius: 2.2em;
	background-color: rgba(255, 255, 255, 0.2); */
	/* width: calc(1000px - 1.6em); */
	/* min-height: calc(1.1em + 0.6em + 1.3em + 6px);
	display: block; */
	/* margin-top: 2em;
} */


/* .home-page-banners:first-of-type
{
	margin-top: 2em;
} */


.home-page-banners.imc2024
{
	height: 527px;
}


/* .home-page-banners.sa-team-selection
{
	height: 264px;
} */


.home-page-banners-how-to-participate-in-test-1
{
	border: 3px solid #FF6633;
	border-radius: 2.2em;
	width: calc(1000px - 1.6em);
	/* min-height: calc(1.1em + 0.6em + 1.3em + 6px); */
	display: block;
	margin-top: 2em;
	background-image: url("https://jimcobsa.co.za/images/homepage-2025/test-small.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	background-origin: border-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, 0.2);
}


.home-page-banners-how-to-participate-in-test-1:hover
{
	background-color: rgba(255, 102, 51, 0.2);
}


.home-page-banners-how-to-participate-in-test-1-heading
{
	/* display: table-cell; */
	/* height: calc(1.1em + 1.3em + 0.6em); */
	font-size: 1.3em;
	line-height: 1.3em;
	font-variant: small-caps;
	color: #4C1E0F;
	/* text-shadow: rgba(0, 0, 0, 0.25) 0 0 4px; */
	padding-top: 0;
	margin-bottom: 1.1em;
	padding-right: 1.1em;
	margin-left: 1.1em;
	margin-right: 0;
	text-align: center;
}


.home-page-banners-how-to-participate-in-test-1-content
{
	display: block;
	color: #111111;
	/* padding-top: 0.6em;
	padding-bottom: 0.6em; */
	padding-left: 1.1em;
	padding-right: 1.1em;
	margin-top: 0;
	margin-bottom: 1.1em;
	padding-top: 0;
}


.home-page-banners-how-to-participate-in-test-1-content li
{
	margin-bottom: 0.3em;
}


.home-page-banners-how-to-participate-in-test-1-content li > a
{
	color: #7F3219;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}


.home-page-banners-how-to-participate-in-test-1-content li > a:hover
{
	color: #FF6633;
}


.home-page-banners-how-to-participate-in-test-1-content li > a:active
{
	color: #FF9C7B;
}


.home-page-banners-how-to-participate-in-test-1-content li > a:visited
{
	color: #7F3219;
}


.home-page-banners.courses-available-202401
{
	height: 264px;
}


/* .home-page-banners.technical-support
{
	height: 264px;
	margin-top: 0;
} */


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


.home-page-banners-videos-ad
{
	border: 3px solid #5CD785;
	border-radius: 2.2em;
	width: calc(1000px - 1.6em);
	/* min-height: calc(1.1em + 0.6em + 1.3em + 6px); */
	display: block;
	margin-top: 2em;
	background-image: url("https://jimcobsa.co.za/images/homepage-2025/videos-ad.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	background-origin: border-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, 0.2);
	/* height: 200px; */
}


.home-page-banners-videos-ad-table
{
	display: table;
}


.home-page-banners-videos-ad-table-row
{
	display: table-row;
}


.home-page-banners-videos-ad-heading
{
	display: table-cell;
	/* height: calc(1.1em + 1.3em + 0.6em); */
	font-size: 1.3em;
	line-height: 1em;
	font-variant: small-caps;
	color: #0A2F16;
	/* text-shadow: rgba(0, 0, 0, 0.25) 0 0 4px; */
	padding-top: 1.1em;
	padding-bottom: 0.6em;
	padding-right: 1.1em;
	padding-left: 1.1em;
	/* margin-right: 1.1em; */
	text-align: center;
}


.home-page-banners-videos-ad-heading span
{
	color: #196532;
}


.home-page-banners-videos-ad-subheading
{
	display: table-cell;
	font-size: 0.9em;
	color: #114623;
	font-weight: bold;
	padding-top: 0.6em;
	padding-bottom: 0;
	padding-right: 1.1em;
	padding-left: 1.1em;
	/* margin-right: 1.1em; */
	text-align: center;
	width: 100%;
}


.home-page-banners-videos-ad-subheading-half
{
	padding-left: 1.1em;
	padding-right: 1.1em;
	display: inline-grid;
	width: 49%;
	color: #114623;
}


.home-page-banners-videos-ad-small-print
{
	display: table-cell;
	text-align: justify;
	font-size: 70%;
	padding-top: 1.1rem;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	padding-bottom: 1.1rem;
}


.home-page-banners-videos-ad-small-print b
{
	font-size: 1em;
	font-weight: 1100;
}


.home-page-banners-videos-ad-cost
{
	display: table-cell;
	font-size: 1.6em;
	color: #33CC66;
	text-shadow: rgba(0, 0, 0, 0.9) 2px 2px 3px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.1em;
	padding-right: 1.1em;
	/* margin-left: 1.1em;
	margin-right: 1.1em; */
	text-align: center;
	/* padding-right: 1.1em; */
	width: 100%;
}


.home-page-banners-videos-ad-cost b
{
	/* display: inline; */
	font-size: 1em;
	font-weight: 1100;
	color: #33CC66;
}


.home-page-banners-videos-ad-content
{
	display: table-cell;
	text-align: justify;
	vertical-align: middle;
	padding-left: 1.1em;
	padding-bottom: 1.1em;
	/* margin-left: 1.1em; */
	padding-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	background: none;
	/* height: calc(200px - 4.1em); */
	/* color: #AA0000; */
}


.home-page-banners-videos-ad-content:first-child
{
	padding-bottom: 0;
}


.home-page-banners-videos-ad-link
{
	display: table-cell;
	text-align: center;
	padding-bottom: 1.1em;
	margin-left: 1.1em;
	margin-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	background: none;
}


.home-page-banners-videos-ad-link > a
{
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	color: #006a00;
}


.home-page-banners-videos-ad-link > a:hover
{
	color: #33aa33;
	text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
}


.home-page-banners-videos-ad-link > a:active
{
	color: #33aa33;
}


.home-page-banners-videos-ad-link > a:visited
{
	color: #006a00;
}


.home-page-banners-videos-ad:hover
{
	/* background: unset; */
	background-color: rgba(51, 204, 102, 0.25);
	cursor: pointer;
}

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


.home-page-banners-technical-support
{
	border: 3px solid #D73333;
	border-radius: 2.2em;
	width: calc(1000px - 1.6em);
	/* min-height: calc(1.1em + 0.6em + 1.3em + 6px); */
	display: block;
	margin-top: 2em;
	background-image: url("/images/homepage-2024/banners-2024-technical-support.png");
	background-size: 440px auto;
	background-repeat: no-repeat;
	background-position: left;
	background-origin: border-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, 0.2);
	/* height: 200px; */
}


.home-page-banners-technical-support-table
{
	display: table;
}


.home-page-banners-technical-support-table-row
{
	display: table-row;
}


.home-page-banners-technical-support-heading
{
	display: table-cell;
	/* height: calc(1.1em + 1.3em + 0.6em); */
	font-size: 1.3em;
	line-height: 1em;
	font-variant: small-caps;
	color: #650000;
	padding-top: 1.1em;
	padding-bottom: 0.6em;
	padding-left: 410px;
	margin-left: 1.1em;
	margin-right: 1.1em;
	text-align: center;
}


.home-page-banners-technical-support-subheading
{
	display: table-cell;
	font-size: 0.9em;
	color: #460000;
	font-weight: bold;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 410px;
	margin-left: 1.1em;
	margin-right: 1.1em;
	text-align: center;
}


.home-page-banners-technical-support-link
{
	display: table-cell;
	padding-left: 410px;
	margin-left: 1.1em;
	padding-right: 1.1em;
	padding-bottom: 1.1em;
	text-align: center;
}


.home-page-banners-technical-support-link a
{
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	color: #AA0000;
}


.home-page-banners-technical-support-link a:hover
{
	color: #CC0000;
}


.home-page-banners-technical-support-link a:active
{
	color: #FF0000;
}


.home-page-banners-technical-support-link a:visited
{
	color: #AA0000;
}


.home-page-banners-technical-support-content
{
	display: table-cell;
	text-align: justify;
	vertical-align: middle;
	padding-left: 410px;
	padding-bottom: 0.6em;
	margin-left: 1.1em;
	padding-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	background: none;
	/* height: calc(200px - 4.1em); */
	color: #AA0000;
}


.home-page-banners-technical-support:hover
{
	background-color: rgba(204, 0, 0, 0.13);
	cursor: default;
}


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


.home-page-banners-march-2024-camps
{
	border: 3px solid #000000;
	border-radius: 2.2em;
	width: calc(1000px - 1.6em);
	/* min-height: calc(1.1em + 0.6em + 1.3em + 6px); */
	display: block;
	margin-top: 2em;
	padding: 1.1em;
	/* background-image: url("/images/homepage-2024/banners-2024-technical-support.png");
	background-size: 440px auto;
	background-repeat: no-repeat;
	background-position: left;
	background-origin: border-box;
	background-attachment: scroll;
	background-clip: border-box; */
	background-color: rgba(255, 255, 255, 0.2);
	/* height: 200px; */
}


.home-page-banners-technical-support-table
{
	display: table;
}


.home-page-banners-technical-support-table-row
{
	display: table-row;
}


.home-page-banners-technical-support-heading
{
	display: table-cell;
	/* height: calc(1.1em + 1.3em + 0.6em); */
	font-size: 1.3em;
	line-height: 1em;
	font-variant: small-caps;
	color: #650000;
	padding-top: 1.1em;
	padding-bottom: 0.6em;
	padding-left: 410px;
	margin-left: 1.1em;
	margin-right: 1.1em;
	text-align: center;
}


.home-page-banners-technical-support-subheading
{
	display: table-cell;
	font-size: 0.9em;
	color: #460000;
	font-weight: bold;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 410px;
	margin-left: 1.1em;
	margin-right: 1.1em;
	text-align: center;
}


.home-page-banners-technical-support-link
{
	display: table-cell;
	padding-left: 410px;
	margin-left: 1.1em;
	padding-right: 1.1em;
	padding-bottom: 1.1em;
	text-align: center;
}


.home-page-banners-technical-support-link a
{
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	color: #AA0000;
}


.home-page-banners-technical-support-link a:hover
{
	color: #CC0000;
}


.home-page-banners-technical-support-link a:active
{
	color: #FF0000;
}


.home-page-banners-technical-support-link a:visited
{
	color: #AA0000;
}


.home-page-banners-technical-support-content
{
	display: table-cell;
	text-align: justify;
	vertical-align: middle;
	padding-left: 410px;
	padding-bottom: 0.6em;
	margin-left: 1.1em;
	padding-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	background: none;
	/* height: calc(200px - 4.1em); */
	color: #AA0000;
}


.home-page-banners-technical-support:hover
{
	background-color: rgba(204, 0, 0, 0.13);
	cursor: default;
}


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


.home-page-banners-schedule
{
	border: 3px solid #AE33D7;
	border-radius: 2.2em;
	width: calc(1000px - 1.6em);
	min-height: calc(1.1em + 0.6em + 1.3em + 6px);
	display: block;
	margin-top: 2em;
	background-image: url("/images/homepage-2025/2025-schedule.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	background-origin: border-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, 0.2);
	/* height: 300px; */
}


.home-page-banners-schedule-table
{
	display: table;
	width: 100%;
}


.home-page-banners-schedule-table-row
{
	display: table-row;
}


.home-page-banners-schedule-heading
{
	display: table-cell;
	height: calc(1.1em + 1.3em + 0.6em);
	font-size: 1.3em;
	line-height: 1em;
	font-variant: small-caps;
	color: #4C0065;
	padding-top: 1.1em;
	margin-bottom: 0.6em;
	padding-right: 1.1em;
	padding-left: 1.1em;
	/* margin-right: 1.1em; */
	text-align: center;
}


.home-page-banners-schedule-content
{
	display: table-cell;
	text-align: justify;
	vertical-align: middle;
	padding-bottom: 1.1em;
	padding-left: 1.1em;
	padding-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	/* background: none; */
	/* height: calc(300px - 4.1em); */
}


.home-page-banners-schedule:hover
{
	background-color: rgba(153, 0, 204, 0.2);
	cursor: default;
}


.home-page-banners-register-now
{
	border: 3px solid #D7AE5C;
	border-radius: 2.2em;
	width: calc(1000px - 1.6em);
	/* min-height: calc(1.1em + 0.6em + 1.3em + 6px); */
	display: block;
	margin-top: 2em;
	background-image: url("/images/homepage-2024/banners-2024-register-now.png");
	background-size: auto 200px;
	background-repeat: no-repeat;
	background-position: left;
	background-origin: border-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, 0.2);
	height: 200px;
}


.home-page-banners-register-now-table
{
	display: table;
}


.home-page-banners-register-now-table-row
{
	display: table-row;
}


.home-page-banners-register-now-heading
{
	display: table-cell;
	height: calc(1.1em + 1.3em + 0.6em);
	font-size: 1.3em;
	line-height: 1em;
	font-variant: small-caps;
	color: #654C19;
	padding-top: 1.1em;
	margin-bottom: 0.6em;
	padding-left: 200px;
	margin-left: 1.1em;
	margin-right: 1.1em;
	text-align: center;
}


.home-page-banners-register-now-content
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 200px;
	padding-bottom: 0.6em;
	margin-left: 1.1em;
	margin-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	background: none;
	/* height: calc(200px - 4.1em); */
}


.home-page-banners-register-now-link
{
	/* margin-top: 0.6em; */
	display: table-cell;
	text-align: center;
	padding-left: 200px;
	padding-bottom: 1.1em;
	margin-left: 1.1em;
	margin-right: 1.1em;
	border: none;
	border-radius: 0 0 0 0;
	background: none;
}


.home-page-banners-register-now-link > a
{
	text-decoration: none;
	color: #ffcc00;
	/* text-shadow: #000000 0 0 2px 2px; */
	font-weight: bold;
	font-style: italic;
}


.home-page-banners-register-now-link > a:hover
{
	color: #ffff00;
}


.home-page-banners-register-now-link > a:active
{
	color: #ffff00;
}


.home-page-banners-register-now-link > a:visited
{
	color: #ffcc00;
}


.home-page-banners-register-now:hover
{
	background-color: rgba(204, 153, 51, 0.3);
	cursor: pointer;
}


.registration-notification
{
	border: 2px solid #8b0000;
	border-radius: 0.4em;
	padding: 0.8em;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #8b0000;
	font-weight: bold;
	background-color: #8b000022;
}


.admin-portal-notifications
{
	border: 2px solid #111111;
	border-radius: 0.4em;
	padding: 0.8em;
	margin-bottom: 2em;
}


.admin-portal-notifications > h2
{
	text-align: center;
}


.admin-portal-notification-date
{
	font-weight: bold;
}


.back-to-admin-portal
{
	text-align: center;
	font-variant: small-caps;
	margin-top: 2em;
	margin-bottom: 1em;
}


.back-to-admin-portal a
{
	color: #00008b;
	text-decoration: none;
}


.back-to-admin-portal a:hover
{
	color: #2222ff;
	text-decoration: none;
}


.course-tick
{
	margin-left: auto;
	margin-right: auto;
}


.course-sub-tick
{

}


.course-sub-text
{
	display: inline-block;
}


.course-enrolment-success
{
	font-size: 1.6em;
	font-weight: bold;
	color: #006a00;
}


.course-enrolment-success.course-sub
{
	font-size: 1.2em;
	display: inline-block;
	margin-right: 0.4em;
}


.autumn-training-camp-2023-promotional-video
{
	text-align: center;
	border: none;
	color: #151515;
}


.autumn-training-camp-2023-promotional-video > p, .autumn-training-camp-2023-promotional-video > h2
{
	text-align: center;
	color: #151515;
}


.autumn-training-camp-2023-promotional-video > p
{
	font-weight: normal;
}


#progress-bar {
	background-color: #12CC1A;
	color: #FFFFFF;
	width: 0;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
	border-radius: 5px;
}


#targetLayer {
	width: 100%;
	text-align: center;
}


.march-2024-training-camps
{
	margin-top: 2em;
}


.training-ad-row
{
	display: block;
	width: 100%;
}


.training-ad-block
{
	display: inline-block;
	width: 49%;
}


.training-ad-note
{
	margin-bottom: 1em;
}


.training-ad-block.left
{
	text-align: left;
}


.training-ad-block.right
{
	text-align: right;
}


.training-ad-block img
{
	width: 460px;
	height: 595px;
	border: #000000 1px solid;
}


.autumn-training-camp-2023-promotional-video > iframe
{
	border: none;
	margin-top: 1.5em;
	text-align: center;
}


/* .check-agreements
{
	margin-bottom: 16px;
}


.check-agreements:first-of-type
{
	margin-top: 8px;
}


.check-agreements:last-of-type
{
	margin-bottom: 24px;
} */


input[type="email"]
{
	text-transform: lowercase;
}


/* menu
{
	display: inline-block;
	background-color: #eeeeee;
	line-height: 2.5em;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
} */


#txtLrDateOfBirth
{
	/*	margin-top: 4px;
		margin-bottom: 4px; */
}


#divLrDOB
{
	/* margin-bottom: 16px; */
}


/*#divLrAge
{
	color: #222222;
}*/


.hide
{
	display: none;
}


.show
{
	display: block;
}


@media only screen and (max-width: 800px)
{
	*
	{
		font-size: 17px;
		/* color: darkorange; */
	}


	.name-acronym
	{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 2em;
		margin-bottom: 0.3em;
	}


	.website-part
	{
		font-variant: small-caps;
	}


	.name-full
	{
		display: inline-block;
		text-align: left;
		/* width: 80%; */
	}


	.logo-container
	{
		position: unset;
		display: unset;
		left: unset;
		float: right;
		top: 0;
		text-align: right;
		/* top: 4px;
		height: 100%; */
		width: calc(500px / 741 * 80);
		height: calc(741px / 741 * 80);
	}

	.main-header
	{
		margin-bottom: 0;
	}


	.page-content
	{
		margin-top: 0;
		padding-top: 0;
	}


	/* header
	{
		font-size: 32px;
	}


	footer
	{
		font-size: 9px;
		padding: 3px;
		height: 15px;
	} */
}


@media only screen and (max-width: 600px)
{
	*
	{
		font-size: 15px;
		/* color: darkgreen; */
	}

	.name-acronym
	{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 2em;
		margin-bottom: 0.3em;
	}


	.name-full
	{
		display: inline-block;
		text-align: left;
		/* width: 100%; */
		/* background-color: yellow; */
	}


	.logo-container
	{
		position: unset;
		display: unset;
		left: unset;
		float: right;
		text-align: right;
		/* top: 4px; */
		top: 0;
		width: calc(500px / 741 * 80);
		height: calc(741px / 741 * 80);
	}


	.logo
	{
		/* width: calc(500px / 741 * 80);
		height: calc(741px / 741 * 80); */
	}

	.main-header
	{
		margin-bottom: 0;
	}


	.page-content
	{
		margin-top: 0;
		padding-top: 0;
	}


	/* header
	{
		font-size: 26px;
	} */
	/* footer
	{
		font-size: 7px;
		padding: 2px;
		height: 11px;
	} */
}


@media only screen and (max-width: 400px)
{
	*
	{
		font-size: 13px;
		/* color: red; */
	}


	.name-acronym
	{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 2em;
		margin-bottom: 0.3em;
	}


	.name-full
	{
		display: block;
		text-align: left;
		/* width: 100%; */
	}


	.logo-container
	{
		position: unset;
		display: unset;
		left: unset;
		float: right;
		/* top: 4px; */
		text-align: right;
		/* top: 4px; */
		top: 0;
		width: calc(500px / 741 * 80);
		height: calc(741px / 741 * 80);
	}


	.main-header
	{
		margin-bottom: 0;
	}


	.page-content
	{
		margin-top: 0;
		padding-top: 0;
	}


	/* header
	{
		font-size: 20px;
	}


	footer
	{
		font-size: 6px;
		padding: 2px;
		height: 10px;
	} */
}


.subtle-splitter
{
	width: 50%;
	border: unset;
	border-top: #444444 solid 1px;
	padding: 0;
	margin: 0;
	margin-top: 1.3rem;
	margin-bottom: 1.3rem;
	margin-left: auto;
	margin-right: auto;
}


/* .imc2024-my-form a
{
	text-decoration: none;
	color: #111f58;
	font-style: italic;
}


.imc2024-my-form a:hover
{
	text-decoration: none;
	color: #2222ff;
	font-style: italic;
	font-weight: bold;
}


.imc2024-my-form a:active
{
	text-decoration: none;
	color: #335cff;
	font-style: italic;
	font-weight: bold;
}


.imc2024-my-form a:visited
{
	text-decoration: none;
	color: #111f58;
	font-style: italic;
}


.imc2024-example-guarantee-sign
{
	text-align: center;
}


.imc2024-example-guarantee-sign > img
{
	border: #111111 solid 1px;
	border-radius: 1rem;
}


.imc2024-letter-from-school-example a
{
	text-decoration: none;
	color: #111f58;
	font-style: italic;
}


.imc2024-letter-from-school-example a:hover
{
	text-decoration: none;
	color: #2222ff;
	font-style: italic;
	font-weight: bold;
}


.imc2024-letter-from-school-example a:active
{
	text-decoration: none;
	color: #335cff;
	font-style: italic;
	font-weight: bold;
}


.imc2024-letter-from-school-example a:visited
{
	text-decoration: none;
	color: #111f58;
	font-style: italic;
} */