.deposit {

	background: #fff;
	text-align: center;

	::-webkit-input-placeholder {
		color: #444444;
	}
	::-moz-placeholder {
		color: #444444;
	}
	/* Firefox 19+ */
	:-moz-placeholder {
		color: #444444;
	}
	/* Firefox 18- */
	:-ms-input-placeholder {
		color: #444444;
	}

	.container {
		height: calc(~"100vh - 92px");
	}

	input.deposit {
		width: 90%;
		background: #ccc;
		background: -moz-linear-gradient(top, #D7FFD7 0%, #fff 98%);
		background: -webkit-linear-gradient(top, #D7FFD7 0%, #fff 98%);
		background: linear-gradient(to bottom, #D7FFD7 0%, #fff 98%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7FFD7', endColorstr='#fff', GradientType=0);
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		padding: 15px 2%;
		border: 1px solid #f0f0f0;
		text-align: center;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-bottom: 40px;
	}

	input.withdraw {
		width: 90%;
		background: #ccc;
		background: -moz-linear-gradient(top, #ddd 0%, #eee 98%);
		background: -webkit-linear-gradient(top, #ddd 0%, #eee 98%);
		background: linear-gradient(to bottom, #ddd 0%, #eee 98%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee', GradientType=0);
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		padding: 15px 2%;
		border: 1px solid #f0f0f0;
		text-align: center;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.btn {
		width: 84%;
		text-align: center;
		padding: 10px 5%;
	}

	h2 {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		margin: 17px 0 33px 0;
	}

	.content {
		padding: 10px;
	}

	.header {
		color: #fff;
		text-align: center;
		font-style: italic;
		display: block;
		margin: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,262626+50,000000+100 */
		background: rgb(0, 0, 0); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(38, 38, 38, 1) 50%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(38, 38, 38, 1) 50%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(38, 38, 38, 1) 50%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1); /* IE6-9 */
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;

		b {
			color: #89c331;
			font-weight: 100;
		}
		.link {
			padding-left: 15px;
		}
		a {
			color: #fff;
			text-decoration: none;
			display: block;
			position: relative;

			.icon {
				content: '';
				background: #FFFFFF url(/images/icons.png) 0px -364px no-repeat;
				height: 45px;
				width: 45px;
				position: absolute;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				right: 15px;
				zoom: 0.5;
				top: -10px;
			}
		}
	}

	.header.bonus {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d4a00+0,88c231+50,2d4a00+100 */
		background: rgb(45, 74, 0); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(45, 74, 0, 1) 0%, rgba(136, 194, 49, 1) 50%, rgba(45, 74, 0, 1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(45, 74, 0, 1) 0%, rgba(136, 194, 49, 1) 50%, rgba(45, 74, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(45, 74, 0, 1) 0%, rgba(136, 194, 49, 1) 50%, rgba(45, 74, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d4a00', endColorstr='#2d4a00', GradientType=1); /* IE6-9 */
		padding: 15px 0;
		text-align: left;
		padding-bottom: 0;
	}

	.bonuses {
		background: #284003;
		border: 1px solid #66961F;
		padding: 2px 0 0px;
		margin-top: 10px;
		font-style: normal;
		text-align: center;

		h2 {
			font-size: 14px;
			color: #fff;
			font-weight: 300;
			margin: 10px;
		}

		.bonus {
			background: #fff;
			padding: 7px 6px;
			margin: 0px 7px;
			text-align: left;
			color: #000;
			font-size: 14px;
			line-height: 16px;
			font-weight: 600;
			text-transform: uppercase;
			position: relative;
			min-height: 33px;
			margin-bottom: 5px;

			.title {
				width: 70%;
			}

			.check {
				width: 59px;
				background: url(/images/icons.png) 5px -1046px #d8d8d8;
				height: 50px;
				background-size: 200px;
				display: block;
				float: right;
				position: absolute;
				top: 9px;
				right: 9px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				zoom: 0.7;

				&:focus, &:hover {
					background: url(/images/icons.png) -45px -1046px #ffc000;
					background-size: 200px;
				}
			}
		}

		form {
			padding: 0px 10px 0px 10px;
			margin: 0px;

			div {
				float: left;
				display: inline-block;
			}

			.gift {
				background: url(/images/icons.png) -6px -1888px #8be109;
				width: 12%;
				height: 33px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}

			.btn {
				padding: 8px 10px;
				text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.62);
			}

			.input {
				width: 64%;
			}
		}

	}

	.bonuses.collapse {
		opacity: 0;
	}

	.bonuses.collapse.in {
		opacity: 1;
	}

	//.table {
	//	font-size: 14px;
	//
	//	.row {
	//		&:nth-child(even) {
	//			background: #f1f1f1;
	//			border-top: 1px solid #ccc;
	//			border-bottom: 1px solid #ccc;
	//		}
	//
	//		div span {
	//			padding: 10px 0;
	//			display: block;
	//		}
	//	}
	//
	//}

	.qr {
		width: 50%;
		margin: 0px auto;
		background: #89C331;
		padding: 10px;

		img {
			width: 100%;
		}
	}

	#navTabs {
		li {
			width: 33%;
			display: inline-table;
		}
	}
	
	form {

		text-align: left;
		margin-left: 10px;

		span {
			font-family: 'Roboto';
			font-size: 12px;
			margin-bottom: 4px;
			font-weight: 500;
			display: block;
		}

		input[type="text"], input[type="number"] {
			border: solid 1px #ccc;
			width: 90%;
			padding: 15px 3%;
			margin-bottom: 15px;
			font-weight: 500;
			background: #efefef;
		}

		input[type="submit"] {
			background: green;
			border: solid 1px darkgreen;
			color: #FFF;
			font-family: 'Roboto Condensed';
			margin-bottom: 20px;
			text-shadow: none;
			padding: 15px;
			font-weight: 500;
		}
	}

	table {
		width: 95%;
		border: solid 1px #555;
		-moz-box-shadow:    3px 3px 5px 6px #ccc;
		-webkit-box-shadow: 3px 3px 5px 6px #ccc;
		box-shadow:         3px 3px 5px 6px #ccc;
		margin: 20px auto;
		border-spacing: 0;
		font-family: "Roboto Condensed";
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		tr:last-child td {
			border-bottom: 0;
		}

		tr:nth-child(odd) {
			background-color: #ddd;
		}

		th, td {
			padding: 8px;
			border-right: solid 1px #555;
			font-weight: 600;
			&:last-child {
				border-right: none;
			}

		}

		th {
			border-bottom: solid 1px #555;
			background: #777;
			color: #FFF;
			font-size: 12px;
		}

		td {
			border-bottom: solid 1px #555;
		}
	}

	.alert {

		text-align: center;
		border: solid 1px;
		padding: 20px;
		margin-bottom: 20px;
		width: 83vw;
		font-size: 12px;
		font-weight: 600;
		font-family: 'Roboto';

		&.alert-success {
			background: #E0F5E0;
			border-color: green;
		}

		&.alert-error {
			background: rgba(243, 184, 184, 0.4);
			border-color: indianred;
		}

	}

	.trans-deposit {
		color: green;
	}

	.trans-withdraw {
		color: red;
	}

	.wd-disabled {
		pointer-events: none;
		opacity: 0.5;
	}

}