body {background: #410E0E;}

.login-extranet div {position: relative;}

.login-extranet .sidebar {font-size: 14px; font-weight: 700; color: white; text-align: center;}

.login-extranet form {background: #edeff1; padding: 23px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.login-extranet form:before {content: ''; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #edeff1 transparent transparent; height: 0; position: absolute; left: -12px; top: 35px; width: 0; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}

.login-extranet input[type="text"],
.login-extranet input[type="password"] {border: 2px solid #edeff1 !important; height: 44px; padding: 0 16px; font-size: 16px; border: none; color: #34495e !important;}

.login-extranet input[type="text"] 		{padding-right: 32px;}
.login-extranet input[type="password"] 	{padding-right: 30px;}

.login-extranet label {color: #c6ced4; font-size: 16px; position: absolute; right: 13px; top: 14px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;}

.login-extranet input[type="text"]:focus,
.login-extranet input[type="password"]:focus {border: 2px solid #410E0E !important; box-shadow: none;}

.login-extranet input[type="text"]:focus ~ label,
.login-extranet input[type="password"]:focus ~ label {color: #410E0E;}

.login-extranet input {-webkit-border-radius:8px ; -moz-border-radius:8px ;border-radius: 8px; font-family: "Lato", sans-serif !important;}

.login-extranet .btn {background: #410E0E;}
.login-extranet .btn-login {background-image: none; background-color: #410E0E;; font-size: 17px; line-height: 20px; padding: 12px 18px 13px; text-shadow: none; border: none;}

.btn-login:hover { background-color: #410E0E; opacity: .7;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;}

::-webkit-input-placeholder {color: #c6ced4 !important;}
:-moz-placeholder {color: #c6ced4 !important;}
::-moz-placeholder {color: #c6ced4 !important;}
:-ms-input-placeholder {color: #c6ced4 !important;}


@media only screen and (min-width: 750px) {

	body {height: 100%; position: absolute; width: 100%;}

	.login-extranet {padding-top: 0;}
	.login-extranet div {position: relative;}

	.login-extranet .sidebar {margin-top: 31px; padding-right: 13px;}
	
	body > .container {position: relative; height: 100%;}
	body .login-extranet {display: table; height: 100%;}

	body .login-extranet .span6 {display: table-cell; vertical-align: middle; position: relative; float: none;}

	.login-extranet .sidebar img {float: right;}
 }

@media only screen and (max-width: 500px) {
  .login-extranet .sidebar {margin-bottom: 20px;}
  .login-extranet form:before {display: none;}



}