body{
    background-color:#fff;
    background-repeat: no-repeat;
    background-position: center 150px;
    font-family:'Open Sans', sans-serif;
}
@media (min-width:1360px) {
    .container {
        width:1320px
    }
}
@media (min-width:1600px) {
    .container {
        width:1500px
    }
}

.navbar-default {
    background-color: #087f99;
    color:#524E4E;
}


.panel-default > .panel-heading{
    background-color:#08768e;
    color:#fff;
    font-weight:bold;
    border-radius:0;
}
.navbar-default .navbar-brand{
    color: #524E4E;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background: #727780;
    color: #fff;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #b21621;
    color: #524E4E;

}
.navbar-nav > li > .dropdown-menu {
    background-color:#b21621;
}
.navbar-nav > li > .dropdown-menu  > li > a {
    color: #524E4E;
}

.navbar-nav > li > .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #727780;
}

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


.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #E4F6FE;
}
.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: #E6F8FF;
}


.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;
}
.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:#0c7397;
    border-bottom:4px solid #feba00;
    text-align:center;
    color:#fff;
}
.customer .content{
    color:#0c7397;
}
.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:0 auto;
}
.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:#08768e;
    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: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    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: left;
    padding: 4px 15px 4px 15px;
}

.currency-select{ list-style:none; padding:0; margin:0;}
.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 #feba00;}
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: 60px;
}
.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:#524E4E;
}
.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;
}

.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:#666666;
    background:#e0f6ff;
    border-radius:0;
}

.currency-selector .dropdown-toggle{
    color:#666666;
}

.currency-selector .dropdown-menu a{
    color:#666666;
    text-align:left;
}

.currency-selector .dropdown-menu > li > a:focus,
.currency-selector .dropdown-menu > li > a:hover
{
    color:#636b6f;
    background:#e0f6ff;
    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:#22b0cf;
    border:none;
    border-bottom: 2px solid #075f72;
}


/* 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: #0e8aa7; /* completed/default state (highlighted) */
    color: #fff;
    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: #0e8aa7;
    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 #0e8aa7; /* matches completed bg */
    z-index: 1;
}
/* Current step: stronger highlight */
.steps .is-current {
    background: #0c7397;
}
.steps .is-current::before {
    color: #0c7397;
}
.steps .is-current:not(:last-child)::after {
    border-left-color: #0c7397;
}
/* Future steps (after current): look disabled */
.steps .is-current ~ li {
    background: #eef3f6;
    color: #7a8a93;
    font-weight: 600;
}
.steps .is-current ~ li::before {
    background: #d7e3ea;
    color: #60707a;
    font-weight: 700;
}
.steps .is-current ~ li:not(:last-child)::after {
    border-left-color: #d7e3ea;
}
/* 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:#525760;
    }
}
@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;
    }
}