@import url('https://fonts.googleapis.com/css?family=Titillium+Web&subset=latin-ext');

html, body {
	padding: 0;
	margin: 0;
	font-family: 'Titillium Web', sans-serif;
	color: #FFF;
}

.logo{
	max-height: 80px;
	margin: 20px;
	align-self: center;
}

.sign_up_in {
	background: linear-gradient(#2C427D, #1D2B5A);
}

.sign_up_in > div {
	min-height: 100vh;
	padding: 20px 0;
}

.form_wrapper {
	background: rgba(169, 169, 169, 0.4);
	box-shadow: 8px 10px 20px 1px rgba(0, 0, 0, 0.75);
	padding: 20px 40px;
	color: #FFF;
	display: flex;
	flex-direction: column;
}

.form_wrapper a {
	color: #FFF;
}

.form_wrapper a:hover {
	text-decoration: none;
}

.amplius-form > div {
	color: #FFF;
	border-bottom: 1px solid white;
	margin: 10px 0;
}

.amplius-form label {
	margin: 0 10px !important;
}

.amplius-form input {
	background: transparent;
	outline: transparent;
	border: none;
	color: #FFF;
	padding-left: 5px;
	width: 100%;
}

.amplius-form input[type="radio"] {
	width: auto;
	margin:10px;
}

.age-group{
	border: none!important;
	margin-bottom: 0px!important;
}

.amplius-form a {
	margin-top: 40px;
	font-size: 0.9rem;
}

.submit_btn {
	display: block;
	background: rgb(55,175,225);
	color: white;
	border: none;
	margin: 10px 0;
	cursor: pointer;
	padding: 5px 0;
	transition: 0.5s ease;
	width: 100%;
}

.submit_btn:hover {
	background: rgba(55, 175, 225, 0.8);
}

.amplius-bottom {
	font-size: 0.9rem;
	margin-top: 40px;
}

.message {
	margin-top: 22px;
	margin-bottom: 20px;
}

/* White placeholder text */
::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: rgba(255, 255, 255, 0.8);
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.8);
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(255, 255, 255, 0.8);
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*Profile edit*/
.dashboard-main {
	background: linear-gradient(#2C427D, #1D2B5A);
}

.dashboard {
	padding: 20px 0;
	min-height: 100vh;
}

.dashboard > div {
	min-width: 30vw;
}

.blue-panel{
	background: rgba(3, 169, 245, 0.75);
	padding: 0;
	min-height: 30vh;
}

/*Profile details*/
.profile {
	padding: 20px;
}

@media (min-width: 992px) {
	.profile {
		padding: 40px;
	}
}

.profile a:hover {
	text-decoration: none;
}

.option {
	color: white;
	transition: 0.5s ease;
	cursor: pointer;
}

.option:hover {
	color: rgba(255, 255, 255, 0.8);
}

.profile-details {
	border-bottom: 1px solid white;
	margin: 10px 0;
	width: 100%;
}

.profile-details > p {
	margin: 0;
	padding-left: 5px;
	display: inline;
}

.profile-details > i {
	margin: 0 10px;
}

/* Edit profile */
#edit-form {
	margin-top: 30px!important;
	margin-bottom: 20px!important;
}

#edit-form > div {
	display: flex;
	color: #FFF;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid white;
	margin: 10px 0;
}

#edit-form label {
	margin: 0 10px !important;
}

.edit-input {
	background: transparent;
	outline: transparent;
	border: none;
	color: #FFF;
	padding-left: 5px;
	width: 100%;
}

.phone_input > p {
	margin: 0;
	padding-left: 5px;
}

.phone_input > input {
	margin: 0;
}

.submitChanges {
	border: none;
	outline: none;
	color: #212121;
}