#reviews {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    #dgm_rating {
        .diem {
            .diem-sao {
                font-size: 32px;
                font-weight: 700;
                color: red;
            }
            .sao {
                > span {
                    position: relative;
                    font-size: 18px;
                    color: #ccc;
                    display: block;
                    width: 120px;
                    margin: 0 auto 10px;
                    overflow: hidden;
                    i {
                        float: left;
                        width: 24px;
                        text-align: center;
                    }
                    > span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        color: #ffc107;
                    }
                }
            }
        }
        .list {
            .phan_tram {
                position: relative;
                display: block;
                width: 100%;
                height: 12px;
                border-radius: 6px;
                background: #ccc;
                overflow: hidden;
                > span {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    background: #4caf50;
                }
            }
        }
    }
    // #review_form_wrapper {
    //     display: none;
    //     &.active {
    //         display: block;
    //     }
    // }
}


// mini cart 
#dgm_mini_cart {
    .cart-contents {
        color: var(--dgm_head_name);
        position: relative;
        i {
            font-size: 20px;
        }
        span {
            position: absolute;
            background: #fff;
            border: 2px solid var(--dgm_head_name);
            padding: 2px 5px 1px;
            top: -10px;
            left: 12px;
            line-height: 12px;
            font-size: 12px;
            border-radius: 10px;
        }
    }
}

// trang gio hang
.dgm_woo_trang_gio_hang, .dgm_woo_trang_thanh_toan {
    h1 {
        display: none;
        text-align: center;
        font-size: 30px;
        margin-bottom: 30px;
    }    
    h2, h3 {            
        color: var(--dgm_head_name);
        font-size: 20px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 400;
    }
    table {
        td {
            padding: 10px;
            line-height: initial;
        }
    }
    .product-thumb {
        position: relative;
        .remove {
            position: absolute;
            top: -8px;
            right: -8px;
            background: red;
            color: #fff;
            width: 16px;
            text-align: center;
            line-height: 16px;
            border-radius: 50%;
            z-index: 1;
        }
    }
    .product-name {        
        .so_luong {
            font-size: 14px;
            font-style: italic;
            color: var(--dgm_head_name);
        }
    }
    .product-quantity, .product-thumbnail {
        width: 100px;
    }
    .product-subtotal {
        width: 100px;        
    }
    .wc-proceed-to-checkout {
        .checkout-button {
            display: inline-block;
            font-weight: 500;
            overflow: hidden;
            clear: both;
            padding: 15px 0;
            border-radius: 4px;
            font-size: 18px;
            line-height: normal;
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            background: #fd6e1d;
            background: -webkit-gradient(linear,0 0,0 100%,from(#fd6e1d),to(#f59000));
            background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
            background: -moz-linear-gradient(top,#f59000,#fd6e1d);
            background: -ms-linear-gradient(top,#f59000,#fd6e1d);
            background: -o-linear-gradient(top,#f59000,#fd6e1d);
            margin: 0 auto;
            width: 100%;            
        }
    }    
    &.box-3 {        
        .woocommerce-cart-form {
            background: #fff;
        }
        .shop_table_responsive {
            background: #fff;
            margin-bottom: 20px;
        }
    }
    .remove_coupon {
        font-size: 14px;
        font-style: italic;
        color: var(--dgm_head_name);
        .woocommerce-remove-coupon {
            font-size: 12px;
            color: red;            
        }
    }
    .cart-empty.woocommerce-info {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb; 
        text-align: center;
    }
    .return-to-shop {
        text-align: center;
        .wc-backward {
            display: block;
            font-weight: 500;
            overflow: hidden;
            clear: both;
            padding: 15px 0;
            border-radius: 4px;
            font-size: 18px;
            line-height: normal;
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            background: #fd6e1d;
            background: -webkit-gradient(linear,0 0,0 100%,from(#fd6e1d),to(#f59000));
            background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
            background: -moz-linear-gradient(top,#f59000,#fd6e1d);
            background: -ms-linear-gradient(top,#f59000,#fd6e1d);
            background: -o-linear-gradient(top,#f59000,#fd6e1d);
            margin: 0 auto;
            width: 100%; 
            max-width: 300px;           
        }
    }
}

// trang checkout 
.dgm_woo_trang_thanh_toan {
    .selection {
        display: none;
    }
    select {
        width: 100%;
        padding: 8px 10px;
        line-height: initial;
        height: auto;
    }
    .form-row-wide {
        margin-bottom: 15px;
    }
    #place_order {        
        display: inline-block;
        font-weight: 500;
        overflow: hidden;
        clear: both;
        padding: 15px 0;
        border-radius: 4px;
        font-size: 18px;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #fd6e1d;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd6e1d), to(#f59000));
        background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
        background: -moz-linear-gradient(top, #f59000, #fd6e1d);
        background: -ms-linear-gradient(top, #f59000, #fd6e1d);
        background: -o-linear-gradient(top, #f59000, #fd6e1d);
        margin: 0 auto;
        width: 100%;
    }
    #payment {
        border: 2px solid #e5e5e5;
        padding: 15px;
        .wc_payment_methods {
            padding: 0;
            li {
                list-style: none;
                .input-radio {
                    display: block !important;
                    float: left;
                    margin-top: 3px;
                }
                label {
                    line-height: initial;
                    cursor: pointer;
                    font-weight: 700;
                }
                .payment_box {
                    background: #f1f1f1;
                    font-size: 14px;
                    padding: 10px 15px;
                    margin-bottom: 10px;
                }
            }
        }
        .woocommerce-privacy-policy-text {
            margin-bottom: 10px;
        }
    }
    .woocommerce-additional-fields {
        h3 {
            display: none;
        }
    }    
    .content-san-pham {
        background: #fff;
        .woocommerce-checkout-review-order-table {
            margin-bottom: 0;
        }
        .ma-giam-gia {
            padding: 10px;
            border: 1px solid #eee;
            border-top: 0;
        }
    }
    &.box-2 {
        .checkout_content {
            background: #fff;
            padding: 15px;
        }
    }
    &.box-3 {
        .col-top {
            margin-bottom: 0;
        }
        #customer_details {
            margin-bottom: 20px;
            .woocommerce-billing-fields__field-wrapper {
                background: #fff;
                padding: 15px 15px 0;
                #billing_email_field {
                    margin-bottom: 0;
                }
            }
            .woocommerce-account-fields {
                background: #fff;
                padding: 15px 15px 0;
                .woocommerce-form__label-for-checkbox {
                    margin-bottom: 0;
                }
                .form-row-wide {
                    margin-bottom: 0;
                }
            }
            .woocommerce-additional-fields {
                background: #fff;
                padding: 15px;
                .form-row-wide {
                    margin-bottom: 0;
                }
            }
        }
        #payment {
            background: #fff;
            border: 0;
        }
    }
}




// trang cam on 
.dgm_woo_trang_cam_on {
    h1 {
        display: none;
    }
    .thong_tin_thanh_toan {        
        i {
            min-width: 18px;
            text-align: center;
            margin-right: 10px;
            color: #ff8d00;
        }
    }
    address {
        font-style: normal;
    }
    
    .woocommerce-order-overview {
        li {
            list-style: none;
        }
    }
    .woocommerce-order-overview {
        padding: 0px;
    }
    &.box-3 {
        .order_details {
            background: #fff;
        }
        .woocommerce-order-overview {
            padding: 15px;
        }
        address {
            background: #fff;
            padding: 15px;
        }
    }
}


// trang dang nhap 
.dgm_woo_trang_tai_khoan {
    h1 {
        display: none;
    }
    #dgm_logo.tk_logo {
        img {
            margin: 0 auto;
        }
    }
    .dgm_woo_tk_kdk {
        background: #fff;
        padding: 15px;
        width: 100%;
        max-width: 600px;
        margin: 0 auto; 
        box-shadow: 0 4px 20px 0 #e5e5e5;
        &.large {
            max-width: 800px;
        }
        .woocommerce-LostPassword {
            font-size: 14px;
            a {
                color: red;
            }
        }
        .woocommerce-privacy-policy-text {
            font-size: 12px;
            margin-bottom: 10px;
            color: gray;
            font-style: italic;
        }
        .woocommerce-MyAccount-navigation {
            ul {
                padding: 0;
                li {
                    list-style: none;
                    display: inline-block;
                    a {
                        display: block;
                        margin: 5px 10px;
                    }
                    &.is-active {
                        a {
                            color: #ff9800;
                            font-weight: 700;
                            border-bottom: 2px solid;
                        }
                    }
                }
            }
        }
    }
}






.quantity {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 90px;
    input {
        color: #333;
        display: inline-block;
        width: 30px;
        padding: 0;
        text-align: center;
        line-height: 30px;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        &.input-text {
            box-shadow: 0 0;
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
        }
    }
}

.quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        display: none;
        margin: 0;
    }
    .quantity input.qty {
        appearance: textfield;
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }
    
.woocommerce-message {
    position: relative;
    font-size: 14px;
    padding: 8px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.woocommerce-error {
    position: relative;
    font-size: 14px;
    padding: 8px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;    
    li {
        list-style: none;
    }
}








// list product 
.container {
    &.full-width, &.box-1, &.box-2 {        
        .dgm_list_product {    
            &.border {        
                .dgm_woo_product_loop {
                    .dgm_background {
                        border: 1px solid #e5e5e5;
                        padding: 10px;
                    }
                }
                &.ss-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 4px;
                    }
                }
                &.s-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 10px;
                    }
                }
                &.small {
                    .dgm_woo_product_loop {
                        margin-bottom: 20px;
                    }
                }
                &.default {
                    .dgm_woo_product_loop {
                        margin-bottom: 30px;
                    }
                }
                &.no-padding {              
                    border-left: 1px solid #e5e5e5;
                   .dgm_woo_product_loop {
                       margin-bottom: -1px;     
                       .dgm_background {
                           border: 1px solid #e5e5e5;
                           border-left: 0;
                           padding: 10px;
                       }
                   }
                }
            }
            &.no-border {                
                .dgm_woo_product_loop {
                    .dgm_background {
                        padding: 10px;
                    }
                }
                &.ss-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 4px;
                    }
                }
                &.s-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 10px;
                    }
                }
                &.small {
                    .dgm_woo_product_loop {
                        margin-bottom: 20px;
                    }
                }
                &.default {
                    .dgm_woo_product_loop {
                        margin-bottom: 30px;
                    }
                }
                &.no-padding {              
                    .dgm_woo_product_loop {  
                        .dgm_background {
                            padding: 10px;
                        }
                    }
                }
            }
        }
    }
    &.box-3 {       
        .dgm_list_product {    
            &.border {        
                .dgm_woo_product_loop {
                    .dgm_background {
                        border: 1px solid #e5e5e5;
                        padding: 10px;
                    }
                }
                &.ss-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 4px;
                    }
                }
                &.s-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 10px;
                    }
                }
                &.small {
                    .dgm_woo_product_loop {
                        margin-bottom: 20px;
                    }
                }
                &.default {
                    .dgm_woo_product_loop {
                        margin-bottom: 30px;
                    }
                }
                &.no-padding {              
                    border-left: 1px solid #e5e5e5;
                   .dgm_woo_product_loop {
                       margin-bottom: -1px;     
                       .dgm_background {
                           border: 1px solid #e5e5e5;
                           border-left: 0;
                           padding: 10px;
                       }
                   }
                }
            }
            &.no-border {        
                .dgm_woo_product_loop {
                    .dgm_background {
                        padding: 10px;
                    }
                }
                &.ss-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 4px;
                    }
                }
                &.s-small {
                    .dgm_woo_product_loop {
                        margin-bottom: 10px;
                    }
                }
                &.small {
                    .dgm_woo_product_loop {
                        margin-bottom: 20px;
                    }
                }
                &.default {
                    .dgm_woo_product_loop {
                        margin-bottom: 30px;
                    }
                }
            }
        }        
    }
}
.dgm_woo_product_loop {
    .dgm_background {
        &:hover {
            z-index: 1;
            position: relative;
            box-shadow: 0 4px 20px 0 #e5e5e5;
        }
        .product-content {
            position: relative;
            .woocommerce-LoopProduct-link {
                position: relative;
                display: block;
            }
            .dgm_product_link {
                .woocommerce-loop-product__title {
                    font-size: 14px;
                    padding-top: 10px;
                    margin-bottom: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    line-height: initial;
                    height: 48px;
                    -webkit-line-clamp: 2;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                }
            }
            .gia_ban {
                color: #FF5722;
                font-weight: 500;
                font-size: 14px;
                line-height: 16px;
            }
            .da_mua {
                font-size: 12px;
                color: #666;
                line-height: 16px;
            }
            .price {
                del {
                    display: none;
                }
            }
            .add_to_cart_button, .added_to_cart, .product_type_simple {
                font-weight: 400;
                max-width: 150px;
                width: 100%;
                margin: 10px auto 0;
            }
            .added_to_cart {    
                display: block;   
                max-width: 150px;
                width: 100%;
                margin: 10px auto 0;       
                font-size: 14px; 
                background-color: #fd6e1d;
                border: 0;
                border-radius: 3px;
                cursor: pointer;
                font-weight: 400;
                line-height: normal;
                padding: 5px 10px;
                text-shadow: none;
                transition: background 0.2s;
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                background: #fd6e1d;
                background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd6e1d), to(#f59000));
                background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
                background: -moz-linear-gradient(top, #f59000, #fd6e1d);
                background: -ms-linear-gradient(top, #f59000, #fd6e1d);
                background: -o-linear-gradient(top, #f59000, #fd6e1d);
            }            
            .product_type_simple {
                display: none;
                &.add_to_cart_button {
                    display: block;
                    &.added {
                        display: none;
                    }
                }
            }
            .style-2 {
                .product_type_simple {
                    margin: 0;
                    padding: 0;
                    font-size: 0;
                    background: transparent;
                    border-radius: 50%;
                    &:before {
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        content: "\f217";
                        font-size: 18px;
                        display: block;
                        width: 32px;
                        line-height: 32px;
                        color: #ff8d00;
                    }
                    &:hover {
                        background: #f1f1f1;
                        &:before {
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}






.product {
    position: relative;
}
.flaticon {
    position: absolute;
    left: 0;
    bottom: 0;
    background: orange;
    color: #fff;
    font-size: 12px;
    line-height: initial;
    padding: 3px 10px;
    border-radius: 12px;
    z-index: 1;
    i {
        line-height: 20px;
        width: 20px;
        text-align: center;
        margin-top: -3px;
        margin-bottom: -3px;
        margin-left: -10px;
        margin-right: 5px;
        background: red;
        border-radius: 50%;
    }
    &.soldout {
        background: gray;   
        i {
            background: #3d3d3d;
        }     
    }
}

@media screen and (max-width: 768px) {
    .dgm_woo_trang_gio_hang, .dgm_woo_trang_thanh_toan {        
        .product-thumbnail {
            width: 40px;
        }
    }
    
    .container {
        &.full-width, &.box-1, &.box-2, &.box-3 {        
            .dgm_list_product {    
                &.border, &.no-border {
                    &.small, &.default {
                        .dgm_woo_product_loop {
                            margin-bottom: 10px;
                        }
                    }
                }
            }
        }
    }
    
}