/* 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;}
ul {list-style:none;}
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:#007FB8;color:#FFF;}
::selection {background:#007FB8;color:#FFF;}

/* maintenance bar */
.maintenance-bar {position:fixed; margin:128px 0 0 0; padding:18px; font-size:36px; background-color:#F009; color:#FFF; text-align:center; left:0; right:0; z-index:10}

/* maintenance bar enable / disable */
.maintenance-bar {display:none}
/* .maintenance-bar {display:block} */

/* Forms */
input,select,textarea {outline:0;box-shadow:none;transition:all 0.3s ease-in-out;border:1px solid #CCC; padding:5px; font:1em; 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;}
#countermark_quantity {outline:0; box-shadow:none; transition:all 0.3s ease-in-out; border:1px solid #CCC; padding:0; font:1em; border-radius:5px; color:#999;}

.field-wrap {position:relative;}
.flash-message {margin:auto; padding:2px 10px;}
.flash-message-login {margin:auto; padding:2px 0;}

/* General Styles */
html, body {height:100%;}
body {font-family:Comme, Arial, sans-serif; font-size:100%; font-weight:400; color:#666; cursor:default; background:#F3F3F3; position:relative; padding-top:0;}

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

.btn:hover:enabled {color:#FFF; box-shadow:inset 0 1px 1px #0001, 0 0 8px #66AFE9; outline:0; transition:all 0.3s ease-in-out;}
.btn-dk:hover:enabled {color:#39F; box-shadow:inset 0 1px 1px #0001, 0 0 8px #66AFE9; outline:0; transition:all 0.3s ease-in-out;}
.btn-primary:focus {color:#FFF; background-color:#26A;}
.btn-secondary:focus {color:#FFF; background-color:#666;}
.btn-success:focus {color:#FFF; background-color:#2A6;}
.btn-warning:focus {color:#FFF; background-color:#B72;}
.btn-warning:hover {color:#FFF; background-color:#A61;}
.btn-warning {background-color:#B72;border:1px solid #B72;}
.btn-dk:focus {color:#39D; background-color:#AAA;}
.btn-dk:disabled {color:#CCC; background-color:#F8F8F8; cursor:default;}

.btn,input.btn {display:inline-block; font:700 1.1em; margin-bottom:-4px; vertical-align:middle; padding:5px; color:#FFF; text-decoration:none !important; border-radius:5px; cursor:pointer;}
.btn-dk,input.btn-dk {display:inline-block; font:700 1.1em; margin-bottom:-4px; vertical-align:middle; padding:5px; color:#39D; text-decoration:none !important; border-radius:5px; cursor:pointer; border:1px solid #DDD;}
.btn.small {font:700 0.85em; padding:4px;}
.btn.grey {background:#F7F7F7; color:#666;}
.btn-primary {background-color:#4983C7;}

.btn-dk2:hover {color:#39F; background-color:#F8F8F8; box-shadow:inset 0 1px 1px #0001, 0 0 8px #666; transition:all 0.3s ease-in-out;}
.btn-dk2,input.btn-dk2 {display:inline-block; font:700 1.1em; margin-bottom:-4px; vertical-align:middle; padding:5px; color:#39D; text-decoration:none !important; border-radius:5px; cursor:pointer; border:1px solid #DDD;}

.btn-light:hover:enabled {color:#39F; box-shadow:inset 0 1px 1px #0001, 0 0 8px #66AFE9; outline:0; transition:all 0.3s ease-in-out;}
.btn-light:focus {color:#39D; background-color:#AAA;}
.btn-light,input.btn-light {display:inline-block; font:700 1.1em; margin-bottom:-4px; vertical-align:middle; padding:5px; color:#39D; text-decoration:none !important; border-radius:5px; cursor:pointer; border:1px solid #DDD;}

.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;}

/* General Layouts */
#content {padding:0;}
#content.main {background:#FFF;}
.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;}

.cols {display:inline-block;}
.cols-2 {width:50%;}
.cols-3 {width:33%;}
.cols-4 {width:25%;}
.cols-5 {width:20%;}

.block {background:#FFF; border-top:4px solid #9BBBE0; margin:10px; box-shadow:0 0 10px #0001; margin-bottom:25px;}
.block-title {display:block; padding:8px; border-bottom:1px solid #eaeaea; font-weight:600; font-size:1.0em;}
.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;}

/* used-to-be inline before CSP */
.m0 {margin:0;} 
.m05 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m48 {margin:48px;}
.m50 {margin:50px;}
.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;}
.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;}
.px10 {padding-left:10px; padding-right:10px;}
.p20 {padding:20px;}
.pl20 {padding-left:20px;}
.pr20 {padding-right: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;}
.cm-logo {display:inline;}
#search-cm-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:#4983C7; padding:0; vertical-align:middle;}
.icons-home-sm {font-size:3em; color:#4983C7; padding:0; vertical-align:-60%;}
.icons-grey {font-size:5em; color:#CCC; padding:0; vertical-align:middle;}
.icons-setup {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:#A62;}
.colour-grey {color:#888;}
.colour-blue {color:#12E;}
.colour-site {color:#4983C7;}
.colour-setup {color:#E82!important;}
.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;}
.ethereum-text {bottom:-15px; letter-spacing:1.4px;}
.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;}
#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;}
#ethereum {display:inline-block; padding:5px;}
.table-y-limit {overflow-y:auto; height:500px;}
#attachment-file-image {padding:0;}
#attachment-file-pdf {padding:0;}
#attachment-file-zip {padding:0;}
#attachment-file-csv {padding:10px 0; vertical-align:middle;}
#download-file-csv {padding:8px;}
.print-config-title {color:#4983C7; 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;}
.xero-debug-info {float:right; font-size:0.7em; color:#ABD; padding:15px 25px;}
.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;}
.get-the-app-login {display:inline-block; padding:6px 18px; font-weight:600; font-size:17px; color:#FFF; border-radius:4px; background-color:#3c926d; text-decoration:none;}
.get-the-app-login:hover {background-color:#E82; color:#FFF; transition:all 0.4s; text-decoration:none;}
.login-icon {font-size:40px; vertical-align:middle; float:left;}
.app-icon {font-size:22px; vertical-align:-20%;}
.login-box {height:50px;}
.login-entry {width:85%!important; float:right;}
.login-button {width:85%!important; float:right; padding:8px;}
.login-button-text {letter-spacing:0.05em; word-spacing:0.1em; font-weight:600;}
.login-reset {display:inline-block; width:100%;}
.cm-response-image-login {margin:10px;}
#login-check {padding:0 10px;}
.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 10px #0005; border:0;}
#header .container {padding:0;}
#header .navbar-brand {height:auto; padding:8px 0;}
.logo,.logo img {display:block;}

.main-menu > li:hover {background-color:#4983C730; border-bottom:3px solid #4983C700;}
.main-menu.logged-out > li {padding:20px 0;}
.main-menu li:hover a {color:#333; text-decoration:none;}
.main-menu li.active {border-bottom:3px solid #4983C7;}
.main-menu li.active a {background:none !important;}
.main-menu li a {display:block; color:#999; padding:7.5px;}
.main-menu li a.active {color:#4983C7; font-weight:600;}
.main-menu li a.btn {padding:5px 10px !important;}
.main-menu li a.btn:hover {padding:5px 10px 3px !important;}
.main-menu li a i {display:inline-block; vertical-align:bottom; margin-right:6px; font-size:1.3em;}
.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 {background:none !important;}
.main-menu li.dropdown.open .dropdown-toggle {border-color:#f7f7f7 !important;}
.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:#4983C7; padding:25px; font-size:1.2em;}
.blue404 {color:#4983C7;}
.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 #4983C7; color:#4983C7; 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:0; 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:72%; 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-top:4px solid #4983C7; box-shadow:0 0 16px #0001; 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:#4983C7; font-size:0.85em; text-decoration:underline;}
.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;}

#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;}

.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-cm-option{padding-right:17px;}
#url_input{margin-top:20px;}
#create_cm_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%;}

/* Create */
.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;}

.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;}

.make-image-paste-wrap {margin:30px 20px;}
.make-image-paste-icon {color:#FFF; font-size:6em; padding:14px;}
.make-image-paste {overflow:hidden; background:#EEE; border:2px solid #DDD; color:#CCC; border-radius:6px; letter-spacing:1px; text-align:center; cursor:pointer;}
.make-image-paste:hover {border-color:#CCC; background:#DDD; color:#999;}
.make-image-paste b {display:block; padding:45px 0;}
#make-image-paste-inner {display:block; width:100%; height:auto;}
#make-input-pdf-inner {width:100%; height:auto;}
.make-image-paste span {display:block;}
#attachment-size-info-png {display:none; color:green; font-size:0.9em;}
#attachment-size-info-pdf {display:none; color:green; font-size:0.9em;}
#attachment-size-info-zip {display:none; color:green; font-size:0.9em;}
#attachment-size-info-csv {display:none; color:green; font-size:0.9em;}
#attachment-size-error {display:none; color:red; font-size:0.9em;}
#make-image-text {display:block;}
#png-upload {display:none;}
#pdf-upload {display:none;}
#zip-upload {display:none;}
#csv-upload {display:none;}
#twirly {display:none;}
#make-input-pdf {display:none;}
#check_paste {display:none;}
#cm-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-font-select {padding:0; margin:0 1px;}
.font-select{appearance:none; text-overflow:''; overflow-y:hidden; border:1px solid #CED4DA; padding:2px 3px; text-align:center; height:34px; width:34px; margin:0 auto; border-radius:6px;}
.font-select:hover, .font-select:focus {border:1px solid #4983C7;}
.font-select:disabled {background-color:#E9ECEF; border:1px solid #CED4DA;}
.make-account-status {font-size:0.9em; background-color:#E7F3FE; border-left:6px solid #2196F3; border-right:6px solid #2196F3; padding:9px 3px; text-align:center;}
#redaction-terms-p {font-style:italic; font-size:0.8em; margin:5px auto; text-align:justify;}
#terms-accepted-label {font-size:1.1em; color:#4983C7;}
#terms-accepted-id {margin:-2px 15px;}
#column-break {display:none;}
.batch-spacer1 {margin:52px 0;}
.batch-spacer2 {margin:187px 0;}
.generate-spacer {margin:4px 0;}
.assign-spacer {margin:56px 0;}
.packing-image {border:1px solid #DDD; border-radius:20px; width:70%!important; max-width:800px; margin:10px auto; padding:0;}
.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;}

.cm-response-outer {margin:30px 20px;}
#cm-response-text {padding:10px;}
#cm-response-image-text {display:none; font-style:italic; font-size:0.7em;}
.cm-response {overflow:hidden; background:#EEE; border:2px solid #DDD; color:#CCC; padding:20px 0; border-radius:6px; letter-spacing:1px; text-align:center; cursor:pointer;}
.cm-response:hover {background:#DDD; border-color:#CCC; color:#999;}
.cm-response b {display:block; padding:10px;}
.cm-response img {display:inline-block; max-width:98%; height:auto; margin:10px auto;}
#cm-response-image {padding:5px;}

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

/* Legal Documents */
.toc {font-size:14px;}
.toc:link {color:#22C; text-decoration:none;}
.toc:hover {text-decoration:underline;}
.toc:visited {color: #C26; text-decoration:none;}
.toc:active {color:#22C;}
.row-wrap {overflow-x:visible;}
.row-wrap .floater {float:left; width:50%;}
.DocRight {width:50%;}
.orli {color:black;}
li.ulst {display:list-item; list-style-type:disc;}
li.olst {display:list-item; list-style-type:lower-roman;}
.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 Page */
.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;}

/* Countermark Log */
.manage-top.active{ margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #EEE;}
.cm-reads-data-line {margin:10px;}
.cm-reads-data-item {font-weight:bold;}
.cm-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:#4983C7; font-size:20px; font-weight:bold}
.modal-content {z-index:1100!important; margin:auto; padding:10px;}
.modal-backdrop {z-index:1040!important;}
#phoneImg {display:none; overflow:auto; background-color:#3338;}
#phone-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%}
.cm-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 {margin:6px; background-color:#FFF;}
.logs-control-label {margin:6px; text-align:right;}
.logs-result-colour {background-color:#EEF;}

.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:#4983C7;}

.single_result {display:none;}
.badge {display:inline-block; font-size:0.8em; font-weight:600; color:#fff; padding:2px 5px; border-radius:3px; width:60px;}
.badge.active {background:#5cb85c;}
.badge.expired {background:#d9534f;}

/* Home Control Centre */
.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:#4983C7; transition:all 0.6s;}

/* Issuer Dashboard */
.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:#4983C7; transition:all 0.6s;}

/* Cake */
.dash-cake {min-height:500px;}
.dash-cake a {text-decoration:none;}
.dash-cake .card {border-color:#EEE; border-width:3px; margin:15px; border-radius:8px;}
.dash-cake .card:hover {border-color:#4983C7; transition:all 0.6s;}
#bag-top-row-search {text-transform:uppercase; padding-left:10px; padding-right:3px;}
.case-icon {color:#66C; vertical-align:middle;}
.process-icon {color:#E7A; vertical-align:middle;}
.fulfilment-icon {color:#E27; vertical-align:middle;}
.delivery-icon {color:#8AC; vertical-align:middle;}
.product-icon {color:#A53; vertical-align:middle;}
.subfolder-icon {color:#BBB; vertical-align:middle;}
.invoice-icon {color:#9AF; vertical-align:middle;}
.cake-product-view-title {font-size:1.3em; font-weight:700; color:#444; }
.cake-product-view {color:#666!important; font-size:1.6em;}
.cake-product-view a {text-decoration:underline; color:#4983C7;}
.cake-product-icon {color:#838; font-size:36px; vertical-align:middle;}
.delivery-note-spacer1 {margin:6px 0;}
.delivery-note-spacer2 {margin:45px 0;}
#set-input-pdf-height {display:none;}
.delivery-note-info {color:green; font-style:normal!important; font-size:1.2em!important;padding-top:20px;}
.packaging-icon {color:#987; vertical-align:middle;}
.split-packaging-icon {color:#BA9; vertical-align:middle;}
.used-split-packaging-icon {color:#CCC; vertical-align:middle;}
.ingredient-icon-2 {color:#0C6; vertical-align:middle;}
.split-ingredient-icon-2 {color:#6B8; vertical-align:middle;}
.used-split-ingredient-icon-2 {color:#CCC; vertical-align:middle;}
.unknown-icon {color:#D33; vertical-align:middle;}
.split-unknown-icon {color:#D66; vertical-align:middle;}
.used-split-unknown-icon {color:#CCC; vertical-align:middle;}
.allergen-icon {color:#707; vertical-align:middle;}
.sundry-icon {color:#B9E; vertical-align:middle;}
.split-sundry-icon {color:#CBE; vertical-align:middle;}
.used-split-sundry-icon {color:#CCC; vertical-align:middle;}
.split-process-icon {color:#D9B; vertical-align:middle;}
.used-split-process-icon {color:#CCC; vertical-align:middle;}
.split-product-icon {color:#B76; vertical-align:middle;}
.used-split-product-icon {color:#CCC; vertical-align:middle;}
.history-icon {color:#DD0; vertical-align:middle;}
.waste-icon {color:#700; vertical-align:middle;}
.quality-icon-0 {color:#C04; vertical-align:middle;}
.quality-icon-1 {color:#B24; vertical-align:middle;}
.quality-icon-2 {color:#A44; vertical-align:middle;}
.quality-icon-3 {color:#864; vertical-align:middle;}
.quality-icon-4 {color:#684; vertical-align:middle;}
.quality-icon-5 {color:#4A4; vertical-align:middle;}
.quality-icon-6 {color:#2B4; vertical-align:middle;}
.quality-icon-7 {color:#0C4; vertical-align:middle;}
.toggle-on-icon {vertical-align:middle; color:#1A1; font-size:3.2em; margin:-16px 0; cursor:pointer;}
.toggle-off-icon {vertical-align:middle; color:#F11; font-size:3.2em; margin:-16px 0; cursor:pointer;}
.colour-grey-dark {color:#333!important;}
.colour-grey-light {color:#CCC!important;}
.no-wrap {white-space:nowrap;}
.import-modal-title {color:#4983C7; font-size:20px; font-weight:bold}
.cm-help {color: red; font-weight:600;}
.justify-content-x {display:flex; justify-content:space-between;}
.quality-size1 {font-size:2.4em;}
.quality-size2 {font-size:3.0em; margin-left:15px;}
.xero-table-heading {background-color:#EEF!important; text-align:center; letter-spacing:0.3em; border-bottom:none!important; border-radius:10px;}
.neutral-table-heading {text-align:center; border-bottom:none!important;}
.neutral-icon {font-size:2em; vertical-align:middle;}
.cm-table-heading {background-color:#EEF!important; text-align:center; letter-spacing:0.33em; border-bottom:none!important; border-radius:10px;}
.contact-customer-icon {color:#B85; vertical-align:middle;}
.contact-manufacturer-icon {color:#5A8; vertical-align:middle;}
.contact-supplier-icon {color:#85A; vertical-align:middle;}
.test_device_button {display:show;}
.test_device_success {background-color:#7D7; font-size:1.4em; padding-left:15px; padding-top:2px; border-radius:5px; display:none;}
.test_device_error {background-color:#D77; font-size:1.4em; padding-left:15px; padding-top:2px; border-radius:5px; display:none;}
.refresh-hide {display:none;}
.textarea-grn-notes {height:211px; padding:5px; min-width:100%; max-width:100%; resize:vertical;}
.textarea-waste-note {height:150px; padding:5px; min-width:50%; max-width:50%; resize:none;}
.background-import-top {background-color:#DEF; border-radius: 10px; padding:5px;}
.background-import-normal {background-color:#DEF; padding:5px 20px;}
.background-import-individual {background-color:#EFD; padding:5px 20px;}
.background-import-advanced {background-color:#FDE; padding:5px 20px;}
.import-subtitle {font-size:1.2em; font-weight:600; text-align:center; color:#666; padding-bottom:15px;}
.import-text {font-size:1.0em; text-align:center; color:#444; padding-bottom:15px;}
.alert-waste{border-radius:10px; padding:15px; background-color:#DC3545; color:#FFF;}
.atrace-dots {display:block; width:60%!important; margin:auto; max-width:600px; height:auto; padding:40px;}
.atrace-login-dots {display:block; margin:auto; padding:5px 0 0 0;}

/* Account Profile */
.dash .account-heading-top {font-size:1.2em; font-weight:600; color:#4983C7; padding-top:0; padding-bottom:6px;}
.dash .account-heading {font-size:1.2em; font-weight:600; color:#4983C7; 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;}

/*password & email alerts*/
.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;}

.cm-redaction-response b {position:relative;z-index:11;display:block;padding:130px 0;}
.cm-redaction-response img {display:inline-block;max-width:100%;height:auto;}
.cm-redaction-response span {display:block;}
.cm-redaction-response i {display:block;font-size:0.8em;letter-spacing:0;}
.cm-redaction-response.active, .cm-redaction-response.done {border-color:#4983C7;background-position:center;background-repeat:no-repeat;background-color:#fff;background-size:contain;color:#999;display:table;width:100%;min-height:250px;text-align:center;}
.cm-redaction-response-wrap i {font-size:13px;}

/*Register Page*/
#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%;}

/*Profile Page*/
.title-hr {margin-top:0;}
.data-toggle-text {color:#4983C7; font-size:1.2em;}
.progress-bar {background-color:#1E90FF;}
.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;}

/* Header Buttons*/
.nav-item .dropdown-item:hover {background-color:#D0E8FF; transition:all 0.4s;}
.contact-us-button {background-color:#3c6d92; 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;}
.get-the-app {background-color:#1571B8; 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;}
.get-the-app:hover {background-color:#E82; color:#FFF; text-decoration:none; transition:all 0.4s;}
.find-out-more {background-color:#4983C7; 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;}
.find-out-more:hover {background-color:#E82; color:#FFF; 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%;}
.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;}
.big-404-icon {font-size:96px; padding-top:12px; color:#4983C7;}
.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 {color:#FFF; font-size:22px; vertical-align:middle; margin-left:3px; margin-right:3px;}
.button-icon-sm {color:#FFF; font-size:18px; vertical-align:middle; margin-left:2px; margin-right:2px;}
.input-button-icon {color:#FFF; 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%;}

/* Contact Us Page */
.send-us-a-msg-title {font-weight:600; font-size:2em; margin-bottom:15px; letter-spacing:0.1em; color: #4983C7; padding-left:30px;}
#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:black;}
#get-in-touch-section i {color:black; font-weight:bold;}
#contact-info-span {color: #4983C7; padding-left:10px;}
#mobile-pg ul {display:block; color:#292828}
#mobile-pg li {display:list-item; margin-left:30px; list-style:disc;}
#welcome-pg-hr {border:0; height:1px; background-image:linear-gradient(to left, #0000, #4983C7FF, #0000);}

/* Assignment log page */
.report-top-row-search-entry {text-transform:uppercase;}
.logs-top-row-search-entry {text-transform:uppercase;}
#img_data_error {display:none;}
#small-plus {font-size:xx-small; position:absolute; margin-top:-5px; margin-left:-11px;}

#motto-text {font-weight:600; font-size:1.4em; color:#4983C7;}
#motto-wrap {text-align:center; padding:8px 0 16px 0; font-size:1.2em;}
#motto-text-wrap {text-align:center; padding:8px; margin-left:auto; margin-right:auto;}
#how-it-works-content {padding:15px;}
#table-of-contents {padding-top:30px;}
#landing-pg-info h2 {font-weight:600; padding-bottom:20px;}
#landing-pg-info p {padding-bottom:12px; line-height:1.4em; padding-left:10px; color:#333;}
#landing-pg-info b {font-weight:600; padding-bottom:12px; line-height:1.4em; color:#333;}
#landing-pg-info img {display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; width:60%;}
#landing-pg-info h3 {font-weight:600; padding:10px;}
#landing-pg-info ul {display:block; list-style:disc; padding:0 0 15px 50px; line-height:1.4em; color:#333;}
#landing-pg-info ol {display:block; list-style:decimal; padding:0 0 15px 50px; line-height:1.4em; color:#333;}
#landing-pg-info li {display:list-item; padding:5px 0 5px 0;}

/* Footer */
#footer {padding:0; text-align:center; background:#eaeaea;}
#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 (min-width: 400px) {.main-menu > li{display:inline-block; margin-left:4px; padding:15px 0; border-bottom:3px solid #fff; float:none; vertical-align:middle;}}
@media only screen and (min-width: 550px) {#motto-wrap {width: 50%;margin: 0 auto;}}
@media only screen and (max-width: 600px) {.home-block {display: none;} #welcome-pg-box {width:100%; padding:10px;}}
@media only screen and (max-width: 1300px) {#landing-pg-info img {width:100%;}}
@media screen and (max-width:1199px) {
    #column-break {display:block;}
    .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;}
    #header .container {padding:0 20px 0 30px;}
    .navbar-toggle {margin:19px 0 0;}
    .main-menu li.dropdown li a {line-height:normal;}
    .welcome_pg_hr {height:auto; padding:5px;}
    .cols-3 {width:100%;}
    .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;}
    /*#table-of-contents {display:none;}*/
    .contact-us-button {padding:10px 30px; font-size:20px;}
    .get-the-app {padding:10px 30px; font-size:20px;}
    .find-out-more {padding:10px 30px; font-size:20px;}
    .large-icon {font-size:32px;}
    .medium-icon {font-size:24px;}
    /*.exampleImg {cursor:default;}*/
    .modalWrap:hover {box-shadow:none;}
    .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:560px) {
    .navbar-brand img {width:90%; height:auto;}
    .navbar-brand {width:80%;}
}
@media screen and (max-width:500px) {
    #header .form-group {float:none !important; margin-left:-8px !important; margin-bottom:0 !important;}
    .navbar-brand img {width:100%; height:auto;}
    .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;}
}
/*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;}