body { font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color:#685f54; margin:0; padding:0; text-align: center; background-color: #EFEFEF}
div#outerWrapper { margin: 0 auto; width: 964px; text-align: left; background-color: white; /*height: 100%;*/ }
div#innerWrapper { margin: 0 5px 0 0; padding: 0 0 15px 0;}


/*screen.css on 3 different places
metro-web src main webapp css screen
metro-web src main webapp resources css screen -> correct place
metro-web src main webapp WEB-INF template css screen*/

div#footer {
	background-color: #D0D0CB;
	border-top: 1px solid #736C63;
	float: left;
	width: 100%;
}
div#footer p{
	padding-left:25px;
}

div#content { margin-top: 10px }
#content-container { width: 99%; margin-left: auto; margin-right: auto; padding: 0; }

ul,ol,li,dl,dd {padding:0;	margin:0; }
img {border:none; margin:0; padding:0}
h1, h2, h3, h4 {font-family:Verdana, Arial, Helvetica, sans-serif}
h1 {background-image:url("../images/title.gif"); background-repeat:no-repeat; font-size:15px; font-weight:700; color:#685f54; padding-left: 20px; margin-top: 5px; margin-bottom: 15px;}
h2 {font-size:14px; font-weight: 700; color:#685F54; padding-left: 3px;}
h3 { border-bottom: 1px solid #CEE1EB; width: 100%; text-decoration: none; font-size: 11px; color: #685f54; padding: 0; margin: 0;}
h4 { text-decoration: none; font-size: 12px; color: #685f54; margin:0; padding:5px; background-color: #abd0ed;}
h5 { text-decoration: none; font-size: 11px; color: #685f54; margin:0; padding:5px; background-color: #abd0ed;}

input {margin:0; padding:0; color: #3d5564; border: 1px solid #7f9db9; background:#fff;  }
select {margin-left:1%; padding:0; color: #3d5564; border: 1px solid green; background:#fff;border-radius: 4px;height: 30px;  }
textarea {margin:0; padding:0; color: #3d5564; border: 1px solid #7f9db9; background:#fff;  }
#messages ul li { margin-left: 32px; font-weight: 700;}
#messages .messages { margin-top: 5px; margin-bottom: 20px; padding:5px; border: 1px solid #F7AD38;}
.error {color: #e03609;}
.warn {color: #f99608;}
.info {color: #68b6df;}
.inputerror { background:#f3bdae; }


td    { color:#685f54; margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
table { color:#685f54; margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}

#topnav-bar {margin-left: 8px;}

#topnav-bar div {; margin-top: 3px; line-height: 15px;}
#topnav-bar div img {vertical-align: middle; margin-bottom: 3px;}
#topnav-links a { margin-right: 5px; font-size: smaller;}
#topnav-links a.active { font-weight: bold; font-size: larger;}


#header {clear: both;}
#header-left { float: left; width: 204px; height: 54px; background-image: url("../images/logo_en.gif"); }
#header-right { float:right; width: 511px; height: 104px; background-image: url('../images/header_background.jpg') }

#header-navbar {clear: both; border-bottom: 1px solid #DBDBD8; height: 40px; padding-top: 5px;}
#header-navbar div.group { vertical-align: bottom; text-align:center; float: left; margin-left: 20px; padding-right: 20px; border-right: 1px solid black;}
#header-navbar div.group a { vertical-align: bottom; float: left; padding-left: 5px; padding-right: 5px;}
#header-navbar div.group a img { height: 15px;}
#header-navbar-links { margin-right: 10px;}

a:link, a:visited, a:hover { color: #685f54; font-size: 11px; font-family: Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }

.bgleft { height:100%; width:180px; padding-left: 10px; margin-right: 10px; border-right:1px solid #DBDBD8; }

.bgleft ul {margin: 0 0 0 0}
.bgleft ul li {margin: 10px 0 1px 0}
.bgleft ul ul {margin: 0 0 0 10px}
.bgleft ul ul li {margin: 3px 0 1px 0}

.bgleft ul li.selected { font-weight: bold; }
.bgleft ul li.unselected { font-weight: normal; } /* IE6 */

td label {font-weight: bold;}

#content td.label2 {padding-left: 50px;}
#content td.field1, #content td.field2 {padding-left: 10px;}

.td04 { background:#fff; border:1px solid #CEE1EB; width: auto;}

body .button01, .button02, .button03, .button04, .button05, .button06, .button07, .button08 {
	text-align: center;
	font-size: 10px;
	font-family: Verdana, arial, helvetica;
	font-weight: bold;
	border: #829038 solid 1px;
	margin: 1% .5% .5% .5%;
	cursor: pointer;

	color:white;
}

.button01 { background: #a7c713 !important; border: #829038 solid 1px; }
.button03 { background: #239CA5 !important; border: #236CA5 solid 1px; }
.button04 { background: #d97318 !important; border: #a64424 solid 1px; }
.button05 { background: #ccc5b8 !important; border: #8b8277 solid 1px; }
.backlink { color: #2196F3 !important;margin-top: 30px !important;}

.fullwidth { width: 100%; }
.bold {font-weight:700;}
.bigger {font-size:14px;}
.italic {font-style: italic;}
.td00 { background:#fff;}
.td01 { background:#E7F5F9; padding: 0px; border:1px solid #CFE3ED; padding: 5px;  width: 760px;}
.td02 { background:#eaedee; padding: 3px;}
.td03 { background:#f7f9fa; padding: 3px;}
.td04 { background:#fff; border:1px solid #CEE1EB; padding: 10px 0px 5px 0px; width: auto; margin-bottom: 5px;}
.td05 { background:#fff; padding: 0px; border:1px solid #CEE1EB; padding: 5px; width: 765px;}
.td06 { background:#fff; padding: 0px; border:1px solid #CEE1EB; padding: 5px; width: 100%;}
.td07 { background:#fff; padding: 0px; width: 780px;}
.td08 { background:#E7F5F9; padding: 0px; border:1px solid #CFE3ED; padding: 5px;  width: 765px;}
.td09 { background:#F3F5F6; padding: 0px; width: 780px;}
/* Based on td04 in conjunction with h4 as introduced by Tom to create box-style. No width specified. (Sander) */
.td10 { background:#fff; border:1px solid #CEE1EB; padding: 5px 0px 5px 0px; margin-bottom: 5px; }
.hidden { display: none; }
.th02 { background:#eaedee; padding: 3px; text-align: left;}
.align-center {text-align:center}
.align-left {text-align:left}
.align-right {text-align:right}
.right { float: right}

div.form-buttons {
	text-align: center;
	margin-top: .5%;}

table.suggest { background-color: #FFF; border: 1px solid #7F9DB9;}

table.details { width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 5px; text-align: left; }
table.details .width50 { width: 50% }
table.details th.head, table.blockWrapper th.head { background-color: #EAEDEE; font-weight: 700; }
table.details th.head2, table.blockWrapper th.head2 { background-color: #DADDDE; font-weight: 700; }

/*
table.details td {padding-bottom: 4px; vertical-align: top;}
*/

table.details td.label { font-weight: bold;}
table.details td.value { }



table.kbo {
	border-collapse: collapse;
}

table.kbo th, table.kbo td {
	border: 0;
	padding: 0px 10px 0px 10px;
}

table.kbo .header {
	font-size: 120%;
	width: 100%;
	font-weight: bold;
}

table.kbo .match {
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	white-space:nowrap;
}

table.details table.details {
	margin-top: 0;

}

.match {
	font-weight: bold;
	font-size: 120%;
}

table.block {padding-top: 0px; padding-bottom: 15px;}
table.blockWrapper{padding: 0px; margin: 0px; border-collapse: collapse;}
table.blockWrapper table {border-collapse: collapse;}
table.blockWrapper td, table.blockWrapper table td {padding: 0px; margin: 0px;}
table.details .toggle {
	display: none;
}

.ui-datatable thead th, .ui-datatable .ui-datatable-data tr td {
	padding: 1px !important;
	border:none;
}

.ui-datatable table {
	table-layout: auto;

}



/*
table.data { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 5px; margin-top: 5px;}
table.data .header { background:#eaedee; font-weight:700; text-align: left; vertical-align: bottom;}
table.data .header .tableHeaderPaginator{float: right;}
table.data .header .export{ float: left; }
table.data .header .export a img { border: 1 1 1 1; }

table.data .footer { background:#eaedee; font-weight:700;}
*/


/*trying to get the icon into the table*/

/*body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
	content: '\f049';
}*/


table .data { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 5px; margin-top: 5px;}
table .data thead { background:#eaedee; font-weight:700; text-align: left; vertical-align: bottom;}
table .data thead .tableHeaderPaginator{float: right;}
table .data thead .export{ float: left; }
table .data thead .export a img { border: 1px; }

table .data .footer { background:#eaedee; font-weight:700;}



table.rf-cal-extr {
	background: #ffffff;
}


/*default data lay out template*/

body .ui-datatable.data thead th {
	font-weight: bold;
	background: #f8f9fa;
	color: #495057;
	padding: 1rem 1rem;
	border: 1px solid #e9ecef;
	border-width: 0 0 1px 0;
	text-align: left;
	box-sizing: content-box;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}


.suggest tr.richfaces_suggestionEntry td {
	cursor: pointer;
}

.suggest tr.selCtl td {
	font-weight: bold;
}
.suggest {
	text-align: left;
}

ul.bulletList {
	margin-bottom: 15px;
}
ul.bulletList li {
	margin-left: 15px;
	margin-bottom: 5px;
	list-style-type: disc;
}

.confirm { background: #f6f6f6; border: 1px solid #999999; padding: 10px; margin: 10px 0 10px 0}
.highlight { background-color: #f6f6f6; }
.width1{ width: 1%; }
.width2{ width: 2%; }
.width3{ width: 3%; }
.width5{ width: 5%; }
.width10{ width: 10%; }
.width15{ width: 15%; }
.width20{ width: 20%; }
.width25{ width: 25%; }
.width28{ width: 28%; }
.width30{ width: 30%; }
.width34{ width: 34%; }
.width35{ width: 35%; }
.width40{ width: 40%; }
.width43{ width: 43%; }
.width45{ width: 45%; }
.width50{ width: 50%; }
.width55{ width: 55%; }
.width60{ width: 60%; }
.width65{ width: 65%; }
.width67{ width: 67%; }
.width70{ width: 70%; }
.width75{ width: 75%; }
.width80{ width: 80%; }
.width85{ width: 85%; }
.width90{ width: 90%; }
.width95{ width: 95%; }
.width100{ width: 100%; }

.required { color: #f99608; }
.top { vertical-align: top;}
.clear {clear:both;}

.kbobis { color: red;}

.larger {
	font-size: larger;
}
a.important {
	color: #C8271D !important;
	text-decoration: underline;
}


/* RF4 patch */
.rf-p-b {
	padding: 0 !important;
}

.rf-p {
	border-width: 0 !important;
	border-style: solid !important;
	padding: 0 !important;
}

.rf-au-fld, .rf-au-tbl, .rf-au-itm, .rf-au-lst-cord {
	background: #ffffff;
}


#loading td {
	font-size: 18px;
	font-weight: bold;
}

th div.sortable {
	cursor: pointer;
	white-space:nowrap;
}
th.sortable div {
	cursor: pointer;
	white-space:nowrap;
}

.statistics table tr td {
	line-height: 19px;
}


body .ui-panelgrid .ui-panelgrid-cell {
	border: 1px solid #dee2e6;
	background: #ffffff;
	color: #495057;
	padding: 0.2%;
}
body .ui-widget {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 100%;
	text-decoration: none;
}
.columnStyle {
	text-align: right;
	margin-top: 1.4%;
}
.customLabelStyle {
	margin-top: 1.5%;
	margin-right: 30px;
}
.customStyle {
	margin-top: 1.5%;
}

.bleuligne{
	background-color: RGB(255,255,220) !important;
	background-image:none !important;
}
.rienligne{
	background-color: RGB(222,255,238) !important;
	background-image:none !important;
}
.vertligne{
	background-color: RGB(221, 238, 229) !important;
	background-image:none !important;
}
.amberligne{
	background-color: #f0a30a !important;
	background-image:none !important;
}
.whitesmokeligne{
	background-color: whitesmoke !important;
	background-image:none !important;
}
.whiteligne{
	background-color: white !important;
	background-image:none !important;
}
.adjustPanelGrid{
	margin-top: 0.9%;
}
.customInput{
	border: 1px solid green;
	border-radius: 4px;
}
body .ui-menu {
	padding: 0;
	width: 90%;
}
body .ui-fileupload .ui-fileupload-content {
	border: 0;
	padding: 0;
}
body .ui-fileupload .ui-fileupload-buttonbar {
	border: 0;
	padding: 0;
	background: none;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button{
	border: none;
	background: green;
	width: 70%;
	height: 33px;
}
.ui-fileupload-files {
margin: 0;
}


body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
	background: transparent;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
	color: #000000;
}
body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
	padding: 0;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
	font-weight: bold;
	background: #ffffdc;
}
.ui-menu .ui-menu-parent .ui-menu-child {
	width: 15em;
}
body .ui-input-icon-left, body .ui-input-icon-right {
	width: 35%;
}
.customSubMenu {
	font-weight: bold;
	background: #ffffdc;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-submenu-header {
	font-weight: bold;
	background: #ffffdc !important;
}

body .ui-menu .ui-menu-list .ui-submenu.active > .ui-menuitem-link {
	font-weight: bold;
	background: #ffffdc !important;
}
custom-list{
	color: cornflowerblue;
	font-weight: bold;
	padding: 3px;
	margin-left: 2%;
	list-style-type: disclosure-closed;
}
.ui-selectonemenu-panel .ui-selectonemenu-item {
	font-size: medium;
}