body {background:#FFF6EB;padding: 0px; margin: 0px; font-family: "Montserrat", sans-serif; font-size: 12px;}
h1 {text-align: center;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt10 {margin-top: 10px;}
.recipient-email-note {width: 600px; margin: 0 auto; background: #ffffff;}
.recipient-email-note img.brand-img {width: 598px; border: #005eae 1px solid;}
.recipient-email-note h2 {color: #464646; font-size: 28px;text-align: center; margin: 15px 0 0; font-weight: 600; line-height: 1.3;}
.recipient-email-note h2.recipient-name {color: #005bab; font-size: 28px;text-align: center; margin: 0 0 30px; font-weight: 600; line-height: 1.3;}
.recipient-email-note p {margin: 0px 0 25px; color: #464646; text-align: center; font-size: 18px;}
.recipient-email-note p span {color: #005bab;}
.recipient-email-note p.pdf {text-align: left;padding: 0 15px;margin: 0 0 15px;line-height: 1.3;}
.recipient-email-note p.pdf a {color: #15c;}
table.courts-recipient-table {font-size: 15px; color: #464646; padding: 0 15px;}
table.courts-recipient-table tr th {border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid;padding: 10px 0;}
table.courts-recipient-table tr td {border-top: #dcdcdc 1px solid; padding: 5px 0;}
table.courts-recipient-table tr.total-value td {font-size: 20px;}
.recipient-email-note button {border: 0px; background: #005bab; width: 190px; height: 40px; font-size: 14px; margin: 30px auto 20px; color: #ffffff; font-weight: 600; display: block; padding: 0px; font-size: 17px; cursor: pointer;}
.recipient-email-note label.sender-detail {color: #767676; font-size: 16px; margin: 0px; padding: 0px; display: block; width: 100%; text-align: center;}
.recipient-email-note .footer {border-top: #ececec 1px solid; padding: 15px 0; text-align: center; margin: 20px 0 0;}
.recipient-email-note .footer img {width: 120px;}
.courts-accept-giftcard {width: 703px; margin: 0 auto 120px;}
.courts-accept-giftcard h1 {color: #005bab; font-weight: 600; font-size: 30px;}
.courts-accept-giftcard .courts-custom-theme {width: 703px; height: 400px; position: relative;}
.courts-accept-giftcard .courts-custom-theme img  {width: 100%;}
.courts-accept-giftcard .courts-custom-theme label.sender-wish {font-family: 'Pacifico', cursive; font-size: 48px; color: #ffffff; position: absolute; top: 115px; width: 100%; text-align: center; left: 0px;}
.courts-accept-giftcard .courts-custom-theme label.recipient-name {font-size: 24px; color: #ffffff; position: absolute; top: 200px; width: 100%; text-align: center;}
.sender-info {position: absolute; bottom: 30px; left: 20px;}
.courts-accept-giftcard .courts-custom-theme .sender-info small {color: #ffffff; font-size: 15px; display: block; width: 100%;}
.courts-accept-giftcard .courts-custom-theme .sender-info span {color: #ffffff; font-size: 17px; display: block; padding-top: 7px;}
.gift-voucher {position: absolute; top: 270px; left: 325px; width: 358px; height: 236px;}
.gift-voucher img.brand { -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);}
.gift-voucher .ribbon-top {position: absolute; top: -5px; right: -5px;}
.gift-voucher .ribbon-bottom {position: absolute; bottom: -16px; left: -5px;}
.gift-voucher .voucher-value {position: absolute; bottom: 10px; right: 20px; color: #434343;}
.gift-voucher .voucher-value span {text-align: right; font-size: 31px; line-height: 26px;}
.gift-voucher .voucher-value span small {display: block; width: 100%; font-size: 14px;}
.sender-cus-message {width: 703px; height: 180px; background: #fdefb4; margin: -1px 0 0;}
.sender-cus-message .message-preview {width: 300px; height: 165px; padding: 12px; font-size: 13px; color: #000000;}
.courts-action-cntrl {text-align: center; margin: 0 0 0; }
.courts-action-cntrl span {color: red}
.courts-action-cntrl.fixed-position {background: #ffffff; position: fixed; bottom: 0px; width: 100%; left: 0px;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.75);-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.75);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.75); padding: 20px 0 0;}
.courts-action-cntrl .about-courts {color: #005bab; text-decoration: underline; font-size: 16px;}
.courts-action-cntrl button {text-align: center; background: #45b76d; border:#45b76d 2px solid; color: #fff; font-size: 20px; font-weight: 600; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 30px; margin: 15px 0 0;display: inline-block;}
.courts-action-cntrl button.close {border: #ffd200 2px solid; color: #ffffff;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px; padding: 10px 30px; font-weight: 600; font-size: 18px; margin: 0px 0 0; cursor: pointer; float: right; background: none;}
.accepted-title {font-weight: 600;text-align: center;color:#585858;font-size: 16px;margin: 0 0 20px;}
.OTP-verification {text-align: center; line-height: 20px; padding: 15% 0;}
.OTP-verification label {margin: 0px; text-align: center; color: #9b59b6; font-size: 18px; font-weight: 600;}
.OTP-verification button {background:#9b59b6; border: 0; color: #ffffff;font-size: 15px;font-weight: 600;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 0;width: 130px;height: 40px;line-height: 40px;margin-right: 8px; margin-top: 25px;}
/************************************ CSS Tabbed ***********************************/
.moo-about-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f5f5f5;
    max-width: 60rem;
    margin: 0 auto;
}
.moo-about-brand label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 10px 30px;
    cursor: pointer;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    font-size: 14px;
    color: #707070;
}
.moo-about-brand .tabbed-panel {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 25px 30px;
    background: #ffffff;
    color: #707070;
    font-size: 14px;
}
.moo-about-brand input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.moo-about-brand input[type="radio"]:checked + label {
    border-bottom: #ff4167 5px solid;
    color: #ff4167;
}
.moo-about-brand input[type="radio"]:checked + label + .tabbed-panel {
    display: block;
}
.moo-about-brand .how-to-redeem {padding: 0 0 0 15px; margin: 0px; list-style: decimal;}
.moo-about-brand .how-to-redeem li { line-height: 21px; text-align: left; font-size: 14px;}
.moo-about-brand .how-to-redeem li a {color: #005bab; text-decoration: underline;}

@media (max-width: 45em) {
    .moo-about-brand .tabbed-panel, .moo-about-brand label {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial;
    }
    .moo-about-brand label {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }
}

.courts-outlet-locations {padding: 0px; margin: 0px; list-style: none;}
.courts-outlet-locations li {float: left; width: 50%; color: #707070; height: 60px; margin-bottom: 25px;}
.courts-outlet-locations li p {margin: 0px;}
.courts-outlet-locations li p a {text-transform: uppercase; color: #005bab; text-decoration: none;}
.courts-outlet-locations li p span {display: block; width: 100%; padding: 5px 0 0;}
.user-mobile-verification {background: #ffffff; padding: 30px; width: 350px; margin: 0 auto; position: relative; text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);}
.user-mobile-verification a.close {position: absolute; top: -23px; right: -25px;}
.user-mobile-verification a.close img {width: 26px;}
.user-mobile-verification p {color:#585858;font-weight: 600;font-size: 16px;line-height: 20px;margin: 0 0 20px;text-align: left;}
.user-mobile-verification label {margin: 0px; font-size: 14px; color: #000000; position: relative; display: block; text-align: left;}
.user-mobile-verification label input {width: 100%; border: #9b59b6 1px solid; height: 45px; line-height: 45px; font-size: 14px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-bottom: 4px; text-indent: 15px;}
.user-mobile-verification label .signup-mbl-fld {height: 50px;text-indent: 129px;}
.user-mobile-verification label div.timer {color: #ff8a01; font-weight: 600; font-size: 16px; top: 14px; right: 12px; position: absolute;}
.user-mobile-verification span {position: absolute; top: 1px; left: 1px; font-size: 14px; color: #707070; height: 52px; line-height: 52px; border-right: #9b59b6 1px solid; width: 120px;}
.user-mobile-verification span img.country-flag {float: left; width: 32px; margin: 10px 7px 0 10px;}
.user-mobile-verification span img.country-drop {float: right; margin: 22px 10px 0 0;}
.user-mobile-verification small {color: red; font-size: 12px; font-weight: 600;}
.user-mobile-verification button {cursor: pointer;-webkit-border-radius: 2px; -moz-border-radius: 4px;border-radius: 4px; color: #ffffff; font-size: 15px; font-weight: 600; padding: 8px 0; width: 120px; background: #9b59b6; margin: 15px 5px 0; width: 130px; height: 40px; border: 0px;}
.user-mobile-verification button.opacity {opacity: 0.5;}
/************************** Common ************************/
.navbar {min-height: 60px;}
.navbar-inverse {background-color: #facb08; border-color: #facb08;}
.navbar-inverse .navbar-brand {padding: 6px 15px;}
.navbar-inverse .navbar-brand img {width: 160px;}
.courts-accepted-view {text-align: center; margin-top: 30px;}
.courts-accepted-view span.gift-type {
    position: absolute;
    top: 20px; left: 2px;
    background: #f9f9f9;
    color: #ff4167;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 9px 4px 14px;
    -webkit-border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    border-radius: 0px 50px 50px 0px;

}
.courts-accepted-view label.url-value {position: absolute; bottom: 30px; right: 20px; font-size: 25px; margin: 0; color: #ffffff; font-weight: 600;}
.courts-accepted-view label.url-denomination {position: absolute; bottom: 14px; right: 20px; font-size: 10px; margin: 0; color: #ffffff;}
.courts-accepted-view label.url-denomination small {font-size: 12px; margin: 0; color: #ffffff; font-weight: 600;}
.courts-accepted-view h1 {margin: 80px 0 0; color: #005bab; font-size: 35px; font-weight: 600;}
.courts-accepted-view h1 label {margin: 17px 0 0px;font-weight: normal;font-size: 19px;display: block;width: 100%; line-height: 26px;}
.courts-accepted-view .courts-brand-img {
    background: linear-gradient(45deg, rgba(69, 183, 109, 0.5) 0%, rgba(237, 182, 29, 0.5) 50%, rgba(232, 24, 80, 0.5) 100%);
    -webkit-border-radius: 30px 70px 30px 70px;
    -moz-border-radius: 30px 70px 30px 70px;
    border-radius: 30px 70px 30px 70px;
    position: relative; -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25); overflow: hidden; margin: 0 0 20px;}
.courts-accepted-view .courts-brand-img img {width: 100%;}
.courts-accepted-view .courts-brand-img label.voucher-value {position: absolute; bottom: 10px; right: 20px; color: #434343; font-size: 30px; font-weight: 600; margin: 0px;}
.courts-accepted-view .about-courts {color: #005bab; text-decoration: underline; font-size: 17px;}
.courts-accepted-view h2 {margin: 30px 0 20px; font-size: 18px; font-weight: 600; color: #005bab; text-align: left;}
.courts-footer .footer-top-area {text-align: center; color: #005bab; font-size: 16px; padding: 40px 0 10px;}
.footer-copyright {border-top: #cfcfcf 1px solid; text-align: center;}
.footer-copyright img {width: 120px; padding: 15px 0;}
.courts-view-code {padding: 15px 0;}
.courts-view-code small {color: #454545; font-weight: 600; font-size: 14px; display: block; width: 100%; padding-bottom: 5px;}
.courts-view-code button.view-code {width: 250px; cursor: pointer; border: 0px; background: #005bab; color: #ffffff;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; font-size: 16px; line-height: 15px; font-weight: 700; padding: 8px 0;}
.courts-view-code button.view-code strong {font-size: 13px;}
.courts-view-code button.show-code {width: 250px; cursor: pointer; border: 0px; background: #ffffff; color: #005bab;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; font-size: 16px; line-height: 15px; font-weight: 700; padding: 3px 0; border: #005bab 1px solid;}
.courts-view-code button.show-code img {width: 98%; margin-top: 3px;}
.courts-view-code button.show-code strong {font-weight: normal;}
.get-email-id {background: #f7f7f7; padding: 20px;}
.get-email-id .content {width: 400px; margin: 0 auto;}
.get-email-id .content label {display: block;}
.get-email-id .content label input {width: 100%; border: #d1d1d1 1px solid; height: 40px; line-height: 35px; font-size: 14px; margin-top: 5px; padding: 0 15px;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.get-email-id .content small {color: #005bab; font-size: 13px; font-weight: normal; display: block; padding-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.get-email-id .content .courts-action-cntrl button {margin: 15px 0 0 ; font-size: 20px;}
.mooments-lazada-gift {
    margin: 20px 0;
}
.mooments-lazada-gift table {
    border-radius: 15px 30px 15px 30px;
    overflow: hidden;
    border-collapse: collapse;
    background: #fff;
}
.mooments-lazada-gift table tr td table {
    border: 0px;
}
.mooments-lazada-gift table tr.row-hoghlight td table tr td, .mooments-lazada-gift table tr td table tr td {
    border: 0px;
    border-bottom: #dcdcdc 1px solid;
}
.mooments-lazada-gift table tr.row-hoghlight td table tr:last-child td, .mooments-lazada-gift table tr td table tr:last-child td {
    border-bottom: 0px;
}
.mooments-lazada-gift table tr th {
    font-size: 15px;
    color: #343434;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -0.5px;
    padding: 10px 20px;
    background: transparent;
    border: none;
}
.mooments-lazada-gift table tr td {
    border:none;
    text-align: center;
    color: #4d4d4d;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    letter-spacing: -1px;
}
.mooments-lazada-gift table tr td:first-child {
    padding: 20px;
}
.mooments-lazada-gift table tr.row-hoghlight td {
    border-bottom: #9b59b6 1px solid;
}
.mooments-lazada-gift table tr td div.brand-view {
    width: 225px;
    height: 152px;
    background: linear-gradient(45deg, rgba(69, 183, 109, 0.5) 0%, rgba(237, 182, 29, 0.5) 50%, rgba(232, 24, 80, 0.5) 100%);
    -webkit-border-radius: 15px 30px 15px 30px;
    -moz-border-radius: 15px 30px 15px 30px;
    border-radius: 15px 30px 15px 30px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    overflow: hidden;
}
.mooments-lazada-gift table tr td div.brand-view img {
    width: 100%;
}
.mooments-lazada-gift table tr td a {
    color: #e81850;
    font-size: 14px;
    text-decoration: underline;
}
.mooments-lazada-gift table tr.expired td {
    color: #c7c7c7;
}
.mooments-lazada-gift table tr.expired td span {
    color: #ff4167;
}
.mooments-lazada-gift table tr.expired td div.brand-view {
    opacity: 0.5;
}
.mooments-lazada-gift table tr.expired td div.brand-view img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.device-cntrlr {
    display: block;
}
.web-cntrlr {
    display: none;
}
.view-code-pin button {
    background: #45b76d;
    text-align: center;
    color: #ffffff;
    line-height: 14px;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 0px;
    width: auto;
}
.view-code-pin-used button {
    background: #bbbbbb;
    text-align: center;
    color: #ffffff;
    line-height: 14px;
    font-weight: 600;
    padding: 15px 0 13px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 0px;
    width: 100%;
    border: #aaaaaa 1px solid;
    cursor: not-allowed;
}
.view-code-pin button span.stars, .view-code-pin-used button span.stars {
    display: block;
    font-size: 24px;
}
.view-code-pin button span.text, .view-code-pin-used button span.text {
    font-size: 18px;
}
.pin-code-view div {
    font-size: 18px;
    border: #3fbb65 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 15px 0 13px;
    width: 85%;
    display: inline-block;
}
.pin-code-view div span {
    display: block;
}
.pin-code-view div span label {
    font-weight: normal;
}
.pin-code-view div span label strong {
    font-weight: 600;
}
#show-barcode-details {
    border: none !important;
}
/******************* Media ****************/

@media (max-width: 767px) {
    .device-cntrlr {
        display: none;
    }
    .web-cntrlr {
        display: block;
    }
    .moo-device-lazada-gift {
        position: relative;
    }
    .moo-device-lazada-gift .responsive-rectangle table {
        width: 75%;
        margin: 10px auto 30px;
    }
    .moo-device-lazada-gift .responsive-rectangle table tr td, .moo-device-lazada-gift .responsive-rectangle table tr th {
        padding: 10px;
    }
    .moo-device-lazada-gift .responsive-rectangle table tr td a {
        display: inline-block;
        margin: 0 10px;
    }
    .moo-device-lazada-gift .responsive-rectangle {
        margin: 0 auto;
        max-width: 550px;
        text-align: center;
        width: 100%;
    }
    .moo-device-lazada-gift .responsive-rectangle.expired img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.5;
    }
    .moo-device-lazada-gift .responsive-rectangle.expired table tr td {
        color: #c7c7c7;
    }
    .moo-device-lazada-gift .responsive-rectangle.expired table tr td span {
        color: #ff4167;
    }
    .moo-device-lazada-gift .brand-view {
        padding-top: 51%;
        position: relative;
        width: 100%;
    }
    .moo-device-lazada-gift .brand-view img {
        bottom: 0;
        left: 0;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        right: 0;
        position: absolute;
        top: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    }
    .view-code-pin button, .view-code-pin-used button {
        padding: 10px 10px;
        line-height: 10px;
    }
    .view-code-pin button span.stars, .view-code-pin-used button span.stars {
        font-size: 20px;
    }
    .view-code-pin button span.text, .view-code-pin-used button span.text {
        font-size: 15px;
    }
    .pin-code-view div {
        padding: 9px 0px 4px;
        font-size: 15px;
    }
    .pin-code-view div span {
        line-height: 14px;
    }
    button.claimed {
        background: #ffffff;
        color: #ff9966;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        padding: 15px;
        border: #ff9966 2px solid;
        display: inherit;
        width: 300px !important;
        cursor: auto;
        margin: 10px 0 !important;
    }
}

@media (max-width: 480px) {
    .moo-device-lazada-gift .responsive-rectangle table tr td, .moo-device-lazada-gift .responsive-rectangle table tr th, .moo-device-lazada-gift .responsive-rectangle table tr td a {
        font-size: 14px;
        padding: 5px;
    }
    .view-code-pin button span.stars, .view-code-pin-used button span.stars {
        fint-size: 16px;
    }
    .view-code-pin button span.text, .view-code-pin-used button span.text, .pin-code-view div {
        font-size: 13px;
    }
    .accepted-title {font-size: 20px; line-height: 25px;}
    .user-mobile-verification {width: auto;}
    .error {
        color: red;
        margin-bottom: 10px;
        padding: 10px;
        border: none !important;
    }
}
@media (max-width: 540px) {
    .star-refresh-qrcode {
        /*position: absolute !important;*/
        /*width: 100% !important;*/
        /*height: 100% !important;*/
        /*background-color: #343a3fb3 !important;*/
        /*z-index: 1;*/
        margin-left: -24px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mooments-lazada-gift table tr td:first-child {
        width: 170px;
    }
    .mooments-lazada-gift table tr td div.brand-view {
        width: 150px;
        height: 100px;
    }
    .mooments-lazada-gift table tr td {
        font-size: 15px;
    }
    .mooments-lazada-gift table tr th {
        font-size: 13px;
    }
    .view-code-pin button span.stars, .view-code-pin-used button span.stars {
        font-size: 18px;
    }
    .view-code-pin button span.text, .view-code-pin-used button span.text, .pin-code-view div {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    button.claimed {
        width: auto !important;
    }
}

.about-brand a.popup-close, .store-locations a.popup-close {
    top: -25px;
    right: -27px;
    position: absolute;
}
.star-refresh-qrcode {
    /*position: absolute !important;*/
    width: 100% !important;
    height: 100% !important;
    /*background-color: #343a3fb3 !important;*/
    /*display:none;*/
    /*margin-top: -15px !important;*/
    z-index: 1;
    margin-left: -20px;
}

.star-refresh-qrcode button {
    margin-top: calc(50% - 83px);
    background: orange;
    border-color: #c16464;
    border-radius: 5px;
    color: #fff;
    padding: 7px 15px;
    display: inline-block !important;
}

.star-refresh-qrcode button#refresh_sb_code {
    display: inline-block !important;
    margin-top: calc(29% - 19px);
}

.star-refresh-qrcode span{
    color: #fff;
    display: none !important;
    padding-top: 5%;
}
button.claimed {
    background: #ffffff;
    color: #ff9966;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 15px;
    border: #ff9966 2px solid;
    margin: 0 auto;
    display: inherit;
    width: 350px;
    cursor: auto;
}
.error {
    color: red;
    margin-bottom: 10px;
    padding: 10px;
    border: none !important;
}