/*General Styles*/

@font-face{
    font-family: 'BNazanin';
    src:url(fonts/Bnazanin.ttf)
}
@font-face{
    font-family: 'BNaznnBd';
    src:url(fonts/BNaznnBd.ttf)
}
@font-face{
    font-family: 'BBadr';
    src:url(fonts/BBadr.ttf)
}
@font-face{
    font-family: 'BBadrBd';
    src:url(fonts/BBadrBd.ttf)
}
@font-face{
    font-family: 'BYekan';
    src:url(fonts/BYekan.ttf)
}


body{
    margin:auto;
    padding: 0px;
    background-color: #eaeded;
}

/*------------------------------*/
/*------------------*/
/*loder-icon*/
/*------------------*/

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#heder{
    width: 100%;
    ,margin: auto;
    background-color: #131921;
    overflow: auto;
}

.right_heder{
    width: 33%;
    float: right;
    ,margin-top: 5%;
}

.user-icon img{
    width: 30px;
    float: right;
    border: 3px solid #131921;
    margin: 15px;
    margin-right: 17px;
    margin-left: 7px;
    margin-top: 17.5%;
    margin-bottom: 0px;
    opacity: 80%;
}

.user-icon img:hover{
    border: 3px solid white;
    border-radius: 100%;
}

.user-box ul{
    padding: 0px;
    margin-top: 19.5%;
    float: right;
    font-family: tahoma;
    font-size: 12px;
   
}

.user-box ul li{
    display: inline-block;
    float: right;
     
}

.user-box ul li a{
    color: white; 
    text-decoration: none;
    direction: ltr;
    opacity: 80%;
}

.user-box ul li a:hover{
    opacity: 100%;
}


#logo{
    margin: auto;
    text-align: center;
    width: 33% ;
    float: right;
    ,background-color: #131921;
}

#logo img{
    margin-bottom: 12px;
    margin-top: 13px;
    margin-right: 2%;
    width: 96px;
}


#left_heder{
    width: 33%;
    float: left;
    margin-top: 5%;
}

#left_heder ul{
    margin: 0px;
    margin-top: 13px;
    ,margin-top: 3%;
    padding: 0px;  
}

 #left_heder ul li{
    display: inline-block;
         
}

#left_heder ul li a{
    text-decoration: none;
    font-family: tahoma;
    color: white;
    font-size: 12px;
    padding: 5px;
    
}

.cart_icon{
    float: left;
    width: 33px;

}

#left_heder a img{
    margin: 5px 0 6px 0;
    padding: 9px 10px;
    border: 1px solid;
    border-radius: 2px;
    border-color: #131921;
}

#left_heder a img:hover{
    margin: 5px 0 6px 0;
    padding: 9px 10px;
    color: white;
    ,border: 1px solid;
    border-radius: 2px;
}

.cont-no{
    position: absolute;
    left: 37px;
    color: #f3870e;
    top: 75px;
    font-family: tahoma;
    font-size: 13px;
    ,font-weight: bold;
    ,top: 26%;
}

/*-----------------*/


#left_heder_cart{
    width: 33%;
    float: left;
    margin-top: 4.5%;
}

.cart_icon_box{
    width: 55px;
    overflow: auto;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 2px;
    border-color: #131921;
}

.cart_icon_box:hover{
    color: white;
    border: 1px solid;
    border-radius: 2px;
}

#left_heder_cart a img{
    margin: 2px 0 0px 0;
    padding: 8px 10px;
    padding-top: 0px;
    
}

#left_heder_cart a img:hover{
    margin: 2px 0 0px 0;
    padding: 8px 10px;
    padding-top: 0px;
}

.cont-no-cart{
        color: #fdc210;
        ,padding-left: 25px;
    font-family: BYekan;
    font-size: 12px;
    text-align: center;
    }

.cart_icon_pic{
    float: left;
    width: 33px;

}



/*-----------------*/

.icon{
    opacity: 80%;
}

.icon:hover{
    opacity: 100%;
}



/*------------------------------*/

#serch{
    background-color: #1b242f;
    ,background-color: #232f3e;
    margin: auto;
    text-align: center;
    direction: rtl;
    padding: 6px;
}

.serch-in{
    width: 30%;
    padding: 5px;
    padding-right: 10px;
    border: 1px solid #232f3e;
    border-radius:  0 5px 5px 0;
    background: #2d3a4a;
    color: white;
    ,opacity: 80%;
}

.submit-serch{
    width: 100px;
    height: 26px;
    ,margin: 3px;
    ,margin-top: 5px;
    border: 1px solid white;
    border-radius: 5px 0  0 5px ;
    background: #232f3e;
    color: white;
    opacity: 35%;
    cursor: pointer;
}

.submit-serch:hover{
    opacity: 50%;
}

.serch_form{
    
}




/*------------------------------*/

#nav{
    background-color: #232f3e;
    direction: rtl;
    text-align: center;
    ,height: 40px;
}

.nav&social_media{
    ,background-color: #232f3e;
    ,float: right;
}

#nav ul{
    position: relative;
    
}

#nav ul li ul{
    position: absolute;
    background-color: #232f3e;
    border-radius: 0 0 7px 7px;
    color: white;
    margin-top: 8px;
    text-align: right;
    width: 200px;
    font-size: 10px;
    display: none;
    transition-duration: 0.7s;
    opacity: 94%;
    z-index: 2;

   
}

#nav ul li ul li{
    width: 100%;
    text-align: right;
    padding-left: 0px;
    cursor: pointer;
}

#nav ul li ul li:hover{
    opacity: 100px;
    background-color: #37475a;

}

#nav ul li ul li a{
    width: 100%;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 8px 15px;
    border: 0px solid;
    border-radius: 0px;
    
    
}

#nav ul li ul li a:hover{
    width: 80%;
    font-size: 12px;
    border: 0px solid;
    border-radius: 0px;
}

#nav ul{
    direction: rtl;
    margin: 0px;
    padding: 0px;
    
}

#nav ul li{
    display: inline-block;
    margin: 10px 0 12px 0;
}

#nav ul li:hover > ul{
    display: block;
    
}

#nav ul li a{
    text-decoration: none;
    font-family: tahoma;
    color: white;
    font-size: 13px;
    margin: 5px 0 6px 0;
    padding: 8px 15px;
    border: 1px solid;
    border-radius: 2px;
    border-color: #232f3e;
}

#nav a:hover{
    border: 1px solid #37475a;
    border-radius: 2px;
    
}

.meno a{
        display: none;
    
    }

/*-------------------------------*/

.clear{
    clear:both;
}
/*-------------------------------*/


#container{
    width: 75%;
    margin: auto;
    direction: rtl;
    text-align: center; 
    
}

#bookbox{
    width: 26%;
    height: auto;
    float: right;
    background-color: white;
    padding: 20px;
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: right;
    ,border: 1px solid;
    border-radius: 12px;
    ,overflow: hidden;
    
}

/*--------slid show---------*/


.cont-slid{
    position: relative;
    ,width: 100%;
    height: 277px;
    
}


.slider-img{
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: 0.2s;
    ,transition: 0.9s ease;
}


.slider-img img{
    ,position: absolute;
    width: 100%;
    
}


input[type="radio"]{
    display: none;
}


.nxt{
    width: 20%;
    height: 95%;
    position: absolute;
    ,background: red;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

/*.pre{
    width: 20%;
    height: 95%;
    position: absolute;
    ,background: red;
    right: 0;
    cursor: pointer;
    opacity: 0;
}*/


#img1:checked ~ #one,
#img2:checked ~ #two,
#img3:checked ~ #three,
#img4:checked ~ #four,
#img5:checked ~ #five,
#img6:checked ~ #six,
#img7:checked ~ #seven,
#img8:checked ~ #eight,
#img9:checked ~ #nine,
#img10:checked ~ #ten,
#img11:checked ~ #eleven,
#img12:checked ~ #twelve,
#img13:checked ~ #thirteen,
#img14:checked ~ #fourteen,
#img15:checked ~ #fifteen{
    z-index: 1;
    opacity: 1;
}


.next-icon{
    ,z-index: 10;
    ,opacity: 0;
    position: absolute;
    width: 26%;
    height: 85%;
    left: 0;
    ,margin-top: 20%;
}

.next-icon img{
    width: 100%;
    height: 95%;
    cursor: pointer;
    opacity: 20%;
    ,position: absolute;
}

/*.pre-icon{
    ,z-index: 10;
    ,opacity: 0;
    position: absolute;
    width: 26%;
    height: 100%;
    right: 0;
    ,margin-top: 20%;
}*/

/*.pre-icon img{
    width: 100%;
    height: 95%;
    cursor: pointer;
    opacity: 20%;
    ,position: absolute;
}*/



.slider-counter{
    width: 100%;
    height: 35px;
    position: relative;
    z-index: 1;
    bottom: 0;
}

.slider-counter .counter{
    width: 4px;
    height: 4px;
    border: 1px solid #37475a;
    ,background: rgba(0,0,0,0.1);
    display: inline-block;
    opacity: 80%;
    cursor: pointer;
}



#img1:checked ~ .slider-counter #count1,
#img2:checked ~ .slider-counter #count2,
#img3:checked ~ .slider-counter #count3,
#img4:checked ~ .slider-counter #count4,
#img5:checked ~ .slider-counter #count5,
#img6:checked ~ .slider-counter #count6,
#img7:checked ~ .slider-counter #count7,
#img8:checked ~ .slider-counter #count8,
#img9:checked ~ .slider-counter #count9,
#img10:checked ~ .slider-counter #count10,
#img11:checked ~ .slider-counter #count11,
#img12:checked ~ .slider-counter #count12,
#img13:checked ~ .slider-counter #count13,
#img14:checked ~ .slider-counter #count14,
#img15:checked ~ .slider-counter #count15{
    background: #37475a;
    opacity: 50%;
}



/*-------------------------*/

.top10{
    width: 100%;
    padding-bottom: 10px;
}

.new{
    width: 100%;
    padding-bottom: 10px;
}

.reprint{
    width: 100%;
    padding-bottom: 10px;
}

.titr{
    ,margin-right: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    color: #232f3e;
    
}

#bookbox a{
    text-decoration: none;
    
}

.title{
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    font-style: italic;
    color: #232f3e;
}


/*-------------------------------*/
            /*direction*/

.direction ul{
    margin: 0px;
    padding: 0px;
}

.direction ul li{
    display: inline-block;
}

.direction{
    width: 50%;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    ,text-align: right;
    ,font-style: italic;
    
    color: #232f3e;
}

.direction p{
    padding: 0px;
    margin: 0px;
}

.dt{
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    ,font-weight: bold;
    color: #37475a;
    
}

.dt:hover{
    color: #232f3e;
    opacity: 50%;
}

.line {
  margin-bottom: 35px;
  ,margin-top: 5px;
  border-bottom: 1px solid #37475a;
  opacity: 10%;
    
}

.direction img{
    width: 11px;
    padding-right: 5px;
}


/*-------------------------------*/


.cunt-no ul{
    margin: 0px;
    padding: 0px;
}

.cunt-no li{
    display: inline-block;
}

.cunt-no{
    width: 30%;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: left;
    ,font-style: italic;
    
    color: #232f3e;
}

.cunt-no p{
    padding: 0px;
    margin: 0px;
}

.cunt-no img{
    width: 11px;
    padding-right: 10px;
}


#container_B{
    width: 75%;
    margin: auto;
    direction: rtl;
    text-align: center;  
}

#bookbox_B{
    width: 92%;
    height: auto;
    background-color: white;
    padding: 20px;
    padding-top: 5px;
    margin-top: 35px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: right;
    float: right;
}

#nav-b ul{
    position: relative;
    
}

#nav-b ul li ul{
    position: absolute;
    background-color: white;
    border-radius: 0 0 7px 7px;
    color: #232f3e;
    ,margin-top: 8px;
    text-align: right;
    width: 200px;
    font-size: 10px;
    display: none;
    transition-duration: 0.7s;
    ,opacity: 94%;
    z-index: 2;
    border: 1px solid #e9ebed;
}


#nav-b ul li ul li{
    width: 100%;
    text-align: right;
    padding-left: 0px;
    cursor: pointer;
}

#nav-b ul li ul li:hover{
    opacity: 100px;
    ,background-color: #e9ebed;

}

#nav-b ul li ul li a{
    width: 100%;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 8px 15px;
    border: 0px solid;
    border-radius: 0px;
    
    
}

#nav-b ul li ul li a:hover{
    width: 80%;
    font-size: 12px;
    border: 0px solid;
    border-radius: 0px;
}


#nav-b ul{
    direction: rtl;
    margin: 0px;
    padding: 0px;
    
}

#nav-b ul li{
    display: inline-block;
    margin: 10px 0 12px 0;
}

#nav-b ul li:hover > ul{
    display: block;
    
}

/*----------*/


#bookbox_B a{
    text-decoration: none;
}

#books{
    width: 15%;
    float: right;
    margin-left: 45px;
}



#books-list{
    
}

.list-img{
    width: 15%;
    float: right;
    margin-left: 15px;
}

.list-info{
    width: 65%;
    float: right;
}

.list-info a{
    margin-right: 5px;
    font-family: tahoma;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    color: #232f3e;
}

.list-info p{
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    color: #232f3e;
}

.list-price{
    width: 15%; 
    float: left;
}

.list-price a{
    padding: 6px 18% 6px 18%;
    border-radius: 2px;
    font-family: tahoma;
    font-size: 12px;
    background-color: #39ae00;
    color: white;
}

.list-price p{
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    ,font-style: italic;
    color: #232f3e;
}



/*-------------------------------*/
            /*login*/
/*-------------------------------*/

.error{
    margin: auto;
    width: 240px;
    margin: auto;
    padding: 15px;
}

.error p{
    ,background-color: red;
    font-family: tahoma;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: red;
    direction: rtl;
}


.login-form-box{
    text-align: center;
    direction: ltr; 
    font-family: tahoma;
    color: #004624;
    width: 300px;
    ,height: 250px;
    font-size: 12px;
    margin: auto;
    font-style:normal; 
    ,border:1px solid white;
    border-radius: 20px;
    padding: 30px 0px 0px 0px;
    margin-top: 20px;
}
    

.login-fild{
    width: 240px;
    height: 30px;
    border-radius: 10px;
    border-style: none;
    ,border:1px solid #37475a;
    text-align: center;
    font-size: 11px;
}

.capcha-box{
    width: 225px;
    object-position: center;
    margin: auto;
    overflow: auto;
}


.capcha-text{
    margin: auto;
    width: 185px;
    ,height: 40px;
    ,background-color: darkgrey;
    float: right;
}

.refresh-icon-cap{
    width: 25px;
    float: right;
    opacity: 20%;
    margin: 5px;
    margin-top: 8px;
    margin-right: 10px;
}

.remember-box{
    width: 225px;
    margin: auto;
    margin-top: 10px;
}

.remember-box label{
    float: right;
    opacity: 70%;
}

#cb{
    float: right;   
}

.sub{
    direction: rtl; 
    font-family: tahoma;
    color: white;
    font-size: 12px;
    width: 243px;
    height: 40px;
    background-color: #37475a;
    margin-top: 15px;
    border-style: none;
    border-radius: 8px;
    opacity: 90%;
}

.sub:hover{
    opacity: 100%;
    cursor:pointer;
}

#footernav{
    text-align: center;
    ,margin-top: 10px;
    
}

#footernav ul li{
    display: inline-block;
    font-family: tahoma;
    font-size: 12px;
}

#footernav ul li a{
    text-decoration: none;
    color:#37475a;
    padding: 0px 5px;
}

#footernav ul li a:hover{
    color:#004624;
}

#footernav ul{
    padding: 0;
    margin: 0;
}


/*-------------------------------*/
             /*cart*/
/*-------------------------------*/

#cart-container{
    width: 100%;
    overflow: auto;
}

.cart-container-box{
    width: 50%;
    margin: auto;
    margin-top: 0px;
    
}

.mark-timeline-cart{
    width: 100%;
    overflow: auto;
    padding-top: 10px;
}

.mark-timeline-cart img{
    float: right;
    width:15px;
    margin:15px;
    margin-left:0px;
    margin-right: 0px;
}

.line-order-cart{
    float: right;
    width: 15.2%;
    margin-bottom: 5px;
    margin-top: 21px;
    border-bottom: 3px solid #37475a;
    opacity: 10%;
}


.process-line{
    width: 100%;
    overflow: auto;
    text-decoration: none;
}

.process-line a{
    text-decoration: none;
    
}

.reports-process-line{
    width: 13%;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    float: right;
    margin: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid white;
    border-radius: 15px;
    background-color: white;
}

.reports-process-line:hover{
    ,background-color: darkgray;
    ,color: white;
    ,opacity: 10%;
}

.reports-process-line p{
    font-family: BYekan;
    font-size: 11px;
    margin: 8px;
    /*margin-left: 5px;
    margin-right: 5px;*/
}

.reports-process-line img{
    width: 30px;
    padding-top: 15px;
    opacity: 80%;
}


.process-flash{
    width: 100%;
    overflow: auto;
    
}

.reports-process{
    width: 13%;
    text-align: center;
    float: right;
    margin: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid #eaeded;
    ,border-radius: 15px;
    ,background-color: white;
}

.reports-process img{
    width: 30px;
    ,padding-top: 15px;
    opacity: 80%;
}

/*----basket-cart-info----*/

.empty-basket-message{
    margin: auto;
    text-align: center;
    font-family: tahoma;
    margin-top: 70px;
    margin-bottom: 90px;
    color: #009900;
}

.empty-basket-message img{
    width: 30px;
    opacity: 80%;
}

.cart-box{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    ,text-decoration: none;
    background-color: white;
    border-radius: 5px 5px 0 0;
}

.cart-box-info-detail{
    width: 100%;
}

.pic-order-cart{
    width: 60px;
    margin-bottom: 5px;
    overflow: auto;
    float: right;
}
.pic-order-cart img{
    width: 60px;
    float: right;
    margin: 17px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.box-title-order-cart{
    width: 60%;
    float: right;  
}

.title-discount-box{
    width: 100%;
    margin-top:5px;
    overflow: auto;
}

.title-discount-box img{
    float:right;
    width:14px;
    margin:15px;
    margin-left:0px;
    margin-bottom: 0px;
    direction: rtl;
}

.box-title-order-cart p{
    width: 85%;
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    color: #009900;
    float: right;
    margin: 12px;
    margin-right: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.title-order-cart{
    width: 89%;
    overflow: auto;
    float: right;
    direction: rtl;
}

.title-order-cart p{
    font-family: tahoma;
    font-size: 12.5px;
    color: #232f3e;
    margin-right: 15px;
    margin-top: 5px;
}

.price-order-info-cart{
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #eaeded;
    
}


.price-order-info-cart-a{
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    color: darkcyan;
    ,width: 75px;
    float: left;
    margin: 12px;
    margin-left: 0px;
    margin-right: 15px;
    
}

.price-order-info-cart-b{
    font-family: BYekan;
    font-size: 15px;
    direction: rtl;
    ,color: darkgray;
    ,width: 80px;
    float: left;
    margin: 8px;
    margin-left: 0px;
}

/*---------*/

.total-price-order-info-cart{
    width: 100%;
    overflow: auto;
    background-color: #f8f8f8;
}

.type-send-order-cart{
    width: 47%;
    float: right;
    margin-right: 16px;
    
}

.type-send-order-cart input{
    display: block;
    float: right;
    cursor: pointer;
}

.type-send-order-cart p{
    ,width: 90%;
    font-family: BYekan;
    font-size: 12px;
    وcolor: darkgray;
    direction: rtl;
    margin-right: 16px;
    cursor:pointer;
    
}

.type-send-order-cart img{
    width: 15px;
    float: right;
    opacity: 90%;
}



.detail-total-price-order-info-cart{
    width: 47%;
    float: left;
    margin-left: 16px;
    margin-bottom: 15px;
}

.detail-total-price-order-info-cart-A{
    width: 40%;
    overflow: auto;
    float: left;
}

.detail-total-price-order-info-cart-B{
    width: 55%;
    overflow: auto;
    float: right;
    text-align: left;
}



/*---------quantity-cart---------*/

.delite-box-cart{
    width: 20%;
    float: left;
}

.no-orders{
    overflow: auto;
}

.quantity {
    width: 70px;
    float: left;
    padding-top: 14px;
    margin-left: 5px;
}

.quantity input {
    -webkit-appearance: none;
    border: none;
    text-align: center;
    width: 15px;
    font-size: 12px;
    color: #43484D;
    font-weight: 100;
    padding-left: 0px;
    padding-right: 0px;
    font-family: BYekan;
    font-size: 13px;
}
 
button[class*=btn] {
    width: 20px;
    height: 20px;
    background-color: #E1E8EE;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.minus-btn img {
    margin-bottom: 4px;
    width: 7px;
    margin-left: -1.1px;
}

.plus-btn img {
    margin-top: 2px;
    margin-bottom: 1px;
    margin-left: -1px;
    width: 7px;
}
 
button:focus,
input:focus {
  outline:0;
}
	

/*------delete order-----*/


.delete-orders-pic{
    width: 25px;;
    float: left;
    padding-top: 16px;
    margin-left: 15px;
} 
  
.pic-delete{
    width: 16px;
    opacity: 50%;
   }
/*.delete-orders{
    width: 65%;
    padding-top: 11px;
}*/

.delete-orders a{
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    color: red;
}

/*---------*/

.back-order-info-click{
    width: 35%;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
    float: right;
}

.back-order-info-click img{
    width: 30px;
    margin-top: 11px;
    margin-right: 5px;
    float: right;
    opacity: 90%;
}

.back-order-info-click-a{
    width: 60%;
    float: right;
    ,background-color: #009900;
    border: 1px solid #eaeded;
    border-radius: 5px;
    border-right: none;
    color: darkcyan;
    margin: 15px;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 0px;
}

.back-order-info-click-a:hover{
    ,opacity: 50%;
    border: 1px solid white;
    border-radius: 5px 0 0 5px;
    border-right: none;
    ,color: white;
}

.back-order-info-click p{
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
    direction: rtl;
}

.send-order-info-click{
    width: 35%;
    margin-top: 5px;
    margin-bottom: 5px;
    ,overflow: auto;
}

.send-order-info-click-a{
    width: 100%;
    float: left;
    background-color: #009900;
    ,border: 1px solid white;
    border-radius: 5px;
    color: white;
    margin: 15px;
    margin-top: 5px;
    margin-left: 0px;
}

.send-order-info-click-a:hover{
    opacity: 87%;
}

.send-order-info-click p{
    font-family: tahoma;
    font-size: 12.5px;
    text-align: center;
    margin-bottom: 15px;
    direction: rtl;
}



/*--------تایید مشخصات | ارسال سبد خرید-------*/

.content-send-order-box1{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    ,text-decoration: none;
    background-color: white;
    border-radius: 5px 5px 0 0;
}


.p-send-info1{
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    margin: 12px;
    margin-left: 0px;
    float:right;
    margin-right:5px;
    color: #009900;
}

.p-send-info2{
    direction: rtl;
    margin: 12px;
    font-family: tahoma;
    font-size: 10.8px;
    float:left;
    margin-left:20px;
    color: #ff0000;
}

.content-send-order-box-cart{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    ,text-decoration: none;
    background-color: white;
    border-radius: 5px 5px 0 0;
}

.content-send-order-box-cart div img{
    float:right;
    width:15px;
    margin:15px;
    margin-left:0px;
}

.content-send-order-box-cart div p{
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    float:right;
    color: #009900;
    float: right;
    margin: 12px;
    margin-right:5px;
    margin-left: 0px;
}

.send-order-info-cart{
    width: 100%;
    overflow: auto;
}



.p1-send-info-cart{
    width: 100%;
    font-family: tahoma;
    font-size: 14px;
    direction: rtl;
    ,color: darkgray;
    ,width: 80px;
    float: right;
    margin: 8px;
    margin-bottom: 5px;
    margin-right: 15px;
    margin-left: 0px;
}

.p2-send-info-cart{
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    color: darkgray;
    ,width: 75px;
    float: right;
    margin: 15px;
    margin-top: 12px;
    margin-left: 0px;
}

.p3-send-info-cart{
    width: 100%;
    font-family: BYekan;
    font-size: 15px;
    direction: rtl;
    ,color: darkgray;
    ,width: 80px;
    float: right;
    margin: 8px;
    margin-bottom: 0px;
    margin-right: 15px;
    margin-left: 0px;
}

/*----- هاپ آپ تغییر و ویرایش نشانی -----*/

.modal-Dialog-edit-address {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    pointer-events: none;
    
}

.modal-Dialog-edit-address:target {
    opacity:1;
    pointer-events: auto;
}

.modal-Dialog-edit-address:target > div {
    overflow:auto;
    position: relative;
    margin: 10% auto;
    background-color: white;
    border-radius: 2px;
}

.close-pop {
    position: absolute;
    padding: 3px;
    padding-bottom: 0px;
    left: 12px;
    top: 10px;    
    background-color: #009900;
    opacity: 80%;
    border-radius: 5px;
}

.close-pop:hover {
    opacity: 50%;
}

.add-address-pop-send-cart{
    overflow: auto;
    margin: 10px;
    margin-right: 0px;
    margin-left: 0px;
    border-top: 1px solid #eaeded;
    border-bottom: 1px solid #eaeded;
}

.detail-order-hader{
   width: 100%;
    وbackground-color: aqua;
    overflow: auto;
    
}

.seryal-no-A{
    font-family: BYekan;
    font-size: 13px;
    float: right;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.seryal-no-B{
    font-family: BYekan;
    font-size: 12px;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 0px;
    color: darkgray;
}


.cantainer-detail-order{
    width: 100%;
    overflow: auto;
    margin-bottom: 15px;
}

.cantainer-detail-order-A{
    width: 100%;
    overflow: auto;
}

.cantainer-detail-order-pic{
    width: 7%;
    padding: 15px;
    padding-bottom: 0px;
}

.cantainer-detail-order-title{
    width: 85%;
    float: right;
    padding: 15px 0 15px 0;
    font-family: BYekan;
    font-size: 12px;
    text-align: right;
    padding-bottom: 0px;
}

.price-detail-order{
    width: 100%;
    overflow: auto;
    border-top: 1px solid #eaeded;
}

.price-detail-order p{
    font-family: BYekan;
    font-size: 12px;
    text-align: right;
    margin-bottom: 3px;
    
}


.type-pye-send-detail-order{
    width: 100%;
    overflow: auto;
    margin-bottom: 15px;
    margin-top: 10px;
    border-top: 1px solid #eaeded;
}

.type-pye-send-detail-order img{
    width: 20px;
    float: right;
    padding-top: 11px;
    padding-right: 16px;
}

.type-pye-send-detail-order p{
    
    font-family: BYekan;
    font-size: 12px;
    float: right;
    text-align: right;
    padding-right: 5px;
    margin-bottom: 1px;
}


/*----peyment-cart-----*/

.upload-peyment-file-cart{
    width: 100%;
    overflow: auto;
}

.upload-file-cart{
    width: 95%;
    float: right;
    overflow: auto;
    text-align: right;
    direction: rtl;
    margin: 15px;
    font-family: BYekan;
    font-size: 13px;
}

.upload-file-cart input{
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #eaeded;
    border-radius: 3px;
    color: darkcyan;
}

.input-upload-file-cart{
    
    cursor: pointer;
    width: 170px;
}

.message-peyment-box-cart{
    margin: auto;
    text-align: center;
    background-color: red;
}

.message-peyment-box-cart p{
    font-family: BYekan;
    font-size: 13px;
    color: white;
    margin: 0px;
    padding: 10px;
}

/*----------------*/

.motor-delivery-timeline-cart{
    width: 100%;
    overflow: auto;
    font-family: BYekan;
    font-size: 13px;
}


.selection-dayandtime-motor-delivery{
    overflow: auto;
    width: 80px;
    float: right;
    text-align: center;
    cursor: pointer;
}

.selection-dayandtime-motor-delivery p{
    margin-bottom: 6.5px;
}

.day-and-time{
    margin-top: 6.5px;
    border: 1px solid #f2f4f4;
    border-bottom: 0px;
    border-radius: 10px 10px 0 0 ;
}

.day-and-time .p1{
    overflow: auto;
    padding: 0px;
    margin: 0px;
    padding-top: 5px;
}

.day-and-time .p2{
    overflow: auto;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    text-align: center;
    padding: 5px;
    padding-bottom: 3px;
    padding-top: 0px;
    
    
}

.selection-time-motor-delivery{
    width: 100%;
    margin: auto;
    overflow: auto;
    direction: rtl;
    
}

.selection-time-motor-delivery input{
    margin-right:20px;
    display: block;
    direction: rtl;
    float: right;
    margin-bottom: 5px;
    cursor: pointer;
}

.selection-time-motor-delivery label{
    float: right;
    direction: rtl;
    font-family: BYekan;
    font-size: 13px;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
}

/*----order-payment----*/

.text-order-payment-info{
    float: none;
    margin: auto;
    overflow: auto;
    text-align: center;
}

.text-order-payment-info p{
    text-align: center;
    font-family: tahoma;
    font-size: 13px;
    direction: rtl;
}


.buttom-add-approval-payment{
    width: 35%;
    margin-top: 5px;
    
}

.buttom-add-approval-payment input{
    font-family: tahoma;
    font-size: 12.5px;
    text-align: center;
    margin-bottom: 15px;
    direction: rtl;
    float: left;
    background-color: #009900;
    border: 0px solid white;
    border-radius: 5px;
    color: white;
    margin: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}

/*-------------------------------*/
            /*Profile*/
/*-------------------------------*/

#profile-container{
    width: 100%;
    overflow: auto;
}

.profile-nav{
    width: 160px;
    margin-left: 0;
    margin-top: 0;
    float: right;
    overflow: auto;
}

.profile-nav a{
    text-decoration: none;
    color: #232f3e;
    font-family: tahoma;
    font-size: 12.5px;
    ,background-color: #232f3e;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0 6px 0;
    border:1px solid #232f3e;
    border-radius: 5px;
    display: block;
    text-align: center;
    opacity: 50%;
}

.profile-nav a:hover{
    background-color: #232f3e;
    opacity: 30%;
    color: white;
}

.profile-nav ul{
    padding: 0px;
    margin: 0px;
    padding-top: 25px;
}

.profile-nav ul li {
    display:block;
    padding-bottom: 6px;
}


.profile-dashboard{
    width: 50%;
    margin: auto;
    margin-top: 25px;
    float: right;
    
}

.orders-dashboard{
    width: 100%;
    overflow: auto;
    padding-top: 10px;
    text-decoration: none;
}

.orders-dashboard a{
    text-decoration: none;
    
}

.reports-orders-dashboard{
    width: 20%;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    float: right;
    margin: 14px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid white;
    border-radius: 15px;
    background-color: white;
}

.reports-orders-dashboard:hover{
    ,background-color: darkgray;
    ,color: white;
    ,opacity: 10%;
}

.reports-orders-dashboard p{
    font-family: BYekan;
    font-size: 12px;
    margin: 8px;
}

.reports-orders-dashboard img{
    width: 30px;
    padding-top: 15px;
    opacity: 80%;
}


.orders-flash{
    width: 100%;
    overflow: auto;
    padding-top: 10px;
    
}

.reports-orders{
    width: 20%;
    text-align: center;
    float: right;
    margin: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid #eaeded;
    ,border-radius: 15px;
    ,background-color: white;
}

.reports-orders img{
    width: 30px;
    ,padding-top: 15px;
    opacity: 80%;
}

.content-order-box-off{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    ,text-decoration: none;
    background-color: white;
    ,height: 200px;  
}

.content-order-box-off p{
    text-align: center;
    font-family: tahoma;
    font-size: 14px;
    color: #232f3e;
    padding: 0px;
    padding-top: 6%;
}

.content-order-box-off a:hover{
    opacity: 70%;
}

.content-order-box{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    ,text-decoration: none;
    background-color: white;
    border-radius: 5px 5px 0 0;
}


.serial-order{
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    color: darkgray;
    width: 75px;
    float: left;
    margin: 12px;
    margin-left: 0px;
}

.serial-no-order{
    font-family: BYekan;
    font-size: 15px;
    direction: rtl;
    ,color: darkgray;
    ,width: 80px;
    float: left;
    margin: 8px;
    margin-right: 0px;
    margin-left: 15px;
}

.mark-timeline{
    width: 100%;
    overflow: auto;
    padding-top: 10px;
}

.mark-timeline img{
    float: right;
    width:15px;
    margin:15px;
    margin-left:0px;
    margin-right: 0px;
}

.line-order{
    float: right;
    width: 10.05%;
    margin-bottom: 5px;
    margin-top: 21px;
    border-bottom: 3px solid #37475a;
    opacity: 10%;
}

.orders-reports{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    text-decoration: none;
    border-bottom: 1px solid #eaeded;
}

.reports-timeline{
    width: 10.5%;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    float: right;
    margin: 5px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid white;
    border-radius: 15px;
    background-color: white;
    padding-bottom: 15px;
}

.reports-timeline p{
    font-family: BYekan;
    font-size: 10px;
    color: darkgray;
    margin: 5px;
    margin-bottom: 0px;
    
}

.reports-timeline img{
    width: 20px;
    padding-top: 5px;
    opacity: 80%;
}


.order-order{
    width: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
    overflow: auto;
}
.order-order img{
    width: 70px;
    float: right;
    margin: 15px;
    margin-top: 0px;
}

.order-order p{
    font-family: tahoma;
    font-size: 12px;
    float: right;
    margin-bottom: 0px;
    direction: rtl;
}

.order-info{
    width: 100%;
    margin-bottom: 5px;
    overflow: auto;
}

.order-info-box{
    width: 45%;
    float: right;
    background-color: ;
    border: 1px solid #eaeded;
    border-radius: 5px;
    margin: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.order-info-box p{
    font-family: tahoma;
    font-size: 12px;
    margin-right: 15px;
    ,float: right;
    margin-bottom: 15px;
    direction: rtl;
}

.addres-timeline-box{
    font-family: BYekan;
    font-size: 12px;
    color: darkgray;
    text-align: right;
    padding-right: 5px;
    ,margin: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.location-icon{
    width:20px;
    float: right;
    margin-right:12px;
    opacity: 90%
}


/*----------------------
    new address form
    modal box | pop up
----------------------*/
    
.modal-Dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    pointer-events: none;
    
}

.modal-Dialog:target {
    opacity:1;
    pointer-events: auto;
}

.modal-Dialog > div {
    overflow:auto;
    position: relative;
    margin: 10% auto;
    background-color: white;
    border-radius: 2px;
}

.close-pop {
    position: absolute;
    padding: 3px;
    padding-bottom: 0px;
    left: 12px;
    top: 10px;    
    background-color: #009900;
    opacity: 80%;
    border-radius: 5px;
}

.close-pop:hover {
    opacity: 50%;
}

.detail-order-hader{
   width: 100%;
    وbackground-color: aqua;
    overflow: auto;
    
}

.seryal-no-A{
    font-family: BYekan;
    font-size: 13px;
    float: right;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.seryal-no-B{
    font-family: BYekan;
    font-size: 12px;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 0px;
    color: darkgray;
}


.cantainer-detail-order{
    width: 100%;
    overflow: auto;
    margin-bottom: 15px;
}

.cantainer-detail-order-A{
    width: 100%;

}

.cantainer-detail-order-pic{
    width: 7%;
    float: right;
    padding: 15px;
    padding-bottom: 0px;
}

.cantainer-detail-order-title{
    width: 85%;
    float: right;
    padding: 15px 0 15px 0;
    font-family: BYekan;
    font-size: 12px;
    text-align: right;
    padding-bottom: 0px;
}

.price-detail-order{
    width: 100%;
    overflow: auto;
    border-top: 1px solid #eaeded;
}

.price-detail-order p{
    font-family: BYekan;
    font-size: 12px;
    text-align: right;
    margin-bottom: 3px;
     
}


.type-pye-send-detail-order{
    width: 100%;
    overflow: auto;
    margin-bottom: 15px;
    margin-top: 10px;
    border-top: 1px solid #eaeded;
}

.type-pye-send-detail-order img{
    width: 20px;
    float: right;
    padding-top: 11px;
    padding-right: 16px;
}

.type-pye-send-detail-order p{
    
    font-family: BYekan;
    font-size: 12px;
    float: right;
    text-align: right;
    padding-right: 5px;
    margin-bottom: 1px;
}


/*------delivery-order-----*/
/*profile*/


.content-delivery-order-box{
    width: 100%;
    overflow: auto;
    ,padding-top: 10px;
    ,text-decoration: none;
    background-color: white;
    border-radius: 5px 5px 0 0;
}

.text-order-info{
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #eaeded;
}


.p-order-info{
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    color: darkgray;
    ,width: 75px;
    float: right;
    margin: 12px;
    margin-left: 0px;
}

.p2-order-info{
    font-family: BYekan;
    font-size: 15px;
    direction: rtl;
    ,color: darkgray;
    ,width: 80px;
    float: right;
    margin: 8px;
    margin-right: 15px;
    margin-left: 0px;
}

.pic-order-info{
    width: 100%;
    margin-bottom: 5px;
    overflow: auto;
}
.pic-order-info img{
    width: 60px;
    float: right;
    margin: 17px;
    margin-bottom: 5px;
    margin-left: 0px;
}


.pic-order-cancel-info{
    width: 100%;
    
}
.pic-order-cancel-info img{
    width: 60px;
    float: right;
    margin: 17px;
    margin-bottom: 5px;
    margin-left: 0px;
}


.pic-order-delivery-info{
    width: 100%;
    
}
.pic-order-delivery-info img{
    width: 60px;
    float: right;
    margin: 17px;
    margin-bottom: 5px;
    margin-left: 0px;
}


.delivery-order-info{
    width: 100%;
    margin-bottom: 5px;
    overflow: auto;
}

.delivery-order-info-box{
    width: 35%;
    float: left;
    border: 1px solid #eaeded;
    border-radius: 5px;
    margin: 15px;
    margin-top: 5px;
}

.delivery-order-info-box:hover{
    background-color: #eaeded;
}

.delivery-order-info-box p{
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
    direction: rtl;
    
}


/*--------------------------------*/

.Price{
    margin-top: 10px;
    margin-bottom: 4px;
}




.form-box{
    ,text-align: center;
    direction: rtl; 
    font-family: BBadr;
    color: #004624;
    width: 450px;
    height: 150px;
    font-size: 14px;
    margin: auto;
    font-style:normal; 
    border:1px solid #abd5a7;
    border-radius: 10px;
    padding: 0px;
    ,margin-top: 0px;
    margin-top: -55px;
}

.passpass{
    ,text-align: center;
    direction: rtl; 
    font-family: BBadr;
    color: #004624;
    width: 450px;
    height: 145px;
    font-size: 14px;
    margin: auto;
    font-style:normal; 
    border:1px solid #abd5a7;
    border-radius: 10px;
    padding: 0px;
    ,margin-top: 0px;
    margin-top: 15px;
}

.passpass a{
    ,padding-bottom: 6px;
}

.passpass p{
    padding: 0;
    margin: 0px;
    text-align: right;
}

.form-box p{
    margin: 0px;
    padding: 0px;
}    
 .text{
    margin: 0px;
    padding: 5px 10px 0px 0px;
}

 .textp{
    font-family: tahoma;
    font-size: 13px;
    margin: 0px;
    margin-top: -108px;
    margin-left: 200px;
    padding: 0px;
    float: left;
}
.textp p{
    padding: 5px;
    opacity: 80%;
}
.u{
    color: #abd5a7;
}
.us{
    text-decoration: none;
    font-size: 14px;
}

.address{
    text-decoration: none;
    font-size: 14px;
    font-family: bbadr;
    margin-right: 185px;
}

.textpp{
   margin-top: -110px;
    margin-right: 130px;
}

.borders{
    width: 240px;
    height: 35px;
    border-radius: 8px;
    border-style: none;
    border:1px solid #abd5a7;
    
}





/*-------------------------------*/
            /*register*/
/*-------------------------------*/

.register-box{
    margin: auto;
    width: 400px;
    text-align: center;
}
.register-borders{
    width: 240px;
    height: 35px;
    border-radius: 8px;
    border-style: none;
    ,border:1px solid #abd5a7;
    margin: 5px;
    text-align: center;
    font-size: 12px;
}

.register-sub{
    direction: rtl; 
    font-family: tahoma;
    color: white;
    font-size: 12px;
    width: 243px;
    height: 40px;
    background-color: #37475a;
    margin-top: 15px;
    border-style: none;
    border-radius: 8px;
    opacity: 90%;
}

.register-sub:hover{
    opacity: 100%;
    cursor:pointer;
}

/*-------------------------------*/
            /*book*/
/*-------------------------------*/

#book{

}

.book-img{
    width: 30%;
    float: right;
    margin-left: 15px;
}

.star-point{
    width: 65px;
    
}

.book-title ul{
    margin: 0px;
    padding: 0px;
}

.book-title ul li{
    display: inline-block;
}

.book-title{
    width: 65%;
    float: right;
}

.book-title a{
    margin-right: 5px;
    font-family: tahoma;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    color: #232f3e;
    
}

.book-title p{
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 15px;
    text-align: right;
    color: darkgrey;
    ,font-style: italic;
    ,opacity: 80%;
}

.book-info-up{
    width:65%;
    float: right;
    margin-top: 5px;
}

.book-info-down{
    ,width:80%;
}

.book-info-book{
    ,width:80%;
}

.book-info-title-b{
    width: 25%;
    float: right;
}

.book-info-title-c{
    width: 80%;
}

.book-info-title-c{
    margin-right: 5px;
    margin-top: 17.7px;
    margin-bottom: 5px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
    opacity: 50%;
}

.book-info-title-b p{
    margin-right: 5px;
    margin-top: 17.7px;
    margin-bottom: 5px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
    opacity: 50%;
}


.book-info-b{
    width: 70%;
    float: right;
    
}

.book-info-c{
    width: 99%; 
}

.book-info-c p{
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 14px;
    margin-bottom: 5px;
    font-family: tahoma;
    font-size: 13px;
    ,padding-bottom: 10px;
    text-align: right;
    line-height: 2.15;
    color: #232f3e;
    text-align: justify;
}

.book-info-b p{
    margin-right: 5px;
    margin-top: 14px;
    margin-bottom: 5px;
    font-family: BYekan;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
}

.book-info-title{
    width: 12%;
    float: right;
}

.book-info-title p{
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 2px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
    opacity: 50%;
}


.book-info-a{
    width: 88%;
    float: right;
    
}

.book-info-a a{
    margin-right: 5px;
    font-family: tahoma;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    
    color: #232f3e;
}

.book-info-a p{
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 2px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
}


.list-price-book{
    width: 25%; 
    float: left;
}

.list-price-book a{
    padding: 8px 25% 8px 25%;
    border-radius: 2px;
    font-family: tahoma;
    font-size: 12px;
    background-color: #39ae00;
    color: white;
}

.list-price-book p{
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    ,font-style: italic;
    color: #232f3e;
}



#nav-book-info{
    background-color: #37475a;
    ,background-color: #005274;
    direction: rtl;
    text-align: center;
    margin-top: 30px;
    
}

.nav-info{
    width: 75%;
    margin: auto;
}

#nav-book-info ul{
    direction: rtl;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    
}

#nav-book-info ul li{
    display: inline-block;
    margin: 10px 0 12px 0;
}

#nav-book-info ul li:hover > ul{
    display: block;
    
}

#nav-book-info ul li a{
    text-decoration: none;
    font-family: tahoma;
    color: white;
    font-size: 13px;
    margin: 5px 0 6px 0;
    padding: 2px 15px;
    border: 1px solid;
    border-radius: 2px;
    border-color: #37475a;
}

#nav-book-info a:hover{
    border: 1px solid #37475a;
    border-radius: 2px;
    color: darkgrey;
    
}


.add-comments{
    width: 50%;
    ,background-color: aqua;
}

.add-comments input[name]{
    width: 90%;
    font-style: italic;
    color: darkgray;
    margin: 5px;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #eaeded;
}

.add-comments textarea{
    width: 90%;
    height: 150px;
    font-family: tahoma;
    font-size: 13px;
    font-style: italic;
    color: darkgray;
    margin: 5px;
    margin-top: 0px;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #eaeded;  
}


#nashenas{
    width: 15px;
    float: right;
}

.add-comments label{
    ,font-style: italic;
    margin-top: 5px;
    color: darkgray;
}

.button{
    float: left;
    margin-left: 25px;
    padding: 5px 30px;
}

.enter-comment{
    width: 40%;
    float: left;
    margin-top: 17.5px;
    margin-left: 30px;
    text-align: left;
    color: darkgray;
}

.comment-pic{
    ,float: right;
}

.comment-pic img{
    width: 30px;
    opacity: 80%;
    
}

.text-comment{
    width: 46%;
    padding: 5px;
    ,margin-bottom: 40px;
    text-align: justify;
}
.like-icon{
    width: 46.7%;
}

.like-icon img{
    width: 20px;
    margin-bottom:40px;
    margin-top:7px;
    float: left;
}

/*-------------------------------*/


#text_line{
    background-color: #37475a;
}

#text_line ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
    direction: rtl;
    padding-bottom: 10px;
    margin-top: 20px;
}

#text_line ul li a{
    text-decoration: none;
    font-family: tahoma;
    color: darkgrey;
    font-size: 12px;
    cursor: pointer;
}

#text_line ul li a:hover{
    color: white;
}

#text_line ul li{
    display: inline-block;
}

#text_line .Divayder{
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    color: #abd5a7;
    opacity: 100%;
    margin: 0px;
}

#text_line_mobil_vertion{
    display: none;
}

/*-----------------------------------------*/

#subscribe{
    background-color: #232f3e;
    margin: auto;
    text-align: center;
    direction: rtl;
    padding: 20px;
}

.sub-in{
    padding: 5px;
    border: 1px solid #232f3e;
    ,border-radius: 7px;
    background: #37475a;
    color: white;
}

.submit-in{
    width: 150px;
    height: 26px;
    ,margin: 3px;
    ,margin-top: 5px;
    border: 1px solid white;
    border-radius: 5px 0  0 5px;
    background: #232f3e;
    color: white;
    opacity: 50%;
    cursor: pointer;
}

.submit-in:hover{
    opacity: 80%;
}

.subscribe_form{
    
}



/*-------------------------------------------*/

#footer{
    width: 100%;
    background-color: #131921;
    ,margin: auto;
    
}


#footer-box-text{
    width: 80%;
    margin: auto;
    display: flow-root;
    padding-right: 6%;
    padding-top: 10px;
}

.footer_section{
    
    width: 179px;
    ,width: 16.6%;
    height: 120px;
    float: right;
    direction: rtl;
    font-family: tahoma;
    font-size: 14px;
    ,padding: 5px;
    margin-top: 20px;
    opacity: 60%;
}

.footer_section ul li {
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    color: darkgrey;
}

.footer_section ul li a{
    text-decoration: none;
    color: darkgrey;
    cursor: pointer;
}

.footer_section ul .titr_footer a{
    color: white;
    font-weight: bold;
    ,cursor: none;
    
    
}

#footer ul{
    margin: 0px;
    padding: 0px;
   
}


#footer-logo{
    margin: auto;
    direction: rtl;
    text-align: center;
    width: 410px;
    margin-top: 30px;
}


.footer-logo{
    margin: auto;
    margin-bottom: 0px;
    margin-top: 13px;
    width: 15%;
    opacity: 60%;
}

#copyright{
    font-family: tahoma;
    
}
#copyright .persian-co{
    font-size: 12px;
    text-align: center;
    direction: rtl;
    color: darkgrey;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
#copyright .english-co{
    font-size: 10px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-top: 0px;
    color: darkgrey;
}


/*-----------------------------------------*/
                /*Books*/
/*-----------------------------------------*/
#baner-books{
    width: 100%;
    
}

.baner-books-pic{
    width: 100%;
    margin: auto;
    cursor: pointer;
    
}


/*-----------------------------------------*/

#container_C_mobil{
    display: none;
}

#bookbox_C_mobil{
    display: none; 
}

.direction_C_mobil{
    display: none;
}

#nav-book-info-mobil{
    display: none;
}

.nav-info-mobil{
    display: none;
}

/*-----------------------------------------*/
            /*mobil vertion*/
/*-----------------------------------------*/

@media screen and (max-width:500px){
    
.subscribe_form{
    width: 100%;
}
.sub-in{
    width: 80%;
    padding: 5px;
    margin: 3px;
    border: 1px solid #232f3e;
    border-radius: 7px;
    background: #37475a;
    color: white;
}
    
.submit-in{
    width: 83%;
    height: 35px;
    margin: 3px;
    margin-top: 5px;
    border: 1px solid white;
    border-radius: 7px;
    background: #232f3e;
    color: white;
    opacity: 60%;
    cursor: pointer;
    }

.submit-in:hover{
    opacity: 90%;
}
    
#logo{
    width: 100%;
    }
    
.logo {
    width: 96px;
    margin: auto; 
    margin-bottom: 15px;
    margin-top: 17px;
}
    
    
#serch{
    width: 100%;
    background-color: #1b242f;
    ,background-color: #232f3e;
    margin: auto;
    text-align: center;
    direction: rtl;
    padding: 6px;
    float: right;
}

.serch-in{
    width: 60%;
    padding: 5px;
    padding-right: 10px;
    border: 1px solid #232f3e;
    border-radius:  0 5px 5px 0;
    background: #2d3a4a;
    color: white;
    ,opacity: 80%;
}

.submit-serch{
    width: 80px;
    height: 26px;
    ,margin: 3px;
    ,margin-top: 5px;
    border: 1px solid white;
    border-radius: 5px 0  0 5px ;
    background: #232f3e;
    color: white;
    opacity: 35%;
    cursor: pointer;
}

.submit-serch:hover{
    opacity: 50%;
}

.serch_form{
    
}
    
    
#left_heder{
    width: 50%;
    margin-top: 24%;

    }
    
.cont-no{
        ,top: 4%;
        display: none;
        ,font-size: 14px;
    }
    


#left_heder ul li a{
    font-size: 70%;    
    }
    
#left_heder a img{
    border: none;
    border-radius: none;
    border-color: none;
}
    
#nav ul li a{
        display: none;
    
    }
    
    #nav ul{
        display: none;
    }
    
#nav{
        height: auto;
    }
    
#bookbox{
    width: 79%;
    border-radius: 0px;
    overflow: auto;
    height: none;
}
    
#bookbox img{

}
    
    
.meno a{
    display: block;
    text-align: right;
    padding: 5px;
    padding-top: 8px;
    padding-right: 30px;
    width: 35px;
    }
    
#nav a:hover{
    border: none;
    border-radius: none;
    border-color: none;
    }
    
.meno img{
    width: 30px;
    opacity: 40%;
    }
    
#container{
    width: 100%;
}
    
#container_B{
    display: none;
}
    
    
#text_line_mobil_vertion{
    display: block;
    background-color: #37475a;
}

#text_line_mobil_vertion ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
    direction: rtl;
    padding-bottom: 10px;
    margin-top: 20px;
}

#text_line_mobil_vertion ul li a{
    text-decoration: none;
    font-family: tahoma;
    color: darkgrey;
    font-size: 12px;
    cursor: pointer;
}

#text_line_mobil_vertion ul li a:hover{
    color: white;
}

#text_line_mobil_vertion ul li{
    display: inline-block;
}

#text_line_mobil_vertion .Divayder_mobil_vertion{
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    color: #abd5a7;
    opacity: 100%;
    margin: 0px;
}

#text_line{
    display: none;
}
    
    


#footer-logo{
    margin: auto;
    direction: rtl;
    text-align: center;
    width: 300px;
}

.footer-logo{
    margin: auto;
    margin-bottom: 6px;
    margin-top: 13px;
    width: 17%;
}

    
/*-------book-mobil------*/  
    
#container_C_mobil{
    display: block;
    width: 95%;
    margin: auto;
    background-color: white;
    margin-top: 25px;
    overflow: auto;
    direction: rtl;
    border-radius: 20px;
}
    
#bookbox_C_mobil{
    display: block;
    overflow: auto;
    width: 100%;
}
    

#bookbox_C_mobil{
    display: block;
    overflow: auto;
    width: 100%;
    background-color: white;
    text-align: right;
    float: right;
}
    
.direction_C_mobil{
    display: block;
    overflow: auto;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    font-family: tahoma;
    font-size: 12px;
    color: #232f3e;
}
    
    
.direction_C_mobil ul{
    margin: 0px;
    padding: 0px;
}

.direction_C_mobil ul li{
    display: inline-block;
}


.direction_C_mobil p{
    padding: 0px;
    margin: 0px;
}
    
.direction_C_mobil a{
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}
    
    
#book_c_mobil{
    margin: 10px;
    
}
    
.book-img_c_mobil{
    width: 100%;
    }
    
.book-title-c-mobil{
    ,width: 65%;
    float: right;
    
}
    
.book-title-c-mobil ul{
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.book-title-c-mobil ul li{
    display: inline-block;
}



.book-title-c-mobil a{
    font-family: tahoma;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    color: #232f3e;
    
}

.book-title-c-mobil p{
    margin-top: 5px;
    font-family: tahoma;
    font-size: 15px;
    text-align: right;
    color: darkgrey;
    ,font-style: italic;
    ,opacity: 80%;
}
    
    
.book-info-up-c-mobil{
    width:100%;
    float: right;
    margin-top: 5px;
    }
    
.book-info-title-mobil{
    width: 21%;
    float: right;
}

.book-info-title-mobil p{
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 2px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
    opacity: 50%;
}  
    
.book-info-a-mobil{
    width: 78%;
    float: right;
    
}

.book-info-a-mobil a{
    margin-right: 5px;
    font-family: tahoma;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    
    color: #232f3e;
}

.book-info-a-mobil p{
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 2px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
}
    

.list-price-book-mobil{
    width: 50%; 
    float: left;
}

.list-price-book-mobil a{
    padding: 8px 25% 8px 25%;
    border-radius: 2px;
    font-family: tahoma;
    font-size: 12px;
    background-color: #39ae00;
    color: white;
    text-decoration: none;
}

.list-price-book-mobil p{
    margin-right: 5px;
    margin-top: 5px;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
    ,font-style: italic;
    color: #232f3e;
}


.book-info-down-mobil{
    width:100%;
}

.book-info-book-mobil{
    width:95%;
}

.book-info-title-b-mobil{
    width: 25%;
    float: right;
}

.book-info-title-c{
    width: 80%;
}

.book-info-title-c{
    margin-right: 5px;
    margin-top: 17.7px;
    margin-bottom: 5px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
    opacity: 50%;
}

.book-info-title-b-mobil p{
    margin-right: 5px;
    margin-top: 17.7px;
    margin-bottom: 5px;
    font-family: tahoma;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
    opacity: 50%;
}


.book-info-b-mobil{
    width: 50%;
    float: right;
    
}

.book-info-c-mobil{
    width: 95%; 
}

.book-info-c-mobil p{
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 14px;
    margin-bottom: 5px;
    font-family: tahoma;
    font-size: 13px;
    ,padding-bottom: 10px;
    text-align: right;
    line-height: 2.15;
    color: #232f3e;
    text-align: justify;
}

.book-info-b-mobil p{
    margin-right: 5px;
    margin-top: 14px;
    margin-bottom: 5px;
    font-family: BYekan;
    font-size: 13px;
    text-align: right;
    color: #232f3e;
}

#nav-book-info{
    display: none;
    
}

.nav-info{
    display: none;
}


#nav-book-info-mobil{
    display: block;
    background-color: #37475a;
    ,background-color: #005274;
    direction: rtl;
    text-align: center;
    margin-top: 30px;
    
}

.nav-info-mobil{
    display: block;
    margin: auto;
    width: 100%;
    font-size: 12px;
}
    


#nav-book-info-mobil ul{
    direction: rtl;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    
}

#nav-book-info-mobil ul li{
    display: inline-block;
    margin: 10px 0 12px 0;
}

#nav-book-info-mobil ul li:hover > ul{
    display: block;
    
}

#nav-book-info-mobil ul li a{
    text-decoration: none;
    font-family: tahoma;
    color: white;
    font-size: 13px;
    margin: 5px 0 6px 0;
    padding: 2px 15px;
    border: 1px solid;
    border-radius: 2px;
    border-color: #37475a;
}

#nav-book-info-mobil a:hover{
    border: 1px solid #37475a;
    border-radius: 2px;
    color: darkgrey;
    
}



/*-------------------------------*/
             /*cart-mobil*/
/*-------------------------------*/

#cart-container{
    width: 100%;
    overflow: auto;
}

.cart-container-box{
    width: 90%;
    margin: auto;
    margin-top: 0px;
    
}

.mark-timeline-cart{
    width: 100%;
    overflow: auto;
    padding-top: 10px;
}

.mark-timeline-cart img{
    float: right;
    width:15px;
    margin:15px;
    margin-left:0px;
    margin-right: 0px;
}

.line-order-cart{
    float: right;
    width: 15.2%;
    margin-bottom: 5px;
    margin-top: 21px;
    border-bottom: 3px solid #37475a;
    opacity: 10%;
}


.process-line{
    width: 100%;
    overflow: auto;
    text-decoration: none;
}

.process-line a{
    text-decoration: none;
    
}

.reports-process-line{
    width: 20%;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    float: right;
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid white;
    border-radius: 15px;
    background-color: white;
}

.reports-process-line:hover{
    ,background-color: darkgray;
    ,color: white;
    ,opacity: 10%;
}

.reports-process-line p{
    font-family: BYekan;
    font-size: 11px;
    margin: 8px;
    /*margin-left: 5px;
    margin-right: 5px;*/
}

.reports-process-line img{
    width: 30px;
    padding-top: 15px;
    opacity: 80%;
}


.process-flash{
    width: 100%;
    overflow: auto;
    
}

.reports-process{
    width: 13%;
    text-align: center;
    float: right;
    margin: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    وborder:1px solid #232f3e;
    border:1px solid #eaeded;
    ,border-radius: 15px;
    ,background-color: white;
}

.reports-process img{
    width: 30px;
    ,padding-top: 15px;
    opacity: 80%;
}
    
    

.box-title-order-cart{
    width: 60%;
    float: right;  
}

.title-discount-box{
    width: 100%;
    margin-top:5px;
    overflow: auto;
}

.title-discount-box img{
    float:right;
    width:14px;
    margin:15px;
    margin-left:0px;
    margin-bottom: 0px;
    direction: rtl;
}

.box-title-order-cart p{
    width: auto;
    font-family: BYekan;
    font-size: 12px;
    direction: rtl;
    color: #009900;
    float: right;
    margin: 12px;
    margin-right: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.delite-box-cart{
    width: auto;
    float: left;
}

.no-orders{
    overflow:auto;
}    

.type-send-order-cart{
    width: auto;
    float: right;
    margin-right: 16px;
    
}
    
.detail-total-price-order-info-cart{
    width: auto;
    float: left;
    margin-left: 16px;
    margin-bottom: 15px;
}

.detail-total-price-order-info-cart-A{
    width: 50%;
    overflow: auto;
    float: left;
}

.detail-total-price-order-info-cart-B{
    width: 45%;
    overflow: auto;
    float: right;
    text-align: left;
}  
    
    
.back-order-info-click{
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
    float: right;
}

.back-order-info-click img{
    width: 30px;
    margin-top: 11px;
    margin-right: 5px;
    margin-left: 5px;
    float: right;
    opacity: 90%;
}

.back-order-info-click-a{
    width: auto;
    float: right;
    ,background-color: #009900;
    border: 1px solid #eaeded;
    border-radius: 5px;
    border-right: none;
    color: darkcyan;
    margin: 15px;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 0px;
}  

    


    
}


/*----------------------
            پابان نسخه موبایلی
------------------------*/





/*----------------------
    new address form
    modal box | pop up
----------------------*/
    
.modalDialog {
        position: fixed;
        font-family: tahoma;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 300ms ease-in;
        -moz-transition: opacity 300ms ease-in;
        transition: opacity 300ms ease-in;
        pointer-events: none;
    }
.modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }
.modalDialog > div {
        width: 400px;
        height: 300px;
        overflow:auto;
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 0px;
        background: #37475a;
        color: white;
    opacity: 80%;
        ,background: -moz-linear-gradient(#fff, #999);
        ,background: -webkit-linear-gradient(#fff, #999);
        ,background: -o-linear-gradient(#fff, #999);
    }
#menu-hamburge img {
        position: absolute;
        left: 15px;
        top: 20px;
        width: 23px;
    }
    
#request-for-book-printing img {
        position: absolute;
        left: 15px;
        top: 20px;
        width: 23px;
    }

#menu-hamburge img:hover { 
    opacity: 60%
}

#meno-meno a{
    text-decoration: none;
    color: white; 
}


#meno-meno ul li{
    text-decoration: none;
    display: inline-block;
    width: 90%;
    padding: 2px;
    ,background-color: red;
    cursor: pointer;

}

#meno-meno ul li:hover{
    background-color: darkgray;
    width: 90%;
    ,color: #37475a;
    ,border-radius: 16px 0 0 0px;
    ,opacity: 100%;

}

#meno-meno ul {
    margin: 0px;
    padding: 0px;
    padding-right: 5%;
}

/*----------------------
    request-for-book-printing
    modal box | pop up
----------------------*/
    
.RequestBookPrint {
        position: fixed;
        font-family: tahoma;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 300ms ease-in;
        -moz-transition: opacity 300ms ease-in;
        transition: opacity 300ms ease-in;
        pointer-events: none;
    }
.RequestBookPrint:target {
        opacity:1;
        pointer-events: auto;
    }
.RequestBookPrint > div {
        width: 400px;
        height: 300px;
        overflow:auto;
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 0px;
        background: #37475a;
        color: white;
    opacity: 80%;
        ,background: -moz-linear-gradient(#fff, #999);
        ,background: -webkit-linear-gradient(#fff, #999);
        ,background: -o-linear-gradient(#fff, #999);
    }
    
#request-for-book-printing img {
        position: absolute;
        left: 15px;
        top: 20px;
        width: 23px;
    }

#request-for-book-printing img:hover { 
    opacity: 60%
}

#request-for-book-printing a{
    text-decoration: none;
    color: white; 
}


#request-for-book-printing ul li{
    text-decoration: none;
    display: inline-block;
    width: 90%;
    padding: 2px;
    ,background-color: red;
    cursor: pointer;

}

#request-for-book-printing ul li:hover{
    background-color: darkgray;
    width: 90%;
    ,color: #37475a;
    ,border-radius: 16px 0 0 0px;
    ,opacity: 100%;

}

#request-for-book-printing ul {
    margin: 0px;
    padding: 0px;
    padding-right: 0;
}


/*--------------------------------------------
    پیام فشردن دکمه ثبت مشخصات کتاب در صفحه افزودن کتاب
    message-add-book-specifications | pop up
----------------------------------------------*/
    
.modal-Dialog-address-semd-info {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    pointer-events: none;
    
}

.modal-Dialog-address-semd-info:target {
    opacity:1;
    pointer-events: auto;
}

.modal-Dialog-address-semd-info > div {
    overflow:auto;
    position: relative;
    margin: 10% auto;
    background-color: white;
    border-radius: 2px;
}

.close-pop {
    position: absolute;
    padding: 3px;
    padding-bottom: 0px;
    left: 12px;
    top: 10px;    
    background-color: #009900;
    opacity: 80%;
    border-radius: 5px;
}

.close-pop:hover {
    opacity: 50%;
}


.message-add-book{
    margin-top: 5px;
    font-family: tahoma;
    font-size: 15px;
    color: white;
    background-color: green;
    padding: 5px;
    padding-bottom: 7px;
    width: auto;
}

.error-add-book{
    margin-top: 5px;
    font-family: tahoma;
    font-size: 15px;
    color: white;
    background-color: red;
    padding: 5px;
    padding-bottom: 7px;
    width: auto;
    
}

.buttom-manage-message{
    width: 100%;
    overflow: auto;
    font-family: tahoma;
    font-size: 13px;
}

.right-buttom-message-send-info{
    float: left; 
}

.right-buttom-message-send-info p{
    margin-left: 15px;
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 9px;
    background-color: green;
    color: white;
    border-radius: 5px;
    
}


.left-buttom-message-send-info{
    float: right;
}

.left-buttom-message-send-info p{
    margin-right: 15px;
    padding: 7px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: darkgray;
    color: white;
    border-radius: 5px;
    opacity: 50%;
}


.delete-address-pic{
    width: 25px;;
    float: left;
    padding-top: 10px;
    margin-left: 15px;
} 
  
.pic-address-delete{
    width: 15px;
    opacity: 50%;
   }
   
 /*----------------------
    messege-subscribe
    modal box | pop up
----------------------*/
    
.modal-Dialog-messege-subscribe {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    pointer-events: none;
    
}

.modal-Dialog-messege-subscribe:target {
    opacity:1;
    pointer-events: auto;
}

.modal-Dialog-messege-subscribe > div {
    overflow:auto;
    position: relative;
    margin: 10% auto;
    background-color: white;
    border-radius: 2px;
}


/*------toggle-butoon------*/
/*-----in requests page----*/

.toggle-butoon{

}

.toggle-butoon input{
    display: none;
    ,z-index: 1;
}

.toggle-butoon label{
    width: 40px;
    height: 25px;
    ,background: #f1f1f1;
    border-radius: 8000px;
    display: block;
    margin-left: 25px;
    margin-top: 10px;
    float:left;
    position: relative;
    transition: all .3s ease-in ;
    cursor: pointer;
    ,z-index: 2;
}

#checkinput:checked + label::after{
    background: white;
    margin-left: 18px;   
}



.toggle-butoon label::after{
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    margin: 3px;
    background: white;
    border-radius: 100%;
    position: absolute;
    
}

.namayan{
    width:40px;
    height: 25px;
    ,background: black;
    margin-left: 25px;
    margin-top: 10px;
    float: left;
    position: absolute;
    z-index:4;
    opacity: 0px;
    
}

/*------End toggle-butoon------*/

.final-pay{
    background-color:#f7fcf7;
    color:#004624;
    margin: 10 auto;
    border-radius:7px;
    text-align: center;
    padding: 10px;
    direction: rtl;
    margin-top:20%;
    
}

.final-pay a{
    text-decoration: none;
    display: inline-block;
    text-decoration: none;
    color: #004624;
    opacity: 70%;
    وfont-size: 15px;  
}

.final-pay a:hover{
    color: #abd5a7;
}