/*
 * ************************************************************* *
 * Name        : Login.css                                       *
 * Theme URI   :                                                 *
 * Description : Login stylesheet.                               *
 * Version     : Version 1                                       *
 * Author      : CreativeMilk                                    *
 * Author URI  : www.creativemilk.net                            *
 * Updated     : 2014-01-06 15:31:34 UTC+02:00                   *
 * Copyright   : (c) 2012 CreativeMilk                           *
 * ************************************************************* *
 */

@import url('../fontawesome/css/font-awesome.min.css');
@import url('checkboxradio.css');
@import url('pwstrength.css');
@import url('showpassword.css');
@import url('nanogress.css');
@import url('powerwizard.css');
@import url('helpers.css');

/*
 * ===============================================================
 * BASIC CSS SELECTORS
 * ===============================================================
 */

html {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	overflow-x: hidden;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

a,
a:visited,
a:active,
a:hover,
a:focus {
	text-decoration: none;
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 20px
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

i,
a i {
	width: 14px;
	font-size: 14px;
	text-align: center;
}

i {
	cursor: default;
}

a i {
	cursor: pointer;
	text-decoration: none;
}

a:hover i {
	text-decoration: none;
}

p {
	margin: 0;
}

* {
	outline: 0 !important;
}

main {
	display: block;
}

/*
 * ===============================================================
 * CONTAINER
 * ===============================================================
 */

#container-login {
	position: relative;
	height: 100%;
	width: 300px;
	margin: 0 auto;
}

#container-loginmin {
	position: relative;
	height: 100%;
	width: 400px;
	margin: 0 auto;
}

#container-signup {
	position: relative;
	height: 100%;
	width: 440px;
	margin: 0 auto;
}

/*
 * ===============================================================
 * LOGIN
 * ===============================================================
 */

#login-header {
	float: left;
	height: 30px;
	width: 100%;
	margin: 0;
}

#login-logo {
	float: left;
	width: auto;
}

#login-header h1 {
	float: left;
	width: auto;
	margin: 0;
	line-height: 30px;
}

#login-header h4 {
	float: left;
	width: auto;
	margin: 11px 0 0 5px;
	font-size: 12px;
	font-weight: normal;
}

#login-box {
	position: relative;
}

#container-loginmin #form-login label,
#container-loginmin #form-login .btn {
	margin: 0;
}

#login-box h2 {
	margin: 0px 0 5px 0;
	line-height: 20px;
}

.login-box-inner {
	padding: 40px;
}

.login-box-inner>.alert {
	margin: 0 0 40px 0;
}

#container-loginmin .login-box-inner {
	padding: 35px 40px 40px 40px;
}

#login-footer {
	padding: 20px;
	text-align: center;
}

#login-footer small {
	display: block
}

#pwindicator {
	height: 20px;
}

.username {
	height: 30px;
	margin: 0 0 10px 0;
	line-height: 30px;
}

.green-check {
	padding: 5px 0;
	font-weight: bold;
}

.red-check {
	padding: 5px 0;
	font-weight: bold;
}

#lang {
	float: right;
	margin: 0 0 0 5px;
}

.underline {
	float: right;
	padding: 5px 0 5px;
}

.underline:focus {
	text-decoration: underline
}

.underline:hover {
	text-decoration: none;
}

#modal-tou-trigger {
	text-decoration: underline;
}

.login-avatar {
	float: left;
	height: 70px;
	width: 70px;
	margin: 0px 0 0 0;
}

.form-text {
	padding: 5px 0;
}

.login-avatar {
	height: 90px;
	width: 90px;
	margin: 0;
}

.login-avatar img {
	float: left;
	height: 100%;
	width: 100%;
}

.login-fields-wrapper {
	float: right;
	width: 100%;
}

label {
	color: #0E5936;
	font-size: 17px;
}

.powerwizard li {
	width: 33.33333333%;
}

.powerwizard-content {
	border: none !important
}

/*
 * ===============================================================
 * DEMO
 * ===============================================================
 */

#demo-overview {
	width: 310px;
	margin: 20px auto;
}