/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#optifood-review-tab{
    width: 440px;
}

#optifood-review-tab .nav-link{
    background-color: #ababab;
    color: #000;
    text-decoration: none;
    margin-right: 1px;
}


#optifood-review-tab ul {
    margin: 0;
    padding: 0;
}


#optifood-review-tab .nav-link.active{
    background-color: #d40821;
    color: #000;
    border-bottom: #d40821;
    text-decoration: none;
}

#optifood-tabs-surplace .form-check-input[type=radio]{
    border-radius: 19%;
}


#optifood-tabs-surplace .form-check-input[type=radio]:checked{
    border-color: #d40821;
}


#optifood-tabs-surplace .form-check-input[type=radio]:checked:after{
    background-color: #d40821 !important;
}


#optifood-review-tab .form-check-input[type=radio]:checked:after {
    border-color: #d40821 !important;
    background-color: #d40821 !important;
}

.form-check-input:checked {
    border-color: #d40821 !important;
}

.optifood-checkout-label{
    font-weight: 600;
    color: #000 !important;
}

#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-state-hover{
    border-color: #d40821 !important;
    background-color: #d40821 !important;
    color: #fff !important;
}


.ui-timepicker .ui-state-hover{
    border-color: #d40821 !important;
    background-color: #d40821 !important;
    color: #fff !important;
}



.optifood-content-panel{
    margin-top: 5% !important;
}


#datepicker-surplace, #datepicker-livraison, #datepicker-emporter, #timepicker-surplace,
#timepicker-livraison, #timepicker-emporter, #optifood-button-count{
    max-width: 60%;
}

.optifood-hide-asap{
    display: none !important;
}

.col-1, .col-2{
    width: auto !important;
}


#optifood-type-choice-group_field{
    width: 100%;
}

#optifood-type-choice-group_field .woocommerce-input-wrapper {
    width: auto;
}


#optifood-type-choice-group_field .woocommerce-input-wrapper .input-radio:checked{
    border-color: #d40821 !important;
}

#optifood-type-choice-group_field .woocommerce-input-wrapper label{
    width: 90%;
    display: inline-block;
}

.optifood-content-panel input:focus{
    outline: none !important;
}

#optifood-load-reserver-place_field span.optional{
    display: none !important;
}

#optifood-reserver-place_field{
    margin: 0 !important;
    width: 100px;
}

.ui-timepicker-standard{
    z-index: 999999 !important;
}

#optifood-number-places-spans{
    max-height: 25px;
    display: contents;
}

#optifood-minus, #optifood-plus{
    font-size: 20px;
    background-color: #000;
    color: #fff;
    padding: 1px 6px 1px 6px;
}

#optifood-reserver-place_field{
    width: 50px;
    float: left;
    padding: 5px !important;
    text-align: center;
}

#optifood-reserver-place{
    padding: 4px 1px 4px 1px !important;
    text-align: center;
}

#sub, #add{
    float: left;
    margin-top: 6px;
    padding: 4px 9px 4px 9px;
    background-color: #d40821;
    border-bottom-color: #d40821 !important;
    border-top-color: #d40821 !important;
    border-left-color: #d40821 !important;
    border-right-color: #d40821 !important;
    color: #fff;
}

#optifood-span-text{
    margin-top: 12px !important;
    font-size: .9em;
    border: none;
    background-color: #fff;
    color: #333333;
}

.ui-timepicker-standard a {
    border: none !important;
    color: #222 !important;
    text-decoration: none !important;
}

#optifood-load-reserver-place{
    height: 20px;
    width: 20px;
}

.woocommerce-Price-amount sup{
    bottom: 0em !important;
    top: 0em !important;
    font-size: 100% !important;
}

@media only screen and (max-width: 768px) {
    #order_review {
        width: 70% !important;
    }
}

.input-radio {
    width: 20px;
    height: 21px;
    outline-color: #d40821 !important;
}

input[type=radio]:checked {
    background-image: none;
    background-color: #fff;
    border-color: #d40821 !important;
}

input[type=radio]{
    position: relative;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125em;
    margin-right: 6px;
    border: .125rem solid #757575;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-appearance: none;
    -webkit-print-color-adjust: exact;
}

input[type=radio]:checked::before {
    opacity: .16;
}

input[type=radio]::before{
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 13px transparent;
    box-shadow: 0 0 0 13px transparent;
    border-radius: 50%;
    background-color: transparent;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 1rem;
    height: 1rem;
}

input[type=radio]::after{
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
}

input[type=radio]:checked::after {
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    border-color: #d40821;
    background-color: #d40821;
    margin-top: .1875rem;
    margin-left: .1875rem;
    -webkit-transition: border-color;
    transition: border-color;
}

/* checkbox */

input[type=checkbox]:checked {
    background-image: none;
    background-color: #fff;
    border-color: #d40821 !important;
}

input[type=checkbox]{
    position: relative;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125em;
    margin-right: 6px;
    border: .125rem solid #757575;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-appearance: none;
    -webkit-print-color-adjust: exact;
}

input[type=checkbox]:checked::before {
    opacity: .16;
}

input[type=checkbox]::before{
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 13px transparent;
    box-shadow: 0 0 0 13px transparent;
    border-radius: 50%;
    background-color: transparent;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 1rem;
    height: 1rem;
}

input[type=checkbox]::after{
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
}

input[type=checkbox]:checked::after {
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    border-color: #d40821;
    background-color: #d40821;
    margin-top: .1875rem;
    margin-left: .1875rem;
    -webkit-transition: border-color;
    transition: border-color;
}

input {
    outline: none !important;
}

input#wc-stripe-new-payment-method {
    width: 16px !important;
    height: 16px !important;
}


input#wc-stripe-new-payment-method[type=checkbox]:checked::after {
    margin-top: 0.16rem;
    margin-left: .15rem;
    width: .5rem;
    height: .5rem;
}

/* Fin checkbox */

input.woocommerce-SavedPaymentMethods-tokenInput{
    width: 20px !important;
}

.optifood-fidelity-banner{
    font-size: .7rem;
    background-color: #14a8002e;
    color: #14a800;
    border-radius: 5px;
    padding: 0 5px 0 5px;
    margin-left: 15px;
}

.optifood-fidelity-product-price{
    color: #14a800;
    font-size: 0.8rem;
    margin-bottom: 5%;
}

div.product .variations_form, div.product form.cart {
    margin-bottom: 5px !important;
}

.optifood-fidelity-notice{
    border: 1px #14a8002e dotted;
    padding: 2%;
    display: -webkit-inline-box;
    font-size: .8rem;
    background-color: #14a8002e;
    color: #14a800;
}

#optifood-reduction-block, #optifood-review-tab{
    width: 100%;
    padding: 6% 1% 0% 2%;
    margin-left: 0%;
    margin-bottom: 3%;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
}

#optifood-use-points{
    background-color: #dd3333;
    border: #fff;
    border-radius: 300px !important;
    color: #fff;
    padding: 3% 4% 3% 4%;
    margin-top: 1%;
    font-family: Rubik;
    font-size:13px;
    letter-spacing: 1px;
    font-weight: 600;
}

#optifood-success-banner{
    border: 1px #fff dotted;
    background-color: #14a800;
    display: -webkit-inline-box;
    font-size: .8rem;
    border-radius: 5px;
    color: #fff;
    padding: 2% 2% 2% 2%;
    margin-top: 1%;
    display: none;
    text-align: center;
}

#optifood-failure-banner{
    background-color: #e4584b;
    border: 1px #fff dotted;
    display: -webkit-inline-box;
    font-size: .8rem;
    border-radius: 31px;
    color: #fff;
    padding: 2% 2% 2% 2%;
    margin-top: 1%;
    display: none;
    text-align: center;
}

#optifood-remove-points{
    font-size: .7em;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--optifood-fidelite a:before{
    background-image:url('../../admin/images/gift.png');
    content:"" !important;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .4;
}

#lafka-account-holder.lafka-user-is-logged .lafka-header-account-link-holder > ul li.woocommerce-MyAccount-navigation-link--optifood-fidelite a:before,
#lafka_mobile_account_tab li.woocommerce-MyAccount-navigation-link--optifood-fidelite a:before {
    content: "";
    display: block;
    background: url('../../admin/images/gift_white.png') no-repeat;
    width: 50px;
    height: 50px;
    max-width: 50px;
    background-size: 100%;
    margin-left: 33%;
    margin-bottom: 2%;
}

.optifood-points-zone{
    border: 1px solid #f1f1f1;
    margin-top: 2%;
    margin-right: 1%;
    text-align: center;
    font-size: .8em;
    font-weight: bold;
    padding: 2%;
    border-radius:8px;
}

.optifood-points-zone > h7{
    font-size: .8em;
    font-weight: bold;
    color: #000;
}

#optifood-wrap-points-zone{
    margin-top: 3%;
}

.cart-discount{
    font-size: .8em;
    font-weight: bold;
}