/*******************************  stdNatCen  *******************************
 * This css contains style definitions who are not colour and font related
 * The styles are based on
 * - Template: stdNatCen.htm
 * See
 * - stdPurple.css for all colour related styles
 * - stdFont.css for all font related styles
 * - helpLinks.css for all help-link-dialog styles
 **
 * REVISIONS
 * - V1.0 27/02/2015 Initial Release
 * - V1.1 14/06/2015 Added .qt-section.bottom-distance to .qt-section.not-one-line
 * - V1.2 15/10/26 Commented line-height: 2; for #main-section .qure > .mrQuestionText ~ .qt-section
 * - V1.3 15/11/10 ADDED style for object, audio { position: fixed; top: 45px; right: 0; }
 * 				NOTE: The style is based on one audio per page
 * - V1.4 171006 ADDED .qt-default .qt-controls to the style:: display: block; width: 75%;}
 ****************************************************************************/
 
 :root {
  --bg: #ffffff;
  --text: #000;
  --primary: #0360a6;
  --border: #e5e7eb;
  --inverted: #fff;
  --lightblue: #3b7dc5;
}

/* Dark */
html[data-theme="dark"] {
  --bg: #111111;
  --text: #f5f5f5;
  --primary: #0360a6;
  --border: #333333;
  --inverted: #f5f5f5;
}

/* High Contrast */
html[data-theme="contrast"] {
  --bg: #111111;
  --text: #ffff00;
  --primary: #ffff00;
  --border: #ffff00;
  --inverted: #ffff00;
}

body {
  background: var(--bg);
  color: var(--text);
}
 
body,
html
{
	width:100%;
	height:100%;
	line-height:1.5;
	margin:0;
	padding:0;
}

/* + + + main-section + + + */
#main-container {
	overflow: scroll; /* Overflow should scroll */
	-webkit-overflow-scrolling: touch; /* This gives us scrollbars. */
}

#main-section .sub-container {
	position: relative;
}

#main-section .header
{
	/*padding: 10px 20px;*/
	text-align: right;
}

#main-section .header p
{
	padding: 0;
	margin: 0;
}

#main-section .header a
{
	text-decoration: underline;
}

#main-section .menu-icon {
	display: none;
}

#main-section .content
{
	padding: 20px 65px 0 65px; /* BD150109 content alignment */
	min-height: calc(100vh - 351px);
}

#lang-section {
    /*display: none;*/
}

#pgbox #main-section .content
{
	padding: 20px 7px 0 65px; /* BD150109 content alignment */
}
#pgbox #main-section .pgbox-mobile-section
{
	display: none;
}

#pgbox #main-section .content-section,
#pgbox #main-section .pgbox-section
{
	display: inline-block;
	vertical-align: top;
}
/** IE7 **/
*+html #pgbox #main-section .content-section,
*+html #pgbox #main-section .pgbox-section
{
  vertical-align: sup;
}

#pgbox #main-section .content-section
{
	width: 79%;
}

#pgbox #main-section .pgbox-section
{
	width: 20%;
}

#pgbox .pgbox-menu .mrBannerText
{
	padding-bottom: 1em;
	overflow: auto;
}

#pgbox .pgbox-menu .highlight-p,
#pgbox .pgbox-menu .highlight-img,
#pgbox .pgbox-menu .highlight-img img
{
	display: inline-block;
	vertical-align: top;
}
/** IE7 **/
*+html #pgbox .pgbox-menu .highlight-p,
*+html #pgbox .pgbox-menu .highlight-img,
*+html #pgbox .pgbox-menu .highlight-img img
{
	vertical-align: sup;
}
#pgbox .pgbox-menu .highlight-p
{
	width: 75%;
}
#pgbox .pgbox-menu .highlight-img
{
	width: 10%;
	margin: 0 1%;
	text-align: right;
}
#pgbox .pgbox-menu .highlight-img img
{
	position: relative;
	top: 0.2em;
	width: 100%;
	max-width: 19px;

}

#pgbox .pgbox-menu h3,
#pgbox .pgbox-menu .mrBannerText p
{
	margin-left: 12%;
	margin-right: 12%;
}
#pgbox .pgbox-menu .mrBannerText p
{
	margin-top: 0.3em;
	margin-bottom: 0;
}

#pgbox .pgbox-menu p.highlight
{
	margin-left: 0;
	margin-right: 0;
}

#main-section .qure
{
	min-height: 300px;
	height: auto !important;
	height: 300px;	/* IE treats "height" how "min-height" is supposed to be treated */
	margin-bottom: 20px;
}

/* #main-section .qure.threeQuarter  BD150206 QureWidth */
#main-section .qure.threeQuarter .mrBannerText, /* LabelWidth instead of QureWidth */
.qt-default .qt-header,
.qt-default .qt-label,
.qt-default .qt-controls
{
	display: block;
	/*width: 75%;*/
}

.qt-default .qt-controls {
	margin-left: 1em;
}

#main-section .qure.threeQuarter .qt-section .mrBannerText /* Question-Banner 100% Width */
{
	width: 100%;
}

#pgbox #main-section .qure
{
	width: 100%;
	overflow: auto;
	padding-bottom: 20px;
}

.mrQuestionTable mob {
	display: none;
}

#main-section .qure > .mrQuestionText /* Page-label (multiple questions) */
{
	display: block;
	padding-bottom: 1.5em; /* BD150109 response distance */
}

#main-section .qure > .mrQuestionText ~ .qt-section /* qt-section on page (multiple questions) */
{
/*	line-height: 2; */
}

#main-section .footer
{
	/*border-top-width: 16px;
	border-top-style: solid;
	display: block;
	margin-top: 15px;
	padding-top: 15px;
	width: 100%;*/
	background-color: inherit;
}

#main-section .footer #block-footer {
    margin: 30px 0 0;
    padding: 40px 0 0;
}

#main-section .footer ul.menu {
    padding-bottom: 18px;
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
}

#main-section .footer ul li {
    float: left;
    margin: 0 25px 0 0;
}

#main-section .footer ul a {
    font-size: 1rem;
    color: #323232;
    font-weight: normal;
    margin: 0;
    display: block;
    text-decoration: none;
}

#main-section .footer a:focus {
    background-color: #FFD530 !important;
    border-color: transparent;
    color: #1f1f1f !important;
    outline: 2px solid transparent;
    text-decoration: none !important;
    -webkit-box-shadow: 0 -4px #FFD530, 0 2px #1f1f1f;
    box-shadow: 0 -4px #FFD530, 0 2px #1f1f1f;
}

#main-section .footer ul a:hover {
    text-decoration: underline;
}

#main-section .footer #logo-section {
	display: none;
}

#main-section .footer .img1
{
	margin-left: 2px;
}

#main-section .footer .img1,
#main-section .footer .img2,
#main-section .footer .img3,
#main-section .footer .img4
{
	margin-right: 3%;
}


/* + + + slide-section + + + */
#slide-section {
	overflow: auto;
	width: 270px;
	position: absolute;
	top: 0;
	left: -270px;
	-webkit-transition: left 0.2s ease-in;
	transition: left 0.2s ease-in;
}

#slide-section .sub-container
{
	height: 100%;
	/*margin: 0 4% 0 0;*/
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
}

#slide-section .content
{
	padding: 5%;
	overflow: auto;
}

#slide-section .menu-icon
{
	width: 15%;
	padding-left: 86%;
}

#slide-section #logo-section
{
	margin: 0;
	padding: 0;
	width: 140px;
	height: 34px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 34'%3E%3Cpath style='fill:none;' d='M0 0h140v34H0z' /%3E%3Cg%3E%3Cpath style='fill:%23fff;' d='M.5 12.9a1.5 1.5 0 0 1 .6-.7 3.9 3.9 0 0 1 1.6-.2A9.1 9.1 0 0 1 6 14a29.6 29.6 0 0 1 3.2 3l.7-1.4a42.1 42.1 0 0 0-6-4C2.5 11.2.7 11 .5 12.9zM1.9 10.6c1.6-.5 1.8.6 2.1.9l1.2.7c-1.6-3.7-3.3-1.6-3.3-1.6z'/%3E%3Cpath style='fill:%23fff;' d='M2.6 12.5c3.8 2.8.6 4.1.6 4.1a1.3 1.3 0 0 0 1.7-.4l.3-.6a1.7 1.7 0 0 0 .1-.5A40.2 40.2 0 0 1 9 19.9a11 11 0 0 1-.2-1.8c-1.2-1.4-1.5-1.9-2.3-2.7-2.2-2.7-4-3-4-3M18.4 12.2a7.1 7.1 0 0 1-.1-2 8.7 8.7 0 0 0 .5-1.5h.1l.6.4a8.4 8.4 0 0 1-.6-1.7v-.1a4.1 4.1 0 0 0-.9-1.8 4.6 4.6 0 0 1 .3 1.9c-.1 1.7-2.6 3.7-2 6.6a5.7 5.7 0 0 0 2 3 15.3 15.3 0 0 1-.9-3.2 4.1 4.1 0 0 1 .5-2.5h.2zM35.3.5a56.6 56.6 0 0 0-6.4 1.4c-2.1.7-5.2 2-6.6 3.8s-.2 4.6-.6 6.4-3.2 3.8-3.2 3.8 3.3-.9 4.4-3.5-.2-3.3 1.1-6.1S35.3.5 35.3.5z'/%3E%3Cpath style='fill:%23fff;' d='M35.4.7a7.8 7.8 0 0 0-4.8 4.6l1.6-.3s.1-2.2 3.2-4.3zM41 5.4a26.7 26.7 0 0 0-11.1.5c-5.5 1.7-4.8 4.5-4.9 6s-1.4 5.2-6.3 4.8a5.5 5.5 0 0 0 6-1c3.2-2.6 1-5.7 3.6-7.2S33 5.8 41 5.4z'/%3E%3Cpath style='fill:%23fff;' d='M27 13.5a6.2 6.2 0 0 1 3.5 1.8 5.2 5.2 0 0 0-3.8-1zM36.5 11s-5.2.1-5.3 4.6c-.2-.1-3-5 5.3-4.6zM40.6 5.7c-5.3 1.1-4.1 5.3-4.1 5.3-2.7-5.4 4.1-5.3 4.1-5.3zM25.9 19.6a6.1 6.1 0 0 1 5.2-4c-4.1-.8-5.1 1.2-5.2 2.7a36 36 0 0 0-6.3-.7 18.2 18.2 0 0 1 6.3 2zM4.2 30.8a3.6 3.6 0 0 1 1.8-.4 4.7 4.7 0 0 0 1.8-.4l-2.7-.5c-1 .1-.9 1.3-.9 1.3zM23.9 28a.8.8 0 0 1 .7-.9 4.6 4.6 0 0 1 2 .4l-1.3.3a2.6 2.6 0 0 0-1.4.2zM31.4 31.2a3.1 3.1 0 0 1 1.7-.3h1.4c-.4 0-1.2-.9-2.2-.7a.9.9 0 0 0-.9 1zM36.1 10.8c-6.4-1.5-8.4-.4-8.4-.4a2 2 0 0 0 .2-.6c.2-.3.2-.4.2-.5a19.1 19.1 0 0 1 8 1.5zM11.3 6.7a2.4 2.4 0 0 0-1.6-.8c-1.2 0-2.3 1.4-3.3 1.4a3.2 3.2 0 0 1-1.7-.4 2.4 2.4 0 0 0 1.7.9c1.4 0 2.4-1.3 3.3-1.3zM14.2 8.1a6.2 6.2 0 0 1 .1 2c-.1 2.2-4.3 5.2-4.3 8.7a5.1 5.1 0 0 0 1.6 3.4 8.5 8.5 0 0 1-.4-3.8c.4-2.6 3.7-5.6 3.6-8.1a3.5 3.5 0 0 0-.6-2.2z'/%3E%3Cpath style='fill:%23fff;' d='M12.1 22.1a4.8 4.8 0 0 1-.2-2.8c.3-.9 1.1-1.6 2.7-2 0 0-2.8 2.6-.7 4.8a9.8 9.8 0 0 0-2 2.9c-.6 1.3-1.8 4.2-2.2 4.8A5.4 5.4 0 0 1 7.1 32c-1.7.1-3.7.4-3.8 1.7a1.7 1.7 0 0 1-.3-1.2c.1-.9 1.5-1.9 3-1.8a3.2 3.2 0 0 0 3.6-2.1 60.4 60.4 0 0 1 2.5-6.5z'/%3E%3Cpath style='fill:%23fff;' d='M14.5 22.3s-2.3 6.9-6.3 9.6a10.3 10.3 0 0 1 3.2-.1c.7.3 1.5.8.8 2s1.4-.8 1.1-2-1.8-1-1.8-1-.4-.2-.2-.8 1.8-2.6 2-3l2.3-3.6a2.5 2.5 0 0 0 2.4-1.3c.9-1.8-1-3.4-1-3.4s.8 1.9-.1 2.8a3.1 3.1 0 0 1-2.4.8z'/%3E%3Cpath style='fill:%23fff;' d='M16.4 23.9l1.1-.4s.4.4 2 .4h.3a30.3 30.3 0 0 0 7.4-2.3l.4.6c-2.7.9-5.8 3.5-9.9 3l-1.9-.4zM28 27.2a3.8 3.8 0 0 1-2 1.7c-1.2 0-2.7.3-2.8 1.3a1 1 0 0 1-.2-.9c0-.6.9-1.4 2.2-1.3a2 2 0 0 0 2.3-1.7c.3-.9 0-2.6.4-3.7l.9.7v.3c-.5 1.2-.3 2.6-.8 3.6zM29.7 23.9l.7.4a4.7 4.7 0 0 0-.4 1.2l-.7 2.1c-.2.5.1.6.1.6s1.1.1 1.3.8-.8 1.5-.8 1.5-.1-1.3-.6-1.5a6.8 6.8 0 0 0-2.2.1c1.7-1.2 2.3-4.6 2.6-5.2z'/%3E%3Cpath style='fill:%23fff;' d='M36.3 30.9s.5 1 .2 1.3-1.8 0-3.4.2-2.4.3-2.5 1.5a1.6 1.6 0 0 1-.3-1.1 2.5 2.5 0 0 1 2.7-1.6h1.9c.4-.2-.6-2.2-.8-2.6-1.5-3-1.5-4-1.5-4.2s-4.2-.8-5.2-3.7c3.4 2.8 6 2.8 6 2.8a56.1 56.1 0 0 0 2.9 7.4zM37.3 15.2h1.2c1.8-3.9 5-7.9 5-10.3a4 4 0 0 0-1.1-2.6l-.2.6A10.6 10.6 0 0 0 40.7.4l2.7 1.3h-.5a4.1 4.1 0 0 1 1.2 3c.1 2.8-3 6-4.8 10.3 4 .5 6.7 3 6.7 5.6s-2.3 5.2-4.4 5.2a4.8 4.8 0 0 1-2.6-.7c-1-.5-2-1.7-2-4.1a10.8 10.8 0 0 1 .9-4.7l-2.7.3-1.1.3a4.2 4.2 0 0 1 2.1 2.7 7.2 7.2 0 0 1-.4 3.7 15.2 15.2 0 0 0 1.1 5.3l.6 1.5a1.7 1.7 0 0 0 .8.9s1.2.2 1.5.9a1 1 0 0 1-.3 1.4c.3-1.1-.7-1.3-1.3-1.3h-1a11.9 11.9 0 0 0-.6-2.3s-1-2.7-1.3-4a24.3 24.3 0 0 1-.7-3s2.8-4.8-3.5-6.8h.9l1.7-.5zm1.6 1.3a13.3 13.3 0 0 0-.8 5c.1 1.7 1.1 4 3.8 3.7a3.3 3.3 0 0 0 2.7-1.9 5.6 5.6 0 0 0 .5-2.1 4.2 4.2 0 0 0-1.6-3.2 6.9 6.9 0 0 0-4.6-1.5M11 4.3s-2.2-.7-3.6.4l.7 1.2a2.3 2.3 0 0 1 3.3.2l.3.5a3.8 3.8 0 0 1-3.6 1 2.5 2.5 0 0 0 2.3 1.1c1.6 0 3.2-1.7 3.7-1.1s-.2-2.3 2.7-3.2l.7.8a3.1 3.1 0 0 0 .9-2.5A3.2 3.2 0 0 0 16.9.1a3.7 3.7 0 0 1-.3 2.1 2.1 2.1 0 0 1-1.8 1.3l-1.3-.2c-.3-.1-2.4-.8-2.5 1zm2.4-.1s-.7 1.2-1.7.5 0-.7.6-.6.5.2 1.1.1zM60.1 6.9h1v6.5h2.5v.8h-3.4zM64.4 6.4h.9v7.9h-.9zM68.4 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.6-5.6h1l1.2 4.4 1.1-4.4h.9zM76 14.4h-1l-1.1-4.6-1.1 4.6h-1L70.4 9h1l1 4.5 1-4.5h1.1l1.1 4.5 1-4.5h.9zM80.1 8.9c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.1-1.1-2.1-2.8.7-2.8 2.1-2.8zm0 4.8c.9 0 1.2-.7 1.2-2.1s-.4-2.1-1.2-2.1-1.2.7-1.2 2.1.3 2.1 1.2 2.1zM87.2 13.4c0 .3.1.7.1 1h-.9v-.8a1.5 1.5 0 0 1-1.4.9c-1.1 0-1.9-.9-1.9-2.8s.7-2.8 1.9-2.8a1.7 1.7 0 0 1 1.4.8V6.4h.9zm-2.1-3.8q-1.2 0-1.2 2.1t1.2 2.1 1.2-2.1q0-2.1-1.2-2.1zM88.4 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM91.7 9.3a2.6 2.6 0 0 1 1.5-.4 1.7 1.7 0 0 1 1.4.5 1.7 1.7 0 0 1 .5 1.3v2.8a2.7 2.7 0 0 0 .1.9h-.8v-.7a1.7 1.7 0 0 1-1.5.8 1.4 1.4 0 0 1-1.6-1.5c0-1.1.7-1.8 2.6-1.8h.5v-.3a2.4 2.4 0 0 0-.2-.9c-.2-.3-.5-.3-.9-.3a1.8 1.8 0 0 0-1.4.6zm2.6 2.4h-.6c-1.1 0-1.5.5-1.5 1.1s.3 1 .9 1a1.3 1.3 0 0 0 1.3-1.3v-.7zM97.1 11.9c0 1.3.5 1.9 1.5 1.9a2.1 2.1 0 0 0 1.2-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM103.5 14.3l-.7.2c-.8 0-1.3-.3-1.3-1.3V9.7h-.9V9h.9V7.8l.9-.3v1.4h1.1v.7h-1.1v3.2q0 .9.6.9l.5-.2zM104.2 6.4h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9V11c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 14.3l-1.3.2c-2.3 0-3.4-1.8-3.4-3.8s1.3-3.8 3.3-3.8a2.9 2.9 0 0 1 1.4.3v.9a2.3 2.3 0 0 0-1.4-.4c-1.2 0-2.3 1-2.3 2.8s.7 3.2 2.4 3.2a1.8 1.8 0 0 0 1.3-.4zM119.3 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.7-5.5h1l1.2 4.4 1.1-4.4h.9zM121.8 10.1c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM129.5 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM136.4 13.2c0 .4.1.8.1 1.2h-.9v-.8a1.4 1.4 0 0 1-1.4.9c-1 0-1.6-.5-1.6-1.8V8.9h.9v3.6c0 .9.3 1.2.9 1.2s1.2-.5 1.2-1.5V8.9h.9v4.3zM59.4 19.7h1l1.2 5.9 1.3-5.9h1.2l1.3 5.9 1.3-5.9h.9l-1.7 7.4h-1.1l-1.4-6.3-1.4 6.3h-1.1zM68.9 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM73.1 19.1h.9V27h-.9zM75.2 26.1a2.2 2.2 0 0 0 1.3.4c.7 0 1.1-.4 1.1-.7s-.2-.6-.7-.9l-.6-.3c-.8-.4-1.1-.7-1.1-1.4a1.6 1.6 0 0 1 1.7-1.6h.1l1.2.2v.7H77c-.6 0-.9.3-.9.7s.3.7.9.9h.3c.7.3 1.1.7 1.1 1.4s-.5 1.7-1.8 1.7a3.3 3.3 0 0 1-1.5-.3zM79.3 19.1h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM92.1 26.7a4.8 4.8 0 0 1-1.9.4c-2.4 0-3.4-1.8-3.4-3.8s1.4-3.8 3.3-3.8l1.8.3v1a4 4 0 0 0-1.8-.5c-1.2 0-2.3 1-2.3 2.8s.8 3.2 2.4 3.2l1-.2v-2.2h-1.3v-.8h2.2zM95.6 21.6c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.3-.7 1.3-2.1s-.4-2.1-1.3-2.1-1.3.7-1.3 2.1.4 2 1.3 2zM98.2 21.6h1l1.2 4.5 1.2-4.5h1l-1.7 5.3h-1.1zM104 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM108.1 22.8c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8V27h-.9zM111.2 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.6c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM124.7 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.3-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM128.8 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9v-4.4zM136.4 26.9l-.7.2c-.9 0-1.3-.3-1.3-1.3v-3.4h-.9v-.7h.9v-1.1l.9-.3v1.4h1.1v.7h-1.2v3.2q0 .9.6.9l.6-.2v.7zM52 0h1v33.88h-1z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 140px 34px;
	color: #fff;
	text-decoration: underline;
	border: none;
}

#slide-section #logo-section img
{
	/*display: block;*/
	display: none;
	margin: 0 auto 15px;
}

#slide-section #logo-section .img5
{
	margin-bottom: 0;
}

#slide-section.on {	/* ON swipe */
	left: 0px !important;
}


/*input[type="text"], */select.mrDropdown, .mrQuestionTable, textarea {
	margin-left: 1em !important;
}


input[type="checkbox"], input[type="radio"] {
	/* accent-color: #323232; */
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	/* top: 0 !important; */
	margin-left: 0 !important;

}

input[type="checkbox"] + label, input[type="radio"] + label {
	color: var(--text);
    line-height: 22px;
}

input[type="checkbox"] + label .mrMultipleText, input[type="radio"] + label .mrMultipleText {
	color: var(--text);
	top: -7px;
    position: relative;
}

input[type="checkbox"] + label .mrMultipleText > span, input[type="radio"] + label .mrMultipleText > span {
	color: var(--text);
}

textarea + div + input[type="checkbox"], input[type="text"] + div + input[type="checkbox"] {
	margin-top: 10px;
	margin-left: 1em !important;
}

/* .resp-checkbox-radio-parent input[type="checkbox"], .resp-checkbox-radio-parent input[type="radio"] {
	margin-top: 10px;
} */

input[type="checkbox"] {
	/* outline: 1px solid #666; */
	width: 20px;
	height: 20px;
	margin-top: 0;
	background-color: #fff;
	border: 1px solid #666666;
	top: -2px !important;
}

input[type="checkbox"]:checked:before {
	content: '';
    position: absolute;
    top: -1px;
    left: 5px;
    width: 4px;
    height: 13px;
    transform: rotate(45deg);
    border: solid #0360a6;
    border-width: 0 4px 4px 0;
}

input[type="checkbox"]:focus {
    box-shadow: 0 0 0 2px #ffd530;
    /* -webkit-box-shadow: 0 0 0 4px #ffd530; */
	border-color: #1f1f1f;
}

input[type="checkbox"]:checked:focus:before {
	border-color: inherit;
}

/*
input[type="radio"]:checked {
	appearance: none;
	-webkit-appearance: none;
	  width: 9px;
	  height: 9px;
	  border-radius: 50%;
	 /* border: 2px solid #ccc;
	accent-color: #fff;
    box-shadow: 0 0 0 4px #ffd530;
    outline: 2px solid #1f1f1f;
    text-decoration: none !important;
    -webkit-box-shadow: 0 0 0 4px #ffd530;
} */
/*
input[type="radio"] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #1f1f1f;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 0 1px transparent;
  transition: all 0.1s ease-in-out;

}
input[type="radio"]:checked {
  box-shadow: 0 0 0 2px #ffd530;
  -webkit-box-shadow: 0 0 0 2px #ffd530;
}

input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1f1f1f;
  borderradius: 50%;
  transform: translate(-50%, -50%);
}
*/
input[type="radio"] {
	background-color: #fff;
	border: 1px solid #666666;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	margin-top: 0;
}

input[type="radio"]:focus {
	box-shadow: 0 0 0 2px #ffd530;
}
input[type="radio"]:checked:before {
	content: '';
	background-color: #0360a6;
	border: 1px solid #666666;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	/*left: 2px;
    top: 2px;*/
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
input[type="radio"]:focus:before {
	/* background-color: #0360a6; */
	background-color: #1f1f1f;
	border-color: #1f1f1f;
}

input[name="_QSMAuth_Qaccesscode"] {
    margin-left: -1em;
}

/* + + + Navigation + + + */
.nav
{
	overflow: hidden;
}
.nav .buttons
{
	text-align: left;
	/*direction: rtl;*/
	display: flex;
	justify-content: flex-start;
	gap: 5px;
	padding: 3px;
}

.nav .buttons .goto-button,
.nav input
{
	direction: ltr;
}

.nav .buttons .goto-button
{
	display: inline-block;
}

.goto-button select
{
	padding: 0.1em;
}

.secondary-nav-section
{
	padding-bottom: 3px;
	display: flex;
	justify-content: center;
	margin: 3px;
}

input[type='submit']
{
	-webkit-appearance: none; /* BD150206 not platform specific styling */
	-moz-appearance: none;
	appearance: none;

	padding: 3px 8px;
	border: 0px;

/* PR Added to fix new IOS issue where nav buttons looked greyed out with white text */
	background-color: #e6e6e6;
	color: black;


	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

	width: auto !important;
}

input[type="submit"]:hover.disabled
{
	cursor:not-allowed;
}

/*input.mrNext
{
	padding-right: 130px;
}*/

/* Adapt button-sizes to button-section >> Default size don't fit */
/*#main-section .nav .buttons.adapt-size input.mrNext {
	width: 63% !important;
}
#main-section .nav .buttons.adapt-size input.mrPrev {
	width: 34% !important;
}*/

.nav .buttons.no-prev .x,
.nav .buttons.adapt-size.no-prev .x {
	width: 100%;
}


/* + + + Progress-bars + + + */
.progress-bar
{
/*
	border-color: #00affa;
	border-style: solid;
	border-width: 1px;
*/
	min-height: 8px;
    height: auto !important;
    height: 8px; /* IE treats "height" how "min-height" is supposed to be treated */
	overflow: hidden;
}

.progress-bar table,
.progress-bar td
{
/*	min-height: 10px;
	height: auto !important;
	height: 10px; / * IE treats "height" how "min-height" is supposed to be treated */
	height: 8px;
}

.progress-bar.top-bar
{
	display: none;
	margin-bottom: 20px;
}

.progress-bar.bottom-bar
{
	display: block;
	margin-top: 20px;
}

.progress-bar table
{
	border-spacing: 0;
}

/* + + + Banner and Error messages + + + */
.mrBannerText,
.mrErrorText
{
	display: block;
}

.qure > .mrBannerText
{
	margin-bottom: 0.3em;
}


/* + + + Help links + + + */
.help-link div,
.help-link span,
.small-help div,
.small-link span,
.long-help
{
	display: none;
}

/* + + + General menu-icon styles + + + */
.menu-icon {
    display: none;
	padding: 4px;
	cursor: pointer;
	width: 40px;
}

.menu-icon hr {
	border: 2px solid #fff;
	border-radius: 2px;
	padding: 0;
	margin: 4px;
}

object, audio
{
	position: fixed;
	top: 45px;
	right: 0;
}

/* + + + General + + + */
#logo-section img
{
	height: 50px;
}

.clearfloat {
  clear: both;
  height: 0;
}

.hidden
{
	display: none;
}

.top10-distance
{
	margin-top: 10px;
}

.seperator
{
	margin-top: 3em;
}

.sliding-wrapper
{
	display: block;
	height: auto;
	overflow: auto;
	overflow-x: auto;
	overflow-y: visible;
}

textarea,
input[type='text']
{
	border-style: solid;
}

.qt-controls span input[type='text']
{
	padding-left: 4px;
}

.qt-controls > div
{
	height: 1.5em; /* BD150109 response distance */
}

.qt-section.not-one-line,
.qt-section.bottom-distance
{
	display: block;
	margin-bottom: 1.5em; /* BD150109 response distance */
}

.mrQuestionTable td /* BD150206 table-row-distance */
{
	padding-bottom: 10px;
/*border-spacing: 0 20px; ** Doesn't work in IE */
}

.mrQuestionTable tbody tr .mrQuestionText,
.mrQuestionTable tbody tr .mrGridCategoryText
{
	text-align: right !important;
}
.mrQuestionTable tbody tr:first-child .mrQuestionText,
.mrQuestionTable tbody tr:first-child .mrGridCategoryText
{
/*	text-align: center !important; */
}



/* + + + Lining Up Wrapped Response Texts Control + + + */
span.mrQuestionTable span[id*='Cell']
{
	display: block;
	position:relative;
	padding: 5px 0;
}
span.mrQuestionTable span input.mrMultiple,
.mrQuestionTable span input.mrSingle
{
	display:block;
	position:absolute;
	/*top: 2px;*/
}
span.mrQuestionTable span label span.mrMultipleText,
.mrQuestionTable span label span.mrSingleText,
span.mrQuestionTable span span span.mrShowText
{
	display:block;
}

span.mrQuestionTable span span span.mrShowText
{
	margin-top: 1em;
}

span.mrQuestionTable span label span.mrMultipleText,
.mrQuestionTable span label span.mrSingleText
{
	margin-left:2em;
}

/* + + + mrOther Style Control + + + */
span.mrQuestionTable span span input.mrOtherEdit
{
/** DISPLAY .otherText under the label ** display:block; */
}
span.mrQuestionTable span span label span.mrOtherText
{
/** DISPLAY .otherText under the label ** display:block; margin-left:3em; */
}

.mrQuestionTable span input[value*='Other'] ~ label .mrSingleText,
.mrQuestionTable span input[value*='other'] ~ label .mrSingleText,
.mrQuestionTable span input[value*='Other'] ~ label .mrMultipleText,
.mrQuestionTable span input[value*='other'] ~ label .mrMultipleText
{
	display: inline-block;
}


/* + + + For Table Layout + + + */
table.mrQuestionTable
{
/*	border-collapse: collapse; */
}

table.mrQuestionTable,
table.mrQuestionTable input
{
	margin-left: 0 !important;
}
table.mrQuestionTable tbody tr td
{
	position:relative;
}
table.mrQuestionTable tbody tr td input.mrMultiple,
table.mrQuestionTable tbody tr td input.mrSingle
{
	display:block;
	position:relative;
}
table.mrQuestionTable tbody tr td label span.mrMultipleText,
table.mrQuestionTable tbody tr td label span.mrSingleText
{
	display: block;
	margin-left: 1.5em;
	margin-right: 2em;
}

/* FROM PANEL */

table.mrQuestionTable tbody tr td label[for$="X0"] span.mrMultipleText,
table.mrQuestionTable tbody tr td label[for$="X1"] span.mrMultipleText,
table.mrQuestionTable tbody tr td label[for$="X0"] span.mrSingleText,
table.mrQuestionTable tbody tr td label[for$="X1"] span.mrSingleText {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
}
/*
	More general version
*/
/*
table.mrQuestionTable tbody tr td label span.mrMultipleText, table.mrQuestionTable tbody tr td label span.mrSingleText {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
}
*/

/* FROM PANEL */

/* + + + mrOther Sytle Control For Table Layout + + + */
table.mrQuestionTable tbody tr td input.mrOtherEdit
{
	display:block;
	margin-left:3.5em;
}
table.mrQuestionTable tbody tr td span label span.mrOtherText
{
	display:block;
	margin-left:3em;
}


/* + + + Clear GridCategory Control Style For Table Layout + + + */
table.mrQuestionTable tbody tr td[class~=mrGridCategoryText] ~ td input.mrSingle,
table.mrQuestionTable tbody tr td[class~=mrGridCategoryText] ~ td input.mrMultiple
{
	display:inline;
	position:relative;
}

/* + + + RESPONSIVE STYLES for specific elements || classNames added by 'stdNatCen.js' + + + */

/* .resp-checkbox-radio-parent */

.resp-checkbox-radio-parent
{
	display: block;
	margin-top: 10px;
}

.resp-checkbox-radio-parent textarea ~ .mrMultiple
{
	display:block;
	position:absolute;
}
.resp-checkbox-radio-parent textarea ~ label
{
	height: 35px;
	display: block;
}
.resp-checkbox-radio-parent textarea ~ label .mrMultipleText
{
	position:relative;
	top: 1em;
	left: 4.5em;
}

span.mrQuestionTable span.resp-checkbox-radio-parent input.mrMulti-ple,
.mrQuestionTable span.resp-checkbox-radio-parent input.mrSingle
{
}

span.mrQuestionTable span.resp-checkbox-radio-parent label span.mrMultipleText,
.mrQuestionTable span.resp-checkbox-radio-parent label span.mrSingleText,
table.mrQuestionTable tbody tr td.resp-checkbox-radio-parent label span.mrMultipleText,
table.mrQuestionTable tbody tr td.resp-checkbox-radio-parent label span.mrSingleText
{
	margin-left: 4em;
	padding-top: 1em;
}

.resp-checkbox-radio-parent span input.mrOtherEdit
{
	height: 3em;
	/*margin-left: 5em !important;*/
	margin-top: 0.4em;
	width: 75%;
}

.mrQuestionTable span.resp-checkbox-radio-parent input[value*='Other'] ~ label .mrSingleText,
.mrQuestionTable span.resp-checkbox-radio-parent input[value*='other'] ~ label .mrSingleText
{
	display: block;
}


/* + + + RESPONSIVE CLASSNAMES ADDED BY 'stdNatCen.js' when Browser does not support media queries + + + */
/* Large Devices, Wide Screens : 1280px | have no additional className */
body.medium-device
{}

body.tablet-device
{}

/* #main-section .qure.threeQuarter  BD150206 QureWidth */
body.tablet-device #main-section .qure.threeQuarter .mrBannerText, /* LabelWidth instead of QureWidth */
body.phone-ls-device #main-section .qure.threeQuarter .mrBannerText,
body.phone-pt-device #main-section .qure.threeQuarter .mrBannerText,
body.tablet-device .qt-default .qt-header,
body.phone-ls-device .qt-default .qt-header,
body.phone-pt-device .qt-default .qt-header,
body.tablet-device .qt-default .qt-label,
body.phone-ls-device .qt-default .qt-label,
body.phone-pt-device .qt-default .qt-label
{
	width: 100%;
}

body.tablet-device input[type='checkbox'],
body.phone-ls-device input[type='checkbox'],
body.phone-pt-device input[type='checkbox'],
body.tablet-device input[type='radio'],
body.phone-ls-device input[type='radio'],
body.phone-pt-device input[type='radio']
{
		width: 44px;
		height: 44px;
		border-style: solid;
		border-width: 1px;
}
body.tablet-device table input[type='checkbox'],
body.phone-ls-device table input[type='checkbox'],
body.phone-pt-device table input[type='checkbox'],
body.tablet-device table input[type='radio'],
body.phone-ls-device table input[type='radio'],
body.phone-pt-device table input[type='radio']
{
		width: auto;
		width: initial;
		height: auto;
		height: initial;
}

body.tablet-device input[type='checkbox'],
body.phone-ls-device input[type='checkbox'],
body.phone-pt-device input[type='checkbox']
{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
}

body.tablet-device input[type='radio'],
body.phone-ls-device input[type='radio'],
body.phone-pt-device input[type='radio']
{
		-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
		border-radius: 22px;
}

body.tablet-device #main-section .content
{
	padding-right: 0; /* BD150109 content alignment */
}
body.tablet-device .progress-bar,
body.tablet-device .nav,
body.tablet-device .secondary-nav-section
{
	margin-right: 65px; /* BD150109 content alignment */
}

body.phone-ls-device #main-section .content,
body.phone-pt-device #main-section .content
{
	padding-left: 30px; /* BD150109 content alignment */
}


/* + + + 360px + + + */
body.phone-ls-device.below360px .nav .buttons,
body.phone-pt-device .nav .buttons
{
	width: 100%;
}

body.phone-ls-device.below360px input.mrNext,
body.phone-pt-device input.mrNext,
body.phone-ls-device.below360px input.mrPrev,
body.phone-pt-device input.mrPrev
{
	padding-left: 2% !important;
	padding-right: 2% !important;
	margin: 0 !important;
	text-align: left;
}

body.phone-ls-device.below360px .nav .buttons.no-prev input.mrNext,
body.phone-pt-device .nav .buttons.no-prev input.mrNext
{
	width: 100% !important;
}

body.phone-ls-device.below360px input.mrPrev,
body.phone-pt-device input.mrPrev
{
	width: 40% !important;
}

body.phone-ls-device.below360px input.mrNext
{
	width: 58% !important;
}

/* + + + phone ls && pt + + + */
body.phone-ls-device .progress-bar,
body.phone-ls-device .nav,
body.phone-ls-device .secondary-nav-section,
body.phone-pt-device .progress-bar,
body.phone-pt-device .nav,
body.phone-pt-device .secondary-nav-section
{
	margin-right: 30px; /* BD150109 content alignment */
}


body.phone-ls-device input[type='submit'],
body.phone-pt-device input[type='submit']
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 15px 14px;
/* PR Added to fix new IOS issue where nav buttons looked greyed out with white text */
	background-color: #e6e6e6;
	color: black;
}

body.phone-ls-device .goto-button select,
body.phone-pt-device .goto-button select
{
	padding: 1.1em;
}

body.phone-ls-device input.mrNext,
body.phone-pt-device input.mrNext
{
	padding-right: 80px; /* Larger button */
}

body.phone-ls-device #main-section .header,
body.phone-pt-device #main-section .header
{
	padding: 0;
	text-align: left;
}
body.phone-ls-device .progress-bar.top-bar,
body.phone-pt-device .progress-bar.top-bar,
body.phone-ls-device #main-section .menu-icon,
body.phone-pt-device #main-section .menu-icon
{
	display: block;
}

body.phone-ls-device #main-section #info-section,
body.phone-pt-device #main-section #info-section,
/*body.phone-ls-device #main-section .footer,
body.phone-pt-device #main-section .footer,*/
body.phone-ls-device .progress-bar.bottom-bar,
body.phone-pt-device .progress-bar.bottom-bar
{
	display: none;
}

body.phone-ls-device .qt-section > .qt-label label span.mrQuestionText,
body.phone-pt-device .qt-section > .qt-label label span.mrQuestionText,
body.phone-ls-device .qt-controls .mrQuestionTable,
body.phone-pt-device .qt-controls .mrQuestionTable
{
	margin-left: 0 !important;
}

body.phone-ls-device .qt-label label span.mrQuestionText,
body.phone-pt-device .qt-label label span.mrQuestionText
{
	text-align: left !important;
}

body.phone-ls-device .qt-controls,
body.phone-pt-device .qt-controls
{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

body.phone-ls-device .qt-controls span textarea,
body.phone-ls-device .qt-controls span input[type='text'],
body.phone-ls-device .qt-controls span select,
body.phone-pt-device .qt-controls span textarea,
body.phone-pt-device .qt-controls span input[type='text'],
body.phone-pt-device .qt-controls span select
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	margin-left: 0 !important;
	margin-right: 0;
	width: 100%;
}

body.phone-ls-device .qt-controls span input[type='text'],
body.phone-ls-device .qt-controls span select,
body.phone-pt-device .qt-controls span input[type='text'],
body.phone-pt-device .qt-controls span select
{
	height: 3em;
}

body.phone-ls-device input.mrNext
{
	padding-right: 127px;
}

body.phone-pt-device input.mrNext
{
	width: 57% !important;
}

#main-section #info-section, #slide-section #info-section {
	display: flex;
	align-items: center;
}

#info-section #fontControls button {
	/*background: #1f1f1f;*/
	/*background: rgba(50, 50, 50, 1);*/
	
	border: none;
	/*outline: 2px solid #1f1f1f;*/
	cursor: pointer;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 1em;
	/*box-shadow: 1px 1px 1px rgba(130, 130, 130, 0.75);*/
	line-height: 1.5rem;
	/*margin-right: 10px;*/
}

#info-section #fontControls button:hover {

}

/* + + + media queries + + + */
/* + + + Medium Devices, Desktops : 992px + + + */
@media (max-width: 992px){
}

/* + + + Tablet (portrait) : 768px + + + */
@media (max-width: 768px){
	#main-section .content {
		padding: 10px;
	}

	#main-section .qure.threeQuarter .mrBannerText, .qt-default .qt-header, .qt-default .qt-label, .qt-default .qt-controls {
		width: 100% !important;
	}

	.mrQuestionTable mob {
		display: inline-block;
	}

	.qt-default .qt-controls {
		margin-left: 0;
	}

	.mrQuestionTable {
		display: block;
	}

	.mrQuestionTable tr:first-child {
		/* display: none; */
		/* padding-top: 15px; */
	}

	.mrQuestionTable .mrGridCategoryText {
		display: block;
		background-color: #eee;
		padding: 0 !important;
		margin-bottom: 10px;
		border-radius: 5px;
	}

	.mrQuestionTable tbody tr .mrQuestionText, .mrQuestionTable tbody tr .mrGridCategoryText {
		text-align: left !important;
		border: none;
        background: none;
        margin-bottom: 0;
	}

	.mrQuestionTable tbody, .mrQuestionTable tr, .mrQuestionTable td {
		width: calc(100% - 10px) !important;
		display: block;
	}

	.mrQuestionTable td {
		display: block;
		/*width: calc(100% - 10px) !important;*/
		text-align: left !important;
		/* padding-top: 10px; */

	}

	span.mrQuestionTable span.resp-checkbox-radio-parent label span.mrMultipleText,
	.mrQuestionTable span.resp-checkbox-radio-parent label span.mrSingleText,
	table.mrQuestionTable tbody tr td.resp-checkbox-radio-parent label span.mrMultipleText,
	table.mrQuestionTable tbody tr td.resp-checkbox-radio-parent label span.mrSingleText {
		padding-top: 0;
		margin-left: 2em;
	}

	.mrQuestionTable tr:hover {
		background-color: inherit;
	}

	.nav .buttons {
		justify-content: center;
	}

	#main-section .content
	{
		/* PR updated from 0 to 30 to create right margin */
		padding-right: 10px; /* BD150109 content alignment */
	}
	#main-section .qure
	{
		min-height: 200px;
		height: auto !important;
		height: 200px;	/* IE treats "height" how "min-height" is supposed to be treated */
	}

	/* #main-section .qure.threeQuarter / * BD150206 QureWidth */
	#main-section .qure.threeQuarter .mrBannerText,
	.qt-default .qt-header,
	.qt-default .qt-label
	{
		width: 100%;
	}

	.progress-bar,
	.nav,
	.secondary-nav-section
	{
		margin-right: 65px; /* BD150109 content alignment */
	}

    .content .nav {
        margin-right: 0;
    }

	input[type='checkbox'],
	input[type='radio']
	{
		/*CHECK HERE*/
		/*width: 18px;
		height: 18px;
		border-style: solid;
		border-width: 1px;*/
	}
	table input[type='checkbox'],
	table input[type='radio']
	{
		/* width: auto;
		width: initial;
		height: auto;
		height: initial; */
	}

	input[type='checkbox']
	{

	}
	input[type='radio']
	{

	}

	#pgbox .pgbox-menu .highlight-img img
	{
		top: 0.3em;
	}

}/* END: @media (max-width: 768px) */

/* + + + Smartphones (landscape) : 480px || @media && body.phone-ls-device{} + + + */
@media (max-width: 480px){

	#main-section .content
	{
		padding-left: 10px; /* BD150109 content alignment */
	}

	.progress-bar,
	.nav,
	.secondary-nav-section
	{
		margin-right: 10px; /* BD150109 content alignment */
	}

	#main-section .qure
	{
		min-height: 150px;
		height: auto !important;
		height: 150px;	/* IE treats "height" how "min-height" is supposed to be treated */
	}

	#main-section .header
	{
		padding: 0;
		text-align: left;
	}
	.progress-bar.top-bar /*,#main-section .menu-icon*/
	{
		display: block;
	}

	#slide-section input[type="submit"] {
		margin-bottom: 10px;
	}

	/*#main-section #info-section,
    #main-section .header,*/
	#main-section .footer,
	.progress-bar.bottom-bar
	{
		/*display: none !important;*/
	}

	#slide-section #info-section a {
		display: block;
	}
	
	#lang-section {
		/*display: block;*/
	}

	input[type='submit']
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 15px 14px;
/* PR Added to fix new IOS issue where nav buttons looked greyed out with white text */
	background-color: #e6e6e6;
	color: black;
	}

	.goto-button select
	{
		padding: 1.1em;
	}

	input.mrNext
	{
		padding-right: 128px; /* Larger button */
	}


	/* FORM-DISPLAY */
	.qt-section > .qt-label label span.mrQuestionText,
	.qt-controls .mrQuestionTable
	{
		margin-left: 0 !important;
	}

	.qt-label label span.mrQuestionText
	{
		text-align: left !important;
	}

	.qt-controls
	{
		display: block;
		width: 100% !important;
		margin-bottom: 5px;
	}

	.qt-controls span textarea,
	/*.qt-controls span input[type='text'],*/
	.qt-controls span select
	{
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0;
		width: 100% !important;
	}

	.qt-controls span input[type='text'],
	.qt-controls span select
	{
		height: 3em;
	}

	.qt-controls span input[type='text']
	{
	}

	.resp-checkbox-radio-parent span input.mrOtherEdit
	{
		/* margin-left: 4em !important; */
		margin-top: 0.4em;
		width: 75% !important;
	}

	/*** progress-box ***/
/*	PR - removed duplicate formatting below - above reduces padding further for improved mobile look/feel
	#pgbox #main-section .content
	{
		padding: 20px 65px 0 65px;
	}
*/
	#pgbox #main-section .pgbox-mobile-section,
	#pgbox #main-section .content-section
	{
		display: block;
		width: 100%;
	}
	#pgbox #main-section .pgbox-mobile-section
	{
		margin-bottom: 5px;
	}
	#pgbox #main-section .pgbox-mobile-section .pgbox-bar
	{
		height: 19px;
		padding: 0 2px;
		cursor: pointer;
	}
	#pgbox #main-section .pgbox-mobile-section .pgbox-menu
	{
		display: none;
	}
	#pgbox #main-section .pgbox-mobile-section .pgbox-menu h3
	{
		margin-top: 0;
	}
	#pgbox .pgbox-menu .highlight-img
	{
		width: 8%;
		margin: 0 3% 0 1%;
		text-align: right;
	}
	#pgbox .pgbox-menu .highlight-img img {
		top: 0.2em;
	}
	

}/* END: @media (max-width: 480px) */

/** + + + 360px + + + **/
@media (max-width: 360px){

	.progress-bar,
	.nav,
	.secondary-nav-section
	{
		margin-right: 0; /* BD150209 Adapt button-sizes */
	}

	.nav .buttons
	{
		width: 100%;
	}
	input.mrNext,
	input.mrPrev
	{
		padding-left: 2% !important;
		padding-right: 2% !important;
		margin: 0 !important;
		text-align: left;
	}
	input.mrNext
	{
		width: 58% !important;
	}
	.nav .buttons.no-prev input.mrNext
	{
		width: 100% !important;
	}
	input.mrPrev
	{
		width: 40% !important;
	}
	.nav .buttons .secondary-button-section
	{}


}

/* + + + Smartphones (portrait) : 320px + + + */
@media (max-width: 320px){

	.progress-bar,
	.nav,
	.secondary-nav-section
	{
		margin-right: 0; /* BD150209 Adapt button-sizes */
	}

	input.mrNext
	{
		width: 57% !important;
	}
}

/*
	ADDED BY DEX 2021-03-12 - mobile label alignment fix
*/

@media screen and (max-width: 480px) {
	/*#main-section .menu-icon {
		display: block;
	}*/
	
	#slide-section .footer {
		padding: 0;
		margin-top: 20px;
	}
	
	.qt-controls span input[type='text'], .qt-controls span select {
		margin-left: 0 !important;
		max-width: none;
	}
}

@media screen and (max-width: 768px) {

	.resp-checkbox-radio-parent textarea ~ .mrMultiple {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

	.resp-checkbox-radio-parent textarea ~ label {
		display: inline-block;
		height: auto;
	}

	.resp-checkbox-radio-parent textarea ~ label .mrMultipleText {
		position: static;
	}

	.resp-checkbox-radio-parent span input.mrOtherEdit {
		/* margin-left: 4em !important; */
	}

	/* input[type="text"], select.mrDropdown, .mrQuestionTable, textarea,
	input[type="radio"], input[type="checkbox"] {

	} */

	.resp-checkbox-radio-parent {
		display: flex;
		gap: .5em;
		margin-top: 5px;
	}
	
}

/*  DEX 20260212 - Theme switcher */

.accessible-controls {

	color: #fff;
	display: flex;
	align-items: center;
}

.accessible-controls button {
	appearance: none;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--inverted);
    transition: background 0.2s ease, color 0.2s ease;
}

.accessible-controls button:hover,
.accessible-controls button:active {
	background: #1f1f1f;
}

.theme-selector {
  position: relative;
  display: inline-block;
}

#theme-button {
  padding: 0.5rem 0.75rem;
  background: #1f1f1f;
  color: var(--inverted);
  border: 1px solid var(--border);

  cursor: pointer;
      font-size: 1em;
    font-weight: 700;
    line-height: 1.5rem;
    margin-left: 10px;
}

/* Dropdown */
.theme-menu {
  position: absolute;
  top: 60px;
  right: 0;
  background: var(--bg);
  border: 1px solid var(--border);

  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	display: none;
  flex-direction: column;
  min-width: 160px;
  padding: 0.25rem;
  z-index: 100;
}

.theme-menu.visible {
	  display: flex;
}

.theme-menu button {
  background: none;
  border: none;
  padding: 0.5rem;
  text-align: left;
  cursor: pointer;
  color: var(--text);
}

.theme-menu button:hover,
.theme-menu button:focus {
  background: var(--primary);
  color: #fff;
}

/*  Theme-specific */

#main-section 
{
	background: var(--bg);
}

html[data-theme="dark"] .footer-container,
html[data-theme="contrast"] .footer-container {
    background-color: #222;
}

html[data-theme="dark"] #main-section .footer ul a,
html[data-theme="contrast"] #main-section .footer ul a {
	color: var(--text);
}

html[data-theme="light"] #theme-button {
	color: #fff;
}

html[data-theme="light"] .langselectBTN {
	color: #fff !important;
}

html[data-theme="dark"] .footer__logo,
html[data-theme="contrast"] .footer__logo {
	color: #fff;
}

html[data-theme="dark"] input[type="submit"].mrPrev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='m0 10 3.466 3.514L9.866 20l3.467-3.604L7.022 10l6.311-6.396L9.866 0l-6.4 6.486z'/%3E%3C/svg%3E");
}

html[data-theme="contrast"] input[type="submit"].mrPrev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Cpath fill='%23ffff00' fill-rule='nonzero' d='m0 10 3.466 3.514L9.866 20l3.467-3.604L7.022 10l6.311-6.396L9.866 0l-6.4 6.486z'/%3E%3C/svg%3E");
}

html[data-theme="dark"] input[type="submit"].mrNext {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Cpath fill='%23111111' d='M13.333 10 9.867 6.486 3.467 0 0 3.604 6.311 10 0 16.396 3.467 20l6.4-6.486z'/%3E%3C/svg%3E");
}

html[data-theme="contrast"] input[type="submit"].mrNext {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Cpath fill='%23111111' d='M13.333 10 9.867 6.486 3.467 0 0 3.604 6.311 10 0 16.396 3.467 20l6.4-6.486z'/%3E%3C/svg%3E");
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background-color: var(--primary);
}

html[data-theme="dark"] .ui-widget-content,
html[data-theme="contrast"] .ui-widget-content {
	background: #444;
	color: var(--text);
}

#slide-section #info-section .theme-menu {
    background: none;
}

.qt-controls div.control-container {
	height: auto !important;
	display: flex;
	gap: .5em;
	margin-top: 10px;
	margin: .5em;
	align-items: baseline;
	left: -1px;
	position: relative;
}

input[name="_Q_DDynamicPage_QContactDet"] {
	margin-left: .5em !important;
}

.qt-controls .resp-checkbox-radio-parent div.control-container {

}

.qt-controls .resp-checkbox-radio-parent div.control-container input {
	flex: none;
	
}

@media (max-width: 768px) {
	input[name="_Q_DDynamicPage_QContactDet"] {
		width: 100% !important;
		margin-left: 0 !important;
	}
	
	.qt-controls div.control-container { 
		margin: .5em 0;
		position: static;
	}
	
}

@media (max-width: 480px) {
	
	#slide-section #info-section {
		flex-wrap: wrap;
	}
	
	.theme-menu {
		
	}
	
	#theme-button {
		font-size: .8em;
		margin-left: 0;
	}	
	
	.theme-menu button {
		
	}
	
	.accessible-controls  {
			flex-wrap: wrap;
	}
	
	.langselectBTN {
		margin: 0 5px !important;
		font-size: .8em !important,
	}
	
	#info-section #fontControls button {
		font-size: .8em;
	}
}