.align-right {
	text-align: right;
}

@media only screen and (min-width: 0px) {

	.form {
		position: absolute;
		top:60px;
		left: 15px;
		height: auto;
		width: 100%;
		background: #FFFFFF;
		z-index: 98;
		text-align: left;
	}
	
	.form-padding {
		padding: 10px;
		width: calc(100% - 50px);
	}
	
	.close-button {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 10px;
		margin-right: 10px;
	}
	
	.close-button > img {
		width: 25px;
	}
	
	/* Error wrapper for alerting mistakes/errors */
	.success-wrapper,
	.error-wrapper {
		width: calc(100% - 20px);
		position: relative;
		margin: 10px 0;
		padding: 10px;
		border-radius: 4px;
	}	
	
	.success-text,
	.error-text {
		width: 100%;
		position: relative;
		display: block;
	}
	
	.error-wrapper {
		border: red solid 1px;
		background-color: rgba(255, 77, 77, 0.25);
	}
		
	.success-wrapper {
		border: green solid 1px;
		background-color: rgba(77, 255, 77, 0.25);
	}	
	
	.input-wrapper {
		width: 100%;
		display: block;
		position: relative;
		margin-top: 1em;
	}	
	
	.input-bar {
		display: inline-block;
	    height: 45px;
	    position: relative;
	    width: calc(100% - 20px);
	    font-size: 1em;
	    border-radius: 4px;
	    border: solid 1px #bbbbbb;
	}	
	
	.login-input {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
	}	
	
	.form-text-wrapper {
		margin-top: 1em;
	}	
	
	.form-button-wrapper {
		width: 100%;
		display: block;
		position: relative;
		margin-top: 1em;
	}
	
	.another-button {
		background-color: #4a6ca8;
	}	
	
}