/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.dsmeg{    border-left: 3px solid #089148;
    color: #000;
    margin: 10px 0;
    padding-left: 10px;}

.dsp_msge{
	margin: 10px 0 10px 0;
}

.sces{color:#089148;}

.msge{background: #fff0 linear-gradient(180deg, #030303, #464646) 0 0 no-repeat padding-box;
    padding-left: 5px;
    position: relative;}
.msge:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid #fff0;
    border-top: solid #444;
    border-width: 10px 10px 0;
}

.msge .sces {
    color: #96FD33;
}

.msge .dsp_msge-txt {
    color: #fff;
}

.msge bdi {
    color: #EE2;
}
/*Flsome Optimize*/
.show-password-input {
    cursor: pointer;
    line-height: 1.35;
    padding: .618em;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}
span.amount {
    color: #111;
    font-weight: 700;
    white-space: nowrap;
}
/* .form-row-first {margin-right: 4%;}

#billing_first_name_field,#billing_phone_field {float:left;width:48%;overflow: visible;}*/

.shipping__table { margin: 0;}

.shipping__inner {
    border: 0;
    font-size: 1em;
    padding: 0;
}

.shipping__list_label {
    flex: 1;
    font-weight: 400;
    margin: 0;
    opacity: .8;
    padding: .5em 0;
}

/*Font*/
@font-face {
 font-family:Roboto-Regular;
 src: url(https://githai.fship.vn/wp-content/themes/flatsome-child/fonts/Roboto-Regular.ttf);
 }
/**DSP NONE*/
.checkout-page-title,.mfp-ready .mfp-close,#coponck .cart-subtotal,.page-id-11 .isures-iaov--notice_wrap,.more,.absolute-footer,.wc_coupon_message_wrap,.menuorder-minicart-wrap .coupon_wrap,.menuorder_cart_mobile .cart-discount,.woocommerce-button.button.invoice,#billing_gender_field,#billing_email,.checkout-inline-error-message,.wds-edit-slot,.get_address_byphone_wrap,.woocommerce-order-received .header-wrapper,.woocommerce-view-order .footer-wrapper,.order-again,.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout,.woocommerce-checkout .header-wrapper{display:none;}

.woocommerce-order-details tr td:nth-last-child(2){text-align:center;width:0;}
.woocommerce-checkout input, .woocommerce-checkout textarea{ border: 1px solid #a8a8a8;border-radius: 4px;}
.woocommerce form .form-row.woocommerce-invalid input.input-text{
	border-color:#b20000;}
/**/
.white-popup {background: #fff;padding: 10px;width: auto; max-width: 600px;margin: 20px auto;border-radius:5px;}
.off-canvas-left.mfp-ready .mfp-content {width:40%}
.message-container a,.lnk, .more-less {color: #189eff;}
.bck{color:#000;}
.button.success.is-outline.is-medium.lowercase{width:150px;}
.more.main {display: block;}
.bb,.infor-footer i.fas,c{color:#ed3324;}
.wc-item-meta {margin:0;font-size: 12px;}
.sidebar-menu-tabs.nav>li>a {padding:10px 0;}

/**/
.km-gift {margin:10px;}
.sub-cart{position: absolute;right: 5px;margin: 3px;}
.xngn{
	/*border: 1px dashed #338dbc;color:#ed3324;*/
    margin: 5px;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
	background:#eaf2f9;
}

/*Shadow*/
.prod-price .amount  { text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 2px #333;}

.shd,.prod-promo span,.km .td,.title-footer{  text-shadow:1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 3px 3px 5px #000000;}

/*WOO*/
.woocommerce-MyAccount-content table:not(.variations) td,.woocommerce-MyAccount-content table:not(.variations) th { border: 1px solid #eee;}

/*Order History*/
.woocommerce-button.button.support {color: #EAFAEA;background: #028a0f;}
.woocommerce-button {border-radius: 3px;margin:4px;}
.woocommerce-button.button.cancel,.cc_st  {background:#fcf2f2;color:#c52f23;}
.woocommerce-button.button.pay{background:#ef9912;color:#fff;}
.woocommerce-button.button.view {background: #fff;color:#555;border: 1px solid;}

.order-infor b{color:#ed3324;font-weight:600;}
.order-infor {font-size:13px;}

/*Code display menu order*/    
.cb { color:#3276b1;
    font-size:10px;
    font-weight: 600;}
    
.cb .tdcb {
    background:linear-gradient(to right,#3bacf0,#1b6dc1);
    color:#fff4e4;
    padding:4px;
    border-top-left-radius: 30%;}
    
.cb .tgcb,.cb .khau-phan {
    border: 2px dotted #3276b1;
    border-radius: 0 3px 3px 0;
    padding: 2px 4px;
    margin: -3px;}
    
.cb .khau-phan {border-left:none;color:#f7001e;font-size: 10px;}

.cb .tgng {
    border: 2px dashed #ff424f;
    border-left: none;
    padding: 4px 4px;
    margin: -2px;}

.cb .tdng {
    background:#ff424f;
    color:#fff4e4;
    padding:6px;
    border-top-left-radius: 20%;}

.ttct {margin: 0 0 10px;}

/*Code GIWP*/

.giwp-commit{color:red;font-size:12px;font-weight:400;}

.giwp-gift {position: absolute;top: 1px;right: 6px;}

.giwp-promo-product {color:#f8e81c;}

.giwp-promo-category {color:#222;font-family:roboto;}

/*END*/

/**__ PAGE HOME __**/
/*Product Sale*/
.prd-sl_h .devvn_menuorder_left{display:none;}
.prd-sl_h .devvn_menuorder_listpro,.prd-sl_h .devvn_menuorder_mid {width:-webkit-fill-available;margin-bottom:-10px;}
.prd-sl_h .menuorder-list-prod-box{display: -webkit-box;;overflow: auto;}
.prd-sl_h .menuorder-prod-box {margin:0 10px 5px 10px;;width: 60%;}

.prd-sl_h .menuorder-list-prod-title{font-size:20px;display:flex;align-items: flex-end;}
.prd-sl_h .menuorder-list-prod-title:before{
	content: ' ';display: inline-block;
background-image: url(https://gifodi.com/wp-content/uploads/2024/08/sale-prod.png);
background-size: contain;  background-repeat:no-repeat;
width: 55px;height: 35px;}

/*Login & Point*/
.hm_txt {border-left: 5px solid #ffd470;padding-left: 10px;margin: 10px 0;font-size: 18px;color: #222;font-weight: 600;}
.dmsp {font-weight: 600;color: rgb(37, 118, 200);}
.cms{font-size:11px;}

.sign-home-section .collapsible {margin:-20px 0;padding:0;font-size: 15px;}
.sign-home-section .collapasible:after {display:none;}

.sign-home {padding:10px;border-radius: 20px;box-shadow:/* 7px 8px 6px 0px #e5e5e5*/rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
.sign-home .if-details {text-align:left;}

.sign-text #option-menu {margin:0;}
.sign-text #option-menu li {width:50%;display: grid;/*box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;*/border:1px solid #eee;border-radius:25px;margin:10px;padding: 0;}

.tit-h{font-size: 13px;font-weight: 600;border-bottom: 1px solid;margin: 5px 15px;}

.coupon_reward {display: contents;}
.coupon_reward .fold_p {padding: 2px 10px;margin-left: 5px;border-radius: 2px;}
.coupon_reward .coupon-item {font-size:unset;}


/*Membership*/
.bro {background:radial-gradient(circle farthest-side, #d5b2a2, #783e22);}
.sil {background:radial-gradient(circle farthest-side, #f1f1f1, #c0c0c0);}
.gol {background:radial-gradient(circle farthest-side, #fceabb, #f8b500);}

.bro,.sil,.gol,.title-member {text-align:center;border-radius:4px;color:#222;padding:7px;}

#tablet th.bro,#tablet th.sil,#tablet th.gol {width:10%;}

#membership button.closePopup {width:100%;}

/*Support Information*/
.sup-infor {justify-content: space-between; display: flex;flex-wrap: wrap;}
.sup-infor a {
border: 1px solid;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
    margin: 10px 5px;
    flex: 1 1 46.33%;}

/*Progress Order*/
.pgres_ord {background: #dbe3e9;border: solid 1px;padding: 5px 10px;border-radius: 4px;}

/**__FOOTER__**/
.fter{display:flex;}

.title-footer{
    display: inline-block;
    background: #3276b1;
    padding:2px 20px 4px 5px;
	margin:0 -10px 5px;
    border-radius:3px 0 20px 0;
    color: #f8e81c;
    font-weight: 600;}

.footer-icon-payment {width: 55%;}

.devvn_absolute_form_resgiter {border-radius: 4px;background:#f0f8ff;margin: 10px;}
.devvn_absolute_form_resgiter ul li {line-height:1.2;}

/**__PAGE ORDER__**/
.menuorder_cart_mobile .collapsible {font-size:1.4em;color: #444;padding:0 10px;}

/*Time Open - Close*/
.opr_tm{
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
    display: flex;
}
.opr_tm .image {
padding: 0 5px 0 5px;
border-right: 2px solid #028a0f;
width:40px;
   }

.opr_tm span { margin-right:5px;}

/**/
.pg-od{display:flex;}
.od-1{width:30%;}
.od-2{display:grid;}

/*MAIN*/
.prod-desc{line-height: 1.6;font-size:14px;margin-top: 5px;}
/*Promotion Frame*/
.prmo-frm {
    font-size: 11px;
    border-radius:3px;
	padding: 2px 5px;}

.opt {box-shadow: 0 1px 4px 0px;    margin: 10px;}
.box.bl:before{content:'';}
.box.or:before{content:'';}
.box.re:before{content:'';}

.prmo-frm .td{color:#fff;display: -webkit-inline-box;padding: 0 5px;border-top-left-radius: 3px;margin-right: 5px;}
.prmo-frm .txt{margin-left: 3px;}
.prmo-frm div{text-align:right;margin: 3px 3px 0; border-top: 1px solid;color:#222;}
/*Tag promotion*/
.prod-promo{position: absolute;top: -2px;left: -13px;padding:0 5px;font-size: 10px;border-radius:3px 3px 3px 15px;}
.prod-promo span{letter-spacing: 0.08em;}
.prod-promo i{display: -webkit-inline-box;padding: 4px 5px;margin: 0 5px 0px -6px;border-radius:0 0 20px 20px;}

.or{background:rgb(255, 240, 226);color:rgb(237, 71, 0);}
.or .td{background:rgb(237, 71, 0);}

.best {color:#fcf2f2;background:#d70018;}
.cls,.re,.best i{background:#fcf2f2;color:#d70018;}
.re span,.re .td{background:#d70018;}

.try {background:#0088cc;color:#eee;}
.reord,.bl,.try i{background:#eee;color:#0088cc;}
.bl span,.bl .td{background:#0088cc;}

.combo{background:#2db82d;color:#EAFAEA;}
.opn,.combo i{background:#EAFAEA;color:#2db82d;}

/*.prod-promo:after{
content: " ";
    position: absolute;left: 0;top: 21px;
    height: 40%;width: 0.5rem;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 0;}*/


/*Badge - Sticker*/
.bg-tr,.bg-bl {position:absolute;}
.bg-tr {top:0;right: 0;width: 30%;}
.bg-bl {left: 0;bottom:20%;width: 50%;}

/*Hiển thị thay thể hết sản phẩm*/
.prod-noted {
    color: #f7001e;
    border: 1px dashed;
    border-radius: 3px;
    text-align: -webkit-center;
	margin:0px 10px 15px;font-size:10px;
}

.prod-noted span{
-webkit-border-radius: 3px 3px 0 0;
	background:#fee2e2;
    font-size: 14px;
    display: block;padding:3px;
}

.prod-noted b{
/*-webkit-border-radius: 5px 5px 0 0;
    font-size: 13px;
    display: block;
    margin: -5px -8px 3px;
    background: red;
    color: white;*/
}
.fl-sl{ position: absolute;
    top: 5px;
    left: 75px;
    width: 65px;
}

/*Product Order*/
.if-details,.if-grid,.giwp-infor {display: grid;grid-gap: 5px 10px;grid-template-columns: auto 1fr;}

.ftr,.if-details {font-size:14px;}
.cst {border-left:5px solid;padding-left: 5px;color: #222;grid-gap: 0 11px;}

.if-grid { margin: 0 5px;}
.giwp-infor {margin: 0 10px;}
.giwp-infor-title {font-weight:600;color:#222;}
.shd {font-weight:600;letter-spacing:0.15em;font-family: 'FontAwesome';}
.qty-prod,.coupon-item {
	padding: 2px 5px;
    background: #eaf2f9;
    font-size: 10px;
    color: red;
    border-radius: 2px;
    border: 1px solid #0088cc;
}

/*Coupon Cataglory*/
.coupon_copy {display: grid;justify-items: center;padding-right: 5px;margin:3px 0;}

/*POPUP*/
.prod-infor>br{content:'';letter-spacing: 0.5em;    display: inline-block;}
br:after{content:", ";}
.topping_mess_box {position: relative;margin:-10px 0 10px; }
#mobile-cart .cart-discount{display:none;}

.menuorder-prod-options .topping-quantity {display: flex;justify-content: center;float: none;}
.menuorder-prod-options .giwp-addtocart 	{display: flex;margin-top: 10px;}
.menuorder-prod-options .topping-addtocart-wrap button.topping-addtocart {width:100%;}

.menuorder-prod-options #tablet th {text-align: center;}

/**/
.prod-ingre {font-size: 14px;color:#222;padding: 5px;}

.prod-ingre .txt {padding: 5px;;display: inline-block;margin:-5px 5px 0 -5px;background-color: #d6d6d6;}

.if-details {margin:0 5px;color:#444;align-items: baseline;}
.if-txt {font-weight:600;color:#222;
    box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    text-align: center;
    border-radius: 4px;
    margin: 2px 0;
    padding: 0 5px;}
.wrn{color:#ff3232;}
.wrn:before{font-family: 'FontAwesome';content:'\f071';}
/**/
.menuorder-prod-bottom.clearfix .collapsible {margin:0;padding:0;text-align: right;border-top: 1px solid;}
.menuorder-prod-bottom.clearfix .collapsible:after {content: '✎ Ghi chú';}

.menuorder-prod-topping .tp_slect .collapsible {justify-content: center;margin:0;}
.menuorder-prod-topping .tp_slect .collapsible:after {content: '⇵ Thay đổi tùy chọn';color:#089148;}
.menuorder-prod-topping .tp_slect .active1:after {content:"Ẩn tùy chọn ▲";}

.menuorder-prod-topping { height:auto;max-height: calc(50vh); overflow: auto;}

.menuorder-prod-topping.clearfix .more.main{margin: 10px;border-top: 1px solid;}

.topping-name {background: rgba(8, 0, 64, 0.04);padding: 0 10px;}
 
.prod-infor{font-size: 14px;display: ruby;/*text-emphasis-style: circle open;*/}
.tp_fx{position: sticky;top: 0;background: #fff;z-index: 2;display:flex;    box-shadow: 0 2px 4px 1px rgb(0 0 0 / 13%);-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.tp_txt{padding: 3px;color:#222;background:#eee;display: inline-block;}
.tp_op{padding:5px;font-size:12px;}


/*Promotion product*/
.devvn_after_product_price.devvn_single_excerpt_after {background-color: #f8f9fa;margin: 10px;}

.devvn_after_product_price.devvn_single_excerpt_after .devvn_title h3 {
background: #dd1c1c;
display: inline-block;padding: 3px 5px;
width: auto;color:#fff;border-top-left-radius: 4px;border-bottom-right-radius: 4px;}

.devvn_after_product_price .devvn_top {padding-left: 50px;position: relative;font-size: 13px;margin:0;}

.devvn_after_product_price .devvn_top img {position: absolute;left: 0;top: 0;}

.devvn_after_product_price.devvn_single_excerpt_after .list-privacy {
    padding: 10px 5px 0;}

.devvn_after_product_price .list-privacy {
    font-size: 12px;}

.devvn_after_product_price .list-privacy li {
    position: relative;
    padding-left: 18px;}

li { list-style: none;}

.devvn_after_product_price .list-privacy li:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: url(https://banle.launambo.com/wp-content/themes/flatsome-child/image/icon-check.svg) no-repeat;
    position: absolute;
    top: 2px;
    left: 0;}

/*Cart Mobile (CB)*/
.crt_pu  {  display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;}

.crt_pu .menuorder_minicart{
    margin-bottom: 140px;}

.crt_fx {position: fixed;bottom: 0;left: 0;width: 100%;}
.crt_fx .topping-addtocart-wrap button.topping-addtocart,.crt_fx button.closePopup{font-size:16px;}
.crt_fx .menuorder-prod-bottom {padding-bottom:20px;}

.crt_pu .isures-fsb--elm_wrap {background:transparent linear-gradient(180deg, #030303, #464646) 0 0 no-repeat padding-box;padding: 5px;position:relative;}

.crt_pu .isures-fsb--elm_wrap:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid transparent;
    border-top: solid #444;
    border-width: 10px 10px 0;
}
.crt_pu .complete_message{color: #96FD33;}
.crt_pu .missing_message {color:#fff;}
.crt_pu .isures-fsb--elm_wrap * bdi{color: #EEEE22;}
.crt_pu .isures-cart .complete_message a{color: #99f6f7;display: inline-block;}

/**__PAGE CHECKOUT__**/
label[for="billing_shop_address"],#billing_shop_address{display:none;}
.cklg {padding: 5px;background: #eee;color: #111;border-top: 5px solid #0088cc;margin-bottom:10px;}
#order_review table.minicart_infor {background:#f3f3f3;}
.woocommerce-checkout-payment img {width: 100px;}

.menuorder_cart_mobile .collapsible:after {content: 'Hiển thị thông tin giỏ hàng';font-size:0.8em;}
.menuorder_cart_mobile .active1:after {  content: "Ẩn thông tin giỏ hàng";*}
.menuorder_cart_mobile .content a {width:auto;}

.payment_methods p {background: #eee;color: #111;border-left: 5px solid #0088cc;border-top:none;padding:5px 10px;}
.pay_txt {padding: 10px; color: #222;font-weight: 700;}

/**/
.spfl,.nav.nav-sidebar.nav-vertical.nav-uppercase {
    overflow: auto;
    margin-bottom: 60px;
    max-height: 100%;
	margin-top:15px;
}

.cls_cp {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 5px 15px;
}

.cls_cp button.closePopup {
    width: 100%;
    font-size: 13px;
    color: #333;
}

/*Support Infor Checkout*/
.cksp {border: 1px solid;
    padding: 0 5px;margin:10px 0;
    font-size: 12px;
    color: #333;
    border-radius: 5px;
}

.cksp .txt {
    background: #888;
    color: #eee;
    margin: 0 -5px;
    padding: 3px;
    text-align: center;
}

.pres_buy {
    background: #222;
    text-align: center;
    color: #fff;
    font-size: 8px;
    padding: 5px;
    margin: 5px 0;
}

.ckif .txt, .cksp .txt {font-size: 11px;}
.ofl_y {display: flex;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: thin;}

/*Coupon Checkout*/
.giwp-suggest-coupon {margin: 0 10px; display: flex;align-items: center;}
.giwp-suggest-coupon a {margin:0 5px;color:#009637;}

/*Tooltip*/
#delivery {position:relative;}

#delivery #iconChat {position:static; top: 0;left: 0;background:none; 
    border-radius: 0;overflow: hidden;box-shadow: none;padding:10px;color:#189eff;}

#delivery #option {position:absolute;width:80%;bottom: 25px;left: 38px;padding:5px;}
#delivery #option:before {right:auto;left:121px;}

/**MENU HEADER BOTTOM**/
.mn--heard_wrap {    border: 1px solid #ddd;margin: 10px 0;border-radius: 20px;}
.nav>li.html .mn--heard_wrap {font-size:initial;}
.option-menu {display:flex;flex-wrap:wrap;font-size:8px;}
#option-menu li.hm a{    background: #ddd;
    padding: 8px;
    margin-left: -15px;
    border-radius: 20px 0 0 20px;}

#support ul .option-menu li {margin:5px -5px 0 10px;}

#support ul.option-menu li a {border-radius:4px;}

#option-menu {display: flex;/*margin:5px;justify-content:center;*/}
#option-menu li {padding: 5px;;margin:0 5px;}
#option-menu li a {border-radius: 3px; padding: 7px 5px;font-weight: 700;}
#option-menu li.crt {box-shadow:/* 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .22)*//*rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset*/rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;border-radius:3px;color:#000;}
#option-menu li.crt a {}

/*Notice*/
.woocommerce-error{border-left: 10px solid #e60000;margin-bottom: 10px;background: #ffe6e6;}
.woocommerce-error.message-wrapper li{margin-left:10px;}
.woocommerce-message.message-wrapper {border-left: 10px solid #089148;background: #dceddf;margin-bottom: 10px;}

/*Tablet */
#tablet {border-radius:5px;border-left:1px soild red;}
#tablet th{padding:4px;width:33%;}
#tablet td{background-color: #f2f2f2;padding:4px;}
.td th,.td td{padding:5px;}

/**Collapsible  **/
.collapsible {font-weight: 400;cursor: pointer; width: 100%;outline: none;}

.content {display: none;}
.content a {color:#8b0203;width:100%;border-bottom: 2px soild white;}

.collapsible:after {margin-left: 5px;font-size: 13px;/*content: '◉';float: right;*/}

.active1:after {  content: "⊙";}

/**__SALE OFF__**/
.savi{background: #fff0e2;color: #ed4700;border-radius: 3px;font-size:11px;padding: 0 3px;}
.savi span.amount{color:#222;text-shadow: unset;font-size: 13px;}

/*
.savi span.txt { display: flex;
    justify-content: end;
    font-size: 9px;
    align-items: baseline;
    margin-right:5px;}

.savi-per{
  position:absolute;top:25px;left: -5px;
    color: #f8e81c;font-size:12px;background: #222;
    padding: 0 5px;
    z-index: 4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 13px;
    box-shadow: 0px 0px 4px 0px #f8e81c;}

.savi-per:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #222 transparent transparent;
    bottom: -5px;
    left: 0px;
    filter: brightness(2.8);}
*/
.savi-txt {font-size: 14px;margin: -5px 0 5px;text-align:center;color:red;}
/**__ PAGE THANKYOU & TRACKING__**/
/*progress bar*/
.nav {align-items: unset;}
.stt_txt{
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 15px;
    background: #eaf2f9;
	color:#222;
}

.bt_stt{display: flex;}
.bt_stt a {flex-basis:100%;}

/**/
.stt_ntc{
	text-align: center;
    border-top: 1px solid;
    margin: 20px 0 -10px 0;
}
.stt_ntc span,.ordst span{
	border-radius: 4px;
    padding: 3px 5px;
}

.stt_ntc span{  top: -15px;position:relative;}
.prs_st{background: #eee;color:#222;}
.trf_st {background:#fff9cc;color:#333128;}
.cok_st {background: #e5f3f9;color: #08c;}
.xps_st {background:rgb(255, 240, 226);color:rgb(237, 71, 0);}
.cpt_st {color:#028a0f;background:#EAFAEA;}
/**/
.stt_prs,.stt_prs span {position:relative;}
.cok{left:28%;}
.xps{left:60%;}
@-webkit-keyframes my {
	 0% { color: #F8CD0A; } 
	 50% { color: #222;  } 
	 100% { color: #F8CD0A;  } 
 }
 @-moz-keyframes my { 
	 0% { color: #F8CD0A;  } 
	 50% { color: #222;  }
	 100% { color: #F8CD0A;  } 
 }
 @-o-keyframes my { 
	 0% { color: #F8CD0A; } 
	 50% { color: #222; } 
	 100% { color: #F8CD0A;  } 
 }
 @keyframes my { 
	 0% { color: #F8CD0A;  } 
	 50% { color: #222;  }
	 100% { color: #F8CD0A;  } 
 } 
.stt_prs span {
	display:inline-block;text-align:center;
  font-size: 12px;
    font-weight: 600;
	 -webkit-animation: my 1200ms infinite;
	 -moz-animation: my 1200ms infinite; 
	 -o-animation: my 1200ms infinite; 
	 animation: my 1200ms infinite;
}
/**/
.ord_id-wh {margin:10px;}
.ord_grd{border-left: 5px solid;line-height:1.2;padding-left:5px;}
.ord_stt strong {color:#0db81d;}

.thk_by{background-color: #f2f2f2;padding: 5px;color:#000;font-size:12px;display: flex;}
.thk_txt{text-align: center;font-size: 20px;font-weight: 600;}
.thk_ord{text-align: center;padding:5px;
    /*align-content: center;*/
    margin:10px;
    background: #EAFAEA;
    color: #028a0f;
    border-radius: 5px;
    border: 1px solid;
    width: 65%;font-size:15px;
}
.thk_ord span {padding: 5px;font-weight: 600;}

.trk_fx .col-inner{position:sticky;top:70px;}
.trk_or{border-bottom: 1px solid;margin:0 50px;}
.trk{margin:0 0 25px;}
.trk_bt a{border-radius: 4px;
    margin: 10px;
    background: #fff;
    color: #c52f23;
    border: 1px solid;
}

.button.success.is-outline {width: 130px;}
/**/
.ord_if {
    display: flex;
    padding: 5px 0;
    margin:0 0 10px;
    border-radius: 5px;
    background: #eeee;line-height:1.3;
}
.ord_if span {color:#028a0f;font-size:14px;}
.odi, .odtm,.orpm {width: 49%;text-align: center;}
.bdct {border: 1px solid;margin: 5px 0;}
.orpm{width: 60%;}


/**__FLASH SALE__**/
.flash-sale-process-isures{
    width: 100%;
    height: 16px;
    background:linear-gradient( -90deg,#ec1f1f 0,#ff9c00 100%);
    background-size: cover;
    position: relative;
    border-radius: 8px;
    margin: 5px 0;
}
.flash-sale-process_bought{
    background: #002bff73;
    overflow: hidden;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    height: 16px;
    border-radius: 8px;
}
.flash-sale-process_fire{
    background: url(https://gifodi.com/wp-content/uploads/2024/08/hot-prod.png) 0 no-repeat;
    width: 25px;height:25px;background-size: contain;
    position: absolute;left: 3px;top: -15px;    z-index: 9;
}
.flash-sale-process-bar_text.stock{
    text-transform: uppercase;
    font-size: 10px;
font-weight:700;
    color: #222;
    text-align: center;
    position: relative;
    z-index: 2;
}
.flash-sale-complete-wapper{
    width: 100%;
    background: transparent;
    overflow: hidden;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    height: 16px;
    border-radius: 8px;
	box-shadow: 2px 0px 8px 2px rgb(0 0 0 / 20%);
}
.flash-sale-bought-size{position: absolute;width: 100%;height: 100%;background: #fff9cc;}

.flash-sale-sizer-stock{background: #fff;float: right;position: relative;height: 18px;}

/**__SUPPORT ONLINE__**/
.giwp-img-support img {width: 15%;margin-right:5px;}
#option .giwp-img-support li a{display:block;}

/*.zalo-pt{background: url(https://pttuan410.com/wp-content/uploads/2021/05/zalo.png) center center no-repeat;
    background-size: contain;
    border-radius: 100%;    
    height:30px;
    width:30px;
}*/
 
#main-div {position: fixed;bottom: 10px;left: 0;}

#main-button {
 /* display: flex;
  align-items: center;
  justify-content: center;*/
  position: absolute;
  left: 10px;
  bottom: 0;
  height: 45px;
  width: 45px;
  color:#fff;
  cursor: pointer;
  background:linear-gradient(to right,#00adf5,#0565af);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index:999999;
}

#main-button img {width: 25px;margin: 5px 0 0;}
#main-button div {font-size:8px;}
 /*#main-button i.fas { font-size:20px;}
 
#main-button ~ a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 60px;
  width: 60px;
  font-size: 30px;
  opacity: 0;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
}
 
#main-button ~ .zalo-custom {background: linear-gradient(0deg, #017AB1, #01ABE6);}
#main-button ~ .whatsapp-custom {background: linear-gradient(0deg, #00B100, #09db09);color:#fff;}
 
#main-button.open ~ a {
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}
#main-button.open ~ a:nth-of-type(1) {left:150px;}
#main-button.open ~ a:nth-of-type(2) {left: 75px;}
 */
.wave {
  animation-name: wave;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
 
@keyframes wave {
  0% {box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);}
  100% {box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0);}
}
 
.open {
  animation-iteration-count: 1;
}

.giwp-img-support {text-align:left;}
#main-div ul .giwp-img-support li {    border-bottom: 1px solid #ecedf1;box-shadow: 0 1px 0 0 #fff;}
#main-div ul .giwp-img-support .tvactive {color:#3276b1;font-weight:600;}


#main-div ul li {    list-style-type: none;
    padding: 3px 0;
    margin: 0;
    width: auto;
    transition: .2s all;
    /*list-style-type: none;padding: 0;margin: 10px;
    border-radius: 15px;width: auto; transition: .2s all;border:1px solid #d3d3d3 ;*/}   

/* Style Option Tab */
#option .sup,#option .sup-mobile {margin: 0 10px;font-weight: 700;color:#222;}
 
#option {
    background: center no-repeat #f5f6fa;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    width: 210px;text-align: left;
    position: absolute;
    bottom:40px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 10000;
    display: none
}

#option:before {
    content: "";
    position: absolute;
    bottom: -10px;
   left: 25px;
    right: auto;
    display: inline-block!important;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    border-left: 10px solid transparent;}
 
#delivery #option:before {
    content: "";
    position: absolute;
    bottom: -7px;
   left: 25px;
    right: auto;
    display: inline-block!important;
    border-right: 10px solid transparent;
    border-top: 10px solid #f5f6fa;
    border-left: 10px solid transparent;}
 
#option li {width: 100%;}
 
#option li a { display: inline-block;padding: 8px 10px;color: #070b11;}
 
#option li:hover {background: #eee;}
 
#option li a i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 45px;
    background: #189eff;
    text-align: center;
    border-radius: 99px;
    color: #fff;
    margin-right: 8px;} 


/*__COUPON__*/
.fl-v{display: flex;overflow-x: auto;white-space: nowrap;}
.cp{padding: 5px;margin:5px;border-radius: 4px;background: #fff;filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .15));}
.cp .tit{display: block;margin:-5px -5px 0;border-radius: 3px 3px 0 0;color:#fff;padding:0 5px;}
.ship{background:/*#c52f23*/linear-gradient(90deg, #900 10%, #ef0000e6 50%, #900 90%);}
.dsc {background:/*rgb(1, 127, 255)*/linear-gradient(to right,#00adf5,#0565af);}
.cp .txt{font-size:12px;color:#666;}

.cp:before,.cp:after{
	content: " ";
    position: absolute;
    height: 15%;top:9px;
    width: 0.25rem;
	background:#fff;opacity: 0.5;
}
.cp:before{left:0;border-radius: 0 150px 150px 0;}
.cp:after{right:0;border-radius: 150px 0 0 150px;}

.fold_p{background: #3276b1;color:#fff;padding:0 5px;margin:5px -5px;font-size: 9px;}

/**__COUPON checkout__**/
.coupon_box_inner {
    background: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .15));
    padding:5px 10px;margin:5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;   
}
.coupon_box_inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    height: 100%;
    width: 10px;
    color: #fff;
    background-clip: padding-box;
    background: repeating-linear-gradient(#e5e5e5,#e5e5e5 5px,transparent 0,transparent 9px,#e5e5e5 0,#e5e5e5 10px) 0/1px 100% no-repeat,radial-gradient(circle at 0 7px,transparent,transparent 2px,#e5e5e5ee 0,#e5e5e5 3px,currentColor 0) 1px 0/100% 10px repeat-y;
}

.cpck {display:contents;}
.cp_ifr {font-size: 12px;}

.cp_ifr > strong {
    color: #222;
    margin-bottom: 5px;
    display: block;
	border-bottom: 1px solid;}

.cp_ifr > strong span {
    background: #000;
    display: -webkit-inline-box;
    color: #EEEE22;
    padding: 5px;
    border-top-left-radius: 5px;
    margin-right: 5px;
}

.cpck .coupon-item { padding: 8px 5px;float: right;cursor: pointer;}
.cp_cdn {color: #444;}

/**__PLUGIN__**/
.woocommerce-reward-points-text-checkout {border-top:5px solid #189eff;}


/*************** ADD CUSTOM CSS HERE.   ***************/
@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*.trk,*/.thk_by { display: block;}
.touch-scroll-table {box-shadow:unset;}
.pg-od,.fter{display:unset;}
.od-1,.footer-icon-payment,.thk_ord{width:unset;}
.off-canvas-left.mfp-ready .mfp-content {width:80%}
.woocommerce-account .col {padding-bottom:0;}
	
.coupon-note{margin:0 5px;}	
.prd-sl_h .menuorder-prod-box {width:-webkit-fill-available;}
.ckcrt {position: relative;font-size: 10px;color: #222;top: 10px; margin:0 50px;}
	
.minicart-pc .menuorder-btn {background:#f0f8ff;  white-space: nowrap;border-radius:0;height: 3.4em;padding: 5px;}
	
/*PG Menuorder*/
.devvn_menuorder ul.menuorder-cat {display: flex;flex-wrap: wrap;}
.devvn_menuorder ul.menuorder-cat img {width: 45px;height: 45px;margin:0 10px 5px;}
.devvn_menuorder ul.menuorder-cat li {width: 33.33%;}
.devvn_menuorder ul.menuorder-cat a {display: -webkit-box !important;-webkit-box-orient: vertical;text-align:center;}	
.devvn_menuorder ul.menuorder-cat a span {white-space: unset !important;text-overflow: ellipsis;}	

.devvn_menuorder_left.is-affixed .inner-wrapper-sticky .devvn_menuorder_box ul.menuorder-cat {display: block;}
.devvn_menuorder_left.is-affixed .inner-wrapper-sticky .devvn_menuorder_box ul.menuorder-cat li {border:none;width:unset;margin:0;}
.devvn_menuorder_left.is-affixed .inner-wrapper-sticky .devvn_menuorder_box ul.menuorder-cat a{padding:10px;}

.devvn_menuorder_left.is-affixed .inner-wrapper-sticky img {display:none;}

 .menuorder-prod-topping{
    max-height: calc(100vh - 330px);}
    .plus {float: right;}
    .topping-checkbox.column_2 label.topping-checkbox-list {width: 50%;}
    .topping-checkbox label.topping-checkbox-list .amount {float: right;}	
	  

/*WOO*/
#my-account-nav	li.woocommerce-MyAccount-navigation-link--dashboard,.woocommerce-view-order #my-account-nav.nav.nav-vertical,.woocommerce-view-order .account-user,.woocommerce-view-order .header-wrapper	{display:none;}	
#my-account-nav.nav.nav-vertical {flex-flow:wrap;justify-content: space-between;}
#my-account-nav.nav.nav-vertical li {text-align: center;border: 1px solid #ddd;border-radius: 15px;width: 31%;}
#my-account-nav.nav.nav-vertical li a{display: block;}
#my-account-nav.nav.nav-vertical li a.tvactive {background:#ddd;}	
	
}

@media only screen and (max-width: 500px){
.maps_mess,div#billing_map,.nav-vertical.nav-line>li>a:before,table.shop_table_responsive thead {display: none;}	
	
.woocommerce-billing-fields #billing_address_1_field {margin-top: -1.5em;}	
.shippingtime_box {position:unset;}
#billing_address_1_field span.woocommerce-input-wrapper {margin: 1em 0;}
.woocommerce-billing-fields p {margin-bottom: -0.5em;}
   
.giwp-check-cart {margin:0 20px;}
	
/*WOO*/
.woocommerce-orders-table.woocommerce-MyAccount-orders tr.woocommerce-orders-table__row.order{
box-shadow: 5px 5px 5px 0 #e5e5e5;}	
	
.woocommerce-orders-table__cell-order-number {background:#eee;}	
table.shop_table_responsive tr td {
    display: block;
    text-align: right;
    clear: both;
	}

table.shop_table_responsive tr td[data-title]::before {
    content: attr(data-title) ": ";
    font-weight: 600;
    float: left;  
	}		

}