/* CSS Reset */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; -ms-text-size-adjust:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {-webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none;}
a {color:inherit;}
a:link {text-decoration:none;}
a:hover, a:active {outline:0; text-decoration:underline;}
a img {border:0;}
a[href^=tel] {color:inherit; text-decoration:none; font-size:inherit; font-style:inherit;}
::-moz-selection {background:#37B;color:#FFF;}
::selection {background:#37B;color:#FFF;}

input, select, textarea {outline:0; box-shadow:none; transition:all 0.3s ease-in-out; border:1px solid #CCC; padding:5px; border-radius:5px; color:#999;}
input.text:hover:enabled, select:hover:enabled, textarea:hover, input.text:focus:enabled, select:focus:enabled, textarea:focus {border:1px solid #66AFE9; color:#666; box-shadow:inset 0 1px 1px #0001, 0 0 8px #66AFE998; outline:0; transition:all 0.3s ease-in-out;}
select {color:#999; overflow:hidden; position:relative; z-index:2; background:transparent;}
hr {margin:25px 0; border:0; border-bottom:1px solid #EAEAEA;}

.field-wrap {position:relative;}
.flash-message {margin:auto; padding:2px 10px;}
.flash-message-login {padding:3px;}
.flash-message-login .alert {margin:10px; padding:15px 35px; text-align:left;}
.flash-message .alert {padding:15px 35px;}
.password-message {margin:auto; padding:25px; background-image:linear-gradient(to right, #0000, #DEF, #0000);}

html, body {height:100%; background-image:linear-gradient(to right, #F4F7FB, #F0F4FA); scroll-behavior: smooth;}
body {font-family:Rubik, Arial, sans-serif; font-size:100%; font-weight:400; color:#666; cursor:default; position:relative; padding-top:0; 
    background:radial-gradient(circle at top right, #2563EB31, transparent 50%), linear-gradient(180deg, #F8FBFF 0%, #F4F7FB 100%); background-repeat:no-repeat;}

.clear {clear:both;}
.easeall {transition:all 200ms ease-in-out;}
.center {text-align:center; vertical-align:middle;}
.alignleft {float:left;}
.alignright {float:right;}

.btn, input.btn {text-decoration:none!important; padding:5px 12px;}
.pointer {cursor:pointer;}
.title {font-weight:600; font-size:2em; color:#333;}
.title.small {font-size:1.6em;}
.title.smaller {font-size:1.0em;}
.title.inline {display:inline-block; vertical-align:middle;}
h2.title {font-size:1.8em;}

#content {padding:0;}
.container {padding:15px; max-width:1480px; margin:0 auto;}
.thin {max-width:1280px; margin:0 auto;}
.control-label {text-align:right; margin:6px 0;}
.control-result {text-align:left; margin:6px 0; font-weight:900;}
.control-label-compact {text-align:right;}
.control-result-compact {text-align:left; font-weight:900;}
.form-checkbox {width:34px; height:34px; margin:2px 0; border:1px solid #CED4DA; border-radius:6px!important;}
.form-checkbox:disabled {background-color:#D4DAE0; border:1px solid #9EAAB6;}
.form-checkbox-md {width:20px; height:20px; margin:1px; border:1px solid #CED4DA;}
.form-checkbox-md:disabled {background-color:#D4DAE0;}
.form-checkbox-sm {width:16px; height:16px; margin:0 3px; border:1px solid #CED4DA;}
.form-checkbox-sm:disabled {background-color:#D4DAE0;}
.login-checkbox {width:34px; height:34px; margin:2px 0; border:1px solid #AAA!important; border-radius:6px!important;}

.block {background:#FCFCFC; border-radius:20px; margin:10px; box-shadow:0 0 10px #0002;}
.block-title {display:block; padding:10px; border-bottom:4px solid #26E1; font-weight:600; font-size:1.0em;}
.login-block-title {border-bottom:4px solid #26E1; font-weight:600; font-size:1.0em;}
.subscription-info {float:right; font-size:0.7em; color:#9C9; padding:25px 25px 0 0;}
.block .inner {padding:20px;}
.block .form-horizontal {padding:40px; max-width:780px; margin:0 auto;}

.table {display:table; width:100%;}
.table-cell, .table td {display:table-cell;vertical-align:middle;}
.table .left {text-align:left; vertical-align:middle;}
.table .right {text-align:right; vertical-align:middle;}
.table .center {text-align:center; vertical-align:middle;}
.table th {padding:10px;font-weight:700; border-bottom:2px solid #CCC;color:#333;}
.table td {padding:10px;font-size:0.85em; border-bottom:1px solid #EAEAEA;}
.table tr.alt {background:#F7F7F7;}

.m0 {margin:0;} 
.m05 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m48 {margin:48px;}
.m50 {margin:50px;}
.m100 {margin:100px;}
.mx0804 {margin-left:8px; margin-right:4px;}
.mt0 {margin-top:0!important;}
.ml0 {margin-left:0;}
.mr0 {margin-right:0;}
.ml05 {margin-left:5px;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt10x0 {margin-top:10px; margin-left:0; margin-right:0;}
.mb10 {margin-bottom:10px;}
.mbr10 {margin-right:10px; margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mr24 {margin-right:24px!important;}
.mt20 {margin-top:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mt40 {margin-top:40px;}
.ml50 {margin-left:50px;}
.ml70 {margin-left:70px;}
.ml18pc {margin-left:18%;}
.mlrm {vertical-align:-30%; margin-right:15px;}
.mbt10 {margin-bottom:10px; margin-top:10px;}
.mbt10pt05 {margin-bottom:10px; margin-top:10px; padding-top:5px;}
.mtr0507 {margin-top:5px; margin-right:7px;}
.mzip {margin:-28px -6px 0 6px;}
.p03 {padding:3px;}
.pt05 {padding-top:5px;}
.p06 {padding:6px;}
.p10 {padding:10px;}
.pl10 {padding-left:10px;}
.pt10 {padding-top:10px;}
.px10 {padding-left:10px; padding-right:10px;}
.p20 {padding:20px;}
.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}
.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}
.pl28 {padding-left:28px;}
.p30 {padding:30px;}
.pt30 {padding-top:30px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.p40 {padding:40px;}
.pl5pc {padding-left:5%;}
.py5x15 {padding:5px 15px;}
.link-not-underlined {text-decoration:none!important;}
.btn-close {float:right;}
.qr-logo {display:inline;}
#search-qr-entry {cursor:pointer;}
.cursor-pointer {cursor:pointer;}
.cursor-default {cursor:default;}
.cursor-not-allowed {cursor:not-allowed;}
.search-example {padding:20px 0;}
.top-row-result {font-size:1.4em!important; letter-spacing:4px; white-space:nowrap;}
.icons-home {font-size:5em; color:#37B; padding:0; vertical-align:middle;}
.icons-admin {font-size:5em; color:#3A8; padding:0; vertical-align:middle;}
.icons-grey {font-size:5em; color:#666; padding:0; vertical-align:middle;}
.icons-wessex {font-size:5em; color:#E82; padding:0; vertical-align:middle;}
.profile-icon {font-size:1.5em; vertical-align:-20%;}
.card-empty {border:none;}
.bg-dark {color:#DDD;}
.top-left-btn {float:left; margin:-31px 0 10px 10px;}
.top-right-btn {float:right; margin:-31px 10px 0 0;}
.float-right {float:right;}
.logs-btn {margin-left:5px; padding-right:10px;}
.text-align-left {text-align:left;}
.text-align-center {text-align:center;}
.text-align-right {text-align:right;}
.font80 {font-size:0.8em;}
.font120 {font-size:1.2em;}
.font150 {font-size:1.5em;}
.colour-dark-grey {color:#333;}
.btn-orange {color:#C72;}
.colour-grey {color:#888;}
.colour-blue {color:#13D;}
.colour-site {color:#37B;}
.colour-setup {color:#E82!important;}
.colour-green {color:#4C4;}
.colour-red {color:#C44;}
.table-colour-disabled {--bs-table-color:#AAA;}
.background-account {background-color:#E7F3FE;}
.image-border {border:1px solid #EEE; max-width:100%;}
.border-top-none {border-top:none;}
.border-none {border:none;}
#user-groups-result {display:none;}
.icon-footer {font-size:20px; vertical-align:middle;}
.navbar {--bs-navbar-padding-x:15px; --bs-navbar-padding-y:0; --bs-navbar-nav-link-padding-x:20px;}
.navbar-toggler {--bs-navbar-toggler-focus-width:1px;}
.navbar-brand {margin-right:10px;}
.nav-item .dropdown-item:hover {background-color:#D8E0FF; transition:all 0.6s;}
.bookmark-card { border-radius:1rem; background:#DEF8; border-color:#BDF; }
.bookmark-title { font-size:1.2rem; font-weight:600; color:#429; text-align:center; vertical-align:middle; }

#contact-gap {white-space:nowrap;}
#logo-footer {padding:5px;}
#text-footer {display:inline-block; text-align:left; padding:5px;}
#lrqa-footer {padding:5px;}
#ms-partner {padding:5px;}
.table-y-limit {overflow-y:auto; height:500px;}
#download-file-csv {padding:8px;}
.print-config-title {color:#27B; text-align:center; padding:15px;} 
.print-config-error {color:red; font-size:1.3em; font-weight:600; text-align:center;} 
.split-alert {color:red; padding-right:20px; font-size:1em; font-style:italic;}
.img-h80w80 {height:80px; width:80px;}
.icons-home-overlay {font-size:1.6em; color:#FFF; padding-top:2.6em;}
.filter-img {filter:blur(3.5px);}
.img-container {position:relative; text-align:center;}
.img-banner-red {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-15deg); background-color:#D446; color:#FFF; font-size:3em; padding:0 20px;}
.img-banner-green {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-15deg); background-color:#4D46; color:#FFF; font-size:3em; padding:0 20px;}
#stores-invoice-quantity:focus {box-shadow:none; border:1px solid #DDD;}
#stores-invoice-quantity:hover {box-shadow:none; border:1px solid #DDD;}
.app-icon {font-size:22px; vertical-align:-20%;}
.csv_title {font-size:1.0em; font-weight:800; padding:20px 0 1px;}
.csv_key_line {white-space:nowrap;}
.csv_key {font-size:0.7em; font-weight:600; padding:1px 2px 1px 10px;}
.csv_line {font-size:0.7em; font-weight:400; padding:1px;}
.datepicker {padding:5px;}

.dash-report {min-height:500px;}
.dash-report a {text-decoration:none;}
.dash-report .card {border-width: 3px; margin:15px; border-radius:8px;}

#header {z-index:9; box-shadow:0 0 16px #0002; border:0;}
#header .container {padding:0;}
#header .navbar-brand {height:auto; padding:3px 0;}
.logo, .logo img {display:block;}

.main-menu > li:hover {background: #DEFA;}
.main-menu > li {padding:19px 0;}
.main-menu li:hover a {color:#555; text-decoration:none;}
.main-menu li a {display:block; color:#999; padding:4px 4px;}
.main-menu li a.btn {padding:5px 10px!important;}
.main-menu li a span {display:inline-block; vertical-align:middle; padding:4px;}
.main-menu li.dropdown.open {background:#F7F7F7;}
.main-menu li.dropdown .dropdown-toggle {padding-left:10px;}
.dropdown .dropdown-menu {box-shadow:4px 4px 8px #0008; border-color:#DDD;}
.main-menu li.dropdown li a {padding:0 12px; line-height:40px;}
.main-menu li.dropdown li.divider {margin:0;}
.main-menu li.dropdown .dropdown-menu {margin-top:20px;}
.logged-in .main-menu li {margin-left:20px;}
.logged-in .main-menu li a {padding:5px 0;}

.home-block {text-align:center; margin:50px 0;}
.home-block .icon {width:120px; height:120px; line-height:120px; border-radius:120px; background:#FFF; margin:0 auto;}
.home-block h3 {font-weight:600; color:#37B; padding:25px; font-size:1.2em;}
.blue404 {color:#1672B9;}
.icon img {width:100%;}
.welcome_pg_header_txt {white-space:nowrap; text-overflow:ellipsis;}
.welcome_pg_paragraph_txt {text-overflow:ellipsis; white-space:nowrap; font-size:90%; font-weight:400;}
.welcome_pg_hr {display:block; height:30px; border:0; border-top:1px solid #27B; color:#1672B9; padding:0; text-align:center;}

.c-policy {color:white;}
.c-policy:hover {color:lightblue;}
.cookie-bar {position:fixed; line-height:32px; padding:5px; font-size:14px; background-color:#444D; z-index:9; color:#DDD; bottom:0; left:0; right:0; text-align:center; box-shadow:0 0 5px black; display:none;}
.cookie-bar-button {color:#FFF; display:inline-block; background-color:#E82; border:0px; border-radius:5px; margin-left:10px;}
.cookie-bar-button:hover {background-color:#4A6; text-decoration:none; transition:all 0.4s;}
.cookie-bar-icon {vertical-align:middle;}
.cookie-bar-link {position:relative; padding:20px; color:#6BE;}
.cookie-bar-link:hover {color:#FFF; text-decoration:none; transition:all 0.4s;}

body.login-page {padding-top:0;}
#login {width:100%; height:70%; display:table;}
#login-inner {display:table-cell; vertical-align:middle; text-align:center;}
#login-form {padding:10px 25px 10px 25px; background:#FFF; display:inline-block; max-width:440px; border-radius:20px; box-shadow:0 0 16px #0002; margin:20px; overflow:hidden;}
#login-form img {display:inline-block; margin-bottom:25px;}
#login-form .text {width:100%; font-weight:100;}
#login-form .btn {width:100%; margin-bottom:15px;}
#login-form a {color:#37B; font-size:0.85em; text-decoration:underline;}
.login-icon {font-size:40px; vertical-align:middle; float:left; padding-left:3%; color:#37B;}
.login-box {height:50px;}
.login-entry {width:80%!important; float:right;}
.login-button {width:80%!important; float:right; padding:10px;}
.login-button-text {letter-spacing:0.05em; word-spacing:0.1em; font-weight:600;}
.login-reset {display:inline-block; width:100%;}
.form-check-input { border:1px solid #DDD!important;}
#login-check {padding:0 10px;}

.field-wrap .form-control {padding:12px; height:auto; line-height:normal; font-size:1em;}
.form-group {margin-top:16px; margin-bottom:16px;}
.form-group-h {display:inline; margin:16px 0;}
#login-btn-submit {width:100%; height:100%}

#pdf-browse-button {margin:10px 0 10px 0; display:inline-block; cursor:pointer; white-space:normal; width:100%}
#pdf_file_upload {word-wrap:break-word; width:100%; overflow-x:auto; display:none;}
#img-browse-button {margin:10px 0 10px 0; display:inline-block; cursor:pointer; white-space:normal; width:100%}
#img_file_upload {word-wrap:break-word; width:100%; overflow-x:auto; display:none;}

.table .group {display:table; width:100%; margin:0; padding:0;}
.table .group .head {display:table-row; width:100%; margin:0; padding:0; font-size:0.85em; font-weight:bold; min-height:25px; border-bottom:2px solid #EAEAEA;}
.table .group .th {display:table-column; float:left; width:25%;}
.table .group .td {display:table-column; float:left; width:25%; margin-top: 2px; vertical-align:middle;}
.table .group .row {display:table-row; width:100%; margin:0; padding:0; font-size:0.85em; border-bottom:2px solid #EAEAEA;}
#green-check {color:green;}
#red-times {color:red;}
#view_group_submit {background:#2087CA;}

.create-qr-option{padding-right:17px;}
#url_input{margin-top:20px;}
#create_qr_wrap{display:table-row; height:auto; width:100%; vertical-align:middle; margin-top:10px;}
#urlSelected {display:none;}
.account-status {background-color:#E7F3FE; border-left:6px solid #2196F3; padding:0 3px; margin:20px;}
div.scroll_block {overflow-y:auto; display:block; width:100%; max-height:350px; overflow-x:auto; word-wrap:break-word;}
.tt {display:block; float:left; text-align:center; height:100%;}

.dash {min-height:650px;}
.error {display:none; padding:10px 13px 8px; color:#fff; font-size:0.85em; font-weight:600; letter-spacing:1px; background:#FF3D37; border-bottom:4px solid #E23833; margin-bottom:15px;} 
.info-message-span {font-style:italic; font-size:0.85em; padding:4px 10px;}

.block .make-inner {padding:8px;}
.control-label-make {text-align:right; margin:6px; padding:0}
.form-group-make {margin:8px;}
.pad-entry {padding:6px 12px!important;}
.file-upload-button {margin:0 0 0 12px;}
input[type="file"] {opacity:0; width:0; height:0;} /* hide default look, but keep tab-able, does not highlight button */

.make-card-border-none {margin-bottom:6px; border:none;}
.make-card-border {margin:6px; padding:6px;}
.make-card-top {padding-top:6px;}
.make-card-bottom {padding-bottom:6px;}
.make-card-side {padding-left:0; padding-right:0; text-align:right;}
.tt-icon-make {color:#BBB; font-size:14px; vertical-align:-10%; margin-left:0; margin-right:2px; padding:0;}

.product-file-column {margin:25px 50px;}
.product-file-outer {display:block; padding:30px 5px; overflow:hidden; background:#EEE; border:2px solid #DDD; color:#AAA; border-radius:10px; letter-spacing:2px; text-align:center; margin:auto; max-width:500px;}
.product-file-inner {display:block; width:100%; height:auto;}
.product-file-icon {font-size:6em; padding:14px;}
.product-file-size-info {color:green; font-size:0.9em; text-align:center;}
.product-file-size-error {color:red; font-size:0.9em; text-align:center;}

#product-img-text {display:block;}
#product-img-frame {display:none; padding:0;}
#product-img-size-info {display:none;}
#product-img-size-error {display:none;}
#product-img-upload {display:none;}
#product-img-file {padding:0;}

#product-pdf-text {display:block;}
#product-pdf-frame {display:none; padding:0;}
#product-pdf-size-info {display:none;}
#product-pdf-size-error {display:none;}
#product-pdf-upload {display:none;}
#product-pdf-file {padding:0;}

#qr-errors {text-align:center; margin:0 20px;}
#assignment-response {text-align:center; margin:0 20px;}
#image-data {display:none;}
#attachment_type {display:none;}
.display-none {display:none!important;}
#input-canvas {max-width:100%; margin:auto; padding:5px;}
.make-account-status-top {font-size:0.8em; background-color:#EEF; border-left:6px solid #59D; border-right:6px solid #59D; padding:1px 6px; text-align:left; margin-left:12px;}
.make-account-status {font-size:0.8em; background-color:#EEF; border-left:6px solid #59D; border-right:6px solid #59D; padding:1px 6px; text-align:right; margin-left:12px;}
.generate-spacer {margin:10px 0;}
.product-spacer {margin:20px 0;}
.product-img-container {border:1px solid #CCC; width:90%!important; max-width:500px; margin:0 auto; padding:0;}

.product-view-wrap {margin:0 1px;}
.product-view-card {max-width:1200px; padding:0; margin-left:auto; margin-right:auto;}
.product-view-main-title {margin:10px; color:#48C; font-size:2em; text-align:center; padding-bottom:20px;}
.product-view-title {margin:4px 10px; color:#888;}
.product-view-value {margin:4px 10px; color:#444;}
.product-pdf-image {max-width:100%; max-height:min-content;}
.product-pdf-embedded {width:100%; height:100%;}
.card-pdf {height:500px;}

.make-reset-page {display:block; padding-left:10px; padding-right:20px;}
.make-reset-link {display:block; padding-left:10px; padding-right:20px; background-color:#EEE; color:#39F!important; text-decoration:none;}
.make-reset-link:hover {box-shadow:inset 0 1px 1px #0001, 0 0 8px #66AFE9; border:1px solid #DDD; outline:0; transition:all 0.3s ease-in-out;}
.form-control {padding-left:12px; height:auto; line-height:normal; font-size:1em;}

.qr-response-outer {display:flex; justify-content:center; align-items:center; padding-top:50px; padding-bottom:50px; margin:auto;}
.qr-response-inner {display:block; aspect-ratio:1.0; max-width:400px; overflow:hidden; background:#EEE; border:2px solid #DDD; color:#AAA; padding:20px 40px; border-radius:10px; letter-spacing:1px; text-align:center;}
.qr-response-inner img {display:block; max-width:100%; height:auto; margin:0; image-rendering: pixelated;}
.qr-response-icon {font-size:6em; padding:14px;}

#qr-response-text {display:block; padding:10px;}
#qr-response-image-text {display:block; padding:10px; font-style:italic; font-size:0.7em;}
#qr-response-image {padding:5px;}

#loadWrapper {display:inline-block;}
.load {display:inline-block; width:40px; height:40px; margin-left:10px; background:url(../img/blank.png); vertical-align:middle;}
.loading .load {background:url(../img/load_qr.gif);}
.loading .qr-fields {opacity:0.5;}
.load-make {display:none; width:40px; height:40px; text-align:center; margin:20px auto; background:url(../img/load_qr.gif);}
.loading-make .load-make {display:block;}
.load-error {display:block; width:128px; height:128px; text-align:center; margin:96px auto; background:url(../img/load_qr_128.gif);}
.test-response {display:none;}
#countdown-timer {text-align:center; color: #444;}

.toc {font-size:14px;}
.toc:link{color: #00E; text-decoration:none;}
.toc:hover {text-decoration:underline;}
.toc:visited{color: #528; text-decoration:none;}
.toc:active{color:#E00;}
.row-wrap {overflow-x:visible;}
.row-wrap .floater {float:left; width:50%;}
.DocRight {width:50%;}
.orli {color:black;}
.versionSpan {position:absolute; bottom:0; right:0; font-size: 10px; color:#89888E; text-shadow:0 1px 0 #FFF8; padding-right:3px;}
.versionWrapper {display:block; top:130px; float:right; position:relative;}

.confirm-email-label {display:block; padding-left:15px; text-indent:-18px; line-height:98%; text-align:justify;}
.btn-email-wrap {text-align:center;}
.buttons-email {display:inline-block; width:40%; position:relative;}
.confirm-email-span {font-size:0.85em; padding:4px;}
.circle-list {list-style-type:circle;}
.list-left-margin {margin-left:40px; font-size:0.9em;}

.manage-top.active{ margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #EEE;}
.qr-reads-data-line {margin:10px;}
.qr-reads-data-item {font-weight:bold;}
.qr-status-item {font-weight:bold;}
.manage_history {display:none}
.modal {display:none; position:fixed; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#3338;}
.modal-title {color:#27B; font-size:20px; font-weight:bold}
.modal-content {z-index:1100!important; margin:auto; padding:10px;}
.modal-backdrop {z-index:1040!important;}
.info-title {color:#27B; font-weight:bold}
.info-brief {color:#666; font-weight:bold}
.info-text {color:#666;}
.small-text {text-align:center; font-size:1em; color:#999;}
#productImg {display:none; overflow:auto; background-color:#3338;}
#product-img {width:100%; padding:40px 5px;}
#status_updated {color:green; display:none; padding-top:10px;}
.history-table {overflow-y:auto; max-height:500px; width:100%}
.qr-created-table {overflow-y:auto; max-width:100%}
.logs-card {margin-bottom:25px;}
.logs-card-top {padding-top:10px;}
.logs-card-bottom {padding-bottom:10px;}
.logs-card-side {padding-left:0; padding-right:0; text-align:right;}
.logs-form-control {padding-left:12px; margin:6px; background-color:#FFF;}
.logs-form-control-disabled {padding-left:12px; margin:6px; background-color:#EEE;}
.logs-control-label {margin:6px; text-align:right;}

.table-wrap {max-height:380px; overflow:auto;}
.manage-results-table .btn {margin-right:5px; font-size:1.1em;}
.manage-results-table td img {margin:5px 0;}
.manage-results-table tbody tr {cursor:pointer;}
.manage-results-table tbody tr:hover td {background:#EAEAEA; color:#37B;}

.single_result {display:none;}
.dash-home {min-height:500px;}
.dash-home a {text-decoration:none;}
.dash-home .card {border-color:#EEE; border-width: 3px; margin:15px; border-radius:8px;}
.dash-home .card:hover {border-color:#37B; transition:all 0.6s;}
.dash {min-height:500px;}
.dash a {text-decoration:none;}
.dash .card {border-color:#EEE; border-width: 3px; margin:15px; border-radius:8px;}
.dash .card:hover {border-color:#37B; transition:all 0.6s;}
.dash .account-heading-top {font-size:1.2em; font-weight:600; color:#136DB3; padding-top:0; padding-bottom:6px;}
.dash .account-heading {font-size:1.2em; font-weight:600; color:#136DB3; padding-top:20px; padding-bottom:6px;}
.dash .account-title {font-size:1em; font-weight:600; color:#666; margin-left:15px;}
.dash .account-data {font-size:1em; color:#333;}

.alert_red {border-radius:5px; margin:10px; padding:10px; background-color:#F44336; color:#FFF;}
.alert_green {border-radius:5px; margin:10px; padding:10px; background-color:#A0D0A0; color:#666;}
.closebtn {margin-left:15px; color:#888; font-weight:bold; float:right; font-size:22px; line-height:20px; cursor:pointer; transition:0.5s;}
.closebtn:hover {color:black; text-decoration:none;}
.close {margin-left:15px; color:#888; font-weight:bold; float:right; font-size:22px; line-height:20px; cursor:pointer; transition:0.5s;}
.close:hover {color:black; text-decoration:none;}
#alert_txt {font-style:italic; font-size:small; color:red;}
.alert {margin-top:15px;}
.banner-info {background-color:#EEF!important; text-align:center; border-bottom:none!important; border-radius:10px; padding:20px 0; font-size:1.1em;}

#registration_tooltip {margin-right:5px;}
.register_h {margin-bottom:10px; min-width:250px; width:100%;}
.register_placeholder {margin-left:23px; width:50%; min-width:250px;}
.register_checkbox_input {margin-left:23px; display:inline-flex;}
.register_t_and_c {margin-left:5px; min-width:250px; width:100%;}

.title-hr {margin-top:0;}
.data-toggle-text {color:#37B; font-size:1.2em;}
.progress-bar {background-color:#1D8EFD;}
.progress-bar-text {white-space:nowrap; padding-right:5px;}
.progress-bar-wrap {display:flex;}
.progress {width:100%; height:32px;}
.no-margin-hr {margin-top:0;}
.pull-right {float:right; margin:6px 3px 0 0;}

.contact-us-button {background-color:#37B8; color:#FFF; padding:10px 30px; font-size:30px; border-radius:10px; display:inline-block; text-transform:uppercase; letter-spacing:2px; text-decoration:none; white-space:nowrap;}
.contact-us-button:hover {background-color:#E82; color:#FFF; text-decoration:none; transition:all 0.4s;}
.scan-qr-code-button {background-color:#159; color:#B6FF00; padding:10px 30px; font-size:30px; border-radius:10px; display:inline-block; text-transform:uppercase; letter-spacing:2px; text-decoration:none; white-space:nowrap;}
.scan-qr-code-button:hover {background-color:#1A7ADB; color:#B6FF00; text-decoration:none; transition:all 0.4s;}
.title-icon {font-size:1.5em; vertical-align:-20%;}
.title-icon-sm {font-size:1.2em; vertical-align:-20%;}
.very-large-icon {font-size:6em; vertical-align:-25%;}
.large-icon {font-size:48px; vertical-align:-25%;}
.medium-icon {font-size:32px; vertical-align:middle;}
.back-icon {vertical-align:middle;}
.info-icon {font-size:22px; vertical-align:-20%; margin-left:8px; margin-right:8px;}
.tt-icon {color:#BBB; font-size:22px; vertical-align:middle; margin-left:8px; margin-right:8px;}
.tt-icon-v2 {color:#BBB; font-size:22px; vertical-align:-20%; margin-left:8px; margin-right:8px;}
.tt-icon-sm {color:#BBB; font-size:18px; vertical-align:-10%; margin-left:6px; margin-right:6px;}
.tt-icon-smm {color:#BBB; font-size:18px; vertical-align:-15%; margin-left:6px; margin-right:6px;}
.tt-icon-smm-logs {color:#BBB; font-size:18px; vertical-align:-15%; padding-left:6px;}
.button-icon {font-size:22px; vertical-align:middle; margin-left:3px; margin-right:3px;}
.button-icon-sm {font-size:18px; vertical-align:middle; margin-left:2px; margin-right:2px;}
.input-button-icon {font-size:22px; vertical-align:-20%; margin-left:3px; margin-right:3px;}
.button-dk-icon {color:#39D; font-size:22px; vertical-align:middle; margin-left:3px; margin-right:3px;}
.button-dk-icon-sm {color:#39D; font-size:18px; vertical-align:middle; margin-left:2px; margin-right:2px;}
.dark-icon {color:#000; font-size:22px; vertical-align:middle; margin-left:3px; margin-right:3px;}
.light-icon {color:#CCC; vertical-align:middle;}
.plain-icon {vertical-align:middle;}
.link-icon {color:#B0B; vertical-align:-20%;}

.send-us-a-msg-title {font-weight:800; font-size:2em; margin-bottom:15px; letter-spacing:0.5px; color:#37B; padding-left:20px;}
#contact-us-msg {height:200px; padding:5px; min-width:100%; max-width:100%;}
#contact-us-submit-btn {color:#FFF; display:block; font-size:18px; clear:both; float:left; padding:4px; margin:10px 0; font-weight:700;}
#contact-us-captcha-reload-btn {color:#FFF; display:block; font-size:28px; clear:both; margin:10px 0; padding:6px 10px; font-weight:700;}
#get-in-touch-section p {margin-bottom:20px;}
#get-in-touch-section strong {font-weight:bold; text-transform:uppercase; font-size:larger; color:#000;}
#get-in-touch-section i {color:black; font-weight:bold;}
#contact-info-span {color: #37B; padding-left:10px;}

#header-bg {background-color:#FFFF; padding:100px 10% 0 10%;}
#header-icon {margin:0;}
#qr-search-info span {background-color: #FEFBD8;}
#qr-search-info p {text-align:center;}

#busy {display:none;}
/*#qr-video {position:relative; max-width:100%; margin:auto; cursor:pointer;}*/

#qr-video { max-width:100%; aspect-ratio:1.0; margin:auto; cursor:pointer; overflow:hidden; object-fit:cover;}
#video-underlay {color:#88C; font-size:2em; text-align:center; margin:20px;}
.video-main-title {color:#48C; font-size:2em; text-align:center;}

#video-container {display:flex;}
#video-button {cursor:pointer;}
#video-overlay {position:absolute; top:calc(51% - 2em); left:calc(50% - 3em); z-index:2; background-color:#0080; color:#0086; animation:button-squash 3s linear 0s infinite alternate;}
#video-overlay:hover {background-color:#0083; transition:all 0.5s;}
@keyframes button-squash {from {transform:scale(0.95.0,1.1);} to {transform:scale(1.15,0.9);}}
#image-upload-info {margin:5px; color:#AAA;}
#total-upload-info {margin:5px; color:#37B;}
#scan-result {margin:5px; color:#666;}
.play-pause-icon {font-size:6em;}

.video-inner {padding:20px 20px 0 20px;}
.video-icon {font-size:20px; vertical-align:middle;}
.video-text {font-size:12px; padding:6px;}
.video-more {font-size:14px; padding:8px;}
.video-card-spacing {margin-bottom:20px;}
.video-card-padding {padding:3px;}
.video-title {font-size:24px; color:#37B; padding:24px;}
.video-info {font-size:14px; padding:14px;}
.video-link {text-decoration:none;}
.video-link:hover {text-decoration:none; font-weight:600;}

#footer {padding:0; text-align:center; background:#E8E8E8;}
#footer .container {padding:8px 10px 7px 10px;}
#footer .container2 {display:flex; justify-content:center; align-items:center; padding:0 10px 15px 10px;}
#footer .legal-links {display:inline; margin:0 10px; font-size:14px; text-align:center;}

#footer-local {padding:0; text-align:center; background:#DEF;}
#footer-local .container {padding:8px 10px 7px 10px;}
#footer-local .container2 {display:flex; justify-content:center; align-items:center; padding:0 10px 15px 10px;}
#footer-local .legal-links {display:inline; margin:0 10px; font-size:14px; text-align:center;}

.download-button {padding:20px;}
.download-text-good {font-size:28px; background-color:#28E; border-radius:10px; color:#EEE; padding:10px 40px;}
.download-text-bad {font-size:28px; background-color:#E22; border-radius:10px; color:#EEE; padding:10px 40px;}
.download-thankyou {font-size:16px; padding:20px;}
.download-icon {font-size:48px; vertical-align:middle;}
.download-big-icon {font-size:80px;}
.user-font-image {border:1px solid #EEE; border-radius:10px; width:70%!important; max-width:768px; margin:10px auto; padding:0;}
.user-font-text {font-size:1.1em; padding-top:10px;}
.user-font-detail-text {font-size:0.7em; padding:20px;}

/* bootstrap 5 breakpoints:  sm:576, md:768, lg:992, xl:1200 xxl:1400 */
@media only screen and (max-width: 600px) {.home-block {display: none;} #welcome-pg-box {width:100%; padding:10px;}}
@media screen and (max-width:1199px) {
    .download-text-good {font-size:24px; padding:10px 30px;}
    .download-text-bad {font-size:24px; padding:10px 30px;}
    .download-icon {font-size:32px;}
}
@media screen and (max-width:991px) {
    .control-label-make {text-align:left;}
}
@media screen and (max-width:767px) {
    body {padding-top:0;}
    #header {margin-bottom:0;}
    .navbar-toggle {margin:19px 0 0;}
    .main-menu li.dropdown li a {line-height:normal;}
    .welcome_pg_hr {height:auto; padding:5px;}
    .control-label {text-align:left;}
    #login {display:block; height:auto;}
    #login-inner {display:block; padding:5px;}
    #login-form {width:91%;}
    #logo-footer {margin-top:20px;}
    .contact-us-button {padding:10px 30px; font-size:20px;}
    .scan-qr-code-button {padding:10px 30px; font-size:20px;}
    .very-large-icon {font-size:4em;}
    .large-icon {font-size:2em;}
    .medium-icon {font-size:1.5em;}
    .top-row-result {white-space:normal;}
    .download-text-good {font-size:18px; padding:10px 20px;}
    .download-text-bad {font-size:18px; padding:10px 20px;}
    .download-icon {font-size:24px;}
}
@media screen and (max-width:660px) {
    #video-frame {height:360px;}
}
@media screen and (max-width:550px) {
    .subscription-info {font-size:0.6em;}
}
@media screen and (max-width:500px) {
    #header .form-group {float:none!important; margin-left:-8px!important; margin-bottom:0!important;}
    .navbar-brand {width:70%;}
    #footer .container2 {display:inline;}
    #footer-local .container2 {display:inline;}
    .top-row-result {font-size:1.2em!important; letter-spacing:2px; white-space:normal;}
    #video-frame {height:240px;}
}
/*touch screen tooltips*/
@media (pointer: coarse), (hover: none) {
    [title] {
      position: relative;
      display: inline-flex;
      justify-content: center;
    }
    [title]:focus::after {
      font-size: 80%; 
      font-weight: 400;
      line-height: 120%;
      content: attr(title);
      position: absolute;
      top: 90%;
      color: #FFF;
      background-color: #000C;
      border: 1px solid;
      width: fit-content;
      padding: 8px;
      white-space: pre-wrap;
      border-radius: 10px;
      text-align: center;
      z-index: 1200;
    }
  }

#footer {position:relative;}
#footer-local {position:relative;}
.versionWrapper {position:static;}