@charset "utf-8";
.mod .cart .cart_steps{
    border: thin solid #ccc;
}
        .mod .cart .cart_steps .step_button{
            padding: 5px 10px;
            float: left;
            display: block;
            font-size: 18px;
            text-align: center;
            color:rgb(45,92,164);
            cursor: default;
            opacity: 0.2;
        }
        .mod .cart .cart_steps .step_button.active{
            opacity: 1;
        }
        .mod .cart .cart_steps .step_button.selected,
        .mod .cart .cart_steps .step_button.active:hover{
            color:black;
            cursor: pointer;
            opacity: 1;
        }
            .mod .cart .cart_steps .step_button .step_number{
                display: inline-block;
                height: 37px;
                width: 37px;
                border-radius: 50%;
                text-align: center;
                background-color: #4C9ED9;
                line-height: 37px;
                margin: 0 10px 0 0; 
                font-size: 22px;
                color:#fff;
            }

            
.mod .cart .side_cart{
    
}
    .mod .cart .side_cart .row{
        font-size: 0.9em;
        padding: 5px;
        border-bottom: thin solid #ccc;
    }
    .mod .cart .side_cart .row.total_price{
        font-weight: bold;
        border-bottom: none;
        border-top: thin solid #ccc;
        border-top: thin solid #4c9ed9;
    }
    .mod .cart .side_cart .change_cart{
        background-color: #2d5ca4;
        border: thin solid #565656;
        border-radius: 5px;
        font-size: 0.8em;
        float: right;
        padding: 3px 8px;
        margin: 10px 0 0 0;
        cursor: pointer;
        color: #fff;
        transition: 0.15s ease-in-out all;
    }
        .mod .cart .side_cart .change_cart:hover{
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.41);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.41);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.41);
            background-color: #fcec1d;
            color: black;
        }
    

            
.mod .cart .order_step_button{
    display: inline-block;
    border: thin solid #ccc;
    padding: 5px 10px;
    color: white;
    cursor: pointer;
    margin: 20px 0 15px 0px;
}
    .mod .cart .order_step_button.forward_button{
        background: none;
        background-color: rgb(45,92,164);
        float: right;
        color:#fff;
        letter-spacing: 1px;
    }
    .mod .cart .order_step_button.back_button{
        background: none;
        background-color: rgb(45,92,164);
        color:#fff;
        float: left;
    }
    .mod .cart .order_step_button:hover{
        
        
    }

/***************************STEP_5*********************************************/        
    
/***************************STEP_4*********************************************/    
    
/***************************STEP_3*********************************************/
.mod .cart .cart_step_3_cont{
    
}
    .mod .cart .cart_step_3_cont .email_summary{
        background-color: #fff;
        padding: 5px 10px;
        border: thin solid #ccc;
    }
        .mod .cart .cart_step_3_cont .email_summary table{
            table-layout: inherit;
        }
        .mod .cart .cart_step_3_cont .email_summary table tr td{
            height: auto !important;
            line-height: initial !important;
            padding: 5px 0;
        }

/***************************STEP_2*********************************************/
.mod .cart .subsidiary .city{
    border-bottom: thin solid #dadada;
    padding: 3px 5px;
    cursor: pointer;
    
}
    .mod .cart .subsidiary .city.selected,
    .mod .cart .subsidiary .city:hover{
        background-color: #dae5ed;
    }
        
    .mod .cart .subsidiary .city .address{
        padding: 5px 10px;
        background-color: #f3f3f3;
        font-size: 0.85em;
        border-bottom: thin solid #dadada;
        transition: 0.2s ease-in-out all;
    }
    .mod .cart .subsidiary .city .address.selected,
    .mod .cart .subsidiary .city .address:hover{
        background-color: #b7d7ef;
        padding: 5px 10px 5px 15px;
    }
    
    .mod .cart .box{
        margin: 0 0 20px 0;
    }
        .mod .cart .box .row{
            padding: 5px;
            border-bottom: thin solid #ccc;
        }
        .mod .cart .box .row:hover{
            background-color: #e7e9ea;
        }
            .mod .cart .box .row .label{
                width: 35%;
                float: left;
                padding: 0 5px 0 0;
            }
            .mod .cart .box .row .input{
                width: 65%;
                float: left;
            }

            
.mod .cart .subsidiary_cont.user_details{
    
}
    .mod .cart .subsidiary_cont.user_details .delivery_type{
        max-width: 400px;
        margin: 0 auto 20px auto;
    }
        .mod .cart .subsidiary_cont.user_details .delivery_type h2{
            text-align: center;
        }
        .mod .cart .subsidiary_cont.user_details .delivery_type .delivery_box{
            float: left;
            max-width: 250px;
            border: thin solid #353535;
            padding: 20px 20px 0 20px;
            width: 50%;
            text-align: center;
            background-color: #687e98;
            color: #fff;
            font-weight: bold;
            min-height: 80px;
        }
        .mod .cart .subsidiary_cont.user_details .delivery_type .delivery_box.sel,
        .mod .cart .subsidiary_cont.user_details .delivery_type .delivery_box:hover{
            cursor: pointer;
            background-color: #175aa9;
        }
        .mod .cart .subsidiary_cont.user_details .delivery_type .delivery_box.sel{
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        }
        
        
    .mod .cart .subsidiary_cont.user_details .delivery_details{
        
    }
        .mod .cart .subsidiary_cont.user_details .delivery_details .payment_type label a{
            color: #1f2a53;
        }
        .mod .cart .subsidiary_cont.user_details .delivery_details .payment_type label a:hover{
            color:#2956ff;
        }
        
        .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont_not_to_del_home{
            border: thin solid #ccc;
            margin: 5px 0;
            padding: 5px;
            background-color: #fff;
            text-align: center;
        }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont_not_to_del_home .remove_not_to_del_home_prod{
                padding: 7px 12px;
                font-size: 14px;
                margin: 10px auto;
                max-width: 100%;
                text-align: center;
                background-color: #cc0c0c;
                color:#fff;
                cursor: pointer;
                border-radius: 3px;
                display: inline-block;
            }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont_not_to_del_home .remove_not_to_del_home_prod:hover{
                -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont_not_to_del_home .product_box{
                border: thin solid #8c8c8c;
                margin: 5px 0;
                padding: 5px;
                text-align: left;
            }
                .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont_not_to_del_home .product_box img{
                    max-width: 100px;
                    margin-right: 10px;
                    float: left;
                    display: block;
                }
            
            
        .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont{
            
        }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont .product_box{
                padding: 10px 15px;
                border: thin solid #717070;
                margin: 7px 0;
                background-color: #fff;
                color:#2b6593;
                position: relative;
            }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont .product_box.to_sel::after{
                background-image: url(../images/pointer.png);
                width: 50px;
                height: 50px;
                content: "";
                right: 20px;
                top: 0;
                bottom: 0;
                margin: auto 0;
                position: absolute;
                z-index: 20;
            }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont .product_box.to_sel:hover{
                -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
                background-color: #fbffba;
            }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont .product_box h3{
                border-bottom: thin solid #99bad4;
                margin-bottom: 5px;
            }
            .mod .cart .subsidiary_cont.user_details .delivery_details .products_cont .product_box img{
                max-width: 100px;
                margin-right: 10px;
                float: left;
            }
        .mod .cart .subsidiary_cont.user_details .delivery_details .user_detail{
            margin-bottom: 5px;
            max-width: 500px;
        }
        
            
/***************************STEP_1*********************************************/

.mod .cart .logout{
    margin: 0 0 20px 0;
}
    .mod .cart .logout .row{
        padding: 5px;
        border-bottom: thin solid #ccc;
        width: 50%;
    }
    .mod .cart .logout .row:hover{
        background-color: #e7e9ea;
    }
        .mod .cart .logout .row .label{
            width: 35%;
            float: left;
            padding: 3px 5px 0 0;
        }
        .mod .cart .logout .row .input{
            width: 65%;
            float: left;
        }
            
        
.mod .cart .cart_list{
    border: thin solid #ccc;
    background-color: #fff;
}
    .mod .cart .cart_list .coupon_row > div input,
    .mod .cart .cart_list .coupon_row > div{
        font-weight: bold;
    }
    
    .mod .cart .cart_list .pay_deposit_btn{
        padding: 7px 10px;
        float: right;
        margin: 5px 15px 10px 15px;
        border: thin solid #ccc;
        background-color: #23428d;
        border-radius: 5px;
        color:#fff;
        cursor: pointer;
    }
    .mod .cart .cart_list .pay_deposit_btn:hover{
        -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.6);
        box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.6);
    }
    
    .mod .cart .cart_list .cart_row{
        font-size: 1em;
        border-bottom: thin solid #ccc;
        padding: 5px 0;
        color: rgb(45,92,164);
    }
        .mod .cart .cart_list .cart_row .customer_monitor_cont{
            position: absolute;
            bottom: 5px;
            right: 5px;
        }
            .mod .cart .cart_list .cart_row .customer_monitor_button:hover{
                background-color: #368c40;
            }
            .mod .cart .cart_list .cart_row .customer_monitor_button{
                background: none;
                background-color: #61b46b;
                color: white;
                border-radius: 5px;
                line-height: 15px;
                cursor: pointer;
                font-size: 11px;
                width: 130px;
                text-align: center;
                padding: 3px;
            }
            
        .mod .cart .cart_list .cart_row a{
            color: rgb(45,92,164);
        }
        .mod .cart .cart_list .cart_row a:hover{
            color: #e21d26;
        }
        .mod .cart .cart_list .cart_row input.remove{
            background: none;
            background-color: #e21d26;
            border-radius: 5px;
        }
        .mod .cart .cart_list .cart_row input.e_cart_recount{
            margin: 0 10px 0 0;
            position: absolute;
            top: 4px;
            right: 74px;
            display: none;
            font-size: 10px;
            width: 100px;
            transition: none;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.92);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.92);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.92);
        }
    .mod .cart .cart_list .cart_row:hover{
        background-color: #e7e9ea;
    }
    .mod .cart .cart_list .cart_row.total{
        background-color: rgb(76, 158, 217);
        color: #fff;
        padding: 10px 0px;
    }
    .mod .cart .cart_list .cart_row.main{
        border: 0;
        padding: 5px 0;
        background-color: white;
    }
        .mod .cart .cart_list .cart_row div.left{
            min-height: 1px;
        }
        .mod .cart .cart_list .cart_row .image img{
            max-height: 85px;
        }