@font-face{
	font-family:"Dubai";
	src: url('../fonts/Dubai-Light.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"Dubai";
	src: url('../fonts/Dubai-Bold.otf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); margin: 0px; font-family: "Dubai"; font-size: 16px; color: #000000; }
body a { color: #cc181e; text-decoration:none; }
body a:hover { color: #cc181e; text-decoration: none; }

.width100 { width: 100%; }
.marginTop { margin-top: 30px; }
.marginBottom { margin-bottom: 30px; }
.containersSeparator { border-bottom: 1px solid #EAEAEA; margin-right: 30px; margin-left: 30px; box-sizing: border-box; }
.inContainerSeparator { border-bottom: 1px solid #EAEAEA; box-sizing: border-box; }

.headerContainer { width: 100%; background: #222222 url('../images/headerbg.png'); background-position: top center; background-size: 600%; box-shadow: 0px 0px 20px #000000; }
.innerHeaderContainer { width: 100%; padding: 30px; height: 141px; box-sizing: border-box; }
.headerTitle { display: inline-block; float: right; font-size: 20px; padding-top: 20px; font-weight: bold; color: #FFFFFF; }
.headerLogo { display: inline-block; float: left; width: 118px; height: 81px; }
.Logo { width: 118px; height: 81px; background: url('../images/logo.png'); background-size: 100%; }
.Paypal { width: 150px; height: 50px; background: url('../images/paypal.png'); background-size: 100%; }
.footerContainer { width: 100%; background-color: #444444; padding: 30px; box-sizing: border-box; color: #999999; text-align: center; }
.footerSectionHeader { margin-bottom: 20px; }
.footerSectionContainer {  }
.footerSectionContainer a { color: #EAEAEA; text-decoration:none; }
.footerSectionContainer a:hover { color: #EAEAEA; text-decoration:none; }


.amountContainer { width: 300px; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-right: auto; margin-left: auto; margin-top: 30px; font-family: "Dubai"; font-size: 20px;  }
.amountInput { display: inline-block; direction: ltr; width: 300px; -webkit-appearance: none; outline: none; font-family: "Dubai"; font-size: 50px; border: 0px; text-align: center; color: transparent; text-shadow: 0 0 0 #222222; &:focus { outline: none; } }
.amountInput::placeholder { color: #222222; opacity: 1; }
.amountInput:disabled{ background-color: #FFFFFF; }
.amountInputHL { }
.amountInputHL::placeholder { color: red; opacity: 1; }
.productContainer { margin-right: 30px; margin-left: 30px; text-align: center; font-size: 16px; }
.productIdContainer { width: 100%; font-weight: bold; font-size: 25px; margin-top: 10px; }
.productNameContainer { width: 100%; font-size: 25px; }

.clientContainer { margin: 30px; text-align: center; font-size: 16px; }

.paypalContainer { width: 100%; height: 90px; padding: 20px; box-sizing: border-box; border-radius: 2px; border: 1px solid #de9f0c; font-family: "Dubai"; font-size: 16px; color: #FFFFFF; background: #ffc439; cursor: pointer; }
.paypalButtonText { float: right; height: 50px; width: 167px; text-align: right; }
.paypalTotal { float: left; width: 90px; height: 60px; color: #11559d; }
.paypalTotalAmount { width: 90px; height: 30px; font-size: 18px; }
.paypalTotalCurrency { width: 90px; height: 30px; font-size: 13px; }
.payWithPaypal { width: 167px; height: 50px; background: url('../images/paywithpaypal.png?'); background-size: 100%; }

.inputText { width: 100%; padding: 20px; box-sizing: border-box; -webkit-appearance: none; outline: none; border-radius: 2px; border: 1px solid #DDDDDD; font-family: "Dubai"; font-size: 16px; color: #222222; }
.clientReadyButton { width: 100%; padding: 20px; box-sizing: border-box; -webkit-appearance: none; border-radius: 2px; border: 1px solid #222222; font-family: "Dubai"; font-size: 16px; color: #FFFFFF; font-weight: bold; background: #333333; cursor: pointer; }

.graphFailed { width: 150px; height: 150px; border-radius: 100%; background-color: #cc181e; color: #FFFFFF; margin: auto; margin-top: 30px; margin-bottom: 30px; text-align: center; padding-top: 60px; box-sizing: border-box; font-size: 17px; }
.graphSuccess { width: 150px; height: 150px; border-radius: 100%; background-color: #4f8dce; color: #FFFFFF; margin: auto; margin-top: 30px; margin-bottom: 30px; text-align: center; padding-top: 60px; box-sizing: border-box; font-size: 17px; }
.clientHeader { margin-top: 20px; }
.success_Amount { margin-top: 20px; font-size: 28px; }
.success_USDAmount { font-size: 16px; }
.success_InvoiceID { margin-top: 10px; }

.backgroundBlocker { z-index: 990; position: fixed; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; display: none; }
.processingMainElement { z-index: 991; position: fixed; top: 40%; right: 50%; width: 300px; margin-right: -150px; color: #FFFFFF; font-size: 25px; text-shadow: 0px 0px 10px #000000; text-align: center; display: none; }
		
.alertContainer { z-index: 992; position: fixed; top: 20%; right: 50%; width: 300px; margin-right: -150px; text-align: center; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0px 0px 5px #FFFFFF; display: none; }
.alertTitle { padding: 30px; color: #000000; font-size: 19px; }
.alertMessage { padding: 30px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; }
.alertOKButton { padding: 30px; color: #cc181e; font-weight: bold; cursor: pointer; }