html { 
/**/background: url("../images/login_background.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

@media (min-width: 1300px) {
    html {
        /**/background: url("../images/login_background_large.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
    }
}

body {
  padding-top: 40px;
  /*padding-bottom: 40px;*/
  /*background-color: #eee;*/
   background-color: transparent;
}

.top-offset2 { margin-top: 25px; }
.top-offset4 { margin-top: 50px; }
.top-offset8 { margin-top: 100px; }
.voffset2 { margin-bottom: 25px; }
.voffset4 { margin-bottom: 50px; }
.voffset8 { margin-bottom: 100px; }


div#usageInfoId {
	color: black;
	text-align: center;
	background-color: rgba(37,87,135,0.7);
}

/** by sekcja usageInfoId nie wchodziła na inputy strony logowania na komórce. */
@media (min-height: 701px) {
	
	div.usage-info-container {
		position: fixed;
		left: 20%;
		right: 20%;
		bottom: 80px;
	}
}
@media (max-device-height: 700px), (max-height: 700px) {
	div.usage-info-container {
		position: unset;
		bottom: unset;
		left: unset;
		right: unset;
/*		position: fixed;
		left: 20%;
		right: 20%;
		bottom: 80px;*/
	}
}


/** Po wylogowaniu komunikat. */
.success {
	color: white;
	text-align: center;
}

/** Na stronie formularza kontaktowego */
.error {
	color: red;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 50px;
}

div.about-section {
  text-align: center;
}

.about-link, .about-link:hover, .about-link:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.form-signin-subheading {
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  /*background-color: rgba(255,255,255,0.5);*/
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}