/* @override
	http://extranet.swissqprint.com/de/css/login.css?v=0.1
	http://extranet.swissqprint.com/css/login.css?v=0.1
	https://dev.extranet.swissqprint.com/css/login.css?v=0.1
*/

/* @group Basic */

html {
	color: #525252;
	font: 14px/26px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}

body {
	background: url(../images/content-bg-pattern.gif) repeat;
}

/* @group login-wrapper */

.flipbox-container {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.register,
.forgot-password {
	display: none;
}

#login-wrapper {
	width: 380px;
	/*height: 615px;*/
	overflow: hidden;
	background-color: #cc3d3b !important;
	-webkit-box-shadow: 0px 0px 10px rgba(80, 80, 80, 0.3);
	box-shadow: 0px 0px 10px rgba(80, 80, 80, 0.6);
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
}

#login-wrapper header {
	height: 160px;
	text-align: center;
}

#login-wrapper header img {
	margin-top: 42px;
}

#login-wrapper .title {
	min-height: 110px;
}

#login-wrapper .loginForm {
	margin-bottom: 50px;
}


/* @end *

/


/* @end */

/* @group Standard */

.clearfix {
	clear: both;
}

.displaynone {
	display: none !important;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* @end */

/* @group Typografie */

#login-wrapper h1 {
	color: #ffffff;
	font: 36px/40px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 300;
	text-align: center;
}

#login-wrapper h2 {
	color: #ffffff;
	font: 18px/24px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 18px;
}

#login-wrapper p {
	margin-bottom: 0px;
	font: 11px/21px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	color: #ffffff;
}

#login-wrapper .title p {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

#login-wrapper p.error {
	color: #ffffff;
	margin-bottom: 20px;
	text-align: center;
}

#login-wrapper p strong {
	font-family: "Open Sans";
	font-weight: normal;
}

#login-wrapper a {
	text-decoration: none;
	color: #ffffff;
}

#login-wrapper a:hover {
	text-decoration: none;
	color: #ffffff;
}

/* @end */

/* @end */

/* @group Forms */

#login-wrapper legend {
  font: 14px/25px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: 600;
  color: #ffffff;
  padding-top: 16px;
  padding-bottom: 8px;
}

label.login-form-checkbox-label {
	font: 11px/16px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 8px;
	display: inline;
	padding: 0px;
}

label {
  font: 14px/25px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: 600;
  color: #ffffff;
  display: block;
  padding-top: 16px;
  padding-bottom: 8px;
}

label.error {
  font: 11px/16px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #303030;
  padding-top: 20px;
  padding-bottom: 10px;
}

input.textfield {
	color: #252525;
	font: 15px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 300;
	background-color: #ffffff;
	height: 50px;
	width: 100%;
	padding-left: 18px;
	border-radius: 2px;
	border: none;
	margin-bottom: 1px;
}

.lt-ie9 input.textfield {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: 50px !important;
}

input.textfield::-webkit-input-placeholder {
	color: #8c8c8c;
	font-family: "Open Sans";
	font-weight: 300;
}

input.textfield::-moz-placeholder {
	color: #8c8c8c;
	font-family: "Open Sans";
	font-weight: 300;
}

input.textfield:-ms-input-placeholder {
	color: #8c8c8c;
	font-family: "Open Sans";
	font-weight: 300;
}

input.textfield:-moz-placeholder {
	color: #8c8c8c;
	font-family: "Open Sans";
	font-weight: 300;
}

.usergroup-select {
	margin-bottom: 0px;
}

.serialnumber-input {
	display: none;
	margin-bottom: 0px;
}

small.form-text {
    font-size: 80%;
    color: white;
    display: block;
    padding: 5px 0;
}

/* @end */

/* @group Bootstrap Override */

/* @group btn */

.btn.btn-sqp-grey {
  margin-top: 10px;
  width: 100%;
  height: 50px;
  display: inline-block;
  padding: 5px 18px;
  margin-bottom: 25px;
  font: 15px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0px solid transparent;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn-sqp-grey {
  color: #ffffff;
  background-color: #303030;
  border-color: #303030;
}

.registerForm fieldset {
	margin-bottom: 40px;
}

.registerForm .accept-privacy-label {
    padding-top: 0;
    padding-left: 8px;
    font: 12.5px/23px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    margin-top: -1px;
}

.registerForm .accept-privacy-label a {
    padding-bottom: 2px;
    border-bottom: 1px solid #ffffff;
}

.registerForm .accept-privacy-label a:hover {
    opacity: .75;
}

.registerForm .btn-sqp-grey {
	margin-top: 10px;
}

.registerForm .btn-sqp-grey:disabled {
  color: #898989 !important;
}

.btn-sqp-grey:hover,
.btn-sqp-grey:focus,
.btn-sqp-grey:active,
.btn-sqp-grey.active {
  color: #e5e5e5 !important;
  background-color: #303030;
  border-color: #303030;
}

.btn-sqp-grey.disabled,
.btn-sqp-grey[disabled],
fieldset[disabled] .btn-sqp-grey,
.btn-sqp-grey.disabled:hover,
.btn-sqp-grey[disabled]:hover,
fieldset[disabled] .btn-sqp-grey:hover,
.btn-sqp-grey.disabled:focus,
.btn-sqp-grey[disabled]:focus,
fieldset[disabled] .btn-sqp-grey:focus,
.btn-sqp-grey.disabled:active,
.btn-sqp-grey[disabled]:active,
fieldset[disabled] .btn-sqp-grey:active,
.btn-sqp-grey.disabled.active,
.btn-sqp-grey[disabled].active,
fieldset[disabled] .btn-sqp-grey.active {
  background-color: #303030;
  border-color: #303030;
}



/* @end */




/* @end */