html {height:100%;}

#bx-panel-error { padding: 10px !important;  background:scroll #FFEB8D repeat-x 0 -868px !important; color: #000 !important;}

body {background:url("images/submenu-bg.png") repeat 0 0;
	height:100%;
	margin:0;
	padding:0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.login-main-wrapper input[type="password"] {font-size:26px;}
.login-main-popup-wrap input[type="password"] {padding-right:85px;}
.bx-chrome .login-main-wrapper input[type="password"]{font-size:42px;}
.bx-ie .login-main-wrapper input[type="password"]{padding-top:8px;}

.login-page-bg {
	background: url("images/login-bg.jpg") repeat;
	background:-webkit-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%),
		-webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)),
	url("images/login-bg.jpg") repeat #48505b;
	background:-moz-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%),
	-moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)),
	url("images/login-bg.jpg") repeat #48505b;
	background:-o-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%),
	-o-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)),
	url("images/login-bg.jpg") repeat #48505b;
	background:-ms-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%),
	-ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)),
	url("images/login-bg.jpg") repeat #48505b;
	background: radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%),
	linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)),
	url("images/login-bg.jpg") repeat #48505b;
	overflow:hidden;
	min-height:670px;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.login-header {
	background-color:#58606d;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,.15), rgba(0,0,0,.15));
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.15), rgba(0,0,0,.15));
	background-image:-o-linear-gradient(top, rgba(255,255,255,.15), rgba(0,0,0,.15));
	background-image:-ms-linear-gradient(top, rgba(255,255,255,.15), rgba(0,0,0,.15));
	background-image:linear-gradient(top, rgba(255,255,255,.15), rgba(0,0,0,.15));
	-webkit-box-shadow:0 1px 0 #848a94 inset, 0 1px 4px 1px rgba(0,0,0,0.26);
	box-shadow:0 1px 0 #848a94 inset, 0 2px 3px 0 rgba(0,0,0,0.32);
	height:50px;
	top:-50px;
	left:0;
	position:absolute;
	width:100%;
	z-index:2;
}

.bx-ie .login-header {
	background:url("images/bx-admin-sprite-small.png") repeat-x 0 -3734px;
	box-shadow:none;
	top:0;
	height:56px;
}

.login-logo {
	color:#e2eaeb;
	display:block;
	font-size:13px;
	font-weight:bold;
	float:left;
	height:36px;
	text-decoration:none;
	padding:13px 0 0 20px;
	white-space:nowrap;
}

.login-logo:hover {text-decoration:none;}

.login-logo-img {
	background:url("images/bx-admin-sprite.png") no-repeat 0 -515px;
	display:inline-block;
	height:23px;
	margin-right:12px;
	vertical-align:middle;
	width:21px;
}

.login-logo-text {
	display:inline-block;
	margin-top:2px;
	text-decoration:none;
	vertical-align:middle;
}

.login-language-btn-wrap
{
	margin:0 23px 0 0;
	height:33px;
	width:50px;
	float:right;
}

.login-language-btn {
	padding:17px 13px 0 0;
	margin:0 23px 0 0;
	color:#dbe5e7;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	float:right;
	text-align:right;
	position:relative;

}

.login-language-btn:after {
	background:url("images/bx-admin-sprite-small.png") no-repeat 0 -3313px;
	content:"";
	right:0;
	top:24px;
	height:3px;
	position:absolute;
	width:5px;
}

.login-language-btn-active,
.login-language-btn:hover
{color:#fff;}

.login-language-btn-active:after,
.login-language-btn:hover:after
{background-position:-11px -3313px;}

.login-header-footer-wrap {
	left:0;
	top:0;
	min-height:670px;
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%;
}

/****** footer *****/
.login-footer {
	background:url("images/bx-admin-sprite-big.png") no-repeat -100px;
	bottom:-50px;
	color:#949ca8;
	font-size:13px;
	height:41px;
	left:0;
	padding-top:9px;
	position:absolute;
	width:100%;
	z-index:2;
}

.bx-ie .login-footer {bottom:0;}

.login-footer a {color:#949ca8; text-decoration:none;}

.login-footer-left {
	float:left;
	padding:0 0 25px 26px;
}

.login-footer-link {
	background:url("images/bx-admin-sprite-small.png") no-repeat 0 -1652px;
	float:right;
	padding:0 26px 0 22px;
}

.login-footer-link:hover {text-decoration:underline;}


.login-main-wrapper {height:100%; min-height:670px; width:100%; position:relative;}
.login-popup-alignment { display:table; height:100%; width:100%; position:relative; z-index:1;}
.login-popup-alignment-2 {display:table-cell; text-align:center; vertical-align:middle;}

/************ login form ***************/

.bx-admin-auth-form {
	height: 100%;
}

/********* login popup *********************/

.login-popup-wrap {
	background-color:rgba(110, 117, 128, 0.52);
	background:-webkit-linear-gradient(top, rgba(124,134,150,0.52), rgba(42,45,51,0.52));
	background:-moz-linear-gradient(top, rgba(124,134,150,0.52), rgba(42,45,51,0.52));
	background:-o-linear-gradient(top, rgba(124,134,150,0.52), rgba(42,45,51,0.52));
	background:-ms-linear-gradient(top, rgba(124,134,150,0.52), rgba(42,45,51,0.52));
	background:linear-gradient(top, rgba(124,134,150,0.52), rgba(42,45,51,0.52));
	border-radius:27px;
	-webkit-box-shadow: 0 25px 53px 9px rgba(0,0,0,.77);
	box-shadow: 0 25px 53px 9px rgba(0,0,0,.77), inset 0 -1px 0 0 #2d3238;
	padding:10px;
	text-align:left;

	display:inline-block;
	vertical-align:middle;
}


.login-popup {
	background-color:#dde7e9;
	border-radius:17px;
	padding:22px 33px 24px;
	position:relative;
	width:400px;
}


.login-popup-title {
	color:#24272b;
	font-size:39px;
}
.login-popup-title-description {
	color:#515863;
	font-size:18px;
	text-shadow:0 1px rgba(255,255,255, 0.5);
	padding:3px 0 10px;
}


/********************** login popup interrnals *******************/

.login-popup-field {position:relative;}

.login-popup-field-title {
	color:#333;
	font-size:18px;
	font-weight:bold;
	padding:15px 0 7px;
}


.login-popup-link {
	color:#1c53a2;
	display:inline-block;
	font-size:18px;
	text-decoration:none;
}
.login-popup-link:hover {text-decoration:underline;}

.login-popup-forget-pas {
	margin-top:32px;
}

.login-popup-return-auth
{
	float: left;
	margin-top:23px;
}

/*************** captcha ***********/
.login-captcha-field {
	-webkit-transition:height 0.3s ease-in;
	-moz-transition:height 0.3s ease-in;
	-ms-transition:height 0.3s ease-in;
	-o-transition:height 0.3s ease-in;
	transition:height 0.3s ease-in;
	height:0;
	overflow:hidden;
}

.login-captcha-popup-wrap .login-captcha-field {height:101px;}

.login-captcha-field .login-popup-field-title {text-align:right;}

.login-captcha-field .login-input {
	width:205px;
}

.login-captcha-field .login-input-wrap:after {
	background-color: #ADAFB2;
	content: "";
	height: 100%;
	left: 184px;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: 2;
}

.login-captcha-wrap {
	display:inline-block;
	height:38px;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	width:178px;
}

.login-captcha-wrap img {margin-top:-1px; margin-left:-1px}

/************* checkbox block **************/

.login-popup-checbox-block {padding-top:17px;}

.login-popup-checbox-block .adm-designed-checkbox-label {
	background:url("images/bx-admin-sprite-small.png") no-repeat 0 -983px;
	border:1px solid transparent;
	border-radius:2px;
	box-shadow:0 0 0 2px rgba(140,173,201, 0);
	cursor: pointer;
	display: inline-block;
	height: 15px;
	margin:1px 5px 0 3px;
	vertical-align:top;
	position:relative;
	width:15px;

	-moz-transition:border-color 0.15s ease-in, box-shadow 0.15s ease-in;
	-webkit-transition:border-color 0.15s ease-in, box-shadow 0.15s ease-in;
	-o-transition:border-color 0.15s ease-in, box-shadow 0.15s ease-in;
	-ms-transition:border-color 0.15s ease-in, box-shadow 0.15s ease-in;
	transition:border-color 0.15s ease-in, box-shadow 0.15s ease-in;
}

.login-popup-checbox-block .adm-designed-checkbox-label.login-popup-checkbox-label-active {
	border-color:#fff;
	box-shadow:0 0 0 2px rgba(140,173,201, 1);
}

.bx-ie8 .adm-designed-checkbox-label.login-popup-checkbox-label-active {
	border-color:#8cadc9;
}

.bx-ie8 #bx-admin-prefix .login-popup-checbox-block .adm-designed-checkbox
{
	display: inline-block !important;
	position: static !important;
}

.bx-ie8 #bx-admin-prefix .login-popup-checbox-block .adm-designed-checkbox-label
{
	display: none !important;
}

#bx-admin-prefix .login-popup-checbox-block .adm-designed-checkbox {
	opacity: 0 !important;
	position: absolute !important;
}

#bx-admin-prefix .login-popup-checbox-block .adm-designed-checkbox:checked + .adm-designed-checkbox-label {background-position:0 -1006px;}
#bx-admin-prefix .login-popup-checbox-block .adm-designed-checkbox:disabled + .adm-designed-checkbox-label {background-position:0 -1350px;}
#bx-admin-prefix .login-popup-checbox-block .adm-designed-checkbox:disabled:checked + .adm-designed-checkbox-label {background-position:0 -3459px;}

.login-popup-checkbox-label {
	display:inline-block;
	color:#333;
	font-size:14px;
	vertical-align:top;
	margin-top: 2px;
}

/************************** text inputs ***************************/

.login-input-wrap {
	background-color:#fff;
	border:1px solid;
	border-color:#87909c #939ca7 #9fa8b2;
	-webkit-box-shadow:inset 0 1px 0 #cbd3d7, inset 0 2px 3px -1px rgba(159,174,182,0.6), inset 0 3px 5px -1px rgba(159,174,182,0.5), 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #cbd3d7, inset 0 2px 3px -1px rgba(159,174,182,0.6), inset 0 3px 5px -1px rgba(159,174,182,0.5), 0 1px 0 #fff;
	border-radius:9px;
	padding:7px;
	position:relative;
	width:384px;
}

.login-inp-border {
	border:2px solid transparent;
	border-radius:9px;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
	-webkit-transition:border-color 0.15s ease-in;
	-moz-transition:border-color 0.15s ease-in;
	transition:border-color 0.15s ease-in;
	position:absolute;
	z-index:0;
}

.login-input-active .login-inp-border {border-color:#8cadc9;}

.login-input {
	color:#555;
	border:none;
	background:transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-shadow:none;
	box-shadow:none;
	font-size:22px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	height:41px;
	margin:0;
	outline:none;
	padding:0 7px;
	position:relative;
	width:100%;
	z-index:1;
}

.bx-ie8 .login-input { line-height: 41px; }
.bx-ie8 .login-input[type="password"] { line-height: normal; }

.login-input:-webkit-autofill {background-color:transparent}

/************ info message **************/
.adm-info-message-wrap{
	overflow:hidden;
}

.adm-info-message-animate {
	-webkit-transition:height 0.3s ease-in, opacity 0.3s ease-in;
	-moz-transition:height 0.3s ease-in, opacity 0.3s ease-in;
	-o-transition:height 0.3s ease-in, opacity 0.3s ease-in;
	transition:height 0.3s ease-in, opacity 0.3s ease-in;
}

.adm-info-message {
	background-color:#e6e5be;
	background-image:-webkit-linear-gradient(top, rgba(244,233,141,.3), rgba(232,209,62,.3), rgba(225,194,40,.3));
	background-image:-moz-linear-gradient(top, rgba(244,233,141,.3), rgba(232,209,62,.3), rgba(225,194,40,.3));
	background-image:-ms-linear-gradient(top, rgba(244,233,141,.3), rgba(232,209,62,.3), rgba(225,194,40,.3));
	background-image:-o-linear-gradient(top, rgba(244,233,141,.3), rgba(232,209,62,.3), rgba(225,194,40,.3));
	background-image:linear-gradient(top, rgba(244,233,141,.3), rgba(232,209,62,.3), rgba(225,194,40,.3));
	border-radius:5px;
	border:1px solid;
	border-color:#d3c6a3 #cabc90 #c1b37f #c9bc8f;
	-webkit-box-shadow:inset 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff;
	color:#716536;
	display:inline-block;
	margin:16px 0;
	font-size:13px;
	line-height:18px;
	text-shadow:0 1px 0 rgba(255,255,255, 0.7);
	padding:15px 30px 19px 18px;
	position:relative;
}

.bx-ie8 .adm-info-message,
.bx-ie9 .adm-info-message {background-color:#e3e3b5;}

.adm-info-message-title {
	color:#000;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px #fff;
}

.adm-info-message-close {
	background:url("images/bx-admin-sprite-small.png") no-repeat center -3168px;
	cursor:pointer;
	height:30px;
	right:0;
	top:0;
	position:absolute;
	width:30px;
}

.adm-info-message-close:hover {background-position: center -3192px;}
.adm-info-message-green .adm-info-message-close {background-position: center -3214px;}
.adm-info-message-green .adm-info-message-close:hover {background-position: center -3237px;}
.adm-info-message-red .adm-info-message-close {background-position: center -3259px;}
.adm-info-message-red .adm-info-message-close:hover {background-position: center -3280px;}

.adm-info-message-green .adm-info-message {
	border-color:#bfd3a3 #b5c990 #acc17f #b5c990;
	background-image:-webkit-linear-gradient(top, rgba(219,231,128,.3), rgba(197,216,93,.3), rgba(177,203,59,.3));
	background-image:-moz-linear-gradient(top, rgba(219,231,128,.3), rgba(197,216,93,.3), rgba(177,203,59,.3));
	background-image:-ms-linear-gradient(top, rgba(219,231,128,.3), rgba(197,216,93,.3), rgba(177,203,59,.3));
	background-image:-o-linear-gradient(top, rgba(219,231,128,.3), rgba(197,216,93,.3), rgba(177,203,59,.3));
	background-image:linear-gradient(top, rgba(219,231,128,.3), rgba(197,216,93,.3), rgba(177,203,59,.3));
	color:#32520f;
	padding-left:84px;
	position:relative;
}


.adm-info-message-icon {
	left:0;
	top:0;
	height:100%;
	position:absolute;
	width:68px;
}

.adm-info-message-icon:before {
	background:url("images/bx-admin-sprite-big.png") no-repeat 0 -1394px;
	content:"";
	height:33px;
	margin-top:-16px;
	left:15px;
	top:50%;
	position:absolute;
	width:32px;
}

.adm-info-message-icon:after {
	background:url("images/info-mes-border.png") repeat-y 0 0;
	content:"";
	right:0;
	top:4px;
	bottom:3px;
	position:absolute;
	width:5px;
}

.adm-info-message-red .adm-info-message {
	border-color:#dcbec7 #caabb2 #ba9a9f #cbacb3;
	background-image:-webkit-linear-gradient(top, rgba(241,195,206,.3), rgba(232,162,178,.3), rgba(223,126,148,.3));
	background-image:-moz-linear-gradient(top, rgba(241,195,206,.3), rgba(232,162,178,.3), rgba(223,126,148,.3));
	background-image:-ms-linear-gradient(top, rgba(241,195,206,.3), rgba(232,162,178,.3), rgba(223,126,148,.3));
	background-image:-o-linear-gradient(top, rgba(241,195,206,.3), rgba(232,162,178,.3), rgba(223,126,148,.3));
	background-image:linear-gradient(top, rgba(241,195,206,.3), rgba(232,162,178,.3), rgba(223,126,148,.3));
	color:#822f3b;
	padding-left:84px;
	position:relative;
}

.bx-ie8 .adm-info-message-red .adm-info-message,
.bx-ie9 .adm-info-message-red .adm-info-message {background-color:#dbc9d0;}

.adm-info-message-red .adm-info-message-icon:before {background-position: 0 -1445px;}
.adm-info-message-red .adm-info-message-icon:after {background-position:-6px 0;}



/****** specific styles for change password form *********/
.login-replace-title {
	display:inline-block;
	width:50%;
}


.login-replace-field .login-input {
	padding-right:7px !important;
	width:50%;
}

.login-replace-field .login-input-wrap:before {
	background-color:#adafb2;
	content:"";
	height:100%;
	top:0;
	left:50%;
	position:absolute;
	width:1px;
	z-index:2;
}

/*************** specific styles for forgot password form ************/
.login-popup-either {
	font-size:18px;
	margin:14px 0 -26px;
	text-align:right;
}

.login-popup-request-text, .login-popup-replace-text {
	color:#949ca8;
	font-size:14px;
	line-height:22px;
	left:0;
	position:absolute;
	width:100%;
}

.login-popup-request-text
{
	top:440px;
}

.login-popup-replace-text
{
	top:540px;
}

.login-popup-request-text a, .login-popup-replace-text a {
	color:#949ca8;
	text-decoration:underline;
}


/* buttons */
.login-btn-green {
	background-image:url("images/bx-admin-sprite.png"), -webkit-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), -moz-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), -o-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), -ms-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-position:center -342px, 0 0;
	background-repeat:no-repeat, repeat;
	background-color:#88aa00;
	-webkit-box-shadow:0 1px 0 #a6bf45 inset, 0 -1px 0 #657c0c inset, 0 0 0 1px rgba(138,166,25,0.7) inset;
	box-shadow:0 1px 0 #a6bf45 inset, 0 -1px 0 #657c0c inset, 0 0 0 1px rgba(138,166,25,0.7) inset;
	border-radius:5px;
	border:none;
	height:37px;
	bottom:10px;
	cursor:pointer;
	-webkit-transition:background-color 0.2s ease-in;
	-moz-transition:background-color 0.2s ease-in;
	-ms-transition:background-color 0.2s ease-in;
	-o-transition:background-color 0.2s ease-in;
	transition:background-color 0.2s ease-in;
	outline:none;
	right:11px;
	padding:0;
	position:absolute;
	width:68px;
	z-index:1;
}

.login-main-wrapper .login-btn-green:hover,
.login-main-wrapper .login-btn-green-hover{
	background-color:#a0c312;
	-webkit-box-shadow:0 1px 0 #b8d251 inset, 0 -1px 0 #748c18 inset, 0 0 0 1px rgba(153,183,35,0.5) inset;
	box-shadow:0 1px 0 #b8d251 inset, 0 -1px 0 #748c18 inset, 0 0 0 1px rgba(153,183,35,0.5) inset;
}

.login-main-wrapper .login-btn-green:active {
	background:url("images/bx-admin-sprite.png") no-repeat center -342px #7d961a!important;
	border:none!important;
	-webkit-box-shadow:inset 0 1px 0 #b3b3b3, inset 0 2px 1px 0 rgba(81,102,28,0.71)!important;
	box-shadow:inset 0 1px 0 #b3b3b3, inset 0 2px 1px 0 rgba(81,102,28,0.71)!important;
	-webkit-transition:none;
	-ms-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

.login-main-wrapper .login-popup-error .login-btn-green {
	background-image:url("images/bx-admin-sprite.png"), -webkit-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), -moz-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), -o-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), -ms-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image:url("images/bx-admin-sprite.png"), linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-position:center -474px, 0 0 !important;
	background-repeat:no-repeat, repeat;
	background-color:#999!important;
	-webkit-box-shadow:inset 0 1px 0 #b3b3b3, 0 -1px 0 #707071 inset, inset 0 0 0 1px rgba(112,112,113,0.1) !important;
	box-shadow:inset 0 1px 0 #b3b3b3, 0 -1px 0 #707071 inset, inset 0 0 0 1px rgba(112,112,113,0.1) !important;
	cursor:default;
}

.bx-ie .login-main-wrapper .login-btn-green {
	background:url("images/bx-admin-sprite.png") no-repeat center -342px #96b22a !important;
	border:1px solid;
	border-color:#a6bf45 #829d11 #85a114;
}
.bx-ie .login-main-wrapper .login-btn-green:hover {
	background:url("images/bx-admin-sprite.png") no-repeat center -342px #a6c42e !important;
	border:1px solid;
	border-color:#b8d251 #98b622 #96b420;
}
.bx-ie .login-main-wrapper .login-btn-green:active {
	background:url("images/bx-admin-sprite.png") no-repeat center -342px #7d961a !important;
	border:1px solid;
	border-color:#64801e #87b022 #92c023;
}

.bx-ie .login-main-wrapper .login-loading-active .login-btn-green,
.bx-ie .login-main-wrapper .login-loading-active .login-btn-green:hover,
.bx-ie .login-main-wrapper .login-loading-active .login-btn-green:active {
	background: #96b22a !important;
	border:1px solid;
	border-color:#a6bf45 #829d11 #85a114;
	cursor:default;
}

.login-btn {
	background: -webkit-linear-gradient(top, #fefefe, #d7e3e7);
	background: -moz-linear-gradient(top, #fefefe, #d7e3e7);
	background: -o-linear-gradient(top, #fefefe, #d7e3e7);
	background: -ms-linear-gradient(top, #fefefe, #d7e3e7);
	background: linear-gradient(top, #fefefe, #d7e3e7);
	-webkit-box-shadow:0 1px 0 #92999b, 0 -1px 0 #d1dadc, 0 0 0 1px rgba(0,0,0,0.15), 0 2px 0 0 #c6cfd1, inset 0 -1px 0 #e1eaed, inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,0.2);
	box-shadow:0 1px 0 #92999b, 0 -1px 0 #d1dadc, 0 0 0 1px rgba(0,0,0,0.15), 0 2px 0 0 #c6cfd1, inset 0 -1px 0 #e1eaed, inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,0.2);
	border:none;
	border-radius:4px;
	color:#3f4b54;
	cursor:pointer;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	height:40px;
	margin-top:14px;
	text-decoration:none;
	padding:4px 24px 6px;
	text-shadow:0 1px #fff;
}

.bx-chrome .login-btn {padding-top:6px}

.bx-ie8 .login-btn {border:1px solid #92999b;}

.login-btn:hover {
	background: -webkit-linear-gradient(top, #f8f9f9, #eef3f5);
	background: -moz-linear-gradient(top, #f8f9f9, #eef3f5);
	background: -o-linear-gradient(top, #f8f9f9, #eef3f5);
	background: -ms-linear-gradient(top, #f8f9f9, #eef3f5);
	background: linear-gradient(top, #f8f9f9, #eef3f5);
}

.login-btn:active {
	background: -webkit-linear-gradient(top, #acbbc0, #c2cfd2);
	background: -moz-linear-gradient(top, #acbbc0, #c2cfd2);
	background: -o-linear-gradient(top, #acbbc0, #c2cfd2);
	background: -ms-linear-gradient(top, #acbbc0, #c2cfd2);
	background: linear-gradient(top, #acbbc0, #c2cfd2);
	-webkit-box-shadow:inset 0 1px 0 #767e8a, inset 0 1px 1px 1px #848d98, inset 0 2px 0 #848d98;
	box-shadow:inset 0 1px 0 #767e8a, inset 0 1px 1px 1px #848d98, inset 0 2px 0 #848d98;
}

.login-btn-wrap {text-align:right;}

/*********************** loading ********************/
.login-loading {
	height:31px;
	right:27px;
	bottom:15px;
	overflow:hidden;
	position:absolute;
	width:0;
	z-index:2;
}

.login-loading-active .login-loading {width:34px;}

.login-loading-active .login-btn-green {
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-image: linear-gradient(top, rgba(255,255,255,0.15), rgba(0,0,0,0.15))!important;
	background-position:0 0;
	background-repeat: repeat;
}

/************** error message **************/

.login-error-message-block {
	display:none;
	bottom:0;
	left:407px;
	-webkit-transition: opacity 0.15s ease-in, width 0.15s ease-in;
	-moz-transition: opacity 0.15s ease-in, width 0.15s ease-in;
	-o-transition: opacity 0.15s ease-in, width 0.15s ease-in;
	overflow:hidden;
	padding-left:11px;
	position:absolute;
	width:100px;
	z-index: 1;
	margin-top: -8px;
}

.login-error-message {
	background-color:#711306;
	background-image:-webkit-linear-gradient(top, #921808, #560e05);
	background-image:-moz-linear-gradient(top, #921808, #560e05);
	background-image:-o-linear-gradient(top, #921808, #560e05);
	background-image:-ms-linear-gradient(top, #921808, #560e05);
	background-image:linear-gradient(top, #921808, #560e05);
	border:1px solid #000;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px #a94639, 0 1px 3px -1px rgba(0,0,0,0.6);
	box-shadow:inset 0 1px #a94639, 0 1px 3px -1px rgba(0,0,0,0.6);
	display:table;
	min-height:38px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 -1px rgba(0,0,0,0.7);
	padding:9px 17px 7px;
	position:relative;
	white-space:nowrap;
}

.login-error-message:before {
	/*background:url("images/bx-admin-sprite-small.png") no-repeat -7px -3797px;*/
	background:url("images/login-red-corner.png") no-repeat 0 0;
	content:"";
	height:20px;
	margin-top:-9px;
	left:-10px;
	top:50%;
	position:absolute;
	width:11px;
}

.login-error-red {
	color:#ebb1aa;
	display:block;
	font-size:12px;
	font-weight:normal;
	padding-top:4px;
}

/************* deprecated - outline for fields with wrong value ***************/
/*
.login-input.login-popup-error-field {
	border-color:#87909C #939CA7 #9FA8B2;
	box-shadow:inset 0 1px 7px 0 rgba(159,174,182,0.7), 0 1px 0 #fff;
	-moz-transition:border-color 0.3s ease-in, border-width 0.3s ease-in;
	padding:12px 13px 13px;
}

.login-input.login-popup-error-field-anim {
	border-color:#de7b7b #de7b7b #de7b7b;
	border-width:2px;
}
*/



/***************** ANIMATION **********************/
.login-page-bg {
	-webkit-transition:opacity 0.5s ease-out 0.1s;
	-moz-transition:opacity 0.5s ease-out 0.1s;
	-ms-transition:opacity 0.5s ease-out 0.1s;
	-o-transition:opacity 0.5s ease-out 0.1s;
	transition:opacity 0.5s ease-out 0.1s;
}

.login-header {
	-moz-transition:-moz-transform 0.5s ease-out 0.3s;
	-webkit-transition:-webkit-transform 0.5s ease-out 0.3s;
	-o-transition:-o-transform 0.5s ease-out 0.3s;
	transition:transform 0.5s ease-out 0.3s;
}

.login-footer {
	-webkit-transition:-webkit-transform 0.5s ease-out 0.3s;
	-moz-transition:-moz-transform 0.5s ease-out 0.3s;
	-o-transition:-o-transform 0.5s ease-out 0.3s;
	transition:transform 0.5s ease-out 0.3s;
}

.login-popup-wrap {
	opacity: 0;
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	/*-o-transform:scale(1.3,1.3);*/
	transform:scale(1.3,1.3);

	-webkit-transition:opacity 0.5s ease-out 0.3s, -webkit-transform 0.5s ease-out 0.3s;
	-moz-transition:opacity 0.5s ease-out 0.3s, -moz-transform 0.5s ease-out 0.3s;
	-o-transition:opacity 0.5s ease-out 0.3s; /*, -o-transform 0.5s ease-out 0.3s*/
	transition:opacity 0.5s ease-out 0.3s, transform 0.5s ease-out 0.3s;
}

.login-animate .login-header {
	-moz-transform:translate(0, 50px);
	-webkit-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
}

.login-animate .login-footer {
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px)
}


.bx-ie .login-popup-wrap {opacity:1;}

/* popups animation */
.login-animate-popup .login-popup-wrap
{
	opacity:1;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	/*-o-transform:scale(1,1);*/
	transform:scale(1,1);
}

.login-animate-popup2 .login-popup-wrap {
	-moz-transition:opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out, -o-transform 0.3s ease-out;
	transition:opacity 0.3s ease-out, transform 0.3s ease-out;

	-webkit-transform:scale(0.7,0.7);
	-moz-transform:scale(0.7,0.7);
	-o-transform:scale(0.7,0.7);
	transform:scale(0.7,0.7);
}

/* shake it baby! */
.login-popup-error-shake {
	-moz-animation:shake 0.3s ease-in-out;
	-webkit-animation:shake 0.3s ease-in-out;
	-o-animation:shake 0.3s ease-in-out;
	animation:shake 0.3s ease-in-out;
}

@-moz-keyframes shake{
	0%   {-moz-transform: translate(0,0);}
	20%   {-moz-transform: translate(-30,0);}
	40%  {-moz-transform: translate(30px,0);}
	60%  {-moz-transform: translate(-30px,0);}
	80%  {-moz-transform: translate(30px,0);}
	100% {-moz-transform: translate(0,0);}
}

@-webkit-keyframes shake{
	0%   {-webkit-transform: translate(0,0);}
	20%   {-webkit-transform: translate(-30,0);}
	40%  {-webkit-transform: translate(30px,0);}
	60%  {-webkit-transform: translate(-30px,0);}
	80%  {-webkit-transform: translate(30px,0);}
	100% {-webkit-transform: translate(0,0);}
}

@-o-keyframes shake{
	0%   {-o-transform: translate(0,0);}
	20%   {-o-transform: translate(-30,0);}
	40%  {-o-transform: translate(30px,0);}
	60%  {-o-transform: translate(-30px,0);}
	80%  {-o-transform: translate(30px,0);}
	100% {-o-transform: translate(0,0);}
}

@keyframes shake{
	0%   {transform: translate(0,0);}
	20%   {transform: translate(-30,0);}
	40%  {transform: translate(30px,0);}
	60%  {transform: translate(-30px,0);}
	80%  {transform: translate(30px,0);}
	100% {transform: translate(0,0);}
}

.login-last-animate .login-header {
	-moz-transition:-moz-transform 0.5s ease-out 0;
	-webkit-transition:-webkit-transform 0.5s ease-out 0;
	-o-transition:-o-transform 0.5s ease-out 0;
	transition:transform 0.5s ease-out 0;
}

.login-last-animate .login-footer {
	-moz-transition:-moz-transform 0.5s ease-out 0;
	-webkit-transition:-webkit-transform 0.5s ease-out 0;
	-o-transition:-o-transform 0.5s ease-out 0;
	transition:transform 0.5s ease-out 0;
}

.login-last-animate .login-popup-wrap {
	-webkit-transition:opacity 0.3s ease-out 0, -webkit-transform 0.3s ease-out 0 !important;
	-moz-transition:opacity 0.3s ease-out 0, -moz-transform 0.3s ease-out 0 !important;
	-o-transition:opacity 0.3s ease-out 0; /*, -o-transform 0.3s ease-out 0*/
	transition:opacity 0.3s ease-out 0, transform 0.3s ease-out 0 !important;

	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	/*-o-transform:scale(1.3,1.3);*/
	transform:scale(1.3,1.3);

	opacity: 0;
}

.login-last-animate .login-page-bg {
	opacity:0;
}
