body {
	padding-top: 50px;
	background-color: #4f9b73;
	color: #ffffff;
}

#apiErrorBox {
	background-color: #ff9900;
	color: #000;
	padding: 15px;
	border-radius: 8px;
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	border: 2px solid #cc7a00;
	display: none;
}

a:hover {
	color: #64A8F2;
	text-decoration: none;
}

a {
	color: #52B3EA
}

#txTable a {
	color: #DDD;
}

#importRequestBoxInner {
	width: 270px;
	margin: 0 auto;
	margin-top: 10px;
	background-color: #252638;
	padding: 15px;
	border-radius: 7px;
}


#importRequestBox {
	display: none;
}

.importRequest {
	color: #64A8F2;
	margin-right: 5px;
	font-size: 13px;
	cursor: pointer;
	margin-top: 10px;
}

.importRequest:hover {
	text-decoration: underline;
}

.tickLabel {
	color: #64657A;
}

#chartBox {
	position: absolute;
	width: 260px;
	height: 154px;
	background-color: #252637;
	right: 0px;
	top: 31px;
	border-radius: 0 0 7px 7px;
	border: 1px solid #3F4057;
	border-top: 0;
	display: none;
}


#txtAmount {
	/*font-size: 24px;*/
}

#confirmBox {
	background-color: #252638;
	border-radius: 9px;
	margin-bottom: 10px;
	padding: 10px;
	color: #727594;
}

#confirmAmountLine,
#confirmAddress {
	color: #DDD;
	font-size: 20px;

}

#confirmBody {
	text-align: center;
}

#confirmAddress {
	font-size: 18px;
}

.addonBox,
.addonBox2 {
	width: 8px;
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	line-height: 20px;
	position: relative;
	top: 1px;
}

.glyphicon-sort {
	font-size: 9px;
	color: #999;
}

#changeType,
#changeType2 {
	cursor: pointer;
	position: relative;
	padding-left: 10px;
	padding-right: 16px;
}

#code {
	position: absolute;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: 10000;
	color: rgba(255, 255, 255, 0.17);
	top: 10px;
}

#oneNameInfo {
	display: none;
	position: absolute;
	right: 5px;
	color: #5F5F5F;
	z-index: 1000;
	font-size: 12px;
	top: 6px;
	background-color: #FFF;
	padding: 1px 0 0 6px;
}

#oneNameName {
	display: inline-block;
	vertical-align: middle;
}

#oneNameImg {
	display: inline-block;
}

#minerTxt {
	margin-top: 15px;
	color: #727594;
}

#oneNameImg img {
	width: 24px;
	height: 24px;
}

#settingsChoices {
	text-align: left;
}

.settingsChoice {
	border: 2px solid #3F4056;
	width: 22.3%;
	height: 122px;
	color: #70717D;
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 4px;
}

.settingsChoice:nth-child(4) {
	margin-right: 0;
}

#requestForm {
	display: none;
}

#cancelBtn {
	float: right;
	cursor: pointer;
	margin-top: 7px;
}

#cancelBtn:hover {
	text-decoration: underline;
}

#noInvoice {
	text-align: center;
	background-color: #4D4E62;
	border-radius: 7px;
	padding: 15px;
	display: none;
	margin-bottom: 10px;
}

#leftCountLine {
	float: left;
	margin-top: 8px;
}

#rightCountLine {
	float: right;
}

#shareLine {
	text-align: center;
	margin: 25px 0;
}

#shareTxt {
	vertical-align: middle;
	font-size: 16px;
}

#fbShare,
#twitterShare {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}

#fbShare {
	background: url(img/fb-off.png);
	background-size: cover;
}

#fbShare:hover {
	background: url(img/fb-on.png);
	background-size: cover;
}

#twitterShare {
	background: url(img/twitter-off.png);
	background-size: cover;
	margin-right: 5px;
}

#twitterShare:hover {
	background: url(img/twitter-on.png);
	background-size: cover;
}


.settingsChoice:hover {
	border: 2px solid #64A8F2;
	color: #64A8F2;
}

.settingsChoiceText {
	text-align: center;
}

.settingsChoiceIcon {
	height: 47px;
	width: 52px;
	margin: 12px auto;
}

#choiceCurrency:hover .settingsChoiceIcon {
	background: url(img/currency-on.png);
	background-size: cover;
}

#choiceCurrency .settingsChoiceIcon {
	background: url(img/currency-off.png);
	background-size: cover;
}

#choiceSmartRequest:hover .settingsChoiceIcon {
	background: url(img/smartrequest-on.png);
	background-size: cover;
}

#choiceSmartRequest .settingsChoiceIcon {
	background: url(img/smartrequest-off.png);
	background-size: cover;
	width: 58px;
	margin-bottom: 10px;

}

#choiceSmartFund:hover .settingsChoiceIcon {
	background: url(img/smartfund-on.png);
	background-size: cover;
}

#choiceSmartFund .settingsChoiceIcon {
	background: url(img/smartfund-off.png);
	background-size: cover;
	height: 54px;
	width: 44px;
	margin-bottom: 4px;
}

#choiceMining .settingsChoiceIcon {
	background: url(img/miner-off.png);
	background-size: cover;
}

#invoiceCountLine {
	margin-bottom: 10px;
}

#choiceInvoice .settingsChoiceIcon {
	font-size: 48px;
	margin-top: 10px;
	margin-bottom: 14px;
}

#choiceExport .settingsChoiceIcon,
#choiceSweep .settingsChoiceIcon {
	font-size: 48px;
	margin: 10px auto 14px auto;
	width: 44px;
}



#settingsExport,
#settingsSweep {
	text-align: left;
	display: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: default;
}

#settingsExport label:not(:first-child) {
	margin-top: 10px;
}

#choiceMining:hover .settingsChoiceIcon {
	background: url(img/miner-on.png);
	background-size: cover;
}

#settingsTitle {
	cursor: pointer;
	display: inline-block;
}

#settingsMining,
#settingsInvoice {
	text-align: left;
	display: none;
}

#invoicesBody a {
	cursor: pointer;
}

#settingsInvoice label:not(:first-child) {
	margin-top: 10px;
}

#settingsMiningInfo {
	margin-bottom: 10px;
}

#invoiceLinkReceive {
	display: inline-block;
	margin-top: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

#requestHelp {
	color: #64657A;
	cursor: pointer;
	font-size: 17px;
}

#invoicesBody td:nth-child(5) a {
	margin-right: 10px;
	color: #64657A;
}

#invoicesBody td:nth-child(4) {
	width: 115px;
}

#invoicesBody td:nth-child(1) a {
	color: #F49500;
}

#invoicesBody td:nth-child(5) a:hover {
	color: #F49500;
}


#settingsTitle .glyphicon {
	display: none;
	font-size: 12px;
}

.miningOption {
	padding: 10px 0;
}

.miningOptionLeft {
	width: 100px;
	height: 60px;
	float: left;
	text-align: center;
	cursor: pointer;

}

.miningOptionRight {
	font-size: 13px;
	color: #969696;
	line-height: 16px;
	float: left;
	max-width: 250px;
	margin-left: 20px;
	margin-top: 10px;
}

.settingsOption {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-color: #FFF;
	border-radius: 10px;
	border: 4px solid #5A5B63;
	margin-top: 10px;
	cursor: pointer;
}

.optionActive {
	background-color: #52B3EA;
}

.display {
	visibility: hidden;
}

.preview {
	background: url(../img/iphone.png);
	width: 419px;
	height: 874px;
	padding-top: 125px;
	padding-left: 28px;
	margin: 0 auto;
}


.banner {
	background: #B6B0FF;
	border: 0;
	border-bottom: 1px solid #3F4057;
}

.banner .navbar-brand {
	color: #fc8c14;
}

img {
	max-width: 100%;
}

#qrlink {
	color: #555;
}

#currencySelect {
	width: 90px;
	text-align: center;
	margin-left: 10px;
	display: inline-block;
}

#settingsModal label {
	font-size: 16px;
}

.hand {
	font-size: 120px;
	text-align: center;
	display: block;
}

#sendBox,
#receiveBox {
	display: none;
	margin: 0 auto;
	padding: 10px 10px 1px 10px;
	/* margin-top: 10px; */
	border-radius: 0 0 7px 7px;
	color: #FFF;
	background-color: #252638;
}

.tabsOn {
	border-radius: 7px 7px 0 0 !important;
}

#receiveBox {
	/*border: 1px solid #F49500;*/
}

#sendBox {
	/*border: 1px solid #52b3ea;*/
}

#sendBoxBtn {
	margin-left: 1%;
}

.address {
	display: block;
	background: #5d5d5d;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
}

.address .fa {
	padding: 0 5px;
}

section.dark {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../img/tiny_grid.png);
	background-repeat: repeat;
}

.abalance {
	background: #222;
	color: #0fb74d;
	border: 0;
	font-size: 18px;
	padding: 10px;
}

.balance {
	border: 0;
	font-size: 28px;
	color: #000000;
}

.currency {
	font-size: 14px;
	color: #000000;

}

.betaTag {
	color: #70717D;
	font-size: 11px;
}

.address-label {
	color: #FCFCFC;
	font-size: 18px;
}

#generate,
#wallet,
#txList,
#errorBox {
	display: none;
}


#youtubeLinkBox {
	margin-top: 10px;
}



.drawer {
	background: url(../img/dark_fish_skin.png);
	background-repeat: repeat;
	-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
	color: #bcbcbc;
	padding: 15px 10px;
}

#addresslist a {
	color: #bcbcbc;
	display: block;
	padding: 5px;
}

.tools {
	position: absolute;
	right: 10px;
	top: 5px;
}

.tools a {
	font-size: 28px;
	margin-left: 15px;
	color: #777;
}



.qr-link {
	font-size: 38px;
	margin: 10px;
	float: right;
	padding: 7px;
	background-color: #FFF;
	border-radius: 4px;
	width: 40%;
	max-width: 214px;

}

.qr-link a {
	color: #222;
}

#createPassword,
#openPassword {
	padding: 10px;
	display: none;
	margin-bottom: 10px;
	background-color: #252637;
	border-radius: 10px;
}

#createPasswordTxt,
#openPasswordTxt {
	/*width: 1004px;*/
	display: inline-block;
	font-size: 24px;
}

#loginError {
	display: none;
	margin-top: 10px;
	background-color: #DF2C07;
	color: #FFF;
	border-radius: 7px;
}

#passwordCheckBox {
	margin-bottom: 10px;
	text-align: center;
	color: #ddd;
}

.infoTitle {
	color: #52B3EA;
	margin-top: 20px;
}

.infoText {
	font-size: 13px;
}

#infoModal .modalBox {
	text-align: left;
}

.container {
	max-width: 750px;
	padding: 10px;
	width: inherit !important;
}

#leadTxt {
	text-align: center;
	width: 100%;
	margin-bottom: 23px;
	font-size: large;
	font-weight: bold;
	color: black
}

#apiErrorBox {
	text-align: center;
	margin-bottom: 20px;
	background-color: red;
	border-radius: 7px;
	padding: 10px;
	margin: 10px 10px 20px 10px;
	color: #FFF;
	border-radius: 7px;
}

#passBox {
	text-align: center;
	margin-bottom: 20px;
	background-color: #252637;
	border-radius: 7px;
	padding: 10px;
	margin: 10px 10px 20px 10px;
	color: #999;
}

.KKBrand {
	font-family: 'Jockey One', sans-serif;
	position: absolute;
	left: 146px;
	top: 18px;
	z-index: 5000;
	color: #64657A;
	font-size: 15px;
	cursor: pointer;
}



#info {
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 17px;
	color: #000000;
	cursor: pointer;
}

#priceBox {
	position: absolute;
	right: 56px;
	top: 18px;
	font-size: 13px;
	color: #64657A;

}

#price {
	/* display: none; */
	cursor: pointer;
}

.bigQR {
	position: fixed;
	max-width: 640px;
	max-height: 1000px;
	width: 90% !important;
	/* height: 100%; */
	margin-left: 50%;
	top: 70px;
	left: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 50000;
	border: 7px solid #0D0E14;
	padding: 3px;
	background-color: #FFF;
	border-radius: 9px;
}

#settings {
	position: absolute;
	right: 32px;
	top: 17px;
	font-size: 17px;
	color: #64657A;
	cursor: pointer;
	width: 17px;
	height: 17px;
	background: url(img/settings-off.png);
	background-size: cover;
	display: none;
}

#settings:hover {
	background: url(img/settings-on.png);
	background-size: cover;
}

#info:hover,
#settings:hover {
	color: #64A8F2 !important;
}

.KKCheck {
	display: inline-block;
	width: 19px;
	height: 19px;
	background-color: #333449;
	border-radius: 3px;
	padding: 2px;
	position: absolute;
	left: -25px;
	cursor: pointer;
}

#passBoxTxt {
	position: relative;
	width: 185px;
	margin: 0 auto;
	cursor: pointer;
}

.KKCheckInner {
	width: 15px;
	height: 15px;
	background-color: #DDD;
	border-radius: 3px;
	line-height: 16px;
	color: #FFF;
	font-size: 10px;
}

#checkIcon {
	display: none;
}

.KKBrand:hover {
	color: #797a85 !important;
}

.checkGreen {
	background-color: #68cc68;
}

.brand {
	position: absolute;
	top: 14px;
	z-index: 50000;
	left: 12px;
}

#reader {
	display: none;
	margin: 0 auto;
}

#tapBox {
	border: none;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 30px 0 30px 0;
	overflow: hidden;
}

/* Border using ETH_Border.png images - Top border */
.eth-border-top {
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	height: 20px;
	background-image: url('img/ETH_Border.png');
	background-size: 20px 20px;
	background-repeat: repeat-x;
	background-position: 0 0;
	z-index: 1;
	pointer-events: none;
}

/* Border using ETH_Border.png images - Bottom border */
.eth-border-bottom {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 20px;
	background-image: url('img/ETH_Border.png');
	background-size: 20px 20px;
	background-repeat: repeat-x;
	background-position: 0 0;
	z-index: 1;
	pointer-events: none;
}

/* Border using ETH_Border.png images - Left border */
.eth-border-left {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 0;
	width: 20px;
	background-image: url('img/ETH_Border.png');
	background-size: 20px 20px;
	background-repeat: repeat-y;
	background-position: 0 0;
	z-index: 1;
	pointer-events: none;
}

/* Border using ETH_Border.png images - Right border */
.eth-border-right {
	position: absolute;
	top: 20px;
	bottom: 20px;
	right: 0;
	width: 20px;
	background-image: url('img/ETH_Border.png');
	background-size: 20px 20px;
	background-repeat: repeat-y;
	background-position: 0 0;
	z-index: 1;
	pointer-events: none;
}

/* Corner symbols to fill the gaps */
.eth-border-top-left,
.eth-border-top-right,
.eth-border-bottom-left,
.eth-border-bottom-right {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url('img/ETH_Border.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	z-index: 2;
	pointer-events: none;
}

.eth-border-top-left {
	top: 0;
	left: 0;
}

.eth-border-top-right {
	top: 0;
	right: 0;
}

.eth-border-bottom-left {
	bottom: 0;
	left: 0;
}

.eth-border-bottom-right {
	bottom: 0;
	right: 0;
}

#progressLockBox {
	background-color: #DBD7FF;
	display: inline-block;
	display: none;
}

#progressLockImg {
	z-index: 5;
	position: relative;
}

#progressFill {
	position: absolute;
	background-color: #B6B0FF;
	bottom: 31px;
	width: 235px;
	z-index: 1;
}

#tapGif {
	margin-top: 23px;
}

#addressTxt {
	color: #64657A;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#fiatPrice,
#fiatPrice2,
#fiatPriceFee {
	font-size: 12px;
	position: absolute;
	right: 64px;
	color: #A8A8A8;
	display: block;
	z-index: 5;
	top: 9px;
}

.orangeBox {
	background-color: #F49500;
	border-radius: 7px;
	padding: 10px;
	text-align: center;
	color: #FFF;
	position: relative;
	margin-bottom: 10px;
	display: none;
	text-shadow: 1px 1px 1px #252638;
	display: none;
	text-align: left;
}


#fiatPrice2 {
	right: 92px;
}

#fiatPriceFee {
	right: 5px;
}

#addressBox {
	background-color: #B6B0FF;
	border-radius: 7px;
	padding: 10px;
	text-align: center;
	color: #0b0a0a;
	position: relative;
}

#feeHolder {
	width: 170px;
	margin-top: 5px;
	display: none;
}

#saveURL {
	background-color: #B6B0FF;
	border-radius: 7px;
	padding: 10px;
	text-align: center;
	color: #ff0000;
	position: relative;
	margin-bottom: 10px;
	display: none;
	text-shadow: 1px 1px 1px #252638;
}

#passwordInfo {
	color: #4C4D61;
	font-size: 16px;
	margin-left: 5px;
}

#walletInfo {
	background-color: #B6B0FF;
	margin: 10px 0 10px 0;
	border-radius: 7px;
}

.tabButton {
	width: 49.5%;
	background-color: #4C4D62;
	float: left;
	/*border: 1px solid #6A6B7E;*/
	border-radius: 7px;
	color: #FFF;
	padding: 20px;
	text-align: center;
	font-size: 19px;
	cursor: pointer;
}

.tabButton.active {
	background-color: #252638;
	/*border: 1px solid #48495d;*/
	color: #B6B0FF;
}

#sendBoxBtn.active {
	color: #52b3ea !important;
}

#sendBoxBtn:hover {
	color: #52b3ea !important;
}


#receiveBoxBtn.active {
	color: #B6B0FF !important;
}

#receiveBoxBtn:hover {
	color: #B6B0FF !important;
}

.qrimage {
	width: 200px;
}

#txBox {
	display: none;
	border: 0;
}

#txTitle {
	margin: 10px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
}

.break {
	width: 100%;
	height: 0px;
	border-top: 1px solid #252638;
	border-bottom: 1px solid #494949;
}

#noTx {
	margin-top: 10px;
	text-align: center;
	color: #64657A;
	;
}

#settingsCurrency {
	display: none;
}

#infoLogo {
	width: 150px;
	margin: 15px 0;
}

.btn,
.form-control {
	border-radius: 0;
}

.actionText {
	margin-bottom: 5px;
	margin-top: -5px;
}

#sendIcon {
	margin-bottom: 3px;
}

#addressInfo {
	position: absolute;
	left: 50%;
	-webkit-transform: translatex(-50%);
	background-color: #F0A00F;
	padding: 5px;
	border-radius: 5px;
	bottom: -30px;
	color: #000;
}

#leftInfo {
	padding: 10px;
	float: left;
	width: 52%;
	min-width: 145px;
	position: absolute;
	top: 50%;
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	transform: translatey(-50%);
}

.btnIcon {
	width: 18px;
	margin-top: -8px;
}

#tableHeader {
	background-color: #252638;
}

.txid {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 50px;
}

.time {
	color: #818181;
}

#passBtn {
	background-color: #4C4D62;
	/* border: 1px solid #6A6B7E; */
	border-radius: 7px;
	color: #FAFAFA;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	border: 0;
	margin-left: 50%;
	-webkit-transform: translatex(-50%);
	margin-bottom: 20px;
}

#passBtn:hover .hl {
	color: #B6B0FF;
}



#qrInstall {
	background-color: #171823;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
	display: none;
}

.qrInstallTitle {
	margin-bottom: 10px;
	float: left;
}

#qrInstallX {
	float: right;
}

#qrInstallInfo {
	color: #7A7A7A;
	/*float: left;*/
	width: 180px;
}

#qrInstallIcon {
	position: absolute;
	right: 5px;
	bottom: 5px;
	cursor: pointer;
}

#qrInstallIcon img {
	width: 85px;
}

/* RIPPLE - ETH Border Animation */
.ripples {
	position: relative;
	display: block;
	width: 230px;
	height: 130px;
	margin: 20px auto 33px auto;
	-webkit-transform: translateX(40%);
	transform: translateX(40%);
	-moz-transform: translateX(40%);
	-webkit-transform: translate3d(40%, 38%, 0);
	-moz-transform: translate3d(40%, 38%, 0);
	transform: translate3d(40%, 38%, 0);
}

.eth-border {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	opacity: 0.8;
}

.eth-border-1 {
	-webkit-animation: eth-border-ripple 2s linear infinite;
	animation: eth-border-ripple 2s linear infinite;
}

.eth-border-2 {
	-webkit-animation: eth-border-ripple 2s linear infinite 0.75s;
	animation: eth-border-ripple 2s linear infinite 0.75s;
}

.eth-border-3 {
	-webkit-animation: eth-border-ripple 2s linear infinite 1.5s;
	animation: eth-border-ripple 2s linear infinite 1.5s;
}

@-webkit-keyframes eth-border-ripple {
	from {
		-webkit-transform: scale(0) translate(-50%, -50%);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(3) translate(-50%, -50%);
		opacity: 0;
	}
}

@keyframes eth-border-ripple {
	from {
		transform: scale(0) translate(-50%, -50%);
		opacity: 1;
	}

	to {
		transform: scale(3) translate(-50%, -50%);
		opacity: 0;
	}
}

/* End Ripple */



@media all and (max-width: 450px) {
	#address {
		font-size: 12px;
	}

	/*#oneNameInfo
 	{
 		display: none !important;
 	}*/

	#confirmAddress {
		font-size: 12px;
	}

	.miningOptionLeft {
		width: 75px;
	}

	.miningOptionRight {
		max-width: 170px;

	}

	.settingsChoiceText {
		font-size: 12px;
	}
}

@media all and (max-width: 530px) {

	#priceBox {
		top: 21px;
	}

	.balance {
		font-size: 22px;
	}





	#leadTxt {
		font-size: 26px;
	}
}

/*@media all and (max-width: 530px) {
 	.qr-link
 	{
 		float: none;
		clear: both;
		width: 200px;
		margin: 0 auto;
		margin-bottom: 10px;
 	}

 	#leftInfo
 	{
 		margin-top: 0px;
		float: none;
		margin: 0 auto;
		clear: both;
		width: 221px;
 	}
}*/

#txTable thead tr:first-child,
#txTable thead tr:last-child {
	border-radius: 7px;
}

.modalTitle {
	background-color: #252638;
	padding: 5px;
	border-radius: 7px;
	text-align: left;
	position: relative;
	margin-bottom: 10px;
}

.closeModal {
	right: 6px;
	position: absolute;
	top: 6px;
	cursor: pointer;
}

/* Overrides */

.input-group-addon {
	border-radius: 0;
}

.modal-backdrop,
.modal {
	/*position: absolute;*/
}

.modal {
	margin-top: 30px;

}

label {
	font-weight: normal;
}

.modal-content {
	background-color: #333449;
	border-radius: 7px;
}

.modalBox {
	text-align: center;
	padding-bottom: 10px;
}

.orangeText {
	color: #DF8B26;
	margin-bottom: 15px;
}

.blueText {
	color: #57B4E8;
}

.modalBoxLeft {
	padding-bottom: 10px;
}

.alert {
	padding: 15px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	margin: 10px 0 10px 0;
}

#requestHelpText {
	text-align: left;
	background-color: #252638;
	padding: 10px;
	border-radius: 7px;
	display: none;
}

#errorBox {
	background-color: #DF2C07;
	color: white;
	padding: 10px;
	font-weight: bold;
	border-radius: 7px;
}

#errorBox.green {
	background-color: #008000;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 0;
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 0;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
	background-color: #4C4D62;
}

/* Tap Animation*/

/* show tapping - ETH Symbol */
.tap {
	background: transparent;
	border: none;
	border-radius: 0;
	height: 30px;
	width: 30px;
	margin: -15px 0 0 -15px;
	position: absolute;
	z-index: 999;
	-webkit-animation: tap 1500ms forwards;
	animation: tap 1500ms forwards;
	-webkit-transform: scale(.2);
	transform: scale(.2);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 1;
}

.tap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0.8;
	pointer-events: none;
}

.orangeLinks a {
	color: #F49500;
}

.tap2 {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	height: 3em;
	margin: auto auto;
	margin-top: 12px;
	-webkit-transform: translatey(-50px);
	width: 3em;
	z-index: 999;
	-webkit-animation: tap 800ms;
	animation: tap 800ms;
	-webkit-transform: scale(.2);
	transform: scale(.2);
}

.tap3 {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	height: 1em;
	margin: auto auto;
	margin-top: 12px;
	-webkit-transform: translatey(-50px);
	width: 1em;
	z-index: 999;
	-webkit-animation: tap 800ms;
	animation: tap 800ms;
	-webkit-transform: scale(.2);
	transform: scale(.2);
}

@-webkit-keyframes tap {
	0% {
		-webkit-transform: scale(0.2);
		opacity: 1;
	}

	50% {
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes tap {
	0% {
		transform: scale(0.2);
		opacity: 1;
	}

	50% {
		opacity: 0.8;
	}

	100% {
		transform: scale(1);
		opacity: 0;
		visibility: hidden;
	}
}

/* End anim */

/* Premium Modal Styles */
#confirmModal .modal-content {
	background: #1a1b23;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

#confirmModal .modal-body {
	padding: 30px;
}

.modal-header-premium {
	text-align: center;
	margin-bottom: 25px;
}

.modal-header-premium h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}

.tx-summary-card {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 20px;
	margin-bottom: 20px;
}

.summary-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.summary-item:last-child {
	margin-bottom: 0;
}

.summary-label {
	color: #8e8f9c;
	font-size: 14px;
}

.summary-value {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-align: right;
}

.summary-value.amount {
	font-size: 24px;
	color: #14f195;
	font-weight: 700;
}

.summary-divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.05);
	margin: 15px 0;
}

.recipient-badge {
	display: flex;
	align-items: center;
	background: rgba(20, 241, 149, 0.1);
	padding: 8px 12px;
	border-radius: 10px;
	margin-top: 5px;
}

.recipient-icon {
	width: 24px;
	height: 24px;
	background: #14f195;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	color: #000;
	font-size: 12px;
}

.recipient-address-scroll {
	overflow-x: auto;
	white-space: nowrap;
	font-family: monospace;
	font-size: 12px;
	color: #14f195;
	max-width: 250px;
	scrollbar-width: none;
}

.recipient-address-scroll::-webkit-scrollbar {
	display: none;
}

/* Action Buttons */
.modal-actions-premium {
	display: flex;
	gap: 12px;
	margin-top: 25px;
}

.btn-premium {
	flex: 1;
	padding: 14px;
	border-radius: 12px;
	font-weight: 600;
	transition: all 0.2s ease;
	border: none;
	font-size: 16px;
}

.btn-premium-cancel {
	background: rgba(255, 255, 255, 0.05);
	color: #adb5bd;
}

.btn-premium-cancel:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.btn-premium-send {
	background: linear-gradient(135deg, #14f195 0%, #00ffa3 100%);
	color: #000;
	box-shadow: 0 4px 15px rgba(20, 241, 149, 0.3);
}

.btn-premium-send:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(20, 241, 149, 0.4);
}

.btn-premium-send:disabled {
	background: #3a3b45;
	color: #8e8f9c;
	box-shadow: none;
	transform: none;
}

/* Status Messages */
#statusArea {
	margin-top: 15px;
	min-height: 24px;
	text-align: center;
	font-size: 13px;
	transition: all 0.3s ease;
}

.status-msg {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 8px;
	animation: fadeIn 0.3s ease;
}

.status-error {
	background: rgba(255, 75, 43, 0.1);
	color: #ff4b2b;
	border: 1px solid rgba(255, 75, 43, 0.2);
}

.status-success {
	background: rgba(20, 241, 149, 0.1);
	color: #14f195;
	border: 1px solid rgba(20, 241, 149, 0.2);
}

.status-info {
	color: #8e8f9c;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Fee text */
.fee-note {
	font-size: 12px;
	color: #727594;
	text-align: center;
	margin-top: 15px;
}