/* Styles dans le CMS */


/* ================================================== */
/*  Header                                            */
/* ================================================== */

#mainHeader a {
    color: #9caeb7;
}

#mainHeader #top-nav > li > a:hover, #mainHeader #top-nav>li>button:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* ================================================== */
/*  Employer Registration                             */
/* ================================================== */

#loginForm .therm, .therm {
	font-size: 13px;
	margin: 10px 0px 0px 0;
}


#loginForm .therm a, .therm a {
	display: inline;
    width: inherit;
}

.formContent a {
	color: #028ED4 !important;
}

#tel {
	display: block;
}


#phone-element {
	float: left;
    width: 59%;
}

#extension-element{
	float: right;
    width: 37%;
}

.errors {
    color: #F00D47;
	margin: 0;
}

.formContent {
	margin-top: 20px;
}

div.dropdownMenuContainer input[type=text], div.dropdownMenuContainer input[type=password] {
    margin: 10px 0 5px;
    padding: 8px 10px;
    
}

/* Confirmation Registration */

.confirmRegistrationSection {
	font-size: 12px;
}

.confirmRegistrationSection .formContent {
    margin-top: 1rem!important;
}

.confirmRegistrationSection p.phoneSection {
	 font-size: 15px;
}

.confirmRegistrationSection a {
	text-align: left !important;
}

.validMailSection .formContent {
	text-align: center;
}

.mailSpot {
	font-weight: bold;
	word-wrap: break-word;
}

.alreadyAccount {
	text-align: center;
}

.alreadyAccount a {
	display: block;
	white-space: nowrap;
}





/* ================================================== */
/*  Footer                                            */
/* ================================================== */

#mainFooter {
    margin-top: 0;
}

.copyrightContainer {
    padding-bottom: 0;
}

.footerListItems .importants-link {
    order: 0;
}

@media only screen and (max-width: 1169px) {
    .desktopOnly {
        display: none !important;
    }
}


/* ================================================== */
/*  Adjustments after Symfony migration               */
/* ================================================== */

#ouvrir_session_employeur a.mdp_perdu,
#ouvrir_session_candidat a.mdp_perdu {
     color: #363636;
}

#ouvrir_session_candidat form .error, 
#ouvrir_session_employeur form .error {
    color: #f00d47;
    margin-bottom: 5px;
}

#ouvrir_session_employeur input#password,
#ouvrir_session_employeur input#email,
#ouvrir_session_candidat input#password,
#ouvrir_session_candidat input#email {
    width: 100%;
    margin: 5px 0 10px;
    padding: 8px 15px 10px;
}

#ouvrir_session_employeur button[type=submit],
#ouvrir_session_candidat button[type=submit] {
    background: #ed174b;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 2px 5px 0 rgba(50,50,50,.2);
    color: #fff;
    font-size: 18px;
    height: 34px;
    margin: 20px auto 10px;
    width: 100%;
} 

// Employer signup

.employer-signup-passport-cms .therm {
    font-size: 14px;
    margin: 15px 0 0;
    text-align: left;
}

.employer-signup-passport-cms .therm p {
    margin-top: 10px;
}

.employer-signup-passport-cms #createButton:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.employer-signup-passport-cms .already-registered {
    text-align: center;
    display: block;
    font-weight: bold;
    margin-top: 0.5rem;
}

.employer-signup-passport-cms #createButton:disabled:hover,
.employer-signup-passport-cms #createButton:disabled:active, 
.employer-signup-passport-cms #createButton:disabled:focus {
    background-color: #ed174b;
}

// Signup end
#empSignupEnd {
    position: relative;
    height: 250px;
}

#empSignupEnd.full_length {
    width: 820px;
}

#empSignupEnd h2 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    height: 40px;
    margin: 20px 0 10px;
    background: transparent url(/images/jobboom/bg_search_error.png) 0 0 no-repeat;
    padding: 16px 0 0 57px;
}

#empSignupEnd h2.success {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    height: 40px;
    margin: 20px 0 10px;
    background: transparent url(/images/jobboom/bg_congrat.png) 0 0 no-repeat;
    padding: 16px 0 0 57px;
}

#empSignupEnd #emp_validation_confirm {
    background: #ddeff9;
    padding: 15px;
    margin-top: 20px;
    margin-right: 14px;
}

#empSignupEnd p {
    font-size: 12px;
    padding-left: 65px;
}

#empSignupEnd #emp_validation_confirm p {
    font-size: 12px;
    padding-left: 41px;
}