/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
@font-face{font-family:iransans;font-weight:300;src:url(fonts/iransans_light.woff?1c7f779da0c3e054b7494cd74558f520) format("woff"),url(fonts/iransans_light.woff2?3ed3f94e5f485aef5592b69517774655) format("woff2")}
@font-face{font-family:ocra;font-weight:300;src:url(fonts/ocra-webfont.woff?6d6526fb943b159e5a643218cf9df47a) format("woff")}
@font-face{font-family:IRANSansMedium;font-weight:300;src:url(fonts/IRANSansWeb_Medium.woff?7bfa046de6ec101d790ba8a54886dc9a) format("woff"),url(fonts/IRANSansWeb_Medium.woff2?7c1c84da23760b0d3f59f8de58c47605) format("woff2")}
body{background-color:#e1e4e8;direction:rtl;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.notifications-container{position:absolute;top:10%;right:50%;transform:translateX(50%);z-index:9}
.notifications-container .alert{font-family:iransans;padding:15px 70px;display:block;background-color:#fafafa;color:#fff;border-radius:10px;font-size:13px;margin-bottom:6px;text-align:center}
.notifications-container .alert.success{background-color:#2ecc71}
.notifications-container .alert.error{background-color:#f2313a}
.full-width{width:100%!important}
.coupon{font-family:IRANSansMedium!important;font-size:13px}
.header{position:absolute;padding:14px;left:124px;bottom:0}
.header,.header .icon,.header span{display:inline-block}
.header span{font-family:IRANSansMedium;font-size:12px;color:#303030;margin-right:10px;padding:3px 0 0 10px;vertical-align:top}
.amountWithoutCoupon{font-size:13px;color:#000;font-family:IRANSansMedium;top:10px;position:relative;padding-left:25px}
.discount,.noneAmount{display:none}
.discount{font-size:13px;color:#636e72;font-family:IRANSansMedium;padding-right:26px;top:10px;position:relative;border-right:1px solid #d6d6e6;text-decoration:line-through}
.main-container{background-color:#fff;box-shadow:0 22px 65px 0 rgba(0,0,0,.25);transform:translate(50%,-50%);position:absolute;top:50%;right:50%;width:700px;min-height:510px;border-radius:10px;overflow:hidden;padding-bottom:46px}
.main-container a.btn{font-family:iransans;background:#227dfb;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:5px;display:inline-block;width:100%;height:46px;box-sizing:border-box;color:#fff;text-decoration:none;padding:14px 0;text-align:center;margin-top:16px}
.main-container .payment-information,.main-container .user-information{box-sizing:border-box}
.main-container .user-information{position:fixed;top:0;bottom:0;float:right;background-image:linear-gradient(-135deg,#21254e,#2b4a83);width:256px;display:inline-block}
.main-container .user-information img.avatar{display:block;border-radius:50%;width:100px;height:100px;background:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.1);margin:50px auto 20px}
.main-container .user-information span{display:block;text-align:center}
.main-container .user-information .merchantName-static{text-align:right;padding-right:20px}
.main-container .user-information #merchantName,.main-container .user-information .merchantName-static,.main-container .user-information .name,.main-container .user-information .product-details{font-size:13px;line-height:25px;font-family:IRANSansMedium;color:#fff}
.main-container .user-information .title{margin-bottom:20px}
.main-container .user-information .product-details:first-child{margin-bottom:10px}
.main-container .user-information .text-right{padding:0 20px;text-align:right}
.main-container .user-information .light{margin-bottom:10px}
.main-container .user-information .strong{font-size:15px;font-weight:600}
.main-container .user-information .title{margin-bottom:10px;padding-top:10px}
.main-container .user-information .name{font-size:16px;margin-bottom:20px;padding:0 10px}
.main-container .payment-information{width:444px;float:left}
.main-container .payment-information .content .payment-describe{padding:3px 5px!important}
.main-container .payment-information .content #merchantDescriptionName{font-family:IRANSansMedium;font-size:12px;text-align:justify;padding:23px 18px;display:block;background:rgba(99,110,114,.07) 0 0 no-repeat padding-box;border-radius:10px 0 0 0;color:#636e72;margin-bottom:28px}
.main-container .payment-information .content #merchantDeadline{font-family:IRANSansMedium;font-size:12px;text-align:justify;padding:0 0 10px 0;display:block;background:rgba(99,110,114,.07) 0 0 no-repeat padding-box;border-radius:10px 0 0 0;color:#636e72}
.main-container .payment-information .content .payment-description{font-family:IRANSansMedium;font-size:12px;text-align:justify;padding:5px 3px;display:block;color:#636e72}
.main-container form{padding:0 55px}
.main-container form .amount-discount{cursor:default;height:43px;background:#f9f9fa 0 0 no-repeat padding-box;border:1px solid #f9f9fa;border-radius:6px;width:76%;display:inline-block;text-align:center}
.main-container form .remove-coupon{cursor:pointer;width:25%;display:inline-block;display:none;float:left;position:relative;right:6px;border-radius:6px}
.main-container form .remove-coupon p{font-size:11px;color:#2b4a83;font-family:IRANSansMedium;text-align:center;border-bottom:1px dashed #2b4a83;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto;padding:14px 0;top:42px;position:relative}
.main-container form .remove{cursor:pointer;width:24%;display:inline-block;display:none;float:left;position:relative;right:0;border-radius:6px}
.main-container form .remove p{font-size:11px;color:#2b4a83;font-family:IRANSansMedium;text-align:center;border-bottom:1px dashed #2b4a83;margin:auto;padding:14px 0;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.main-container form .amount-static{display:inline-block;cursor:default;border:1px solid #f9f9fa;border-radius:6px;height:42px;background:#f9f9fa 0 0 no-repeat padding-box;color:#000;width:75%;text-align:center}
.main-container form .amount-static input{padding:0!important}
.main-container form .static{border:1px solid #f9f9fa;border-radius:6px;height:42px;background:#f9f9fa 0 0 no-repeat padding-box;color:#000;width:75%}
.main-container form .static::-webkit-input-placeholder{color:#000!important;text-align:center!important;font-size:13px;font-family:IRANSansMedium}
.main-container form .static::-moz-placeholder{color:#000!important;text-align:center!important;font-size:13px;font-family:IRANSansMedium}
.main-container form .static:-ms-input-placeholder{color:#000!important;text-align:center!important;font-size:13px;font-family:IRANSansMedium}
.main-container form .static::-ms-input-placeholder{color:#000!important;text-align:center!important;font-size:13px;font-family:IRANSansMedium}
.main-container form .static::placeholder{color:#000!important;text-align:center!important;font-size:13px;font-family:IRANSansMedium}
.main-container form #email,.main-container form #mobile{text-align:left;padding-left:10px;direction:ltr}
.main-container form #email{font-size:13px}
.main-container form>div{position:relative;margin-bottom:15px}
.main-container form>div>div.amount{line-height:36px;box-sizing:border-box;position:absolute;top:0;left:0;width:75px;background:#f2f3f5;border-radius:5px 0 0 5px;height:43px;font-family:iransans;font-size:14px;color:#5a627a;text-align:center;border:1px solid #dbdee0;border-right:none}
.main-container form .inputAmount{text-align:center;direction:ltr}
.main-container form input,.main-container form select,.main-container form textarea{background:#fff;border:1px solid #dcdee0;border-radius:6px;width:100%;height:43px;box-sizing:border-box;font-family:iransans;font-size:14px;color:#5a627a;outline:0 none;padding:0 10px;margin-bottom:3px}
.main-container form input::-webkit-input-placeholder,.main-container form textarea::-webkit-input-placeholder{color:#bababa;text-align:right!important;font-size:12px}
.main-container form input::-moz-placeholder,.main-container form textarea::-moz-placeholder{color:#bababa;text-align:right!important;font-size:12px}
.main-container form input:-ms-input-placeholder,.main-container form textarea:-ms-input-placeholder{color:#bababa;text-align:right!important;font-size:12px}
.main-container form input::-ms-input-placeholder,.main-container form textarea::-ms-input-placeholder{color:#bababa;text-align:right!important;font-size:12px}
.main-container form input::placeholder,.main-container form textarea::placeholder{color:#bababa;text-align:right!important;font-size:12px}
.main-container form input.amount,.main-container form textarea.amount{padding-left:75px;text-align:center}
.main-container form input.static,.main-container form textarea.static{padding-left:10px;background-color:#f8f9fa;cursor:default}
.main-container form textarea{padding:10px;min-height:70px}
.main-container form button{width:100%;height:47px;box-sizing:border-box;font-size:12px;font-family:IRANSansMedium;color:#fff;letter-spacing:0;background:#2ecc71 0 0 no-repeat padding-box;border-radius:6px;outline:0 none;border:none;cursor:pointer}
.main-container .receipt{font-family:iransans;font-size:14px;width:100%;text-align:right}
.main-container .receipt tr td{padding:8px 10px}
.main-container .receipt tr:nth-child(odd){background:#eee}
.main-container .receipt tr:nth-child(2n){background:#fff}
.main-container .receipt tr .direction_ltr{direction:ltr}
.master-loading{position:absolute;top:50%;right:50%;z-index:2;transform:translate(50%,-50%)}
.master-loading .spinner{width:40px;height:40px;display:inline-block;background-color:#ffd600;visibility:hidden;border-radius:100%;-webkit-animation:sk-scaleout 1s ease-in-out infinite;animation:sk-scaleout 1s ease-in-out infinite}
.master-loading .spinner:nth-child(1n){-webkit-animation-delay:0s;animation-delay:0s}
.master-loading .spinner:nth-child(2n){-webkit-animation-delay:.2s;animation-delay:.2s}
.master-loading .spinner:nth-child(3n){-webkit-animation-delay:.4s;animation-delay:.4s}
@-webkit-keyframes sk-scaleout{0%{visibility:visible;transform:scale(0)}
to{visibility:visible;transform:scale(1.4);opacity:0}
}
@keyframes sk-scaleout{0%{visibility:visible;transform:scale(0)}
to{visibility:visible;transform:scale(1.4);opacity:0}
}
.blur{-webkit-filter:blur(4px);filter:blur(4px)}
.hide{display:none!important}
.visible{display:unset!important}
.showElement{visibility:visible!important}
@media (max-width:768px){.header{position:inherit;display:block;text-align:center;margin:20px auto auto}
.main-container{width:100%;border-radius:inherit;position:inherit;top:inherit;right:inherit;transform:none}
.main-container .user-information{position:inherit;float:none;display:block;width:100%;padding:10px!important}
.main-container .user-information img{margin:0 auto 20px!important}
.main-container .payment-information{position:inherit;float:none;display:block;width:100%}
.notifications-container{top:0;right:0;left:0;transform:none}
.notifications-container .alert{border-radius:inherit}
}
.coupon-label{position:absolute;top:6px;left:5px;text-align:center;cursor:pointer;width:96px!important;height:30px!important;box-shadow:none!important;font-size:12px!important;letter-spacing:0;outline:0 none!important;border:none!important;font-family:IRANSansMedium!important;background:#d4dbe6 0 0 no-repeat padding-box;border-radius:4px;color:#2b4a83}
.coupon-label span{position:relative;top:8px}
.coupon-triangle{width:0;height:0;border-bottom:7px solid #dbdee0;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;left:32px;top:-6px}
.coupon-box{margin-top:-23px;display:none}
.coupon-empty{position:absolute;width:0;border-bottom:15px solid #fff;border-right:11px solid transparent;border-left:10px solid transparent;left:28px;top:-5px}
.rial{line-height:36px;box-sizing:border-box;position:relative;top:42px;left:0;float:left;width:75px;height:42px;font-family:IRANSansMedium;font-size:13px;color:#000;text-align:center;border-right:none;background:#f4f4f4 15% 11% no-repeat padding-box;border-radius:6px 0 0 6px}
.name-heading,.title-merchant{color:#fff;font-family:iransans;margin-bottom:14px;font-size:13px;margin-top:38px}
.name-heading{text-align:right!important;padding-right:21px}
.divider{width:205px;height:.5px;background:#fff;opacity:.3;margin:30px auto}
#amountPersion{font-size:12px;color:#636e72;font-family:iransans;padding:6px 11px}
.persian-letter{background:#f9f9fa 0 0 no-repeat padding-box;border:1px solid #f9f9fa;border-radius:6px;font-family:iransans;height:28px}
.persian-letter p{font-size:12px;color:#636e72;right:32px;position:relative;top:-5px}
.persian-letter p:before{background-image:url(../images/money-24px.svg?2edae6d6e2842bb86a1ddd057e80575d);content:"";position:absolute;width:18px;height:18px;margin-right:-22px;margin-top:-4px}
.mb0{margin-bottom:-10px!important}
.block{display:block!important}
.persian-amount{background:#f9f9fa 0 0 no-repeat padding-box;border:1px solid #f9f9fa;border-radius:6px;font-family:iransans;height:28px;display:none}
.persian-amount p{font-size:12px;color:#636e72;right:32px;position:relative;top:-5px}
.persian-amount p:before{background-image:url(../images/money-24px.svg?2edae6d6e2842bb86a1ddd057e80575d);content:"";position:absolute;width:18px;height:18px;margin-right:-22px;margin-top:-4px}
.create-coupon{width:24%;display:inline-block;float:left;position:relative;right:0;height:41px;border-radius:6px;cursor:pointer}
.create-coupon p{font-size:11px;color:#2b4a83;font-family:IRANSansMedium;text-align:center;border-bottom:1px dashed #2b4a83;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto;padding:14px 0}
@media (min-width:575px) and (max-width:767px){.description-name{line-height:25px}
.divider{width:90%}
}
@media (max-width:575px){.description-name,.payment-description{line-height:25px}
.divider{width:90%}
}
@media (max-width:768px){.notifications-container{bottom:0;right:0;left:0;transform:none;top:unset;position:fixed;width:300px;max-width:80%;margin:auto}
.notifications-container .alert{border-radius:8px;padding:15px}
.main-container .user-information{padding:10px 0 24px!important}
.main-container .user-information img{margin:12px auto 20px!important}
}
.receipt-container{transform:translate(50%,-50%);position:absolute;top:50%;right:50%;width:666px;max-width:95%;}
.receipt-container .header{height:112px;background-image:linear-gradient(-135deg,#21254e,#2b4a83);border-radius:10px 10px 0 0;position:relative;box-sizing:border-box;right:0;width:100%}
.receipt-container .header img.avatar{width:80px;height:80px;border:none;border-radius:50%;background-color:#fff;right:50%;position:absolute;transform:translateX(50%);top:-28px}
.receipt-container .header .name{color:#fff;font-family:IRANSansMedium;font-size:16px;text-align:center;padding-top:60px}
.receipt-container .content{background:#fff;border-radius:0 0 5px 5px;padding:20px 26px}
.receipt-container .content div.amount{border-bottom:2px dashed #e4e4e4;padding-bottom:20px}
.receipt-container .content div.amount:after,.receipt-container .content div.amount:before{content:"";width:20px;height:20px;background-color:#e1e4e8;border-radius:50%;position:absolute}
.receipt-container .content div.amount:after{top:226px;right:-11px}
.receipt-container .content div.amount:before{top:226px;left:-11px}
.receipt-container .content div.amount p{margin:0;color:#363636}
.receipt-container .content div.amount p.description{font-family:IRANSansMedium;font-size:14px;text-align:center;margin-bottom:10px}
.receipt-container .content div.amount p.amount{font-family:iransans;font-size:36px;text-align:center;display:inline-block;color:#16c262}
.receipt-container .content div.amount p.currency{display:inline-block;font-family:iransans;font-size:20px}
.receipt-container .content div.amount span{display:block;text-align:center}
.receipt-container .content div.share{border-bottom:1px solid #f2f3f5}
.receipt-container .content div.share p{font-family:iransans;font-size:14px;margin:0;color:#363636}
.receipt-container .content div.share>div{display:inline-block;padding:20px 10px;margin:0 34px;cursor:pointer}
.receipt-container .content div.share>div p,.receipt-container .content div.share>div svg{display:inline-block}
.receipt-container .content div.share>div svg{position:relative;top:3px;margin-left:10px}
.receipt-container .content div.share div.share-receipt-form{direction:ltr;padding:20px 0;margin:0 10px}
.receipt-container .content div.share div.share-receipt-form button,.receipt-container .content div.share div.share-receipt-form input{font-family:iransans;font-size:14px;outline:none;border-radius:3px;padding:8px 14px}
.receipt-container .content div.share div.share-receipt-form button{margin-left:10px;cursor:pointer}
.receipt-container .content div.share div.share-receipt-form input{background:#fff;border:1px solid #c5c9cd;border-radius:5px;color:#5a627a}
.receipt-container .content div.share div.share-receipt-form button.send{border:1px solid #e8f9f0;background:#e8f9f0;color:#16c262}
.receipt-container .content div.share div.share-receipt-form button.cancel{border:1px solid #f2f3f5;background:#f2f3f5;color:#868686}
.receipt-container div.transaction-receipt ul.items{list-style:none;font-family:IRANSansMedium;font-size:14px;margin:0;padding:0}
.receipt-container div.transaction-receipt ul.items li{margin:0;padding:14px 4px;border-bottom:1px solid #f2f3f5}
.receipt-container div.transaction-receipt ul.items li:nth-last-child(-n+2){border-bottom:none}
.receipt-container div.transaction-receipt ul.items li span{display:inline-block;width:100%}
.receipt-container div.transaction-receipt ul.items li span:first-child{color:#7b7b7b}
.receipt-container div.transaction-receipt ul.items li span:last-child{color:#363636;text-align:center}
.receipt-container div.transaction-receipt ul.items li.description span{text-align:right;line-height:20px}
.receipt-container div.transaction-receipt a.btn{font-family:IRANSansMedium;background:#227dfb;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:5px;font-size:14px;display:inline-block;width:100%;height:46px;box-sizing:border-box;color:#fff;text-decoration:none;padding:14px 0;text-align:center;margin-top:12px;margin-bottom:20px}
.receipt-container div.signature{border-top:1px solid #f2f3f5;padding:14px 4px}
.receipt-container div.signature p{font-family:IRANSansMedium;font-size:12px;color:#363636;display:inline-block;text-align:left;float:left;margin:3px 0 0}
.receipt-container div.signature svg{display:inline-block;float:right}
.receipt-container .receipt-message{font-family:IRANSansMedium;font-size:12px;line-height:20px;text-align:justify;margin:0;padding:10px 0}

#captcha_img{cursor:pointer}
#check_discount:disabled{cursor:wait!important;color:#c7c0c0}
button[type=submit]:disabled{cursor:wait;background-color:lightgray}