.disabled_background {
	background-color: transparent !important;
	border: none;
	padding-top: 1px;
	background: transparent;
}

.img-responsive {
     display: inherit !important;
     margin: 0 auto;
}

.rowSpacer {
	margin-bottom: 10px;
}

.title_underline {
	text-decoration: underline;	
}

.labels_fullSize {
	width: 100%;
	text-align: left;
	font-weight: bold;	
}

.datas {
	text-align: left;
	font-weight: normal;	
}

.datas_normal {
	font-weight: normal;	
}

.datas_fullSize {
	width: 100%;
	text-align: left;
	font-weight: normal;	
}

.datas_fullSize_text {
	width: 100%;
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
}

.datas_fullSize_center {
	width: 100%;
	text-align: center;
	font-weight: normal;	
}

.data_italic {
	font-weight: normal;
	font-style: italic;	
}

.data_left {
	text-align: left;	
	font-weight: normal;
	width: 100%;
}

.data_left_textArea {
	text-align: left;	
	font-weight: normal;
	width: 100%;
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
	overflow:auto;
	resize: none;
}

.resultCode_center {
	width:100%;
	text-align: center;
}

.resultCode_center_red {
	width:100%;
	text-align: center;
	font-weight: bold;
	border: 0px;
	color: red;
}

.upperCase {
	text-transform: uppercase;
}

.columnIndex {
	width: 4%;	
}

.columnAction {
	width: 10%;
	cursor: pointer;	
	text-align: center;
}

.column_5 {
	width: 5%;
}

.column_95{
	width: 95%
}

.panelGrid_1columns {
	width: 100%;
}

.panelGrid_2columns {
	width: 50%;
}

.panelGrid_3columns {
	width: 33.33%;
}

.labels_normal {
	font-weight: normal;
}

.labels_normal_left {
	font-weight: normal;
	text-align: left;
}

.labels_right {
	text-align: right;
	font-weight: bold;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}

.labels_normal_right {
	text-align: right;
	font-weight: normal;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}

.message_error_center {
	color:var(--message_error_color);
	text-align: center;
	width: 100%;
}

.message_error_center_bold {
	color:var(--message_error_color);
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.message_error {
	color:var(--message_error_color);
}

.ui-datagrid-content-empty {
	color:var(--message_error_color);
}

.message_ok_center {
	color:var(--message_ok_color);
	text-align: center;
	width: 100%;
}

.message_ok_center_bold {
	color:var(--message_ok_color);
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.message_ok {
	color:var(--message_ok_color);
}





.button_center {
	width:100%;
	text-align: center;
	font-weight: normal;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.button_left_center {
	width:50%;
	text-align:left;
	border: 0px;	
}

.button_right_center {
	width:50%;
	text-align:right;
	border: 0px;
}

.cursorPointer {
	cursor: pointer;
}

.cursorDefault {
	cursor: default;
}

.fullPage {
	width:100% !important;	
}

.fullPageCenter {
	text-align: center;
	width:100% !important;	
}

.fullPageCenterLeft {
	text-align: left;
	width:100% !important;	
}

.fullPageCenterRight {
	text-align: right;
	width:100% !important;	
}

.link {
	color:blue;
	font-weight: normal;
	cursor: pointer;
}

.link2:hover, .link2:active {
	color:blue !important;
	font-weight: normal !important;
	cursor: pointer !important;
	text-decoration: underline !important;
	
}

.link2 {
	color:blue !important;
	font-weight: normal !important;
	cursor: pointer !important;
}

.buttonClearFile {
	margin-left: 15px;
	margin-top: -3px;
}

/* pas d'opacité */
.opacity_disabled {
	opacity: 1 !important;
}



.ui-panel .ui-panel-titlebar {
    background-image: linear-gradient(to right, var(--background-panel-title) 20px, var(--background-panel-title) 180%) !important;
}

.ui-panel .ui-panel-content {
    background-image: none !important;
    border: 1 !important; 
}

.panel {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.20) !important; 
}

.panel-title {
	font-family: 'fontApp_bold' , var(--font-familly-app) !important;
	font-size: 3rem !important;
	color: var(--text-color) !important;
	text-align: center !important;
	width: 100%;
	border: 2px solid;
	border-radius: 8px;
}

.ui-panel .ui-panel-title {
	color: var(--text-panel-title) !important;
	font-weight: normal !important;
}

.panel-title-link {
	text-shadow: none;
}

.panel-heading {
    border-bottom: 0px!important;
    font-weight: bold !important;
}
.panel-heading a::after {
	color: var(--button-color) !important;
}
.panel-heading a:hover::after {
	color: var(--button-color-hover) !important;
}
a.panel-title-link {
     color: var(--text-panel-title-link-color) !important;
}
a.panel-title-link:hover {
    color:var(--text-panel-title-link-color-hover) !important;
}

.panel-heading a.collapsed:after {
	display: none !important;
}

.panel-title-link::after {
	display: none !important;
}

.link_panels {
	text-transform: none !important;
	font-style: italic;
	font-weight: normal;
	cursor: pointer;
	color: var(--text-panel-title-link-color) !important;
}

.link_panels:hover {
	color:var(--text-panel-title-link-color-hover) !important;	
}

a[id*="id_selectAll"]::hover {
	color: var(--text-panel-title-link-color-hover);
}
a[id*="id_selectEmpty"]::hover{
	color: var(--text-panel-title-link-color-hover);
}
a[id*="id_selectAll"]::after {
	font-family: none !important;
	display: none !important;
}
a[id*="id_selectEmpty"]::after {
	font-family: none !important;
	display: none !important;
}


.panel-primary_corporate > .panel-heading {
	background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
	color: var(--button-text-color) !important;
	text-align: center;
	border-radius: 5px 5px 5px 5px !important;
}
.panel-primary_corporate > .panel-heading + .panel-collapse > .panel-body {
	background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
	color: var(--button-text-color) !important;
	text-align: center;
}
.panel-primary_corporate > .panel-heading .badge {
    background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
    color: var(--button-text-color) !important;
	text-align: center;
}
.panel-primary_corporate > .panel-footer + .panel-collapse > .panel-body {
	background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
	color: var(--button-text-color) !important;
	text-align: center;
}

.panel-body {
    background-image: linear-gradient(to right, var(--panel-background-left) 20px, var(--panel-background-left) 220%) !important;
}

.ui-panel .ui-panel-content {
    background-image: linear-gradient(to right, var(--panel-background-left) 20px, var(--panel-background-left) 220%) !important;
    background-image: none !important;
    border: 1 !important; 
}

/* bouton fermer en haut à droite des panels */
.panelActionsRight {
    float: right;
    margin-right: 0px !important;
    margin-top: 0px !important;
}

.ui-widget-header {
	background-image: linear-gradient(to bottom, var(--button-color) 20px, var(--button-color) 230%);
	color: var(--button-text-color);
	text-shadow: none !important;
}

.panel-primary_sub_corporate {
	border-color: #FFFFFF;
}

.panel-primary_sub_corporate>.panel-heading {
	background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
    /* border-color: #FFFFFF */;
    color: var(--button-color);
    text-align: left;
    text-shadow: 0px 3px 5px var(--button-color);
    text-transform: uppercase;
  	cursor: pointer;
  	
  	border-bottom: 0px!important;
    font-size: 120% !important;
    font-weight: bold !important;
    
    border-radius: 5px 5px 5px 5px;
}

.panel-primary_sub_corporate_panelTitle>.panel-heading {
	background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
    /* border-color: #FFFFFF; */
    color: var(--button-color);
    text-align: left;
    text-shadow: 0px 3px 5px var(--button-color);
    text-transform: uppercase;
  	cursor: pointer;
  	
  	border-bottom: 0px !important;
	font-weight: bold !important;
}

.panel-primary_sub_corporate>.panel-heading+.panel-collapse>.panel-body {
	/* border-top-color: #FFFFFF; */
}

.panel-primary_sub_corporate>.panel-heading .badge {
    color: var(--button-color);
	/* background-color: #FFFFFF; */
	cursor: pointer;
}

.panel-primary_sub_corporate>.panel-footer+.panel-collapse>.panel-body {
	/* border-bottom-color: #FFFFFF; */
}

.panelNoBorder {
	border: none;
	padding-top: 1px;
	background: transparent;
}

.panelTitle {
	text-align:center;
	font-weight: bold;
}


body {
	font-family: 'fontApp', var(--font-familly-app) !important;
	font-size: var(--app-text-size) !important;
}

.ui-layout-unit-header {
	display: none !important;
}

.ui-layout-north .ui-layout-pane-north {
	border: none !important;
}

.ui-layout-pane-north {
	z-index: 3 !important;
}

.ui-layout-pane-south {
	z-index: 2 !important;
}

.ui-layout-pane-center {
	z-index: 1 !imprtant;
}

.ui-layout-unit .ui-layout-unit-content {
    overflow-x: hidden !important;
}


.container {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: none !important;
    padding-right: none !important;
    width: 100% !important;
}

.container-fluid {
	margin-right: auto !important;
    margin-left: auto !important;
    padding-left: none !important;
    padding-right: none !important;
    width: 100% !important;
}


#layoutMenu {
	min-height: var(--height-menu) !important;	
}

#layoutCenter {
	inset: var(--height-menu) 0px var(--height-footer) !important;
}

#layoutFooter {
	height: var(--height-footer) !important;
}

#container_content {
	display: table;
	height: inherit;
}

#footerDiv { 
    bottom: 0px;  
    cursor: pointer;
    font-weight: bold;
    outline: medium none;
    padding: 3px 0 3px 4px;
    position: fixed;
    text-decoration: none;
    width: 100%;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}

#topScrollingDiv span, #topScrollingDiv span:hover{
     background-repeat: no-repeat;
}

#panelPagination {
	background: var(--background-pagination-color) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--background-pagination-color) 5px, var(--background-pagination-color) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--background-pagination-color) 5px, var(--background-pagination-color) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--background-pagination-color) 5px, var(--background-pagination-color) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--background-pagination-color) 5px, var(--background-pagination-color) 120%) !important; /* Standard syntax */
	
    border: 0px !important;
    color: var(--text-pagination-color) !important;
    font-weight: bold !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    
    margin-top: 10px !important;
}

.row_blank {
	margin-top: var(--height-menu-vh); /* 50vh - 7vh(hauteur du menu) */
	transform: translateY(0%);
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.row_blank_login {
	margin-top: var(--height-menu-vh); /* 50vh - 7vh(hauteur du menu) */
	transform: translateY(var(--login-center-translate));
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.fullPageFooter {
	text-align: center;
	width:100%;
	background-image: linear-gradient(to right, var(--footer-background-left) 20px, var(--footer-background-right) 50%) !important;	
}

.panel-backButton {
	position: absolute !important;
	display: inherit !important;
	top: 50% !important;
	text-align: left !important;
	overflow: hidden !important;
}


.ui-slider .ui-slider-handle {
	background: var(--text-color) !important;
}
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-default {
	background: none;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
	background: var(--button-color);
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
	font-weight: normal !important;	
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    display: inherit !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 24px !important;
}

.ui-selectonemenu {
    width: 100% !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	background: var(--button-color) ;
}

.ui-selectonemenu-trigger.ui-state-hover {
	background: var(--button-color-hover);
}

.ui-selectonemenu-item:hover {
	background: var(--button-text-color);
	color: var(--button-color);
	border: 1px solid var(--button-color);	
	text-shadow: none !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
	box-shadow: 0 0 !important;
	border-top: 1px solid var(--color-border-inputField) !important;	
}

.bf-message {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
    margin-top: 0px !important;
}


.ui-message-error {
    background-color: transparent !important;
    border: none !important;
	font-style: italic;
	font-size: 1.2rem !important;
	background-image: url(images/check_ko.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    padding-left: 15px !important;
}

.ui-message-error-icon {
	display: none !important; 
}	



.steps .ui-state-highlight::after {
    content: "";
    position: absolute;
    right: -20px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 20px solid var(--step-active) !important;
    border-bottom: 30px solid transparent;
}

.panelSteps .ui-state-default a, .panelSteps .ui-state-default a:link {
	text-shadow: none !important;
}
.ui-accordion .ui-accordion-header .ui-icon {
    display: inherit !important;
}

.ui-accordion .ui-accordion-header {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
}

.ui-accordion .ui-accordion-content {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;	
}

.input-sm {
    /* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
    height: 25px !important;
    margin-top: -3px !important;
}

.ui-inputfield {
    margin-top: -3px !important;
}


.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: inset 0 0px 0px #8f8f8f !important;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1), 
.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) {
    width: 42% !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
	width: 16% !important;
}

.ui-picklist .ui-picklist-buttons {
    padding-left: 15px !important;
}


.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
	background: var(--button-pickList) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-pickList) 5px, var(--button-pickList) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-pickList) 5px, var(--button-pickList) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-pickList) 5px, var(--button-pickList) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-pickList) 5px, var(--button-pickList) 120%) !important; /* Standard syntax */
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button:hover {
	background: var(--button-pickList-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* Standard syntax */
}

.ui-picklist-item:hover {
    background: var(--button-pickList-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-pickList-hover) 5px, var(--button-pickList-hover) 120%) !important; /* Standard syntax */
}
.thumbnail, .img-thumbnail {
    margin-top: 15px !important;
}
   
.dataGrid .ui-panel .ui-panel-content {
    margin: 0px !important;
}
.ui-datagrid-data {
	background-image: linear-gradient(to right, var(--panel-background-left) 20px, var(--panel-background-left) 220%) !important;
}

.ui-datagrid-content-empty {
	text-align: center !important;
	font-weight: bold !important;
	border: 0px !important;
	color: red !important;
}



.noBorderDataGrid .ui-widget-content {
	border: none !important;	
}

.separator {
	border-bottom: 1px solid var(--separator-color);
}

.separatorForm {
	border-bottom: 1px solid var(--separator-color);
}

.separatorForm_corporate {
	border-bottom: 1px solid var(--separator-color);
	margin-top: -10px;
}
.ui-tabs .ui-tabs-nav {
	text-align: left !important;	
}

.ui-tabs-header.ui-state-default.ui-corner-top {
    background: var(--background-color-default-tab);
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    background: var(--background-color-selected-tab);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    text-decoration: none;
    color: var(--text-color-selected-tab);
    text-shadow: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: var(--text-color-selected-tab);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff;
    text-shadow: none !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
	background: var(--background-color-header-tab-panel);
}

.ui-tabs .ui-tabs-nav li a {
	color: var(--text-color-default-tab);
}
.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-default {
	background: none;
}
.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
	background: var(--button-color);
}

.ui-selectlistbox-item:hover {
	background: var(--button-text-color);
	color: var(--button-color);
	border: 1px solid var(--button-color);	
	text-shadow: none !important;
}

.button_corporateBack.ui-button  {
	background: var(--button-color) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* Standard syntax */
	
    color: var(--button-text-color) !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: var(--button-border-radius) !important; 
    border-color: var(--button-color-hover);
    filter: alpha(opacity = 40); /* IE < 8 */
    opacity: 0.4;	   
}

.button_corporateBack.ui-button:hover {
	background: var(--button-color-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* Standard syntax */
	
    color: var(--button-text-color-hover) !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: var(--button-border-radius) !important;
    border-color: var(--button-color);   
	filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}

.button_corporate.ui-button  {
	background: var(--button-color) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* Standard syntax */
	
    color: var(--button-text-color) !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    border: 1px solid var(--button-text-color);
    border-radius: var(--button-border-radius) !important;    
}

.button_corporate.ui-button:hover {
	background: var(--button-color-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* Standard syntax */
	
    color: var(--button-text-color-hover) !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: var(--button-border-radius) !important;  
}

.btn {
    border: 0px !important;
}

/* .ui-button-icon-only {
    margin-left: -4px !important;
} */



/* bouton X en haut à droite */
.customPullRight {
	float: right !important;
 	margin-top: -6px !important;
}

/* icon en haut à droite des p:dataGrid*/
.customPullRight_panelDatagrid {
    float: right !important;
    margin-top: -2px !important;
}


@media only screen and (max-width: 60em) {	
	#panelButtonSearch {
		margin-top:5px;
		width: 100%;
	}
			
	.panelActionsRight {
		float: right;
		margin-top: -20px
	}
	
	.panelButtonActionsRight {
		float: right;
	}
	
	.fullPageCenterInLine {
		margin-top:5px;
		text-align: center;
		width:100%;
	}
}

@media only screen and (min-width: 60em) {
	.panelActionsRight {
		float: right;
	}	
	
}









.ui-dialog .ui-dialog-titlebar-close span {
	border-radius: 7px 7px 7px 7px;
}

.ui-dialog .ui-dialog-titlebar {
	background: var(--background-panel-title) !important;
}

.ui-dialog {
	/* height:160px !important; */
	height: auto !important;
}
.ui-dialog .ui-dialog-titlebar-close:hover, 
.ui-dialog .ui-dialog-titlebar-close:focus, 
.ui-dialog .ui-dialog-titlebar-minimize:hover, 
.ui-dialog .ui-dialog-titlebar-minimize:focus, 
.ui-dialog .ui-dialog-titlebar-maximize:hover, 
.ui-dialog .ui-dialog-titlebar-maximize:focus.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-state-hover {
 	background: transparent !important;
 	border: none !important;
 	box-shadow: none !important;
}

.ui-dialog .ui-dialog-title {
	color: var(--text-panel-title) !important;	
	font-weight: normal !important;
}

.modal-header {
	background-image: linear-gradient(to bottom, var(--background-panel-title) 20px, var(--background-panel-title) 230%) !important;
	color: var(--text-panel-title) !important;
	border-radius: 5px !important;
    line-height: 0px !important ;
    
    padding: 1px !important;
  	padding-left: 15px !important;
}

.scrollPopup {
	width:100% !important;
	height:160px !important;
	overflow-y: auto !important;
	border: none !important;
}


.ui-outputlabel .ui-outputlabel-rfi {
	color: red;	
}

.msg_result_error {
	color: red;
}
.msg_result_ok {
	
}
@font-face{ 
	font-family: 'fontApp';
	src: url("/SANTESTAT/web/javax.faces.resource/HelveticaNeueInterface.ttf?ln=font");
}

@font-face{ 
	font-family: 'fontApp_bold';
	src: url("/SANTESTAT/web/javax.faces.resource/HelveticaNeueInterface_Bold.ttf?ln=font");
}

@font-face{ 
	font-family: 'fontApp_italic';
	src: url("/SANTESTAT/web/javax.faces.resource/HelveticaNeueInterface_Italic.ttf?ln=font");
}

@font-face{ 
	font-family: 'fontApp_medium';
	src: url("/SANTESTAT/web/javax.faces.resource/HelveticaNeueInterface_Medium.ttf?ln=font");
}

@font-face{ 
	font-family: 'fontApp_boldItalic';
	src: url("/SANTESTAT/web/javax.faces.resource/HelveticaNeueInterface_BoldItalic.ttf?ln=font");
}


.loginPage .ui-widget {
     /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.loginPage .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
     /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.login_appName {
	    /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.step_title {
	    /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
	text-align: center;
	margin-bottom: 50px;
	color: #414042;
}


.ui-datepicker {
	    /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.ui-widget-content {
       /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.ui-inputfield {
	    /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.ui-steps .ui-steps-item {
        /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}
.ui-commandlink .ui-widget {
	    /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.ui-selectoneradio {
    /* font-family: 'fontApp', var(--font-familly-app)  !important; */
    font-family: var(--font-familly-app)  !important;
}

.ui-outputlabel{
    /* font-family: 'fontApp', var(--font-familly-app) !important; */
    font-family: var(--font-familly-app) !important;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: none  !important;
}

.ui-datatable tbody td {
    border-color: inherit;
    border-style: solid !important;
    border-width: 1px !important;
    overflow: hidden !important;
    padding: 2px 10px !important;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: center;
    border-color: 1px solid var(--color-border-header-table) !important;
}

.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
 	padding: 8px 10px !important;
}

body .ui-datatable .ui-datatable-data > tr.ui-datatable-even {
    background-color: var(--background_color_even_table) !important;
}
body .ui-datatable .ui-datatable-data >  tr.ui-datatable-odd {
	background-color: var(--background_color_odd_table) !important;
}
body .ui-datatable .ui-datatable-data > tr {
    background-color: var(--background_color_table) !important;
    color: var(--text_color_table) !important;
    border: 1px solid var(--border_color_table) !important;
}
.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: center;
    text-shadow: none !important;
    background: none !important;
    background-color: var(--background_color_headerTable) !important;
    color: var(--text_color_headerTable) !important;
}

.ui-datatable .ui-column-resizer {
	border-right: 1px solid var(--text_color_headerTable) !important;
}

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: pre-wrap !important;
}

.ui-state-active .ui-icon {
	background-image: url("./images/ui-icons_ffffff_256x240.png");
}

.ui-state-hover .ui-icon {
	background-image: url("./images/ui-icons_ffffff_256x240.png");
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("./images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
	background-image: url("./images/ui-icons_ffffff_256x240.png");
}

.iconInfo {
	color:blue;
}

.fa-angle-right::before {
	size: 0.8em !important;
}



.ui-growl {
    position: absolute !important;
    top: 80px !important;
}

.ui-datalist-item {
    text-align: left !important;
    padding-left: 25px !important;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

.ui-datalist-data {
    padding-left: 15px !important;
    padding-right: 15px !important;
}



#dataList .ui-widget-content {
    border: none !important;
} 

#dataList .ui-slider-horizontal {
 	border: 1px solid #ddd !important; 
}

.ui-datalist .ui-datalist-header {
	color: var(--text-panel-title) !important;
	font-weight: normal !important;
}
.ui-fileupload-buttonbar .ui-button {
	background: var(--button-color) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* Standard syntax */
	
    color: var(--button-text-color) !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    border: 1px solid var(--button-color);
    border-radius: 5px 5px 5px 5px !important;
}

.ui-fileupload-buttonbar .ui-button:hover {
	background: var(--button-color-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* Standard syntax */
	
    color: var(--button-text-color-hover) !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important; 
}
.ui-toggleswitch .ui-toggleswitch-slider {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 30px;
    background-color: var(--toggleswitch-check);
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: var(--toggleswitch-uncheck);
}

.ui-toggleswitch .ui-toggleswitch-slider::before {
    background-color: #fff;
    height: 1.250em;
    width: 1.250em;
    left: .25em;
    bottom: .25em;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ui-grid .ui-grid-row {
    background-image: linear-gradient(to right, var(--panel-background-left) 20px, var(--panel-background-left) 220%) !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	text-align: center !important;	
}

.ui-datepicker-calendar tbody > tr > .ui-datepicker-today > a {
    padding: 1px;
    background: var(--background-color-calendar-toDay) !important;
	border: 1px solid var(--button-color) !important;
	border-radius: 9px;
}

.ui-datepicker .ui-datepicker-header {
	background: var(--background-color-calendar-header) !important;	
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	color: var(--button-text-color) !important;
	background: transparent !important;
}
/* .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #aaa -moz-linear-gradient(center top , rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) repeat scroll 0 0;
    border: 1px solid #666;
    color: #fff;
    text-shadow: 0px 0px 0px #fff !important;
}
 */
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight {
	background: var(--button-text-color) !important;
	color: var(--text-color) !important;
	border: 1px solid var(--background-color-calendar-header) !important;
	border-radius: 9px 9px 9px 9px !important;	
}

.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background: var(--text-color);
	text-shadow: 0px 0px 0px #fff !important;
	color: var(--button-text-color);
	border: 1px solid var(--text-color);
	border-radius: 9px 9px 9px 9px !important;
}

.ui-datepicker .ui-state-highlight {
	background: var(--background-color-calendar-setDay);
	text-shadow: 0px 0px 0px #fff !important;
	border: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	background: var(--button-color) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color) 5px, var(--button-color) 120%) !important; /* Standard syntax */
	
    border: 1px solid var(--button-text-color);
    color: var(--button-text-color) !important;
    text-shadow: none !important;
    border-radius: 2.75rem !important;
}

.ui-datepicker .ui-datepicker-buttonpane .ui-state-hover button  {
	background: var(--button-color-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* Standard syntax */
	
    border: 1px solid var(--button-text-color);
    color: var(--button-text-color-hover) !important;
    text-shadow: none !important;
    border-radius: 2.75rem !important;	
}

.ui-datepicker .ui-datepicker-buttonpane .ui-state-hover   {
	background: var(--button-color-hover) !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, var(--button-color-hover) 5px, var(--button-color-hover) 120%) !important; /* Standard syntax */
	
    border: 1px solid var(--button-text-color);
    color: var(--button-text-color-hover) !important;
    text-shadow: none !important;
    border-radius: 2.75rem !important;	
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: var(--text-color) !important;
}


.ui-state-default {
    box-shadow: 1 1 !important;
}
.ui-state-hover {
	box-shadow: 0 1 !important;
}

.ui-state-disabled{
    opacity: 1 !important;
}

.ui-state-error {
    background-color: none !important;
}

.ui-outputlabel.ui-state-error {
	background-color: #FFFFFF !important;
}

/* .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	background-color: #FFFFFF !important;
} */


.form-control {
	color: #000;
}

.login_form .login_connexion {
	border: none;
}

.login_name {
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo_login {
	/* css spécifique pour le logo de la page de login */
}

.logo_logout {
	/* css spécifique pour le logo de la page de logend et logerr */
}

@media(min-width:992px){
	.login_name {
		/* height: 250px; */
		margin: 0;
	}
}

@media(min-width:992px){
	.login_form {
		padding-left: 3% !important;
		border-left: 2px solid #ebebeb;
	}
}

.login_form h3 {
	font-size: 4rem !important;
	text-align: center;
}

.login_form table {
	width: 100%;
}

.input-group-addon:first-child {
    border-right: 0;
    background-color: var(--button-color);
	color:var(--button-text-color);
	border-color: var(--button-color);
}

.login_form .login_connexion {
	width: 100%;
	background: var(--button-color);
	color: var(--button-text-color);
	text-shadow: none !important;
	height: 40px;
	margin-bottom: 20px;
	transition: 0.2s;
    border-radius: 5px 5px 5px 5px !important;
}

.login_connexion:hover {
	border: none;
	color: var(--button-text-color-hover);
	background: var(--button-color-hover) !important;
	transition: 0.2s;
    border-radius: 5px 5px 5px 5px !important;
}

.logerr_connexion {
	width: 100%;
	background: var(--button-color);
	color: var(--button-text-color);
	border-radius: 0px !important;
	text-shadow: none !important;
	height: 40px;
	margin-bottom: 20px;
	transition: 0.2s;
}

.logerr_connexion:hover {
	border: none;
	background: var(--button-color-hover);
	color: var(button-text-color-hover);
	transition: 0.2s;
}

#panel .panel {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; 
}

#panel .panel-default {
	border: none !important;
}

#panel .panel-body {
	background-image: none !important;
}


:root {
	
	/* pour la couleur des images pour les radio bouton, le faire via le site https://jqueryui.com/themeroller/ */
	
	
  --font-familly-app:Helvetica,Arial,sans-serif; 					/* type de font pour l'application */
  --app-text-size: 1.2rem;											/* taille de texte par défaut */
  --font-size-menu: 1.4rem;											/* décalage du contenu par rapport au menu */
  
  --text-color-toggle-menu: #0091CF;								/* couleur du texte du menu quand menu en mode burger */
  
  --height-menu: 52px; 												/* hauteur du menu */
  --height-menu-vh: 7vh;											/* hauteur du menu en vh pour blank.xhtml */
  --height-footer: 26px;											/* hauteur du footer */
  --login-center-translate: -10%;									/* décalage vertical du panel login / logerr / logend / erreur technique*/
   
  --text-color: #0091CF;											/* couleur du texte du menu */
  --button-color:#0091CF;											/* couleur des boutons */
  --button-text-color:#fff;											/* couleur du texte des bouton */
  --button-color-hover:#414042;										/* couleur des bouton hover */
  --button-text-color-hover:#fff;									/* couleur du texte des bouton hover*/
  
  --separator-color: #4872b9;										/* couleur des lignes de séparation */
  --separator-menu-color: #fff;										/* couleur des lignes de séparation dns les menus */
  --button-text-toggle-menu: #4872b9;								/* couleur sous-menus toggle */
  
  --text-panel-title-link-color: #fff;								/* couleur du texte des headers des panels */
  --text-panel-title-link-color-hover: #414042;						/* couleur du texte hover des headers des panels */
  
  --text-panel-title:#fff;											/* couleur du texte des header des panels */
  --background-panel-title: #0091CF;								/* couleur de fonbd des header des panels */
  
  --background-pagination-color: #0091CF;							/* couleur des boutons de la pagination */
  --text-pagination-color: #fff;									/* couleur du texte des bouton de la pagination */
  --background-pagination-color-hover: #414042;			    		/* couleur des boutons de la pagination hover */
  --background-pagination-color-disabled: #0091CF;					/* couleur des boutons de la pagination si disabled */
  
  --background-color-calendar-toDay: #fff;							/* couleur de fond pour la date du jour */
  --background-color-calendar-setDay:#0091CF;						/* couleur de fond pour la date sélectionnée */
  --text-color-calendar-setDay: #fff;								/* couleur du texte pour la date sélectionnée */
  --background-color-calendar-header: #0091CF;						/* couleur de fond du header du dalendrier */
  
  --footer-background-left: #fff;									/* couleur départ pour le footer */
  --footer-background-right: #fff;									/* couleur de fin pour le footer */
  
  --panel-background-left: #fff;									/* couleur départ pour les panels */
  --panel-background-right: #fff;									/* couleur de fin pour les panel */
  
  --color-iconAwesome: #0091CF;										/* couleur des iconAwesome */ 
  
  --background_color_headerTable: #787c81;							/* couleur des entêtes des tables */
  --text_color_headerTable: #fff;									/* couleur du texte des entête des tables */
  --background_color_table: #fff;									/* couleur par défaut des lignes pour les tables */
  --background_color_even_table: #fff;								/* couleur des lignes impaires pour les tables */
  --background_color_odd_table: #ddd;								/* couleur des lignes paires pour les tables */
  --text_color_table: #333;											/* couleur du texte */
  --border_color_table: #c8c8c8;									/* couleur des bordures */
  --color-border-header-table: #c5c5c5;								/* couleur des bordures du header */ 
  
  --background-color-default-tab: #787c81;							/* couleur par défaut des onglets */
  --text-color-default-tab: #fff;									/* couleur du texte par defaut des onglets */
  --background-color-selected-tab: #fff;							/* couleur de l'onglet sélectionné */
  --text-color-selected-tab: #0091CF;								/* couleur du texte de l'onglet sélectionné */
  --background-color-header-tab-panel: #fff;						/* couleur du background du header du tab panel */ 
  
  --background-color-default-radio: #fff;							/* couleur du background des radios button */
  --background-color-selected-radio:#0091CF;						/* couleur du background du radio button sélectionné */
  
  --background-color-default-check: #fff;							/* couleur du background des check box */
  --background-color-selected-check: #0091CF;						/* couleur du background du check box sélectionné */
  
  --background-color-icon-closethick-popup: #fff;					/* couleur du background de l'icone de fermeture des popup */
  
  --button-border-radius: 5px;										/* bordeur radius pour tous les éléménts: bouttons, bordures des panels .....*/
  
  --backgound-color-step: #0091CF;									/* couleur de fond de l'étape active */
  
  --message_error_color: #cd0a0a;									/* couleur des message d'erreur */
  --message_ok_color: #008000;									/* couleur des message d'erreur */
 
  
  --color-border-inputField: #a8a8a8;								/* couleur des bordures des différents types de champs de saisie */
  
  --button-pickList: #0091CF;
  --button-pickList-hover: #414042;
  
  --step-active: #0091CF;
  --step-inactive: lightgray;
  --step-text-active: #fff;
  
  --toggleswitch-check: #0091CF;
  --toggleswitch-uncheck: #0091CF;
  
  
}


.navbar {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	margin: 0 auto 0 0 !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	
	margin-left: 0px !important;
	margin-left: 0px !important;
}

.navbar-default {
    background-image: linear-gradient(to bottom, var(--button-color) 20px, var(--button-color) 200%) !important;
    box-shadow: 0px -5px 10px 0px black;
}

.navbar-default .navbar-brand {
    color: var(--button-text-color) !important;
}
.navbar-default .navbar-nav > li > a {
    color: var(--button-text-color) !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: linear-gradient(to bottom, var(--button-color) 10px, var(--button-color) 230%) !important;
    background-repeat: repeat-x !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset !important;
}

.navbarLink {
	color:var(--button-text-color) !important;
	margin-top:15px !important;
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
	font-size: 120%;
	font-weight: normal;
}


.navbar-brand {
    padding: 5px !important;
    padding-left: 30%;
}

.navbar-form {
	margin: 0px 0px !important;
}

.navbar-fixed-bottom {
     bottom: 0px !important;
}

.navbar-btn {
     margin-bottom: 0px !important;
}

.navbar-btn.btn-sm {
     margin-bottom: 0px !important;
}

.navbar-btn.btn-xs {
     margin-bottom: 0px !important;
} 

.dropMenuTitle {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
	font-weight: normal !important;
	font-size: 120% !important;
}

.dropdown-menu_italic {
	font-style: italic !important;
}

.dropdowm-menu_copyright {
	font-size: 0.65em !important;
	font-weight: normal !important;
	margin-right: 10px !important;
}

.dropdowm-menu_copyright_margin {
	margin-right: 10px !important;
}

.dropdown-menu {
    min-width: max-content !important;
    font-size: inherit !important;
}

.dropdown-menu_item {
	text-align: left !important;
    /* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
    color: var(--text-color);
}

.commandLink_menu-toggle {
    /* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
    color: var(--text-color);
    padding-right: 10px;
}

#commandLink_myAccount {
   /* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
    color: var(--text-color);
}

#commandLink_endSession {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
    color: var(--text-color);
}

#dropMenuSeparator {
	display: none;
	color: var(--separator-menu-color);
	size: 0px !important;
	width: 100% !important;
}

.dropdowm-menu_copyright {
	color: var(--text-color);
	text-align: right;
}

.iconMenu {
	color: var(--text-color);
}

@media only screen and (min-width: 48rem) {
	.menuGroupSize {
		padding-left: 15px; /* ajout d'unu padding entre 2 éléments différents du menu */
	}
	.nav {
		padding-left: 25px !important;
	}
	.navbarLink.nav.navbar-nav.menuGroupSize_commanlinks {
    	padding-left: 35px !important;  /* ajout d'un padding entre 2 commandlink du menu */
	}
}


@media only screen and (max-width: 47.9rem) {
	.menuGroupSize {
		padding-left: 0px;
	}
	.nav {
		padding-left: 25px !important;
	}
	.navbarLink.nav.navbar-nav.menuGroupSize_commanlinks {
    	padding-left: 0px !important;  /* ajout d'un padding entre 2 commandlink du menu */
	}
	
	.nav > li > a {
		padding-left: 0px !important;
		display: contents !important
	}
	
	.navbar-nav {
    	padding-left: 20px;
	}
	
	.navbarLink-drop {
		padding-top: 20px;
	}
	
	.dropdown-menu_item {
  	  margin-left: 30px;
	}
		
	.dropdowm-menu_copyright {
    	text-align: left;
	}
		
	.iconMenu {
	    color: var(--text-color-toggle-menu);
	}
	
	.commandLink_menu-toggle {
		 color: var(--text-color-toggle-menu) !important;
	}
	
	.dropdowm-menu_copyright {
		color: var(--text-color-toggle-menu);
		text-align: left;
	}
		
	#commandLink_myAccount {
		color: var(--text-color-toggle-menur);	
	}
	
	#commandLink_endSession {
		color: var(--text-color-toggle-menu);	
	}
	
	.dropdown-menu_item {
    	color: var(--text-color-toggle-menu);
	}
	
}
/* TOTAL */
.headbar-top {
	height: 70px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 50%) !important;
	transition: 0.2s;
}

.headbar-bot .link:hovver .sublink {
	z-index: 3000 !important;
}

/* TOTAL */




/* CPH */
.default_font_familly {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
}

.default_button_font {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
}

.default_button_size {
	/* font-family: 'fontApp' , var(--font-familly-app) !important; */
	font-family: var(--font-familly-app) !important;
}
/* CPH */
@media only screen and (max-width: 60em) {	
	.panelGridFormat {
		text-align: left;
		width: 100%;
	}
					
	.datas_fullSize_center {
		width: 100%;
		text-align: left;
		font-weight: normal;	
	}
	
}

@media only screen and (min-width: 60em) {
	.panelGridFormat {
		text-align: right;
		width: 100%;
	}
	
	.datas_fullSize_center {
		width: 100%;
		text-align: left;
		font-weight: normal;	
	}
	
}

#footerDiv .button_left_center_footer {
    border: 0 none;
    text-align: left;
    width: 30%;
}
#footerDiv .center_info_footer {
    text-align: center;
    width: 40%;
}
#footerDiv .button_right_center_footer {
    border: 0 none;
    padding-right: 5px;
    padding-bottom: 0;
    text-align: right;
    width: 30%;
}
	

/*===== laptops ===========*/
@media only screen and (max-width: 1600px) {
	.panel-heading {
	    border-bottom: 0 none !important;
	    font-weight: bold !important;
	}
	
	#returnOnTop {
	    background: url('./images/hp_48.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 48px;
	    width: 48px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
	#footerDiv .button_left_center_footer {
	    border: 0 none;
	    text-align: left;
	    width: 30%;
	}
	#footerDiv .center_info_footer {
	    text-align: center;
	    width: 40%;
	}
	#footerDiv .button_right_center_footer {
	    border: 0 none;
	    padding-right: 5px;
	    padding-bottom: 0;
	    text-align: right;
	    width: 30%;
	}
	
	.panel-login {
	    position: absolute;
	    width: 100%;
	    height: 99%;
	    text-align: center;
	    display: flex;
	}
	
	/* redimenssionnement et placement icon dans entête b:panel*/
	#buttonPanelLoadList .ui-button-icon-left {
		padding-top: 0px !important;
		padding-right: 4px !important;
	}
	
	#buttonPanelLoadList {
		float: right;
		padding-top:5px; 
		margin-top: -5px; 
		margin-right:-8px;
	}
	
	#buttonPanelAction .ui-button-icon-left {
		padding-top: 0px !important;
		padding-right: 4px !important;
	}
	
	#buttonPanelAction {
		float: right;
		padding-top:5px; 
		margin-top: -5px; 
		margin-right:-8px;
	}
				
}

/*===== laptops ===========*/
@media only screen and (max-width: 1400px) {
		
	.panel-heading {
	    border-bottom: 0 none !important;
	    font-weight: bold !important;
	}
	
	#returnOnTop {
	    background: url('./images/hp_48.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 48px;
	    width: 48px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
	#footerDiv .button_left_center_footer {
	    border: 0 none;
	    text-align: left;
	    width: 30%;
	}
	#footerDiv .center_info_footer {
	    text-align: center;
	    width: 40%;
	}
	#footerDiv .button_right_center_footer {
	    border: 0 none;
	    padding-right: 5px;
	    padding-bottom: 0;
	    text-align: right;
	    width: 30%;
	}
	
	.panel-login {
	    position: absolute;
	    width: 100%;
	    height: 99%;
	    text-align: center;
	    display: flex;
	}
			
}

/*===== tablettes vertical ===========*/
@media only screen and (max-width: 853px) {
	.panel-heading {
	    border-bottom: 0 none !important;
	    font-size: 16px !important;
	    font-weight: bold !important;
	}
	
	#returnOnTop {
	    background: url('./images/hp_36.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 36px;
	    width: 36px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
	.commandLink_menu-toggle {
		font-size: 0.9em;
	}
	
	#menuBar {
		font-size: 0.9em;
	}
	
	#dropMenu {
		font-size: 0.9em;
	}
	
	#commandLink_myAccount {
		font-size: 0.9em;
	}
	
	#commandLink_endSession {
		font-size: 0.9em;
	}
	
	#panelMyAccount {
		font-size: 1em;
	}
	
	#container_content {
		font-size: 0.9em;
	}
	
	#formPopup #formPopupAction #formPopupChild{
		font-size: 0.9em;
	}
	
	#footerDiv {
		font-size: 0.7em;
	}
	#footerDiv a {
	    font-size: 1.5em;
	}
	#footerDiv .button_left_center_footer {
	    border: 0 none;
	    text-align: left;
	    width: 20%;
	}
	#footerDiv .center_info_footer {
	    font-size: 0.85em;
	    text-align: center;
	    width: 60%;
	}
	#footerDiv .button_right_center_footer {
	    border: 0 none;
	    padding-right: 5px;
	    padding-bottom: 0;
	    text-align: right;
	    width: 20%;
	    font-size: 6px;
	}
	
	.panel-login {
	    position: absolute;
	    width: 100%;
	    height: 99%;
	    text-align: center;
	    display: flex;
	}
	
}

/*===== tablettes horizontale ===========*/
@media only screen and (max-width: 1024px) and (orientation:landscape) {
	.panel-heading {
	    border-bottom: 0 none !important;
	    font-size: 16px !important;
	    font-weight: bold !important;
	}
	
	#returnOnTop {
	    background: url('./images/hp_36.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 36px;
	    width: 36px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
	#menuBar {
		font-size: 0.9em;
	}
	
	#dropMenu {
		font-size: 0.9em;
	}
	
	.commandLink_menu-toggle {
		font-size: 0.9em;
	}
	
	#commandLink_myAccount {
		font-size: 0.9em;
	}
	
	#commandLink_endSession {
		font-size: 0.9em;
	}
	
	#panelMyAccount {
		font-size: 1em;
	}
	
	#container_content {
		font-size: 0.9em;
	}
	
	#formPopup #formPopupAction #formPopupChild{
		font-size: 0.9em;
	}
	
	#footerDiv {
		font-size: 0.7em;
	}
	#footerDiv a {
	    font-size: 1.5em;
	}
	#footerDiv .button_left_center_footer {
	    border: 0 none;
	    text-align: left;
	    width: 20%;
	}
	#footerDiv .center_info_footer {
	    font-size: 0.85em;
	    text-align: center;
	    width: 60%;
	}
	#footerDiv .button_right_center_footer {
	    border: 0 none;
	    padding-right: 5px;
	    padding-bottom: 0;
	    text-align: right;
	    width: 20%;
	    font-size: 6px;
	}
	
	.panel-login {
	    position: absolute;
	    width: 100%;
	    height: 99%;
	    text-align: center;
	    display: flex;
	}
	
}

/*===== smartphone vertical ===========*/
@media only screen and (max-width: 420px) {
	
	#returnOnTop {
	    background: url('./images/hp_24.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 24px;
	    width: 24px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
}

/*===== smartphone vertical ===========*/
@media only screen and (max-width: 640px) {
	.panel-heading {
	    border-bottom: 0 none !important;
	    font-size: 1.4em !important;
	    font-weight: bold !important;
	}
	
	#returnOnTop {
	    background: url('./images/hp_24.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 24px;
	    width: 24px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
	#menuBar {
	    font-size: 0.8em;
	}
	
	#dropMenu {
		font-size: 0.8em;
	}
	
	.commandLink_menu-toggle {
		font-size: 0.8em;
	}
	
	#commandLink_myAccount {
		font-size: 0.8em;
	}
	
	#commandLink_endSession {
		font-size: 0.8em;
	}
	
	#panelMyAccount {
		font-size: 1em;
	}
	
	
	#container_content {
	    font-size: 0.8em;
	}
	
	#formPopup #formPopupAction #formPopupChild {
	    font-size: 0.8em;
	}
	
	#footerDiv{
	    font-size: 0.7em;
	}
	#footerDiv a {
	    font-size: 1.5em;
	}
	#footerDiv .button_left_center_footer {
	    border: 0 none;
	    text-align: left;
	    width: 20%;
	}
	#footerDiv .center_info_footer {
	    font-size: 0.85em;
	    text-align: center;
	    width: 60%;
	}
	#footerDiv .button_right_center_footer {
	    border: 0 none;
	    padding-right: 5px;
	    padding-bottom: 0;
	    text-align: right;
	    width: 20%;
	    font-size: 6px;
	}
	
	.panel-login {
	    position: absolute;
	    width: 100%;
	    height: 99%;
	    text-align: center;
	    display: flex;
	}
	
	/* redimenssionnement et placement icon dans entête b:panel*/
	#buttonPanelLoadList .ui-button-icon-left {
		padding-top: 0px !important;
		padding-right: 1px !important;
	}
	
	#buttonPanelLoadList {
		float: right;
		padding-top:5px !important; 
		margin-top: -5px; 
		margin-right:-8px;
	}	
	
	#buttonPanelAction .ui-button-icon-left {
		padding-top: 0px !important;
		padding-right: 1px !important;
	}
	
}

/*===== smartphone horizontale ===========*/
@media only screen and (max-width: 800px) and (orientation:landscape) {
	
	#returnOnTop {
	    background: url('./images/hp_24.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 24px;
	    width: 24px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
}

/*===== smartphone horizontale ===========*/
@media only screen and (max-width: 640px) and (orientation:landscape) {
	.panel-heading {
	    border-bottom: 0 none !important;
	    font-size: 1.4em !important;
	    font-weight: bold !important;
	}
	
	#returnOnTop {
	    background: url('./images/hp_24.png') no-repeat;
	    cursor: pointer;
	    display: none;
	    filter: alpha(opacity = 50); /* IE < 8 */
	    height: 24px;
	    width: 24px;
	    opacity: 0.5;
	    position: fixed;
	    bottom: 50%;
	    right: 4%;
	}
	
	#menuBar {
	    font-size: 0.8em;
	}
	
	#dropMenu {
		font-size: 0.8em;
	}
	
	.commandLink_menu-toggle {
		font-size: 0.8em;
	}
	
	#commandLink_myAccount {
		font-size: 0.8em;
	}
	
	#commandLink_endSession {
		font-size: 0.8em;
	}
	
	#panelMyAccount {
		font-size: 1em;
	}
	
	#container_content {
	    font-size: 0.8em;
	}
	
	#formPopup #formPopupAction #formPopupChild {
	    font-size: 0.8em;
	}
	
	#footerDiv {
	    font-size: 0.7em;
	}
	#footerDiv a {
	    font-size: 1.5em;
	}
	#footerDiv .button_left_center_footer {
	    border: 0 none;
	    text-align: left;
	    width: 20%;
	}
	#footerDiv .center_info_footer {
	    font-size: 0.85em;
	    text-align: center;
	    width: 60%;
	}
	#footerDiv .button_right_center_footer {
	    border: 0 none;
	    padding-right: 5px;
	    padding-bottom: 0;
	    text-align: right;
	    width: 20%;
	    font-size: 6px;
	}
	
}


/* IPHONE Portrait */
@media all and (max-device-width: 480px) and (orientation:portrait) {
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
	    display: none !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td {
	    border: 0 none !important;
	    box-sizing: border-box !important;
	    clear: left !important;
	    display: block !important;
	    float: left !important;
	    text-align: left !important;
	    width: 100% !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
	    display: inline-block !important;
	    margin: -0.4em 1em -0.4em -0.4em !important;
	    min-width: 30% !important;
	    padding: 0.4em !important;
	    text-align: right !important;
	    font-weight: bold;
	}	
}

/* IPHONE Paysage */
@media all and (max-device-width: 480px) and (orientation:landscape) {
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
	    display: none !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td {
	    border: 0 none !important;
	    box-sizing: border-box !important;
	    clear: left !important;
	    display: block !important;
	    float: left !important;
	    text-align: left !important;
	    width: 100% !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
	    display: inline-block !important;
	    margin: -0.4em 1em -0.4em -0.4em !important;
	    min-width: 30% !important;
	    padding: 0.4em !important;
	    text-align: right !important;
	    font-weight: bold;
	}	
}


/* IPAD paysage */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
	    display: none !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td {
	    border: 0 none !important;
	    box-sizing: border-box !important;
	    clear: left !important;
	    display: block !important;
	    float: left !important;
	    text-align: left !important;
	    width: 100% !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
	    display: inline-block !important;
	    margin: -0.4em 1em -0.4em -0.4em !important;
	    min-width: 30% !important;
	    padding: 0.4em !important;
	    text-align: right !important;
	    font-weight: bold;
	}
	
}

/* IPAD Portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
	    display: none !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td {
	    border: 0 none !important;
	    box-sizing: border-box !important;
	    clear: left !important;
	    display: block !important;
	    float: left !important;
	    text-align: left !important;
	    width: 100% !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
	    display: inline-block !important;
	    margin: -0.4em 1em -0.4em -0.4em !important;
	    min-width: 30% !important;
	    padding: 0.4em !important;
	    text-align: right !important;
	    font-weight: bold !important;
	}	
}


/* Desktop */
 @media only screen and (max-width: 1024px) {
	 .ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
	    display: none !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td {
	    border: 0 none !important;
	    box-sizing: border-box !important;
	    clear: left !important;
	    display: block !important;
	    float: left !important;
	    text-align: left !important;
	    width: 100% !important;
	}
	
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
	    display: inline-block !important;
	    margin: -0.4em 1em -0.4em -0.4em !important;
	    min-width: 30% !important;
	    padding: 0.4em !important;
	    text-align: right !important;
	    font-weight: bold;
	}
	
}



/*===== laptops ===========*/
@media only screen and (max-width: 1600px) {
	.ui-button-icon-left {
		padding-top: 1px !important;
		padding-right: 0px !important;
	}	
}

/*===== laptops ===========*/
@media only screen and (max-width: 1400px) {
	.ui-button-icon-left {
		padding-top: 1px !important;
	}
}
	
/*===== tablettes vertical ===========*/
@media only screen and (max-width: 853px) {
	.ui-button-icon-left {
		padding-top: 2px !important;
	}
}

/*===== tablettes horizontale ===========*/
@media only screen and (max-width: 1024px) and (orientation:landscape) {
	.ui-button-icon-left {
		padding-top: 2px !important;
	}
}
	
/*===== smartphone vertical ===========*/
@media only screen and (max-width: 640px) {
	.ui-button-icon-left {
		padding-top: 2px !important;
	}
}

/*===== smartphone horizontale ===========*/
@media only screen and (max-width: 640px) and (orientation:landscape) {
	.ui-button-icon-left {
		padding-top: 2px !important;
	}
}




/* /end media queries*/

@media only screen and (min-width: 853px) {
  
  .processingTable td:nth-child(1),.processingTable th:nth-child(1) { 
  	width: 50px; 
  }
  .processingTable td:nth-child(3),.processingTable th:nth-child(3) { 
  	width: 200px; 
  }
  .processingTable td:nth-child(4),.processingTable th:nth-child(4) { 
  	width: 200px; 
  }
  .processingTable td:nth-child(5),.processingTable th:nth-child(5) { 
  	width: 150px; 
  }
  .processingTable td:nth-child(6),.processingTable th:nth-child(6) { 
  	width: 150px; 
  }
  .processingTable td:nth-child(7),.processingTable th:nth-child(7) { 
  	width: 200px; 
  }
  .processingTable td:nth-child(8),.processingTable th:nth-child(8) { 
  	width: 50px; 
  }
  .processingTable td:nth-child(9),.processingTable th:nth-child(9) { 
  	width: 50px; 
  }
  .processingTable td:nth-child(10),.processingTable th:nth-child(10) { 
  	width: 50px; 
  }
}
  
/*   .processing_Signers td:nth-child(1),.processing_Signers th:nth-child(1) {  */
/*   	width: 50px;  */
/*   } */
/*   .processing_Signers td:nth-child(5),.processing_Signers th:nth-child(5) {  */
/*   	width: 100px;  */
/*   } */
/*   .processing_Signers td:nth-child(6),.processing_Signers th:nth-child(6) {  */
/*   	width: 150px;  */
/*   } */
  
  
/*   .processing_Docs td:nth-child(1),.processing_Docs th:nth-child(1) {  */
/*   	width: 50px;  */
/*   } */
  
     
/*   .processingTable .ui-outputlabel { */
/*   	margin-bottom: -2px */
/*   } */
  
/*    .processing_Signers .ui-outputlabel { */
/*   	margin-bottom: -2px */
/*   } */
  
/*    .processing_Docs .ui-outputlabel { */
/*   	margin-bottom: -2px */
/*   } */
/* 	.ui-datatable table { */
/* 	    table-layout: auto!Important; */
/* 	} */
/* } */

/* .panel-body {
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
}

.ui-panel .ui-panel-content {
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
} */

.ui-widget-content {
    /* margin : -2px -3px -2px -3px !important; */
} 
/* .fullPageFooter {
	text-align: center;
	width:100%;
	background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 50%) !important;	
} */
.dataGrid .ui-panel .ui-panel-content {
   /*  margin: 0px !important; */
}
/* .ui-datagrid-data {
	background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
}
.ui-grid .ui-grid-row {
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
} */
/*
.ui-datepicker .ui-datepicker-header {
	background: #3556DB !important;	
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #555555 !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	color: #FFFFFF !important;
	background: transparent !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #aaa -moz-linear-gradient(center top , rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) repeat scroll 0 0;
    border: 1px solid #666;
    color: #fff;
    text-shadow: 1px 0px 0px #000 !important;
}*/

/* .ui-panel .ui-panel-titlebar {
	background-image: linear-gradient(to right, #3556DB 20px, #3556DB 180%) !important;
	color: #FFFFFF !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
}

.ui-state-default {
    box-shadow: 0 0 !important;
}
.ui-state-hover {
	box-shadow: 0 1 !important;
} */

/* .button_corporate.ui-button  {
	background: #E6E6E6 !important; For browsers that do not support gradients
	background: -webkit-linear-gradient(bottom, #3556DB 5px, #3556DB 120%) !important; For Safari 5.1 to 6.0
    background: -o-linear-gradient(bottom, #3556DB 5px, #3556DB 120%) !important; For Opera 11.1 to 12.0
    background: -moz-linear-gradient(bottom, #3556DB 5px, #3556DB 120%) !important; For Firefox 3.6 to 15
	background: linear-gradient(to bottom, #3556DB 5px, #3556DB 120%) !important; Standard syntax
	
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important;    
} */

/* .button_corporate.ui-button:hover {
	background: #0053A6 !important; For browsers that do not support gradients
	background: -webkit-linear-gradient(bottom, #3556DB 5px, #0053A6 120%) !important; For Safari 5.1 to 6.0
    background: -o-linear-gradient(bottom, #3556DB 5px, #0053A6 120%) !important; For Opera 11.1 to 12.0
    background: -moz-linear-gradient(bottom, #3556DB 5px, #0053A6 120%) !important; For Firefox 3.6 to 15
	background: linear-gradient(to bottom, #3556DB 5px, #0053A6 120%) !important; Standard syntax
	
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important;    
	
} */

/* #panelPagination {
	background: #0053A6 !important; For browsers that do not support gradients
	background: -webkit-linear-gradient(bottom, #3556DB 5px, #0053A6 120%) !important; For Safari 5.1 to 6.0
    background: -o-linear-gradient(bottom, #3556DB 5px, #0053A6 120%) !important; For Opera 11.1 to 12.0
    background: -moz-linear-gradient(bottom, #3556DB 5px, #0053A6 120%) !important; For Firefox 3.6 to 15
	background: linear-gradient(to bottom, #3556DB 5px, #0053A6 120%) !important; Standard syntax
	
    border: 1px solid #a8a8a8 !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
 */
.panel-primary_sub_corporate {
	border-color: #ffffff;
}

.panel-primary_sub_corporate>.panel-heading {
	background-color: #ffffff;
    border-color: #ffffff;
    color: #555555;
    text-align: left;
    text-shadow: 0px 3px 5px #448BA3;
    text-transform: uppercase;
  	cursor: pointer;
  	
  	border-bottom: 0px!important;
    font-size: 16px !important;
    font-weight: bold !important;
    
    border-radius: 5px 5px 5px 5px;
}

.panel-primary_sub_corporate_panelTitle>.panel-heading {
	background-color: #ffffff;
    border-color: #ffffff;
    color: #555555;
    text-align: left;
    text-shadow: 0px 3px 5px #3556DB;
    text-transform: uppercase;
  	cursor: pointer;
  	
  	border-bottom: 0px !important;
	font-size: 1em !important;
	font-weight: bold !important;
}

.panel-primary_sub_corporate>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ffffff;
}

.panel-primary_sub_corporate>.panel-heading .badge {
    color: #555555;
	background-color: #ffffff;
	cursor: pointer;
}

.panel-primary_sub_corporate>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ffffff;
}


.panel-primary_corporate {
	border-radius: 5px 5px 5px 5px !important;	
}

.panel-primary_corporate > .panel-heading {
	background-image: linear-gradient(to bottom, #3556DB 10px, #3556DB 110%) !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
	border-radius: 5px 5px 5px 5px !important;
}
.panel-primary_corporate > .panel-heading + .panel-collapse > .panel-body {
	background-image: linear-gradient(to bottom, #3556DB 10px, #3556DB 110%) !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
}
.panel-primary_corporate > .panel-heading .badge {
    background-image: linear-gradient(to bottom, #3556DB 10px, #3556DB 110%) !important;
    color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
}
.panel-primary_corporate > .panel-footer + .panel-collapse > .panel-body {
	background-image: linear-gradient(to bottom, #3556DB 10px, #3556DB 110%) !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
}

.btn-primary_corporate {
    background-image: linear-gradient(to bottom, #3556DB 10px, #3556DB 110%) !important;
    border-color: #3556DB !important;
    color: #FFFFFF !important;
}
.btn-primary_corporate:hover, .btn-primary:focus {
   background-image: linear-gradient(to bottom, #3556DB 10px, #3556DB 230%) !important;
}


/****** ARROW STEPS ******/
     	
     	/* table {
			width: 100%;
		} */
     	
     	.ui-steps ul {
			display: flex;
			flex-direction: row;
			margin-right: 20px !important;
		}
		
		.ui-steps .ui-steps-number {
			display: none !important;
		}
		
		.ui-steps .ui-steps-item .ui-menuitem-link {
			padding: 0em !important;
		}
     	
     	.steps .ui-steps-item {
		    width: 100%;
		    position: relative;
		    height: 60px;
		    border: none !important;
			text-shadow: none !important;
			border-radius: 0px;
			margin-bottom: 15px;
			margin-left: 5px;
			display: flex;
			justify-content: center;
			align-items: center;
			background: var(--step-active) !important;
		}
		
		.steps .ui-steps-item::before {
			content: "";
		    position: absolute;
		    left: 0px;
		    width: 0;
		    height: 0;
		    border-top: 30px solid transparent;
		    border-left: 20px solid white;
		    border-bottom: 30px solid transparent;
		}
	
		.steps .ui-steps-item::after, .ui-steps-item:first-child::after {
			content: "";
		    position: absolute;
		    right: -20px;
		    z-index: 2;
		    width: 0;
		    height: 0;
		    border-top: 30px solid transparent;
		    border-left: 20px solid var(--step-inactive);
		    border-bottom: 30px solid transparent;
		}
		
		.steps .ui-state-highlight::after {
			content: "";
		    position: absolute;
		    right: -20px;
		    z-index: 2;
		    width: 0;
		    height: 0;
		    border-top: 30px solid transparent;
		    border-left: 20px solid var(--step-active) !important;
		    border-bottom: 30px solid transparent;
		}		
		
		/* .ui-steps-item:first-child::before {
			content: none;
		}
		
		.ui-steps-item:last-child::after {
			content: none;
		} */
		
		/* .ui-state-highlight, .ui-widget-content .ui-state-highlight {
			background: #3556DB;
			text-shadow: 0px 0px 0px #fff !important;
		} */
		
		.ui-selectonemenu-panel .ui-selectonemenu-list-item {
			height: 22px !important;
		}
		
		.ui-state-highlight .ui-menuitem-link {
			color: var(--step-text-active) !important;
			font-weight: bold;
		}
		
		.ui-steps-item .ui-menuitem-link {
			margin-left: 20px;
		}
		
		.ui-steps-item .ui-state-disabled {
			background: var(--step-inactive) !important;
		}
		
		@media (max-width: 639px) {
			.ui-steps .ui-steps-number {
				display: block !important;
			}
		}
		
		.panelSteps .ui-state-disabled {
			background: var(--step-inactive) !important;	
		}
		
		.panelSteps .ui-state-default a, .panelSteps .ui-state-default a:link {
			text-shadow: 0 0 0 rgba(0,0,0,1) !important;
		}
		.ui-steps .ui-steps-title {
		    display: bock;
		    font-weight: normal;
		}
		
		.steps .ui-steps-item::after, .ui-steps-item:first-child::after {
		                bottom: 0px;
		}
		
		.ui-steps .ui-steps-item .ui-menuitem-link {
		                display: inline-block;
		}
		
		.steps .ui-steps-item::before {
		                display: inline;
		                bottom: 0px;      
		}

/****** ARROW STEPS ******/
#grid_configuration .ui-grid {
	border: none !important;
}
#grid_configuration .ui-grid .ui-grid-row {
	background-image: none !important;
}

[id^="grid_configuration"] .ui-grid, #grid_paraphers .ui-grid{
	border: none !important;
}
[id^="grid_configuration"] .ui-grid .ui-grid-row, #grid_paraphers .ui-grid .ui-grid-row{
	background-image: none !important;
}

#grid_configuration_ParamSupervision .ui-grid {
	border: none !important;
}
#grid_configuration_ParamSupervision .ui-grid .ui-grid-row {
	background-image: none !important;
}

.scrollPopupDocs {
	width:100% !important;
	height:300px !important;
	overflow-y: auto !important;
	border: none !important;
}


.buttonUserParaf_corporate.ui-button  {
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    border-radius: 5px 5px 5px 5px !important;    
}

.buttonUserParaf_corporate.ui-button:hover {
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    border-radius: 5px 5px 5px 5px !important;    	
}

.steps_2 .ui-steps-item {
    width: 50%;
}

.steps_3 .ui-steps-item {
    width: 33.33%;
}

.steps_4 .ui-steps-item {
    width: 25%;
}

.steps_5 .ui-steps-item {
    width: 20%;
}

.message_ok_center {
	color:green;
	text-align: center;
	width: 100%;
}

/* .panelSteps .ui-state-disabled {
    background-color: #ffffff !important;
     opacity: 1 !important;
} */

.ui-state-disabled {
    opacity: 1 !important;
}

.mailto {
	font-size: 0.8em !important;
	font-style: italic; 
}

/** Reflow **/
/* .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
   display: none;
} */

@media only screen and (min-width: 853px) {  
  .parafTable td:nth-child(1),.parafTable th:nth-child(1) { 
  	width: 50px; 
  }
  .parafTable td:nth-child(2),.parafTable th:nth-child(2) { 
  	width: auto; 
  }
  .parafTable td:nth-child(4),.parafTable th:nth-child(4) { 
  	width: 150px; 
  }
  .parafTable td:nth-child(5),.parafTable th:nth-child(5) { 
  	width: 150px; 
  }
  .parafTable td:nth-child(6),.parafTable th:nth-child(6) { 
  	width: 50px; 
  }
  
  .listDocs td:nth-child(1),.listDocs th:nth-child(1) { 
  	width: 50px; 
  }
  .listDocs td:nth-child(4),.listDocs th:nth-child(4) { 
  	width: 125px; 
  }
  .listDocs td:nth-child(5),.listDocs th:nth-child(5) { 
  	width: 105px; 
  }
  .listDocs td:nth-child(6),.listDocs th:nth-child(6) { 
  	width: 105px; 
  } 
  
  .GroupTable td:nth-child(1),.GroupTable th:nth-child(1) { 
  	width: 50px; 
  }
   .GroupTable td:nth-child(4),.GroupTable th:nth-child(4) { 
  	width: 50px; 
  }
   .GroupTable td:nth-child(5),.GroupTable th:nth-child(5) { 
  	width: 50px; 
  }
  
/*   .UserGroupTable td:nth-child(1),.UserGroupTable th:nth-child(1) {  */
/*   	width: 50px;  */
/*   } */
/*   .UserGroupTable td:nth-child(2),.UserGroupTable th:nth-child(2) {  */
/*   	width: 280px;  */
/*   } */
/*   .UserGroupTable td:nth-child(5),.UserGroupTable th:nth-child(5) {  */
/*   	width: 230px;  */
/*   } */
/*   .UserGroupTable td:nth-child(6),.UserGroupTable th:nth-child(6) {  */
/*   	width: 50px;  */
/*   } */
/*   .UserGroupTable td:nth-child(7),.UserGroupTable th:nth-child(7) {  */
/*   	width: 50px;  */
/*   } */
  
  .ContactGroupTable td:nth-child(1),.ContactGroupTable th:nth-child(1) { 
  	width: 50px; 
  }
  .ContactGroupTable td:nth-child(4),.ContactGroupTable th:nth-child(4) { 
  	width: 50px; 
  }
  .ContactGroupTable td:nth-child(5),.ContactGroupTable th:nth-child(5) { 
  	width: 50px; 
  }
  
	 	.ParafTypeTable td:nth-child(1),.ParafTypeTable th:nth-child(1) { 
		width: 50px; 
	}	
	.ParafTypeTable td:nth-child(4),.ParafTypeTable th:nth-child(4) { 
		width: 60px; 
	}	
	.ParafTypeTable td:nth-child(5),.ParafTypeTable th:nth-child(5) { 
		width: 60px; 
	}	
	
	.SenderTable td:nth-child(1),.SenderTable th:nth-child(1) { 
		width: 50px; 
	}	
	.SenderTable td:nth-child(4),.SenderTable th:nth-child(4) { 
		width: 60px; 
	}	
	.SenderTable td:nth-child(5),.SenderTable th:nth-child(5) { 
		width: 60px; 
	}
	
	.SenderParafTypeTable td:nth-child(1),.SenderParafTypeTable th:nth-child(1) { 
		width: 50px; 
	}	
	.SenderParafTypeTable td:nth-child(4),.SenderParafTypeTable th:nth-child(4) { 
		width: 60px; 
	}
  
}



@media (max-width: 60em) {	
	.align_left {
		text-align: left;
	}
	
	#buttonStepPrevActionsPanel {
	    text-align: left;
	}
	#buttonStepNextActionsPanel {
	    text-align: right;
	}
	#buttonSubmitActionsPanel {
	    text-align: right;
	}
	
	#buttonStepPrevActionsPanelTop {
	    text-align: left;
	}
	#buttonStepNextActionsPanelTop {
	    text-align: right;
	}
	#buttonSubmitActionsPanelTop {
	    text-align: right;
	}
		
}

@media (min-width: 60em) {	
	.align_left {
		text-align: right;
	}
	
	#buttonStepPrevActionsPanel	{
		text-align:right; 
	}	
	#buttonStepNextActionsPanel	{
		text-align:left; 
	}
	#buttonSubmitActionsPanel {
		text-align:left; 
	}	
	
	#buttonStepPrevActionsPanelTop	{
		text-align:right; 
	}	
	
	#buttonStepNextActionsPanelTop	{
		text-align:left; 
	}
	
	#buttonSubmitActionsPanelTop {
		text-align:left; 
	}	
}



@media only screen and (min-width: 853px) {
  .listSigners td:nth-child(1),.listSigners th:nth-child(1) { 
  	width: 95px; 
  }
  /* .listSigners td:nth-child(3),.listSigners th:nth-child(3) { 
  	width: 400px; 
  } */
  .listSigners td:nth-child(4),.listSigners th:nth-child(4) { 
  	width: 50px; 
  }
  .listSigners td:nth-child(5),.listSigners th:nth-child(5) { 
  	width: 50px; 
  }
  
  .listSigners {
  	margin-bottom: 20px;
  }  
  
  .listSignersWorkflow td:nth-child(1),.listSignersWorkflow th:nth-child(1) { 
  	width: 80px; 
  }
  .listSignersWorkflow td:nth-child(3),.listSignersWorkflow th:nth-child(3) { 
  	width: 250px; 
  }
  
  .listSignersWorkflow {
  	margin-bottom: 20px;
  } 
  
  .listRecipients td:nth-child(1),.listRecipients th:nth-child(1) { 
  	width: 50px; 
  }
  .listRecipients td:nth-child(4),.listRecipients th:nth-child(4) { 
  	width: 50px; 
  }
  .listRecipients td:nth-child(5),.listRecipients th:nth-child(5) { 
  	width: 50px; 
  }
  
  .listRecipients {
  	margin-bottom: 20px;
  }  
  
  
  .monitoringTable_actions {
  	width: 50px !important; 
  }
  .monitoringTable_status {
  	width: 150px !important; 
  }
  .monitoringTable_date {
  	width: 125px !important;
  }
   .monitoringTable_date2 {
  	width: 135px !important;
  }
  .monitoringTable_owner {
  	width: 200px !important;
  }

}



@media only screen and (max-width: 853px) {
  .monitoringTable_actions {
  	width: 100% !important; 
  }
  .monitoringTable_date {
  	width: 100% !important;
  }
   .monitoringTable_date2 {
  	width: 100% !important;
  }
  .monitoringTable_owner {
  	width: 100% !important;
  }
}


.paraf_title{
    color: var(--paraf-title-color) !important;
    font-weight: bold;
    text-shadow: 0px 1px 1px grey;
    font-size: x-large;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    display:grid!important;
}

.listParaf {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	max-width: 1536px;
	margin: 0 auto;
}

.listParaf .panel,
.listGeneralParaf .panel {
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.20) !important;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.20) !important;
	transition: 0.2s;
}

.listParaf .panelTitle {
	margin: 5px 5px 10px 5px !important;
	width: 100%;
}

.listParaf .panelTitle:hover,
.listGeneralParaf .panelTitle:hover {
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.50) !important;
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.50) !important;
	transition: 0.2s;
}

@media (min-width: 700px) {
	.listParaf .panelTitle {
		width: 330px;
	}
	
	.listParaf .panelTitle:hover .panel-body,
	.listGeneralParaf .panelTitle:hover .panel-body {
		padding: 8px;
		transition: 0.2s;
	}
} 

  
.msg_result_error {
	color: red;
}
.msg_result_ok {
}

.msg_info {
    color: var(--paraf-color);
    font-weight: bold;
}
.msg_dropFile {
	font-size: large;
	font-weight: bold;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    background: var(--button-color);
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 24px !important;
}

#itemListParaf:hover {
	text-decoration: underline !important;
	color : var(--paraf-color) !important;
}
#itemListSender:hover {
	text-decoration: underline !important;
	color : var(--paraf-color) !important;
}
#itemListParafType:hover {
	text-decoration: underline !important;
	color : var(--paraf-color) !important;
}
#itemListSenderParafType:hover {
	text-decoration: underline !important;
	color : var(--paraf-color) !important;
}

.btn_link_sign {
	padding: 5px 5px !important;
	border-radius: 5px !important;
	transition: 0.2s;
	cursor: pointer !important;
	border: none !important;
	/* background-image: url("./images/type-signature.svg") !important; */
	background-repeat: no-repeat !important;
	background-size: 12px !important;
	background-position-y: center !important;
	background-position-x: right !important;
	background-color: var(--paraf-button-color) !important;
	color: #fff !important;
	text-decoration: none !important
}

.btn_link_sign:hover {
	/* background-image: url("./images/type-signature.svg") !important; */
	background-repeat: no-repeat !important;
	background-color: var(--paraf-button-color-hover) !important;
	background-size: 12px !important;
	background-position-y: center !important;
	background-position-x: right !important;
	transition: 0.2s;
	color: #fff !important;
	text-decoration: none !important;
	text-decoration: none !important
}

.btn_link_sign span {
	text-shadow: none !important;
}


@media only screen and (min-width: 853px) {  
	
  .ContactInterneGroupTable td:nth-child(1),.ContactInterneGroupTable th:nth-child(1) { 
  	width: 50px; 
  }
  .ContactInterneGroupTable td:nth-child(4),.ContactInterneGroupTable th:nth-child(4) { 
  	width: 180px; 
  }
   .ContactInterneGroupTable td:nth-child(5),.ContactInterneGroupTable th:nth-child(5) { 
  	width: 50px; 
  }
   .ContactInterneGroupTable td:nth-child(6),.ContactInterneGroupTable th:nth-child(6) { 
  	width: 50px; 
  }
  
  .ContactExterneGroupTable td:nth-child(1),.ContactExterneGroupTable th:nth-child(1) { 
  	width: 50px; 
  }
  .ContactExterneGroupTable td:nth-child(4),.ContactExterneGroupTable th:nth-child(4) { 
  	width: 180px; 
  }
   .ContactExterneGroupTable td:nth-child(5),.ContactExterneGroupTable th:nth-child(5) { 
  	width: 50px; 
  }
   .ContactExterneGroupTable td:nth-child(6),.ContactExterneGroupTable th:nth-child(6) { 
  	width: 50px; 
  }
  
  .RecipientsGroupTable td:nth-child(1),.RecipientsGroupTable th:nth-child(1) { 
  	width: 50px; 
  }
   .RecipientsGroupTable td:nth-child(4),.RecipientsGroupTable th:nth-child(4) { 
  	width: 50px; 
  }
   .RecipientsGroupTable td:nth-child(5),.RecipientsGroupTable th:nth-child(5) { 
  	width: 50px; 
  }
  
}
@media only screen and (min-width: 853px) {  
  .auditTable td:nth-child(1),.auditTable th:nth-child(1) { 
  	width: 50px; 
  }
  .auditTable td:nth-child(7),.auditTable th:nth-child(7) { 
  	width: 50px; 
  }
    
  .auditElemTable td:nth-child(7),.auditElemTable th:nth-child(7) { 
  	width: 50px; 
  }
  
  
  .auditTable .ui-outputlabel {
  	margin-bottom: -2px;
  }
  
   .audit_tableChild .ui-outputlabel {
  	margin-bottom: -2px;
  }
  
  .auditElemTable .ui-outputlabel {
  	margin-bottom: -2px;
  }
  
  .auditConTable td:nth-child(1),.auditConTable th:nth-child(1) { 
  	width: 50px; 
  }
  .auditConTable td:nth-child(4),.auditConTable th:nth-child(4) { 
  	width: 200px; 
  }
  
}

@media only screen and (min-width: 853px) {  
  .UserTable td:nth-child(1),.UserTable  th:nth-child(1) { 
  	width: 50px; 
  }
  .UserTable td:nth-child(2),.UserTable  th:nth-child(2) { 
  	width: 225px; 
  }
  .UserTable td:nth-child(3),.UserTable  th:nth-child(3) { 
  	width: 300px; 
  }
  .UserTable td:nth-child(4),.UserTable  th:nth-child(4) { 
  	width: 300px; 
  }
  .UserTable  td:nth-child(5),.UserTable  th:nth-child(5) { 
  	width: 180px; 
  }
  .UserTable  td:nth-child(6),.UserTable  th:nth-child(6) { 
  	width: 50px; 
  }
  .UserTable  td:nth-child(7),.UserTable  th:nth-child(7) { 
  	width: 50px; 
  } 
  .UserTable  td:nth-child(8),.UserTable  th:nth-child(8) { 
  	width: 50px; 
  } 
  .UserTable  td:nth-child(9),.UserTable  th:nth-child(9) { 
  	width: 50px; 
  } 
  .UserTable .ui-outputlabel {
  	margin-bottom: -2px
  }
  
  .UserPasswordTable td:nth-child(1),.UserPasswordTable  th:nth-child(1) { 
  	width: 50px; 
  }
  .UserPasswordTable  td:nth-child(3),.UserPasswordTable  th:nth-child(3) { 
  	width: 270px; 
  }
  .UserPasswordTable  td:nth-child(4),.UserPasswordTable  th:nth-child(4) { 
  	width: 150px; 
  } 
  .UserPasswordTable  td:nth-child(5),.UserPasswordTable  th:nth-child(5) { 
  	width: 50px; 
  }
  .UserPasswordTable .ui-outputlabel {
  	margin-bottom: -2px
  }
  
  .UserTableChild  td:nth-child(1),.UserTableChild  th:nth-child(1) { 
  	width: 50px; 
  }
  .UserTableChild  td:nth-child(4),.UserTableChild  th:nth-child(4) { 
  	width: 50px; 
  }
  .UserTableChild  td:nth-child(5),.UserTableChild  th:nth-child(5) { 
  	width: 50px; 
  } 
  .UserTableChild  td:nth-child(6),.UserTableChild  th:nth-child(6) { 
  	width: 50px; 
  } 
  .UserTableChild .ui-outputlabel {
  	margin-bottom: -2px
  }
  
  .ProfileTable td:nth-child(1),.ProfileTable  th:nth-child(1) { 
  	width: 50px; 
  }
  .ProfileTable td:nth-child(2),.ProfileTable  th:nth-child(2) { 
  	width: 430px; 
  }
  .ProfileTable  td:nth-child(4),.ProfileTable  th:nth-child(4) { 
  	width: 50px; 
  }
  .ProfileTable  td:nth-child(5),.ProfileTable  th:nth-child(5) { 
  	width: 50px; 
  } 
  .ProfileTable .ui-outputlabel {
  	margin-bottom: -2px
  }
}

@media only screen and (min-width: 60em) {
	.columnProfil1 {
		width: 33%;
		text-align:left; 
		cursor:pointer
	}

	.columnProfil2 {
		text-transform: lowercase;
		font-style:italic;
		float:right;
	}
	
	.columnProfil3 {
		width:20%;
	}
}

@media only screen and (max-width: 60em) {	
	.columnProfil1 {
		text-align:left; 
		cursor:pointer
	}
	
	.columnProfil2 {
		text-transform:lowercase;
		font-style:italic;
		float:right;
	}
	
	.columnProfil3 {
		width:20%;
	}
}

@media(max-width:1024px) {
	.navbarLink {
	    margin-left: 20px !important;
	}
}
 
@media(min-width:1024px) or  @media(max-width:748px) {
	.navbar-left {
		float: left !important;
	}
	
	.navbar-right {
		float: right !important;
	}
}
 
@media(max-width:1024px) or  @media(min-width:748px) {
	
	#dropMenuSeparator {
		display: inline-block !important;
		color:#FFFFFF !important;
		size: 1px !important;
		width: 100% !important;
	}
	
	.open > .dropdown-menu {
    	display: contents !important;
    	padding: 0 0 !important;
	}
	
	.navbar-nav > li {
		float: left !important;
		width: 100% !important;
	}
	
	.navbar-right {
    	float: left !important;
	}
	
	
	
	.navbar-header {
		float: none;
	}
	
	.navbar-toggle {
		display: block;
	}
	
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	
	.navbar-collapse.collapse {
		display: none !important;
	}
	
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}
	
	.navbar-nav>li {
		float: none;
	}
	
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	
	.collapsing {
		overflow: hidden !important;
	}
}
.navbar-nav {
	padding-left :20px !important;
}

#dropMenuSeparator {
	display: none;
	color:#FFFFFF !important;
	size: 0px !important;
	width: 100% !important;
}


.button_corporateBack.ui-button  {
	background: #009830 !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #009830 5px, #009830 120%) !important; /* Standard syntax */
	
	/* border: 1px solid #3556DB !important; */
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important; 
    filter: alpha(opacity = 40); /* IE < 8 */
    opacity: 0.4;	   
}

.button_corporateBack.ui-button:hover {
	background: #0053A6 !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, #0053A6 5px, #0053A6 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #0053A6 5px, #0053A6 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #0053A6 5px, #0053A6 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #0053A6 5px, #0053A6 120%) !important; /* Standard syntax */
	
	/* border: 1px solid #3556DB !important; */
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important;    
	filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}


/* ##################### */


.panel-body {
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
}

/* .ui-panel .ui-widget .ui-widget-content .ui-corner-all {
	background-image:none !important;
}
 */
.ui-panel .ui-panel-content {
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
}

.ui-widget-content {
    /* margin : -2px -3px -2px -3px !important; */
} 
.fullPageFooter {
	text-align: center;
	width:100%;
	background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 50%) !important;	
}
.dataGrid .ui-panel .ui-panel-content {
    margin: 0px !important;
}
.ui-datagrid-data {
	background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
}
.ui-grid .ui-grid-row {
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 180%) !important;
}
.ui-datepicker .ui-datepicker-header {
	background: #009830 !important;	
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #555555 !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	color: #FFFFFF !important;
	background: transparent !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	color: #009830 !important;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {
    background: #bbb none repeat scroll 0 0 !important;
    box-shadow: none;
    color: #fff !important;
    font-weight: bold;
    text-shadow: 0 0px 0px #234386 !important;
}
.ui-datepicker .ui-state-default {
    background: #009830 repeat scroll 0 0;
    border: 1px solid #a8a8a8;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.7);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #aaa -moz-linear-gradient(center top , rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) repeat scroll 0 0;
    border: 1px solid #666;
    color: #fff;
    text-shadow: 1px 0px 0px #000 !important;
}

.ui-panel .ui-panel-titlebar {
	background-image: linear-gradient(to right, #009830 20px, #009830 180%) !important;
	color: #FFFFFF !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
}

.ui-state-default {
    /* box-shadow: 0 0 8px #85b2cb !important; */
    box-shadow: 0 0 !important;
}
.ui-state-hover {
	box-shadow: 0 1 !important;
}

.ui-slider .ui-slider-handle {
    background: #009830 -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
}


/* .ui-dialog .ui-dialog-content {
	overflow: hidden !important;
} */

.button_corporate.ui-button  {
	background: #E6E6E6 !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #009830 5px, #009830 120%) !important; /* Standard syntax */
	
	/* border: 1px solid #009830 !important; */
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important;    
}

.button_corporate.ui-button:hover {
	background: #004C9E !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, #004C9E 5px, #004C9E 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #004C9E 5px, #004C9E 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #004C9E 5px, #004C9E 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #004C9E 5px, #004C9E 120%) !important; /* Standard syntax */
	
	/* border: 1px solid #009830 !important; */
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 !important;
    
    border-radius: 5px 5px 5px 5px !important;    
	
}

#panelPagination {
	background: #004C9E !important; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #009830 5px, #009830 120%) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #009830 5px, #009830 120%) !important; /* Standard syntax */
	
    border: 1px solid #a8a8a8 !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

.panel-primary_sub_corporate {
	border-color: #ffffff;
}

.panel-primary_sub_corporate>.panel-heading {
	background-color: #ffffff;
    border-color: #ffffff;
    color: #555555;
    text-align: left;
    text-shadow: 0px 3px 5px #448BA3;
    text-transform: uppercase;
  	cursor: pointer;
  	
  	border-bottom: 0px!important;
    font-size: 16px !important;
    font-weight: bold !important;
    
    border-radius: 5px 5px 5px 5px;
}

.panel-primary_sub_corporate_panelTitle>.panel-heading {
	background-color: #ffffff;
    border-color: #ffffff;
    color: #555555;
    text-align: left;
    text-shadow: 0px 3px 5px #009830;
    text-transform: uppercase;
  	cursor: pointer;
  	
  	border-bottom: 0px !important;
	font-size: 1em !important;
	font-weight: bold !important;
}

.panel-primary_sub_corporate>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ffffff;
}

.panel-primary_sub_corporate>.panel-heading .badge {
    color: #555555;
	background-color: #ffffff;
	cursor: pointer;
}

.panel-primary_sub_corporate>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ffffff;
}


.panel-primary_corporate {
	border-radius: 5px 5px 5px 5px !important;	
}

.panel-primary_corporate > .panel-heading {
	background-image: linear-gradient(to bottom, #009830 10px, #009830 110%) !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
	border-radius: 5px 5px 5px 5px !important;
}
.panel-primary_corporate > .panel-heading + .panel-collapse > .panel-body {
	background-image: linear-gradient(to bottom, #009830 10px, #009830 110%) !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
}
.panel-primary_corporate > .panel-heading .badge {
    background-image: linear-gradient(to bottom, #009830 10px, #009830 110%) !important;
    color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
}
.panel-primary_corporate > .panel-footer + .panel-collapse > .panel-body {
	background-image: linear-gradient(to bottom, #009830 10px, #009830 110%) !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
	text-align: center;
}

.btn-primary_corporate {
    background-image: linear-gradient(to bottom, #009830 10px, #009830 110%) !important;
    border-color: #009830 !important;
    color: #FFFFFF !important;
}
.btn-primary_corporate:hover, .btn-primary:focus {
   background-image: linear-gradient(to bottom, #009830 10px, #009830 230%) !important;
}

/* définition du style de la barre de menu */
.navbar-default {
   /*  background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 50%) !important; */
    background-image: linear-gradient(to right, #FFFFFF 20px, #E6E6E6 50%) !important;
}

.navbar-default .navbar-brand {
    color: #555555 !important;
} 
.navbar-default .navbar-nav > li > a {
     color: #555555 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-image: linear-gradient(to bottom, #E6E6E6 10px, #E6E6E6 230%) !important;
   /*  background-image: linear-gradient(to bottom, #009830 10px, #009830 230%) !important; */
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
     background-image: linear-gradient(to bottom, #E6E6E6 10px, #E6E6E6 230%) !important;
    /* background-image: linear-gradient(to bottom, #009830 10px, #009830 230%) !important; */
    background-repeat: repeat-x !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset !important;
}

.navbarLink {
	color:#555555 !important;
	margin-top:15px !important;
	/* margin-left:50px !important; */
	font-weight: bold !important;
}

.dropMenuTitle {
	color:#555555 !important;
	font-weight: bold !important;	
}
/* fin  du style de la barre de menu */

/* définition du style de la popup */
.modal-header {
	/* background-image: linear-gradient(to bottom, #87CEE4 20px, #448BA3 100%) !important; */
	background-image: linear-gradient(to bottom, #009830 20px, #009830 100%) !important;
	color: #FFFFFF !important;
	border-radius: 5px !important;
    line-height: 0px !important ;
}
/* fin définition du style de la popup */

/* définition du style de la barre de titre des header de panel */
.ui-widget-header {
	/* background-image: linear-gradient(to bottom, #87CEE4 20px, #448BA3 100%) !important; */
	background-image: linear-gradient(to bottom, #009830 20px, #009830 100%) !important;
	color: #FFFFFF !important;
	text-shadow: none !important;
}
/* fin définition du style de la barre de titre des header de panel */

/* définition du style de bordures des zones de saisie */
.ui-inputtext, .ui-inputtextarea , .ui-password, .hasDatepicker {
    border: 1px solid #aaaaaa !important;
}
/* fin définition du style de bordures des zones de saisie */

/* définition du style des balises a */
a:hover, a:focus {
	/* color: #444444 !important; */
}
/* fin définition du style des balises a */

/* définition d'un trait de séparation */
.separatorForm_corporate {
	/* border-bottom: 1px solid #448BA3; */
	border-bottom: 1px solid #009830 important;
	margin-top: -10px;
}
.separatorForm {
	border-bottom: 1px solid #009830 !important;
}
/* fin définition d'un trait de séparation */

/* définition de la couleur de icons awesome */
.iconAwesomeColor.ui-commandlink{
	color: #009830 !important;	
}

.iconAwesomeColor.ui-commandlink:hover {
	color: #004C9E !important;	
} 
/* fin définition de la couleur de icons awesome */

/* définition de la couleur par defaut du sous-menu Mon Compte */
#commandLink_myAccount {
	color:#009830;
}
		
#commandLink_endSession {
	color:#009830;
}
	
#panelMyAccount {
	color:#009830;
}
/* fin définition de la couleur par defaut du sous-menu Mon Compte */


@media only screen and (max-width:1024px) {
	/* définition de la couleur du sous-menu Mon Compte */
	#commandLink_myAccount {
		color:#009830 !important;
		padding-right:10px !important;
	}	
	#commandLink_endSession {
		color:#009830 !important;
		padding-right:10px !important;
	}
	
	#panelMyAccount {
		color:#009830 !important;
	}
	/* fin définition de la couleur du sous-menu Mon Compte */
}
:root {
  
  --paraf-color:#009830;
  
  --text-color-toggle-menu: var(--paraf-color) !important;								/* couleur du texte du menu quand menu en mode burger */
  
  --height-menu: 52px; 												/* hauteur du menu */
  --height-menu-vh: 7vh;											/* hauteur du menu en vh pour blank.xhtml */
  --height-footer: 26px;											/* hauteur du footer */
  --login-center-translate: -10%;									/* d�calage vertical du panel login / logerr / logend / erreur technique*/
   
  --text-color: var(--paraf-color) !important;											/* couleur du texte du menu */
  --button-color:var(--paraf-color) !important;											/* couleur des boutons */
  --button-text-color:#fff;											/* couleur du texte des bouton */
  --button-color-hover:#414042;										/* couleur des bouton hover */
  --button-text-color-hover:#fff;									/* couleur du texte des bouton hover*/
  
  --separator-color: #4872b9;										/* couleur des lignes de s�paration */
  --separator-menu-color: #fff;										/* couleur des lignes de s�paration dns les menus */
  --button-text-toggle-menu: #4872b9;								/* couleur sous-menus toggle */
  
  --text-panel-title-link-color: #fff;								/* couleur du texte des headers des panels */
  --text-panel-title-link-color-hover: #414042;						/* couleur du texte hover des headers des panels */
  
  --text-panel-title:#fff;											/* couleur du texte des header des panels */
  --background-panel-title: var(--paraf-color) !important;								/* couleur de fonbd des header des panels */
  
  --background-pagination-color: var(--paraf-color) !important;							/* couleur des boutons de la pagination */
  --text-pagination-color: #fff;									/* couleur du texte des bouton de la pagination */
  
  --background-color-calendar-toDay: #fff;							/* couleur de fond pour la date du jour */
  --background-color-calendar-setDay:var(--paraf-color) !important;						/* couleur de fond pour la date s�lectionn�e */
  --text-color-calendar-setDay: #fff;								/* couleur du texte pour la date s�lectionn�e */
  --background-color-calendar-header: var(--paraf-color) !important;						/* couleur de fond du header du dalendrier */
  
  --footer-background-left: #fff;									/* couleur d�part pour le footer */
  --footer-background-right: #fff;									/* couleur de fin pour le footer */
  
  --panel-background-left: #fff;									/* couleur d�part pour les panels */
  --panel-background-right: #fff;									/* couleur de fin pour les panel */
  
  --color-iconAwesome: var(--paraf-color) !important;										/* couleur des iconAwesome */ 
  
  --background_color_headerTable: #787c81;							/* couleur des ent�tes des tables */
  --text_color_headerTable: #fff;									/* couleur du texte des ent�te des tables */
  --background_color_table: #fff;									/* couleur par d�faut des lignes pour les tables */
  --background_color_even_table: #fff;								/* couleur des lignes impaires pour les tables */
  --background_color_odd_table: #ddd;								/* couleur des lignes paires pour les tables */
  --text_color_table: #333;											/* couleur du texte */
  --border_color_table: #c8c8c8;									/* couleur des bordures */
  --color-border-header-table: #c5c5c5;								/* couleur des bordures du header */ 
  
  --background-color-default-tab: #787c81;							/* couleur par d�faut des onglets */
  --text-color-default-tab: #fff;									/* couleur du texte par defaut des onglets */
  --background-color-selected-tab: #fff;							/* couleur de l'onglet s�lectionn� */
  --text-color-selected-tab: var(--paraf-color) !important;								/* couleur du texte de l'onglet s�lectionn� */
  --background-color-header-tab-panel: #fff;						/* couleur du background du header du tab panel */ 
  
  --background-color-default-radio: #fff;							/* couleur du background des radios button */
  --background-color-selected-radio:var(--paraf-color) !important;						/* couleur du background du radio button s�lectionn� */
  
  --background-color-default-check: #fff;							/* couleur du background des check box */
  --background-color-selected-check: var(--paraf-color) !important;						/* couleur du background du check box s�lectionn� */
  
  --background-color-icon-closethick-popup: #fff;					/* couleur du background de l'icone de fermeture des popup */
  
  
  --backgound-color-step: var(--paraf-color) !important;									/* couleur de fond de l'�tape active */
  
  
  --button-pickList: var(--paraf-color) !important;
  --button-pickList-hover: #414042;
  
  --step-active:var(--paraf-color) !important;
  --step-inactive: #414042 !important;
  --paraf-title-color:--paraf-color !important;
}


@media only screen and (min-width: 853px) {  
	  
  .GroupementTable td:nth-child(1),.GroupementTable th:nth-child(1) { 
  	width: 10px; 
  }
  .GroupementTable td:nth-child(4),.GroupementTable th:nth-child(4) { 
  	width: 50px; 
  }
  .GroupementTable td:nth-child(5),.GroupementTable th:nth-child(5) { 
  	width: 50px; 
  }
}





  




@media only screen and (min-width: 853px) {  
	  
  .GroupementTable td:nth-child(1),.GroupementTable th:nth-child(1) { 
  	width: 10px; 
  }
  .GroupementTable td:nth-child(4),.GroupementTable th:nth-child(4) { 
  	width: 50px; 
  }
  .GroupementTable td:nth-child(5),.GroupementTable th:nth-child(5) { 
  	width: 50px; 
  }
}