/********************** Shopping Responsive ***************************/ 
#BasketGrid .container{background-color:#fff;padding:30px}
.header-grid,.row-tbl-sale,.row-tbl:first-child{color:#fff;font-size:13px;background-color:#333333;font-weight:400;border-radius: 3px;}
.header-grid,.row-tbl:first-child{padding:10px 0;text-align:center}
.row-tbl-sale{padding:5px 0}
.row-box,.row-tbl-final{font-size:12px ; font-weight:500}
.row-tbl-final{color:#4F6D85;background-color:#5BC0DE;padding:5px 0;font-weight:700}
.row-box:nth-child(2n){background-color:#fff;border-bottom:1px solid #ccc;padding:5px 0}
.row-box:nth-child(2n+1){background-color:#F6F5F5;padding:15px 0}
.row-box .box-th{padding-top:20px;text-align:center}
.row-box .btn-info,.row-box .btn-success{font-size:15px}
.row-box .btn-default,.row-box .btn-info,.row-box .btn-success,.row-factor-go .btn-success{cursor:auto;border-radius:0;  padding: 8px 6px;}
#Select_BasketCount{height:35px}
#BasketGrid del{color:#D9534F;display:block;font-size:18px;font-weight:400;margin:0 auto;text-align:center}
.box-col-3,.row-bottom{margin-top:15px}
.row-box span {color:#333}
.row-box  .btn-simple{
    color:#eee
}
.box-demo-shopping{
    margin-top:10px;
}

.table{font-size:14px;}
.row-info{font-size:14px}
.row-info:nth-child(2n){background-color:#fff;padding:10.5px 0 0}
.row-info:nth-child(2n+1){background-color:#eee;padding:10px 0}
.box-col-3,.row-bottom .col-md-3{padding-right:0}
.box-col-3{border:1px solid #ccc;font-size:15px;font-weight:400;padding-left:0;background-color:#fff}
.row-bottom .col-md-3 .clearfix:nth-child(2n){background-color:#f8f8f8;padding:5px 0}
.row-bottom .col-md-3 .clearfix:nth-child(2n+1){background-color:#fff;padding:6.5px 0}
.row-bottom .col-md-3{padding-left:0}
.row-bottom .col-md-9{padding-right:0}
.row-bottom .col-md-3 .clearfix .pull-right{padding-right:10px;font-size:16px}
.row-bottom .col-md-3 .clearfix .pull-left{padding-left:10px;font-size:16px}
.row-bottom .col-md-3 .btn-success{margin-top:20px;font-size:22px}
.offer-code{width:35%;border-radius:5px;height:45px;border:1px solid #ccc;margin-left:5px;padding:5px}
.row-factor-go .col-md-8,.row-pay .col-box-6{border:1px solid #ccc}
.bon-panel{margin-top:40px;padding-top:40px}
.bon-panel .alert{width:35%;margin-top:15px}
.txt-offer{font-size:18px;margin-bottom:15px;margin-top:30px;display:block}
.box-col-3 .clearfix:nth-child(2n){background-color:#f5f5f5;padding:5px 10px}
.box-col-3 .clearfix:nth-child(2n+1){padding:5px 10px}
#BasketSaleGrid .container{background-color:#fff;padding:30px}
.editAddress{background-image:url(/shopping/images/edit.png)}
.t-row{      
    border-bottom:1px dashed #888;
    color:#444;
    font-size: 18px;
    padding: 7px 0;
    margin-top:-10px;

}
.txt-basketsate{margin-top:10px;min-height:168px;position:initial; width:100%;padding:10px;}
.box-col-in{padding-bottom:15px}
.t-row-3,.t-row-9{ border-bottom: 1px dashed #ccc;
    color: #999;
    font-size: 17px;
    padding: 7px 0;}
#FactorReview .text-info,#FactorReview .text-info:hover{
    color:#555!important
}
.row-pay .t-row{
    margin-top:10px;
}
#AddressListRegion{
    padding-top:45px;
}
.row-bottom-post{margin-top:0px}
.row-bottom-post .col-md-9{padding-right:0}
.box-col-in .col-lg-1{padding:0}
.row-bottom-post h4{position:relative;top:20px;font-size:17px}
.top-add{width:100%}
.top-add .btn{margin-top: -50px;}
.row-final .col-md-4{background-color:#4F6D85;margin:15px 0;padding:20px;font-size:18px;color:#fff}
.row-final .text-info{font-size:18px;color:#5BC0DE!important}.row-pay{margin-top:30px}
.row-pay .col-box-6{padding-bottom:15px}
.row-pay .text-danger,
.row-pay .text-info,
.text-factor{font-size:14px;line-height:30px;text-align:justify}
.row-pay img{margin:20px auto;display:block;height:100px}
.row-box del{ color: #c8302e;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    text-align: center;}
.row-tbl-sale{margin-top:15px}
.row-factor-go .text-info{background:#fff;padding:5px 15px;color:#333;width:100%}
.row-factor-go{font-size:13px;margin-top:30px}
.row-factor-go .text-data{background-color:#f5f5f5;padding:4px 15px;font-weight:700}
.row-factor-go .col-md-2,.row-factor-go .col-md-3{border-right:1px solid #fff;padding:0}
.row-factor-go .col-lg-8,.row-factor-go .col-md-7{   padding:0;}
.text-danger{color:#999!important}
.row-factor-go  .col-md-6{
    background-color:#F5F5F5;
    min-height:179px
}
.text-txt{background-color:#fff!important}
#pnl_AddressList{width:100%}
.button-pay .col-6{padding-right:0;padding-left:5px}
    .button-pay .col-6 #BtnSubmitPay , .button-pay .col-6 #GoToBasket{width:55%; color:#fff;}


@media screen and (max-width:800px) {
    .table {
        font-size: 11px;
    }

    .t-row {
        font-size: 14px;
    }
}


@media (max-width:767px){
    .row-factor-go{font-size:12px;}
    .row-pay .text-danger, .row-pay .text-info, .text-factor{font-size:12px; margin-bottom:10px;}
    .btn-success{font-size:12px;}
   
    #pnl_SendingTypeList{border:1px solid #eee;}
    #pnl_AddressList .row-box .col-md-6{
        line-height:32px;
    }
    #pnl_SendingTypeList p , #pnl_SendingTypeList .col-xs-12{
        padding:10px !important;
    }
    #pnl_PreFactor .col-xs-6{
        padding:2px
    }
    .mb-15-mobile{margin-bottom:15px;}
    .button-pay .btn{
        font-size:13px !important;
    }
   .row-factor-go .col-xs-12{
        padding:10px !important;
    }
    .roe-b .col-xs-12{padding:0!important}
    .row-factor-go .col-md-2,.row-factor-go .col-md-3{border:0}
    .button-pay .col-6{padding-right:0;padding-left:5px}
    .button-pay .col-6 #BtnSubmitPay , .button-pay .col-6 #GoToBasket{width:100%; color:#fff;}
    .top-add .btn{    margin-bottom: 25px;
    margin-top: -50px;}
    .top-add .pull-left,.top-add .pull-right{float:none;width:100%}
    .t-row-9{width:100%}
    .row-bottom-post h4{font-size:15px;top:0}
    .row-bottom-post .col-md-3{}
    .top-add .btn-lg{padding:8px 10px;font-size:15px;font-weight:700}
    .top-add .btn-block{width:unset}
    .row-box:nth-child(2n),.row-box:nth-child(2n+1){padding-bottom:35px}
    .row-bottom .col-md-3{padding-left:0}
    .row-bottom .col-md-9{margin-bottom:15px;padding:0}
    .row-box .btn-danger {
       margin-top: 0 !important;
    float: inherit !important;
    /* margin-left: 5px; */
    margin-right: -10px;
    /* display: block; */
    padding: 7px !important;
    } 
    .offer-code{font-size:12px;}
    .box-check{text-align:right!important; font-weight:bold; margin-bottom:15px; }
    .member-name , .member-address,.member-mobile{text-align:right !important;margin-bottom:15px; padding: 0;
    font-size: 12px !important;}
    .row-box .box-th{text-align:right;font-size:13px}
    .row-box .img-responsive{margin:10px auto;display:block}
    .row-bottom .col-md-3 .clearfix,.row-info{font-size:12px}
    .row-box .col-md-2 {
        text-align: center;
    }

    .material-icons {
        padding: 2px 5px !important;
        font-size: 10px !important;
        margin-top: 0px !important;
    }

    .row-box .btn-default, .row-box .btn-info, .row-box .btn-success, .row-factor-go .btn-success {
        padding: 2px;
    }
}
@media (min-width:768px) and (max-width:991px){
        .material-icons {
        padding:2px 5px!important;
        font-size:10px!important;
        margin-top:5px!important
    }
    .roe-b .col-xs-12,.row-factor-go .col-xs-12{padding:10px 5px}
    .row-factor-go .col-md-2,.row-factor-go .col-md-3{border:0}
    .row-pay{margin-top:30px}
    .top-add{margin-top:20px}
    .txt-basketsate{min-height:220px}
    .row-bottom-post h4{top:0}
    .top-add .btn{margin-bottom:25px;margin-top:20px}
    .row-bottom .col-md-3 .clearfix .pull-left,
    .row-bottom .col-md-3 .clearfix .pull-right,.row-info{font-size:14px}
    .row-bottom .col-md-3 .clearfix:nth-child(2n),.row-bottom .col-md-3 .clearfix:nth-child(2n+1){padding:8px 0}
    .row-tbl:first-child{font-size:12px; line-height:20px !important;}
    .row-box .box-th{padding-top:10px;text-align:right}
    .row-box .btn-danger{margin-top:0;float:left}
    .row-box .img-responsive{margin:10px auto}}
@media (min-width:992px) and (max-width:1199px){
    .row-bottom-post .row-info,.row-tbl:first-child{font-size:12px}
    .header-grid, .row-tbl:first-child {
        padding: 4px 20px 4px 0;
    }
    .box-col-3{font-size:13px;}
    .row-box .btn-default{background-color:transparent!important;border:0!important}
    .row-box .box-th{padding-top:25px}
    .txt-basketsate{margin-top:10px;min-height:162px;position:initial}
    }

@media screen and (max-width:800px){
    .header-grid, .row-tbl:first-child {
    padding: 5px 6px 5px 0;
}
}

@media screen and (max-width:375px){
    .btn-shop{float:none}
}
.box-title-wrapper{ background-color: white;border: 1px solid #ccc;padding: 5px 1px; word-wrap: break-word;}
.order-page .box-th{padding: 20px 5px;}
.div-data a.btn-lg{
    font-size:14px;
    border-radius:4px;
}
/********************** Shopping Responsive ***************************/







#BasketResumeContainer{width:100%;height:130px;margin: 20px auto auto;position: relative;}
.BasketResume{border: 1px solid #222222;border-radius: 4px;direction: rtl;left: 0;min-width: 200px;position: absolute;text-align: right;width: 40%;}
.BasketResume .total,.BasketResume .totalDiscount{padding:10px;}
.BasketResume .totalDiscount{    background-color: #FFB09D;}
.BasketResume .sep{background-color: #85d51c;height: 1px;}
.BasketResume .payable{background-color: #e8f9d1;border-radius: 0 0 4px 4px;font-size: 14px;padding: 10px;}
.BasketResume .discount{left: 286px;min-width: 190px;position: absolute;top: 48px;}


/********************** END MyBasket ***************************/  
  
/********************** Basket_Sale ***************************/ 
.shoppingInfoHeader{font-weight:bold;padding-left:5px;}
span#FreeSendDesc{width:92%;margin:auto; color:#D2335C;}
div#Shopping_Wizard{width:100%;}
div#Shopping_Wizard .ShoppingPanel{margin-bottom:40px;margin-top:40px;}
div#Shopping_Wizard .disable{}
.ShoppingPanel .Header{    margin: 5px;    border-bottom: 3px solid #FFA317;    border-bottom-style: double;}
.ShoppingPanel .Header span{background-color: #ffd595;border: 1px solid #ffa317;color: #000000;display: inline-block;font-size: 15px;padding: 5px;}
div#pnl_AddressList{ margin-top: -20px;}
#Btn_NewAddress{float:left; cursor:pointer ; font-size:14px; border-radius:3px;}
div#pnl_SendingTypeList
div#pnl_PreFactor
#pnl_GiftMessage .Content #TxtGiftMessage  {width:60%;height:100px;}

.editAddress
{
    background-position: center center;
    background-image: url("/shopping/images/edit.png") ;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

#PopUpDivEditMember {z-index:90000; background-color: #FFFFFF;position:absolute;left:30%; top:5%;  width:40%; min-height: 420px;   margin: auto;  cursor:default;z-index:4000;direction:rtl;}

#PopUpDivEditMember input[type="text"],#PopUpDivEditMember select {border-radius: 4px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) inset;color: #888;font-family: "web_Yekan","B Koodak","X Koodak","Koodak",Arial;font-size: 12px;height: 30px;padding: 0 5px;background-color: #FFFFFF;border: 1px solid #CCCCCC;text-align: right;width: 65%;}
#PopUpDivEditMember select{width:67%;}
#PopUpDivEditMember input[type="text"]:hover,#PopUpDivEditMember select:hover{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) ,0 1px 4px rgba(0, 143, 253, 0.5) inset;}
#PopUpDivEditMember input[type="text"]:focus,#PopUpDivEditMember select:focus{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) ,0 1px 4px rgba(0, 143, 253, 0.5) inset;}

#PopUpDivEditMember #lblWarn{color: #FF0000;position: absolute;right: 100px;top: 150px;width: 100%;}
#PopUpDivEditMember #PopUp_Btn_UpdateAddress {float:none; text-align: center;width: 65px;display:inline-block;color:#ffffff;}
.WaitingPanel{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:300000;cursor:wait;background-repeat:repeat; background-image:url('/assets/images/opacity.png');}
.popUpMessage{color:Red;width:100%;text-align:center;margin:auto;}
 /********************** MyFactor ***************************/
    .item-img img {
        width: auto;
        height: 50px;
    }
#tbl-factor
{
direction: rtl;
display: inline-block;
margin: 30px 10px 20px 10px;
}

#tbl-factor thead td
{
background-color: orange;
border: 1px solid #bab9b9;
color: #ffffff;
font: 12px Tahoma;
height: 26px;
padding: 0 5px;
text-align: center;
}

#tbl-factor tbody td
{
border-bottom: 1px solid #bab9b9;
border-left: 1px solid #bab9b9;
border-right: 1px solid #bab9b9;
padding-bottom: 5px;
padding-right: 3px;
padding-top: 10px;
}

#tbl-factor tr.null td
{
    background:#fff;
}

#tbl-factor tr.canceled td
{
    background:#d8d8d8;
}

#tbl-factor tr.pending td
{
    background:#fffdc4;
}

#tbl-factor tr.rejected td
{
    background:#ffd4d4;
}

#tbl-factor tr.sending td
{
    background:#a8e2af;
} 

#tbl-factor tr.odd td
{
    background:#f8f8f8;
}
    
#tbl-factor tr.even td
{
    background:#fff;
}
    
#tbl-factor .show
{
    color:#1f88ff;text-decoration:none;
    cursor:pointer;
}
    
#tbl-factor .show:hover
{
    text-decoration:underline;
}

#PopUpShowFactorDetail
{
background-color: #F0F4F7;
cursor: default;
direction: rtl;
display: none;
height: 370px;
left: 0;
margin: auto;
overflow: scroll;
position: absolute;
top: 30px;
width: 600px;
z-index: 91000000;
}

#PopUpShowFactorDetail p
{
    float: left;
    height: 21px;
    margin: 5px;
    padding-left: 10px;
    
}




#tbl-factor-header
{border:dashed 1px #d3d3d3;direction:rtl;}
#tbl-factor-header td
{padding:5px 3px;}
#tbl-factor-header td.title
{text-align:left;}
#tbl-factor-header td.text
{text-align:right;}
#tbl-factor-header td.seek
{width:25%;text-align:center;border:solid 1px #d3d3d3;}
#tbl-factor-header td.seek-fill
{width:25%;text-align:center;border:solid 1px #d3d3d3;background:#1fdb4b;}
#tbl-factor-header td.seek-fill-red
{width:25%;text-align:center;border:solid 1px #d3d3d3;background:#ef4069;}
#tbl-factor-detail
{border:solid 1px #d3d3d3;direction:rtl;}
#tbl-factor-detail thead td
{border:solid 1px #d3d3d3;border-width:0 1px;padding:5px 0;text-align:center;font:bold 8pt Tahoma;background:#6cbcff;}
#tbl-factor-detail tbody td
{border:solid #d3d3d3;border-width:0 1px;padding:5px 0;text-align:center;}
#tbl-factor-detail tr.odd td
{background:#f8f8f8;}
#tbl-factor-detail tr.even td
{background:#fff;}


/***************************ALL Pages***********************************************/

.popupMesseagePanel{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:300000;cursor:wait;background-repeat:repeat;background-image:url('/assets/images/opacity.png');}

#AlertPanel,#ConfirmPanel,.AlertPanel{background-color: #ffffff;direction: rtl;height: auto;left: 25%;position: absolute;top: 650px;width: 50%;z-index: 3000000;}
#AlertHeader, #ConfirmHeader,.AlertHeader{ background-color: #999999;font-family: conv_b_titr;font-size: 15px;padding: 5px 15px 5px 2px;text-align: right;}
#AlertText,#ConfirmText,.AlertText{ direction: rtl;font-family: Tahoma;font-size: 12px;line-height: 1.5;margin-bottom: 50px;margin-top: 10px;padding-left: 80px;padding-right: 10px;text-align: right;}
#AlertText a{ color: Green;}
#SubmitAlert,.SubmitAlert,#Confirm_ok,#Confirm_Cancel,#PopUp_Register_Btn{ background-color: #999999;border: 1px solid #999999;color: #FFFFFF;cursor: pointer;font-family: Tahoma;font-size: 12px;margin: 10px auto;padding-bottom: 5px;text-align: center;width: 50px; display:inline-block}
#AlertHeader img,.AlertHeader img{left: 5px;position: absolute;top: 6px; cursor:pointer; }
div#memberPanelHolder{display:none;}

#SubmitBtnContainer{
    margin-top: 150px;
}

#FactorModal .title{
        font-size: 90%;
}
#FactorModal .modal-dialog{
       width: 75% !important;
}
#FactorModal .modal-content{
       width: 100% !important;
}
#tbl-factor-detail tbody tr td:nth-child(3),#tbl-factor-detail tbody tr td:nth-child(4){
    direction:ltr !important;
}

.member-mobile{
    font-size:14px;
    padding:0
}
.button-pay .btn{
    border-radius:4px;
}
#pnl_BanksList input{
    margin-left:5px;
}

.table td{
    font-size:14px;
}
.btn-shop{
   padding-left:0;
   margin-top:10px; color: #fff
}
.btn-info{color: #fff !important}
#pnl_SendingTypeList p  {
    font-size:12px;
    line-height:25px;
    text-align:justify!important
}
@media (min-width: 992px) and (max-width: 1199px) {
    .row-pay .text-danger, .row-pay .text-info, .text-factor {
        font-size: 13px !important;
    }
    .material-icons {
        padding:2px 5px!important;
        font-size:10px!important
    }
    .box-title{font-size:12px}
}

#prev-order-modal_1 table td{
    text-align:right
}
#pnl_AddressList .row-box .col-md-6 {
    height:100%;
    min-height:30px;
}
.material-icons{
    /*margin-top:7px*/
    line-height:14px !important; padding: 5px !important;
}
.material-icons.btn-warning{line-height:17px !important; }
.row-tbl-sale{
    padding:10px 0px;
    font-weight:500;text-align: center;
}
.t-row i{
    color:#FF5063 !important;
    font-size:14pt
}

.row-top-address .btn-warning i {
    font-size:10pt
}
.scrollable-menu{
    width:100%
}
.box-title{color: #333;}
span.select2 , .hidden{display: none !important;}

@media screen and (max-width:800px){
    .box-title{font-size:12px;}
}
@media screen and (max-width:570px){
    #pnl_SendingTypeList p{line-height:10px;}
}