/* ********************* */
/* Le style de eGRHForem */
/* ********************* */

/* ************************** */
/* Recapitulatif des couleurs */

/* HOME */
/* footer-bgColor: #2c3e50; */
/* slideShowFooter-bgColor: #a5acb0; */
/* postulation-bgColor:#F7F7F7; */
/* postulation-text: #737373; */
/* postulation-textGreen: #1c799b; */
/* ---------------------- */

/* REGISTER */
/* headerHeight: 165px; */
/* form-bgColor: #F7F7F7; */
/* fields-borderColor: #2f3a48; */
/* label-textColor: #1c799b; */
/* createButton-lightBgColor: #1c799b; */
/* createButton-darkBgColor: #2f3a48; */
/* ---------------------- */

/* LOGIN */
/* attention-text: red; */
/* form-width: 950px; */
/* form-height:500px; */
/* form-buttons-height: 70px; */
/* ---------------------- */

/* OFFER DETAILS */
/* bottom-images-height: 300px; */
/* bottom-images-width: 300px; */
/* ---------------------- */

/* CONFIRMATION PAGE */
/* backButton-bgColor: #787878; */
/* ---------------------- */

/* PERSONNAL SPACE */
/* table-headerBgColor: #2f3a48; */
/* table-evenBgColor: #F7F7F7; */
/* table-oddBgColor: #eef3f1; */
/* table-titleSepColor: #a5adaf; */
/* table-text: #767676;  */
/* ---------------------- */

/* Recapitulatif des couleurs */
/* ************************** */

/* ****************************** */
/* Redefinition des elements HTML */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;1,300;1,600&display=swap');

* {
	margin: 0;
}

input{
	font-family: 'Poppins',sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3 { /* Override bootstrap */
	margin: 0px;
}

h1 {
	color: #2f3a48;
	font-size: 2.9em;
	margin-bottom: 2.0%;
	font-weight: bold;
}

h2 {
	color: #1c799b;
	font-size: 2.0em;
	font-weight: bold;
}

h2 a {
	color: #1c799b !important;
}

h3 {
	font-weight: bold;
	font-size: 1.5em;
	padding-top: 2%;
	padding-bottom: 2%;
}

p {
	line-height: 1.4em;
	font-size: 1.4em;
}

.candidateIntroText h2{
	color: 93bb1d;
	text-align: center;
	font-size: 2.3em;
}

/* TODO : transformer en classe et l'appliquer partout */
/* input { */
/* background-color: #ffffff !important; */
/* 	margin:2px !important; */
/* } */

/* Permet d'aligner les labels avec les inputs sans tableau */
/* TODO : transformer en classe et l'appliquer partout */
/* label { */
/*     float: left; */
/*     width: 20%; */
/*     text-align: right; */
/*     margin-right: 10px; */

/*     white-space: nowrap; */
/*     overflow: hidden; */
/*     text-overflow: ellipsis; */
/*     -o-text-overflow: ellipsis; */
/*     margin:6px !important; */
/* } */

/* *************** */
/* Style generique */

.centerText {
	text-align: center;
}

.justifyText {
	text-align: justify;
}

.bold {
	font-weight: bold;
}

.white {
	color: #ffffff;
}

.greenLink {
	color: #1c799b;
	text-decoration: underline;
}

.greenLink:hover {
	color: #2f3a48;
	text-decoration: none;
}

.iconButtonPrimeFaces {
	background-color: #1c799b !important;
	background-image: none !important;
	border-radius: 0px !important;
	color: white !important;
	border: none !important;
	padding: 0px !important;
	padding-right: 40px !important;
	box-shadow: none !important;
	height: 35px !important;
}

.iconButtonPrimeFaces.ui-button {
	margin-right: 0px;
}

.iconButtonPrimeFaces span.ui-button-text {
	background-color: #1c799b;
	height: 35px;
	/*line-height: 1.9;*/
	padding-left: 21px;
	padding-right: 21px;
	font-size: 1.4em;
	font-weight: normal;
	text-shadow: none;
}

.iconButtonPrimeFaces .custom {
	background-image: url("/eGRHForem/javax.faces.resource/images/button_arrow.png.xhtml") !important;
	background-repeat: no-repeat;
	height: 35px;
	width: 40px;
	top: 0px !important;
	margin-top: 0px !important;
}

.iconButtonPrimeFaces .custom.ui-button-icon-right {
	right: 0px;
}

.buttonPrimeFaces {
/* 	background-color: #1c799b !important; */
	background-image: none !important;
	border-radius: 0px !important;
	color: white !important;
	border: none !important;
	padding: 0px !important;
/* 	padding-right: 40px !important; */
	box-shadow: none !important;
	height: 35px !important;
}

.buttonPrimeFaces.ui-button {
	margin-right: 0px;
}

.buttonPrimeFaces span.ui-button-text {
	background-color: #1c799b;
	height: 35px;
/* 	line-height: 1.9; */
	padding-left: 21px;
	padding-right: 21px;
	font-size: 1.4em;
	font-weight: normal;
	text-shadow: none;
}

.buttonPrimeFaces.fontInherit span.ui-button-text {
	font-size: 1em;
}

.buttonPrimeFaces .custom {
	background-image: none !important;
/* 	background-repeat: no-repeat; */
/* 	height: 35px; */
/* 	width: 40px; */
	top: 0px !important;
	margin-top: 0px !important;
}

#login_form\:login_formConnectionButton {
	left: 100px;
}

.mt-xs {
	margin-top: 6px;
}

.mt-s {
	margin-top: 12px;
}

.mb-m {
	margin-bottom: 18px;
}

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

/* ************** */
/* Boite a outils */

/* Ajoute '*' comme suffixe d'un label */
/* Inutile puisque PrimeFaces le gere automatiquement */
.customRequiredField:after {
	content:" *";
	color: #ff8e97;
	font-weight: bold;
}

/* **************** */
/* Fix de bootstrap */

.container-fluid {
	padding: 0px !important;
}

.form-group {
	width: 100% !important;
}

.form-control {
	width: 100% !important;
/* 	padding-bottom: 10px; */
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
	text-shadow: none;
	box-shadow: none;
	border-color: #e3e3e3;
	background: #F7F7F7;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color: #1c799b;
}

.ui-column-filter {
	background: white;
}

/* ***************** */
/* Fix de primefaces */

/* Enleve la couleur de fond du label en cas d'erreur */
.ui-state-error {
	background: none !important;
}

input.ui-state-error {
	border: 1px solid #cd0a0a !important;
	background-color: #ffffff !important;
}

.ui-widget {
	font-family: inherit !important;
	font-size: inherit !important;
}

.ui-message-error, .ui-message-info {
	margin-left: 0px !important;
	margin-right: 0px !important;
	line-height: 1.4em !important;
	font-size: 1.4em !important;
}

.ui-message-error-detail {
	font-size: 14px;
	color: #cd0a0a !important;
}

.candidatFilePanel .ui-message-error {
	float: right;
	width: 75%;
	margin-bottom: 20px;
}

.ui-messages-error-summary, .ui-messages-info-summary {
	font-size: 1.4em !important;
}

.ui-chkbox {
  margin: 0px 0 10px 0px;
}

.ui-chkbox .ui-chkbox-label {
  display: inline;
  font-weight: bold;
}

.ui-growl-item-container {
	border-color: grey;
	opacity: 1.0;
}

.ui-growl-item-container.ui-state-highlight {
	background: none;
}

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

/* Administration */
.row-flex, .row-flex > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:1 1 0;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
	display: flex;
	display: -webkit-flex;
	flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}

.w-100 {
	width: 100%;
}

.editButtonDT > .ui-row-editor-pencil > .ui-icon-pencil {
	background-position: center;
	background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_information_modify_icon.png.xhtml");
	background-color: transparent;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	width: 27px;
	height: 27px;
}

.editButtonDT > .ui-row-editor-check .ui-icon-check {
	/*background-position: center;*/
	/*background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_information_modify_icon.png.xhtml");*/
	/*background-color: transparent;*/
	/*background-size: 20px 20px;*/
	/*background-repeat: no-repeat;*/
	/*width: 27px;*/
	/*height: 27px;*/
}

.editButtonDT > .ui-row-editor-close .ui-icon-close {
	background-position: center;
	background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_information_modify_icon.png.xhtml");
	background-color: transparent;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	width: 27px;
	height: 27px;
}

.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

/* *********** */
/* Formulaires */

label {
	color: #1c799b;
}

.formulaire {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    padding-left: 0;
    padding-right: 0;
}

.inscriptionEspacePersonnel,
.informationsDeConnexion,
#candidateFileFormId\:informationPane,
#candidateFileFormId\:languagesPane,
#candidateFileFormId\:experiencePane,
#candidateFileFormId\:diplomaPane,
#candidateFileFormId\:additionalTrainingPane,
#candidateFileFormId\:internshipsPane,
#candidateFileFormId\:studentJobPane,
#candidateFileFormId\:computingPane,
#candidateFileFormId\:drivingLicencePane,
#candidateFileFormId\:passportPane,
#candidateFileFormId\:attachedFilePane,
#candidateFileFormId\:coverLetterPane,
#candidateFileFormId\:cvPane,
#candidateFileFormId\:handicapPane {
    background-color: #F7F7F7;
    padding: 15px 15px 15px 15px;
    margin-bottom: 20px;
}

#candidateFileFormId\:informationPane {
	margin-bottom: 10px;
}

form#inscriptionFormId div div p,
form#candidateFileFormId div div p {
    min-width: 10%;
    margin: 0;
    display: inline-block;
    font-size: 16px;
}

#candidateFileFormId\:horizontal,
#candidateFileFormId\:horizontal_content,
#candidateFileFormId\:languagesTogglePane,
#candidateFileFormId\:languagesTogglePane_content,
#candidateFileFormId\:experienceTogglePane,
#candidateFileFormId\:experienceTogglePane_content,
#candidateFileFormId\:diplomaTogglePane,
#candidateFileFormId\:diplomaTogglePane_content,
#candidateFileFormId\:additionalTrainingTogglePane,
#candidateFileFormId\:additionalTrainingTogglePane_content,
#candidateFileFormId\:internshipsTogglePane,
#candidateFileFormId\:internshipsTogglePane_content,
#candidateFileFormId\:studentJobTogglePane,
#candidateFileFormId\:studentJobTogglePane_content,
#candidateFileFormId\:computingTogglePane,
#candidateFileFormId\:computingTogglePane_content,
#candidateFileFormId\:ptpTogglePane,
#candidateFileFormId\:ptpTogglePane_content,
#candidateFileFormId\:c63TogglePane,
#candidateFileFormId\:c63TogglePane_content,
#candidateFileFormId\:attachedFileTogglePane,
#candidateFileFormId\:attachedFileTogglePane_content,
#candidateFileFormId\:coverLetterTogglePane,
#candidateFileFormId\:coverLetterTogglePane_content,
#candidateFileFormId\:cvTogglePane,
#candidateFileFormId\:cvTogglePane_content,
#candidateFileFormId\:drivingLicenceTogglePane,
#candidateFileFormId\:drivingLicenceTogglePane_content {
	padding: 0;
}

form#inscriptionFormId div div input[type="text"],
form#candidateFileFormId div div input[type="text"],
textarea,
.passwordField {
    width: 75%;
    float: right;
    display: inline-block;
    border-radius: 0!important;
    background: none!important;
    background-color: #FFFFFF!important;
    border: 1px solid #2f3a48!important;
    box-shadow: none!important;
    margin-left: 10px!important;
    font-size: 14px!important;
    font-weight: normal;
    color: #222222!important;
	font-family: 'Poppins',sans-serif !important;
}

form#inscriptionFormId div div table,
form#candidateFileFormId div div table {
    display: inline-block;
}

#candidateFileFormId\:horizontal_header,
#candidateFileFormId\:languagesTogglePane_header,
#candidateFileFormId\:experienceTogglePane_header,
#candidateFileFormId\:diplomaTogglePane_header,
#candidateFileFormId\:additionalTrainingTogglePane_header,
#candidateFileFormId\:internshipsTogglePane_header,
#candidateFileFormId\:studentJobTogglePane_header,
#candidateFileFormId\:computingTogglePane_header,
#candidateFileFormId\:handicapTogglePane_header,
#candidateFileFormId\:ptpTogglePane_header,
#candidateFileFormId\:c63TogglePane_header,
#candidateFileFormId\:attachedFileTogglePane_header,
#candidateFileFormId\:coverLetterTogglePane_header,
#candidateFileFormId\:cvTogglePane_header,
#candidateFileFormId\:drivingLicenceTogglePane_header {
	padding-right: 0;
	font-size: 1em;
}

#candidateFileFormId\:horizontal_header span,
#candidateFileFormId\:languagesTogglePane_header span,
#candidateFileFormId\:experienceTogglePane_header span,
#candidateFileFormId\:diplomaTogglePane_header span,
#candidateFileFormId\:additionalTrainingTogglePane_header span,
#candidateFileFormId\:internshipsTogglePane_header span,
#candidateFileFormId\:studentJobTogglePane_header span,
#candidateFileFormId\:computingTogglePane_header span,
#candidateFileFormId\:handicapTogglePane_header span,
#candidateFileFormId\:ptpTogglePane_header span,
#candidateFileFormId\:c63TogglePane_header span,
#candidateFileFormId\:attachedFileTogglePane_header span,
#candidateFileFormId\:coverLetterTogglePane_header span,
#candidateFileFormId\:cvTogglePane_header span,
#candidateFileFormId\:drivingLicenceTogglePane_header span {
	margin-right: 0;
}

/* Tree */
#spontaneousApplicationFormId\:careerChoicesId {
	width: 100%;
	border: 0;
	height: 100%;
}
#spontaneousApplicationFormId\:careerChoicesId ul {
	background-color: #EEE;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #737373;
	font-family: 'Poppins',sans-serif !important;
	margin-top: 6px;
	height: 100%;
	
}
#spontaneousApplicationFormId\:careerChoicesId ul li {
	height: 100%;
}
#spontaneousApplicationFormId\:careerChoicesId ul li ul {
	font-size: 1em;
	line-height: 1em;
 	height: 100%;
}

#spontaneousApplicationFormId\:careerChoicesId span.ui-state-highlight {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 1em;
	text-shadow: none;
	font-weight: bold;
}

.ui-datalist-content {
	border: 0px;
	background: none;
}

button.addButton,
button.cancelInfosButton,
button.editInfosButton {
	width: auto!important;
	margin: 0!important;
	float: right !important;
	display: inline-block !important;
	background-color: #1c799b!important;
	color: #FFFFFF!important;
	border: 0px!important;
	font-size: 1.4em!important;
	font-family: Helvetica !important;
	background-repeat: no-repeat!important;
	border-radius: 0px!important;
	font-family: 'Poppins',sans-serif;
}
button.addButton:hover,
button.cancelInfosButton:hover,
button.editInfosButton:hover {
	border: 0;
	box-shadow: none;
}

button.addButton {
    background: #1c799b url("/eGRHForem/javax.faces.resource/images/button_arrow.png.xhtml") no-repeat !important;
    background-position: 100% 7px !important;
    padding: 10px 40px 10px 10px;
    font-weight: normal;
}

button.editInfosButton {
    background-image: url("/eGRHForem/javax.faces.resource/images/cv_modification_icon.png.xhtml") !important;
    padding: 10px 10px 10px 35px !important;
    background-size: 20px 20px !important;
    background-position: 5px 10px !important;
}

button.printButton {
	color : blue ! important;
	float: right;
	background: none !important;
    padding: none !important;
    background-size: 20px 20px !important;
    background-position: 5px 10px !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: none !important;
}

button.cancelInfosButton {
    background-image: url("/eGRHForem/javax.faces.resource/images/form_white_cross.png.xhtml") !important;
    padding: 10px 10px 10px 35px !important;
    background-size: 20px 20px !important;
    background-position: 5px 10px !important;
}

button.addButton span,
button.cancelInfosButton span,
button.editInfosButton span {
	padding: 0px !important;
	font-weight: normal;
    text-shadow: none;
    color: #FFFFFF;
	font-family: 'Poppins',sans-serif;
}

button.cancelInfosButton.inheritFontSize, 
button.editInfosButton.inheritFontSize {
	font-size: 1em !important;
}

.separator {
    height: 1px;
    width: 100%;
    margin: 20px 0;
    background-image: url("/eGRHForem/javax.faces.resource/images/register_form_separator.png.xhtml");
}

.inscriptionAddAddressLink,
.candidateAddInfo .ui-panel-titlebar {
    width: 100%;
    font-size: 1.4em;
    font-weight: normal;
}

.inscriptionAddAddressLink p,
.candidateAddInfo .ui-panel-titlebar span {
/*  width: 100% !important; */
    float: right;
}

.inscriptionAddAddressLink p a,
.addAddressLink,
.addLanguageLink,
.addExperienceLink,
.addDiplomaLink,
.addPtpLink,
.addC63Link,
.addHandicapLink,
.addCvLink,
.addCoverLetterLink,
.addAttachedFileLink,
.addAdditionalTrainingLink,
.addInternshipsLink,
.addStudentJobLink,
.addComputingLink,
.addDrivingLicenceLink {
    color: #1c799b!important;
    text-shadow: none;
    margin-right: 0;
    cursor: pointer;
    background-image: url("/eGRHForem/javax.faces.resource/images/register_form_add_icon.png.xhtml");
    background-repeat: no-repeat;
    padding: 0 0 10px 20px;
    background-size: 15px 15px;
    background-position: 0px 5px;
}

#inscriptionFormId\:inscriptionAddAddress {
/* 	background-position: 0px 4px; */
    font-size: 0.9em!important;
}

#inscriptionFormId\:foremAgentInputId {
	margin-left: -47px;
}

.candidateSelectOne {
	width: 75%;
	float: right;
	margin-top: 5px;
}

.candidateSelectOne div.ui-selectonemenu {
	float: left;
}

.selectOne select,
td select {
    background: transparent;
    background-color: #FFFFFF;
    background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_expand_icon.png.xhtml");
    background-repeat: no-repeat;
    background-size: 20px 14px;
    background-position: 98% 8px;
    width: 100%;
	padding: 3px;
	font-size: 14px !important;
    border: 1px solid #2f3a48!important;
	border-radius: 0;
	height: 30px;
/* 	-webkit-appearance: none; */
	font-family: 'Poppins',sans-serif !important;
}

/* DROPDOWN */
.ui-autocomplete-panel {
	box-shadow: 0px 3px 9px rgba(0,0,0,.3);
	border-radius: 0;
	border-color: grey;
	margin-top: -1px;
}
.ui-autocomplete-panel .ui-autocomplete-item {
	text-shadow: none;
	border-radius: 0;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #1c799b;
	color: white;
}

.ui-datepicker-month,
.ui-datepicker-year {
	background: transparent;
    background-color: #FFFFFF;
    background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_expand_icon.png.xhtml");
    background-repeat: no-repeat;
    background-position: 98% 6px;
	color: #000000;
	padding: 0px 0px 0px 2px!important;
	width: 46%!important;
	float: left;
	height: 16px;
	background-size: 10px 8px;
    -webkit-appearance: none;
    font-size: 1em;
    border: 1px solid #2f3a48!important;
    border-radius: 0;
}

.ui-datepicker-year {
	float: right;
}

td select {
	width: 200px;
    background-size: 15px 9px;
}

.selectLanguageName {
	width: 49%!important;
	float: left!important;
	margin: 10px 0px;
}

.selectLanguageLevel {
	width: 49%!important;
	float: right!important;
	margin: 10px 0px;
}

.selectExistingLanguageName {
    width: 24%!important;
    float: left!important;
    margin: 10px 0px;
}

.selectExistingLanguageLevel {
    width: 24%!important;
    margin: 10px 7px 10px 10px;
    float: none!important;
}

.ui-fileupload {
    border: 1px solid #2f3a48;
    border-radius: 0px;
    margin-bottom: 10px;
}

.ui-fileupload-buttonbar {
	background: none;
	background-color: #1c799b;
	border-radius: 0px;
    border: 0px;
}

.ui-fileupload-content {
    border-radius: 0px;
    border: 0px;
}

.ui-icon-bullet {
    margin-top: 0px;
    margin-left: 0px;
    background-position: -82px -147px;
}

.ui-radiobutton-box {
    width: 13px!important;
    height: 13px!important;
    border: 1px solid #2f3a48!important;
    background-image: url("/eGRHForem/javax.faces.resource/images/form_select_off.png.xhtml") !important;
}

.ui-radiobutton .ui-state-active span {
    background-image: url("/eGRHForem/javax.faces.resource/images/form_select_on.png.xhtml") !important;
    background-position: -4px -4px;
    background-size: 17px 17px;
}

div.ui-datatable-tablewrapper{
	font-size: 110% !important;
}

div.ui-datatable-tablewrapper table thead tr th,
.ui-datepicker-header {
	background: none!important;
    background-color: #2c3e50!important;
    border: 1px solid #2c3e50!important;
    color: #FFFFFF!important;
    box-shadow: none!important;
    font-weight: normal;
}

div.ui-datatable-tablewrapper table tbody tr {
    border: 1px solid #2c3e50!important;
    box-shadow: none;
}

div.ui-fileupload-buttonbar span span.ui-button-icon-left {
	background-image: url("/eGRHForem/javax.faces.resource/images/register_form_add_icon.png.xhtml");
	background-position: 2px 3px;
	background-size: 10px 10px;
}

div.ui-fileupload-buttonbar span.ui-button,
div.ui-fileupload-buttonbar .ui-button,
.ui-fileupload-cancel {
	border: 1px solid #2f3a48!important;
    box-shadow: none;
    background: none;
    background-color: #FFFFFF;
}

#ui-datepicker-div {
	border: 1px solid #2f3a48!important;
}

.ui-datepicker-prev-hover {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
}

.ui-datepicker-prev span,
.ui-datepicker-prev-hover span {
	background: none;
	background-image: url("/eGRHForem/javax.faces.resource/images/button_arrow_left.png.xhtml")!important;
	background-position: -3px -3px;
    background-size: 25px 22px;
}

.ui-datepicker-prev-hover span {
	background-position: -2px -2px;
}

.ui-datepicker-next-hover {
	background: none!important;
    border: none!important;
    box-shadow: none!important;
}

.ui-datepicker-next span,
.ui-datepicker-next-hover span {
    background: none;
    background-image: url("/eGRHForem/javax.faces.resource/images/button_arrow.png.xhtml")!important;
    background-position: -3px -3px;
    background-size: 25px 22px;
}

.ui-datepicker-next-hover span {
	background-position: -4px -2px;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	color: #2f3a48;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background-color: #2f3a48;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 4px;
}

.ui-datepicker .ui-datepicker-prev {
	top: 2px;
	left: 0px;
}

.ui-datepicker-month,
.ui-datepicker-year {
	height: 20px;
}

.languageName {
    color: #1c799b;
    font-weight: 700;
	width: 24%;
}

.languageLevel {
    width: 23%;
}

.selectObtaining {
	display: inline;
}

.selectObtaining table {
	margin-top: 7px;
	float: none !important;
	width: auto !important;
	margin-left: 50px !important;
}

.selectObtaining label {
	margin-bottom: 0px;
}

/* .selectObtaining table { */
/* 	margin-right: 65% !important; */
/* 	float: right !important; */
/* } */

/* .selectObtaining table tbody tr td { */
/* 	padding-right: 10px !important; */
/* } */

/* .selectObtaining table tbody tr td label { */
/* 	display: inline-block !important; */
/* 	float: right !important; */
/* } */

.editButton {
	background: none!important;
	background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_information_modify_icon.png.xhtml")!important;
	background-color: transparent!important;
	border: 0px!important;
	width: 27px;
	height: 27px;
	background-size: 20px 20px!important;
	background-repeat: no-repeat!important;
	float: right;
	box-shadow: none;
}

.deleteButton {
	background: none!important;
    background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_informations_cross.png.xhtml")!important;
    background-color: transparent!important;
    border: 2px solid #1c799b!important;
    width: 24px;
    height: 24px;
    background-size: 15px 15px!important;
    background-repeat: no-repeat!important;
    float: right;
    box-shadow: none;
    border-radius: 0px;
    margin-top: 1px;
}

.cancelButton {
    background: none!important;
    background-image: url("/eGRHForem/javax.faces.resource/images/cv_form_informations_cross.png.xhtml")!important;
    background-color: transparent!important;
    border: 0px!important;
    width: 24px;
    height: 24px;
    background-size: 20px 20px!important;
    background-repeat: no-repeat!important;
    float: right;
    box-shadow: none;
    border-radius: 0px;
    margin-top: 3px;
}

.editActions .ui-state-hover,
.editLanguageActions .ui-state-hover {
	box-shadow: none;
}

.editActions {
	width: 100%;
	height: 30px;
}

.editLanguageActions {
    width: 14%;
    height: 24px;
    display: inline-block;
}

.existingValue {
	width: 75%;
	float: right;
	margin: 10px 0;
	padding-top: 5px;
	font-size: 1.2em!important;
    font-weight: normal;
    color: #222222;
}

.floatLeft {
	float: left;
}

.fileupload .existingValue{
	margin: 0;
	padding: 0;
}

.ui-state-focus {
	box-shadow: none!important;
	text-shadow: none!important;
}

/* *********** */
/* Inscription */

.inscriptionButton {
	margin-bottom: 0px;
}

.inscriptionTitle {
	margin-bottom: 20px;
}

.candidateRow{
	clear: both;
}

.inscriptionRow,
.candidateRow p,
.candidateRow input,
.candidateRow div.selectOne {
	margin: 10px 0!important;
}

.candidateRow p {
	width: 20%;
}

.addAddressLink,
.addLanguageLink,
.addExperienceLink,
.addDiplomaLink,
.addPtpLink,
.addC63Link,
.addCvLink,
.addCoverLetterLink,
.addAttachedFileLink,
.addHandicapLink,
.addAdditionalTrainingLink,
.addInternshipsLink,
.addStudentJobLink,
.addComputingLink,
.addDrivingLicenceLink {
    width: 100%!important;
}

.addAddressLink a,
.addLanguageLink a,
.addExperienceLink a,
.addDiplomaLink a,
.addPtpLink a,
.addC63Link a,
.addCvLink a,
.addCoverLetterLink a,
.addAttachedFileLink a,
.addHandicapLink a,
.addAdditionalTrainingLink a,
.addInternshipsLink a,
.addStudentJobLink a,
.addComputingLink a,
.addDrivingLicenceLink a {
	float: right;
}

.datePicker button{
	float: right;
}

.datePicker input{
	/* Firefox */
    width: -moz-calc(75% - 36px) !important;
    /* WebKit */
    width: -webkit-calc(75% - 36px) !important;
    /* Opera */
    width: -o-calc(75% - 36px) !important;
    /* Standard */
    width: calc(75% - 36px) !important;
}

.inscriptionRow table {
	width: 75%;
	float: right;
}

.inscriptionRowRadio table {
	margin-left: 164px;
}

.inscriptionRow table tbody tr td {
	padding-right: 10px;
}

.inscriptionRowRadio table tbody tr td {
	padding-right: 10px;
}

.inscriptionRow table tbody tr td input {
	display: inline-block;
	width: 0!important;
	float: left!important;
	margin: 0!important;
}

.inscriptionRow table tbody tr td label {
	display: inline-block;
	float: right;
}

.inscriptionRowRadio table tbody tr td label {
	display: inline-block;
	float: right;
	margin-bottom: 0px;
}

.countrySelector,
.selectOne75 {
	display: inline-block;
	width: 75%;
	float: right;
}

.passwordImage {
	background-color: #2f3a48;
	width: 24px;
	height: 24px;
	display: inline-block;
	float: right;
	margin-top: 3px;
	margin-right: 6px;
	display: none;
}

.passwordImage img {
	margin-left: 6px;
	margin-top: 5px;
    margin-bottom: 3px;
}

.passwordField {
	/* Firefox */
    width: -moz-calc(75% - 22px) !important;
    /* WebKit */
    width: -webkit-calc(75% - 22px) !important;
    /* Opera */
    width: -o-calc(75% - 22px) !important;
    /* Standard */
    width: calc(75% - 22px) !important;
    margin-left: 0px!important;
    display: inline-block;
    float: right;
}

.addAddressIcon {
	float: right;
	margin-top: 2px;
	margin-right: 5px;
}

/* ************** */
/* Candidate File */

.candidateIntroText {
	margin-bottom: 20px;

}

.candidateIntroText p {
    width: 100%!important;
    font-weight: bold;
	font-size: 14px;
}

.candidateAddInfo {
	border-radius: 0;
	border: none;
	color: black;
	text-shadow: none;
	background: none;
}

.candidateAddInfo span {
    color: black;
}

.candidateAddInfo .ui-panel-titlebar {
    background: none;
    border: none;
    border-radius: 0;
}

/* ************************* */
/* Style zones particulieres */

.homeEdito {
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: #a5acb0;
	color: white;

}

.homeNoJobMatch {
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 1.5%;
	background-color: #F7F7F7;
	color: #737373;
}

.homeNoJobMatch a {
	text-decoration: none;
	font-weight: bold;
}

.jobSummaryHeader {
	margin-bottom: 5.5%;
}

.jobSummarySubtitle {
	color: #737373;
	font-size: 1.2em;
}

.jobSummaryText {
	margin-bottom: 2.0%;
}

.connectAccessWarning {
	color: #ff8e97;
}

.myInputTextArea {
	min-height: 100px;
}

.connectZoneWarning {
	margin-left: calc(100% / 4);
	margin-right: calc(100% / 4);
}

.connectZone {
	background-color: #F7F7F7;
	margin-left: calc(100% / 4);
	margin-right: calc(100% / 4);
	margin-bottom: 0.5%;
	padding-bottom: 1.5%;
}

.connectForgottenLabel {
	float: right;
	padding-top: 1%;
	
}

.connectForgottenLabel a {
	color: #1c799b;
	text-decoration: underline;
}

.connectZoneFields {
	padding: 5%;
}

.connectTextColor {
	color: #2f3a48;
}

.reinitZone {
/* 	background-color: #F7F7F7; */
	margin-left: calc(100% / 4);
	margin-right: calc(100% / 4);
	margin-bottom: 0.5%;
	padding-bottom: 1.5%;
}

.reinitZoneFields {
	padding: 5% 20% 5% 20%;
}

.reinitInput {
	font-size: 14px !important;
	font-family: 'Poppins',sans-serif !important;
}

.forgottenPopup {
	font-size: 0.8em !important;
	font-family: 'Poppins',sans-serif !important;
}

.candidatFilePanel {
	margin-top: 1%;
	margin-bottom: 30px;
	background: none;
	background-color: #F7F7F7;
	border: none;
	border-radius: 0;
}

.offerLastWarn {
	margin-top: 1%;
	margin-bottom: 30px;
	background: none;
	background-color: #F7F7F7;
	border: 1px solid red;
	
}

.popupButtons {
	margin-top: 20px!important;
    color: #FFFFFF;
}

.popupButtons input,
.popupButtons button {
    -webkit-appearance: none!important;
    background: #1c799b!important;
    border: 0px!important;
    margin: 0 5px;
}

.popupButtons button {
    color: #FFFFFF;
    border-radius: 0px;
    height: 25px;
}

.popupButtons button span {
    color: #FFFFFF;
    font-weight: normal;
}
    
.deletePopup {
	border: none;
	border-radius: 0px;
}

.ui-widget-content, .ui-datatable-tablewrapper .ui-state-default{
	font-size: 15px;
}
.ui-paginator-current {
	color: white;
	text-shadow: none;
}

.deleteButton {
	border-color: white !important;
}

label-list-files-uploaded {
	float: left;
}

.list-files-uploaded{
	float: left;
	width: 100%;
	margin-top: -60px;
}

.list-files-uploaded li{
	padding: 0;
	margin: 0;
	position: relative;
	clear: both;
}

.list-files-uploaded a{
	padding: 0;
	margin: 0;
}

.list-files-uploaded button{
	position: aboslute;
	right: 0;
}

.fileUploadLink {
	width: auto !important;
	vertical-align: top;
}

/* Allow ouptutLabel to display line break */
.preformatted {
    white-space: pre-wrap;
}

.ui-widget-header {
    background: #1c799b;
    color: #333;
    border: 1px solid #a8a8a8;
}

.ui-paginator-page.ui-state-active {
    border: 1px solid #2f3a48;
}

/* *********** */
/* Debug tools */

#debugFormId .commonLink,
#debugFormId .commonText {
	font-size: 1.4em !important;
}

/* ************* */
/* Media queries */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

	/* *********** */
	/* Formulaires */

	form#inscriptionFormId div div p,
	form#candidateFileFormId div div p {
		width: 100%;
	}

	form#inscriptionFormId div div input,
	form#candidateFileFormId div div input {
		width: 100%;
	}

	/* *********** */
	/* Inscription */

	.countrySelector {
		float: left!important;
	}

	.inscriptionRow table {
		float: left!important;
	}

	.datePicker input{
		/* Firefox */
		width: -moz-calc(100% - 36px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 36px) !important;
		/* Opera */
		width: -o-calc(100% - 36px) !important;
		/* Standard */
		width: calc(100% - 36px) !important;
	}

	.passwordField {
		/* Firefox */
		width: -moz-calc(100% - 22px) !important;
		/* WebKit */
		width: -webkit-calc(100% - 22px) !important;
		/* Opera */
		width: -o-calc(100% - 22px) !important;
		/* Standard */
		width: calc(100% - 22px) !important;
	}

	.connectZone {
		margin-left: calc(100% / 8);
		margin-right: calc(100% / 8);
	}
}

/* ********** */
/* Breadcrumb */

.breadcrumbLink {
	color: #2f3a48;
}

.breadcrumbActual {
	color: #1c799b;
	font-size: 1.5em;
	margin-bottom: 30px;
}

.form-resetcredentials input{
	margin-right: 10px;	
}


/* *************************** */
/* Le style de eGRHForem : fin */
/* *************************** */