html, body {
	height: 89.1%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.tecostInfo {
	height: 36px;
	background-color: #A2A2A2;

}

.copyright {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	color: white;
	padding-top: 9px;
}
    	
#mainContent {
	margin-bottom: 50px; /* for footer */
}

#content {
	margin: 10px;
	/*background-color: #f2f2f8;*/
}

#footer {
	height: 36px;
	width: 100%;
	clear: both;
	position: fixed;
	bottom: 0;
}

#debugForm{
	background-color: #d7e8fe;
}

#footer img {
	margin-right: 4px;
	margin-left: 4px;
	width: 26px;
	height: 26px;
	margin-top: 8px;
}

#footer #icons {
	width: 50%;
	margin: auto;
}

/* special style, for displaying elements only visible by superuser */
.superUserOnly {
	background-color: #abeea4!important;
}


/* Menu */

.rf-tb-cntr {
	background: #ffffff;
}

.rf-tb-cntr .rf-ddm-emptyIcon {
	width: 0px;
	height: 0px;
}

.rf-tb-cntr .rf-ddm-itm-ic  {
	margin: 0px;
}

.rf-tb-cntr > td > table > tbody > tr > td {
	padding: 0px;
}

.rf-tb-cntr > td > table{
	width: 100%;
}

.rf-tb-cntr > td {
	width: 100%;
}

.menuBar{
	border: none;
}

.menuWithoutChildren, .menuDropdown, .menuWithChildren {
	padding: 7px 12px 0 12px;
	height: 22px;
	max-width: 250px;
	min-width: 120px;
}

.menuWithoutChildren, .menuDropdown, .dropdownChildren, .menuWithChildren {
	background-image: none;
	border: none;
}

.maxPanel{
	width:100%
}

.menuWithoutChildren,
.menuWithoutChildren > .rf-ddm-itm-lbl {
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	text-align : center;
}

.menuWithoutChildren,
.menuWithoutChildren > .rf-ddm-itm-lbl {
	text-align : center;
}

.menuWithoutChildren,
.menuWithoutChildren > .rf-ddm-itm-lbl {
	text-align : center;
}

.menuWithoutChildren,
.menuWithChildren,
.menuWithoutChildren > .rf-ddm-itm-lbl {
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}

.menuWithChildren.dropdownChildren > .rf-ddm-itm-lbl {
	font-size: 11px;
	font-weight: bold;
}



.menuWithoutChildren,
.menuWithChildren,
.rf-ddm-itm .rf-ddm-itm-unsel,
.menuDropdown > .rf-ddm-lbl-dec,
.dropdownChildren > .rf-ddm-itm-lbl,
.menuWithChildren > .rf-ddm-itm-lbl,
.menuWithoutChildren > .rf-ddm-itm-lbl {
	color: #797979;
	background-color: #ffffff;
}

.menuWithoutChildren:hover,
.menuWithChildren:hover,
.menuDropdown:hover > .rf-ddm-lbl-dec,
.dropdownChildren:hover > .rf-ddm-itm-lbl,
.menuWithoutChildren:hover > .rf-ddm-itm-lbl,
.menuWithChildren:hover > .rf-ddm-itm-lbl {
	color: #000000;
	background-color: #eeeeee;
}

.dropdownChildren {
	background-color: #ffffff;
	padding: 5px 12px 5px 12px;
	text-align : left;
}

.rf-ddm-sep{
	border-color: #797979;
	margin: 0px;
}

.rf-ddm-lst{
	border-color: #797979;
}

.helpButtonImage{
	content:url(../../layout/images/help-gray.png);
	cursor:pointer;
	border : none !Important;
	background-position: center;
	background-size: 24px 24px;
	width : 24px;
	height : 24px;
}


/* User info */
.userInfoPanel {
	height: 85px;
	position: relative;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid #797979;
	border-radius: 4px;
	background-color: #FBFCFD;
	padding: 4px;
	width: 300px; 
	display: inline-block; 
	vertical-align: top;
}

.userInfoPanel .header {
	line-height: 18px;
	font-variant: small-caps;
}

.userInfoPanel .content {
	margin-top: 10px;
}

.userInfoPanel select {
	margin-top: 5px;
	width: 80%;
}

.userInfoPanel .actions {
	margin-top: 2px;
}

.noRadiusShadowBorder {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;*/
	border: 0px none;
}

.noShadow {
	/*box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;*/
	
}

.noPadding {
	padding: 0px;
}

.pointable {
	cursor: pointer;
}

/*TESt*/
.testMenuBar {
	width: 400px;
	background-color: blue;
	height: 16px;
}

.testMenuItem {
	background-color: red;
	width: 60px;
	heigh: 18px;
}



.middleMenuItem {
	background-color: red;
	border-radius: 4px 4px 0px 0px;
	width: 40px;
	heigth: 24px;
	float: left;
}

#topBar {
	overflow : hidden;
	width: 100%;
	background-color: #FFF;
	cursor: default;
}

#logoContainer {
	float: left;
}


.logo {
	width: 100%;
}

#header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 90;
}

#header #colorBar {
	background-color: #d5e5fa;
	height: 10px;
	position: relative;
	float: none;
	margin-bottom: 1px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	border-top: 1px;
	border-color: #8dbae2;
	border-style: solid;
}

.searchInputText, input[type="text"].searchInputText {
	width: 175px;
	background: url(../../layout/images/search_field.png) no-repeat 0px 0px
		#fcfcfc;
	padding: 0px 0px 0px 15px;
	margin-right: auto;
	margin-left: auto;
}

.filter .default {
	float: right;
}

.searchBox { /*width: 800px;*/
	padding-top: 2px;
	padding-bottom: 2px;
}

.searchBox select, .searchBox input {
	
}

.searchBox input[type="submit"] {
	margin-left: 70%;
}

.diagInfo {
	border-radius: 0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-shadow: 0px;
	-moz-box-shadow: 0px;
	-webkit-box-shadow: 0px;
}

#modalFormIcd:diagnosesPanel_body {
	border-radius: none;
	border-shadow: none;
}

.epaacLeftPanel {
	width: 300px;
}

#editPanel_content_scroller, #viewPanel_content_scroller,
	#fCEditPanel_content_scroller {
	overflow: hidden;
}

#fCEditPanel_content {
	width: 640px;
}

.constraintsPanel {
	width: 100%;
}

/*Filter*/
.filter {
	text-align: left;
}

.filter thead th {
	text-align: center;
}

.filter tfoot tr {
	text-align: right;
}

.filter tfoot input {
	margin-right: 0px;
}

.dragSource {
	cursor: pointer;
}

.pie_first-child {
	background-color: #FFFFFF;
}

.clickableColumn {
	cursor: pointer;
}

.smallRemoveButton {
	position: absolute; 
	top: 6px; 
	right: 3px;
}

.roomOptionPanelView {
	display: inline-block;
	vertical-align: top;
	height: 100px;
	width: 200px;
}

.localServicePanelView {
	display: inline-block;
	vertical-align: top;
	height: 90px;
	width: 90px;
}

.localServicePanelEdit {
	display: inline-block;
	vertical-align: top;
	height: 100px;
	width: 120px;
	position: relative;
	background-color: none;
	padding: 3px;
	border-radius: 3px;
	margin: 5px;
}

.roomOptionPanelEdit {
	display: inline-block;
	vertical-align: top;
	height: 125px;
	position: relative;
	background-color: none;
	border: 1px solid #A1BBD8;
	padding: 3px;
	border-radius: 3px;
	margin: 5px;
}

.conveniencesPanelEdit {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 5px;
	background-color: none;
	border: 1px solid #A1BBD8;
	padding: 3px;
	border-radius: 3px;
}

.conveniencesPanelView {
	display: inline-block;
	vertical-align: top; 
	height : 150px;
	width: 170px;
	padding: 3px;
	height: 150px;
}

.convenienceContent {
	position: relative;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.conveniencesPanelEdit label {
	font-size: 13px;
}

.conveniencesPanel select {
	width: 100%;
}

.conveniencesAttributesPanel {
	white-space: pre-wrap;
	/* 	border: 1px dotted #94a5b7;  */
	margin-top: 2px;
}

.conveniencesAttributesPanel table {
	margin-top: 0px;
	background-color: inherit;
	border: none;
}

.conveniencesAttributesPanel input {
	width: 100%;
}

.conveniencesAttributesColumn {
	min-width: 110px;
	border: none;
	vertical-align: middle;
}

.conveniencesValuesColumn {
	border: none;
}

.convenienceComment {
	margin-top: 3px;
	padding: 5px;
}

.convenienceComment textarea {
	width: 100%;
}

.applicantBlockPanel {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 5px;
	height: 250px;
	width: 200px;
	background-color: none;
	border: 1px solid #A1BBD8;
	padding: 3px;
	border-radius: 3px;
	width:80%;
}


/*Table*/
.oddRow {
	background-color: #f3f3f3;
}

.evenRow {
	background-color: #FFFFFF;
}

.oddRow:hover, .evenRow:hover {
	background-color: #FFECBF;
}

.oddRow.noHighlight:hover {
	background-color: #DEE7EF;
}

.evenRow.noHighlight:hover {
	background-color: #F6FAFD;
}

/*pop-up content*/


#editPanel_container .rf-p-hdr {
	margin: 0px;
}

.rf-au-lst-scrl {
	width: 500px;
}

.rf-p-hdr {
	background-color: none;
	background: none;
	color: #2B5DA2;
	font-size: 13px;
	font-weight: normal;
	padding: 1px;
	text-align: left;
	font-family: inherit;
	margin-top: 6px;
	margin-left: 4px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	border: 0px;
}

.rf-p-b {
	font-family: inherit;
	font-size: inherit;
	padding-left: 0px;
	border: 0px none;
	font-size: 13px;
}

/* Center bodyClass*/
.centerBodyClass {
	margin: auto;
}

.searchBox .rf-p-b {
	padding-left: 0px;
}

.searchBox {
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: none;
	border-width: 0px;
	border-style: none;
	background-color: #DCEDCD;
	margin-bottom: 0px;
	behavior: none;
	padding-left: 0px;
}

/* Generic canceled element */
.canceled {
	font-style: italic;
	color: #888888;
	text-decoration: line-through;
}

/* importantText & informationText*/
/* for example for explanations at the beginning of a usecase */
.importantText {
	color: #551111;
	font-style: italic;
	background-color: #FFCCAA;
	/* font-weight: bold; */
}

.informationText {
	color: #000000;
	font-style: italic;
	/* background-color: #DDDDDD; */
}

.informationTextSmall {
	color: #000000;
	font-style: italic;
}

/* Login page */
#loginPageTopLogos {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 7%;
	left: 0;
}

#loginPageTopLogos .logo_HNE {
	position: absolute;
	left: 0;
	width: 250px;
}

#loginPageTopLogos .logo_HJU {
	position: absolute;
	left: 0;
}

#loginPageTopLogos .logo_HJB {
	position: absolute;
	left: 0;
	width: 250px;
}

#loginPageBottomLogos {
	width: 100%;
	position: absolute;
	bottom: 5%;
}

#loginPageBottomLogos #tecostLogo {
	position: absolute;
	left: 0;
	bottom: 0;
}

#loginPageBottomLogos #contactInfos {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #292D92;
}

#loginPageBottomLogos #contactInfos td {
	line-height: 13px;
	padding-left: 15px;
}

#loginPageBottomLogos #contactInfos a {
	color: #292D92;
}

#mainForm\:loginPanel {
	display: inline-block;
	height: 140px;
	position: absolute;
	top: 30%;
	right: 300px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 4px 4px 10px #aaa;
	-moz-box-shadow: 4px 4px 10px #aaa;
	-webkit-box-shadow: 4px 4px 10px #aaa;
}

#mainForm\:loginPanel .rf-p-hdr {
	padding: 0;
	margin: 10px 0 0 19px;
	font-size: 16px;
}

#mainForm\:loginPanel .rf-p-b {
	margin: 5px 10px 5px 20px;
}

#mainForm\:loginPanel input[type="submit"] {
	margin-top: 5px;
}

#mainForm\:loginPanel table {
	margin: 0;
}

#mainForm\:loginPanel td {
	padding: 2px 10px 2px 0;
	line-height: 16px;
}

#loginPagePublicInfosPanel {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 550px;
}

#loginPagePublicInfosPanel .publicInfos {
	display: inline-block;
	position: absolute;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 4px 4px 10px #aaa;
	-moz-box-shadow: 4px 4px 10px #aaa;
	-webkit-box-shadow: 4px 4px 10px #aaa;
	margin: 5px 10px 5px 20px;
	height: 260px;
	width: 420px;
	overflow: hidden;
}

#loginPagePublicInfosPanel .publicInfos .rf-p-hdr {
	padding: 0;
	margin: 10px 0 0 19px;
	font-size: 16px;
}

#loginPagePublicInfosPanel .publicInfosContent {
	display: inline-block;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	height: 200px;
	width: 400px;
	margin: 5px 10px 5px 20px;
	padding: 0px;
	padding-bottom: 10px;
	white-space: normal;
}

.pageTitle {
	border-bottom: 1px solid #797979;
	border-top: 1px solid #797979;
	color: #797979;
	font-size: 22px;
	font-weight: bold;
	padding: 5px;
	text-indent: 10px;
	margin-bottom: 15px;
	line-height: 28px;
}

.pageTitle input {
	float: right;
}


#menuForm\:mLogin, #menuForm\:mLogout {
	color: white;
}

.liame {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

	
/*****************************/
/****** Temporary Rules ******/
/*****************************/

/* temporary rule for editor panel - to be replaced by paddings */
.rf-pp-cntr table {
  	border-collapse: separate;
  	border-spacing: 2px;
}

.rf-pp-cntr table.rf-cal-extr {
  	border-collapse: collapse;
  	border-spacing: 0;
}

table.layout {
	border-collapse: collapse;
  	border-spacing: 0;
}


/***************************/
/****** Generic Rules ******/
/***************************/

body,div,p,ul,li {
	font-family: Arial, Verdana;
	font-size: 13px;
}

body {
	width: 100%;
}

th, td {
	text-align: left;
	vertical-align: top;
	padding: 2px;
}

input[type="text"], input[type="password"] {
	width: 180px;
	min-width: 140px;
	height: 16px;
	padding: 0px;
	margin: 1px 0;
	border-color: #797979;
	border-radius: 1px;
	padding: 0px 4px 0px 4px;
}

input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover,
div.panel textarea:hover, div.panel input[type="text"]:hover, div.panel input[type="password"]:hover {
	border-color: #E2D0AA;
}

div.panel{
	background-color: #FDFDFD;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	vertical-align: top;
}

.subPanel{
	display: inline-block;
	vertical-align: top;
	background-color: #F7F7F7  !important;
	border: 1px solid #797979 !important;
	padding: 10px  !important;
} 

input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover,
div.panel textarea:hover, div.panel input[type="text"]:hover, div.panel input[type="password"]:hover,
.tableFilter input[type="text"]:hover, .tableFilter input[type="password"]:hover, .tableFilter select:hover, .tableFilter textarea:hover,
table.filter input[type="text"]:hover, table.filter input[type="password"]:hover, table.filter select:hover, table.filter textarea:hover,
input[type="text"]:focus, input[type="password"]:focus, select:focus, input.rf-au-inp[type="text"]:focus, textarea:focus, 
div.panel textarea:focus, div.panel input[type="text"]:focus, div.panel input[type="password"]:focus,
.tableFilter input[type="text"]:focus, .tableFilter input[type="password"]:focus, .tableFilter select:focus, .tableFilter input.rf-au-inp[type="text"]:focus, .tableFilter textarea:focus,
table.filter input[type="text"]:focus, table.filter input[type="password"]:focus, table.filter select:focus, table.filter input.rf-au-inp[type="text"]:focus, table.filter textarea:focus {
	border-color: #FFC338;
}

textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], select[disabled],
textarea[disabled]:hover, input[type="text"][disabled]:hover, input[type="password"][disabled]:hover, select[disabled]:hover {
    background-color: #F2F2F2;
    border-color: #DADADA;
}

input.medium[type="text"], input.medium[type="password"] {
	width: 100px;
}

input.small[type="text"], input.small[type="password"] {
	width: 65px;
}

input.tiny[type="text"], input.tiny[type="password"] {
	width: 40px;
}

input.big[type="text"], input.big[type="password"] {
	width: 265px;
}

input.bigger[type="text"], input.bigger[type="password"] {
	width: 400px;
}

input, select, textarea {
	margin: 0 2px 2px 0;
	padding: 0;
}

input[type="radio"] {
	margin: 2px 1px 0 0;
}

select {
	max-width: 190px;
	min-width: 190px;
}

select.medium {
	width: 100px;
}

select.tiny {
	width: 40px;
}

select.small {
	width: 67px;
}

select.big {
	width: 265px;
}

select.bigger {
	width: 400px;
}

ul, ol {
	padding-left: 16px;
}

li {
	padding-left: 0px;
}

a {
	color: #0090FF;
	text-decoration: none;
}

a:hover {
	color: #DA8F22;
}

.oddRow:hover a:hover, .evenRow:hover a:hover,
.tableFilter a:hover, .rf-p.tableFilter a:hover {
	color:#8E5300;
}

textarea, input[type="text"], input[type="password"], select {
    font-size: 13px;
}

textarea {
	resize: none;
	width: 90%;
	height: 45px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* temporary rule. it will be replaced by the textarea rule (with no class) */ 
textarea.normal {
	width: 300px;
	height: 60px;
}

textarea.big {
	width: 265px;
	height: 120px;
}

textarea.bigger {
	width: 465px;
	height: 200px;
}

textarea.small {
	height: 30px;
}

table.border td, table.border th {
	border: 1px solid;
}

/* 'layout' is used for table with no border or padding, when used for layout only */
table.layout {
	border: none;
}

table.layout > tbody > tr > td, table.layout > tr > td,
table.layout > tbody > tr > th, table.layout > tr > th,
table.layout > thead > tr > th {
	border: none;
	padding: 0px;
	margin: 0px;
}

table.alignTop td {
	vertical-align: top;
}

table.labelValueTable > tbody > tr {
	border-bottom: 1px dotted #C5D0DB;
}

table.labelValueTable .label, table.labelValueTable label {
	font-weight: bold;
	font-size: 11px;
}

.commentComponent {
	font-weight: normal;
	font-size: 9px;
	white-space: pre-wrap;
}

fieldset {
	border-color: #A8B9CF;
	padding: 6px;
	margin-bottom: 10px;
}

fieldset > legend {
  	margin-left: 5px;
  	padding-left: 3px;
  	padding-right: 3px;
  	color: #3F5470;
  	font-weight: bold;
  	font-size: 13px;
}

.panelGroup {
	margin-bottom: 10px;
	display: block;
}

.panelGroupTitle {
  	color: #3F5470;
  	font-weight: bold;
  	font-size: 13px;
  	display: inline-block;
  	margin: 0 3px 3px 0;
  	line-height: 20px;
}

.commentComponent {
	font-weight: normal;
	font-size: 9px;
	white-space: pre-wrap;
}

.submitButtonsContainer {
	display: block;
	text-align: right;
	white-space: nowrap;
	margin-top: 5px;
}


.pre {
	white-space: pre;
}

.pre-wrap {
	white-space: pre-wrap;
}

.visible{
	visibility: visible;
}

.invisible{
	visibility: hidden;
}

.visible_false {
	visibility : hidden;
}

.display_false {
	display: none;
}

.rf-p {
	margin-bottom: 10px; z-index =-1;
	padding: 0px;
	margin-right: 10px;
	border-width:0px;
	display: inline-block;
}

.panelWithBorder {
	border: 1px solid #C0C0C0;
}

/* use this class on a rich:popupPanel if you don't want auto scroll */
.visibleOverflow,
.visibleOverflow .rf-pp-cnt-scrlr {
	overflow: visible;
}

/* Scrollable area, for use with checkbox groups, etc */
.scrollContainer {
	margin: 0;
	display: block;
	max-height: 150px;
	max-width: 150px;
	overflow: auto;
	padding-right: 20px;
}

/* Scrollable table cell, for use in a column potentially displaying a lot of items. Smaller than scrollContainer */
.scrollCell {
	max-height: 80px;
	overflow: auto;
}

/* Scrollable container for tables (to use on a div, wrapping a table) */
.scrollTableContainer{
	max-height: 400px;
	overflow-y: auto;
}

.scrollTableContainer table{
	width:100%;
	margin-right:20px; /* Avoids table body to be resized when the scrollbar appears, resulting in line breaks within table cells */
}

.spaceBefore{
	margin-top:10px;
}

.spaceAfter{
	margin-bottom:10px;
}

.border {
	border: solid gray 1px;
}

.emphase {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.comment {
	font-style: italic;
}

.strikethrough {
	text-decoration: line-through;
}

.hidden {
	display: none;
}

.right-align {
	text-align: right;
}

.left-align {
	text-align: left;
}

.textAlignCenter, .textAlignCenter td, .textAlignCenter th {
	text-align: center;
}

.throbber {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('../../layout/images/working.gif') center no-repeat;
}

.editor {
	font-size: 13px;
}

table.ac-editor {
	border-spacing: 0;
}

table.ac-editor > tbody > tr:first-child > td:first-child{
	padding: 0px;
}

/* label on the left of the value */
.editor label,
.editor .label {
	-margin-left: 6px;
	margin-right: 10px;
	color: #000000;
	display: inline-block;
	min-width: 90px;
	max-width: 165px;
	line-height: 20px;
}

.editor tr > td {
}

.editor .value {
	line-height: 20px;
	display: inline-block;
	min-width: 100px;
}

.required:after {
	content: ' *';
	color: red;
}

.button {
	cursor: pointer;
	text-decoration: none;
}

.link {
	cursor: pointer;
	text-decoration: none;
}

.nowrap {
	white-space: nowrap;
}

.backgroundEmphase {
	background-color: #EEEEEE;
}

.clickable{
	cursor: pointer;
}

.unclickable{
	cursor: not-allowed;
}

.unclickableItem {
	color: #AAAAAA;
}

.warning {
	color: red;
}

.topAlign td {
	vertical-align: top;
}

.middleAlign td{
	vertical-align: middle;
}

.middleAlign{
	vertical-align: middle;
}

/* Middle align for buttons (when there is text around) */
input.middleAlign{
	vertical-align: middle;
}

.rightAlign td {
	text-align: right;
}

.leftAlign td {
	text-align: left;
}

.centerAlign td {
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.smallAnchor {
	width: 10px;
	vertical-align: middle;
}

.inputMaxWidth {
	max-width: 150px;
}

.justified {
	text-align: justify;
}

a.sortHeader {
	padding-left: 15px;
	background: url('../../layout/images/sort_normal.png') no-repeat center
		left;
}

a.sortAsc {
	padding-left: 15px;
	background: url('../../layout/images/sort_asc.png') no-repeat center left;
}

a.sortDesc {
	padding-left: 15px;
	background: url('../../layout/images/sort_desc.png') no-repeat center left;
}

.disabled {
	color: graytext;
}

input[type="image"].disabled, img.disabled, a.disabled > img,
.rf-cal-inp[disabled] + .rf-cal-btn {
    filter: url("../../layout/svg/filters.svg#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome and Safari 6+ */
    cursor: default;
    margin: 0 2px 2px 0;	/* as buttons */
}

.input-disabler {
	background: rgb(192, 192, 192);
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 990;
}

.input-disabled {
	background: rgb(192, 192, 192);
	opacity: 0.4;
	filter: alpha(opacity = 40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 990;
	cursor: wait;
}

body.cursorProgress,
body.cursorProgress *:hover {
	cursor: progress !important;
}

body.cursorProgress .input-disabled {
	cursor: wait !important;
}


/* Ellipsis */

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



/**** Label value grid ****/

.label-value-table > tbody > tr > td:nth-child(2n) {
	width: 190px;
    border: 1px solid #CED7E7;
    background-color: #f3f3f3;
    padding: 2px;
}

.label-value-table > tbody > tr > td:nth-child(2n) > span:empty:before {
	content: "";
}

.label-value-table > tbody > tr > td:not(:nth-child(2n)) {
	width: 160px;
}

	
.label-value-table {
	border-spacing: 4px;
    border-collapse: separate;
    font-size: 13px;
}


/**** Label value with spouse without info ****/

.label-value-table-with-spouse {
	border-spacing: 4px;
    border-collapse: separate;
    font-size: 13px;
}

.label-value-table-with-spouse > tbody > tr > td:not(:nth-child(3n-2)) {
	width: 190px;
    border: 1px solid #CED7E7;
    background-color: #f3f3f3;
    padding: 2px;
}


.label-value-table-with-spouse > tbody > tr > td:nth-child(3n-2) {
	width: 160px !Important;
}

.label-value-table-with-spouse > tbody > tr > td:not(:nth-child(3n-2)) > span:empty:before {
	content: "-";
}

/**** Label value grid with info ****/

.label-value-table-with-info > tbody > tr > td:nth-child(3n-1) {
	width: 190px;
    border-bottom: 1px solid #CED7E7;
    padding: 2px;
}

.label-value-table-with-info > tbody > tr > td:nth-child(3n -1) > span:empty:after {
	content: "-";
}

.label-value-table-with-info > tbody > tr > td:nth-child(3n -2) {
	width: 160px;
}

.label-value-table-with-info > tbody > tr > td:nth-child(3n) {
	width: 30px;
}
	
.label-value-table-with-info {
	border-spacing: 4px;
    border-collapse: separate;
    font-size: 13px;
}

/****** And spouse ********/

.label-value-table-with-info-and-spouse > tbody > tr > td:nth-child(4n-1) {
	width: 190px;
    border: 1px solid #CED7E7;
    background-color: #f3f3f3;
    padding: 2px;
}

.label-value-table-with-info-and-spouse > tbody > tr > td:nth-child(4n-2) {
	width: 190px;
    border: 1px solid #CED7E7;
    background-color: #f3f3f3;
    padding: 2px;
}

.label-value-table-with-info-and-spouse > tbody > tr > td:nth-child(4n-2) > span:empty:after {
	content: "-";
}

.label-value-table-with-info-and-spouse > tbody > tr > td:nth-child(4n-1) > span:empty:after {
	content: "-";
}

.label-value-table-with-info-and-spouse > tbody > tr > td:nth-child(4n-3) {
	width: 160px;
}

.label-value-table-with-info-and-spouse > tbody > tr > td:nth-child(4n) {
	width: 30px;
}
	
.label-value-table-with-info-and-spouse {
	border-spacing: 4px;
    border-collapse: separate;
    font-size: 13px;
}


/****** Buttons ******/

button, 
input[type="reset"],
input[type="submit"]:not(.leftMenuItem):not(.leftActionMenuItem), 
input[type="button"], 
.rf-fu-hdr, 
.actionButton {
	box-sizing: content-box;
	display: inline-block;
	position: relative;
	line-height: 10px;
	margin: 2px;
	padding: 2px 10px 0 10px;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	border: solid 1px #797979;
	border-radius: 4px;
	padding: 0.5em 1em;
	cursor : pointer;
	min-width : 45px;
	background-color: #797979;
	color: #ffffff;
	
	transition-property: border-color, color, background-color;
	transition-duration:0.1s;
	transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-property: border-color, color, background-color;
	-moz-transition-duration:0.1s;
	-moz-transition-timing-function: ease;
	/* Safari and Chrome */
	-webkit-transition-property: border-color, color, background-color;
	-webkit-transition-duration:0.1s;
	-webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-property: border-color, color, background-color;
	-o-transition-duration:0.1s;
	-o-transition-timing-function: ease;
}



button.small, input[type="reset"].small, input[type="submit"].small, input[type="button"].small  {
	min-width: 30px;
}

button:hover, input[type="reset"]:hover, input[type="submit"]:hover:not(.leftMenuItem), input[type="button"]:hover, .rf-fu-hdr:hover,
table.filter button:hover, table.filter input[type="reset"]:hover, table.filter input[type="submit"], table.filter input[type="button"]:hover, table.filter .rf-fu-hdr:hover,
.tableFilter button:hover, .tableFilter input[type="reset"]:hover, .tableFilter input[type="submit"], .tableFilter input[type="button"]:hover, .tableFilter .rf-fu-hdr:hover  {
	color: #797979;
	border-color: #797979;
	background-color: #ffffff;
}

button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active, .rf-fu-hdr:active,
table.filter button:active, table.filter input[type="reset"]:active, table.filter input[type="submit"]:active, table.filter input[type="button"]:active, table.filter .rf-fu-hdr:active,
.tableFilter button:active, .tableFilter input[type="reset"]:active, .tableFilter input[type="submit"]:active, .tableFilter input[type="button"]:active, .tableFilter .rf-fu-hdr:active {
	color: #e4e5ff;
	background-color: #da8f22;
	border-color: #da8f22;
}

button[disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled],
button.disabled, input[type="reset"].disabled, input[type="submit"].disabled, input[type="button"].disabled,
button.disabled_true, input[type="reset"].disabled_true, input[type="submit"].disabled_true, input[type="button"].disabled_true {
    background-color: #efefef !important;
    border-color: #bbb !important;
    color: #bbb !important;
    cursor: default !important;
}

.loadingNewPage button, .loadingNewPage input[type="reset"], .loadingNewPage input[type="submit"], .loadingNewPage input[type="button"] {
    background-color: #efefef !important;
    border-color: #bbb !important;
    color: #bbb !important;
    cursor: default !important;
	
	transition-delay: 0.2s;
	transition-duration: 0.5s;
	transition-property: color, border-color, background-color;
}

input.smallActionButton, img.smallActionButton {
	height: 12px;
	margin-bottom: 0px;
}

img.button, .icon {
	margin: 0 2px 2px 0; /* as buttons */
}


/*****************************/
/****** Page components ******/
/*****************************/

/*** Action buttons panel ****/

.actionButtonsPanel {
	width: 100%;
	vertical-align: top;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: none;
	border-width: 0px;
	border-style: none;
	width: 100%;
	min-height: 18px;
	padding-bottom: 5px;
	text-align: left;
	background-color: #F2F5F7;
	margin-bottom: 0px;
}

.actionButtonPanel .rf-p-b{
	background-color: #F2F5F7;
}

.actionButtonsPanel .rf-p-b > * {
	vertical-align: top;
}

.actionButtonsPanel .rf-p-b{
	background-color:#F2F5F7;
	padding-bottom: 1px;
	min-height: 21px;
	_padding-bottom: 0px;
}

/****** Filters ******/

.tableFilter, .rf-p.tableFilter {
	background-color: #f5f5f5;  
	border: 1px solid #9BBFA9 !important;
	width: 100%; 
	box-sizing: border-box;
	margin-bottom: 10px;
}

.tableFilter .rf-p-b{
	padding-bottom:5px;
	padding-top: 5px;
}

table.filter {
	margin-left: auto;
	margin-right: auto;
}

table.filter td {
	padding: 0 30px 0 10px;
}

table.filter table td {
	padding: 0;
	padding-left : 3px;
}

table.filter input[type="submit"],
.tableFilter input[type="submit"] {
	margin: 15px 0 5px 5px;
	float: right;
}

table.filter label, table.filter .label, table.filter .title,
.tableFilter label, .tableFilter .label, .tableFilter .title {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 12px;
	margin: 7px 0px 0px 1px;
}

table.filter .title,
.tableFilter .title {
	font-size: 13px;
	margin-bottom: 2px;
	font-style: italic;
}

table.filter tr + tr .title,
.tableFilter tr + tr .title {
	margin-top: 18px;
}

.tableFilter textarea, .tableFilter input[type="text"], .tableFilter select, .tableFilter input.rf-au-inp
table.filter textarea, table.filter input[type="text"], table.filter select, table.filter input.rf-au-inp {
	border-color: #9BBFA9;
}

.tableFilter button, .tableFilter input[type="reset"], .tableFilter input[type="submit"], .tableFilter input[type="button"], .tableFilter .rf-fu-hdr, .tableFilter .actionButton,
table.filter button, table.filter input[type="reset"], table.filter input[type="submit"], table.filter input[type="button"], table.filter .rf-fu-hdr, table.filter .actionButton {
	border-color: #536f5e;
}

.tableFilter fieldset > legend, .tableFilter a,
table.filter fieldset > legend, table.filter a {
}




/****** Results tables ******/

.iconContainer, td.iconContainer, th.iconContainer {
	text-align: center;
	white-space: nowrap;
	min-width: 16px;
	width: 16px;
	max-width: 16px;
}

.iconContainer-two, td.iconContainer-two, th.iconContainer-two {
	text-align: center;
	white-space: nowrap;
	min-width: 36px;
	width: 36px;
	max-width: 36px;
}

.dateTimeContainer, td.dateTimeContainer, th.dateTimeContainer {
	min-width: 120px;
	width: 120px;
	max-width: 120px;
}


.dateContainer, td.dateContainer, th.dateContainer {
	min-width: 85px;
	width: 85px;
	max-width: 85px;
}

.dataModificationContainer, td.dataModificationContainer, th.dataModificationTimeContainer {
	min-width: 120px;
	max-width: 140px;
}

.applicantContainer, td.applicantContainer, th.applicantContainer {
	min-width: 120px;
	max-width: 160px;
}

.textContainer, td.textContainer, th.textContainer {
	min-width: 150px;
	max-width: 200px;
}


/****** Subtables ******/

table td.subTableContainer,
table.subTable > tbody > tr > td.subTableContainer,
table.subTable > thead > tr > th.subTableContainer  {
	padding: 0;
}

table td.subTableContainer table.subTable {
	padding: 0;
	margin: 0;
	width: 100%;
}

table.subTable > tbody > tr > td,
table.subTable > thead > tr > th {
	padding: 2px;
}

/****************************/
/****** Richfaces Tags ******/
/****************************/


/****** RichEditor (and cke) ******/

div.bigger > .rf-ed {
	width: 400px;
}

/****** DropDownMenu ******/
.rf-ddm-lbl {
	background-color: transparent;
}

.rf-ddm-unsel, .rf-ddm-sel {
	border: 0 none;
}


/****** FileUpload ******/
.rf-fu-itm {
	border: none;
}

.rf-fu-btn-cnt-clr {
	display: none;
}

.rf-fu-btns-lft {
	width: 100%;
}

.rf-fu-hdr {
	background: none;
	margin: 0px;
	padding: 2px 0px 0 0px !important; /* overrides standard buttons' padding */
}

.rf-fu-lst {
	overflow: hidden;
}

.rf-fu {
	border: none;
}

.rf-fu-btn-cnt-add {
	background: none;
	padding: 2px 10px 0px 10px !important;
	border: none;
	min-width: 80px;
}

.rf-fu-btn-add {
	margin: 0px;
	border: none;
	background: none;
}

.rf-fu-btns-rgh {
	display: none;
}

.rf-fu-hdr * {
	cursor: inherit;
}

/****** PopupPanel ******/
.rf-pp-cntr {
	border: 2px solid #797979;
	background-color: #FFFFFF;
}

.rf-pp-shdw {
	bottom: -3px;
	left: 3px;
	opacity: 0.1px;
	top: 3px;
	width: 707px;
}

.rf-pp-hdr {
	padding: 0px;
	background-image: none;
	background-color: #797979;
}


.rf-pp-hdr-cnt {
	color: #FFFFFF;
	font-size: 13px;
}

.rf-pp-cnt {
	font-size: 13px;
}

/****** Dialog Message ******/
.displayMessageContainer{ 
	max-height:500px;
	max-width:700px;
	overflow:auto;
	padding-right: 20px;
	min-height: 20px;
}


/****** NumberSpinner ******/

input.rf-insp-inp[type="text"] {
	height: 25px;
	text-align: center;
	font-size: 15px;
	min-width : auto;
}

.rf-insp-inp {
	max-width: 50px;
}

.rf-insp-btns{ 
	display:inline-flex;
	background-image: none;
	background: transparent;
	border: none;
}

.rf-insp-inc, .rf-insp-dec{ 
	height: 25px;
	width: 25px;
	background-image: none;
	background: transparent;
}

.rf-insp-inc {
	background: url(../../layout/images/add.png) no-repeat;
	background-position: center;
	border-left: 1px solid 797979;
}

.rf-insp-dec {
	background: url(../../layout/images/remove.png) no-repeat;
	background-position: center;
}

/******* CollapsiblePanel *******/

.rf-cp {
	border: none;
}

.rf-cp-lbl:hover {
	color: #da8f22;
}

.rf-cp-b {
	font-size: 13px;
}

.rf-ico-chevron-down-hdr {
	background: url('../../layout/images/chevron_down_small.png') no-repeat center;
}

.rf-ico-chevron-up-hdr {
	background: url('../../layout/images/chevron_up_small.png') no-repeat center;
}

/****** DataTable ******/
.rf-dt, table.dataTable {
	border: 1px solid #797979;
	width: 100%;
}

.rf-pp-cntr table.dataTable,
.rf-pp-cntr .rf-dt {
	border-spacing: 0;
	border-collapse: collapse;
}

.rf-dt-hdr-c[scope="colgroup"] {
    background-color: #ffffff;
    background-image: none;
    border: 0 none;
    color: #ffffff;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    padding: 1px 0;
    text-align: center;
}

.rf-dt-shdr-c, .rf-cst-shdr-c, table.dataTable th,
.rf-dt-hdr-c, .rf-cst-hdr-c, table.dataTable th,
table.dataTableWithHeader tr:first-child td {
	color: #797979;
	padding: 2px;
	background-image: none;
	background-color: #D8D8D8;
	padding-bottom: 5px;
	padding-top:5px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

.rf-dt-r:nth-child(even), table.dataTable tbody tr:nth-child(even) {
	background-color: #F9F9F9;
}

.rf-dt-shdr-c a, .rf-dt-hdr-c a, .rf-cst-shdr-c a, table.dataTable th a {
	color: #797979;
	text-decoration: none;
	display: inline-block;
}

.rf-dt-shdr-c a:hover, .rf-cst-shdr-c a:hover, table.dataTable th a:hover, .leftMenuItem:hover {
	color: #da8f22;
}

.rf-dt-c, .rf-cst-c, table.dataTable tbody td {
	font-size: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
	line-height: 18px;
	background-color: inherit;
}

.rf-dt-c *, .rf-cst-c *, table.dataTable tbody td * {
	line-height: 18px;
	vertical-align: top;
}

.rf-dt-ftr-c, table.dataTable tfoot td {
	background-color: #FFFFFF;
	border: 1px solid #797979;
}

.rf-dt-shdr-c, .rf-cst-shdr-c, table.dataTable th,
.rf-dt-c, .rf-cst-c, table.dataTable td,
.rf-dt-hdr-c, .rf-cst-hdr-c, table.dataTable th {
	border: 1px solid #797979;
}

.rf-dt-shdr-c, .rf-cst-shdr-c, table.dataTable th {
	vertical-align: middle;
}

.rf-dt-r:hover, table.dataTable tbody tr:hover {
	background-color: #ffecbf;
}

.headerWithAction{
	vertical-align: top; !important
}

.lightHeader {
	background: none;
	font-weight: normal;
	border: none;
	padding-bottom: 3px;
	padding-top: 3px;
}

/****** Datagrid ******/

.rf-dg-c, .rf-dg {
	border: none;
}

.rightSideBorder .rf-dg-c:last-child {
	border-right: none;
}

.rightSideBorder .rf-dg-c {
	border-right: 1px solid #c0c0c0;
}

/****** DataScroller ******/
/* datascroller buttons (prev, next, page numbers) */
.rf-ds-nmb-btn, .rf-ds-nmb-btn:hover,
.rf-ds-act, .rf-ds-act:hover,
.rf-ds-btn, .rf-ds-btn:hover {
	background-image: none;
	background-color: transparent;
	border-width: 0 0 0 1px;
	border-color: #797979;
	border-style: solid;
}

.rf-ds-nmb-btn:hover,
.rf-ds-btn:hover {
	color: #da8f22;
}

.rf-ds-btn-first, .rf-ds-btn-first:hover {
	border-left: none;
}

/* active button (current page) */
.rf-ds-act, .rf-ds-act:hover {
	color: #da8f22;
}

.rf-ds-act, .rf-ds-act:hover,
.rf-ds-act + *,
.rf-ds-act + *:hover {
	border-color: #da8f22;
}


/****** TabPanel ******/
.rf-tab-hdr-spcr {
	display: none;
}

table.rf-tab-hdr-tabs{
	border-spacing: 2px 0;
	border-collapse: separate;
}

.rf-tab{
	border: 1px solid #829CB7;
	margin-bottom: 10px;
}

.rf-tab-cnt{
	border: none;
	background: none;
	padding-top: 5px;
}
.rf-tab-hdr-brd{
	border: none;
	background: none;
	height: 0px;
}

.rf-tab-hdr-tabline-vis{
	background-color: #EFF5FC;
}
.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top{
	background: none;
	border: none;
	height: inherit;
}

.rf-tab-hdr.rf-tab-hdr-top {
	font-weight: bold;
	border-color: #829cb7;
	border-width: 1px 1px 0 1px;
	padding: 5px;
	background-image: none;
}

/* inactive (not selected) tab */
.rf-tab-hdr.rf-tab-hdr-top.rf-tab-hdr-inact {
	background: none repeat scroll 0 0 white;
	color: #797979;
}

/* active tab */
.rf-tab-hdr.rf-tab-hdr-top.rf-tab-hdr-act {
	background: none repeat scroll 0 0 #5691c8;
	color: white;
	border-color: #797979;
}

/* disabled tab */
.rf-tab-hdr.rf-tab-hdr-top.rf-tab-hdr-dis {
    background-color: #efefef;
    border-color: #bfbfbf;
    color: #bfbfbf;
}

/* hover */
.rf-tab-hdr.rf-cp-hdr.rf-tab-hdr-inact.rf-tab-hdr-top:hover{
	background-color: #F4F7F9;
	border-color: #797979;
}

/****** Panel (customized) ******/

.rf-p-hdr{
	background-color: none;
	background: none;
	color: #797979;
	font-size: 16px;
	font-weight: normal;
	padding: 1px;
	text-align: left;
	font-family: inherit;
	margin-top: 6px;
	margin-left: 4px;
	border: 0px;
	line-height: 25px;

}

.rf-cp-hdr{
	background-color: none;
	background: none;
	color: #797979;
	font-size: 16px;
	font-weight: normal;
	padding: 1px;
	text-align: left;
	font-family: inherit;
	margin-top: 6px;
	margin-left: 4px;
	border: 0px;
	line-height: 25px;
	color: #797979;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	font-family: inherit;
	border: 0 none;
	border-bottom: 1px solid #000000;

}

.rf-p-b {
	font-family: inherit;
	font-size: inherit;
	padding: 0;
	border: 0px none;
	font-size: 13px;
}



.rf-p.panel {
	padding: 10px;
}
	
.rf-p.panel .rf-p-hdr {
	background: none repeat scroll 0 0 transparent;
	color: #797979;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	font-family: inherit;
	border: 0 none;
	border-bottom: 1px solid #000000;
}

.rf-p.panel .rf-p-b {
	padding: 0;
}

.rf-p.panel.scrollable .rf-p-b {
	overflow: auto;
	padding: 0 0 0 0;
	max-height: 300px;
}

.rf-p.panel .label, .rf-p label {
	color: #797979;
}

.rf-p.panel .title {
	color: #09192B;
}

.rf-p.panel .rf-p-hdr .buttonsGroup {
	float: right;
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
}

.buttonsGroup > * + * {
  margin-left: 2px;
}


.rf-p-hdr-sub {
	background: none repeat scroll 0 0 transparent;
	color: #797979;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin-bottom: 5px;
	margin-top: 11px;
	font-family: inherit;
	border: 0 none;
	border-bottom: 1px solid #797979;
}


/****** Tooltip ******/

.rf-tt-cntr{
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}

/* Ticket N° 2599345 - validé par ac, mail du 06.09.2013 */
.rf-tt {
	border: 1px solid #797979;
	border-radius: 5px;
}

.rf-tt-cntr{
	border: none;
}

span.rf-tt, div.rf-tt{
	z-index: 900 !important;
}

.rf-tt-cntr fieldset {
	border-color: #9ABCED;
	padding: 3px;
}

.rf-tt-cntr fieldset + fieldset {
	margin-top: 10px;
}

.rf-tt-cntr fieldset legend {
	font-weight: bold;
}



/******************/
/****** Tags ******/
/******************/


/* Autocomplete */
input.rf-au-inp {
	width: 173px;
	border: 1px solid #797979;
 	background: url(../../layout/images/autocomplete.png) no-repeat 0px 0px #fcfcfc;
 	padding: 0px 0px 0px 15px;
}

.rf-au {
	background-color: transparent;
	background-image: none;
	border: 0 none;
}

.dateSelector input {
	max-width: 165px;
	min-width: 140px;
}

.dateTimeSelector input {
	max-width: 165px;
	min-width: 140px;
}


/* ValuesChooser */
.valuesChooser {
	display: inline-block;
	position: relative;
	padding-right: 20px; /* for the edit button */
}

.valuesChooser .vcValuesContainer {
	overflow: auto; 
	border: 1px solid #797979;
	display: inline-block;
	background: none repeat scroll 0 0 #FFFFFF;
}

.valuesChooser .vcValuesTable {
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	width:100%;
	margin-top: 0;
}

.valuesChooser .vcValuesContainer td {
	padding: 0 0 0 1px; /* same as the ".valuesChooser .vcNoValueText" padding */
}

.valuesChooser .vcNoValueText {
	display: block;
	line-height: 18px;
	padding: 0 0 0 1px; /* same as the ".valuesChooser .vcValuesContainer td" padding */
}

.valuesChooser .vcEditButton {
	position: absolute;
	top: 0;
	right: 0;
}


/****** Radio Buttons and Check Boxes Groups ******/

table.filter .radioButtonsGroup {
	margin-top: 1px;
}

table.filter .checkBoxesGroup {
	margin-top: 4px;
}

.radioButtonsGroup label, table.filter .radioButtonsGroup label,
.checkBoxesGroup label, table.filter .checkBoxesGroup label {
	display: inline;
	font-weight: normal;
	line-height: 18px;
	margin: 0 15px 0 0;
	min-width: 100px;
}

.radioButtonsGroup input[type="radio"] + label, table.filter .radioButtonsGroup input[type="radio"] + label, 
.checkBoxesGroup input[type="checkbox"] + label, table.filter .checkBoxesGroup input[type="checkbox"] + label {
	line-height: 13px;
}

.radioButtonsGroup td, table.filter .radioButtonsGroup td,
.checkBoxesGroup td, table.filter .checkBoxesGroup td {
	vertical-align: top;
	padding-left: 2px;
}

.radioButtonsGroup input[type="radio"], table.filter .radioButtonsGroup input[type="radio"] {
	margin-right: 4px;
}

.checkBoxesGroup input[type="checkbox"], table.filter .checkBoxesGroup input[type="checkbox"] {
	margin-right: 4px;
	vertical-align: middle;
}


/************************************/
/****  CONTEXT MENU COMPONENT   *****/
/************************************/
/* Note : the component do not need the 'visibleOverflow' class to be added to its parent rich:popupPanel */

/* ---- Rules for tuning the component look ---- */
			
/* Context menu content panel */
.contextmenu_content{
	background-color: #FFFFFF;
	border: 1px solid #ABCEF4; /* main border of the menu panel */
}

/* Border between each menu item (except the last one) */
.contextmenu_content li:not(:last-child){
	border-bottom: 1px solid #ABCEF4; /* should be the same as the main menu border (above) */
}

/* Highlighted menu item */
.contextmenu_content li:hover{
	background-color: #FFECBF;
}

/* Menu title item (not clickable text) */
.contextmenu_content li.contextmenu_title{
	cursor:default;
	display:block;
	line-height:12px;
	background-color: #C4CAD1;
	font-weight: bold;
}

/* ---- Rules for component mechanism ---- */

.contextmenu_container{
	display: inline-block;
	width: 16px;
	position: relative;
	margin: 0 2px 2px 0; /* like other image buttons */
}

.contextmenu_btn:not(:disabled){
	cursor: pointer;
}

.contextmenu_content{
	display:none;
	position:absolute;
	z-index:899; /* one less than rich:tooltips */
	text-align:left;
}

.contextmenu_content ul, .contextmenu_content ol{
	padding-left:0px;
}

.contextmenu_content li{
	text-align:left;
	width:100%;
	white-space: nowrap;
	padding:0px;
	overflow:hidden; /* Mainly hides label overflows */
	list-style-type: none;
	border-bottom:none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contextmenu_content li * {
	cursor: pointer;
	vertical-align: middle;
	display:inline-block;
	margin:0px;
	padding: 1px 3px 1px 0px;
}

.contextmenu_content label{
	width:100%; /* This makes the whole lable area clickable, but overflows the menu content container (that's why the container is overflow:hidden. See above)*/
	line-height:16px;
}

.contextmenu_content input:disabled+label,
.contextmenu_content input.disabled+label,
.contextmenu_content img.disabled+label, 
.contextmenu_content input:disabled+input[id$="_confirm"]+label, /* Fix: confirm buttons have a hidden button between button and label */
.contextmenu_content input.disabled+input[id$="_confirm"]+label,
.contextmenu_content img.disabled+input[id$="_confirm"]+label,
.contextmenu_content input:disabled+input[id$="_confirmAjax"]+label, /* in ajax too */
.contextmenu_content input.disabled+input[id$="_confirmAjax"]+label,
.contextmenu_content img.disabled+input[id$="_confirmAjax"]+label {
	color: grey;
	cursor: default;
}

/* If pointer is disabled on button, disable it also on label */
.contextmenu_content input.pointerDisabled+label,
.contextmenu_content img.pointerDisabled+label, 
.contextmenu_content input.pointerDisabled+input[id$="_confirm"]+label,
.contextmenu_content img.pointerDisabled+input[id$="_confirm"]+label,
.contextmenu_content input.pointerDisabled+input[id$="_confirmAjax"]+label,
.contextmenu_content img.pointerDisabled+input[id$="_confirmAjax"]+label {
	pointer-events: none;
}


/*************************************/
/**** TABLE CONTAINING EQUIPMENT *****/
/*************************************/

/* in-out table */
.oddRowInOutEquipment {
	background-color:#FFCCCC;
}
.evenRowInOutEquipment {
	background-color:#FFBBBB;
}

.oddRowInOutEquipment:hover, .evenRowInOutEquipment:hover {
	background-color:#FFECBF;
}

/* auxiliary table */
.oddRowAuxiliaryEquipment {
	background-color:#CCFFCC;
}
.evenRowAuxiliaryEquipment {
	background-color:#BBFFBB;
}

.oddRowAuxiliaryEquipment:hover, .evenRowAuxiliaryEquipment:hover {
	background-color:#FFECBF;
}

/* bandage table */
.oddRowBandageEquipment {
	background-color:#CCCCFF;
}
.evenRowBandageEquipment {
	background-color:#BBBBFF;
}

.oddRowBandageEquipment:hover, .evenRowAuxiliaryEquipment:hover {
	background-color:#FFECBF;
}


/************************************/
/****  BUTTONS GROUP COMPONENT  *****/
/************************************/
/*
The container's position is absolute instead of fixed because :
- fixed components that render outside the document are not visible
- fixed components don't follow the scroll
Since the container is absolutely positioned, you should not put it
inside a scrollable container. For using it inside a rich:popupPanel,
add the 'visibleOverflow' class to the rich:popupPanel.
*/

.buttons_group_container {
	display:inline-block;
	width: 16px;
	position: relative;
	margin: 0 2px 2px 0; /* like other image buttons */
}

.buttons_group {
	position: absolute;
	top:8px;
	left: 8px;
	border: 1px solid #ABCEF4;
	border-bottom: 0px;
	border-radius: 0px;
	z-index: 2;
}

.buttons_group_image {
	cursor: pointer;
}

.buttons_group_image.disabled {
	cursor: default;
}

.buttons_group table {
	border-collapse: collapse;
  	border-spacing: 0px;
}

.buttons_group tr {
	border-bottom: 1px solid #ABCEF4;
	background-color: #FFFFFF;
}

.buttons_group tr:hover {
	background-color: #D7E8FE;
}

.buttons_group td {
	vertical-align: middle;
	padding: 2px 4px;
	white-space: nowrap;
}

.buttons_group td * {
	line-height: 16px;
	white-space: nowrap;
}

.buttons_group input {
	vertical-align: middle;
	margin: 0px;
	padding: 0 2px;
}
.buttons_group label {
	cursor: pointer;
	vertical-align: middle;
}

/**********************/
/** Chooser de model **/
/**********************/

.noPaddingChooser .rf-p-b {
	padding: 0px;
}

/************************/
/** Ajax field edition **/
/************************/

input[type="text"].ajaxSaved, input[type="password"].ajaxSaved{
	background: url(../../layout/images/validated_small.png) no-repeat right top white;
}

/**********************/
/** DisplayLoginSchortcuts **/
/**********************/

.loginShortcutImage{
	background: url(../../layout/images/login.png) no-repeat 0px 0px #fcfcfc ;
	background-position: center;
	background-size: 50px 50px;
	width : 60px;
	height : 60px;
}

.loginShortcutShortcut{
	padding: 0px 12px 0 12px !important;
	vertical-align: middle;
	text-align : left !important;
		font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	color : #797979;
	
}


/*****************/
/***Home page****/
/***************/

.newsPanel {
	background-color: #FDFDFD;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.newsItemPanel {
	padding: 10px;
	background-color: transparent;
}
.newsTitle {
	background-color: transparent;
}			
.newsTitle div {
	font-weight: bold;
	text-decoration: underline;
}		
.newsRecipients {
	background-color: transparent;
}

div.img-div {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.img-div p {
	height: 124px;
	margin: 0 1em 1em 0;
	position: relative;
	width: 567px;
}

div.img-div p.p-small {
	height: 124px;
}

span.text-content {
	background: rgba(0,0,0,0.75);
	color: white;
	cursor: pointer;
	display: table;
	height: 239px;
	left: 0;
	position: absolute;
	top: 0;
	width: 567px;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

span.text-content-small {
	height: 124px;
}

span.text-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 16pt;
}

div.img-div p:hover span.text-content {
	opacity: 1;
}

.contactDetails p {
	margin-bottom: 3px;
	margin-left: 10px;
}


.topnav a {
  float: left;
  display: block;
  color: #797979;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a {
  float: left;
  display: block;
  color: #797979;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
  font-size: 17px;
}

.smallMenuLabel{
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left; 
	
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
 .largeMenuGrid{
    display : none;
  }
  #menuForm\:smallMenu_itm{
  	display : block;
  }
  #loginShortcutsForm{
  	display : none;
  }
    .institutionDiv{
  	display : block;
  }

}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (min-width: 600px) {
  .largeMenuGrid{
    display: initial;
  }
  
  #menuForm\:smallMenu_itm{
  	display : none;
  }
  
  #loginShortcutsForm{
  	display : block;
  }
  
  .institutionDiv{
  	display : flex;
  }

}

.insitutionPanel{
	vertical-align: top;
	display : inline-block;
	padding : 10px;
	
}
.margingText{
	white-space: pre-wrap;  
	margin-left:10px;
}

.rf-tb-itm{
	text-align : center;
}


/* New applicant pages*/
.flexDiv{
	display: flex;
}

@media screen and (max-width: 600px) {
	.flexDiv{
		display: block;
	}
	.notDisplayIfSmall{
		display:none;
	}
}


.mainPanel{
	order : 1;
	vertical-align: top;
	
}

.allNewsPanel{
	min-width : 300px;
	max-width : 400px;
	vertical-align: top;
	margin-top: 0px !important;
	order : 2;
	margin-left: auto;
	text-align: left;
}


.topicPanel {
	display : inline-block;
	background-color: #FDFDFD;
	width: 30%;
	height : 200px;
	min-width : 300px;
	margin-top: 0px !important;
	vertical-align: top;
	text-align: justify;
}

.topicImageDiv{
	text-align: center;
}

.topicImage{
	max-width:50px;
	display: inline-block;
	text-align : center;
	margin-top: 10px;
}

/*Display applicant context*/
.applicantInfoPanel {
	height: 85px;
	position: relative;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #797979;
	border-radius: 4px;
	background-color: #FBFCFD;
	padding: 4px;
	min-width: 300px; 
	display: inline-block; 
	vertical-align: top;
	float: left;
}

.applicantInfoName{
	font-weight: bold;
}

.applicantAddressInfoDetails{
	white-space: pre-wrap;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}

.applicantContactInfoDetails{
	white-space: pre-wrap;
	font-weight: normal;
	font-style: italic;
	font-size: 6pt !important;
}

.applicantContact{
	font-weight: normal;
	width: 100%;
}

.procurationPanel{
	width : 95%
}

.itemsOuterPanel{
	width : 95%
}

.subjectsOuterPanel{
	width : 95%
}

/**Edit health Service request**/
.toApplicant {
	background-color: #ecffdb !Important;
}
.track-progress {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.track-progress li {
	line-height: 30px;
	height: 30px;
}

.track-progress li>div {
	font-weight: bold;
	font-size: 13px;
}

.track-progress li>div a {
	padding-left: 3px;
	padding-right: 3px;
}
						
.notSelectedClass div > a{
	color: #797979;
}

.selectedClass div > a{
	color: #FEFEFE;
	background-color: #517ba8;
}

.selectedClass div{
	background-color: #517ba8;
}

.stepsContainer {
	width: 450px; 
	min-width:450px;
	height: 450px; 
	overflow-y:auto;
}

.stepsMenu{
	display: inline-block; 
	vertical-align: top; 
	width: 220px;
	border-right : 2px solid #e6e6e6;
}

.serviceContainer{
	border-bottom : 2px solid #e6e6e6;
}

/**Applicant context**/

.adminDataButton{
	background-image: url(../../layout/images/admindata.png);
}

.evaluationButton{
	background-image: url(../../layout/images/exam.png);
}

.documentButton{
	background-image: url(../../layout/images/documents.png);
}

.certificatButton{
	background-image: url(../../layout/images/doctor.png);
}

.requestButton{
	background-image: url(../../layout/images/send-request.png);
}

.closeContextButton{
	background-image: url(../../layout/images/closeContext.png);
}

.leftMenu{
	min-width : 320px;
	max-width : 320px;
	vertical-align: top;
	margin-top: 0px !important;
	order : 0;
}

.selectedLeftMenuItem{
	width: 300px;
	height: 32px;
	cursor: pointer;
	border: none !Important;
	display: grid;
	padding-top: 16px;
	font-size: 15px;
	padding-left: 15px;
	font-weight: bold;
	vertical-align: middle;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) inset;
	background-color: #4444441a;
	color: #797979;
	margin: 0 4px 4px 0;
	border-radius: 2px;
}

.leftMenuItem {
	width: 300px;
	margin: 0 4px 4px 0;
    height: 32px;
    cursor: pointer;
    border: none !Important;
    display: grid;
    padding-top: 15px;
    background-color: #FAFAFA;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-size: 15px;
    padding-left: 15px;
	font-weight: bold;
	vertical-align: middle;
	color : #797979;
}


.leftActionMenuItem {
	width: 300px;
	margin: 0 4px 4px 0;
    height: 32px;
    cursor: pointer;
    border: none !Important;
    display: grid;
    padding-top: 15px;
    background-color: #797979;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-size: 15px;
    padding-left: 15px;
	font-weight: bold;
	vertical-align: middle;
	color : #FAFAFA;
}

.rightMenu{
	min-width : 300px;
	max-width : 400px;
	vertical-align: top;
	margin-top: 0px !important;
	order : 0;
}

.rightMenuItem {
	margin: 0 4px 4px 0;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center left 10px;
    height: 47px;
    padding-left: 65px;
    cursor: pointer;
    border: none !Important;
    display: block;
    padding-top: 40px;
    background-color: #FAFAFA;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	color : #797979;
}

.saveAndQuitButton{
	margin-top: 4px;
	background-image: url(../../layout/images/save_white.png);
	background-size: 32px 32px;
	min-height: 45px;
	text-align: left;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding-left: 65px;
	min-width: 315px;
	padding-top: 0;
}

.saveAndQuitButton:hover{
	background-image: url(../../layout/images/save.png);
}

.saveAndSubmitButton{
	margin-top: 4px;
	background-image: url(../../layout/images/send-request_white.png);
	background-size: 32px 32px;
	min-height: 45px;
	text-align: left;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding-left: 65px;
	min-width: 315px;
	padding-top: 0;
}

.saveAndSubmitButton:hover{
	background-image: url(../../layout/images/send-request.png);
}

.quitButton{
	margin-top: 4px;
	background-image: url(../../layout/images/previous_white.png);
	background-size: 32px 32px;
	min-height: 45px;
	text-align: left;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding-left: 65px;
	min-width: 315px;
	padding-top: 0;
}

.quitButton:hover{
	background-image: url(../../layout/images/previous.png);
}

.returnButton{
	background-image: url(../../layout/images/previous_white.png);
	background-size: 32px 32px;
	text-align: left;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding-left: 65px;
	width: 250px;s
	padding-top: 15px;
	margin-top: 4px;
}

.returnButton:hover{
	background-image: url(../../layout/images/previous.png);
}


.leftMenuSeparator {
	width: 300px;
    height: 10px;
    border: none !Important;
    display: grid;
	vertical-align: middle;
}

.question{
	font-weight: normal !important;
	color : #797979;
	display : block;
	margin-top : 40px;
}

.questionContent{
	margin-left: 10px;
	margin-top: 10px;
	display : inline-block;
	vertical-align: top;
}

.questionHelp{
	display : inline-block;
	max-width:300px;
	min-width:200px;
	background:#ffffa5;
	padding:10px;
	font-size:13px;
	box-shadow: 2px 4px 6px #444;
	-moz-box-shadow: 2px 4px 6px #444;
	-webkit-box-shadow: 2px 4px 6px #444;
	float:right;
	margin : 20px;
	
}


.infoCompleted{
	background-image: url(../../layout/images/check.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
    background-position: center right 10px;
}

.infoUncompleted{
	background-image: url(../../layout/images/uncheck.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
    background-position: center right 10px;
}

.oparResultTable{
	width: auto !important;
}

.docCompleted{
	background-image: url(../../layout/images/check.png);	
	background-repeat: no-repeat;
	background-size: 24px 24px;
	width : 24px;
	height : 24px;
}

.docUncompleted{
	background-image: url(../../layout/images/uncheck.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	width : 24px;
	height : 24px
}

.menuItemdisabled{
	background-color: #ffd9da !important;
	cursor: not-allowed;
}

.mainColumnContainer{
	max-height : 500px;
	overflow-y: auto;
}

.servicePanel{
	vertical-align: top;
}

/*** Applicant Menu ****/

#leftNav {
	float: left;
	width: 230px;
	height: 700px;
	overflow-x: hidden;
	padding: 7px;
	margin-left: -2px;
	background-color: #FCFDFF;
	border: 1px;
	border-style: solid;
	border-color: #4b6588;
	z-index: 2;
}

#leftNav select#selectApplicantForm\:applicantFile,
#leftNav select#selectApplicantForm\:applicantFile:hover {
	background-color: #FFF;
	border: 1px solid #bed6f8;
}

#leftNav select#selectApplicantForm\:applicantFile option {
	height: 17px;
}

#leftNav select#selectApplicantForm\:applicantFile option:hover {
	background-color: #FFECBF;
}

#leftNav th {
	font-weight: bold;
	text-align: center;
}

#leftNav td, #leftNav th {
	padding : 2px;
}

#leftNav, #leftNavContainer  {
	transition: width 0.7s;
	-moz-transition: width 0.7s; /* Firefox 4 */
	-webkit-transition: width 0.7s; /* Safari and Chrome */
	-o-transition: width 0.7s; /* Opera */
	-ms-transition: width 0.7s ease-in; /* IE10 */
}

/* collapsed left navigator */
#leftNavContainer {
	width: 48px;
	height:550px;
}
	
#leftNav {
	width: 18px;
	height:550px;
	position:fixed;
}

#leftNavContainer #selectApplicantForm\:selectApplicantPanel {
	display: none;
}

#leftNavContainer #selectApplicantForm\:btnCollapse {
	display: none;
}

#leftNavContainer #selectApplicantForm\:btnExpand {
	display: block;
	cursor: pointer;
}

#leftNavContainer #selectApplicantForm\:btnRefresh {
	display: none;
}

/* expanded left navigator */
#leftNavContainer.displayLeftNav {
	width: 350px
}

#leftNavContainer.displayLeftNav #leftNav {
	width: 320px;
}

#leftNavContainer.displayLeftNav #selectApplicantForm\:selectApplicantPanel {
	width: 300px;
	display: block;
}

#leftNavContainer.displayLeftNav #selectApplicantForm\:btnCollapse {
	display: block;
	cursor: pointer;
}

#leftNavContainer.displayLeftNav #selectApplicantForm\:btnExpand {
	display: none;
}

#leftNavContainer.displayLeftNav #selectApplicantForm\:btnRefresh {
	display: block;
}


#leftNavContainer #selectApplicantForm\:leftNavButtons {
	position: absolute;
	right: 0;
}

#leftNavContainer #selectApplicantForm\:leftNavButtons > * {
	margin-bottom: 10px;
}

/* applicant selector */

#selectApplicantForm\:applicantSelector {
    display: block;
    max-height: 421px;
    overflow: auto;
    width: 315px;
}

#selectApplicantForm\:applicantSelector > .applicantItem {
	display : block;
	width: 286px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	color: #404b59;
	border-style: solid;
	border-color: #b5c2cf;
	border-width: 1px 1px 0 1px;
	background-color: #FFFFFF;
	padding: 0 2px 0 6px;
	margin: 0;
	vertical-align: middle;
	text-align: left;
	transition-property: background-color,color;
	position : relative;
}

#selectApplicantForm\:applicantSelector > .applicantItem > span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#selectApplicantForm\:applicantSelector > .applicantItem.hasRelieves_true,
.loadingNewPage #selectApplicantForm\:applicantSelector > .applicantItem.clickedItem.hasRelieves_true {
	padding-right: 24px;
	width: 264px;
}

#selectApplicantForm\:applicantSelector > .applicantItem.hasRelieves_true .relievesButton {
	position: absolute;
	top: 2px;
	right: 4px;
	margin: 0;
}

#selectApplicantForm\:applicantSelector > .applicantItem.hasRelieves_false .relievesButton {
	display: none;
}

#selectApplicantForm\:applicantSelector > .applicantItem:last-child {
	border-bottom-width: 1px;
}

#selectApplicantForm\:applicantSelector > .applicantItem:hover {
	color: #da8f22;
}

#selectApplicantForm\:applicantSelector > .applicantItem.selected {
	cursor: default;
}

#selectApplicantForm\:applicantSelector > .applicantItem.selected,
.loadingNewPage #selectApplicantForm\:applicantSelector > .applicantItem.clickedItem {
	color: #da8f22;
	border-color: #da8f22;
	border-left-width: 5px;
	padding-left: 2px;
}

#selectApplicantForm\:applicantSelector > .applicantItem.selected + .applicantItem,
.loadingNewPage #selectApplicantForm\:applicantSelector > .applicantItem.clickedItem + .applicantItem {
	border-top-color: #da8f22;
	
	transition: border-top-color 0s ease 0s !important;
}

.loadingNewPage #selectApplicantForm\:applicantSelector > .applicantItem:not(.clickedItem) {
	color: #999;
	border-color: #999;
	cursor: default;
	
	transition-delay: 0.2s;
	transition-duration: 0.5s;
	transition-property: color, border-color;
}

.loadingNewPage #selectApplicantForm\:applicantSelector > .applicantItem.clickedItem {
    animation: selectedItemHighlight 2s infinite;
}

.maxSizeEmergencyIcon{
	max-height:20px;
	max-width:20px;
}