/*
default theme (green):
	#2FA794
	#1CAF9A
*/

body{
    background: #1CAF9A;
	font-family: sans-serif;
	font-size: 12px;
	position: relative;
}
#container{
    width:480px;
    margin:0 auto;
    margin-top:10%;
	position: relative;
}
a {
	color: #2FA794;
}

form {
    /*width:100%;*/
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#container h1{
    /*width: 38%;*/
	text-align: center;
    margin: 0 auto;
    padding-bottom: 10px;
}

input {
	font-family: sans-serif;
}

input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

input[type=submit] {
    background-color: #2FA794;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: 1px solid transparent;
    cursor: pointer;
    width: 100%;
}
input[type=submit]:hover {
    background-color: white;
    color: #53af57;
    border: 1px solid #2FA794;
}

.tip {
	color: gray;
	font-size: .9em;
	margin-bottom: 8px;
}

.alert {
	margin-left: 0;
	margin-right: 0;
	padding: 7px 10px;
	border-radius: 3px;
}
.alert > :first-child {
	margin-top: 0px;
}
.alert > :last-child {
	margin-bottom: 0px;
}

.alert.alert-info {
	background: #9ED6E5;
	color: #3B7687;
}
.alert.alert-success {
	background: #A5EED3;
	color: #729A84;
}
.alert.alert-error {
	background: #EFA4A4;
	color: #9E4246;
}
.alert.alert-warning {
	background: #F8F7D3;
	color: #8C8C63;
}

/* responsive */
@media (max-width: 520px) {
	#container {
		width:auto;
		margin-top:5%;
	}
}