@font-face {
    font-family: 'Roboto-Light';
    src: url('/start/javax.faces.resource/fonts/Roboto-Light.eot.xhtml?ver-1.8');
    src: url('') format('embedded-opentype'),
         url('/start/javax.faces.resource/fonts/Roboto-Light.ttf.xhtml?ver-1.8') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/start/javax.faces.resource/fonts/Roboto-Regular.eot.xhtml?ver-1.8');
    src: url('') format('embedded-opentype'),
         url('/start/javax.faces.resource/fonts/Roboto-Regular.ttf.xhtml?ver-1.8') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.ui-inputfield, .ui-inputtext {
	background-color: #d8dee6 !important; /* nadpisuje styl z primefaces*/
}

* {
	margin: 0;
}

html, body {
  height: 100%;
  
}

body.login-page {
	background-color: #3b4a82;
}

.wrapper {
  position: relative; 
  min-height: 100%;
}

.center-content {
	display: table;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
}

.login-sticky-footer, .push {
	height: 128px;
	clear: both;
}

.login-sticky-footer {
	background-color: #ffffff;
	text-align: center;
 	margin-top: -128px; 
}

.login-sticky-footer hr {
	height: 1px;
	border: none;
	color: #cedce4;
	background-color: #cedce4;
}

.logo-image {
	margin-bottom: 40px;
	margin-top:65px;
}

input.login-password-positioning {
	width: 454px;
	height: 35px;
	margin-bottom: 15px;
	margin-top: 4px;
	font-family: Roboto-Light;
	font-size: 1em;
	color: #3b4a82;
	padding-left: 10px; /* nadpisuje styl z primefaces*/
	border-radius: 6px; /* nadpisuje styl z primefaces*/
	box-shadow: 0 0 0 #8f8f8f inset;
}
input.login-password-positioning:focus {
	border-style: solid;
	border-width: 1px;
	border-color: #d8dee6 ;
	box-shadow: 0 0 2px 3px #6186b8 inset;
}

.e-learning {
	text-align: right;
	width:100%;
	position: absolute;
	top:0px;
}

.e-learning-box {
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.e-learning-title-font {
	font-family: Roboto-Regular;
	font-size: 0.7em;
	color: #afc0d9;
}

button.login-button {
	margin-top: 22px;
	background: #3b4a82;
	border-style: solid;
	border-width: 1px;
	border-color: #8ea4c0;
	width: 468px;
	height: 42px;
	font-family: Roboto-Regular;
	font-size: 1em;
	font-weight: normal;
	color: #d8dee6;
	box-shadow: none;
}

button.login-button:hover {
	background: #2d3a6a !important;
}

.ui-button .ui-button-text {
	color: white !important;
}

img { /*usuwa obramowanie przy linku w IE9*/
	text-decoration: none; 
	border: 0px
}

.hide{
	visibility: hidden;
}

.login-error-frame {
	background: none repeat scroll 0 0 #efd4d8;
	border-color: #bc9ca1;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	width: 468px;
	height: 60px;
}

.error-icon-section{
	float: left;
	height: 60px;
	width: 45px;
}

.error-message-container{
	padding: 10px;
	height: 100%;
	display: table;
}

.msg-p {
	padding-top:3px;
	padding-bottom:3px;
	font-weight: normal;
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #7b2330;
	display: table-cell;
	vertical-align: middle;
}

.error-icon { 
	background:url("../resources/images/img_mp/ico_alert.png") no-repeat top !important;
	height: 34px; 
	margin-top: 16px;
}

.change-password{
	font-family: Roboto-Regular;
    font-size: 15px;
	color: white;
}

.change-password-container {
	float: left;
	width:100%;
}

.change-password-container > a {
	text-decoration: none;
	float: right;
	padding-top: 10px;
}

.link-msg{
	font-family: Roboto-Regular;
}

.button-container {
	margin-bottom: 35px;
}
.centered-wrapper {
  display: table;
  height: 100%;
  width: 100%; 
}

.centered-middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height:100%;
}

.centered-inner {
    margin-left: auto;
    margin-right: auto; 
    width: 466px;
}

#caps-lock-warning {
	display: none;
	color: #ccca00;
	font-family: Roboto-Regular;
	font-weight: 700;
	margin-left: 10px;
}

.login-password-label{
	font-family: Roboto-Regular;
	font-size: 15px;
	color: white;
}

.link-msg:focus {
	outline: none !important;
	box-shadow: 0 0 2px 1px #93bcf3 inset;
}

button.login-button:focus {
	outline: none !important;
	box-shadow: 0 0 2px 2px #93bcf3 inset;
}