.trc-login-container{
	width: 430px;
	height: auto;
	margin: 25px auto;
    position: relative;
    padding-bottom: 25px;
	border-radius: 40px;
	background: #ecf0f3;
	box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #ffffff;
}

.admin-login-form{
	width: 90%;
	margin: 25px auto;
}

.trc-fields{ /* Follows the width set by the form */
	width: 100%;	
}

.title-logo-container{
	width: 250px;
	height: auto;
	margin: 0 auto;
	padding-top: 25px;
}

.round-logo-container{
	width: 100px;
	height: 100px;
	margin-left: 71px;
	border-radius: 50%;
	box-shadow: 0px 0px 2px #5f5f5f, 0px 0px 5px #ecf0f3, 8px 8px 15px #a7aaaf, -8px -8px 15px #ffffff;	
}

.title{
	text-align: center;
	font-size: 28px;
	letter-spacing: 0.5px;
	color: #555;
}



.trc-fields input{
	border:none;
	outline: none;
	background: transparent;
	font-size: 18px;
	color: #555;
	padding: 20px 10px 20px 5px;
	width: 75%;
}

.username, .password{
	margin-bottom: 30px;
	border-radius: 25px;
	box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #ffffff;	
}

.trc-fields svg{
	height: 22px;
	margin: 0 10px -3px 25px;
}

.sign-in-button{
	outline: none;
	border: none;
	cursor: pointer;
	width: 100%;
	height: 60px;
	margin-bottom: 25px;
	border-radius: 30px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-color: #24cfaa;
	box-shadow: 3px 3px 8px #b1b1b1, -3px -3px 8px #ffffff;	
}

.reg-login-error-messager{
	padding: 15px;
	text-align: center;
	color: red;
}

.account-checker-container{
	text-align: center;
}

.account-checker-container p{
	display: inline;
}

#create-account-p,
#login-asker-p,
#reset-password-p,
#admin-create-account-p,
#admin-reset-password-p,
#admin-login-asker-p
{
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
}
@media (max-width: 600px) {
	.trc-login-container{
		width: 95%;
	}
}