/* ==========================================================================
	   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,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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_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;
		   }
	   }