/* 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; -webkit-text-size-adjust:100%; -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;}
ol,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 img{border:0;}
a[href^=tel]{color:inherit; text-decoration:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
a:link{text-decoration:none;}
a:hover,a:active{outline:0;text-decoration:underline;}
::-moz-selection{background:#007FB8; color:#fff;}
::selection {background:#007FB8; color:#fff;}

/* Forms */
input.text,select.text,textarea{outline:0;box-shadow:none;transition:all 0.3s ease-in-out;border:1px solid #ccc; padding:5px 12px; font:1em Open Sans,Arial,sans-serif; border-radius:5px; color:#666;}
input.text:hover:enabled,select:hover:enabled,textarea:hover,input.text:focus:enabled,select:focus:enabled,textarea:focus {border:1px solid #66AFE9; color:#333; 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;}

/* 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:#f7f7f7; position:relative; padding-top:20px;}

.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 Open Sans,sans-serif; margin-bottom:-4px; vertical-align:middle; padding:5px; color:#FFF; text-decoration:none !important; border-radius:5px; cursor:pointer;}
.btn.small {font:700 0.85em Open Sans,sans-serif; padding:4px;}
.btn.grey {background:#F7F7F7; color:#666;}
.btn-primary {background-color:#3187CA;}
.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 0px;}
#content.main{background:#fff;}
.container{padding:15px; max-width:1280px; margin:0 auto;}
.thin{max-width:1050px; margin:0 auto;}
.control-label {text-align:right; margin:6px 0px;}
.control-result {text-align:left; margin:6px 0px; 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:4px 0px; 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 0px; 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 #136DB2; margin:10px; box-shadow:0 0 10px rgba(0,0,0,0.05); 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:0px;} 
.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;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt10x0 {margin-top:10px; margin-left:0px; margin-right:0px;}
.mb10 {margin-bottom:10px;}
.mbr10 {margin-right:10px; margin-bottom:10px;}
.mr24 {margin-right:24px!important;}
.mt20 {margin-top:20px;}
.mb40 {margin-bottom: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;}
.pb20 {padding-bottom:20px;}
.pt30 {padding-top:30px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom: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;}
.search-example {padding:20px 0px;}
.top-row-result {font-size:1.4em!important; letter-spacing:4px;}
.icons-home {font-size:5em; color:#136DB2; padding:0px; vertical-align:middle;}
.icons-ampc {font-size:5em; color:#136DB2; 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:#136DB2; 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:-33px 0 10px 10px;}
.top-right-btn {float:right; margin:-33px 10px 0 0;}
.logs-btn {margin-left:5px; padding-right:10px;}
.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-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:16px; --bs-navbar-padding-y:0px;}
.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-reset {display:inline-block; width:100%;}
#login-check {padding:0 10px;}

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

.main-menu > li:hover {border-bottom:3px solid #666;}
.main-menu.logged-out > li {padding:20px 0;}
li:hover a {color:#555; text-decoration:none;}
.main-menu li.active {border-bottom:3px solid #136DB2;}
.main-menu li.active a{background:none !important;}
.main-menu li a {display:block; color:#999; padding:4px 4px;}
.main-menu li a.active {color:#136DB2;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 {border-bottom:2px solid #fff !important;}
.main-menu li.dropdown.open {background:#f7f7f7;}
.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:#f7f7f7 !important;}
.dropdown .dropdown-menu {box-shadow:4px 4px 8px rgba(0,0,0,0.5); 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:40px;}

.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 {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:#136DB2;}
.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:#136EB2;}
.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:#3187CA; 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 #3187CA; 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:#3187CA; 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:600px;}
.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;}
.image-paste-wrap{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:#136DB2; 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;}
.cm-response-wrap{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:#136DB2; 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 #3187CA; padding:2px 3px; text-align:center; width:30px; border-radius:6px;}
.font_select:hover,.font_select:focus {border:2px solid #3187CA; 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:#136DB2; 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:#136DB2; 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:#3187CA;}

.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:#136EB2; 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;}

/* 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:0px 10px 15px 10px;}
#footer .legal-links {display:inline; margin:0px 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:0px 10px 15px 10px;}
#footer-local .legal-links {display:inline; margin:0px 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) {#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 screen and (max-width:1199px) {
    #column-break {display:block;}
}
@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%;}
    #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;}
}

@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{position:relative;}
#footer-local {position:relative;}
.versionWrapper{position:static;}