#wooot_order_tip_form {
    text-align: left;
    margin-bottom: 30px;
}

#wooot_order_tip_form a {
    display: inline;
}
.woo_order_tip.active {
    background:#000;
    color:#fff;
}
#wooot_order_tip_form .order_tip_title {
    font-size: 18px;
}
#woo_order_tip_custom{
    display: none;
}

.woo_order_tip_btn_wrp{
    display: flex;
    width: 100%;
}
.woo_order_tip_custom_text_field{
    flex: 1;
    margin-right: 10px;
    
}

.woo_order_tip_custom_text{
    border-radius: 3px!important;
    background: #fff!important;
    border: 1px solid #d9d9d9!important;
    height: 2.507em!important;
    font-size: .97em!important;
}
#wooot_order_tip_form .woo_order_tip, .woo_order_tip_remove{
    height: 50px;
    margin-right: 0px;
    background: #fff!important;
    border: 1px solid #d9d9d9!important;
    width: 20%!important;
    color: #545454!important;
    line-height: 20px;
    padding: 0!important;
    border-right: none!important;
    font-size: 14px;
    flex: 1;
}

.woo_order_tip_apply{
    border: 1px solid #d9d9d9!important;
    border-radius: 3px!important;
    margin: 0;
    padding: 0px 14px;
    height: 2.507em!important;
    font-size: .97em;
    display: block!important;
    background: var(--primary-color)!important;
    color: #fff;
}
.woo_order_tip_apply[disabled]{
    background: #bbbbbb!important;
}

.woo_order_tip_remove{
    border-right: 1px solid #d9d9d9!important;
    border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
    display: block!important;
}
#wooot_order_tip_form .woo_order_tip.first{
    border-top-left-radius: 3px!important;
    border-bottom-left-radius: 3px!important;
}

.wooot_order_tip_items .woo_order_tip{
    flex: 1;
}

.wooot_order_tip_items{
    display: flex;
}

.wooot_order_tip_form_inputs{
    padding: 14px;
    background: #f1f1f1;
    border-radius: 2px;
    border: 1px solid #d9d9d9!important;
}

#wooot_order_tip_form .woo_order_tip.active{
    background: var(--primary-color)!important;
    color: #fff!important;
}

.order_tip_title h4{
    font-size: 1.1em;
}
.woo_order_tip_custom_text_field input{
    display: block!important;
}


.woo_order_tip .woocommerce-Price-amount.amount{
    font-size: 0.8em;
    display: block;
    line-height: 15px;
}

.woo_order_tip.active .woocommerce-Price-amount.amount{
    color: #fff;
}

.woo_order_tip.loading:after,
.woo_order_tip_apply.loading:after{
    -webkit-animation: spin 500ms infinite linear;
    animation: spin 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px;
}