/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*Display none*/
.mfp-ready .mfp-close,.menuorder-minicart-wrap .coupon_wrap,.menuorder_cart_mobile .cart-discount,.wc_coupon_message_wrap,.wds-edit-slot,.button.invoice,.page-id-11 .isures-fsb--elm_wrap,.woocommerce-my-points-current-level-container,.woocommerce-my-points-bar-text-max-points,.checkout-inline-error-message ,.woocommerce-order-received .header-wrapper,.page-id-3877 .footer-wrapper,.view,.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout,.page-id-3877 .header-wrapper,#billing_first_name_field,.woocommerce-checkout .header-wrapper,.woocommerce-checkout .dmsg{display:none;}

/*Page Home*/
/*.title{
    position: relative;
    border-radius: 0 0 10px 10px;
    box-shadow:8px 8px 10px 0px;
    background: #EDEDED;
	display: inline-grid;
    padding: 3px 15px;
	bottom:-17px;
}
.title:before,.title:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    filter: brightness(1.8);
    bottom: 17px;
    border-width:10px;
}

.title:before{border-color: #fff0 #222 #222 #fff0;left: -20px;}
.title:after{border-color: #fff0 #fff0 #222 #222;right: -20px;}*/

/*Global*/
.button.primary.is-outline.is-small{width:125px;}
.lin,.fter_ifsp ul li  a{color:#189eff;}

.cls_cp {position: fixed;bottom: 0;left: 0;width: 100%;padding: 0 10px 15px;background:transparent;}
.cls_cp button.closePopup{width:100%;border-color: #222;color: #222;}
.pp_cv  {display: flex;flex-direction: column;height: 100%;overflow-y: auto;}
		
.white-popup {position: relative;background: #fff;padding: 5px;
  width: auto;max-width: 600px;margin: 20px auto;border-radius:5px;}

.container .section, .row .section {padding-left: 0px;padding-right: 0px;}

/**-- PAGE BẢO MẬT & MUA HÀNG --**/
.content-section {border-top: 5px solid #C4C4C4;margin-top: 15px;}
.heading-sec {font-size:21px;color:#222;}

/**__MENU BOTTOM__**/
#option-menu {display: flex;/*width: 100%;margin: 0 5px -2px;justify-content: space-evenly;*/}
#option-menu li {margin:5px;/*width: -webkit-fill-available;*/}
#option-menu li a{display: inline-block;padding:5px 15px;font-weight: 700; font-size: 15px;/*width: 100%;text-align: center;*/}

#option-menu li a.brd {border:1px solid #ddd;border-radius:4px;box-shadow:rgb(0 0 0 / .4) 0 2px 4px,rgb(0 0 0 / .3) 0 7px 13px -3px,rgb(0 0 0 / .2) 0 -3px 0 inset;padding:5px;}

.tvactive {color:#c52f23;}
/*#option-menu li a.tvactive,*/.hm{background: #eee;border-radius:4px;}

/*Infor reward point*/
.if-mb{border: 1px solid;
    padding: 10px;margin: 10px 10px;
    border-radius: 4px;}

.mvn-combo{/*border: 1px solid #666;border-radius: 3px;
    margin: 0 5px 5px;*/text-align: left;
    padding:5px;font-size: 11px;color: #222;}

.mvn-combo .mvn-li li:before
{content: "";display: block;width: 13px;height: 13px;
    background: url(https://monvinha.com/wp-content/themes/flatsome-child/image/check.svg) no-repeat;position: absolute;left: 0;}

.mvn-combo .li-1 li:before
{background: url(https://monvinha.com/wp-content/themes/flatsome-child/image/icon-check.svg) no-repeat;}

.mvn-combo .li-2 li:before
{background: url(https://s.w.org/images/core/emoji/14.0.0/svg/2714.svg) no-repeat;}

/*.mvn-combo .mvn-cb-title h3 {
    border-top-left-radius: 4px;
    background: #f1f1f1;
    display: inline-flex;
    padding: 2px 10px;
    width: auto;
    margin: -10px -5px 5px;
    font-weight: 600;}*/

.mvn-combo .mvn-li{margin:0 -5px 5px -10px;}
.mvn-combo .mvn-li li {position: relative;padding-left: 15px;line-height: 1.3;}

.mvn-cb-add,.mvn-cb-title {font-weight:600;font-size: 13px;}
.mvn-cb-add {border-top: 1px solid #222;padding: 2px 0;}
/**/

.exp .collapsible {color:#c52f23;}
li { list-style: none;}

/*Delivery*/
/*#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 #iconChat:before {display:none;}
#delivery #option {position:absolute;width:80%;bottom: 25px;left: 50px;padding:5px;}
#delivery #option:before {right:auto;left:115px;}

#option {background: center no-repeat #FFF;
box-shadow: 0 0 10px rgba(0, 0, 0, .6);box-sizing: border-box;
border-radius: 7px;transition: ease-out .12s all; z-index: 10000;
transform-origin: 80% 105%;display:none;}
 
#option:before {
    content: "";
    position: absolute;
    bottom: -7px;
   left: 25px;
    right: auto;
    display: inline-block!important;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    border-left: 10px solid transparent;}
*/
/*Support Information*/
.off-canvas-left.mfp-ready .mfp-content {position: fixed;}
.bif_t{overflow:auto;margin-bottom:60px;}
.spif {
	    border: 1px solid #ddd;
    text-align: left;
    margin: 10px;
    padding: 5px;
    font-size: 11px;
    color: #222;
    /* box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 16%); */
    /* -webkit-box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 16%); */
    border-radius: 5px;
    box-shadow: 7px 8px 6px 0 #e5e5e5;
}
.spif span.h {
    background: #888;
    color: #eee;
    margin: -5px -5px 5px;
    padding: 5px;
    text-align: center;
    display: block;
    border-radius: 10px 10px 0 0;
}


/**__
 * ADD CODE PLUS
 * __**/
/*Display grid*/
.if-grid,.ord_grd {display: grid;
    grid-gap: 5px 10px;
    grid-template-columns: auto 1fr;
}
.if-grid { margin: 0 5px;}
.ord_grd {line-height:1.5em;border-left: 5px solid;padding-left: 5px; margin: 5px 0;}

.add{margin-top:10px;color: #222;border-top:1px solid;margin-top: 5px;padding-top: 5px;}


/*Coupon*/
.makhuyenmai {height:auto;max-height:450px;overflow:auto;}
.coupon-ck {display: flex;
    flex-wrap: nowrap;
    overflow: auto;}

/*Notice*/
.woocommerce-error.message-wrapper{display: flex;flex-wrap: wrap;border-left: 10px solid #ff1919;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;}

/*Menu bottom*/
.menu-vertical-menu-container ul#menu-vertical-menu>li>a {
    padding: 19px;
    font-weight: 600;
}

#wide-nav > .flex-row > .flex-center {
  width: calc(100% - 250px);
}


/*hgfhgf*/
/*.gfd-footer .makhuyenmai {max-height:300px;}
.makhuyenmai .gfd-tieu-de {margin:15px 0;font-size:16px;}
.coupon_box_inner {
    position: relative;
    background: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .15));
    padding:5px 10px 0 10px;
    display: flex;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	    margin: 10px 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;
}
.coupon_thumb {
    width: 70px;
    margin-right: 10px;
    flex: 0 0 70px;
}
.coupon_thumb svg path{
	fill: #DD3535;
}
.coupon_info {
    font-size: 13px;
    line-height: 1.2;
    color: #727272;
    width: 100%;
}
.coupon_info > strong {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block; text-align:left;
}
body button.devvn_coupon_copy,
body button.devvn_coupon_btn {
    border: 0 !important;
    background: #f57224 !important;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    min-height: auto;
    border-radius: 99999px !important;
    padding: 4px 15px;
    margin-bottom: 3px;
    line-height: 1.5;
    float: left;
}
.coupon_description {
    overflow: hidden;
    margin-bottom: 10px;
}


@media (max-width: 500px){
    .coupon_thumb {
        width: 70px;
        flex: 0 0 70px;
    }
  
    .coupon_box_inner{
        padding: 5px;
		    margin: 10px 5px;
    }
  
  .coupon_info > strong {
    margin-bottom: 2px;
    font-size: 14px;
}
  .coupon_description {
    margin: 0 0 0 5px;
}
}*/
.cp-sg {margin: 0 10px;display: flex;align-items: center;}
.cp-sg a {margin: 0 5px;color: #2E8B57;}

.pay-txt,.if-grid .tit{color: #222;font-weight: 600;}
.pay-txt{ padding:5px;}

.pay-note {font-size: 12px;
    margin: 10px;
    border: 2px dashed #3276b1;
    padding: 5px;
    border-radius: 5px;
    background: #f3f3f3;
    color: #ff1919;}

.iconic-notice {
   background: #fdf5ce;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
	-webkit-box-shadow: 4px 4px 0 0 #f8d72d;
    box-shadow: 4px 4px 0 0 #f8d72d;
}

.iconic-notice:after {
    content: "";
    position: absolute;
    top: 0;
    right:-4px;
    border-width: 0 32px 32px 0;
    border-style: solid;
    border-color: #fff #fff #f8d72d #f8d72d;
    background: #658e15;
    display: block;
    width: 0;
    -moz-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
}

.wc_coupon_message_wrap {padding:0;}

#order_review table.minicart_infor {
    background: #f3f3f3;
}
/**MY ACCOUNTS*/
.order-list{border-top: 5px solid #c52f23;padding: 3px 5px;font-size: 13px; background: #EDEDED;}
.order-list b{color:#E90008;}

.woocommerce-button.button {border-radius:4px}
/*.view{color:#222;background: #eee;display:none;}*/
.invoice {background: #888;}
.cancel {color:#d70018;background:#fcf2f2;}
.woocommerce-button.button.confirm-order,.order-again a{color:#028a0f;background:#EAFAEA;}