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

/* Forms */
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 #CCC;}

.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:Open Sans, Arial, sans-serif; font-size:100%; font-weight:400; color:#666; cursor:default; background:#DDD; 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;}
.pull-right {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-primary:focus {color:#FFF; background-color:#26A;}
.btn-secondary:focus {color:#FFF; background-color:#666;}
.btn-success:focus {color:#FFF; background-color:#2A6;}
.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.small {padding:4px;}
.btn.grey {background:#EEE; color:#666;}
.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:5px 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 #CCC; border-radius:6px!important;}
.form-checkbox:disabled {background-color:#EEE;}
.form-checkbox-md {width:20px; height:20px; margin:1px; border:1px solid #CCC;}
.form-checkbox-md:disabled {background-color:#EEE;}
.form-checkbox-sm {width:16px; height:16px; margin:0 3px; border:1px solid #CCC;}
.form-checkbox-sm:disabled {background-color:#EEE;}
.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 #0D6EFD; 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;}
.py10 {padding-top:10px; padding-bottom: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:#0D6EFD; padding:0; vertical-align:middle;}
.icons-ampc {font-size:5em; color:#0D6EFD; padding:0px; vertical-align:middle;}
.icons-cake {font-size:5em; color:#E7A; padding:0px; vertical-align:middle;}
.icons-cake-sm {font-size:3em; color:#E7A; padding:0px; vertical-align:-60%;}
.icons-grey {font-size:5em; color:#CCC; padding:0px; vertical-align:middle;}
.icons-setup {font-size:5em; color:#8CE; padding:0px; vertical-align:middle;}
.icons-dash {font-size:5em; color:#0D6EFD; padding:0px; 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:-34px 0 10px 10px;}
.top-right-btn {float:right; margin:-34px 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;}
.font90 {font-size:0.9em;}
.font120 {font-size:1.2em;}
.font150 {font-size:1.5em;}
.colour-dark-grey {color:#333;}
.btn-orange {color:#A62;}
.colour-grey {color:#888;}
.colour-grey-dark {color:#333;}
.colour-grey-light {color:#AAA;}
.colour-blue {color:#12E;}
.colour-white {color:#FFF;}
.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;}
.rounded-sm {height:auto; color:#DDD;}
.toggle-on-icon {vertical-align:middle; color:#1A1; font-size:48px; margin:-16px 0; cursor:pointer;}
.toggle-off-icon {vertical-align:middle; color:#F11; font-size:48px; margin:-16px 0; cursor:pointer;}
.compound-button {font-size:x-small; display:inline-flex;}
#reserved-text-wrap {display:none;}
#character_entry_warning {font-size:1.8em; color:#F00; background:#FEE; margin:10px;}
.reserved-text-alert {height:270px;}
.reserved-text-ol1 {list-style:decimal inside; font-size:0.9em;}
.reserved-text-ol2 {list-style:decimal inside; font-size:0.8em;}
.faq-image {border-radius:6px; border:1px solid #DDD; display:block; max-width:800px; margin:20px auto; width:80%;}
.mindmap-image {display:block; max-width:90%; margin:auto; height:auto;}
#manage-company-issuers-table {display:none; margin-top:-20px;}

.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%;}
#login-check {padding:0 10px;}
.datepicker {padding:5px;}

/* Header */
#header {z-index:9; 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:#0D6EFD30; border-bottom:3px solid #0D6EFD00;}
.main-menu.logged-out > li {padding:20px 0;}
.main-menu li:hover a {color:#555; text-decoration:none;}
.main-menu li.active {border-bottom:3px solid #0D6EFD;}
.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:#0D6EFD; 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:#EEE;}
.main-menu li.dropdown .dropdown-toggle {border-left:1px solid #ccc; padding-left:10px; background:none !important;}
.main-menu li.dropdown.open .dropdown-toggle {border-color:#EEE !important;}
.dropdown .dropdown-menu {box-shadow:4px 4px 8px #0008; border-color:#DDD;}
.dropdown-item:hover {background-color:#D0E8FF; transition:all 0.4s;}
.main-menu li.dropdown li a {padding:0 12px; line-height:40px;}
.main-menu li.dropdown li.divider {margin:0;}
.main-menu.logged-out li.dropdown .dropdown-menu {margin-top:20px;}
.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;}

.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;}
.dropdown-icon {vertical-align:middle; padding:4px 8px;}
.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:#0D6EFD;}
.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;}
.dark-icon {color:#000; font-size:22px; vertical-align:middle; margin-left:3px; margin-right:3px;}
.label-icon {color:#444; vertical-align:middle;}
.item-icon {color:#777; vertical-align:middle;}

/* FAQ */
.faq ul{display:block; margin-left:35px; list-style-type:square;}
.faq li{display:block; margin-left:35px; list-style-type:square;}
.faq ol{display:block; font-size:1.2em; font-weight:medium;}
.faq h2{font-size:1.2em; font-weight:medium;}

/* Banner */
#banner{width:100%; position:relative;}
#banner .caption{max-width:780px; margin:0 auto; padding:100px 0; color:#fff; text-align:center;}
#banner .caption h1{font-weight:700; font-size:2.8em; text-shadow:2px 2px 2px rgba(0,0,0,0.6);}
#banner .caption p{font-size:1.1em; font-weight:100; padding:0 50px;}

/* Home Page */
#content.main2{background-image:linear-gradient(to bottom, #EEE, #FFF, #FFF, #DDD); background-position:center; height:68%;}
.welcome-icon {font-size:160px; color:#0D6EFD;}
.welcome-text {margin-top:40px;}
.welcome-break {padding:10px;}

.home-block {text-align:center; margin:50px 0;}
.home-block .icon {width:120px; height:120px; line-height:120px; border-radius:120px; margin:0 auto;}
.home-block h3 {font-weight:600; color:#0D6EFD; padding:25px; font-size:1.2em;}
.welcome_pg_header_txt {white-space:nowrap; text-overflow:ellipsis; font-weight:bold}
.welcome_pg_paragraph_txt {text-overflow:ellipsis; white-space:nowrap; font-size:90%; font-weight:400;}
#blue {color:#1672B9;}
.blue404 {color:#1672B9;}
.icon img {width: 100%;}
.welcome_pg_hr {display:block; height:30px; border:0; border-top:1px solid rgb(22, 115, 185); color:#1672B9; padding:0; text-align:center; border-color:rgb(22, 115, 185);/*Chrome and Safari*/background-color:rgb(22, 115, 185); /*Firefox and Opera*/color:rgb(22, 115, 185);/*IE7+*/}

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

/* Login Page */
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:25px;background:#fff; display:inline-block; width:440px; border-top:4px solid #0D6EFD; box-shadow:0 0 16px rgba(0,0,0,0.06); margin:20px}
#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:#0D6EFD; 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;}

div.scroll_block {overflow-y:scroll; display:block; width:100%; max-height:350px; overflow-x:hidden; overflow-y:auto; word-wrap: break-word;}
.tt { display:block; float:left; text-align:center; height:100%;}

/* Create */
.dash {min-height:650px;}
.create-left {float:left; width:60%;}
.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;} 
.image-paste-wrap {top:13px; right:15px; font-size:1.4em; float:left; position:relative; width:50%;}
.image-paste {position:relative; z-index:100; overflow:hidden; padding:0; background:#f9f9f9; border:6px solid #eaeaea; color:#ccc; letter-spacing:1px; text-align:center; cursor:pointer; transition:0.2s ease-in-out; transition-property:border,background,color;}
.image-paste:hover {border-color:#ddd; background:#eaeaea; color:#999;}
.image-paste.active,.image-paste.done {border-color:#0D6EFD; 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;}
.image-paste b {position:relative; z-index:11; display:block; padding:130px 0;}
.image-paste .image-paste-inner {display:none;}
.image-paste.done .image-paste-inner {display:table-cell; vertical-align:middle; height:100%; width:100%;}
.image-paste.done b {display:none;}
.image-paste span {display:block;}
.image-paste i {display:block; font-size:0.8em; letter-spacing:0;}
.image-paste-inner canvas{max-width:100%; display:block; margin:0 auto;}
.image-paste-inner {max-width:250px; display:block; margin:0 auto;}
.cm-fields {float:left; width:50%; padding-left:25px; -webkit-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
.cm-fields .field-wrap {margin-bottom:15px;}
.create-left .text {width:100%; font-weight:100;}
#countermark input.btn {vertical-align:middle;}
#image_data {display:none;}

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

.test-response{display:none;}
.cm-response-wrap {top:13px; right:15px; font-size:1.4em; padding-left:50px; float:left; width:40%;}
.cm-response-outer {display:inline-block; min-height:250px; width:100%;}
.cm-response {padding:0px; width:100%; background:#f9f9f9; border:6px solid #eaeaea; color:#ccc; letter-spacing:1px; text-align:center; cursor:pointer; transition:0.2s ease-in-out; transition-property:border,background,color; text-align:center; margin-top:20px; min-height:250px;}
.cm-response b {position:relative; z-index:11; display:block; padding:130px 0;}
.cm-response img {display:inline-block; max-width:100%; height:auto;}
.cm-response span {display:block;}
.cm-response i {display:block; font-size:0.8em; letter-spacing:0;}
.cm-response.active,.cm-response.done {border-color:#0D6EFD; 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-response-wrap i {font-size:13px;}

/* Font Style */
.font_table {padding:6px 10px 6px 0;}
.font_input {vertical-align:top; display:inline-block;}
.font_select {appearance:none; text-overflow:''; overflow-y:hidden; border:2px solid #0D6EFD; padding:2px 3px; text-align:center; width:30px; border-radius:6px;}
.font_select:hover,.font_select:focus {border:2px solid #0D6EFD; background-color:#EEF;}
.container_font {display:inline-block; padding:4px 1%;}
.font_none_value {display:none; overflow:inherit !important;}
.radio-btn-text {padding-left:5px;}

.versionSpan {position:absolute; bottom:0; right:0; font-size:10px; color:#89888E; text-shadow:0px 1px 0px rgba(255, 255, 255, .5); padding-right:3px;}
.versionWrapper {float:right; top:105px; position:relative;}

/* Header Buttons*/
.try-cm-title {font-size:1.8em; color:black;}
.free_trial_btn {background:#fb8604; padding:4px; border-radius:3px; display:inline-block; white-space:nowrap;}
.free_trial_btn:hover {color:#ffffff; transition:all 0.4s ease 0s; box-shadow:2px 2px 16px 0px grey; text-decoration:none;}
.header_btn {background:#3c6d92; padding:4px; border-radius:3px; display:inline-block; white-space:nowrap;}
.header_btn:hover {color:#ffffff; transition:all 0.4s ease 0s; box-shadow:2px 2px 16px 0px grey; text-decoration:none;}
.mobile_btn {background:#3c926d; padding:4px; border-radius:3px; display:inline-block; white-space:nowrap;}
.mobile_btn:hover {color:#ffffff; transition:all 0.4s ease 0s; box-shadow:2px 2px 16px 0px grey; text-decoration:none;}
#header-button {color:#ffffff;}
#welcome-buttons {color:#ffffff; padding-left:15px; padding-right:15px;}
#mobile-pg ul {display:block; color:#292828}
#mobile-pg li {display:list-item; margin-left:30px; list-style:disc;}

/* 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:#0D6EFD; transition:all 0.6s;}

/* Admin 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:#0D6EFD; transition:all 0.6s;}

/* Manage */
.manage-top.active {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
#group_list, #assignment_status {width:250px; font-size:0.85em;} 
.table-wrap {max-height:380px; overflow:auto;}

.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-issuer {width:100%; margin-top:2px;}
.logs-result-colour {background-color:#FED;}
.list-result-colour {background-color:#DEF;}

.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:#0D6EFD;}

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

/* Manage Issuers */
.autocomplete {position:relative; display:inline-block; width:50%;}
.autocomplete-items {position:absolute; border:1px solid #d4d4d4; border-bottom:none; border-top:none; z-index:99; top:100%; left:0; right:0;}
.autocomplete-items div {padding:10px; cursor:pointer; background-color: #fff; border-bottom:1px solid #d4d4d4; }
.autocomplete-items div:hover {background-color: #e9e9e9;}
.autocomplete-active {background-color: DodgerBlue!important; color:#ffffff;}
.autocomplete-items {max-height:500px; overflow-y:auto;}

#company_name[type=text] {width:100%;}
.adminlogs .card-deck {margin-left:5px; margin-right:5px; padding-top:20px; padding-bottom:0px;}
.adminlogs .card-body {font-size:1em; color:darkslategrey;}

/* 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:#0D6EFD; 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;}

/* Engineering Page */
.engineering_container {padding:15px; max-width:90%; margin:0 auto;}
.issuer_select {border-radius:5px; display:table; margin: 0 100px; margin-top:20px;}
#phone_model {text-align:left; margin-right:10px}
.eng_pg_wrap {margin-top:10px; padding:25px; display:inline-flex;}
.device_select {margin-right:50px;}

/* New Company Account Page */
.no-margin-hr {margin-top:0px;}
.inline {margin-top:10px;}
.add-buttons {font-size:16px; padding:6px 12px; margin-bottom:12px;}
#li-company-account {margin: 10px 0;}
#reserved_text:hover {border:none; cursor:context-menu; box-shadow:none; outline:none;}
#reserved_text:focus {border:none; cursor:context-menu; box-shadow:none; outline:none;}
#reserved_text {border:none; background-color:inherit; resize:none;}
#near_fits:focus {outline:none; cursor:context-menu; box-shadow:none;} 
#near_fits {border:none; width:250px; min-height:120px; max-height:300px; resize:none; background-color:inherit;}
#near_fits:hover {cursor:context-menu; box-shadow: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:#1673B9; font-size:20px; font-weight:bold}
.modal-content {z-index:1100!important; margin:auto; padding:10px;}
.modal-backdrop {z-index:1040!important;}
#modal-company-title {font-size:1.5em; font-weight:bold; padding-left:20px;}
#modal-content-row {padding-left:30px; font-size:0.9em;}
.modal-content-status {background-color:#eaeaea; margin:auto; padding:10px; width:60%;}
#about-us-wrap p {margin-bottom:20px;}

/* Countermark Log */
.manage-top.active {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
.cm-reads-data-line {margin:10px;}
.cm-reads-data-item {font-weight: bold;}
.cm-status-item {font-weight:bold;}
.manage_history {display:none}
#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%}
.info-message-span {font-style:italic; font-size:small;}

.alert_red {border-radius:5px; margin:10px; padding:10px; background-color:#f44336; color: white;}
.alert_green {border-radius:5px; margin:10px; padding:10px; background-color:green; color: white;}
#alert_txt {font-style:italic; font-size:small; color:red;}
#welcome_div {text-align:center; display:flex; justify-content:center; overflow-x:clip;}

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

/* 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: 850px) {#content.main2{height:130%;}}
@media only screen and (max-width: 1300px) {#landing-pg-info img {width:100%;}}
@media only screen and (max-width: 1600px) {#welcome_div {height:440px;} #welcome_image {margin:20px 0;}}
@media screen and (max-width:1199px) {
    #column-break {display:block;}
    #welcome_image {margin:40px 0;}
}
@media screen and (max-width:991px) {
    .control-label-make {text-align:left;}
    #welcome_image {margin:60px 0;}
}
@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%;}
    #content.main2{height:200%;}
    .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;}
    .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;}
    #welcome_image {margin:80px 0;}
}
@media screen and (max-width:640px) {
    #welcome_image {margin:100px 0;}
}
@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;}
    #welcome_image {margin:120px 0;}
}
/*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;}