@charset "utf-8";

body {
	background: url("/ceilapp3/faces/jakarta.faces.resource/images/background.jpg");
	padding-top: 25px;
	
}

#page {
	width: 90%;
	margin: auto;
	background-color: white;
	box-shadow: 1px 1px 3px 3px grey;
}

#header {
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	margin-bottom: 16px;
}

#header_img {
	height: 220px;
	border: 1px solid black;
	background: url("/ceilapp3/faces/jakarta.faces.resource/images/header.jpg") no-repeat center;
   	background-size: cover;
}

#content {
	width: 100%;
	/*height: 500px;*/
	margin-right: 16px;
	margin-bottom: 16px;
	border: 1px solid #000;
	background-color: #e7e7e7;
}

#footer {
	width: 100%;
	/*height: 100px;*/
	border: 1px solid #000;
	/* background-color: #294b74; */
}

.step_pages {
	margin: auto;
	width: 90%;
}

.step_segements {
	height: 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width : 20%;
	display: inline-block;
	margin-right: -4px;
	vertical-align: middle;
}

.step_numbers {
	height: 40px;
	border:1px solid #000;
	width : 40px;
	display: inline-block;
	border-radius: 20px;
	margin-left:-4px;
	margin-right: -4px;
	vertical-align: middle;
	background-color: #3e7fa4;
}

.step_numbers_paragrph {
	font-size: 35px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	Color: white;
	font-weight: bold;
}

.form_block {
	background-color: white;
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 5px;
	/*height: 300px;*/
}

.row_spaces {
	height: 70px;
	vertical-align: bottom;
}

.tablesstyle {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tablesstyle td, .tablesstyle th {
  border: 1px solid #ddd;
  padding: 8px;
}

.tablesstyle tr:nth-child(even){background-color: #f2f2f2;}

.tablesstyle tr:hover {background-color: #ddd;}

.tablesstyle th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #30d4e4;
  color: white;
}

.ui-growl-item-container {
    background-color: #f2dede;
    color: red;
}