body { background: var(--body-background); font-family: 'Open Sans', sans-serif; }
@media (min-width: 1360px) {
    .container { width: 1320px; }
}
@media (min-width: 1600px) {
    .container { width: 1500px; }
}
a { color: var(--link-colour); }
.navbar-default { background-color: var(--navbar-background-colour); color: var(--navbar-font-colour); }
.panel-default > .panel-heading { background-color: var(--mobile-nav-background-colour); color: var(--mobile-nav-font-colour); font-weight: bold; border-radius: 0; }
.navbar-default .navbar-brand { color: var(--navbar-font-colour); }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color: var(--navbar-link-colour); }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background: var(--navbar-hover-background-colour); color: var(--navbar-link-colour); }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: var(--navbar-link-colour); }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: var(--navbar-open-background-colour); color: var(--navbar-font-colour); }
.navbar-nav > li > .dropdown-menu { background-color: var(--navbar-dropdown-background-colour); }
.navbar-nav > li > .dropdown-menu > li > a { color: var(--navbar-font-colour); }
.navbar-nav > li > .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: var(--navbar-hover-background-colour); }
a.text-primary:focus, a.text-primary:hover { }
.panel-body { background-color: #fff; }
.pagination > li > a, .pagination > li > span { background-color: #fff; }
table { background-color: #fff; }
/*.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { background:#666; color:#fff; }*/
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { background: var(--pagination-disabled-background); }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--table-striped-background); }
.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: var(--table-hover-background); }
.navbar-default .navbar-nav > li.has_filter_icon { border: 1px solid #f7941d; }
.navbar-default .navbar-nav > li.has_filter_icon > a { display: inline-block; }
.filter { margin: 10px; }
.del_step2 { display: none; }
.email_col { word-break: break-all; }
.table-compact > tbody > tr > td { font-size: 12px; line-height: 1em; }
.form-control { height: 32px; }
/** Front-end **/
.customer .container { max-width: 95%; padding-left: 0px; padding-right: 0px; background: var(--container-background); }
.footer .container { background-color: var(--footer-background-colour); }
.mfr-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.mfr-logo { width: 250px; /*background:#f3f6fa;*/
    border-radius: 3px; /*border:1px solid #f0f1f2;*/
    display: block; text-align: center; margin: 3px; }
.mfr-logo img { max-width: 100%; height: auto; }
.customer .top-strip { background: var(--main-colour); border-bottom: 4px solid var(--stripe); text-align: center; color: #fff; }
.customer .content { color: var(--main-font-colour); margin-top: 10px; }
.customer .header { max-width: 990px; width: 100%; /*height:70px;*/
    display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0000+0,b21621+20,b21621+82,6d0000+100 */
    /*background: #b21621; !* Old browsers *!*/
    /* background: -moz-linear-gradient(top, #6d0000 0%, #b21621 20%, #b21621 82%, #6d0000 100%); !* FF3.6-15 *!
 background: -webkit-linear-gradient(top, #6d0000 0%,#b21621 20%,#b21621 82%,#6d0000 100%); !* Chrome10-25,Safari5.1-6 *!
 background: linear-gradient(to bottom, #6d0000 0%,#b21621 20%,#b21621 82%,#6d0000 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0000', endColorstr='#6d0000',GradientType=0 ); !* IE6-9 *!*/
    margin: 5px auto 0; }
.customer .header.has-logo .row { display: flex; align-items: center; }
.customer .responsive-header { display: none; }
.customer .header .decode-animation { float: right; margin: 20px 22px 0 0; width: 252px; height: 50px; display: block; }
.customer .header .tagline h1 { font-family: Arial, Helvetica, sans-serif; color: #524E4E; clear: both; font-size: 28px; font-weight: bold; padding-top: 15px; }
.dark-bar { background-color: var(--main-colour-dark); font-weight: bold; padding: 10px; margin: 0 auto 10px auto; }
.dark-bar h1 { color: #ffffff; font-size: 24px; }
.dark-bar h2 { color: #ffffff; font-size: 18px; }
.radio-images p { display: none; }
.radio-images { display: flex; align-items: center; justify-content: space-evenly; }
.radio-images #radio_image { max-width: 380px; }
.radio-images #label_image { max-width: 380px; }
.select2-selection__rendered { line-height: 32px !important; font-size: 16px; }
.select2-container .select2-selection--single { height: 36px !important; }
.select2-selection__arrow { height: 35px !important; }
.enter-part-container { margin: 20px auto; }
.enter-serial-container { margin: 20px auto; }
.enter-serial-container input[type=text] { font-size: 18px; padding: 2px; }
.enter-serial-container .btn { margin-top: -6px; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; margin: 17px 0; line-height: 31px; }
.header .logo h1.logo_text { font-size: 26px; margin: 5px 0 0 0; }
.header .logo a { color: #272727; }
.header .logo p { font-size: 14px; margin-bottom: 0; }
.navbar-brand { float: none; padding:0; }
.currency-select { list-style: none; padding: 0; margin: 0; }
.checkout-row { padding: 15px; }
.your-order ul { list-style: none; padding: 0; margin: 0; font-size: 16px; }
.your-order .order-label { font-weight: bold; color: #666; }
.your-order .order-label .order-value { font-weight: normal; color: #666; }
.your-order button { background: none; border: none; cursor: pointer; display: block; margin: 0 auto; }
.your-order button img { max-width: 100%; }
.thanks-page { color: #878787; }
.payment-amount { color: #666; }
.code-result { font-size: 16px; color: #666; }
.instructions { font-size: 16px; color: #666; }
.row-margin { margin-top: 4px; }
.nxt-pad { padding: 6px 0; }
footer * { font-size: 12px; }
footer.dark-bar { margin-bottom: 0; font-weight: normal; border-top: 4px solid var(--stripe); }
footer.dark-bar p { color: #fff; }
footer #foot { color: #fff; }
footer a:link, footer a:visited, footer a:hover, footer a:active { color: #fff; }
.panel-heading h1 { font-size: 14px; margin: 0; font-weight: bold; line-height: 1.6; }
footer .col-md-3 { padding: 0; }
html { position: relative; min-height: 100%; }
body { /* Margin bottom by footer height */
    margin-bottom: 70px; }
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */
    height: 60px; }
#msgshowhide, #msgshowhide-2 { display: none; }
.stopwatch,
.stopwatch a { font-weight: bold; font-style: italic; font-size: 16px; color: #000; }
.home-lhs img { max-width: 99%; }
.home-mfr img { max-width: 99%; }
.header { cursor: pointer; }
.decode-label { padding-right: 0; }
.header .top-menu { margin: 20px 0 0; padding: 0; }
.header .top-menu li { display: inline-block; padding: 0; margin: 0; }
.header .top-menu > li > a { padding: 10px 15px 0 15px; font-weight: bold; color: var(--top-menu-font-colour); }
.site-description { color: var(--top-menu-font-colour); }
.select-currency label { padding-right: 15px; }
/*.select-currency ul li:nth-child(1n+4) input,
.select-currency ul li:nth-child(1n+4) label{ display:none; }*/
.heading-card-icons img { max-width: 40px; }
.select-currency ul li input[type="radio"]:checked,
.select-currency ul li input[type="radio"]:checked + label { display: inline-block; }
.change-details-link { margin-bottom: 10px; display: inline-block; }
.bluedot-logo { width: 140px; height: 140px; border-radius: 70px; background: #0080ff; margin-bottom: 5px; float:left; }
.happy-customer { width: 250px; border: 1px solid #666; position: fixed; bottom: 10px; left: 10px; background: #fff; padding: 0 0 10px 0; border-radius: 0; box-shadow: 0px 0px 6px 0px #999; }
.happy-customer .customer-product { color: #fff; border-radius: 0; border-bottom: 1px solid #000; padding: 0 5px; overflow: hidden; background: #000066; }
.happy-customer .customer-name { padding: 0 5px; }
.happy-customer .customer-comment::before { content: "\""; }
.happy-customer .customer-comment::after { content: "\""; }
.happy-customer .customer-comment { padding: 0 5px; font-style: italic; }
.happy-customer .customer-location { padding: 0 0; }
.star-rating-background { margin: 0 auto; width: 160px; height: 30px; background: url("../images/star-inactive.png") repeat-x top left; }
.stars { height: 30px; background: url("../images/star.png") repeat-x top left; }
.solder-layout .col-xs-1 { font-size: 12px; }
.solder-layout input { margin: 0; }
.language-selector img,
.currency-selector img,
.menu-currency-selector img { max-height: 14px; margin-top: -1px; }
.btn-nav { color: #fff; background: transparent; border: none; }
.btn-nav.focus, .btn-nav:focus, .btn-nav:hover { color: #fff; }
.language-menu .btn-group { margin-top: -1px; }
.language-menu .dropdown-menu { background: #5456bb; box-shadow: inset 0px 0px 2px 0px #000; }
.language-menu .dropdown-menu a { color: #fff; text-align: left; }
.language-menu .dropdown-menu > li > a:focus,
.language-menu .dropdown-menu > li > a:hover { color: var(--menu-font-colour); background: var(--menu-hover-background); border-radius: 0; }
.currency-selector .dropdown-toggle { color: var(--menu-font-colour); }
.currency-selector .dropdown-menu a { color: var(--menu-font-colour); text-align: left; }
.currency-selector .dropdown-menu > li > a:focus,
.currency-selector .dropdown-menu > li > a:hover { color: #636b6f; background: var(--menu-hover-background); border-radius: 0; }
.header .language-menu li .dropdown-menu li,
.currency-selector li .dropdown-menu li { display: block; }
.language-menu { list-style: none; }
.language-menu .has-buttons { float: right; margin-top: -24px; }
.mt { margin: 30px; }
/* BrainTree */
.checkout-box { border-radius: 4px; position: relative; transition: min-height .6s; background-color: #fafafa; border: 1px solid #b5b5b5; padding: 0; margin-top: 15px; }
.co-radio-image { margin: 15px; }
.checkout-box-heading { border-bottom: 1px solid #b5b5b5; display: block; padding: 1em 1.5em; }
.checkout-box-heading:not(:first-child) { border-top: 1px solid #b5b5b5; }
.checkout-box-section { display: block; padding: 1em 1.5em; background: #fff; }
table.sitemap { width: 100%; }
.sitemap td { padding: 10px; font-size: 16px; text-align: center; }
.card-section { display: none; }
.google-section { display: none; }
.hosted-field { height: 50px; box-sizing: border-box; width: 100%; padding: 12px; display: inline-block; box-shadow: none; font-weight: 600; font-size: 14px; border-radius: 6px; border: 1px solid #dddddd; line-height: 20px; background: #fcfcfc; margin-bottom: 12px; background: linear-gradient(to right, white 50%, #fcfcfc 50%); background-size: 200% 100%; background-position: right bottom; transition: all 300ms ease-in-out; }
.hosted-fields--label { font-size: 14px; display: block; margin-bottom: 6px; }
.button-container { display: block; text-align: center; }
.button { cursor: pointer; font-weight: 500; line-height: inherit; position: relative; text-decoration: none; text-align: center; border-style: solid; border-width: 1px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; display: inline-block; }
.button--small { padding: 10px 20px; font-size: 0.875rem; }
.button--green { outline: none; background-color: #64d18a; border-color: #64d18a; color: white; transition: all 200ms ease; font-size: 18px; }
.button--green:hover { background-color: #8bdda8; color: white; }
.braintree-hosted-fields-focused { border: 1px solid #64d18a; border-radius: 1px; background-position: left bottom; }
.braintree-hosted-fields-invalid { border: 1px solid #ed574a; }
.braintree-hosted-fields-valid { }
#cardForm, #details { max-width: 50.75em; margin: 0 auto; padding: 0 1.875em; }
.select2-container { min-width: 50%; }
#braintree-paypal-loggedin { display: none; margin-top: 10px; max-width: 500px; overflow: hidden; padding: 16px; border-top: 1px solid rgb(209, 212, 214); border-bottom: 1px solid rgb(209, 212, 214); background-image: url("paypal.svg"), none; background-size: 13px 15px; background-position: 20px 50%; background-repeat: no-repeat; }
#bt-pp-name { color: rgb(40, 48, 54); font-size: 13px; font-weight: 800; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 36px; -webkit-font-smoothing: antialiased; }
#bt-pp-email { color: rgb(110, 120, 127); font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 5px; -webkit-font-smoothing: antialiased; }
#bt-pp-cancel { color: rgb(61, 149, 206); font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; margin: 0px 0px 0px 25px; padding: 0px; border: 0px; cursor: pointer; text-decoration: underline; float: right; -webkit-font-smoothing: antialiased; background-color: transparent; }
.mobile { display: none; }
.desktop { display: block; }
.mobile-checkout-confirmation { background: #eee; border-radius: 5px; margin: 3px; }
#google-pay-button button { background: #000 url(https://www.gstatic.com/instantbuy/svg/dark/en.svg) no-repeat 50%; min-width: 152px; width: 240px; padding: 12px 24px 10px; height: 40px; min-height: 40px; border-radius: 4px; }
#apple-pay-button { display: block; background-color: black; background-image: -webkit-named-image(apple-pay-logo-white); background-size: 100% 100%; background-origin: content-box; background-repeat: no-repeat; width: 200px; height: 44px; padding: 10px 0; border-radius: 10px; }
.btn-primary { background: var(--primary-button-background); border: none; border-bottom: 2px solid var(--primary-button-border); }
.btn-primary:hover { background: var(--primary-button-hover-background); border: none; border-bottom: 2px solid var(--primary-button-hover-border); }
/* Progress steps */
.steps { width: 100%; }
.steps ol { display: flex; width: 100%; list-style: none; padding: 0; margin: 12px 0 20px; counter-reset: step; }
.steps li { position: relative; flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; line-height: 1.2; border-radius: 0; background: var(--steps-completed-background); /* completed/default state (highlighted) */
    color: var(--steps-completed-font-colour); font-weight: 700; font-size: 14px; text-align: center; }
/* Step number bubble */
.steps li::before { counter-increment: step; content: counter(step); display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 0; background: #fff; color: var(--steps-completed-background); font-weight: 800; font-size: 12px; }
/* Ensure step links look like the step text */
.steps li a { color: inherit; text-decoration: none; }
/* Chevron between steps */
.steps li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 14px solid var(--steps-completed-background); /* matches completed bg */
    z-index: 1; }
/* Current step: stronger highlight */
.steps .is-current { background: var(--main-colour); }
.steps .is-current::before { color: var(--main-colour); }
.steps .is-current:not(:last-child)::after { border-left-color: var(--main-colour); }
/* Future steps (after current): look disabled */
.steps .is-current ~ li { background: var(--steps-future-background); color: var(--steps-future-font-colour); font-weight: 600; }
.steps .is-current ~ li::before { background: var(--steps-bubble-background); color: var(--steps-bubble-font-colour); font-weight: 700; }
.steps .is-current ~ li:not(:last-child)::after { border-left-color: var(--steps-bubble-background); }
/* Ensure long labels truncate nicely on small screens */
.steps li { white-space: nowrap; overflow: visible; text-overflow: clip; }
.blinking { animation: blinkingText 1.2s infinite; }
@keyframes blinkingText {
    0% { color: #a94442; }
    49% { color: #a94442; }
    60% { color: transparent; font-weight: bold; }
    99% { color: transparent; }
    100% { color: #a94442; }
}
@media screen and ( max-width: 975px) {
    body { overflow-x: hidden; }
    .customer .header { display: none; }
    .customer .responsive-header { display: block; }
    #label_image img { max-width: 100%; }
    #radio_image img { max-width: 100%; }
    .row-margin { margin: 4px 0 0 0; }
    .row { margin-left: 0; margin-right: 0; }
    .parent-row { margin: 0 -15px; }
    .navbar-default { border: 0; display: inline-block; }
    .language-menu { padding-left: 0; }
    .language-menu .has-buttons { float: none; margin-top: 0; }
    .language-menu .dropdown-menu { background: var(--mobile-language-menu-background); }
}
@media screen and ( max-width: 767px) {
    .navbar-default { border: 0; display: block; }
    .more_links a { display: inline-block; padding: 5px 5px; margin: 5px 5px 5px 5px; }
    .more_links .seperator { display: none; }
    .brand-row { text-align: center; }
    .brand-image img { margin: 5px; }
    #msgshowhide img { max-width: 100%; }
    .language-menu .dropdown-menu { }
}
@media screen and ( max-width: 600px) {
    .mobile { display: block; }
    .desktop { display: none; }
    .your-order { width: 100%; }
    .happy-customer { position: static; margin: 0 auto 10px; }
    .steps li { font-size: 13px; padding: 8px 10px; }
    .steps li::before { width: 22px; height: 22px; font-size: 11px; }
    .steps li:not(:last-child)::after { border-top-width: 16px; border-bottom-width: 16px; right: -12px; border-left-width: 12px; }
    .col-md-12 { padding: 0; }
    .mt { margin-left: 0; margin-right: 0; }
    img { max-width: 100%; }
    .steps li::before { display: none; }
    .select2 { margin-bottom: 20px !important; width: 100% !important; }
    .radio-images { flex-direction: column; }
    .currency-select li { display: flex; }
    .currency-select li input { margin-top: 0; margin-right: 10px; }
    .checkout-box-heading { display: flex; }
    .checkout-box-heading input[type="radio"] { margin-top: 0; margin-right: 10px; }
    .checkout-box-heading label { margin-bottom: 0; }
    .checkout-box-heading .heading-card-icons { margin-left: auto; }
    .footer { height: 115px; }
    body { margin-bottom: 115px; }
    .footer .container { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .blinking { min-height: 38px; display: block; }
}
@media screen and ( max-width: 500px) {
    .heading-card-icons img { max-width: 20px; }
}
@media screen and ( max-width: 400px) {
    .mfr-home { display: flex; flex-direction: column; }
    .home-rhs { order: 1; }
    .home-lhs { order: 2; }
    input, textarea, .form-control { font-size: 16px; }
    #app { padding-bottom: 20px; }
    .heading-card-icons img { max-width: 14px; }
}
@media screen and ( max-width: 387px) {
    .enter-serial-container .btn { margin-top: 20px; }
}