/*!
 * Remark (http://getbootstrapadmin.com/remark)
 * Copyright 2016 amazingsurge
 * Licensed under the Themeforest Standard Licenses
 */

.page-login-v2 {
	height: 100%
}


.page-login-v2:before {
  background-image: url(../img/login_bg.jpg)
}
.page-login-v2.page-dark.layout-full:after {
	background-color: rgba(33,33,33,.6)
}

.page-login-v2 .page-brand-info {
	margin: 10px 100px 0px 470px;
}
.page-login-v2 .page-brand-info .brand-img {
	vertical-align: middle
}
.page-login-v2 .page-brand-info .brand-text {
	display: inline-block;
	vertical-align: middle;
	margin: 11px 0 11px 20px
}
.page-login-v2 .page-brand-info p {
	opacity: .6;
	max-width: 650px
}
.page-login-v2 .page-login-main {
	position: absolute;
	vertical-align:central;
	left: 0;
	top: 0;
	height: auto;
	min-height: 100%;
	padding: 50px 100px 120px;
	color: #757575;
	background: #fff;
	width: 600px;
}
.page-login-v2 .page-login-main .brand {
	margin-bottom: 60px
}
.page-login-v2 .page-login-main .brand-img {
	vertical-align: middle
}
.page-login-v2 .page-login-main .brand-text {
	display: inline-block;
	vertical-align: middle;
	margin: 11px 0 11px 20px;
	color: #3f51b5
}
.page-login-v2 form {
	width: 350px;
	margin: 45px 0 20px
}
.page-login-v2 form>button {
	margin-top: 10px
}
.page-login-v2 form a {
	margin-left: 20px
}
.page-login-v2 footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 50px 60px;
	text-align: center
}
.page-login-v2 .social .icon, .page-login-v2 .social .icon:active, .page-login-v2 .social .icon:hover {
	color: #fff
}

.page-login-v2 form {
	width: auto
}

.btn-success.focus, .btn-success:focus, .btn-success:hover {
    background-color: #000033;
    border-color: #000033;
}
.btn-success:hover {
    color: #fff;
    background-color: #000033;
    border-color: #000033;
}
@media (min-width:768px) and (max-width:991px) {

.page-login-v2 .page-brand-info {
	margin: 10px 100px 0px 470px;
	width:300px
}
}
/*@media (min-width:992px) {
.page-login-v2 .page-content {
	padding-right: 500px
}
}
@media (max-width:768px) {
.page-login-v2 .page-login-main {
	padding-top: 60px
}
}

@media (max-width:767px) {
.page-login-v2 .page-login-main {
	padding-top: 60px;
	width: 100%
}
.page-login-v2 form {
	width: auto
}
}
@media (max-width:480px) {
.page-login-v2 .page-brand-info {
	margin: 220px 0 0 470px;
	float:left;
	
}
.page-login-v2 .page-login-main {
	padding: 50px 30px 180px
}
.page-login-v2 form {
	width: auto
}
.page-login-v2 footer {
	margin: 50px 30px
}
}*/