/* Login i AccessDenied form i forgottenPass*/

html,
body {
	width : 100%;
	height : 100%;
	
	background-color : #2b8ec3;/*#f2f2f2;*/
	margin: 0;
}

#loginBackground {
	background-image : url(../img/sava/lonjsko-polje.jpg);
	background-size : cover;
	background-position : center center;
}

.loginHeader {
	width: 100%;
	background: #005e8c none repeat scroll 0 0;
	color: #fff;
    float: left;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    height : 90px;
    padding: 10px 20px;
    box-sizing : border-box;
}
.loginHeader .left img {
    height : 70px;
}

.spacer {
	height: 100px;
}

.index {
	background-color: white;
	width: 400px;
	margin: 0 auto; /* horizontalni centar */
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 13px;
	box-shadow : 5px 5px 5px #333;
}
.login-header, .logout-header {
	background-color : #005e8c;/*#DADADA;*/
	/*border : 1px solid #fff;/*black*/ 
	color : #fff;/*#374482;*/
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;			
}
.login-header div, .logout-header div {
	padding: 5px;
}
.login-body, .logout-body {
	/*border : 1px solid #fff;/*black;*/
	border-top: none;
	padding: 20px 0 0 0;
	style: block;
	text-align: center;
	vertical-align: middle;
}
.login-body div, .logout-body div {
	padding: 5px 0;
}

	.login-body div.container,
	.logout-body div.container { padding-bottom : 0; }

.login-body label {
	float: left;
	width: 3em;
	padding : 5px 20px;
	margin-right: 1em;
	text-align: left;
	white-space : nowrap;
}
.login-body input {
	width: 11em;
	padding: 5px;
	border: 1px solid #ccc;
}

.login-body img {
 	margin-left: 70px;
 	display: inline;
}

.login-body div.container a {
/*	width: 14em; */
	text-align: center;
/*	float: left; */
	padding: 5px;
	color: #0000ff;
	text-decoration : underline;
/*	border: 1px solid #ccc; */
}

.login-body div.container div.line {
	padding-bottom : 0;
}

.login-body div.container div.line a.addition {
	padding: 5px 10px 5px 0px;
	text-align: left;
	white-space : nowrap;
 	float: right;
/* 	overflow: auto; */
/* 	display:inline; */
}

/*.login-body input[type="submit"],*/ .logout-body button {
    /*padding : 15px 30px 14px 30px;*/
    margin: 5px auto;
    display: block;
    width: 100px;
    height: 30px;
    color: #374482;
    background-color: #DADADA;
    cursor:pointer;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

div#bttn-container { margin-top : 15px; padding : 0; /*padding-left : 8em;*/ height : 30px; background-color :  #2b8ec3; }

.login-body input#submit,
.login-body input#cancel {
	position : relative;
	float: left;
	
	width: 50%;/*95px;*/
	height: 30px;
	
	padding: 0;
	
	/*margin-left: 10%;*/
	
	color: #fff;
	border : none;
	font-size : 11px;
	text-decoration : underline;
	
	background-color:  #2b8ec3;
		
	cursor: pointer;
	
	display: block;
}

.warning {
	color: red;	
	font-weight: bold;
	text-align: center;
}

.warning {
	color: red;	
	font-weight: bold;
	text-align: center;
}

.loginFooter {
	position : absolute;
	
	left : 0;
	right : 0;
	bottom : 0;
	
	padding : 25px 0 5px 0 !important;
}