/* LOGIN */
.login {
	margin-left: auto;
	margin-right: auto;
	min-width: 300px;
	max-width: 400px;
	display: block;
	margin-top: 10%;
}

.login-container {
	padding: 10%;
	background-color: #1a1e24;
	border-radius: 10px;
}

/* TITLE */
.login-title {
	display: block;
	min-width: 300px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.login-title div{
	display: block;
	width: 18%;
	margin-left: auto;
	margin-right: auto;
}

.login-title h1 {
	color: #ecf0f1;
	font-size: 18px;
	margin: 0;
	margin-bottom: 40px;
}

/* FORMS */
.login-container form {
}

.login-container .form-group {
	margin-bottom: 0;
}

.input-group {
	display: block;
}

.login-input {
	background-color: #14171c;
	outline: none;
	border-color: transparent;
	box-shadow: none;
	height: 40px;
	line-height: 40px;
}

.login-username {
	border-radius: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.login-password {
	border-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top: 1px;
}

.login-input:focus {
	outline: none;
}

.login-remember {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	height: 48px;
	line-height: 48px;
	font-size: 12px;
}

.login-remember p {
	margin: 0;
	text-indent: 10px;
}

.login-remember p a {
	color: #ecf0f1;
}
.login-or {
	margin-top: 20px;
	margin-bottom: 35px;
}

.login-or .separator {
	border-bottom: solid 1px #14171c;
	margin-bottom: 10px;
}

.login-or p {
	margin-bottom: -15px;
	margin-left: auto;
	margin-right: auto;
	width: 35px;
	display: block;
	background-color: #14171c;
	border-radius: 1000px;
	font-size: 10px;
	line-height: 12px;
	padding: 10px;
	color: #ecf0f1;
}


/* BUTTON */

.btn-login {
	padding: 10px 20px!important; 
	font-family: 'Open Sans', Serif;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
    width: 100%;
	background-color: #689823;
	border: 0;
	margin-top: 30px !important;
	
}

.btn-login:hover {
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	text-decoration: none;
	color: #fff;
	background-color: #689823;
}

.btn-login:active {
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.75);
	background-color: #689823 !important;
}

.btn-login:focus {
	background-color: #689823 !important;
	color: #fff;
}

.btn-forum {
	padding: 10px 20px!important; 
	font-family: 'Open Sans', Serif;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
    width: 100%;
	background-color: #689823;
	border: 0;
}

.btn-forum:hover {
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	text-decoration: none;
	color: #fff;
	background-color: #689823;
}

.btn-forum:active {
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.75);
	background-color: #689823 !important;
}

.btn-forum:focus {
	background-color: #689823 !important;
	color: #fff;
}

.btn-forum:visited {
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
	background-color: #14171c;
}
