* {
	/* box-sizing: border-box; */
	/* margin: 0; */
	/* padding: 0; */
	/* font-weight: 300; */
}

body {
	color: #ffffff;
}

.wrapper {
	background: #303641;
	/* background: -webkit-linear-gradient(top left, #aaa 0%, #303641 100%); */
	/* background: linear-gradient(to bottom right, #aaa 0%, #303641 100%); */
	color: #333333;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
}

.wrapper.form-success .container h1 {
	-webkit-transform: translateY(85px);
	transform: translateY(85px);
}
/* .wrapper.form-success .container .main-logo {
	-webkit-transform: translateY(85px);
	transform: translateY(85px);
} */

.container {
	max-width: 460px;
	margin: 0 auto;
	text-align: initial;
	padding-top: 10% !important;
}

.container-50 {
	max-width: 50%;
}

.container > h1 {
	cursor: default;
	font-size: 48px;
	font-weight: 200;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: ease-in-put;
	transition-timing-function: ease-in-put;
}

.container > .main-logo {
	margin-top: 10px;
	margin-bottom: 10px;
	/* -webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: ease-in-put;
	transition-timing-function: ease-in-put; */
}

.container > .main-logo > img {
	max-height: 40px;
}

.container > .container-foot {
}

.agreement {
	background-color: #ffffff;
	color: #333333;
	font-size: 12px;
	min-height: 260px;
	max-height: 260px;
	overflow: auto;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

form {
	padding: 20px 0;
	position: relative;
	z-index: 2;
}

form input[type="text"],
form input[type="datetime"],
form input[type="password"],
form input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f3f2f2;
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: #333333;
	display: block;
	margin: 0 auto 10px auto;
	padding: 7px;
	text-align: center;
	/* width: 100%; */
	/* -webkit-transition-duration: 0.25s; */
	/* transition-duration: 0.25s; */
}
form input[type="text"].form-control-sm,
form input[type="datetime"].form-control-sm,
form input[type="password"].form-control-sm {
	padding: 4px;
}
form input[type="password"] {
	margin: 0 auto 2px auto;
}

form select {
	background-color: #f3f2f2;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 0 !important;
	color: #333333;
	display: block;
	margin: 0 auto 5px auto;
	text-align: center;
	text-align-last: center;
	width: 100%;
}

form select.inline-transparent {
	background-color: #303641 !important;
	border: 0px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
	color: #fefefe;
}
form select.inline-transparent:focus {
	color: #fefefe;
}

/*form .btn.btn-light {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #303641;
	border: 1px solid #fefefe;
	border-radius: 0 !important;
	color: #fefefe;
	margin-top: 5px;
	outline: 0;
	padding: 9px;
}

form .btn.btn-light:hover {
	background-color: #eeeeee;
	color: #333333;
}*/

.bg-bubbles {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*
        width: 100%;
        height: 100%;
        z-index: 1;
    */
}

	.bg-bubbles li {
		background-color: rgba(255, 255, 255, 0.15);
		bottom: -160px;
		display: block;
		list-style: none;
		position: absolute;
		width: 40px;
		height: 40px;
		-webkit-animation: square 25s infinite;
		animation: square 25s infinite;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
	}

		.bg-bubbles li:nth-child(1) {
			left: 10%;
		}

		.bg-bubbles li:nth-child(2) {
			left: 20%;
			width: 80px;
			height: 80px;
			-webkit-animation-delay: 2s;
			animation-delay: 2s;
			-webkit-animation-duration: 17s;
			animation-duration: 17s;
		}

		.bg-bubbles li:nth-child(3) {
			left: 25%;
			-webkit-animation-delay: 4s;
			animation-delay: 4s;
		}

		.bg-bubbles li:nth-child(4) {
			background-color: rgba(255, 255, 255, 0.25);
			left: 40%;
			width: 60px;
			height: 60px;
			-webkit-animation-duration: 22s;
			animation-duration: 22s;
		}

		.bg-bubbles li:nth-child(5) {
			left: 70%;
		}

		.bg-bubbles li:nth-child(6) {
			background-color: rgba(255, 255, 255, 0.2);
			left: 80%;
			width: 120px;
			height: 120px;
			-webkit-animation-delay: 3s;
			animation-delay: 3s;
		}

		.bg-bubbles li:nth-child(7) {
			left: 32%;
			width: 160px;
			height: 160px;
			-webkit-animation-delay: 7s;
			animation-delay: 7s;
		}

		.bg-bubbles li:nth-child(8) {
			left: 55%;
			width: 20px;
			height: 20px;
			-webkit-animation-delay: 15s;
			animation-delay: 15s;
			-webkit-animation-duration: 40s;
			animation-duration: 40s;
		}

		.bg-bubbles li:nth-child(9) {
			background-color: rgba(255, 255, 255, 0.3);
			left: 25%;
			width: 10px;
			height: 10px;
			-webkit-animation-delay: 2s;
			animation-delay: 2s;
			-webkit-animation-duration: 40s;
			animation-duration: 40s;
		}

		.bg-bubbles li:nth-child(10) {
			left: 90%;
			width: 160px;
			height: 160px;
			-webkit-animation-delay: 11s;
			animation-delay: 11s;
		}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

.alert {
	background-color: transparent;
	border: 1px solid #fefefe;
	color: #fefefe;
}
.alert > button {
	color: #fefefe;
}

.group-icon .form-control {
	padding-left: 10px;
}
.group-icon .form-control-feedback {
	color: #303641;
	display: block;
	line-height: 34px;
	position: absolute;
	text-align: center;
	width: 38px;
	height: 34px;
	z-index: 3;
}

.nav-pills {
	/* background-color: transparent; */
	/* border: none; */
	/* margin-top: -30px; */
}
.nav-pills > li {
	/* display: inline-block; */
	/* float: none; */
}
.nav-pills > li > a,
.nav-pills > li > a:active,
.nav-pills > li > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:visited {
	/* background-color: transparent !important; */
	color: #ffffff;
}

.tab-content {
	background-color: transparent;
}

.validation-summary-errors > ul {
	list-style-type: none;
}

.dropdown-toggle.dropdown-toggle-without-caret:after {
	display: none;
}

input::placeholder{
	font-size: 13px;
}