@media (max-width: 768px) {
.navbarflogobn1 {float:left !important;}
.navbar-brand {float:right !important;}
.navbar.navbar-default.navbar-static-top{top: 0px;padding: 5px 15px;}
 body {background-size: cover;background:unset !important;}
    .main-container {margin: 80px 0px 0px 0px !important; padding: 0px 0px 20px 0px !important;}
    .side-menu-container > .navbar-nav {display:none}
	html, body {height: unset;}
	}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;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{-webkit-box-sizing:border-box;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]{-webkit-box-sizing:border-box;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) format("woff"),
url(../fonts/iransans_light.woff2) format("woff2")}

@font-face{font-family:ocra;font-weight:300;
src:url(../fonts/ocra-webfont.woff) format("woff")}

@font-face{font-family:IRANSansMedium;font-weight:300;
src:url(../fonts/IRANSansWeb_Medium.woff) format("woff"),
url(../fonts/IRANSansWeb_Medium.woff2) 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%;-webkit-transform:translateX(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:#c60000}.notifications-container .alert.error{background-color:#f2313a}.header{position:absolute;padding:14px;left:84px;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}.main-container{background-color:#fff;-webkit-box-shadow:0 22px 65px 0 rgba(0,0,0,.25);box-shadow:0 22px 65px 0 rgba(0,0,0,.25);-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);position:absolute;top:50%;right:50%;width:586px;min-height:388px;border-radius:10px;overflow:hidden;padding-bottom:46px}.main-container a.btn{font-family:iransans;background:#227dfb;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:5px;display:inline-block;width:100%;height:46px;color:#fff;text-decoration:none;padding:14px 0;text-align:center;margin-top:16px}.main-container .payment-information,.main-container .user-information,.main-container a.btn{-webkit-box-sizing:border-box;box-sizing:border-box}.main-container .user-information{position:fixed;top:0;bottom:0;float:right;background-image:linear-gradient(-135deg,#21254e,#ff0000);width:230px;display:inline-block}.main-container .user-information img.avatar{display:block;border-radius:50%;width:90px;height:90px;background:#fff;-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.1);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 .name,.main-container .user-information .product-details{font-family:iransans;font-size:12px;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 .user-information .zp-id{font-family:ocra;font-size:12px;position:relative;background-color:#fff;min-width:80px;height:22px;border-radius:12px;color:#222954;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);line-height:20px;padding:0 12px 0 34px}.main-container .user-information .zp-id:after{width:28px;height:22px;position:absolute;background-image:linear-gradient(-134deg,#fe0,#ffce00);border-radius:100px;content:"";left:0}.main-container .user-information .zp-id:before{width:18px;height:16px;position:absolute;content:url(../images/logo-zp-id.svg?a81c0951536a12a9a25634cae599ef8b);left:5px;top:3px;z-index:2}.main-container .payment-information{width:356px;float:left}.main-container .payment-information .content{margin:0 26px 4px}.main-container .payment-information .content .payment-description{font-family:iransans;font-size:12px;color:#5a627a;text-align:justify;padding:15px 0;display:block}.main-container form>div{position:relative;margin-bottom:15px}.main-container form>div>div.amount{line-height:36px;position:absolute;top:0;left:0;width:75px;background:#f2f3f5;border-radius:5px 0 0 5px;text-align:center;border:1px solid #dbdee0;border-right:none}.main-container form>div>div.amount,.main-container form input,.main-container form textarea{-webkit-box-sizing:border-box;box-sizing:border-box;height:38px;font-family:iransans;font-size:14px;color:#5a627a}.main-container form input,.main-container form textarea{background:#fff;border:1px solid #dbdee0;border-radius:5px;width:100%;outline:0 none;padding:0 10px}.main-container form input::-webkit-input-placeholder,.main-container form textarea::-webkit-input-placeholder{color:#5a627a}.main-container form input:-ms-input-placeholder,.main-container form input::-ms-input-placeholder,.main-container form textarea:-ms-input-placeholder,.main-container form textarea::-ms-input-placeholder{color:#5a627a}.main-container form input::placeholder,.main-container form textarea::placeholder{color:#5a627a}.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:42px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#c60000;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:5px;font-family:iransans;font-size:16px;color:#fff;letter-spacing:0;outline:0 none;border:none}.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;-webkit-transform:translate(50%,-50%);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 infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}.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;-webkit-transform:scale(0);transform:scale(0)}to{visibility:visible;-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@keyframes sk-scaleout{0%{visibility:visible;-webkit-transform:scale(0);transform:scale(0)}to{visibility:visible;-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}.blur{-webkit-filter:blur(4px);filter:blur(4px)}.hide{display:none!important}@media (max-width:768px){.header{position:inherit;margin:auto;display:block;text-align:center;margin-top:20px}.main-container{width:100%;border-radius:inherit;position:inherit;top:inherit;right:inherit;-webkit-transform:none;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;-webkit-transform:none;transform:none}.notifications-container .alert{border-radius:inherit}}.receipt-container{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);position:absolute;top:50%;right:50%;width:400px}.receipt-container .header{height:112px;background-image:linear-gradient(-135deg,#21254e,#ff0000);border-radius:10px 10px 0 0;position:relative;-webkit-box-sizing:border-box;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;-webkit-transform:translateX(50%);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:50%}.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:left}.receipt-container div.transaction-receipt ul.items li.description span{width:100%;text-align:right;line-height:20px}.receipt-container div.transaction-receipt a.btn{font-family:IRANSansMedium;background:#227dfb;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:5px;font-size:14px;display:inline-block;width:100%;height:46px;-webkit-box-sizing:border-box;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;margin:0;display:inline-block;text-align:left;float:left;margin-top:3px}.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}
/*# sourceMappingURL=app.css.map*/

#mainContainer{opacity: 0.9;}