#panel-login .login-page {
	margin-top:8%;
	padding:0!important;
	min-width:320px!important;
}

.login-page #panel-login *::selection {
	background-color:#fff!important;
	color:#731a8a;
}
.login-page #panel-login *::-moz-selection {
	background-color:#fff!important;
	color:#731a8a;
}

#panel-login .login-wrapper {
	margin:0 auto;
	padding:0!important;
	max-width:480px;
}

#panel-login .box-login {
	max-width: 480px;
	margin:0 auto;
	background-color:#731a8a;
}

.login-page::before, #panel-login .error-page::before, .login-page #panel-login #main-content {
	background-color:#ededed!important;
}

#panel-login #form-login, #panel-login #form-forgot {
 	background-color:#731a8a;
	width:320px;
}

#panel-login #form-login input:not(.token-input), #panel-login #form-forgot input {
	border-radius:10px;
	padding-left:33px!important;
	font-size:14px;
}

#panel-login .token-input {
	border-radius:10px;
	width: 30px;
	float:left;
	margin-right: 5px;
	height:40px!important;
}

#panel-login #form-login .input-icon i, #panel-login #form-forgot .input-icon i {
	color: #731a8a;
	margin-top:18px;
}

.login-page #panel-login form button:not(.out-tema), .login-page #panel-login #form-login button:not(.out-tema) {
	margin-top:0!important;
	background-color:transparent!important;
	border:2px solid #fff;
	border-radius:10px!important;
	text-transform: uppercase;
	color: #fff;
}


#panel-login .footer-form a {
	color:#fff!important;
	text-transform:uppercase;
	font-size:0.85em;
}

.login-page #panel-login form button:hover, .login-page form button:active, .login-page form button:visited, .login-page form button:focus,
.login-page #panel-login #form-login button:hover, .login-page #form-login button:active, .login-page #form-login button:visited, .login-page #form-login button:focus {
	color:#731a8a!important;
	background-color:#fff!important;
}

#panel-login .bg-logo {
	background-color:#fff!important;
	max-width:480px;
	margin:0 auto;
	display:block;
	padding:12px;
}

#panel-login .logo {
	margin:0!important;
}

.login-page #panel-login label.error {
	color:#fff;
}

.skin-algar .box-login  {  background-color:#005780!important }
.skin-algar  #form-login { background-color:#005780!important }
.skin-algar #form-forgot{ background-color: #005780!important; }
.skin-algar #form-login .input-icon i, .skin-algar #form-forgot .input-icon i {
	color: #005780!important;
}
.skin-algar.login-page #form-login .input-icon i, .skin-algar.login-page #form-forgot .input-icon i, .skin-algar.login-page #form-login button:hover, .skin-algar.login-page #form-login button:active, .skin-algar.login-page #form-login button:visited, .skin-algar.login-page #form-login button:focus, .skin-algar.login-page #form-forgot button:hover, .skin-algar.login-page #form-forgot button:active, .skin-algar.login-page #form-forgot button:visited, .skin-algar.login-page #form-forgot button:focus {color:#005780!important}

/** LOGIN - TEMAS PADRAO **/
.skin-blue .box-login {  background-color: #58b1fc!important; }
.skin-blue  #form-login { background-color: #58b1fc!important; }
.skin-blue #form-forgot{ background-color: #58b1fc!important; }
.skin-blue #form-login .input-icon i, .skin-blue #form-forgot .input-icon i {
	color: #58b1fc!important;
}

.skin-red .box-login, .skin-red #form-login, .skin-red #form-forgot { background-color:#f7a1a1!important; }
.skin-red #form-login .input-icon i, .skin-red #form-forgot .input-icon i { color: #f7a1a1!important; }

.skin-green .box-login, .skin-green #form-login, .skin-green #form-forgot { background-color:#ade8a1!important; }
.skin-green #form-login .input-icon i, .skin-green #form-forgot .input-icon i { color: #ade8a1!important; }

.skin-orange .box-login, .skin-orange #form-login, .skin-orange #form-forgot { background-color:#f8cd92!important; }
.skin-orange #form-login .input-icon i, .skin-orange #form-forgot .input-icon i { color: #f8cd92!important; }

.skin-yellow .box-login, .skin-yellow #form-login, .skin-yellow #form-forgot { background-color:#f4f190!important; }
.skin-yellow #form-login .input-icon i, .skin-yellow #form-forgot .input-icon i { color: #f4f190!important; }

.skin-pink .box-login, .skin-pink #form-login, .skin-pink #form-forgot { background-color:#f49ed8!important; }
.skin-pink #form-login .input-icon i, .skin-pink #form-forgot .input-icon i { color: #f49ed8!important; }

.skin-gray .box-login, .skin-gray #form-login, .skin-gray #form-forgot { background-color:#aaa!important; }
.skin-gray #form-login .input-icon i, .skin-gray #form-forgot .input-icon i { color: #aaa!important; }

.skin-black .box-login, .skin-black #form-login, .skin-black #form-forgot { background-color:#555!important; }
.skin-black #form-login .input-icon i, .skin-black #form-forgot .input-icon i { color: #555!important; }