/* Tip Form Modal */

.tipForm .modal-content{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07)), #121212;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 0px;
    height: auto;
}

.tipsiteMemberForm {
    margin-top: 15px;
}

.tipForm .failMessage, .tipForm .errorMessage {
    text-align: center;
    color: red;
}

#netbilling-section {
    margin-left: -15px!important;
    margin-right: -15px!important;
}

#payout-container .row {
    margin-left: -15px!important;
    margin-right: -15px!important;
}

.tipForm .choice, .tipForm .otherChoice {
    margin-bottom: 10px;
}

.tipForm .infoBlock{
    padding-right: 0;
}

.tipForm .minimumAmount {
    margin-left: 16px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: left;
    padding: 0 0 15px 15px;
}

.tipForm .tipDividerContainer {
    padding-left: 15px;
}

.tipForm .tipDividerContainer hr{
    margin-bottom: 10px;
}

.tipForm .tipsDescription span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

#sendTipBtn img {
    content: url(/design-1/images/dollar_sign_light.svg);
}

#memberTipForm .closeImg {
    content: url(/design-1/images/navigation/close_light.svg);
    margin-top: 10px;
}

.tipForm .joinGuest {
    width: 108px;
    height: 36px;
    background: #8BD7FA;
    border-radius: 4px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
}

.tipForm .joinGuestContainer .member {
    margin-right: 15px;
}

.tipForm .joinGuestContainer .fa-user {
    margin-right: 7px;
}

.tipForm .guestSummary {
    padding-left: unset;
}

.tipForm .tipTitle {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
    padding: 0 0 15px 15px;
}

.tipForm .tipTitleGuest {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    padding: 0 0 15px 15px;
}

.tipForm .paymentTitle {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 0 15px 0;
}

.tipForm .amountSection {
    padding-left: 0;
}

.tipForm .amountSection label {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
}

.tipForm .processing-fee {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
}

.tipForm .totalCheckout {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
}

.tipForm #note {
    resize: none;
}

.tipForm .fa-check {
    color: #36b1ea;
}

.tipForm .successContent {
    text-align: center;
}

.tipForm .successContent h2 {
    margin-top: 10px;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18000000715255737px;
}

.tipForm .successContent .tipAmountGuest{
    padding: 20px 0 0 0;!important;
}

.tipForm .successContent p{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    padding: 20px 0 50px 0;
}

.tipForm .discrete {
    margin: 0 auto;
}

.tipForm .successMessage {
    color: rgba(255, 255, 255, 0.60);
}

.tipForm .fa-credit-card {
    color: #36b1ea;;
}

.tipForm .checkout p{
    text-align: justify;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

.tipForm .storeBorder {
    text-align: justify;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

.tipForm .tip-container-redesign .row{
    padding: 10px 0 25px 15px;
}

.tipForm .footerTipModal{
    padding-top: 30px;
}

.tipForm .footerTipModal p{
    letter-spacing: 0.4000000059604645px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: rgba(255, 255, 255, 0.38);
}

.tipForm .close-btn {
    display: block;
    color: #ccc;
    font-size: 24px;
}

.tipForm .successContent .tip-tribute-block {
    position: fixed !important;
}

.tipForm .successContent .tip-tribute {
    margin-top: 50px !important;
}

.tipForm .aboutChargeInfoContainer{
    padding-left: 7px;
}

.tipForm .aboutChargeInfoContainer p{
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4000000059604645px;
    text-align: left;
    color: rgba(0, 0, 0, 0.38);
}

.tipForm .closeImg {
    content: url(/design-1/images/navigation/close_light.svg);
    padding: 10px;
}

.tipForm .alertContainer img{
    height: 15px;
    transform: rotate(180deg);
    filter: brightness(0);
}

@media (max-width: 768px) {
    .tipForm .alertContainer {
        float: left;
        margin-top: -4px;
    }
}

.tipForm .alert {
    padding: 10px;
    font-size: 14px;
}
.tipForm a {
    color: #36b1ea;
    text-decoration: underline;
}
.tipForm h1 {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

.tipForm .totalCheckout h1 {
    margin-bottom: 0;
}

.tipForm h1 .fa {
    color: #36b1ea;
}
.tipForm label {
    font-size: 14px;
    font-weight: 300;
}

.tipForm .form-control{
    min-height: 48px;
}

.tipForm .form-group input {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.tipForm .form-group input:-webkit-autofill {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(157 149 149 / 60%);
    font-weight: 500;
}

.tipForm .radioChoice {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.tipForm #amount-container-guest .radioChoice {
    padding: 0 15px!important;
    margin: 0;
}

.tipMemberForm .buttonArea img {
    content: url(/images/dollar-attachment-white.svg);
}

.tipForm .radioChoice input[type='radio'] {
    display: none;
}

.tipForm .radioChoice label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 8px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid rgba(0, 0, 0, 0.6);
    background-color: transparent;
}

.tipForm .radioChoice input[type='radio']:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 19.5px;
    content: " ";
    display: block;
    background: rgba(255, 65, 180, 1);

}

.tipForm .radioChoice input[type='radio']:checked + label:before {
    border: 2px solid  rgba(255, 65, 180, 1);
}

.tipForm .checkbox {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.tipForm .checkbox label{
    padding-left: 12px;
}

.tipForm input[type='checkbox'] {
    accent-color:  rgba(255, 65, 180, 1);
    display: none;
}

.tipForm .checkbox label:before {
    content: "";
    display: block;
    position: absolute;
    text-align: center;
    height: 18px;
    width: 18px;
    left: 0;
    top: 2px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.12);

}

.tipForm input[type='checkbox']:checked + label:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;

}

.tipForm input[type='checkbox']:checked + label:before {
    background-color:  rgba(255, 65, 180, 1);
}

.tipForm .form-group select {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.tipForm #noteAreaGuest {
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-bottom: 0;
}

.tipForm .noteArea textarea{
    max-height: 70px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.tipForm .product {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    margin: 0 0 15px 0;
    padding: 15px 0 15px 0;
    min-height: 100px;
}

.tipForm .complete{
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px;
    padding: 0;
    padding: 0 0 20px 0;
}

.tipForm .pic {
    padding-left: 0;
}

.tipForm .pic img {
    height: 80px;
}

.tipForm .title {
    color: #36b1ea;
    font-size: 20px;
    margin-top: 15px;
}

.tipForm .model {
    font-size: 16px;
}

.tipForm .cost {
    font-size: 26px;
    color: #36b1ea;
    margin-top: 18px;
}

.tipForm .discount {
    font-size: 18px;
    margin: 35px 0 25px 0;
}

.tipForm .pink {
    color: #E82394;
}

.tipForm .fa-user {
    color: #36b1ea;
}

.tipForm .joinButton {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0 25px 0;
}

.tipForm .send-tip-container {
    padding-bottom: 20px;
}

.tipForm .send-tip-container button {
    margin-top: unset;
}


.tipForm .join {
    width: 200px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    height: 60px;
    font-size: 20px;
    margin-left: 25px;
}

.tipForm .member {
    margin-top: 15px;
}

.tipForm .redesign-input{
    background: transparent!important;
}

.tipForm .redesign-input .noteArea textarea{
    background: transparent!important;
}

.tipForm .input {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px;
    padding: 15px 15px 0 15px;
    width: 100%;
}

.tipForm .tipFormDivider {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.tipForm .cvvInputContainer {
    position: relative;
}

.tipForm .cvvInputContainer input[type="text"]{
    padding-right: 30px;
}

.tipForm .cvvInputContainer img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 10px;
}

.tipForm .payment {
    padding-left: 0;
    padding-right: 0;
}

.tipForm .paymentContainer {
    padding-left: 0;
}

.tipForm .month {
    padding: 0;
    margin-top: 3px;
}

.tipForm .month label {
    font-size: 14px;
}

@media (max-width: 991px) {
    .tipForm .month label {
        font-size: 12px;
    }
}

.tipForm .year {
    margin-top: 3px;
    padding-right: 0;
}

.tipForm .card {
    margin-top: 12px;
}

.tipForm .Ccard {
    height: 21px;
    padding-left: 0;
    padding-right: 0;
}

.tipForm .Ccard img{
    width: 104px;
    height: 21px;
}

.tipForm .modal-dialog {
    width: 780px;
    margin: 20px auto;
}

@media (max-width: 1199px) {
    .tipForm .modal-dialog {
        width: 100%;
        margin: 20px auto;
        padding: 10px;
    }
}

.tipForm .state {
    padding-left: 0;
}

.tipForm .pCode {
    padding-left: 0;
    padding-right: 15px;
}

.tipForm .lastName {
    padding-left: 0;
}

.tipForm .emailContainer {
    height: 63px;
}


.tipForm .link {
    font-size: 14px;
    margin-top: -10px;
}

.tipForm .total {
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.tipForm .redesign-total {
    margin-top: unset;
    border-bottom: unset;
}

.tipForm .receipt label {
    margin-top: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
}

.tipForm .agree {
    margin-top: 0;
}

.tipForm .agree label{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
}

.tipForm .order {
    width: 100%;
    margin-top: 15px;
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    background: #F48FB1;
    border-radius: 4px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #000000;
}

.tipForm .agree a {
    text-decoration: none;

}

@media (max-width: 991px) {
    .tipForm .order {
        font-size: 20px;
    }

    .tipForm .member {
        font-size: 16px;
    }
}

.tipForm .done {
    padding: 0;
    margin: 0;
}

.tipForm #Phone {
    width: 100%;
}

@media (max-width: 767px) {
    .tipForm .title, .tipForm .model, .tipForm .cost div, .tipForm .joinButton, .tipForm .checkout {
        text-align: center;
    }

    .tipForm .pic img {
        margin: 0 auto;
    }

    .tipForm .member {
        float: none !important;
        text-align: center;
    }

    .tipForm .join {
        margin: 0 auto !important;
    }

    .tipForm .year {
        padding-left: 0;
    }

    .tipForm .state {
        padding-right: 0;
    }

    .tipForm .total {
        padding-bottom: 40px;
    }

    .tipForm .infoBlock {
        padding-left: 6px;
    }

    .tipForm .form-control {
        min-height: 34px;
    }

    .tipForm .lastName {
        padding-left: 15px;
    }

    .tipForm .pCode {
        padding-left: 15px;
    }

    .tipForm .emailContainer {
        height: 49px;
    }

    .tipForm .Ccard {
        padding-right: 11px;
        margin-bottom: 11px;
    }

    .tipForm .orderSummaryBlock {
        padding: 10px 15px 0 15px;
    }

    .tipForm .noteArea {
        padding-right: unset;
        padding-left: 6px;
    }

    .tipForm .totalDividerContainer {
        padding: 0 5px 0 5px
    }

    .tipForm .complete {
        margin-left: 6px;
    }

    .tipForm .totalDividerContainer .tipFormDivider {
        width: 100%;
    }

    .tipForm .radioChoice input[type='radio']:checked + .otherChoice:after {
        left: 19px;
    }

    .tipForm .radioChoice input[type='radio']:checked + label:after {
        left: 19px;
    }

    .tipForm .product .form-group {
        text-align: unset;
    }

    .tipForm .state {
        padding-right: 15px;
        padding-left: 15px;
    }

    .tipForm .successContent {
        margin-top: 45px;
    }

    .tipForm .successContent a {
        position: absolute;
        right: 20px;
        top: -30px;
    }

    /* member form*/

    .tipsiteMemberForm .summaryBlock {
        padding: 0 5px 0 11px
    }

    .tipsiteMemberForm .redesign-input .tipFormDivider {
        width: 100%;
    }

    .tipsiteMemberForm .tip-container-redesign {
        text-align: unset;
    }

    .tipsiteMemberForm .tip-container-redesign .amountSection div:nth-child(5) {
        padding-right: 7px;
    }

    .tipsiteMemberForm .tip-container-redesign .amountSection div:nth-child(6) {
        padding-right: 50px;
    }

    .tipsiteMemberForm .tip-container-redesign .amountSection div:nth-child(7) {
        width: 100%;
        padding-left: 15px;
    }

}

@media (max-width: 390px) {

    .tipForm .product .amountSection div:nth-child(5) {
        padding-left: 8px;
        padding-right: 7px;
    }
}

.tipForm .guest-tip-processing-fee {
    font-weight: 300;
}

.tipForm #guestStoreName {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
}

/*
    Buy again modal
*/

.buyAgain .modal-content {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    height: auto;
    max-width: 556px;
}

.buyAgain .modal-body {
    text-align: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
}

.buyAgain .modal-footer {
    display: flex;
    justify-content: center;
    border: unset;
}

.buyAgain .modal-footer button {
    width: 100%;
}

.buyAgain .cancelBtn {
    background-color: transparent;
    color:  rgba(255, 65, 180, 1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.25px;
    border: 1px solid rgba(255, 65, 180, 1);
    border-radius: 4px;
}

.buyAgain .cancelBtn:hover {
    color: rgba(255, 65, 180, 1) !important;
    border: none;
}

.buyAgain .confirmAgainBtn {
    margin-left: 25px!important;
    background-color:  rgba(255, 65, 180, 1) !important;
    color: rgba(255, 255, 255, 1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.25px;
}

/*
    Buy now member modal
*/

.buyMemberForm .modal-content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07)), #121212;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    height: auto;
    max-width: 556px;
    margin: 50px auto;
}

.buyMemberForm .info-container {
    display: flex;
    justify-content: space-between;
}

.buyMemberForm .info-container div {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

.buyMemberForm .buyNowPromoApply,
.buyMemberForm .completeOrder button,
#paymentModal #success-btns-container a,
.member-buy-cart .completeOrder button,
.buyMemberForm .buyNowPromoCancel {
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #000000;
    height: 36px;
}

.success-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-btns {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.buyMemberForm .buyNowPromoApply,
#paymentModal #cloudBtn,
.buyMemberForm .buyNowPromoCancel {
    background-color: rgba(3, 169, 244, 1)!important;
}

.buyMemberForm .checkout {
    padding-top: 20px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: rgba(0, 0, 0, 1);
}

.buyMemberForm #coupon_code {
    background-color: transparent;
    height: 54px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
}

.buyMemberForm .tipFormDivider {
    border: 1px solid rgba(255, 255, 255, 0.12)
}

.buyMemberForm .totalCheckout p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

#close_btn .closeImg {
    content: url(/images/icon_close_light.svg);
}

.buyMemberForm .completeOrder {
    margin-bottom: 25px;
}

.buyMemberForm .successMessage {
    margin-bottom: 35px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: rgba(255, 255, 255, 0.87);
}

.buyMemberForm .successText {
    margin-bottom:25px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}

.buyMemberForm .successText span {
    color: rgba(139, 215, 250, 1);
}

.buyMemberForm .closeBntContainer {
    margin-bottom: 25px;
}

/*
    Cart checkout member modal
*/

.member-buy-cart .modal-content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07)), #121212;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    height: auto;
    max-width: 556px;
    margin: 50px auto;
}

.member-buy-cart .successMessage {
    margin-bottom: 35px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: rgba(255, 255, 255, 0.87);
}

.member-buy-cart .successText {
    margin-bottom:25px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
}

.member-buy-cart .successText span {
    color: rgba(139, 215, 250, 1);
}

.member-buy-cart .totalCheckout p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

.member-buy-cart .checkout {
    padding-top: 20px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: black;
    margin-bottom: 20px;
}

/*
    Share modal
*/

#shareModal .modal-content {
    background: rgba(255, 255, 255, 1);
}

#shareModal .text-blend-white {
    color: rgba(0, 0, 0, 0.6);
}

#shareModal .share-text {
    color: rgba(0, 0, 0, 0.87);
}

#shareModal .fti-1-input {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

#shareModal .copy-btn a {
    color: rgba(3, 169, 244, 1);
}

#shareModal .socialShare a {
    background: rgba(255, 65, 180, 1) !important;
    color: rgba(255, 255, 255, 1);
}

#shareModal .twitter-icon:before {
    content: url(/design-1/images/icons/twitter_light.svg);
}


/*Tip member form*/

.tipMemberForm #content_store_dialog {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07)), #121212;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 0px;
    height: auto;
}

#buttonContainer {
    padding: 0 0 20px 0!important;
}

#totalContainer {
    padding: unset!important;
}

#profileSection {
    margin-top: 25px;
}

#storeName {
    margin: 10px 0 30px 0!important;
}

.tipMemberForm #content_store_dialog .radioChoice {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.tipMemberForm #content_store_dialog .successMessage {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: #FFFFFF;
}

.tipMemberForm #content_store_dialog .radioChoice label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
}

.tipMemberForm #content_store_dialog .radioChoice input[type='radio'] {
    display: none;
}

.tipMemberForm #content_store_dialog .radioChoice label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid rgba(0, 0, 0, 0.6);
    background-color: transparent;
}

.tipMemberForm #content_store_dialog .radioChoice input[type='radio']:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 4px;
    content: " ";
    display: block;
    background:  rgba(255, 65, 180, 1);

}

.tipMemberForm #content_store_dialog .radioChoice input[type='radio']:checked + label:before {
    border: 2px solid  rgba(255, 65, 180, 1);
}

.tipMemberForm #content_store_dialog .tipModelAmountSection {
    padding: unset;
}

.tipMemberForm #content_store_dialog .tipModelAmountSection .radioChoice {
    padding: unset;
}

.tipMemberForm #content_store_dialog .minimumAmount {
    text-align: left;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding: 5px 0 0 15px;
}

.tipMemberForm #content_store_dialog #noteAreaMember {
    margin-top: 15px;
    padding: unset!important;
}

.tipMemberForm #content_store_dialog .input {
    border: unset;
}

.tipMemberForm #content_store_dialog .form-group input,
.tipMemberForm #content_store_dialog .noteArea textarea {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.tipMemberForm #content_store_dialog .tipFormDivider {
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 10px;
}

.tipForm .profile,
.tipMemberForm #content_store_dialog .profile {
    height: auto;
}

.tipForm .profilePic,
.tipMemberForm #content_store_dialog .profilePic {
    margin: 20px auto 20px auto;
    height: 100px;
    width: 100px;
}

.tipForm .storeName,
.tipMemberForm #content_store_dialog .storeName {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: #000;
    margin-bottom: 45px;
}

.tipForm #guestStoreName {
    margin: 30px 0 !important;
}

.tipMemberForm #content_store_dialog .buttonArea {
    padding-bottom: 20px;
}

.tipMemberForm #content_store_dialog .buttonArea button {
    position: relative;
    background-color:  rgba(255, 65, 180, 1);
    height: 36px;
    width: 100%;
}

.tipMemberForm #content_store_dialog .buttonArea button span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #fff;
    height: 36px;
}

/* .tipMemberForm #content_store_dialog .buttonArea button img {
    position: absolute;
    left: 215px;
    top: 10px
} */

.tipMemberForm #content_store_dialog .totalCheckout h1 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}


/* @media (max-width: 767px) {
    .tipMemberForm #content_store_dialog .buttonArea button img {
        left: 135px;
        top: 12px;
    }
} */

#payout-container .fti-1-legend {
    border-bottom: 1px solid #FFFFFF;
}

#payout-container .form-group:focus-within {

    .fti-1-legend{
        color:#03A9F4;
    }

    .form-control {
        caret-color: #03A9F4;
        border-color:#03A9F4;
    }
}

#payout-container,
.orderSummaryBlock {

    .popover-content {
        color: #B00020;
        padding: 5px;
        background: none;
    }

    .form-group .errorInput {
        box-shadow: none;
        border-color: #B00020;
        caret-color: #B00020;
    }
}

#payout-container .form-group:has(.errorInput) {

    .fti-1-legend{
        color: #B00020;
    }

    .form-control {
        border-color: #B00020;
    }

    .errorInput {
        box-shadow: none;
        border-color: #B00020;
        caret-color: #B00020;
    }
}

@media (max-width: 768px) {
    .complete-order {
        position: fixed;
        padding: 16px;
        background: #121212;
        bottom: 0;
        z-index: 214748363;
    }

    #complete-order-mobile {
        display: block;
    }

    #complete-order-web {
        display: none;
    }
}

@media (min-width: 769px) {
    #complete-order-mobile {
        display: none;
    }

    #complete-order-web {
        display: block;
    }
}

#complete-order-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3px;
    background-color: #FFF;
}

#complete-order-mobile .order {
    margin-bottom: 16px;
}

.tipForm .totalDividerContainer .tipFormDivider {
    margin-bottom: 6px;
    width: 94%;
}

@media (max-width: 450px) {
    #memberTipForm .amountSection #otherAmount,
    #tipFormInput .amountSection > .radioChoice:last-child,
    #memberTipForm .tipModelAmountSection > .radioChoice:last-child {
        width: 100%;
    }
}

@media (max-width: 991px) {
    #memberTipForm .tipModelAmountSection,
    #memberTipForm .amountSection,
    #tipFormInput .amountSection{
        display: flex;
        flex-wrap: wrap;
    }

    .tipModelAmountSection .radioChoice,
    .amountSection .radioChoice {
        width: 50%;
    }
}