/* ==========================================================================
	   Default styles   
	   ========================================================================== */
	html,
	button,
	input,
	select,
	textarea,
	a {
		font-family: 'PT Sans', sans-serif;
		color: #545456;
		vertical-align: top;
	}

	body {
		position: relative;
		font-size: 14px;
		line-height: 21px;
		overflow-x: hidden;
		min-height: 100vh;
	}

	body.iframe {
		padding-top: 10vw;
	}

	button {
		border: none;
		background: none;
		padding: 0;
		margin: 0;
	}

	audio,
	canvas,
	img,
	video {
		vertical-align: middle;
	}

	textarea {
		resize: vertical;
	}

	hr {
		border-top: 1px solid #d9d9d9;
		border-bottom: none;
	}

	hr.divider {
		display: block;
		margin: 0 0 20px 0;
	}

	.form-row hr {
		margin-bottom: 2em;
		width: 100%;
	}

	h1 {
		margin: 10px 0 50px 0;
		font-size: 24px;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
	}

	h1:not(:first-of-type) {
		margin: 30px 0 10px 0;
		font-size: 20px;
	}

	h1.left {
		text-align: left;
		/*display: block !important;*/
	}

	h1.left small {
		font-weight: normal;
		display: block;
		font-size: 16px;
	}

	h1.left.top {
		margin-top: 0;
	}

	h1+marquee {
		position: relative;
		top: -30px;
	}

	h2 {
		margin: 0 0 20px 0;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}

	h2.subheader {
		font-weight: bold !important;
		margin: 10px 0;
	}

	h3 {
		margin: 0;
		font-size: 18px;
		line-height: 24px;
		font-weight: normal;
	}

	h1 em,
	h2 em,
	h3 em,
	.main-btn em {
		font-style: normal;
		font-weight: normal;
	}

	p {
		margin: 0 0 18px 0;
		overflow-wrap: break-word;
	}

	a {
		color: #209cad;
		text-decoration: none;
		border-bottom: 1px solid;
	}

	p a,
	td a {
		color: inherit !important;
	}

	table {
		border-spacing: 5px;
		/* ---as per marijn design----*/
		border-collapse: separate;
		background: #fff;
	}

	td {
		vertical-align: top;
	}

	th {
		text-align: left;
	}

	tr:not(:first-of-type) th h3 {
		margin-top: 20px;
	}

	form p.center {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	input,
	textarea,
	select {
		border-radius: 5px;
	}

	input {
		width: 100%;
		max-width: 300px;
		height: 40px;
		margin: 0 0 5px 0;
		padding: 0 10px;
		border: 1px solid #d9d9d9;
	}

	input[list]::-webkit-calendar-picker-indicator,
	input[list]::-webkit-list-button {
		display: none !important;
	}

	.col1_2 input {
		box-sizing: border-box;
		max-width: 322px;
	}

	input.label {
		border: none !important;
		pointer-events: none;
		background: none !important;
		font-weight: bold !important;
	}

	input.smaller {
		width: 57%;
		max-width: 180px;
	}

	input.bit-smaller {
		max-width: 275px;
		margin-left: 7px;
	}


	input.smallest {
		width: 30%;
		max-width: 90px;
		margin-right: 4px;
	}

	input.smallest.right {
		margin-left: 4px;
		margin-right: 0px;
	}

	input.big {
		display: block;
		height: 50px !important;
		line-height: 50px !important;
		margin: 0 auto;
		font-size: 24px !important;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase !important;
	}

	textarea {
		width: 100%;
		max-width: 300px;
		min-height: 200px;
		padding: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		border: 1px solid #d9d9d9;
	}


	input.full,
	textarea.full {
		max-width: 478px;
	}

	textarea.full {
		min-height: 140px;
	}

	textarea.radio-text {
		margin-left: 40px;
		min-height: 60px !important;
		margin-top: 10px;
		width: calc(90% - 40px);
	}

	textarea.regular-text {
		min-height: 60px !important;
		width: 90%;
		max-width: 340px;
	}


	select {
		width: 100%;
		max-width: 322px;
		height: 30px;
		margin: 0 0 5px 0;
		padding: 0 8px;
		border: 1px solid #d9d9d9;
	}

	select[multiple] {
		height: auto;
		background: #fff !important;
		padding: 0;
	}

	select[multiple] option {
		padding: 4px 8px;
	}

	form select option[value=""][disabled] {
		display: none;
	}

	select.smaller {
		width: 33%;
		max-width: 114px;
		margin-right: 0;
	}

	#main select.smaller {
		max-width: 111px;
		margin-right: 5px;
	}

	#main select.smaller.right {
		width: 57%;
		max-width: 200px;
		margin-right: 0;
	}

	#main form:not(.center) select.smaller:first-of-type {
		margin-left: 0;
	}

	select.smallest {
		width: auto;
		min-width: 64px;
	}

	form select:invalid {
		color: #767678;
	}

	input[type=radio]:not(.smiley) {
		display: none;
	}

	input[type=radio].last {
		display: inline-block;
		margin-left: 16px;
		margin-top: 5px;
		height: 16px;
		width: 16px;
		vertical-align: middle;
	}

	input.icon+label {
		display: block;
		float: left;
		margin: -20px 0 0 0;
		padding: 0 !important;
		width: 50% !important;
	}

	.reasons input.icon+label {
		width: 25% !important;
		text-align: center;
	}

	input.icon+label img {
		width: 100%;
		margin: 0;
		z-index: 0;
	}

	input.icon+label span {
		position: relative;
		display: block;
		top: -20px;
		text-align: center;
		font-size: 14px;
		max-width: 190px !important;
	}

	input.icon:not(:checked)+label img {
		opacity: 0.4;
	}

	input.icon:checked+label span {
		font-weight: bold;
	}

	input.icon:checked+label span::before {
		content: '•';
		display: inline-block;
		color: #209cad;
		margin-right: 5px;

	}

	input.icon+label::before,
	input.icon+label::after {
		display: none;
	}

	input[type=file] {
		background: none !important;
		padding-top: 8px;
		line-height: 24px;
		height: 24px;
		font-size: 15px;
	}

	input[type=checkbox] {
		min-width: 20px;
		width: 20px;
		height: 20px;
		margin: 10px 10px 0 0;
		/* appearance: none; */
	}

	input[type=checkbox]:checked+label::before {
		position: absolute;
		content: '\2713';
		margin-left: -29px;
		pointer-events: none;
	}

	input[type=checkbox]+label {
		width: calc(100% - 40px)
	}

	form input[type=checkbox]+label.invisible {
		width: 0 !important;
		min-width: 0;
		margin-left: 4px;
	}

	input[type=checkbox]+span {
		display: inline-block;
		line-height: 24px;
		width: calc(100% - 108px);
		text-align: left;
		padding-top: 8px;
	}

	input[type=checkbox].last {
		margin-left: 15px;
	}

	input[type=checkbox].second-to-last {
		margin-left: 15px;
		margin-right: 80px;
	}

	input[type=checkbox].second-to-last:checked+label::before {
		margin-left: -100px;
	}

	input:not([type=submit]),
	select {
		background: #fff;
	}

	#sidebar input.smallest {
		max-width: 73px;
	}

	#sidebar input.smaller {
		width: 52%;
	}

	#sidebar select.smaller {
		width: 40%;
		max-width: 110px;
	}

	#sidebar textarea {
		width: calc(100% - 30px);
		max-width: 300px;
		min-height: 100px;
		font-size: 15px;
		margin-right: 0;
	}

	#sidebar.details input:not([type=submit]) {
		width: calc(100% - 30px);
		max-width: 300px;
	}

	#sidebar.details input.smaller {
		width: calc(100% - 144px);
		max-width: 100%;
	}

	#sidebar.details select.smaller {
		width: 114px;
	}

	#sidebar.details input.smallest {
		max-width: 74px;
	}

	#sidebar .my-pharmacy {
		position: relative;
		background: #209cad;
		color: #fff;
		border-radius: 3px;
		padding: 0 20px;
		width: 220px;
		line-height: 40px;
		font-size: 18px;
		font-weight: bold;
	}

	label {
		display: inline-block;
		min-width: 120px;
		width: 31%;
		font-size: 16px;
		vertical-align: top;
	}

	div.inline {
		display: inline-block;
		width: auto !important;
	}

	div.inline .radio {
		width: auto !important;
		min-width: 40px !important;
		padding-right: 20px;
	}

	.checkboxes .form-row {
		height: auto;
		margin-top: 10px;
	}

	.checkboxes label {
		width: 80%;
		line-height: 21px;
	}

	.checkboxes input[type=checkbox] {
		margin-top: 0px;
	}

	label.radio {
		cursor: pointer;
		position: relative;
		padding-left: 40px;
		line-height: 20px;
		width: calc(100% - 40px) !important;
		text-align: left;
		margin-bottom: 10px;
	}

	label.radio.highlighted {
		background: #209cad;
		box-shadow: 0 0 0 10px #209cad;
		color: #fff;
	}

	label.radio span {
		display: inline-block;
		min-width: 16%;
		max-width: 84%;
		vertical-align: top;
		text-align: left;
	}

	label.radio span img {
		height: 36px;
		margin-right: 10px;
	}

	label.radio::before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		left: 0;
		border-radius: 10px;
		background: #fff;
		border: 1px solid #d9d9d9;
	}

	input[type=radio]:checked+label.radio::after {
		content: '';
		width: 12px;
		height: 12px;
		border-radius: 8px;
		margin: 4px;
		background: #209cad;
		position: absolute;
		left: 0;
		top: 0;
	}

	select.error {
		border: 1px solid #ed1616 !important;
		color: #ed1616;
	}

	textarea.error {
		border: 1px solid #ed1616 !important;
		color: #ed1616;
	}

	input.error {
		border: 1px solid #ed1616 !important;
		color: #ed1616;
	}

	input.error::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #ed1616;
	}

	input.error:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #ed1616;
		opacity: 1;
	}

	input.error::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #ed1616;
		opacity: 1;
	}

	input.error:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #ed1616;
	}

	input.locked {
		color: #000;
	}

	.q-message {
		margin-bottom: 50px;
		color: #209cad;
	}

	.q-message.false {
		color: #c4122e;
	}

	div.checkbox {
		line-height: 38px;
	}

	label.checkbox {
		width: 100%;
		font-size: 15px;
	}

	input.lang,
	input.gender,
	input.age {
		display: none;
	}

	input.lang+label,
	input.gender+label,
	input.age+label {
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		width: 110px;
		max-width: 110px;
		min-width: 110px;
		height: 110px;
		margin: 0 4px 10px 4px;
		border-radius: 10px;
		border: 1px solid #d9d9d9;
		cursor: pointer;
		overflow: hidden;
		text-align: center;
	}

	input[type="number"] {
		padding-right: 0 !important;
	}

	input#female.gender+label {
		background-position: 120% bottom;
	}

	input.gender+label {
		background: #fff url('../img/bg-gender.png') -20% bottom no-repeat;
		background-size: auto 100%;
		font-weight: bold;
		line-height: 30px;
	}

	input.gender.sex+label {
		padding-top: 74px;
		background: #fff url("https://www.marijn-van-beek.nl/preview/CAREANIMATIONS/web/KIJKSLUITER/web-v6.5/assets/css/../img/bg-sex.png") -20% bottom no-repeat;
		background-size: auto 100%;
	}

	input#male.gender.sex+label {
		background-position: -30% bottom;
	}

	input#dog.animal+label {
		background-position: center left;
	}

	input.animal+label {
		padding-top: 74px;
		background: #fff url("https://www.marijn-van-beek.nl/preview/CAREANIMATIONS/web/KIJKSLUITER/web-v6.5/assets/css/../img/bg-animal.png") center right no-repeat;
		background-size: auto 100%;
		font-weight: bold;
		line-height: 30px;
	}

	input.lang:checked+label,
	input.gender:checked+label,
	input.age:checked+label,
	input.type:checked+label,
	input.animal:checked+label {
		border: 3px solid #209cad;
		line-height: 92px;
	}

	input.gender:checked+label,
	input.animal:checked+label {
		line-height: 26px;
	}

	input.age+label {
		background: #fff;
		font-size: 25px;
		font-weight: bold;
		line-height: 80px;
		text-align: center;
	}

	input.age:checked+label {
		line-height: 76px;
	}

	input.age+label span {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		line-height: 60px;
		font-size: 0.8em;
	}

	input.age:checked+label span {
		line-height: 56px;
	}

	input.lang:checked+label::before,
	input.gender:checked+label::before,
	input.age:checked+label::before,
	input.animal:checked+label::before {
		content: '';
		position: absolute;
		width: 15px;
		height: 15px;
		top: 7px;
		right: 7px;
		border-radius: 3px;
		background: #209cad;
	}

	input.lang:checked+label::after,
	input.gender:checked+label::after,
	input.age:checked+label::after,
	input.animal:checked+label::after {
		content: '';
		position: absolute;
		width: 5px;
		height: 3px;
		background: transparent;
		top: 11px;
		right: 11px;
		border: 2px solid #fff;
		border-top: none;
		border-right: none;
		transform: rotate(-45deg) scale(1.3);
	}

	input.lang+label,
	input.lang:checked+label {
		line-height: 36px;
		font-weight: bold;
	}

	input.lang+label img {
		max-width: 80%;
		margin-top: 10px;
	}

	h1 .info,
	label .info {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		top: 10px;
		margin-left: 5px;
		border-radius: 10px;
		border: none;
		background: #209cad;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}

	#header h1 .info {
		color: #209cad;
		background: #fff;
	}

	.moreinfo {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		background: #209cad;
		top: 8px;
		left: 8px;
		border-radius: 10px;
		font-weight: bold;
		font-size: 14px;
		font-style: normal;
		cursor: pointer;
	}


	.moreinfo-text {
		display: none;
	}

	input[type="password"]+.moreinfo {
		margin-right: -20px;
	}

	.remove-new,
	.add-new {
		font-size: 21px;
		font-weight: bold;
		color: #209cad;
		height: 42px;
		line-height: 42px;
		width: 24px;
	}

	.product-input~.product-input label {
		opacity: 0;
	}

	.toggle {
		display: block;
		margin: 30px auto;
		border: 1px solid;
		border-radius: 4px;
		padding: 8px 20px;
		color: #209cad;
	}

	.toggle i {
		position: relative;
		left: 8px;
		font-style: normal;
	}

	.fold-out {
		display: none;
	}

	.extra {
		display: none;
		padding-left: 30px;
	}

	/* ==========================================================================
	         Custom styles
	         ========================================================================== */
	#banner {
		box-sizing: border-box;
		position: fixed;
		width: 100%;
		top: 0;
		background: #d55557;
		color: #fff;
		z-index: 10000000;
		line-height: 18px;
		text-align: center;
		padding: 12px 20px;
		font-size: 15px;
	}

	#banner a {
		color: #fff;
	}

	#banner button.close-banner {
		position: absolute;
		top: 2px;
		right: 15px;
		color: #fff;
		background: none;
		border: 0;
		font-size: 32px;
		line-height: 40px;
	}

	#click-overlay {
		position: fixed;
		z-index: 10000;
		width: 100%;
		height: 100%;
	}

	#privacy-check {
		line-height: 40px;
	}

	#header {
		position: relative !important;
		width: 100% !important;
		height: 160px !important;
		background: #209cad !important;
	}

	#header .block {
		height: 160px;
	}

	#header #logo-landing {
		position: absolute;
		width: 270px;
		left: calc(50% - 135px);
		top: 0;
	}

	#header #logo-landing img {
		position: absolute;
		width: 100%;
	}

	#header #logo-landing span {
		position: absolute;
		display: block;
		color: #fff;
		top: 150px;
		text-align: center;
		width: 100%;
		font-size: 16px;
	}

	#header h1 {
		width: 100%;
		max-width: 1200px;
		position: absolute;
		bottom: 50px;
		margin: 0;
		font-size: 36px;
		line-height: 44px;
		color: #fff;
	}

	#header h1 span {
		position: relative;
		display: block;
	}

	#header h1 span strong {
		display: inline-block;
		max-width: calc(100% - 50px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.header-logo {
		position: absolute;
		display: block;
		width: 270px;
		right: 465px;
		top: 0;
	}

	#header-logo.fixed {
		left: 50%;
		margin-left: -135px;
	}

	#header h1 img {
		height: 34px;
		vertical-align: top;
		padding-top: 8px;
	}

	.OSX #header h1 img {
		height: 36px;
		padding-top: 6px;
	}

	#header #header-btns {
		position: relative;
		height: 100%;
		float: right;
		text-align: left;
		right: -75px;
		pointer-events: none !important;
	}

	#header #header-btns>* {
		pointer-events: all !important;
	}

	#header #header-btns .login {
		display: inline-block;
		line-height: 40px;
		font-size: 14px;
	}

	#header #header-btns .login span {
		float: left;
		padding: 0 20px;
		background: #fff;
		margin-top: 15px;
		font-weight: bold;
		border-radius: 8px;
	}

	#header #header-btns .login a {
		position: relative;
		display: block;
		float: left;
		padding: 5px 10px;
		border-bottom: 0;
		z-index: 2;
	}

	#header #header-btns .login a img {
		width: 24px;
		height: 24px;
	}

	#header #header-btns .btn.help,
	#header #header-btns .btn.menu,
	#header #header-btns .btn.search {
		position: absolute;
		z-index: 100;
		bottom: -26px;
		right: -8px;
		display: inline-block;
		width: 44px;
		height: 44px;
		line-height: 44px;
		margin: 0 5px;
		border-radius: 30px;
		border: 4px solid #fff;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		background: #c4122e;
		color: #fff !important;
	}

	#header #header-btns .btn.menu {
		right: 56px;
		font-size: 24px;
		background: #209cad url(../img/icon-menu.svg) center center no-repeat;
		background-size: 55%;
	}

	#header #header-btns .btn.menu.apo {
		background: #209cad url(../img/icon-menu.svg) center center no-repeat;
		background-size: 55%;
	}

	#header #header-btns .btn.search {
		right: 56px;
		font-size: 24px;
		background: #c4122e url(../img/icon-search.svg) center center no-repeat;
		background-size: 50%;
	}

	#header #header-btns .btn.help:not(.current):hover {
		font-size: 32px;
	}

	#header #header-btns .btn.menu:not(.current):hover {
		background-size: 65%;
	}

	#header #header-btns .btn.menu.current {
		background: #209cad;
	}

	#header #header-btns .btn.help::after {
		content: '?';
	}

	#header #header-btns .btn.help.current::after,
	#header #header-btns .btn.menu.current::after {
		content: '\2715';
		font-size: 28px !important;
		line-height: 44px !important;
	}

	#header #header-btns .dropdown-menu {
		display: none;
		position: absolute;
		top: 185px;
		right: 0;
		background: #209cad;
		z-index: 200;
		padding: 10px 20px;
		border-radius: 5px;
		color: #fff;
		font-weight: bold;
	}

	#header #header-btns .dropdown-menu a {
		transition: 0.3s ease;
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 40px;
		text-align: left;
		font-weight: normal;
		border: none;
		white-space: nowrap;
	}

	#header #header-btns .dropdown-menu a:hover {
		opacity: 0.8;
	}

	#header #header-btns .dropdown-menu img {
		height: 20px;
		margin-right: 5px;
	}

	#header+.block {
		min-height: calc(100vh - 210px);
	}

	#container {
		position: relative;
		width: calc(100% - 350px);
		max-width: 860px;
		margin-top: -30px;
		padding-bottom: 60px;
	}

	body.iframe #container {
		width: 100%;
		max-width: 100%;
	}

	#container.landing {
		width: 100%;
		max-width: 100%;
		margin-top: 50px;
		text-align: center;
	}

	#container.landing p {
		max-width: 420px;
		margin: 0 auto 40px auto;
		font-size: 18px;
		line-height: 26px;
	}

	#container:after {
		content: '';
		display: block;
		clear: both;
	}

	#lang-select {
		max-width: 640px;
		margin: 0 auto;
		margin-top: -50px;
	}

	#lang-select input {
		display: none;
	}

	#lang-select input+label {
		min-width: 16px;
		width: 10%;
		cursor: pointer;
		background: #fff;
		border-radius: 8px;
		border: 4px solid #fff;
		margin: 0 2%;
		box-shadow: 0 0 0 1px #d9d9d9;
	}

	#lang-select input+label img {
		transform: scale(0.6);
		margin-top: 5%;
		max-width: 100%;
	}

	#lang-select input+label:hover,
	#lang-select input:checked+label {
		border: 4px solid #209cad;
		box-shadow: 0 0 0 1px transparent;
	}

	#lang-select input+label.other {
		width: auto;
		line-height: 18px;
		margin: 5px auto 20px auto;
		border-bottom: 1px solid;
		font-size: 14px;
		opacity: 0.7;
	}

	#lang-select.big-icons input+label {
		width: 33.3333%;
		margin-bottom: 20px;
	}

	#lang-select.big-icons input+label span {
		font-weight: bold;
		line-height: 40px;
	}

	#lang-select+h1 {
		margin: -60px 0 25px 0;
	}

	#lang-sign {
		position: absolute;
		display: inline-block;
		height: 20px;
		width: auto;
		white-space: nowrap;
		line-height: 20px;
		padding: 10px 20px;
		top: 5px;
		right: 100%;
		border: 1px solid #d9d9d9;
		z-index: 1000;
		background: #fff;
		color: #c4122e;
		border-radius: 5px;
		font-size: 14px;
		font-weight: bold;
	}

	#lang-sign::before {
		content: '';
		display: block;
		width: 14px;
		height: 14px;
		transform: rotate(45deg);
		border-right: 1px solid #d9d9d9;
		border-top: 1px solid #d9d9d9;
		background: #fff;
		position: absolute;
		top: 12px;
		right: -8px;
	}

	#img-landing {
		transform: scale(1.2);
		display: inline-block;
		max-height: 30vh;
		max-width: 100%;
		width: auto;
		margin: 0px auto 40px auto;
		overflow: hidden;
		cursor: pointer;
	}

	#img-landing a {
		border: 0;
	}

	#img-landing img {
		opacity: 0;
		max-height: 30vh;
		max-width: 100%;
	}

	#img-landing .embed-container {
		position: relative;
		padding-bottom: 80.75%;
		overflow: hidden;
		width: 115%;
		left: -7.5%;
		height: auto;
		background: url("../img/img-landing-nl.png") top center no-repeat;
		background-size: contain;
	}

	#img-landing .embed-container iframe {
		position: absolute;
		top: -10%;
		left: 0%;
		width: 100%;
		height: 100%;
	}

	.icon-blocks {
		display: flex;
		flex-flow: wrap;
	}

	.icon-block {
		flex: 0 0 50%;
	}

	.icon-block img {
		display: inline-block;
		width: 150px;
	}

	.icon-block h4 {
		display: inline-block;
		width: calc(100% - 160px);
	}

	#nav {
		position: absolute;
		right: 0;
		vertical-align: top;
	}

	#nav .ext-link {
		display: inline-block;
		position: absolute;
		top: 60px;
		right: -290px;
		border-bottom: none;
		font-weight: bold;
	}

	#nav .ext-link:hover {
		opacity: 0.8;
	}

	#nav ul,
	#nav li {
		margin: 0;
		padding: 0;
	}

	#nav #progress {
		display: none;
		position: absolute;
		width: 700px;
		height: 10px;
		right: -120px;
		z-index: 100;
		border-radius: 5px 5px 0 0;
	}

	#nav ul {
		display: none;
		position: absolute;
		overflow: hidden;
		width: 80px;
		right: 500px;
		padding: 6px 0 6px 6px;
		margin-top: -6px;
	}

	#nav ul li {
		position: relative;
		float: right;
		width: 70px;
		height: 70px;
		line-height: 70px;
		text-align: center;
		background: #fff;
		font-size: 24px;
		font-weight: bold;
		color: #dedede;
	}

	#nav ul li.current {
		z-index: 10;
		width: 80px;
		height: 55px;
		padding-top: 25px;
		line-height: 20px;
		font-size: 20px;
		color: #545456;
		border-radius: 5px 0 0 5px;
	}

	#nav ul li span {
		display: block;
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		text-align: center;
	}

	#nav #label {
		position: absolute;
		z-index: 10;
		height: 105px;
		top: -10px;
		background: url("../img/bg-icon.png");
		background-position: -5px 1px;
		background-size: 102% 102px;
		background-repeat: no-repeat;
	}

	#nav #label #icon {
		height: 60px;
		line-height: 60px;
		margin: 10px 10px 0 0;
		padding: 10px 40px 10px 30px;
		background: #fff;
		border-radius: 0 5px 5px 0;
	}

	#nav #label #icon img {
		vertical-align: middle;
		max-width: 140px;
		max-height: 45px;
	}

	#main {
		position: relative;
		float: right;
		width: 100%;
		max-width: 500px;
		min-height: 300px;
		padding: 40px;
		padding-top: 20px !important;
		vertical-align: top;
		background: #f7fdfd;
		border: 10px solid #fff;
		border-radius: 5px;
		box-sizing: border-box;
		box-shadow: 0px 0px 0px 1px #d9d9d9;
	}

	body.iframe #main {
		float: none;
		margin: 0 auto;
	}

	#main .btn-explain,
	#main .assistance,
	#main .request,
	#main .rvg {
		display: inline-block;
	}

	#main .rvg {
		margin: 10px 0 30px 5px;
	}

	#main h2 {
		display: block;
		font-weight: normal;
	}

	#main h2.bold {
		font-weight: bold;
	}

	.full #main {
		max-width: 100%;
		margin-bottom: 60px;
		padding: 0;
		float: none;
	}

	.full #main .content {
		position: relative;
		padding: 40px;
		padding-top: 10px !important;
	}

	full #main.input,
	.full #main textarea {
		max-width: 60%;
	}

	.message {
		color: #ed1616;
		padding: 5px;
	}

	#main .message {
		text-align: center;
	}

	#main .message.left,
	.full #main .message {
		text-align: left;
	}

	#main .message a {
		font-size: 1em !important;
		line-height: inherit !important;
	}

	#sidebar {
		position: relative;
		width: 300px;
		padding: 30px 10px 60px 30px;
		right: 0;
	}

	#sidebar .cols:after,
	#sidebar>div:after,
	form:after,
	.message:after {
		content: '';
		display: block;
		clear: both;
	}

	#sidebar h1 {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 30px;
	}

	#sidebar h1 a {
		font-size: 16px;
		font-weight: normal;
	}

	#sidebar img {
		max-width: 50%;
	}

	#sidebar table {
		border-spacing: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	#sidebar table td {
		width: 50%;
		white-space: nowrap;
	}

	#sidebar .contact-btn {
		display: inline-block;
		padding: 0 5px;
		height: 25px;
		line-height: 25px;
		border-radius: 3px;
		background: #209cad;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}

	#sidebar .sidebar-btn {
		position: relative;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		width: auto;
		padding: 0 45px 0 15px;
		margin: 0 0 20px 0;
		white-space: nowrap;
		border-radius: 3px;
		color: #fff;
		background: #209cad;
	}

	#sidebar .sidebar-btn::after {
		content: '?';
		position: absolute;
		display: block;
		right: 16px;
		top: -2px;
		height: 21px;
		font-size: 21px;
		font-family: 'Courier';
	}

	#sidebar .sidebar-btn:hover {
		opacity: 0.9;
	}

	#help {
		position: relative;
		width: 100%;
		height: 0%;
		padding-top: 56.25%;
	}

	#help h2 {
		color: #209cad;
		cursor: pointer;
		font-size: 18px;
		margin-bottom: 10px;
	}

	#help h2 span {
		display: inline-block;
		width: 15px;
	}

	#help div {
		margin-bottom: 20px;
		margin-left: 15px;
	}

	#help iframe {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		transform-origin: top left;
		transform: scale(0.9);
		border: 1px solid #d9d9d9;
		border-radius: 4px;
	}

	#adv {
		position: relative;
		top: -30px;
		height: 5px;
		font-style: italic;
	}

	#video {
		position: relative;
		width: 100%;
		margin-bottom: 80px;
		vertical-align: top;
		background: #f7fdfd;
		border: 10px solid #fff;
		border-radius: 5px;
		box-sizing: border-box;
		box-shadow: 0px 0px 0px 1px #d9d9d9;
	}

	.full-screen-btn {
		display: none;
		position: absolute;
		bottom: 0;
		right: 0;
		height: 36px;
		width: 36px;
		background: url("../img/full-screen-btn.png") no-repeat center;
		background-size: contain;
	}

	body.iphone #video .full-screen-btn {
		display: block;
	}

	.video-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		padding-bottom: 56.25%;
		background: rgba(255, 255, 255, 0.9);
		z-index: 1;
	}

	.video-overlay>div {
		position: absolute;
		left: 10%;
		width: 80%;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
	}

	.video-overlay h1 {
		margin-bottom: 20px;
	}

	.video-overlay a {
		color: #209cad !important;
	}

	.video-wrapper {
		position: relative;
		height: 0 !important;
		padding-bottom: calc(56.25% + 42px);
	}

	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#menu {
		position: absolute;
		width: auto;
		height: 36px;
		line-height: 36px;
		padding: 0 10px;
		text-align: center;
		bottom: 0;
		right: 0;
		font-size: 14px;
		background: rgba(255, 255, 255, 0.6);
		z-index: 10;
	}

	.home-btn {
		position: absolute;
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
		top: -10px;
		right: 0px;
		font-size: 30px;
		background: #fff;
		z-index: 10;
		font-family: 'Arial';
	}

	#big-btns {
		position: relative;
		width: calc(100% + 10px);
		margin: 0 auto;
		background: #fff;
	}

	#big-btns::after {
		content: '';
		display: block;
		clear: both;
	}

	#products {
		table-layout: fixed;
		width: 100%;
		max-height: 205px;
		overflow-y: auto;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #d9d9d9;
	}

	#products td,
	#products th,
	#videos td,
	#videos th {
		padding-right: 10px;
		vertical-align: middle;
		white-space: nowrap;
	}

	#products td:last-child,
	#videos td:last-child {
		text-align: left;
	}

	#products td:not(:first-child),
	#videos td:not(:first-child) {
		width: 32px;
		text-align: center;
	}

	#products td a,
	#videos td a {
		color: #209cad !important;
		font-size: 14px;
		border: none;
		line-height: 30px;
	}

	#products td a.add-product,
	#videos td a.add-product {
		padding-left: 5px;
		font-size: 20px;
		white-space: nowrap;
		overflow: visible !important;
		text-overflow: none !important;
		text-align: left;
	}

	#products td a span,
	#videos td a span {
		position: relative;
		color: #555 !important;
		display: inline-block;
		line-height: 18px;
	}

	#products td a.info-icon {
		position: relative;
		box-sizing: border-box;
		display: block;
		top: 2px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		border: 1px solid #454545;
		overflow: hidden;
		margin: 0 auto !important;
	}

	#products td a.info-icon img {
		position: relative;
		top: 4px;
		width: 12px;
		height: 12px;
		vertical-align: top;
	}


	#products span[data-messages]:not([data-messages=""])::after,
	#videos span[data-messages]:not([data-messages=""])::after {
		position: absolute;
		content: attr(data-messages);
		width: 18px;
		height: 18px;
		font-size: 10px;
		line-height: 18px;
		border: 2px solid #fff;
		border-radius: 18px;
		background: #c4122e;
		top: 0px;
		right: -5px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		text-indent: 0;
	}

	#products td a img,
	#videos td a img {
		height: 35px;
	}

	#products td a.product,
	#videos td a.product {
		position: relative;
		display: block;
		border: none;
		font-weight: bold;
		font-size: 20px;
		padding-left: 30px;
		overflow: hidden;
		max-width: 100%;
	}

	#products td,
	#videos td {
		position: relative;
	}

	#products td:first-child:not(.empty)::before,
	#videos td:first-child:not(.empty)::before {
		content: '';
		display: block;
		position: absolute;
		display: inline-block;
		content: '';
		top: 6px;
		left: 0;
		width: 30px;
		height: 20px;
		background: #fff;
		z-index: 5;
		pointer-events: none;
	}

	#products td:first-child:not(.empty)::after,
	#videos td:first-child:not(.empty)::after {
		content: '';
		display: block;
		position: absolute;
		display: inline-block;
		content: '';
		top: 6px;
		left: 0px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff url("../img/icon-kijksluiter.svg") center no-repeat;
		background-size: 20px 20px;
		z-index: 10;
		pointer-events: none;
	}

	#products tr.new td:first-child::before {
		content: 'nieuw';
		font-size: 8px;
		font-weight: bold;
		color: #c4122e;
		line-height: 60px;
		text-transform: uppercase;
		text-align: center;
		left: -5px;
		padding-right: 5px;
	}

	#products tr:last-child td::before,
	#products tr:last-child td::after,
	#videos tr:last-child td::before,
	#videos tr:last-child td::after {
		display: none !important;
	}

	#products td a.product span,
	#videos td a.product span {
		display: block;
		white-space: nowrap;
		line-height: 30px;
		color: #209cad !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#products td small,
	#videos td small {
		display: block;
		font-size: 14px;
		min-width: 300px;
		padding-left: 30px;
	}

	#products td.full,
	#videos td.full {
		width: 100% !important;
		max-width: 100% !important;
		padding: 8px 0 !important;
		text-align: left !important;
	}

	#products td.full strong,
	#videos td.full strong {
		position: relative;
		top: 4px;
		left: -3px;
		display: inline-block;
		margin-right: 7px;
		font-size: 30px;
	}

	#products .red,
	#videos .red {
		font-weight: bold;
	}

	#products .delete,
	#videos .delete {
		font-weight: normal;
	}

	#footer {
		position: absolute;
		width: 100%;
		height: auto;
		line-height: 20px;
		padding: 20px 0;
		bottom: 0;
		z-index: 1000;
		background: #f7fdfd;
		color: #555;
		font-size: 14px;
		text-align: center;
		border-top: 1px solid #d9d9d9;
	}

	#footer i {
		font-style: normal;
	}

	#footer a {
		border-bottom: none;
		margin: 0 5px 0 10px;
		color: #555;
		vertical-align: top;
	}

	#footer a img {
		vertical-align: middle;
		height: 20px;
		margin: 0 10px;
		/*background: #fff;*/
		padding: 0 3px;
		border-radius: 3px;
	}


	#cookie-banner {
		box-sizing: border-box;
		position: fixed;
		width: 100%;
		bottom: 0;
		min-height: 60px;
		background: #333;
		padding: 20px;
		color: #fff;
		font-size: 14px;
		z-index: 1000;
	}

	#cookie-banner p {
		display: inline-block;
		margin-bottom: 0;
		line-height: 20px;
		padding: 10px 0;
	}

	#cookie-banner .buttons {
		display: inline-block;
		float: right;
	}

	#cookie-banner .buttons button {
		margin: 0 0 0 15px;
	}

	#contact-btn {
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 60px;
		height: 60px;
		border: 0;
		border-radius: 50%;
		background: #c4122e url(data:img/png;base64,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) center center no-repeat;
		background-size: 60%;
		z-index: 1000;
	}

	#overlay {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		z-index: 1000;
		top: 0;
		overflow: auto;
	}

	#overlay-content {
		position: relative;
		width: calc(100% - 200px);
		min-width: 360px;
		max-width: 360px;
		margin: 80px auto;
		padding: 30px;
		border-radius: 10px;
		border: 10px solid #fff;
		background: #fff;
		text-align: center;
	}

	#overlay-content.ext {
		max-width: 720px;
	}


	#overlay.landing #overlay-content {
		max-width: 500px;
	}

	#overlay-content>div.hidden {
		display: none;
	}

	#overlay-content iframe[src=""] {
		display: none;
	}

	#overlay-content .close-overlay::after {
		content: '\00d7';
		position: absolute;
		top: -20px;
		right: 5px;
		font-size: 60px;
		color: #555;
	}

	#overlay-content #cookie-settings p {
		text-align: left;
	}

	#overlay-content #cookie-settings .setting {
		margin: 15px 0;
	}

	#overlay-content #cookie-settings .setting span {
		font-weight: bold;
		display: inline-block;
		width: calc(100% - 54px);
		text-align: left;
	}

	#overlay-content #cookie-settings .setting input[type=checkbox] {
		height: 0;
		width: 0;
		visibility: hidden;
	}

	#overlay-content #cookie-settings .setting input+label {
		cursor: pointer;
		text-indent: -9999px;
		width: 50px;
		height: 25px;
		background: grey;
		display: inline-block;
		border-radius: 25px;
		position: relative;
	}

	#overlay-content #cookie-settings .setting input+label::after {
		content: '';
		position: absolute;
		top: 2px;
		left: 2px;
		width: 21px;
		height: 21px;
		background: #fff;
		border-radius: 20px;
		transition: 0.3s;
	}

	#overlay-content #cookie-settings .setting input:checked+label {
		background: #bada55;
	}

	#overlay-content #cookie-settings .setting input:checked+label::after {
		left: calc(100% - 2px);
		transform: translateX(-100%);
	}

	#overlay-content #cookie-settings .setting input:active::after {
		width: 32.5px;
	}


	#overlay-content h1 {
		margin-bottom: 24px;
	}

	#overlay-content ul {
		text-align: left;
	}

	#overlay-content img {
		max-width: 100%;
	}

	#overlay-content .video-wrapper {
		margin-bottom: 15px;
	}

	#overlay-content .video-wrapper iframe {
		border-radius: 8px;
		border: 1px solid #d9d9d9;
		overflow: hidden;
	}

	#news p {
		text-align: left;
	}

	.inbox em {
		display: inline-block;
		margin-top: 10px;
	}

	#news h1,
	#instructions h1,
	#benchmarks h1,
	#elearning h1 {
		/* we have developed with different ids */
		margin-bottom: 15px;
	}

	#disease-info h1+i {
		position: relative;
		top: -25px;
	}

	#disease-info ul,
	#disease-info p {
		text-align: left;
		margin-left: 0;
		padding-left: 0;
	}

	#disease-info ul li {
		margin-bottom: 5px;
	}

	#disease-info ul li ul {
		padding-left: 15px;
		margin-top: 5px;
	}

	.scanner {
		height: 200px;
		margin-bottom: 16px;
		background: #000;
	}

	#message-form {
		margin-bottom: 40px;
	}

	#pass-req {
		display: none;
	}

	/*fix for black bars issue*/
	/* #pass-req iframe,
	          #sidebar #help iframe { 
	              width: 320px;
	              height: 180px;
	          } */
	.pass-req {
		margin: 5px 0 !important;
	}

	.info-popup.play-btn {
		position: absolute;
		bottom: 0px;
		width: 100px;
	}

	.info-popup.video-btns {
		position: absolute;
		bottom: 0px;
		right: 0;
		width: 100px;
	}

	.info-popup.video {
		position: absolute;
		top: 100px;
		right: 0;
		width: 300px;
	}

	.info-popup {
		display: inline-block;
	}

	.popup {
		position: absolute;
		width: 170px;
		padding: 15px;
		border-radius: 5px;
		background: #51a7d8;
		z-index: 9999;
		color: #fff;
	}

	.popup:hover {
		z-index: 10000;
	}

	.popup:after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: ' ';
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #51a7d8;
		border-width: 10px;
		margin-left: -10px;
	}

	.popup.bottom:after {
		top: 100%;
		bottom: auto;
		border-top-color: #51a7d8;
		border-bottom-color: transparent;
	}

	.block {
		position: relative;
		width: 80%;
		max-width: 1200px;
		margin: 0 auto;
	}

	.cols img {
		width: 100%;
	}

	.col1_2 {
		width: 48%;
		margin-top: 20px;
		float: left;
		text-align: left;
	}

	.col1_2:nth-of-type(2n) {
		margin-left: 4%;
	}

	.col1_2.smaller {
		width: 32%
	}

	.col1_2.smaller+.col1_2 {
		width: 64%;
	}

	.col1_3 {
		width: 30%;
		margin-top: 20px;
		float: left;
		text-align: left;
		margin-left: 10%;
	}

	.col2_3 {
		width: 60%;
		margin-top: 20px;
		float: left;
		text-align: left;
	}

	.clear {
		clear: both;
	}

	.disable {
		color: #aeaeae !important;
	}

	.lang.disable {
		color: #555 !important;
	}

	.hidden {
		display: none;
	}

	.center {
		text-align: center;
	}

	.btn-landing {
		transition: all 0.2s ease;
		position: relative;
		display: inline-block;
		height: 50px;
		width: 180px;
		margin: 0 10px;
		line-height: 50px;
		border-radius: 5px;
		background-color: #c4122e;
		border: 0;
		color: #fff;
		font-weight: bold;
		font-size: 21px;
		text-align: center;
	}

	.btn-landing:hover {
		opacity: 0.85;
	}

	.btn-landing.login {
		background-color: #209cad;
		margin-bottom: 20px;
	}

	.bingo-btn {
		box-sizing: border-box;
		display: block;
		background: #209cad;
		color: #fff !important;
		font-size: 18px;
		font-weight: bold;
		width: 220px;
		text-align: center;
		padding: 15px;
		border-radius: 3px;
		cursor: pointer;
	}

	.bingo-btn img {
		width: 180px;
		max-width: 180px !important;
		margin-bottom: 20px;
	}

	.back-btn,
	.main-btn {
		transition: all 0.2s ease;
		display: inline-block;
		height: 40px;
		width: auto;
		margin: 30px 4px 0 4px;
		padding: 0 20px;
		line-height: 40px;
		text-align: center;
		color: #fff !important;
		font-size: 18px;
		font-weight: bold;
		background: #0d97a3;
		border: none;
		border-radius: 3px !important;
	}

	.popup-btn[data-overlay="delete-account"] {
		position: relative;
		top: -30px;
	}

	.main-btn.form {
		margin: 3px 3px 8px 3px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	.main-btn.form+span {
		display: inline-block;
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.main-btn.form.left {
		float: left;
		width: auto;
		margin-left: calc((100% - 320px) / 2);
	}

	.main-btn.register {
		display: block;
		width: 270px;
		margin-bottom: -20px;
	}

	.main-btn.option {
		text-align: left;
		margin: 0 0 15px 0;
		max-width: 45vw;
		width: 230px;
	}

	.main-btn.option img {
		position: relative;
		top: -2px;
		left: -8px;
		height: 20px;
		margin-right: 5px;
	}

	.main-btn.icon-btn {
		width: auto;
		margin-left: 0;
	}

	.main-btn.icon-btn img {
		position: relative;
		top: -2px;
		left: -8px;
		height: 20px;
		margin-right: 5px;
	}

	.main-btn.inline {
		margin: 15px 0;
	}

	.back-btn {
		background: #aeaeae !important;
		border-color: #aeaeae !important;
	}

	.side-btn,
	.close {
		display: block;
		float: right;
		width: auto;
		padding: 0 20px;
		margin: 15px 8px 0 0;
		background: #0d97a3;
		color: #fff !important;
		font-weight: bold;
		border: none;
		border-radius: 3px;
	}

	.side-btn.apo-link {
		background: #c2171b;
		margin-top: 40px;
	}

	.close {
		background: #aeaeae !important;
		margin: 15px 4px 0 0;
	}

	.question-close {
		background: #aeaeae;
		margin: 15px 4px 0 0;
		float: right;
	}

	.back-btn:hover,
	.close:hover,
	.main-btn:hover,
	.side-btn:hover {
		opacity: 0.9;
	}

	.big-btn {
		transition: background-color 0.2s ease;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		width: calc(25% - 10px);
		padding: 0 20px 0 10px;
		margin: 10px 10px 0 0;
		float: left;
		white-space: nowrap;
		border-radius: 3px;
		border-bottom: 2px solid #209cad;
		background: #209cad;
		color: #fff;
	}

	.big-btn.current,
	.big-btn:hover {
		opacity: 0.8;
	}

	.big-btn.back-btn {
		font-size: 16px;
	}

	.big-btn.red-btn {
		background: #c4122e;
		border-color: #c4122e;
	}

	.big-btn img {
		height: 40px;
		margin-top: -3px;
	}

	.big-btn.disabled,
	.big-btn.disabled:hover {
		cursor: default;
		background: #f4f4f4 !important;
		color: #c6c6c6 !important;
	}

	.big-btn:not(.disabled):hover {
		border-bottom: 0;
		line-height: 40px;
	}

	.big-btn:hover,
	.popup-btn:hover,
	.info-btn:hover {
		opacity: 0.9;
	}

	.big-btn.go-back,
	.big-btn.ext-link,
	.additional-info {
		width: auto;
	}

	.messages-btn {
		position: relative;
		transition: background-color 0.2s ease;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px 0 50px;
		white-space: nowrap;
		border-radius: 3px;
		border-bottom: 2px solid #209cad;
		background: #209cad;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		margin: 30px auto;
	}

	#sidebar .my-pharmacy[data-messages]:not([data-messages=""])::after,
	.messages-btn[data-messages]:not([data-messages=""])::after {
		position: absolute;
		content: attr(data-messages);
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
		border: 2px solid #fff;
		border-radius: 26px;
		background: #c4122e;
		top: -15px;
		right: -15px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		text-indent: 0;
	}

	.messages-btn img {
		position: absolute;
		height: 40px;
		left: 5px;
	}

	.messages-btn:hover {
		opacity: 1;
		background: #209cad;
		color: #fff;
	}

	.video-btn,
	.img-btn {
		position: relative;
		display: inline-block;
		border: 6px solid #fff;
		border-radius: 6px;
		width: 44%;
		height: 132px;
		overflow: hidden;
		line-height: 20px;
		max-width: 160px;
		margin: 0 2% 30px 2%;
		color: #545456 !important;
		box-sizing: border-box;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		box-shadow: 0px 0px 0px 1px #d9d9d9;
	}

	.video-btn+.back-btn {
		display: block;
		margin: 0 auto;
	}

	.video-btn img,
	.img-btn img {
		display: block;
		max-width: 100% !important;
		max-height: 85px;
		margin: 0 auto 5px auto;
	}

	.img-btn h3 {
		line-height: 32px;
		font-size: 18px;
		font-weight: bold;
		margin: 0;
	}

	.video-btn::after {
		content: '';
		transition: all 0.2s ease;
		display: block;
		position: absolute;
		width: 100%;
		height: 85px;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 10;
		background: url("../img/video-icon.png") center center no-repeat;
		background-size: 60px auto;
	}


	.video-btn:hover::after {
		opacity: 1;
	}

	#sidebar .big-btn {
		display: block;
		max-width: 100%;
		margin: 21px 0;
	}

	#apo-logo {
		box-sizing: border-box;
		position: relative;
		max-height: 200px;
		max-width: 100% !important;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 15px;
		border: 1px solid #d9d9d9;
	}

	#pharma-logo {
		position: relative;
		max-height: 70px;
		max-width: 220px !important;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 15px;
		border: 1px solid #d9d9d9;
	}

	.pager {
		position: absolute;
		top: 10px;
		right: 5px;
		height: 36px;
		line-height: 36px;
	}

	.pager a {
		border-bottom: 0;
	}

	.big-btn:hover {
		color: #fff !important;
	}

	.disabled {
		display: none;
	}

	#sidebar .message .side-btn {
		margin-top: 0 !important;
		float: left;
	}

	.icon-row {
		display: block;
		line-height: 32px;
	}

	.icon-row img {
		position: relative;
		height: 32px;
		left: -5px;
	}

	.icon-row a {
		color: #545456 !important;
	}

	.icon-row a.social {
		border: 0 !important;
	}

	.icon-row a.social img {
		height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
		width: 34px !important;
	}

	.scan-container {
		display: block;
		margin: 10px 0;
		text-align: right;
	}

	.btn-scan {
		display: inline-block;
		max-width: 322px;
		width: auto;
		height: 42px;
		margin-bottom: 5px;
		padding-left: 45px;
		padding-right: 25px;
		background: #555 url(../img/icon-scan.png) no-repeat 1%;
		background-size: auto 90%;
		border-radius: 4px;
		text-align: left;
		color: #fff;
	}

	.btn-scan.square {
		width: 90px;
		height: 90px;
		padding: 5px;
		background: #555 url(../img/icon-scan.png) no-repeat center;
		background-size: 100%;
	}

	.scan-text {
		display: inline-block;
		width: calc(100% - 125px);
		padding-right: 25px;
	}

	.form-row {
		font-size: 15px;
		line-height: 40px;
	}

	.form-row.bigger {
		line-height: 36px;
		margin-bottom: 20px;
	}

	.form-row.center label {
		width: 160px;
	}

	.form-row.center span {
		line-height: 50px;
	}

	.form-row select.smaller {
		min-width: 95px;
	}

	.form-row label.smaller {
		width: 155px;
	}


	.form-row span.ext {
		position: absolute;
		margin-left: 10px;
	}

	.form-row p {
		line-height: 24px;
	}

	.form-row p.checkbox {
		position: relative;
		padding-top: 10px;
		padding-left: 30px;
		max-width: 320px;
		margin: 0 auto 5px auto;
		text-align: left;
		line-height: 21px;
	}


	.form-row p.checkbox input {
		position: absolute;
		top: 0;
		left: 0;
	}

	.form-row p.feedback {
		border: 1px solid;
		padding: 10px;
	}

	.form-row h2 {
		margin-top: 50px;
		font-weight: bold !important;
	}

	.form-row::after {
		display: block;
		content: '';
		clear: both;
	}

	.form-row:has(> input#always-open:checked)~.form-row {
		pointer-events: none;
		opacity: 0.6;
	}

	.radio-input-row {
		padding-left: 40px;
	}

	.form-row input+label+.radio-input-row {
		margin-top: -8px;
		margin-bottom: 8px;
	}

	label:has(> input[id$="open"]:not(:checked))~select {
		pointer-events: none;
		opacity: 0.6;
	}

	.form-row .main-btn+span {
		display: inline-block;
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.date {
		display: inline-block;
		width: 60%;
		max-width: 290px;
		line-height: 40px;
	}

	.center .date {
		width: 100%;
	}

	.date span {
		display: inline-block;
		width: 110px;
	}

	.date input[type=checkbox] {
		margin: 0 10px;
		vertical-align: middle;
	}

	.nowrap {
		display: inline-block;
		white-space: nowrap;
	}

	.intro {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.footnote {
		width: 100%;
		max-width: 320px;
		text-align: left;
		margin: 5px auto 30px auto;
		font-size: 12px;
		line-height: 18px;
	}

	.spacer {
		height: 0px;
		max-width: 97%;
		border-top: 1px dashed #d9d9d9;
		margin: 30px 0;
	}

	.textright {
		text-align: right;
		padding-right: 8px;
	}

	.thumb {
		border: 8px solid #fff;
		box-sizing: border-box;
		box-shadow: 0px 0px 0px 1px #d9d9d9;
	}

	.left {
		display: inline-block;
		text-align: left;
		/*width: 300px;*/
	}

	.form-sub {
		display: inline-block;
		float: left;
		margin-top: 15px;
		line-height: 40px;
		font-size: 14px;
		white-space: nowrap;
	}

	.bottom {
		top: 0;
		margin-bottom: 80px;
	}

	.gap {
		display: inline-block;
		width: 30px;
	}

	.pagination {
		margin: 15px 0;
	}

	.pagination a {
		display: inline-block;
		width: 30px;
		height: 30px;
		border-radius: 5px;
		margin-bottom: 5px;
		line-height: 30px;
		text-align: center;
		background: #fff;
		border: none;
	}

	.pagination a.current,
	.pagination a:hover {
		background: #0d97a3;
		color: #fff;
	}

	.email {
		/*padding: 5%;*/
		background: #fff;
		margin-bottom: 60px;
		clear: both;
		border-radius: 5px;
		border: 1px solid #d9d9d9;
	}

	.question-email {
		padding: 5%;
		background: #fff;
		margin-bottom: 60px;
		clear: both;
	}

	.email span.important::before {
		content: '!';
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 10px;
		background: #c4122e;
		color: #fff;
		text-align: center;
		margin-right: 5px;
		font-size: 14px;
	}

	.inbox {
		position: relative;
		text-align: left;
		border: 1px solid #d9d9d9;
		border-radius: 8px;
		width: 100%;
		padding: 10px;
		font-size: 16px;
		line-height: 24px;
		background: #fff;
	}

	.inbox .important span,
	.email .important {
		font-weight: bold;
		color: #c4122e !important;
	}

	div.inbox {
		padding: 20px;
		width: calc(100% - 40px);
		margin-top: -30px;
		word-wrap: break-word;
	}

	table.inbox {
		table-layout: fixed;
		width: 100%;
	}

	table.inbox a {
		border: none;
		display: block;
		overflow: hidden;
		line-height: 30px;
		font-size: 20px;
		white-space: nowrap;
	}

	table.inbox a.new span {
		color: #209cad;
	}

	table.inbox a span {
		position: relative;
		display: inline-block;
		color: #aeaeae;
		font-weight: bold;
	}

	table.inbox a.new+small {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	table.inbox small {
		display: block;
		margin-left: 20px;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	table.inbox td:nth-child(2) {
		font-size: 12px;
		width: 70px;
	}

	table.inbox a::before {
		display: inline-block;
		content: '';
		font-weight: bold;
		font-size: 24px;
		width: 20px;
		height: 30px;
		background: #fff;
		z-index: 10;
		position: relative;
		color: #aeaeae;
	}

	table.inbox a.new::before {
		content: '•';
		color: #209cad;
	}

	table.inbox a.mail.new.important span,
	table.inbox a.mail.new.important::before {
		color: #c4122e;
	}

	.video-text {
		display: none;
	}

	table.inbox a.video span::after {
		position: relative;
		left: 0;
		top: 4px;
		margin-left: 8px;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		border: 1px solid #209cad;
		border-radius: 50%;
		background: url("../img/icon-video.svg") center no-repeat;
		background-size: contain;
	}

	.message-video {
		position: relative;
		padding-bottom: 56.25%;
		margin-bottom: 30px;
	}

	.message-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		border-radius: 4px;
	}

	.underlined {
		border-bottom: 1px solid !important;
		margin: 0 !important;
		width: auto !important;
	}

	table.report {
		table-layout: fixed;
		width: 100%;
		padding: 20px;
	}

	table.report th,
	table.report td {
		/*modifications done for bug fix*/
		text-align: -webkit-center;
	}

	table.report th:first-child,
	table.report td:first-child,
	table.report td:first-child h1 {
		text-align: left;
	}


	table.report h1 {
		color: #209cad;
		line-height: 100px;
	}

	table.report h1.circle {
		display: inline-block;
		font-weight: bold;
		width: 100px;
		height: 100px;
		border-radius: 50px;
		border: 2px solid;
		box-sizing: border-box;
	}

	table.report span {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 3px 8px -3px 0;
		border-radius: 8px;
	}

	table.report span.blue {
		background: #209cad;
	}

	table.report span.red {
		background: #ed1616;
	}

	table.report span.green {
		background: #22c122;
	}

	table.report span.orange {
		background: #f26522;
	}

	table.report span.yellow {
		background: #ebdd03;
	}

	table.report span.lightgreen {
		background: #73ee84;
	}

	table.report span.grey {
		background: #d5d5d5;
	}

	table.report .checkbox-row {
		text-align: left !important;
	}

	table.report .checkbox-row input {
		margin: 5px;
	}

	.legenda {
		display: inline-block;
		width: auto;
		margin: 10px 10px 40px 10px;
		text-align: left;
		font-size: 13px;
	}

	.pie {
		/*modifications done for bug fix*/
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin: 10px 0px;
	}

	.red {
		color: #c4122e;
	}

	.delete {
		font-size: 30px;
		cursor: pointer;
		vertical-align: middle;
	}

	.end-session {
		position: absolute;
		top: 134px;
		right: -78px;
		height: 44px;
		line-height: 40px;
		width: 44px;
		font-weight: bold;
		border: none;
		margin-left: 5vw;
		display: inline-block;
		font-size: 16px;
		border: 4px solid #fff;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		background: #209cad;
	}

	.search:hover::before,
	.end-session:hover::before {
		position: absolute;
		content: attr(data-title);
		display: block;
		height: 24px;
		top: -44px;
		left: 22px;
		transform: translateX(-50%);
		background: #fff;
		color: #209cad;
		font-weight: bold;
		padding: 0 10px;
		line-height: 24px;
		white-space: nowrap;
		font-size: 15px;
		border-radius: 4px;
	}

	.end-session.logout::before {
		/* modifications done for bug fixes */
		position: absolute;
		display: none;
		content: attr(data-title);
		height: 24px;
		top: 10px;
		left: 70px !important;
		transform: none !important;
		background: #fff;
		color: #209cad;
		font-weight: bold;
		padding: 0 10px;
		line-height: 24px;
		white-space: nowrap;
		font-size: 15px;
		border-radius: 4px;
	}

	.end-session.logout:hover::before {
		display: block;
	}

	.logout img {
		height: 20px;
	}

	.tabs {
		display: flex;
		flex-wrap: wrap;
		background: #fff;
		margin-left: -10px;
		width: calc(100% + 20px);
		height: 50px;
		margin-bottom: 30px;
		border-radius: 6px;
	}

	.tabs button {
		flex-grow: 1;
		font-weight: bold;
		color: #209cad;
		margin: 5px;
		border-radius: 4px;
		border: 1px solid #209cad;
	}

	.tabs button.current {
		background: #209cad;
		color: #fff;
	}

	a.link span::before,
	a.download span::before {
		content: '';
		position: relative;
		top: 7px;
		left: -5px;
		display: none;
		height: 30px;
		width: 30px;
		background: url("../img/link-icon.png") center center no-repeat;
		background-size: contain;
	}

	a.download span::before {
		background: url("../img/download-icon.png") center center no-repeat;
		background-size: contain;
	}

	.video-container {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		margin-bottom: 24px;
	}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.show-pw {
		position: absolute;
		display: inline-block;
		width: 42px;
		height: 42px;
		left: 335px;
		background: url("../img/icon-eye.png") center center no-repeat;
		background-size: 60%;
		vertical-align: top;
		cursor: pointer;
	}

	.dashboard-row {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
	}

	.dashboard {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 1;
		border-radius: 10px;
		background: #fff;
		color: #555;
		text-decoration: none;
		border: 1px solid #209cad;
		float: left;
		margin: 0 20px 20px 0;
		padding: 60px 20px 30px 20px;
		overflow: hidden;
	}

	.dashboard h2 {
		font-weight: bold !important;
		background: #209cad;
		color: #fff;
		position: absolute;
		height: 24px;
		left: 0;
		right: 0;
		top: 0;
		padding: 10px 20px;
	}

	.dashboard-icon {
		height: 20px;
		position: absolute;
		top: 12px;
		right: 10px;
		z-index: 10;
	}

	.dashboard:hover::after {
		content: '→';
		display: block;
		position: absolute;
		bottom: 8px;
		right: 20px;
		color: #209cad;
		font-size: 21px;
	}

	.icons {
		padding: 0 20px;
	}

	.icons::after {
		content: '';
		display: block;
		clear: both;
	}

	.icons .icon {
		position: relative;
		float: left;
		width: 25%;
	}

	.icons .icon img {
		width: 100%;
	}

	.icons .icon {
		margin-bottom: 20px;
	}

	.icons .icon span {
		position: absolute;
		display: block;
		top: 90%;
		left: 5%;
		width: 90%;
		text-align: center;
		font-weight: bold;
		line-height: 1.1em;
		font-size: 0.8em;
		z-index: 100;
	}

	.journey-question:not(:last-child) {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #dedede;
	}

	.smileys {
		clear: both;
	}

	.smileys.disabled {
		pointer-events: none;
		display: block;
	}

	.smileys .smiley {
		appearance: none;
		display: inline-block;
		-webkit-appearance: none;
		box-sizing: content-box;
		background-clip: padding-box;
		position: relative;
		width: 50px;
		height: 50px;
		border-radius: 8px;
		background-color: #fff;
		margin: 0;
		border: 2px solid transparent;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
	}

	.smileys .smiley:checked {
		border-color: #209cad;
	}

	.smileys .smiley.good {
		background-image: url("../img/Smiley-1.png");
	}

	.smileys .smiley.prettygood {
		background-image: url("../img/Smiley-2.png");
	}

	.smileys .smiley.medium {
		background-image: url("../img/Smiley-3.png");
	}

	.smileys .smiley.prettybad {
		background-image: url("../img/Smiley-4.png");
	}

	.smileys .smiley.bad {
		background-image: url("../img/Smiley-5.png");
	}

	.journey-question>label {
		display: block;
		margin-bottom: 10px;
		width: auto;
		/* added fix to override one css */
	}

	.labels span.left,
	.journey-question span.left,
	.feedback-row span.left {
		position: relative;
		display: inline-block;
		font-size: 0.8em;
		width: 145px;
	}

	.labels span.right,
	.journey-question span.right,
	.feedback-row span.right {
		position: relative;
		display: inline-block;
		font-size: 0.8em;
		width: 145px;
		text-align: right;
	}

	.radio-row {
		margin-bottom: 5px;
	}

	.radio-row input {
		display: none;
	}

	.radio-row input+label {
		display: inline-block;
		position: relative;
		padding-left: 30px;
		line-height: 20px;
		cursor: pointer;
	}


	.radio-row input+label::before {
		box-sizing: border-box;
		position: absolute;
		display: block;
		content: '';
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		border-radius: 20px;
		border: 1px solid #d7d7d7;
	}

	.radio-row input:checked+label::after {
		position: absolute;
		display: block;
		content: '';
		left: 4px;
		top: 4px;
		width: 12px;
		height: 12px;
		border-radius: 12px;
		background: #209cad;
	}

	.labels {
		max-width: 305px;
		margin-top: 30px;
		border-bottom: 1px solid #dedede;
	}

	.labels {
		border-top: 1px solid #dedede;
		border-bottom: none;
	}

	.labels.clean {
		border: none;
	}

	.chart {
		height: 100px;
		max-width: 290px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(100, 1fr);
		grid-column-gap: 5px;
		margin-bottom: 20ps;
	}

	.chart.half {
		grid-template-columns: repeat(2, 1fr);
	}

	[class*="bar"] {
		position: relative;
		grid-row-start: 1;
		grid-row-end: 101;
		border-radius: 5px 5px 0 0;
		background-color: #e7e7e7;
	}

	[class*="bar"] span {
		display: block;
		position: absolute;
		bottom: -25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		left: 0;
		right: 0;
		font-size: 0.8em;
	}

	[class$="100"] {
		grid-row-start: 0;
		background-color: #5dbe42;
	}

	[class$="80"] {
		grid-row-start: 20;
		background-color: #94eb8f;
	}

	[class$="60"] {
		grid-row-start: 40;
		background-color: #e9dd4a;
	}

	[class$="40"] {
		grid-row-start: 60;
		background-color: #e26d38;
	}

	[class$="20"] {
		grid-row-start: 80;
		background-color: #c4122e;
	}

	[class*="legend"] {
		box-sizing: border-box;
		position: relative;
		background: none;
		line-height: 25px;
		font-size: 0.8em;
		display: inline-block;
		max-width: 80vw;
		margin: 0 auto;
	}

	.legend-100::before {
		content: '';
		position: absolute;
		display: block;
		left: 5px;
		top: 5px;
		background-color: #5dbe42;
		width: 15px;
		height: 15px;
		border-radius: 4px;
	}

	.legend-20::before {
		content: '';
		position: absolute;
		display: block;
		left: 5px;
		top: 5px;
		background-color: #c4122e;
		width: 15px;
		height: 15px;
		border-radius: 4px;
	}

	.inbox.overview h3 {
		margin-top: 40px;
		font-weight: bold;
		font-size: 16px;
	}

	.inbox.overview h3+div {
		margin-top: 15px;
	}

	.folder {
		position: relative;
		font-size: 20px;
		font-weight: bold;
		color: #209cad;
		width: 100%;
		text-align: left;
	}

	.folder img {
		margin-right: 12px;
	}

	.folder+.files {
		display: none;
		border-radius: 4px;
		background: #f7f7f7;
	}

	.files table {
		background: none;
	}

	.files table a::before {
		background: none;
	}

	.folder::after {
		content: '▲';
		position: absolute;
		right: 15px;
		top: 15px;
		font-size: 14px;
		transform: scaleY(0.8);
	}

	.folder.closed::after {
		content: '▼';
	}

	.read .folder {
		min-height: 50px;
		background: #fff;
		padding: 0 15px;
		border: 1px solid #dedede;
		margin-top: -1px;
	}

	.read .folder:first-of-type {
		border-radius: 4px 4px 0 0;
	}

	.read .folder.closed:last-of-type {
		border-radius: 0 0 4px 4px;
	}

	.read .folder span {
		position: absolute;
		display: inline-block;
		color: #555;
		left: 50px;
	}

	.read .files {
		background: #fff;
		padding: 15px 15px 2px 15px;
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
	}

	.read .files:last-of-type {
		border-bottom: 1px solid #dedede;
	}

	.read .folder+.files {
		border-radius: 0;
	}

	.smaller-text h2 {
		font-size: 18px !important;
		line-height: 24px
	}

	.smaller-text p,
	.smaller-text label {
		font-size: 15px !important;
		line-height: 24px
	}

	div.time-icons {
		opacity: 0.2;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		pointer-events: none;
		white-space: nowrap;
	}

	div.time-icons.visible {
		opacity: 1;
		pointer-events: all;
	}

	label.time-icon {
		position: relative;
		display: inline-block;
		min-width: 0;
		width: calc(25% - 10px);
		padding-top: calc(25% - 10px);
		height: 0;
		background-size: 150%;
		margin: 0 10px 0 0;
		cursor: pointer;
	}

	label.time-icon.morning {
		background-image: url("../img/icon-morning.png");
		background-position: center center;
	}

	label.time-icon.midday {
		background-image: url("../img/icon-midday.png");
		background-position: center center;
	}

	label.time-icon.evening {
		background-image: url("../img/icon-begin-evening.png");
		background-position: center center;
	}

	label.time-icon.night {
		background-image: url("../img/icon-before-sleep.png");
		background-position: center center;
	}

	label.time-icon input {
		display: block;
		margin-top: 15px;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}

	label.time-icon input+input {
		margin-top: 7px !important;
		pointer-events: none;
	}

	label.time-icon span {
		display: block;
		text-align: center;
		font-weight: bold;
		width: 100% !important;
		font-size: 0.8em;
		line-height: 1.1em;
		margin-top: 5px;
	}

	.icon-blocks {
		display: flex;
		flex-flow: wrap;
	}

	.icon-block {
		flex: 0 0 50%;
	}

	.icon-block img {
		display: inline-block;
		width: 150px;
	}

	.icon-block h4 {
		display: inline-block;
		width: calc(100% - 160px);
	}

	.apo-info-m {
		display: none;
	}

	/* ==========================================================================
	         Media queries
	         ========================================================================== */
	@media only screen and (min-width: 1370px) {

		label.time-icon {
			width: calc(25% - 2px);
			padding-top: calc(25% - 2px);
			left: -10px;
		}
	}

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

		#sidebar {
			font-size: 13px;
		}

		#sidebar .icon-row {
			height: 32px;
			line-height: 32px;
		}

		#sidebar .icon-row img {
			height: 32px;
		}

		.big-btn {
			font-size: 13px;
		}

		.big-btn img {
			height: 32px;
		}
	}

	@media only screen and (min-width: 1200px) {
		body.iframe {
			overflow: hidden;
		}

		.middle {
			top: 320px;
			transform: translateY(-50%);
		}
	}


	@media only screen and (max-width: 1150px) {
		#footer span {
			display: none;
		}

		#sidebar h1 {
			font-size: 21px;
			line-height: 26px;
		}

		#sidebar td {
			display: block;
		}

		#sidebar td:nth-child(1) {
			margin-top: 10px;
		}

		.big-btn:not(.go-back) {
			width: calc(50% - 10px);
		}

		.big-btn.popup-btn {
			float: left;
		}
	}

	@media only screen and (min-width: 1050px) {
		body {
			font-size: 15px !important;
			line-height: 24px;
		}

		#header+.block {
			display: flex;
		}

		#sidebar.details {
			right: 0;
		}

		input[type=text],
		input[type=password],
		input[type=email],
		.side-btn,
		.close {
			font-size: 15px;
			height: 40px;
			line-height: 40px;
		}

		input[type=text]:not(.lastname) {
			text-transform: capitalize;
		}

		select {
			font-size: 15px;
			height: 42px !important;
		}

		#sidebar select {
			max-width: 292px;
		}

		h1 {
			font-size: 26px;
			line-height: 34px;
		}

		h2,
		.intro {
			font-size: 18px;
			line-height: 24px !important;
		}

		.footnote {
			font-size: 14px;
			line-height: 18px;
		}

		#container.full {
			width: 72%;
		}

		#sidebar.details {
			width: calc(30% - 30px);
			right: -30px;
		}

		.end-session.logout::before {
			left: auto !important;
			right: -12px;
			top: 50px;
		}

		.hidden.mobile {
			display: block;
		}

		.time-icons {
			position: relative;
			top: 42px;
		}

		.select small {
			height: auto;
			background: #fff !important;
			padding: 0;
		}
	}

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


		.header-logo {
			left: 50%;
			margin-left: -135px;
			top: -7px;
		}

		#header h1 {
			font-size: 32px;
			line-height: 40px;
			bottom: 50px;
		}

		#header h1.left {
			text-align: center;
		}

		#header h1 img {
			padding-top: 3px !important;
		}

		#header #header-btns {
			float: none;
			width: 100%;
			text-align: right;
			right: 0;
			top: 5px;
		}

		#header #header-btns .btn {
			position: static !important;
			transform: scale(0.8);
			transform-origin: right center;
		}

		#header #header-btns .btn.help {
			margin: 0;
		}

		#header #header-btns .btn.menu {
			float: right;
			margin: 0;
		}

		#header #logo-landing {
			width: 200px;
			left: calc(50% - 100px);
		}

		#header #header-btns .btn {
			position: absolute;
			right: 0;
		}

		#header #header-btns .dropdown-menu {
			top: 70px;
			right: -1px;
			border: 1px solid #fff;
			text-align: left;
		}

		.end-session.logout::before {
			/* modifications done for bug fixes */
			display: block;
			left: 70px !important;
			top: 10px;
			right: auto;
		}

		#container {
			width: 100%;
			padding-bottom: 8vh;
		}


		#lang-select {
			padding-top: 1vw;
		}

		#img-landing {
			transform: scale(1);
		}

		#nav,
		#main,
		#sidebar {
			position: relative;
			float: none;
			margin: 0 auto;
		}

		#nav {
			width: 100%;
			max-width: 480px;
			height: 56px;
		}

		.full #nav {
			max-width: 100%;
		}

		#nav #progress {
			width: 700px;
			top: 56px;
			right: -10px;
			width: calc(100% + 20px);
			border-radius: 0;
		}

		#nav ul {
			position: relative;
			width: 206px;
			height: 50px;
			margin: 0;
			padding: 6px 0 0 6px;
			left: -6px;
		}

		#nav ul li {
			float: left;
			width: 40px;
			height: 40px;
			margin-top: 10px;
			line-height: 40px;
			font-size: 14px;
		}

		#nav ul li.current {
			width: 50px;
			height: 50px;
			margin: 0;
			padding-top: 10px;
			font-size: 16px;
			line-height: 16px;
			border-radius: 5px 5px 0 0;
		}

		#nav ul li span {
			line-height: 14px;
			font-size: 9px;
		}

		#nav #label {
			right: -10px;
			top: -4px;
			height: 60px;
			overflow: hidden;
			margin: 0;
			padding-left: 6px;
			background: none;
		}

		#nav .ext-link {
			right: 0;
			top: 15px;
		}

		#overlay-content {
			min-width: 280px;
			width: calc(96% - 40px);
			padding: 2%;
		}

		#help iframe {
			transform-origin: top center;
		}

		.btn-landing {
			margin: 0 10px;
		}

		.btn-landing:last-child {
			margin-bottom: 50px;
		}


		.icon-btn {
			height: 26px;
			width: 26px;
			margin-left: -30px;
		}

		.full #nav #label {
			left: 0;
			right: auto;
		}

		#nav #label #icon {
			height: 30px;
			padding: 14px 30px;
			border-radius: 5px 5px 0 0;
		}

		.full #nav #label #icon {
			padding: 14px 30px 14px 30px;
		}

		#nav #label #icon img {
			vertical-align: top;
			max-height: 30px;
			max-width: 80px;
		}

		.show-pw {
			height: 32px;
			width: 32px;
			left: calc(100% - 65px);
		}

		#main {
			padding: 5%;
			float: none;
		}


		.home-btn {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 20px;
			top: -10px !important;
			right: -10px;
		}

		#sidebar {
			width: 100%;
			max-width: 500px !important;
			top: -40px;
			padding: 20px 0 100px 0;
			text-align: center;
		}

		#sidebar h1.left {
			text-align: center;
		}

		/* #sidebar.details {
	                  max-width: 100%;
	              } */

		#sidebar {
			max-width: 300px;
		}

		#sidebar td {
			display: table-cell;
		}

		#sidebar #help {
			display: none;
		}

		#products,
		#videos {
			font-size: 14px;
			line-height: 18px;
		}

		#video {
			margin-bottom: 0;
		}

		#privacy-check {
			line-height: 32px;
		}

		.big-btn.disease-info {
			float: left;
		}

		.big-btn.back-btn {
			height: 40px !important;
			font-size: 13px;
		}

		input,
		select {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
		}

		select {
			height: 32px;
		}

		input[type=checkbox] {
			margin: 12px 15px 0 0;
		}

		ol {
			box-sizing: border-box;
			padding: 0 0 0 25px;
		}

		ol li {
			padding-left: 10px;
			margin-left: -10px;
		}

		.form-row {
			line-height: 30px;
			font-size: 14px;
		}

		.form-row hr {
			margin-bottom: 1.6em;
			width: 100%;
		}



		.form-row input+label+.radio-input-row {
			margin-top: -5px;
			margin-bottom: 5px;
		}

		.main-btn.form {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
		}

		.remove-new,
		.add-new {
			height: 30px;
			line-height: 30px;
		}

		.main-btn,
		.back-btn,
		.side-btn,
		.close {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			margin-top: 10px;
			/*-14px*/
		}


		.main-btn.register {
			width: 230px;
			margin-bottom: 0;
		}

		.date {
			line-height: 30px;
		}

		.mob-hide {
			display: none;
		}

		.logout {
			right: auto;
			left: 0;
			margin-left: 0;
			top: 10px;
			transform: scale(0.8);
			transform-origin: left top;
		}

		.tabs {
			height: auto;
			min-height: 50px;
		}

		.tabs button {
			padding: 5px;
		}

		.popup-btn[data-overlay="delete-account"] {
			top: -10px;
		}

		.form-row p.checkbox {
			padding-top: 0 !important;
		}
	}

	/* added for a bug fix */
	.noTransform {
		transform: scale(1);
	}


	@media only screen and (min-width: 600px) {
		.time-icons {
			position: relative;
			top: 42px;
		}
	}

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

		#header #header-btns .login {
			line-height: 30px;
			font-size: 12px;
		}

		#header h1 {
			font-size: 30px;
			line-height: 36px;
		}

		#header h1 span strong:hover {
			box-sizing: border-box;
			position: absolute;
			z-index: 999;
			background: #209cad;
			display: inline-block;
			width: auto;
			left: 0;
			top: -40px;
			width: 90vw;
			max-width: 90vw;
			white-space: normal;
			text-overflow: unset;
			text-align: center;
			overflow: visible;
			padding: 10px 20px;
			border-radius: 8px;
			margin-top: -15px;
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		}

		#header h1 span strong:hover+button {
			display: none;
		}

		#header h1 img {
			height: 30px !important;
			padding-top: 1px !important;
		}

		.header-logo {
			width: 200px;
			margin-left: -100px !important;
			top: 36px;
			;
		}

		#nav #progress {
			right: 0;
			width: 100%;
		}

		#main {
			padding: 8%;
		}

		.full #main input,
		.full #main textarea {
			max-width: 92%;
		}

		#header #header-btns .btn.settings {
			right: 50px;
		}

		#main table.report td {
			display: block;
			text-align: left;
		}

		#lang-sign {
			display: none;
		}

		#lang-select input+label {
			border-width: 3px;
			border-radius: 6px;
		}

		.locked {
			min-width: 90%;
			width: 90%;
			display: block;
		}

		.form-row label {
			width: 100%;
		}

		.form-row label.smaller,
		.form-row label.smaller+label {
			width: 48% !important;
		}

		.form-row select.smallest {
			width: 20% !important;
		}

		.form-row input {
			min-width: 90%;
			width: 90%;
		}

		.col1_2 {
			width: 100%;
			margin: 0 !important;
		}

		.col1_2:first-of-type {
			margin-top: 30px !important;
		}

		.form-row.a1 {
			display: flex;
			flex-direction: column;
		}

		.form-row.c0.c1 {
			order: 1;
		}

		.scan-container {
			text-align: left;
		}

		.form-sub {
			line-height: 30px;
		}

		.email .side-btn {
			margin: 0 0 4px 4px;
		}

		#footer a:not(.underlined) {
			display: inline-block;
			white-space: nowrap;
			width: 25%;
			margin: 5px 0;
			font-size: 0;
		}

		#footer i {
			display: block;
		}

		#footer i a {
			display: inline;
			white-space: nowrap;
			margin: 0;
		}

		.cols.clear .col1_2:last-child {
			margin-top: 30px !important;
		}

		.icons .icon {
			position: relative;
			float: left;
			width: 50%;
		}

		input.number {
			width: 322px !important;
			max-width: 100% !important;
		}

		.time-icons {
			max-width: 332px;
		}

		label.time-icon {
			width: calc(25% - 10px) !important;
			margin-right: 10px !important;
		}


		icon-block h4 {
			width: 100%;
			position: relative;
			top: -30px;
			display: block;
			text-align: center;
		}

		h1 .info,
		label .info {
			top: 5px;
		}

		.bigger-btns>button,
		.bigger-btns>input {
			height: 40px;
			font-size: 18px;
			padding: 0 30px;
		}
	}


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

		form {
			margin-left: auto;
			margin-right: auto;
		}

		form>div {
			text-align: left;
		}

		input:not(.main-btn):not(.side-btn):not([type=checkbox]):not([type=radio]):not(.smallest) {
			margin-left: 0 !important;
			margin-right: 0 !important;
			width: calc(100% - 22px) !important;
			min-width: auto;
			max-width: 300px;
		}

		input[type=checkbox],
		input[type=radio],
		input.label.smallest {
			width: auto !important;
			min-width: 20px !important;
			max-width: 25% !important;
		}

		input[type=checkbox]:checked+label::before {
			margin-left: -35px;
		}

		select,
		label {
			margin-left: 0 !important;
			margin-right: 0 !important;
			margin-bottom: 5px;
			width: 100% !important;
			padding-right: 0;
		}

		input[type=checkbox]+label {
			width: calc(100% - 40px) !important;
			float: none;
		}

		label.radio span {
			max-width: 70%;
			font-size: 14px;
			line-height: 18px;
		}

		.center div {
			text-align: center !important;
		}

		.form-row span.ext {
			margin-left: 5px;
		}

		#img-landing {
			max-height: 240px;
		}

		#lang-select {
			position: relative;
			padding-top: 0;
			top: -20px;
		}

		#lang-select label {
			width: 38% !important;
			margin: 4% !important;
			font-size: 1em;
		}

		#lang-select label.other {
			width: auto !important;
		}

		#header #header-btns {
			top: 10px;
		}

		#header #header-btns .btn.search {
			margin: 0;
		}

		#header #header-btns .btn.help {
			right: auto;
			left: -10px;
			position: absolute !important;
			top: 0;
		}

		.block {
			width: 100%;
		}

		.logout {
			left: 0;
			top: 15px;
			margin-left: 0;
		}

		.logout::before {
			display: none !important;
		}

		#video,
		#main {
			border-radius: 0;
			border: 0;
			background: #fff;
			box-shadow: none;
			margin: 0 auto;
		}

		#main .content {
			padding: 20px !important;
		}

		#sidebar {
			padding: 20px 0;
		}

		#video {
			padding: 20px;
		}

		#video .video-wrapper {
			border-radius: 4px;
			border: 1px solid #ccc;
			overflow: hidden;
		}

		#products td,
		#videos td {
			/* max-width: 35%; */
			padding: 0 !important;
		}

		#products td small,
		#videos td small {
			min-width: 0;
		}


		#products td:nth-child(2),
		#products td:nth-child(3),
		#videos td:nth-child(2),
		#videos td:nth-child(3) {
			display: table-cell;
		}

		#videos .delete {
			position: relative;
			top: -8px;
		}

		table.inbox td {
			display: block;
		}

		table.inbox td:last-child {
			margin-left: 20px;
		}

		#header .block,
		#footer .block {
			width: 90%;
		}

		/* #footer {
	              position: static;
	          } */

		.video-overlay {
			display: none;
		}

		.big-btn {
			width: calc(100% - 10px) !important;
		}

		.wyqproduct {
			width: calc(100% - 10px) !important;
		}

		.nowrap {
			white-space: normal;
		}

		.dashboard {
			width: 100%;
			flex: none;
			box-sizing: border-box;
		}


		input[type=checkbox]+span {
			width: calc(100% - 32px);
			padding-top: 6px;
			line-height: 20px;
		}

		.apo-info-m {
			display: block;
			text-align: center;
			margin-bottom: 20px;
			font-weight: bold;
			font-size: 20px;
			width: 100%;
			padding: 10px 10px 15px 10px;
			border-radius: 4px;
			background: #374E9F;
			color: #fff;

		}

		.apo-info-m small {
			font-weight: normal;
		}
	}

	@media only screen and (min-width: 480px) {
		.form-row.bigger span {
			line-height: 36px;
			font-size: 18px;
		}

		.date span {
			margin-left: -8px;
		}

		label.text-right {
			text-align: left;
			padding-right: 5px;
		}
	}


	@media only screen and (min-width: 360px) {

		.webapp-btns {
			margin-bottom: 40px;
		}
	}



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

		.webapp-btns {
			margin: 0 -8vw 40px -8vw;
		}
	}


	@media only screen and (orientation: landscape) and (max-width:1024px) {

		#video {
			position: fixed;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			z-index: 999999999;
			background: #000;
			border: 0;
		}

		#video iframe {
			width: 100vw !important;
			height: 100vh !important;
		}

		.video-overlay>div {
			top: 50vh;
		}
	}


	@media only screen and (orientation: landscape) {

		#full-video {
			position: fixed;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			z-index: 999999999;
			background: #000;
		}

		#full-video .iframe,
		#full-video iframe {
			width: 100%;
			height: 100%;
		}

		#full-video .close-video {
			position: fixed;
			top: -5px;
			right: 20px;
		}

		#full-video .close-video::after {
			content: '\00d7';
			font-size: 60px;
			color: #fff;
		}
	}



	@media only screen and (orientation: portrait) {

		#full-video {
			position: fixed;
			width: 100vh;
			height: 100vw;
			top: 0;
			left: 100vw;
			transform: rotate(90deg);
			transform-origin: top left;
			z-index: 999999999;
			background: #000;
		}

		#full-video .iframe,
		#full-video iframe {
			width: 100%;
			height: 100%;
		}

		#full-video .close-video {
			position: fixed;
			left: 20px;
			top: -5px;
		}

		#full-video .close-video::after {
			content: '\00d7';
			font-size: 60px;
			color: #fff;
		}
	}


	/* ==========================================================================
	         IE overrides
	         ========================================================================== */
	.no-js #header {
		background-image: none;
	}



	/* ==========================================================================
	         Browser fixes
	         ========================================================================== */
	select {
		background: #fff url("../img/arrows.svg") no-repeat right center !important;
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
	}

	select::-ms-expand {
		display: none;
	}

	a:focus,
	button:focus,
	input:focus,
	select:focus,
	textarea:focus {
		outline: none;
	}

	button::-moz-focus-inner {
		border: 0;
	}

	::-moz-selection {
		background: #b3d4fc;
	}

	::selection {
		background: #b3d4fc;
	}

	.video-container video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.wyqproduct {
		display: none;
		height: 40px;
		line-height: 40px;
		width: calc(25% - 10px);
		padding: 0 20px 0 10px;
		margin: 10px 10px 0 0;
		float: left;
		white-space: nowrap;
		border-radius: 3px;
		background: #aeaeae;
		color: #fff;
	}

	#products td.empty::before {
		display: none;
	}

	#products td.empty::after {
		display: none;
	}

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
	}

	input[type=checkbox]+label.invisible {
		width: 0 !important;
		min-width: 0;
		margin-left: 4px;
	}

	input[type=checkbox]:checked+label::before {
		position: absolute;
		content: '\2713';
		margin-left: -29px;
		pointer-events: none;
	}

	.form-row:has(> input#allDaysOpen:checked)~.form-row {
		pointer-events: none;
		opacity: 0.6;
	}

	.form-row label.smaller {
		width: 155px;
	}

	label:has(> input[id$="Open"]:not(:checked))~select {
		pointer-events: none;
		opacity: 0.6;
	}

	/*W&T css*/
	form select[multiple] {
		height: auto;
		background: #fff !important;
		padding: 0;
	}

	.block.time-of-day span,
	.block.week span,
	.block.month span,
	.block.frequency span,
	.block.quantity span {
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 30%;
		height: 30%;
		border-radius: 50%;
		border: 4px solid #374ea1;
		background: #fff;
		font-weight: bold;
		color: #209cad;
		z-index: 10;
		line-height: 1em;
		text-align: center;
	}

	.block.fourth {
		vertical-align: top;
		width: 250px;
		height: 250px;
		border: 4px solid #58bac4;
		border-radius: 20px;
	}

	.block.noborder {
		box-sizing: border-box !important;
		background: url(../img/icon-empty.png) !important;
		background-size: 100% 100% !important;
	}

	.block.third {
		width: 300px;
		height: 300px;
		top: -30px;
	}

	.block.noborder img {
		width: 50% !important;
		margin-top: 25% !important;
	}

	.radio-input-row {
		padding-left: 40px;
	}

	,
	#videos td a.product {
		position: relative;
		display: inline-block;
		border: none;
		font-weight: bold;
		font-size: 20px;
		padding-left: 30px;
		overflow: hidden;
		max-width: 100%;
	}

	#products td,
	#videos td {
		position: relative;
	}

	#products td:first-child:not(.empty)::before,
	#videos td:first-child:not(.empty)::before {
		content: '';
		display: block;
		position: absolute;
		display: inline-block;
		content: '';
		top: 6px;
		left: 0;
		width: 30px;
		height: 20px;
		background: #fff;
		z-index: 5;
		pointer-events: none;
	}

	#products td:first-child:not(.empty)::after,
	#videos td:first-child:not(.empty)::after {
		content: '';
		display: block;
		position: absolute;
		display: inline-block;
		content: '';
		top: 6px;
		left: 0px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff url("../img/icon-kijksluiter.svg") center no-repeat;
		background-size: 20px 20px;
		z-index: 10;
		pointer-events: none;
	}

	#products tr.new td:first-child::before {
		content: 'nieuw';
		font-size: 8px;
		font-weight: bold;
		color: #c4122e;
		line-height: 60px;
		text-transform: uppercase;
		text-align: center;
		left: -5px;
		padding-right: 5px;
	}

	#products tr:last-child td::before,
	#products tr:last-child td::after,
	#videos tr:last-child td::before,
	#videos tr:last-child td::after {
		display: none !important;
	}

	#products td a.product span,
	#videos td a.product span {
		display: block;
		white-space: nowrap;
		line-height: 30px;
		color: #209cad !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#products td small,
	#videos td small {
		display: block;
		font-size: 14px;
		min-width: 300px;
		padding-left: 30px;
	}

	#products td.full,
	#videos td.full {
		width: 100% !important;
		max-width: 100% !important;
		padding: 8px 0 !important;
		text-align: left !important;
	}

	#products td.full strong,
	#videos td.full strong {
		position: relative;
		top: 4px;
		left: -3px;
		display: inline-block;
		margin-right: 7px;
		font-size: 30px;
	}

	#products .red,
	#videos .red {
		font-weight: bold;
	}

	#products .delete,
	#videos .delete {
		font-weight: normal;
	}

	#footer {
		position: absolute;
		width: 100%;
		height: auto;
		line-height: 20px;
		padding: 20px 0;
		bottom: 0;
		z-index: 1000;
		background: #f7fdfd;
		color: #555;
		font-size: 14px;
		text-align: center;
		border-top: 1px solid #d9d9d9;
	}

	#footer i {
		font-style: normal;
	}

	#footer a {
		border-bottom: none;
		margin: 0 5px 0 10px;
		color: #555;
		vertical-align: top;
	}

	#footer a img {
		vertical-align: middle;
		height: 20px;
		margin: 0 10px;
		/*background: #fff;*/
		padding: 0 3px;
		border-radius: 3px;
	}


	#cookie-banner {
		box-sizing: border-box;
		position: fixed;
		width: 100%;
		bottom: 0;
		min-height: 60px;
		background: #333;
		padding: 20px;
		color: #fff;
		font-size: 14px;
		z-index: 1000;
	}

	#cookie-banner p {
		display: inline-block;
		margin-bottom: 0;
		line-height: 20px;
		padding: 10px 0;
	}

	#cookie-banner .buttons {
		display: inline-block;
		float: right;
	}

	#cookie-banner .buttons button {
		margin: 0 0 0 15px;
	}

	#contact-btn {
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 60px;
		height: 60px;
		border: 0;
		border-radius: 50%;
		background: #c4122e url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAC3CAMAAACPMIqGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABfVBMVEX///8rKytcXFyHh4eTk5NAQEDKysrr6+x8fHwMDAwnJyezs7NiYmITExOCgoK4uLj+/v47Ozva2to4ODgeHh7y8vJHR0f///+zs7Pl5eW9vb0rKyt3d3d3d3fy8vJLS0tAQEBLS0ugoKAXFxcnJydiYmI7Ozva2toeHh6ampqampq4uLi9vb04ODiHh4fr6+zLy8vKysoGBgaTk5Pr6+3+/v5sbGxcXFxsbGzT09NYWFjT09N8fHyMjIyMjIyCgoKkpKT///9sbGwMDAx8fHwrKyvl5eWMjIxiYmKTk5PLy8seHh7KyspAQEBHR0cTExOpqam9vb0nJyfg4OBLS0uCgoLy8vI4ODhHR0dcXFw7OzuamprT09OkpKRYWFjg4OBISEjb29ugoKDr6+xYWFjg4OCHh4fr6+2pqamgoKB3d3fa2tpMTEzb29u4uLj+/v7l5eXLy8sXFxepqakUFBQUFBSkpKTb29v////+/v79/f2pqang4OCHh4fy8vJY5wIaAAAAeHRSTlMAJ1qFkT3I63oII7FgDoG2/TfYNRvxQ/uv4bkmcnTtRjxHmxIiXjbVGpWXs7w0g+fKxQKP6flqWGjPVtJ4iYd+ofdkBHQi3YNai8cWwTg+CqG1HtdCeukwQlQykcubVN5D053jUNt+7aWXbtFH16/15MMOpw4Qn9oCLaBdAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+YLHAsWOFkZaaEAAA91SURBVHja1V3/Q9vGFTffEViAseH4DsYhgYSQpFkIwbigpO3SZFnaNGno0sFG145l68bGvshs699e68u9907SSXe2LDnvh8TYp9N9dPe+vzsVCsnU1z8wONDfp9Cyt2lo2PZoZNTIeyyd0Ni4TaiY93DaJnPCtps+iqbzYdLMe0jtUf8UAGk2vQ9TY3kPqg0qTfsTQYC0qJz3uLRp1EYgBNEHB8UclwGx7Ureg9OhvvD48cPMBySNZwUgts3m5imzDOc9PmUqCjNhs4XFgrHEUB7bA3mPUJGWBSBsZdX9do2RNVbNe4ztAFni3y8ywiwfgoYUgLD1Gv5yjeEv43kPM5kEHmEbwm+tBQZz1Z/3QJOoKgC5Hvh1g/NK768vQY/c2Az9voVcfzPvscZSjQBhtyKeujGPXN/Trtc2BRLZ4jZyfS/rxwkCZE7SZge5fijv8UppiPDInLTVHdD1d/MesIwMAuSe3EhcRfnVq5p+kIjfOBE7B77XdN5DjqYSAbIY19CzWty2PRmh+GgagazGN13HZdiLnkoRgdxPaLqJ4ms072FHEIaDfpHY9j60tWsKXWdLEzC4eCZxaZOBzTKR98CDZKJluKPQfAl9rl6blGVwbO+oMLHxANz63byHLpI5w4Gwh0oX7DGIT+Q9dpH6YUoeKV6B4ms/78EL5CcWrppJqgRoA/iqvt+fD+1X+0IxxD6wP5gqdhPFV540vCtKnAEOxFbjEocOAL2IKCICq9NEv22D2ojQlKlbH5usG6O80kdE/aQStPhYg7fm4u5DPig0aaOt8AXEeQY4QnZbA8lqzJ07Wi5trFTuKNV5C1URzHk+DR5Jh588ITYGD/dQB4nvcXVluWh3d+SOaB++uK6F5GGgt+yJ3NpNfw5yrBqSyyH0Ha08qClMzbIzorsc14IWEMdi8R/LY80L06An/7WvyNSMFPy4o7sI9zQ7u8Pn95PsgXz6WYBrWt+V4e81zd4W+Pz+MnMgT60g+xvcDm7JNaYbfb/Fe8scyechIE7qYNQHom49cnrGGSzj1fX8V2Egju96xP/WZfgCBCOz5fgXVoRCcZDU+d8qDjylRW7Y27/OEshjK1Jnmm54yPtCV3St806sl9nhePKFFdb5zjcmCXSp+yYuPYRU8JfZAXn1lTAR//s/TI1ZMAGZquPr0R7mtJ9mBuS1JZgow+aQzZeU2bIf+S86VtfiMwSS3eJ6IwJpeAleXiBQhqm6ptxj7T7x4q2sZPDLL0UgTlCnCt+YRMVvqna5R+s+7K8zAvL2M0HqjrgJ2yrRjCVvTFfKcdHjRwIQ+/NsgHxjCUDGPbu9aqNmRCdeCcnmAuhDv1vL+k0GQN6JQHi2o0r0SRlaKKwu8xCTjNit1XXh5dgn9I6Q4Awg8Vskc/zxnbAH6shA6113gbywhEdXx/rYKozBLPRBi8S8yR6TOdnWt8+7COSxCOSIuLZVDqSFpAJP+Tihw4MgkJ9I/1bXbK8nvxWBCGmOKtGMBiz8k/geNwJATn9XFJilSwbxq98La2CqJPzqIvGlcAF4ZiO2x0UmWm67RsEYoRXe1hdPugDktSUAuRsQsFUIfQGS1t9LsV3OC+GgM9e/HJtCIC367lXqQN6IQBrB31Ez1vzcifP3elyXG1iaatvbvIzbGCdAWivsD+nicO0TAiScdKKasXCTN70R06fxPQKZoh2O2kQw29YPaQJ5+50gJ/8YUVBG9YmTLPWaxvnxq7iwJo1gXyQean2ZnmH81BKATEbFFavQxHRiK7ykK0bJnyOQ4E+VU+GG1tuUgPxJBLIc2YhqxpaST1YoJhop4VCScSYySyri2LNPsN/Z6GZUMyrFIFehTWShyq7gkqZhu7ywqAq267LtFdTTKhjTfAjyOjteEyHbsVGCKXOZpWPb5b0I5EzakHpahcIZv0bO8nO8SV3SoLItMktHtosTP6HdxZRhVCE36SCB8nMmtYYhv9CQ9tlwmlzxNWa9bx/Iqz/TCQ7aJyEkqE+8Yjv3C2l0BfILMY+nX2SWtm2X15YAZDjWAfwLLGunWQWGsBWDxGsSVy7YNyMM4btP2wLyxhLSl4PxrQXN6Ngr/rU/ypJaYD3GFj6a4yKztGG7vPyrCCSpKEbQjP4Sd0nmbDG+bhJqoEYJELsN2+Xt3wSf9CKx4L0KbV0ks3CtTKOAYkwqsUOp6Pyva7t8I2YTJpPznrg1w9PYoExliYcVjmQyqWtuu3C3WMd2eWfRxyCxT8JIQDMWuGFvy02vc9CMiX17tgsyi3Lc5fnfLcEnnVW5SNSM7j4gXw5L/MY9Pml2Kbn3XZtYYcq2ywsxmzCttv2TxiAdqgGy+egL1uApnyl0X7appW999Q+Fa95bpIRD7TY+EqJPCs6+E15cEK3mDVAotspe7No2rJIrJdvFy+8gEOUqd65PAMkuTOtB9BXrMIuXSndowKDcFZYQznfsE7K0phSWcABJk3sbFVgLd6KvOAbsivtn9kVmibVdgvkdjRLkgGZsEUQWWLS7ZdyASxS3avSNCG7x13Lb5QdLqKBrqPVPkYBm5I/QtWQlTsoJA/GluIi57eKPUma7OPYJBaJXtBvUjO5+IO7NS0z7G3ZAdCfTKFUsEtulZZ+E8zt6SKhmLJDSKFkt5G2s2h7Uv48LJcJ2CeR3tnX3s1TDj7cPGE5WvoLiS/38hco0dOu6xUHbxc/v8H71d7MENaNDfhl3SwFIBPEmJOWSrS8gbrv4NxRtl+ffijOiZJ+EkIj6pEClgKz0jmzV0Ng0tysyC7FdAvmd6XbOP0F9QkT3BXQrCXUbd+DOMxo3K4nM8hUPg39ioWBr0VlbW74QyT/xS8yGyDhllcGddVZ0jR9s5DPLuxcvX756bIlA2tyFF9aMziOHbIiMUwr38OHqnFRiNAgQ/xGKX2jYJ1FIqGZ0aBkeHZPYC4sYVD3SuuG+MG5aAuSSjn0SRtIUNKP76LB/WZDlY3ymetuXXdtFVondwUkhEZrRIRQzMkVfw7obzT3lJp6eFQTSyTkO1WjDw8D7yBz6PdwerzuA0dCMuP8lx0/ikZDsHCEivmSJ4Hl8pm1YFuGlNd7ZftsozehSHX5YkUji65hv1DK/HapMIrs3k2Oayk/HJp5W8Ae58wg7HGw1RzjQf13glUbHp04hkn8FftmGByYLGF3DIrV2To8ZGuTPob6bwvZUITsn0Bg+sVuSiw+wSRsmX4v6qsXd/aF0jmsRsnMiNWDq2Vr0xa755TU5TWU0nSIJa0aXTJRNsr1OJ1j3kfumX6FuJUBF3F4uK2S5gfZG3kf6CHUrQRoGjpaZX7fR51KNFXYTSaQ+caiEZp7sGIYtFKU5H0QYikEKdAlcJDu+gOwv3e4NJM3IdV5Dm+KepAOyPT7fTeWRnhbSMiw+qfn1PXpNuR5UIteMLhkXMGfzknEeMxBfuZ6JEY5BirSPHC0rxLuHTfI8slPiaSFtA9R488tlFrU8RNeQxId4+9DuPpf0sYNNcjzHK1YzunQTmV6y09x8gAWjuSKJ0SfuONELkZlfpMYz2V+qVLpj18RrRpeKIL5izC+wBuIk8Vhx0ms30qimLrHjNaNHdZBNMY4wbyLPQ1S3uenjUiPlw68TNKNL5GBe2QEA59hEEvIeuotNfEDpHoMbHYMM0HhimmsTc9uR8qtyCRoY/Ux7Jk2jM0kzeuPARSGLfi2R5x2yv8xROwqIrVaQooHEKx+MkygDIBckCWE/D+Gvm0D4vn8kMH6Sp07voNJEzeg9VByCrFD9hJ7pM01WWHnYlgFJ1SyIys5FEEbYmazw61wY5fS+11/fJcwV3SBB2qbl1iRrRo/wGFWZI+yeCEtHe3dw4uapHQbyU2BqUpoVBc3oEu5Gk+YhrmGgpRlaSVz23b9dMzdPnhFR19SPxcYiaSbFRs6Sz/FbDO5vDAax2b/54yLnlOrUCykgaSYiqeGdn8nabAZP8hKAsAVigRpztG0aekVJM7q0C3eWOsIFc45FA2n9sxK4agdPKrWnUjAqlTSj9xRPYZXMy80/53ju8NJqTchB6JoDjGWkwfWz8FwSH0sVB3cgb7V57i+bK5IVZedR8uSQoajrnFUwd5VsZo+jzxW3MXhxi9Gl5TCI5OSAdYxgdhwCqF3AHZMbj6GuOI9tuLl3C2UT25KfgECCGaH1VdGhseIMKmUF3IPI9GsJTc21jYOtufXDjetxc10jJ+SJducu6lRF0rJKDeTkFYXmCrRGuJ4y6qQuDrKYldZpES5hByrtk+kQ437E2+wXByctDYkyrxWL5+qJgRZdIiEATMdP08FdNaPEevQHBb3o0xA+lxtqVyTRYlStRfQolYAomwtHcC3TPbxIQkvI9ZDhm4kHciVDpBM6NPHatNbXjzgUHm5ZbpNH6jr1IuSlKPPpxKyOMe7H15cxoi27bFs7azuJD+Fc70oZzYGlBiEm81IXxdS4diJqDJEw3dOxook4A1hVWSmXy6VSqewS/1/+oa0wII+uOuHVdFhlAw21bNP6ZDssS+c89AXgvalMM3wmkRiPUrkzOWMjxVieAqFTkxbXb2HkO9u06wTKcKZzpLKUauipZPxOq2HC9Uudd8cLrNwHlC0SEl6V54e0OkTxlXGusky4XvFlA/F0AN0dZYvEdSES6yc0iLxJJes3XSxjOCiVWUHxlXn9y5mNzJKC3XIdghjZv/wNq1dT8YZXwPjKvpLnro0OENvqtLcDeC7ZvxLZqBM3h93rMLh7HWLKObzw0Tylm0dXOrSMIamSx2ugahcIpGPF8ohPcC7FoWbdpsxy3gmzrvMJzqei0tgm0Q47OcwaQ3ybUW6vexS3+LCP256WOd5Pbm+rDeyHa9N2Me9DDC+/9zoXKZAWlGfJ70YL0R6EJTJ3USjRV2y6Oax1TSzH39MEap6FoRVx86gmlsVz4ZziPOtCC1ikQ3R+0umrPh3Tc4rTyml3QrMiEGeNscPE430XD1kwW5z/e9zNm+GoM3t2eFtqjtXWdh4xOxjEVt9x30WaFVeJTytzS2uhXPG1452FB2JbL+PTI2+mNgZEZoFRMjZ/vrPx8OTk5OHDvfu3Vlj46Gu37WnvvAJ57NKOzGxISUhU5b7ZS6DScPQokz7YdqPXXrpZKPEC4+S8IJm04Z584Xn5EkSREqKWId87DBKgyuh/FFaU/2FkoCfng5NRhn29sqXl/T8424uvbw5QaWJGCsSbjYmeXVUhqswOTF7YEXSxPTCbp9HbFhmVcnG0cXNyuD59Wt+ePGuMFstjXdpd+1FWmDJhiZ8BP2F0jKWtzlwAAAAASUVORK5CYII=) center center no-repeat;
		background-size: 60%;
		z-index: 1000;
	}

	#overlay {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		z-index: 1000;
		top: 0;
		overflow: auto;
	}

	#overlay-content {
		position: relative;
		width: calc(100% - 200px);
		min-width: 360px;
		max-width: 360px;
		margin: 80px auto;
		padding: 30px;
		border-radius: 10px;
		border: 10px solid #fff;
		background: #fff;
		text-align: center;
	}

	#overlay-content.ext {
		max-width: 720px;
	}


	#overlay.landing #overlay-content {
		max-width: 500px;
	}

	#overlay-content>div.hidden {
		display: none;
	}

	#overlay-content iframe[src=""] {
		display: none;
	}

	#overlay-content .close-overlay::after {
		content: '\00d7';
		position: absolute;
		top: -20px;
		right: 5px;
		font-size: 60px;
		color: #555;
	}

	#overlay-content #cookie-settings p {
		text-align: left;
	}

	#overlay-content #cookie-settings .setting {
		margin: 15px 0;
	}

	#overlay-content #cookie-settings .setting span {
		font-weight: bold;
		display: inline-block;
		width: calc(100% - 54px);
		text-align: left;
	}

	#overlay-content #cookie-settings .setting input[type=checkbox] {
		height: 0;
		width: 0;
		visibility: hidden;
	}

	#overlay-content #cookie-settings .setting input+label {
		cursor: pointer;
		text-indent: -9999px;
		width: 50px;
		height: 25px;
		background: grey;
		display: inline-block;
		border-radius: 25px;
		position: relative;
	}

	#overlay-content #cookie-settings .setting input+label::after {
		content: '';
		position: absolute;
		top: 2px;
		left: 2px;
		width: 21px;
		height: 21px;
		background: #fff;
		border-radius: 20px;
		transition: 0.3s;
	}

	#overlay-content #cookie-settings .setting input:checked+label {
		background: #bada55;
	}

	#overlay-content #cookie-settings .setting input:checked+label::after {
		left: calc(100% - 2px);
		transform: translateX(-100%);
	}

	#overlay-content #cookie-settings .setting input:active::after {
		width: 32.5px;
	}


	#overlay-content h1 {
		margin-bottom: 24px;
	}

	#overlay-content ul {
		text-align: left;
	}

	#overlay-content img {
		max-width: 100%;
	}

	#overlay-content .video-wrapper {
		margin-bottom: 15px;
	}

	#overlay-content .video-wrapper iframe {
		border-radius: 8px;
		border: 1px solid #d9d9d9;
		overflow: hidden;
	}

	#news p {
		text-align: left;
	}

	.inbox em {
		display: inline-block;
		margin-top: 10px;
	}

	#news h1,
	#instructions h1,
	#benchmarks h1,
	#elearning h1 {
		/* we have developed with different ids */
		margin-bottom: 15px;
	}

	#disease-info h1+i {
		position: relative;
		top: -25px;
	}

	#disease-info ul,
	#disease-info p {
		text-align: left;
		margin-left: 0;
		padding-left: 0;
	}

	#disease-info ul li {
		margin-bottom: 5px;
	}

	#disease-info ul li ul {
		padding-left: 15px;
		margin-top: 5px;
	}

	.scanner {
		height: 200px;
		margin-bottom: 16px;
		background: #000;
	}

	#message-form {
		margin-bottom: 40px;
	}

	#pass-req {
		display: none;
	}

	/*fix for black bars issue*/
	/* #pass-req iframe,
	          #sidebar #help iframe { 
	              width: 320px;
	              height: 180px;
	          } */
	.pass-req {
		margin: 5px 0 !important;
	}

	.info-popup.play-btn {
		position: absolute;
		bottom: 0px;
		width: 100px;
	}

	.info-popup.video-btns {
		position: absolute;
		bottom: 0px;
		right: 0;
		width: 100px;
	}

	.info-popup.video {
		position: absolute;
		top: 100px;
		right: 0;
		width: 300px;
	}

	.info-popup {
		display: inline-block;
	}

	.popup {
		position: absolute;
		width: 170px;
		padding: 15px;
		border-radius: 5px;
		background: #51a7d8;
		z-index: 9999;
		color: #fff;
	}

	.popup:hover {
		z-index: 10000;
	}

	.popup:after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: ' ';
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #51a7d8;
		border-width: 10px;
		margin-left: -10px;
	}

	.popup.bottom:after {
		top: 100%;
		bottom: auto;
		border-top-color: #51a7d8;
		border-bottom-color: transparent;
	}

	.block {
		position: relative;
		width: 80%;
		max-width: 1200px;
		margin: 0 auto;
	}

	.cols img {
		width: 100%;
	}

	.col1_2 {
		width: 48%;
		margin-top: 20px;
		float: left;
		text-align: left;
	}

	.col1_2:nth-of-type(2n) {
		margin-left: 4%;
	}

	.col1_3 {
		width: 30%;
		margin-top: 20px;
		float: left;
		text-align: left;
		margin-left: 10%;
	}

	.col2_3 {
		width: 60%;
		margin-top: 20px;
		float: left;
		text-align: left;
	}

	.clear {
		clear: both;
	}

	.disable {
		color: #aeaeae !important;
	}

	.lang.disable {
		color: #555 !important;
	}

	.hidden {
		display: none;
	}

	.center {
		text-align: center;
	}

	.btn-landing {
		transition: all 0.2s ease;
		position: relative;
		display: inline-block;
		height: 50px;
		width: 180px;
		margin: 0 10px;
		line-height: 50px;
		border-radius: 5px;
		background-color: #c4122e;
		border: 0;
		color: #fff;
		font-weight: bold;
		font-size: 21px;
		text-align: center;
	}

	.btn-landing:hover {
		opacity: 0.85;
	}

	.btn-landing.login {
		background-color: #209cad;
		margin-bottom: 20px;
	}

	.bingo-btn {
		box-sizing: border-box;
		display: block;
		background: #209cad;
		color: #fff !important;
		font-size: 18px;
		font-weight: bold;
		width: 220px;
		text-align: center;
		padding: 15px;
		border-radius: 3px;
		cursor: pointer;
	}

	.bingo-btn img {
		width: 180px;
		max-width: 180px !important;
		margin-bottom: 20px;
	}

	.back-btn,
	.main-btn {
		transition: all 0.2s ease;
		display: inline-block;
		height: 40px;
		width: auto;
		margin: 30px 4px 0 4px;
		padding: 0 20px;
		line-height: 40px;
		text-align: center;
		color: #fff !important;
		font-size: 18px;
		font-weight: bold;
		background: #0d97a3;
		border: none;
		border-radius: 3px !important;
	}

	.popup-btn[data-overlay="delete-account"] {
		position: relative;
		top: -30px;
	}

	.main-btn.form {
		margin: 3px 3px 8px 3px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	.main-btn.form+span {
		display: inline-block;
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.main-btn.form.left {
		float: left;
		width: auto;
		margin-left: calc((100% - 320px) / 2);
	}

	.main-btn.register {
		display: block;
		width: 270px;
		margin-bottom: -20px;
	}

	.main-btn.option {
		text-align: left;
		margin: 0 0 15px 0;
		max-width: 45vw;
		width: 230px;
	}

	.main-btn.option img {
		position: relative;
		top: -2px;
		left: -8px;
		height: 20px;
		margin-right: 5px;
	}

	.main-btn.icon-btn {
		width: auto;
		margin-left: 0;
	}

	.main-btn.icon-btn img {
		position: relative;
		top: -2px;
		left: -8px;
		height: 20px;
		margin-right: 5px;
	}

	.main-btn.inline {
		margin: 15px 0;
	}

	.back-btn {
		background: #aeaeae !important;
		border-color: #aeaeae !important;
	}

	.side-btn,
	.close {
		display: block;
		float: right;
		width: auto;
		padding: 0 20px;
		margin: 15px 8px 0 0;
		background: #0d97a3;
		color: #fff !important;
		font-weight: bold;
		border: none;
		border-radius: 3px;
	}

	.side-btn.apo-link {
		background: #c2171b;
		margin-top: 40px;
	}

	.close {
		background: #aeaeae !important;
		margin: 15px 4px 0 0;
	}

	.question-close {
		background: #aeaeae;
		margin: 15px 4px 0 0;
		float: right;
	}

	.back-btn:hover,
	.close:hover,
	.main-btn:hover,
	.side-btn:hover {
		opacity: 0.9;
	}

	.big-btn {
		transition: background-color 0.2s ease;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		width: calc(25% - 10px);
		padding: 0 20px 0 10px;
		margin: 10px 10px 0 0;
		float: left;
		white-space: nowrap;
		border-radius: 3px;
		border-bottom: 2px solid #209cad;
		background: #209cad;
		color: #fff;
	}

	.big-btn.current,
	.big-btn:hover {
		opacity: 0.8;
	}

	.big-btn.back-btn {
		font-size: 16px;
	}

	.big-btn img {
		height: 40px;
		margin-top: -3px;
	}

	.big-btn.disabled,
	.big-btn.disabled:hover {
		cursor: default;
		background: #f4f4f4 !important;
		color: #c6c6c6 !important;
	}

	.big-btn:not(.disabled):hover {
		border-bottom: 0;
		line-height: 40px;
	}

	.big-btn:hover,
	.popup-btn:hover,
	.info-btn:hover {
		opacity: 0.9;
	}

	.big-btn.go-back,
	.big-btn.ext-link,
	.additional-info {
		width: auto;
	}

	.messages-btn {
		position: relative;
		transition: background-color 0.2s ease;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px 0 50px;
		white-space: nowrap;
		border-radius: 3px;
		border-bottom: 2px solid #209cad;
		background: #209cad;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		margin: 30px auto;
	}

	#sidebar .my-pharmacy[data-messages]:not([data-messages=""])::after,
	.messages-btn[data-messages]:not([data-messages=""])::after {
		position: absolute;
		content: attr(data-messages);
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
		border: 2px solid #fff;
		border-radius: 26px;
		background: #c4122e;
		top: -15px;
		right: -15px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		text-indent: 0;
	}

	.messages-btn img {
		position: absolute;
		height: 40px;
		left: 5px;
	}

	.messages-btn:hover {
		opacity: 1;
		background: #209cad;
		color: #fff;
	}

	.video-btn,
	.img-btn {
		position: relative;
		display: inline-block;
		border: 6px solid #fff;
		border-radius: 6px;
		width: 44%;
		height: 132px;
		overflow: hidden;
		line-height: 20px;
		max-width: 160px;
		margin: 0 2% 30px 2%;
		color: #545456 !important;
		box-sizing: border-box;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		box-shadow: 0px 0px 0px 1px #d9d9d9;
	}

	.video-btn+.back-btn {
		display: block;
		margin: 0 auto;
	}

	.video-btn img,
	.img-btn img {
		display: block;
		max-width: 100% !important;
		max-height: 85px;
		margin: 0 auto 5px auto;
	}

	.img-btn h3 {
		line-height: 32px;
		font-size: 18px;
		font-weight: bold;
		margin: 0;
	}

	.video-btn::after {
		content: '';
		transition: all 0.2s ease;
		display: block;
		position: absolute;
		width: 100%;
		height: 85px;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 10;
		background: url("../img/video-icon.png") center center no-repeat;
		background-size: 60px auto;
	}


	.video-btn:hover::after {
		opacity: 1;
	}

	#sidebar .big-btn {
		display: block;
		max-width: 100%;
		margin: 21px 0;
	}

	#apo-logo {
		box-sizing: border-box;
		position: relative;
		max-height: 200px;
		max-width: 100% !important;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 15px;
		border: 1px solid #d9d9d9;
	}

	#pharma-logo {
		position: relative;
		max-height: 70px;
		max-width: 220px !important;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 15px;
		border: 1px solid #d9d9d9;
	}

	.pager {
		position: absolute;
		top: 10px;
		right: 5px;
		height: 36px;
		line-height: 36px;
	}

	.pager a {
		border-bottom: 0;
	}

	.big-btn:hover {
		color: #fff !important;
	}

	.disabled {
		display: none;
	}

	#sidebar .message .side-btn {
		margin-top: 0 !important;
		float: left;
	}

	.icon-row {
		display: block;
		line-height: 32px;
	}

	.icon-row img {
		position: relative;
		height: 32px;
		left: -5px;
	}

	.icon-row a {
		color: #545456 !important;
	}

	.icon-row a.social {
		border: 0 !important;
	}

	.icon-row a.social img {
		height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
		width: 34px !important;
	}

	.scan-container {
		display: block;
		margin: 10px 0;
		text-align: right;
	}

	.btn-scan {
		display: inline-block;
		max-width: 322px;
		width: auto;
		height: 42px;
		margin-bottom: 5px;
		padding-left: 45px;
		padding-right: 25px;
		background: #555 url(../img/icon-scan.png) no-repeat 1%;
		background-size: auto 90%;
		border-radius: 4px;
		text-align: left;
		color: #fff;
	}

	.btn-scan.square {
		width: 90px;
		height: 90px;
		padding: 5px;
		background: #555 url(../img/icon-scan.png) no-repeat center;
		background-size: 100%;
	}

	.scan-text {
		display: inline-block;
		width: calc(100% - 125px);
		padding-right: 25px;
	}

	.form-row {
		font-size: 15px;
		line-height: 40px;
	}

	.form-row.bigger {
		line-height: 36px;
		margin-bottom: 20px;
	}

	.form-row.center label {
		width: 160px;
	}

	.form-row.center span {
		line-height: 50px;
	}

	.form-row select.smaller {
		min-width: 95px;
	}

	.form-row label.smaller {
		width: 155px;
	}


	.form-row span.ext {
		position: absolute;
		margin-left: 10px;
	}

	.form-row p {
		line-height: 24px;
	}

	.form-row p.checkbox {
		position: relative;
		padding-top: 10px;
		padding-left: 30px;
		max-width: 320px;
		margin: 0 auto 5px auto;
		text-align: left;
		line-height: 21px;
	}


	.form-row p.checkbox input {
		position: absolute;
		top: 0;
		left: 0;
	}

	.form-row p.feedback {
		border: 1px solid;
		padding: 10px;
	}

	.form-row h2 {
		margin-top: 50px;
		font-weight: bold !important;
	}

	.form-row::after {
		display: block;
		content: '';
		clear: both;
	}

	.form-row:has(> input#always-open:checked)~.form-row {
		pointer-events: none;
		opacity: 0.6;
	}

	.radio-input-row {
		padding-left: 40px;
	}

	.form-row input+label+.radio-input-row {
		margin-top: -8px;
		margin-bottom: 8px;
	}

	label:has(> input[id$="open"]:not(:checked))~select {
		pointer-events: none;
		opacity: 0.6;
	}

	.form-row .main-btn+span {
		display: inline-block;
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.date {
		display: inline-block;
		width: 60%;
		max-width: 290px;
		line-height: 40px;
	}

	.center .date {
		width: 100%;
	}

	.date span {
		display: inline-block;
		width: 110px;
	}

	.date input[type=checkbox] {
		margin: 0 10px;
		vertical-align: middle;
	}

	.nowrap {
		display: inline-block;
		white-space: nowrap;
	}

	.intro {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.footnote {
		width: 100%;
		max-width: 320px;
		text-align: left;
		margin: 5px auto 30px auto;
		font-size: 12px;
		line-height: 18px;
	}

	.spacer {
		height: 0px;
		max-width: 97%;
		border-top: 1px dashed #d9d9d9;
		margin: 30px 0;
	}

	.textright {
		text-align: right;
		padding-right: 8px;
	}

	.thumb {
		border: 8px solid #fff;
		box-sizing: border-box;
		box-shadow: 0px 0px 0px 1px #d9d9d9;
	}

	.left {
		display: inline-block;
		text-align: left;
		/*width: 300px;*/
	}

	.form-sub {
		display: inline-block;
		float: left;
		margin-top: 15px;
		line-height: 40px;
		font-size: 14px;
		white-space: nowrap;
	}

	.bottom {
		top: 0;
		margin-bottom: 80px;
	}

	.gap {
		display: inline-block;
		width: 30px;
	}

	.pagination {
		margin: 15px 0;
	}

	.pagination a {
		display: inline-block;
		width: 30px;
		height: 30px;
		border-radius: 5px;
		margin-bottom: 5px;
		line-height: 30px;
		text-align: center;
		background: #fff;
		border: none;
	}

	.pagination a.current,
	.pagination a:hover {
		background: #0d97a3;
		color: #fff;
	}

	.email {
		/*padding: 5%;*/
		background: #fff;
		margin-bottom: 60px;
		clear: both;
		border-radius: 5px;
		border: 1px solid #d9d9d9;
	}

	.question-email {
		padding: 5%;
		background: #fff;
		margin-bottom: 60px;
		clear: both;
	}

	.email span.important::before {
		content: '!';
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 10px;
		background: #c4122e;
		color: #fff;
		text-align: center;
		margin-right: 5px;
		font-size: 14px;
	}

	.inbox {
		position: relative;
		text-align: left;
		border: 1px solid #d9d9d9;
		border-radius: 8px;
		width: 100%;
		padding: 10px;
		font-size: 16px;
		line-height: 24px;
		background: #fff;
	}

	.inbox .important span,
	.email .important {
		font-weight: bold;
		color: #c4122e !important;
	}

	div.inbox {
		padding: 20px;
		width: calc(100% - 40px);
		margin-top: -30px;
		word-wrap: break-word;
	}

	table.inbox {
		table-layout: fixed;
		width: 100%;
	}

	table.inbox a {
		border: none;
		display: block;
		overflow: hidden;
		line-height: 30px;
		font-size: 20px;
		white-space: nowrap;
	}

	table.inbox a.new span {
		color: #209cad;
	}

	table.inbox a span {
		position: relative;
		display: inline-block;
		color: #aeaeae;
		font-weight: bold;
	}

	table.inbox a.new+small {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	table.inbox small {
		display: block;
		margin-left: 20px;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	table.inbox td:nth-child(2) {
		font-size: 12px;
		width: 70px;
	}

	table.inbox a::before {
		display: inline-block;
		content: '';
		font-weight: bold;
		font-size: 24px;
		width: 20px;
		height: 30px;
		background: #fff;
		z-index: 10;
		position: relative;
		color: #aeaeae;
	}

	table.inbox a.new::before {
		content: '•';
		color: #209cad;
	}

	table.inbox a.mail.new.important span,
	table.inbox a.mail.new.important::before {
		color: #c4122e;
	}

	.video-text {
		display: none;
	}

	table.inbox a.video span::after {
		position: relative;
		left: 0;
		top: 4px;
		margin-left: 8px;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		border: 1px solid #209cad;
		border-radius: 50%;
		background: url("../img/icon-video.svg") center no-repeat;
		background-size: contain;
	}

	.message-video {
		position: relative;
		padding-bottom: 56.25%;
		margin-bottom: 30px;
	}

	.message-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		border-radius: 4px;
	}

	.underlined {
		border-bottom: 1px solid !important;
		margin: 0 !important;
		width: auto !important;
	}

	table.report {
		table-layout: fixed;
		width: 100%;
		padding: 20px;
	}

	table.report th,
	table.report td {
		/*modifications done for bug fix*/
		text-align: -webkit-center;
	}

	table.report th:first-child,
	table.report td:first-child,
	table.report td:first-child h1 {
		text-align: left;
	}


	table.report h1 {
		color: #209cad;
		line-height: 100px;
	}

	table.report h1.circle {
		display: inline-block;
		font-weight: bold;
		width: 100px;
		height: 100px;
		border-radius: 50px;
		border: 2px solid;
		box-sizing: border-box;
	}

	table.report span {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 3px 8px -3px 0;
		border-radius: 8px;
	}

	table.report span.blue {
		background: #209cad;
	}

	table.report span.red {
		background: #ed1616;
	}

	table.report span.green {
		background: #22c122;
	}

	table.report span.orange {
		background: #f26522;
	}

	table.report span.yellow {
		background: #ebdd03;
	}

	table.report span.lightgreen {
		background: #73ee84;
	}

	table.report span.grey {
		background: #d5d5d5;
	}

	table.report .checkbox-row {
		text-align: left !important;
	}

	table.report .checkbox-row input {
		margin: 5px;
	}

	.legenda {
		display: inline-block;
		width: auto;
		margin: 10px 10px 40px 10px;
		text-align: left;
		font-size: 13px;
	}

	.pie {
		/*modifications done for bug fix*/
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin: 10px 0px;
	}

	.red {
		color: #c4122e;
	}

	.delete {
		font-size: 30px;
		cursor: pointer;
		vertical-align: middle;
	}

	.end-session {
		position: absolute;
		top: 134px;
		right: -78px;
		height: 44px;
		line-height: 40px;
		width: 44px;
		font-weight: bold;
		border: none;
		margin-left: 5vw;
		display: inline-block;
		font-size: 16px;
		border: 4px solid #fff;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		background: #209cad;
	}

	.search:hover::before,
	.end-session:hover::before {
		position: absolute;
		content: attr(data-title);
		display: block;
		height: 24px;
		top: -44px;
		left: 22px;
		transform: translateX(-50%);
		background: #fff;
		color: #209cad;
		font-weight: bold;
		padding: 0 10px;
		line-height: 24px;
		white-space: nowrap;
		font-size: 15px;
		border-radius: 4px;
	}

	.end-session.logout::before {
		/* modifications done for bug fixes */
		position: absolute;
		display: none;
		content: attr(data-title);
		height: 24px;
		top: 10px;
		left: 70px !important;
		transform: none !important;
		background: #fff;
		color: #209cad;
		font-weight: bold;
		padding: 0 10px;
		line-height: 24px;
		white-space: nowrap;
		font-size: 15px;
		border-radius: 4px;
	}

	.end-session.logout:hover::before {
		display: block;
	}

	.logout img {
		height: 20px;
	}

	.tabs {
		display: flex;
		flex-wrap: wrap;
		background: #fff;
		margin-left: -10px;
		width: calc(100% + 20px);
		height: 50px;
		margin-bottom: 30px;
		border-radius: 6px;
	}

	.tabs button {
		flex-grow: 1;
		font-weight: bold;
		color: #209cad;
		margin: 5px;
		border-radius: 4px;
		border: 1px solid #209cad;
	}

	.tabs button.current {
		background: #209cad;
		color: #fff;
	}

	a.link span::before,
	a.download span::before {
		content: '';
		position: relative;
		top: 7px;
		left: -5px;
		display: none;
		height: 30px;
		width: 30px;
		background: url("../img/link-icon.png") center center no-repeat;
		background-size: contain;
	}

	a.download span::before {
		background: url("../img/download-icon.png") center center no-repeat;
		background-size: contain;
	}

	.video-container {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		margin-bottom: 24px;
	}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.show-pw {
		position: absolute;
		display: inline-block;
		width: 42px;
		height: 42px;
		left: 335px;
		background: url("../img/icon-eye.png") center center no-repeat;
		background-size: 60%;
		vertical-align: top;
		cursor: pointer;
	}

	.dashboard-row {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
	}

	.dashboard {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 1;
		border-radius: 10px;
		background: #fff;
		color: #555;
		text-decoration: none;
		border: 1px solid #209cad;
		float: left;
		margin: 0 20px 20px 0;
		padding: 60px 20px 30px 20px;
		overflow: hidden;
	}

	.dashboard h2 {
		font-weight: bold !important;
		background: #209cad;
		color: #fff;
		position: absolute;
		height: 24px;
		left: 0;
		right: 0;
		top: 0;
		padding: 10px 20px;
	}

	.dashboard-icon {
		height: 20px;
		position: absolute;
		top: 12px;
		right: 10px;
		z-index: 10;
	}

	.dashboard:hover::after {
		content: '→';
		display: block;
		position: absolute;
		bottom: 8px;
		right: 20px;
		color: #209cad;
		font-size: 21px;
	}

	.icons {
		padding: 0 20px;
	}

	.icons::after {
		content: '';
		display: block;
		clear: both;
	}

	.icons .icon {
		position: relative;
		float: left;
		width: 25%;
	}

	.icons .icon img {
		width: 100%;
	}

	.icons .icon {
		margin-bottom: 20px;
	}

	.icons .icon span {
		position: absolute;
		display: block;
		top: 90%;
		left: 5%;
		width: 90%;
		text-align: center;
		font-weight: bold;
		line-height: 1.1em;
		font-size: 0.8em;
		z-index: 100;
	}

	.journey-question:not(:last-child) {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #dedede;
	}

	.smileys {
		clear: both;
	}

	.smileys.disabled {
		pointer-events: none;
		display: block;
	}

	.smileys .smiley {
		appearance: none;
		display: inline-block;
		-webkit-appearance: none;
		box-sizing: content-box;
		background-clip: padding-box;
		position: relative;
		width: 50px;
		height: 50px;
		border-radius: 8px;
		background-color: #fff;
		margin: 0;
		border: 2px solid transparent;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
	}

	.smileys .smiley:checked {
		border-color: #209cad;
	}

	.smileys .smiley.good {
		background-image: url("../img/Smiley-1.png");
	}

	.smileys .smiley.prettygood {
		background-image: url("../img/Smiley-2.png");
	}

	.smileys .smiley.medium {
		background-image: url("../img/Smiley-3.png");
	}

	.smileys .smiley.prettybad {
		background-image: url("../img/Smiley-4.png");
	}

	.smileys .smiley.bad {
		background-image: url("../img/Smiley-5.png");
	}

	.journey-question>label {
		display: block;
		margin-bottom: 10px;
		width: auto;
		/* added fix to override one css */
	}

	.labels span.left,
	.journey-question span.left,
	.feedback-row span.left {
		position: relative;
		display: inline-block;
		font-size: 0.8em;
		width: 145px;
	}

	.labels span.right,
	.journey-question span.right,
	.feedback-row span.right {
		position: relative;
		display: inline-block;
		font-size: 0.8em;
		width: 145px;
		text-align: right;
	}

	.radio-row {
		margin-bottom: 5px;
	}

	.radio-row input {
		display: none;
	}

	.radio-row input+label {
		display: inline-block;
		position: relative;
		padding-left: 30px;
		line-height: 20px;
		cursor: pointer;
	}


	.radio-row input+label::before {
		box-sizing: border-box;
		position: absolute;
		display: block;
		content: '';
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		border-radius: 20px;
		border: 1px solid #d7d7d7;
	}

	.radio-row input:checked+label::after {
		position: absolute;
		display: block;
		content: '';
		left: 4px;
		top: 4px;
		width: 12px;
		height: 12px;
		border-radius: 12px;
		background: #209cad;
	}

	.labels {
		max-width: 305px;
		margin-top: 30px;
		border-bottom: 1px solid #dedede;
	}

	.labels {
		border-top: 1px solid #dedede;
		border-bottom: none;
	}

	.labels.clean {
		border: none;
	}

	.chart {
		height: 100px;
		max-width: 290px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(100, 1fr);
		grid-column-gap: 5px;
		margin-bottom: 20ps;
	}

	.chart.half {
		grid-template-columns: repeat(2, 1fr);
	}

	[class*="bar"] {
		position: relative;
		grid-row-start: 1;
		grid-row-end: 101;
		border-radius: 5px 5px 0 0;
		background-color: #e7e7e7;
	}

	[class*="bar"] span {
		display: block;
		position: absolute;
		bottom: -25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		left: 0;
		right: 0;
		font-size: 0.8em;
	}

	[class$="100"] {
		grid-row-start: 0;
		background-color: #5dbe42;
	}

	[class$="80"] {
		grid-row-start: 20;
		background-color: #94eb8f;
	}

	[class$="60"] {
		grid-row-start: 40;
		background-color: #e9dd4a;
	}

	[class$="40"] {
		grid-row-start: 60;
		background-color: #e26d38;
	}

	[class$="20"] {
		grid-row-start: 80;
		background-color: #c4122e;
	}

	[class*="legend"] {
		box-sizing: border-box;
		position: relative;
		background: none;
		line-height: 25px;
		font-size: 0.8em;
		display: inline-block;
		max-width: 80vw;
		margin: 0 auto;
	}

	.legend-100::before {
		content: '';
		position: absolute;
		display: block;
		left: 5px;
		top: 5px;
		background-color: #5dbe42;
		width: 15px;
		height: 15px;
		border-radius: 4px;
	}

	.legend-20::before {
		content: '';
		position: absolute;
		display: block;
		left: 5px;
		top: 5px;
		background-color: #c4122e;
		width: 15px;
		height: 15px;
		border-radius: 4px;
	}

	.inbox.overview h3 {
		margin-top: 40px;
		font-weight: bold;
		font-size: 16px;
	}

	.inbox.overview h3+div {
		margin-top: 15px;
	}

	.folder {
		position: relative;
		font-size: 20px;
		font-weight: bold;
		color: #209cad;
		width: 100%;
		text-align: left;
	}

	.folder img {
		margin-right: 12px;
	}

	.folder+.files {
		display: none;
		border-radius: 4px;
		background: #f7f7f7;
	}

	.files table {
		background: none;
	}

	.files table a::before {
		background: none;
	}

	.folder::after {
		content: '▲';
		position: absolute;
		right: 15px;
		top: 15px;
		font-size: 14px;
		transform: scaleY(0.8);
	}

	.folder.closed::after {
		content: '▼';
	}

	.read .folder {
		min-height: 50px;
		background: #fff;
		padding: 0 15px;
		border: 1px solid #dedede;
		margin-top: -1px;
	}

	.read .folder:first-of-type {
		border-radius: 4px 4px 0 0;
	}

	.read .folder.closed:last-of-type {
		border-radius: 0 0 4px 4px;
	}

	.read .folder span {
		position: absolute;
		display: inline-block;
		color: #555;
		left: 50px;
	}

	.read .files {
		background: #fff;
		padding: 15px 15px 2px 15px;
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
	}

	.read .files:last-of-type {
		border-bottom: 1px solid #dedede;
	}

	.read .folder+.files {
		border-radius: 0;
	}

	.smaller-text h2 {
		font-size: 18px !important;
		line-height: 24px
	}

	.smaller-text p,
	.smaller-text label {
		font-size: 15px !important;
		line-height: 24px
	}

	div.time-icons {
		opacity: 0.2;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		pointer-events: none;
		white-space: nowrap;
	}

	div.time-icons.visible {
		opacity: 1;
		pointer-events: all;
	}

	label.time-icon {
		position: relative;
		display: inline-block;
		min-width: 0;
		width: calc(25% - 10px);
		padding-top: calc(25% - 10px);
		height: 0;
		background-size: 150%;
		margin: 0 10px 0 0;
		cursor: pointer;
	}

	label.time-icon.morning {
		background-image: url("../img/icon-morning.png");
		background-position: center center;
	}

	label.time-icon.midday {
		background-image: url("../img/icon-midday.png");
		background-position: center center;
	}

	label.time-icon.evening {
		background-image: url("../img/icon-begin-evening.png");
		background-position: center center;
	}

	label.time-icon.night {
		background-image: url("../img/icon-before-sleep.png");
		background-position: center center;
	}

	label.time-icon input {
		display: block;
		margin-top: 15px;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}

	label.time-icon input+input {
		margin-top: 7px !important;
		pointer-events: none;
	}

	label.time-icon span {
		display: block;
		text-align: center;
		font-weight: bold;
		width: 100% !important;
		font-size: 0.8em;
		line-height: 1.1em;
		margin-top: 5px;
	}

	.icon-blocks {
		display: flex;
		flex-flow: wrap;
	}

	.icon-block {
		flex: 0 0 50%;
	}

	.icon-block img {
		display: inline-block;
		width: 150px;
	}

	.icon-block h4 {
		display: inline-block;
		width: calc(100% - 160px);
	}

	.apo-info-m {
		display: none;
	}

	/* ==========================================================================
	         Media queries
	         ========================================================================== */
	@media only screen and (min-width: 1370px) {

		label.time-icon {
			width: calc(25% - 2px);
			padding-top: calc(25% - 2px);
			left: -10px;
		}
	}

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

		#sidebar {
			font-size: 13px;
		}

		#sidebar .icon-row {
			height: 32px;
			line-height: 32px;
		}

		#sidebar .icon-row img {
			height: 32px;
		}

		.big-btn {
			font-size: 13px;
		}

		.big-btn img {
			height: 32px;
		}
	}


	@media only screen and (max-width: 1150px) {
		#footer span {
			display: none;
		}

		#sidebar h1 {
			font-size: 21px;
			line-height: 26px;
		}

		#sidebar td {
			display: block;
		}

		#sidebar td:nth-child(1) {
			margin-top: 10px;
		}

		.big-btn:not(.go-back) {
			width: calc(50% - 10px);
		}

		.big-btn.popup-btn {
			float: left;
		}
	}

	@media only screen and (min-width: 1050px) {
		body {
			font-size: 15px !important;
			line-height: 24px;
		}

		input[type=text],
		input[type=password],
		input[type=email],
		.side-btn,
		.close {
			font-size: 15px;
			height: 40px;
			line-height: 40px;
		}

		input[type=text]:not(.lastname) {
			text-transform: capitalize;
		}

		select {
			font-size: 15px;
			height: 42px !important;
		}

		#sidebar select {
			max-width: 292px;
		}

		h1 {
			font-size: 26px;
			line-height: 34px;
		}

		h2,
		.intro {
			font-size: 18px;
			line-height: 24px !important;
		}

		.footnote {
			font-size: 14px;
			line-height: 18px;
		}

		#container.full {
			width: 72%;
		}

		#sidebar.details {
			width: calc(30% - 30px);
			right: -30px;
		}

		.end-session.logout::before {
			left: auto !important;
			right: -12px;
			top: 50px;
		}

		.hidden.mobile {
			display: block;
		}

		.time-icons {
			position: relative;
			top: 42px;
		}

		.select small {
			height: auto;
			background: #fff !important;
			padding: 0;
		}
	}

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


		.header-logo {
			left: 50%;
			margin-left: -135px;
			top: -7px;
		}

		#header h1 {
			font-size: 32px;
			line-height: 40px;
			bottom: 50px;
		}

		#header h1.left {
			text-align: center;
		}

		#header h1 img {
			padding-top: 3px !important;
		}

		#header #header-btns {
			float: none;
			width: 100%;
			text-align: right;
			right: 0;
			top: 5px;
		}

		#header #header-btns .btn {
			position: static !important;
			transform: scale(0.8);
			transform-origin: right center;
		}

		#header #header-btns .btn.help {
			margin: 0;
		}

		#header #header-btns .btn.menu {
			float: right;
			margin: 0;
		}

		#header #logo-landing {
			width: 200px;
			left: calc(50% - 100px);
		}

		#header #header-btns .btn {
			position: absolute;
			right: 0;
		}

		#header #header-btns .dropdown-menu {
			top: 70px;
			right: -1px;
			border: 1px solid #fff;
			text-align: left;
		}

		.end-session.logout::before {
			/* modifications done for bug fixes */
			display: block;
			left: 70px !important;
			top: 10px;
			right: auto;
		}

		#container {
			width: 100%;
			padding-bottom: 8vh;
		}


		#lang-select {
			padding-top: 1vw;
		}

		#img-landing {
			transform: scale(1);
		}

		#nav,
		#main,
		#sidebar {
			position: relative;
			float: none;
			margin: 0 auto;
		}

		#nav {
			width: 100%;
			max-width: 480px;
			height: 56px;
		}

		.full #nav {
			max-width: 100%;
		}

		#nav #progress {
			width: 700px;
			top: 56px;
			right: -10px;
			width: calc(100% + 20px);
			border-radius: 0;
		}

		#nav ul {
			position: relative;
			width: 206px;
			height: 50px;
			margin: 0;
			padding: 6px 0 0 6px;
			left: -6px;
		}

		#nav ul li {
			float: left;
			width: 40px;
			height: 40px;
			margin-top: 10px;
			line-height: 40px;
			font-size: 14px;
		}

		#nav ul li.current {
			width: 50px;
			height: 50px;
			margin: 0;
			padding-top: 10px;
			font-size: 16px;
			line-height: 16px;
			border-radius: 5px 5px 0 0;
		}

		#nav ul li span {
			line-height: 14px;
			font-size: 9px;
		}

		#nav #label {
			right: -10px;
			top: -4px;
			height: 60px;
			overflow: hidden;
			margin: 0;
			padding-left: 6px;
			background: none;
		}

		#nav .ext-link {
			right: 0;
			top: 15px;
		}

		#overlay-content {
			min-width: 280px;
			width: calc(96% - 40px);
			padding: 2%;
		}

		#help iframe {
			transform-origin: top center;
		}

		.btn-landing {
			margin: 0 10px;
		}

		.btn-landing:last-child {
			margin-bottom: 50px;
		}


		.icon-btn {
			height: 26px;
			width: 26px;
			margin-left: -30px;
		}

		.full #nav #label {
			left: 0;
			right: auto;
		}

		#nav #label #icon {
			height: 30px;
			padding: 14px 30px;
			border-radius: 5px 5px 0 0;
		}

		.full #nav #label #icon {
			padding: 14px 30px 14px 30px;
		}

		#nav #label #icon img {
			vertical-align: top;
			max-height: 30px;
			max-width: 80px;
		}

		.show-pw {
			height: 32px;
			width: 32px;
			left: calc(100% - 65px);
		}

		#main {
			padding: 5%;
			float: none;
		}


		.home-btn {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 20px;
			top: -10px !important;
			right: -10px;
		}

		#sidebar {
			width: 100%;
			max-width: 500px !important;
			top: -40px;
			padding: 20px 0 100px 0;
			text-align: center;
		}

		#sidebar h1.left {
			text-align: center;
		}

		/* #sidebar.details {
	                  max-width: 100%;
	              } */

		#sidebar {
			max-width: 300px;
		}

		#sidebar td {
			display: table-cell;
		}

		#sidebar #help {
			display: none;
		}

		#products,
		#videos {
			font-size: 14px;
			line-height: 18px;
		}

		#video {
			margin-bottom: 0;
		}

		#privacy-check {
			line-height: 32px;
		}

		.big-btn.disease-info {
			float: left;
		}

		.big-btn.back-btn {
			height: 40px !important;
			font-size: 13px;
		}

		input,
		select {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
		}

		select {
			height: 32px;
		}

		input[type=checkbox] {
			margin: 12px 15px 0 0;
		}

		ol {
			box-sizing: border-box;
			padding: 0 0 0 25px;
		}

		ol li {
			padding-left: 10px;
			margin-left: -10px;
		}

		.form-row {
			line-height: 30px;
			font-size: 14px;
		}

		.form-row hr {
			margin-bottom: 1.6em;
			width: 100%;
		}



		.form-row input+label+.radio-input-row {
			margin-top: -5px;
			margin-bottom: 5px;
		}

		.main-btn.form {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
		}

		.remove-new,
		.add-new {
			height: 30px;
			line-height: 30px;
		}

		.main-btn,
		.back-btn,
		.side-btn,
		.close {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			margin-top: 10px;
			/*-14px*/
		}


		.main-btn.register {
			width: 230px;
			margin-bottom: 0;
		}

		.date {
			line-height: 30px;
		}

		.mob-hide {
			display: none;
		}

		.logout {
			right: auto;
			left: 0;
			margin-left: 0;
			top: 10px;
			transform: scale(0.8);
			transform-origin: left top;
		}

		.tabs {
			height: auto;
			min-height: 50px;
		}

		.tabs button {
			padding: 5px;
		}

		.popup-btn[data-overlay="delete-account"] {
			top: -10px;
		}

		.form-row p.checkbox {
			padding-top: 0 !important;
		}
	}

	/* added for a bug fix */
	.noTransform {
		transform: scale(1);
	}
	}

	@media only screen and (min-width: 600px) {
		.time-icons {
			position: relative;
			top: 42px;
		}
	}

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

		#header #header-btns .login {
			line-height: 30px;
			font-size: 12px;
		}

		#header h1 {
			font-size: 30px;
			line-height: 36px;
		}

		#header h1 span strong:hover {
			box-sizing: border-box;
			position: absolute;
			z-index: 999;
			background: #209cad;
			display: inline-block;
			width: auto;
			left: 0;
			top: -40px;
			width: 90vw;
			max-width: 90vw;
			white-space: normal;
			text-overflow: unset;
			text-align: center;
			overflow: visible;
			padding: 10px 20px;
			border-radius: 8px;
			margin-top: -15px;
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		}

		#header h1 span strong:hover+button {
			display: none;
		}

		#header h1 img {
			height: 30px !important;
			padding-top: 1px !important;
		}

		.header-logo {
			width: 200px;
			margin-left: -100px !important;
			top: 36px;
			;
		}

		#nav #progress {
			right: 0;
			width: 100%;
		}

		#main {
			padding: 8%;
		}

		.full #main input,
		.full #main textarea {
			max-width: 92%;
		}

		#header #header-btns .btn.settings {
			right: 50px;
		}

		#main table.report td {
			display: block;
			text-align: left;
		}

		#lang-sign {
			display: none;
		}

		#lang-select input+label {
			border-width: 3px;
			border-radius: 6px;
		}

		.locked {
			min-width: 90%;
			width: 90%;
			display: block;
		}

		.form-row label {
			width: 100%;
		}

		.form-row label.smaller,
		.form-row label.smaller+label {
			width: 48% !important;
		}

		.form-row select.smallest {
			width: 20% !important;
		}

		.form-row input {
			min-width: 90%;
			width: 90%;
		}

		.col1_2 {
			width: 100%;
			margin: 0 !important;
		}

		.col1_2:first-of-type {
			margin-top: 30px !important;
		}

		.form-row.a1 {
			display: flex;
			flex-direction: column;
		}

		.form-row.c0.c1 {
			order: 1;
		}

		.scan-container {
			text-align: left;
		}

		.form-sub {
			line-height: 30px;
		}

		.email .side-btn {
			margin: 0 0 4px 4px;
		}

		#footer a:not(.underlined) {
			display: inline-block;
			white-space: nowrap;
			width: 25%;
			margin: 5px 0;
			font-size: 0;
		}

		#footer i {
			display: block;
		}

		#footer i a {
			display: inline;
			white-space: nowrap;
			margin: 0;
		}

		.cols.clear .col1_2:last-child {
			margin-top: 30px !important;
		}

		.icons .icon {
			position: relative;
			float: left;
			width: 50%;
		}

		input.number {
			width: 322px !important;
			max-width: 100% !important;
		}

		.time-icons {
			max-width: 332px;
		}

		label.time-icon {
			width: calc(25% - 10px) !important;
			margin-right: 10px !important;
		}


		icon-block h4 {
			width: 100%;
			position: relative;
			top: -30px;
			display: block;
			text-align: center;
		}

		h1 .info,
		label .info {
			top: 5px;
		}

		.bigger-btns>button,
		.bigger-btns>input {
			height: 40px;
			font-size: 18px;
			padding: 0 30px;
		}
	}


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

		form {
			margin-left: auto;
			margin-right: auto;
		}

		form>div {
			text-align: left;
		}

		input:not(.main-btn):not(.side-btn):not([type=checkbox]):not([type=radio]):not(.smallest) {
			margin-left: 0 !important;
			margin-right: 0 !important;
			width: calc(100% - 22px) !important;
			min-width: auto;
			max-width: 300px;
		}

		input[type=checkbox],
		input[type=radio],
		input.label.smallest {
			width: auto !important;
			min-width: 20px !important;
			max-width: 25% !important;
		}

		input[type=checkbox]:checked+label::before {
			margin-left: -35px;
		}

		select,
		label {
			margin-left: 0 !important;
			margin-right: 0 !important;
			margin-bottom: 5px;
			width: 100% !important;
			padding-right: 0;
		}

		input[type=checkbox]+label {
			width: calc(100% - 40px) !important;
			float: none;
		}

		label.radio span {
			max-width: 70%;
			font-size: 14px;
			line-height: 18px;
		}

		.center div {
			text-align: center !important;
		}

		.form-row span.ext {
			margin-left: 5px;
		}

		#img-landing {
			max-height: 240px;
		}

		#lang-select {
			position: relative;
			padding-top: 0;
			top: -20px;
		}

		#lang-select label {
			width: 38% !important;
			margin: 4% !important;
			font-size: 1em;
		}

		#lang-select label.other {
			width: auto !important;
		}

		#header #header-btns {
			top: 10px;
		}

		#header #header-btns .btn.search {
			margin: 0;
		}

		#header #header-btns .btn.help {
			right: auto;
			left: -10px;
			position: absolute !important;
			top: 0;
		}

		.block {
			width: 100%;
		}

		.logout {
			left: 0;
			top: 15px;
			margin-left: 0;
		}

		.logout::before {
			display: none !important;
		}

		#video,
		#main {
			border-radius: 0;
			border: 0;
			background: #fff;
			box-shadow: none;
			margin: 0 auto;
		}

		#main .content {
			padding: 20px !important;
		}

		#sidebar {
			padding: 20px 0;
		}

		#video {
			padding: 20px;
		}

		#video .video-wrapper {
			border-radius: 4px;
			border: 1px solid #ccc;
			overflow: hidden;
		}

		#products td,
		#videos td {
			/* max-width: 35%; */
			padding: 0 !important;
		}

		#products td small,
		#videos td small {
			min-width: 0;
		}


		#products td:nth-child(2),
		#products td:nth-child(3),
		#videos td:nth-child(2),
		#videos td:nth-child(3) {
			display: table-cell;
		}

		#videos .delete {
			position: relative;
			top: -8px;
		}

		table.inbox td {
			display: block;
		}

		table.inbox td:last-child {
			margin-left: 20px;
		}

		#header .block,
		#footer .block {
			width: 90%;
		}

		#footer {
			position: static;
		}

		.video-overlay {
			display: none;
		}

		.big-btn {
			width: calc(100% - 10px) !important;
		}

		.wyqproduct {
			width: calc(100% - 10px) !important;
		}

		.nowrap {
			white-space: normal;
		}

		.dashboard {
			width: 100%;
			flex: none;
			box-sizing: border-box;
		}


		input[type=checkbox]+span {
			width: calc(100% - 32px);
			padding-top: 6px;
			line-height: 20px;
		}

		.apo-info-m {
			display: block;
			text-align: center;
			margin-bottom: 20px;
			font-weight: bold;
			font-size: 20px;
			width: 100%;
			padding: 10px 10px 15px 10px;
			border-radius: 4px;
			background: #374E9F;
			color: #fff;

		}

		.apo-info-m small {
			font-weight: normal;
		}
	}

	@media only screen and (min-width: 480px) {
		.form-row.bigger span {
			line-height: 36px;
			font-size: 18px;
		}

		.date span {
			margin-left: -8px;
		}

		label.text-right {
			text-align: left;
			padding-right: 5px;
		}
	}


	@media only screen and (min-width: 360px) {

		.webapp-btns {
			margin-bottom: 40px;
		}
	}



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

		.webapp-btns {
			margin: 0 -8vw 40px -8vw;
		}
	}


	@media only screen and (orientation: landscape) and (max-width:1024px) {

		#video {
			position: fixed;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			z-index: 999999999;
			background: #000;
			border: 0;
		}

		#video iframe {
			width: 100vw;
			height: 100vh;
		}

		.video-overlay>div {
			top: 50vh;
		}

		/* iframe {
			width: 100vw !important;
			height: 100vh !important;
			max-width: 100vw !important;
			max-height: 100vh !important;
			top: 0 !important;
		} */
	}


	@media only screen and (orientation: landscape) {

		#full-video {
			position: fixed;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			z-index: 999999999;
			background: #000;
		}

		#full-video .iframe,
		#full-video iframe {
			width: 100%;
			height: 100%;
		}

		#full-video .close-video {
			position: fixed;
			top: -5px;
			right: 20px;
		}

		#full-video .close-video::after {
			content: '\00d7';
			font-size: 60px;
			color: #fff;
		}
	}



	@media only screen and (orientation: portrait) {

		#full-video {
			position: fixed;
			width: 100vh;
			height: 100vw;
			top: 0;
			left: 100vw;
			transform: rotate(90deg);
			transform-origin: top left;
			z-index: 999999999;
			background: #000;
		}

		#full-video .iframe,
		#full-video iframe {
			width: 100%;
			height: 100%;
		}

		#full-video .close-video {
			position: fixed;
			left: 20px;
			top: -5px;
		}

		#full-video .close-video::after {
			content: '\00d7';
			font-size: 60px;
			color: #fff;
		}
	}


	/* ==========================================================================
	         IE overrides
	         ========================================================================== */
	.no-js #header {
		background-image: none;
	}



	/* ==========================================================================
	         Browser fixes
	         ========================================================================== */
	select {
		background: #fff url("../img/arrows.svg") no-repeat right center !important;
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
	}

	select::-ms-expand {
		display: none;
	}

	a:focus,
	button:focus,
	input:focus,
	select:focus,
	textarea:focus {
		outline: none;
	}

	button::-moz-focus-inner {
		border: 0;
	}

	::-moz-selection {
		background: #b3d4fc;
	}

	::selection {
		background: #b3d4fc;
	}

	.video-container video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.wyqproduct {
		display: none;
		height: 40px;
		line-height: 40px;
		width: calc(25% - 10px);
		padding: 0 20px 0 10px;
		margin: 10px 10px 0 0;
		float: left;
		white-space: nowrap;
		border-radius: 3px;
		background: #aeaeae;
		color: #fff;
	}

	#products td.empty::before {
		display: none;
	}

	#products td.empty::after {
		display: none;
	}

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
	}

	input[type=checkbox]+label.invisible {
		width: 0 !important;
		min-width: 0;
		margin-left: 4px;
	}

	input[type=checkbox]:checked+label::before {
		position: absolute;
		content: '\2713';
		margin-left: -29px;
		pointer-events: none;
	}

	.form-row:has(> input#allDaysOpen:checked)~.form-row {
		pointer-events: none;
		opacity: 0.6;
	}

	.form-row label.smaller {
		width: 155px;
	}

	label:has(> input[id$="Open"]:not(:checked))~select {
		pointer-events: none;
		opacity: 0.6;
	}

	/*W&T css*/
	form select[multiple] {
		height: auto;
		background: #fff !important;
		padding: 0;
	}

	.block.time-of-day span,
	.block.week span,
	.block.month span,
	.block.frequency span,
	.block.quantity span {
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 30%;
		height: 30%;
		border-radius: 50%;
		border: 4px solid #374ea1;
		background: #fff;
		font-weight: bold;
		color: #209cad;
		z-index: 10;
		line-height: 1em;
		text-align: center;
	}

	.block.fourth {
		vertical-align: top;
		width: 250px;
		height: 250px;
		border: 4px solid #58bac4;
		border-radius: 20px;
	}

	.block.noborder {
		box-sizing: border-box !important;
		background: url(../img/icon-empty.png) !important;
		background-size: 100% 100% !important;
	}

	.block.third {
		width: 300px;
		height: 300px;
		top: -30px;
	}

	.block.noborder img {
		width: 50% !important;
		margin-top: 25% !important;
	}

	.radio-input-row {
		padding-left: 40px;
	}
	@media only screen and (orientation: landscape) and (max-device-width: 1024px) {
		iframe[title="kijksluiter-iframe"] {
		   width: 100vw !important; 
		   height: 100vh !important; 
		   max-width: 100vw !important; 
		   max-height: 100vh !important;
		}
	}
	@media only screen and (max-width: 480px) {
		.smileys input[type=radio].smiley {
			max-width: 100% !important;
		}
	}