/**
 * @file
 * Visual styles for Bartik's forms.
 */

/* Password field. */
.password-field {
  margin: 0;
}

/* Form elements. */
form {
  margin: 0;
  padding: 0;
}
fieldset {
  min-width: 0;
  margin: 1em 0;
}
/**
 * We've temporarily added this Firefox specific rule here to fix fieldset
 * widths.
 * @todo remove once this Mozilla bug is fixed.
 * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
 */
@media (min--moz-device-pixel-ratio: 0) {
  fieldset {
    display: table-cell;
  }
}
details,
fieldset,
.filter-wrapper {
  border-radius: 4px;
}
.filter-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
}
.filter-wrapper .form-item label {
  margin-right: 10px; /* LTR */
}
[dir="rtl"] .filter-wrapper .form-item label {
  margin-right: 0;
  margin-left: 10px;
}
summary {
  color: #3b3b3b;
  background: #dbdbdb;
}
details summary a {
  color: #3b3b3b;
}
details summary a:hover,
details summary a:active,
details summary a:focus {
  color: #000;
}
details .details-description {
  font-style: italic;
}
label {
  display: table;
  font-weight: bold;
}
label[for] {
  cursor: pointer;
}
input,
textarea,
select {
/*   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; */
}
input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* Keep form elements from overflowing their containers. */
  max-width: 100%;
  margin: 2px 0;
  padding: 4px;
}
input,
textarea {
  font-size: 0.929em;
}

/**
 * Make the font slightly bigger in mobile
 * @todo: check the correct font-size
 */
@media screen and (max-width: 60em) { /* 920px */
  input,
  textarea {
    font-size: 16px;
  }
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea {
  padding: 4px;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea {
  color: #3b3b3b;
  border: 1px solid #ccc;
}
input.form-submit:hover,
input.form-submit:focus {
  background: #dedede;
}
.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
[dir="rtl"] .password-suggestions ul li {
  margin-right: 1.2em;
  margin-left: 0;
}
.form-item label,
.form-wrapper .label {
  font-size: 0.929em;
}
.form-wrapper .field-multiple-table .label {
  font-size: inherit;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px; /* LTR */
}
[dir="rtl"] .form-type-radio label,
[dir="rtl"] .form-type-checkbox label {
  margin-right: 4px;
  margin-left: 0;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px; /* LTR */
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
  margin-right: 2px;
  margin-left: 0;
}
.form-actions {
  padding-top: 10px;
  text-align: center;
}

/* Node Form */
#edit-body {
  margin-bottom: 2em;
}
.node-form label,
.node-form .description,
.node-form .form-wrapper .label {

}
.node-form .form-wrapper .field-multiple-table .label {
  font-family: inherit;
}
.node-form .form-wrapper {
  margin-bottom: 2em;
}
.node-form .entity-content-form-footer,
.node-form .field--name-status {
  margin-bottom: 0;
}
.node-form .form-actions {
  margin-top: 0;
  padding-top: 0;
}

/* Contact Form */
.contact-form #edit-name {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-mail {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-subject {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 76.3%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* Disabled form elements */
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  color: #717171;
  border-color: #bbb;
  background: #ededed;
}
.form-disabled label {
  color: #717171;
}

/* Comment form */
.comment-form label {
  float: left; /* LTR */
  width: 120px;
  font-size: 0.929em;
}
[dir="rtl"] .comment-form label {
  float: right;
}
.comment-form input,
.comment-form .form-select {
  margin: 0;
  border-radius: 4px;
}
.comment-form .form-type-textarea label {
  float: none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  overflow: hidden;
  margin-bottom: 10px;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px; /* LTR */
}
[dir="rtl"] .comment-form .form-type-checkbox,
[dir="rtl"] .comment-form .form-radios,
[dir="rtl"] .comment-form .form-item .description {
  margin-right: 120px;
  margin-left: 0;
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0;
}
.comment-form input.form-file {
  width: auto;
}
.layout-no-sidebars .comment-form .form-text {
  width: 800px;
}
.layout-one-sidebar .comment-form .form-text {
  width: 500px;
}
.layout-two-sidebars .comment-form .form-text {
  width: 320px;
}
.comment-form .form-item .description {
  margin-left: 120px; /* LTR */
  font-size: 0.786em;
  line-height: 1.2;
}
.comment-form .form-textarea {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-form details.filter-wrapper .details-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.filter-wrapper label {
  float: none;
  width: auto;
}
.filter-wrapper .form-select {
  min-width: 120px;
}
.comment-form details.filter-wrapper .tips {
  font-size: 0.786em;
}
#comment-body-add-more-wrapper .form-type-textarea label {
  margin-bottom: 0.4em;
}
#edit-actions input {
  margin-right: 0.6em; /* LTR */
  padding: 1em;
}
[dir="rtl"] #edit-actions input {
  margin-right: 0;
  margin-left: 0.6em;
}

/* Form error styles. */
.form-item textarea.error + .cke {
  border: 2px solid red;
}

/* Form error message styles. */
.form-item--error-message {
  color: #e32700;
}

/**
 * Improve form element usability on narrow devices.
 */
@media all and (max-width: 600px) {
  .form-actions .button {
    display: block;
    float: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding-bottom: 6px;
  }

  .js .dropbutton .dropbutton-action > input,
  .js .dropbutton .dropbutton-action > a,
  .js .dropbutton .dropbutton-action > button {
    padding-left: 3em;
    text-align: center;
  }

}


/* profil chercheur */
#profile-chercheur-add-form, #profile-chercheur-edit-form, #node-projet-de-recherche-form{
	padding: 4vw;
}
.div-fields-group {
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #eee;
}
#profile-chercheur-add-form .field-group-fieldset, 
#profile-chercheur-edit-form .field-group-fieldset, 
#edit-field-projets-de-recherche-wrapper fieldset#edit-field-projets-de-recherche {
/* 	border: 1px dotted #ccc;
	padding: 2rem;
	background: #eee; 
*/
}
#profile-chercheur-add-form .container-inline .button, 
#profile-chercheur-add-form .ief-entity-operations .button, 
#profile-chercheur-add-form .field-add-more-submit, 
#profile-chercheur-edit-form .container-inline .button, 
#profile-chercheur-edit-form .ief-entity-operations .button, 
#profile-chercheur-edit-form .field-add-more-submit {
/* 	background: #000 !important; */
	font-size: small;
	padding: 1em;
	margin: 0.5em 0.2em;
}
#profile-chercheur-add-form .container-inline .button + .button, 
#profile-chercheur-add-form .ief-entity-operations .button + .button,
#profile-chercheur-edit-form .container-inline .button + .button, 
#profile-chercheur-edit-form .ief-entity-operations .button + .button {
	background: #555 !important;
}
.ief-form > .fieldset-wrapper {
	margin-bottom: 1rem;
	padding: .5rem 1rem 1rem;
	background-color: rgba(124, 124, 124, 0.5);
}

.tabledrag-toggle-weight-wrapper {
	display: none;
}

form#user-form {
    padding: 6vw;
}
/* annuaire */
/*.path-annuaire-chercheurs #block-pnrfv-page-title {
	background-color: #0067A6;
}*/
.path-annuaire-chercheurs #block-pnrfv-page-title .page-title,
.path-cartographie-equipes-recherche #block-pnrfv-page-title .page-title {
	padding: 1em;
	text-align: center;
}
.path-annuaire-chercheurs #views-exposed-form-profiles-page-annuaire-chercheurs,
.path-cartographie-equipes-recherche #views-exposed-form-equipes-page-equipes {
	background-color: #4F2962;
	color: #fff;
}
.path-annuaire-chercheurs #views-exposed-form-profiles-page-annuaire-chercheurs .form--inline .views-ef-fieldset-container .form-item {
	margin-bottom: 1rem;
}
.path-annuaire-chercheurs #views-exposed-form-profiles-page-annuaire-chercheurs .form--inline .views-ef-fieldset-container .form-item label {
	margin-bottom: .2rem;
}
.path-cartographie-equipes-recherche .path-cartographie-equipes-recherche .form-actions input {
	padding: .5rem 1rem;
	min-width: 8rem;
	font-size: .8rem;
}
.path-cartographie-equipes-recherche select[name="domsci"] {
	font-size: .8rem;
	color: #000;
	padding: .2rem;
	background: #fff;
	border: 0;
	border-radius: 4px;
	height: 25px;
	box-shadow: 0 0 3px #fff,0 1px 1px rgba(0,0,0,0.1);
}

/* projet */
#node-projet-de-recherche-edit-form {  }
#node-projet-de-recherche-edit-form .group-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
#node-projet-de-recherche-edit-form .group-wrapper > div {
	width: 50%;
	padding: 2rem;
}
#node-projet-de-recherche-edit-form .group-wrapper div.group-left { padding-left: 0; }
#node-projet-de-recherche-edit-form .group-wrapper div.group-right {  -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
#node-projet-de-recherche-edit-form .chosen-container { width: 100% !important; } 
#node-projet-de-recherche-edit-form input { max-width: 100%; }
#node-projet-de-recherche-edit-form td input.form-text { width: 100%; }

form#views-exposed-form-projets-page-projets,
form#views-exposed-form-projets-block-projets-eu,
form#views-exposed-form-appels-a-projets-block-1,
form#views-exposed-form-appels-a-projets-page-3 {background-color: #4F2962;color: #fff; padding-top: 1rem; text-align: center;}
#add-projet-link {
	margin-bottom: 1rem;
}
#node-projet-de-recherche-edit-form {
	margin: auto -3vw;
}


.custom-action-link {
	float: right;
	margin: auto .5rem;
}
.custom-action-link a {
	border-radius: 5px;
	border: 1px inset #999;
	padding: 5px;
	text-decoration: none !important;
	color: #333;
	text-transform: uppercase;
	font-size: .7rem;
}
.custom-action-link a:focus, .custom-action-link a:hover {
	background: #333;
	color: #fff;
}
#faq-link {
	margin-top: 1rem;
}


input[name="field_nom_value"], input[name="field_mots_cles_target_id"] {padding: 0.2em !important;}
span.fieldset-legend {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 1em;
}
div.autocomplete-deluxe-multiple, .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0.2em;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image:none;
    cursor: text;
    border-radius: 5px;
}

form#contact-message-personal-form, form#user-register-form, form#taxonomy-term-unites-de-recherche-services-form, form#contact-message-update-fiche-projet-form{
    padding: 4vw;
}
form#contact-message-feedback-form {
    width: 60%;
}

select{
    width: -moz-available;  /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.form-item-field-service-etablissement-prin-form-inline-entity-form-field-etablissement-0-target-id label
{
   font-family: 'Encode Sans Condensed', sans-serif;
   font-size: 1.5em;
   font-weight: 300;
}

@media screen and (max-width: 425px) {
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea {
  color: #3b3b3b;
  border: 1px solid #ccc;
  width: 100%;
  display: table-cell;

}
}

#form-prefix-chercheur {
	margin: 1rem 4vw;
}
.views-exposed-form-prefix {
	margin: 0;
	padding: 1rem 4vw 2rem;
	background: #4F2962;
	color: #fff;
}
.views-exposed-form-prefix a {
	color: #fff;
	text-decoration: underline;
}
.views-exposed-form-prefix a:hover {
	color: #fff;
	text-decoration: none;
}

#views-exposed-form-projets-block-projets-eu,
#views-exposed-form-appels-a-projets-block-1,
#views-exposed-form-appels-a-projets-page-3 {
	color: #fff;
	font-size: 1rem;
}
#views-exposed-form-projets-block-projets-eu .chosen-single,
#views-exposed-form-appels-a-projets-block-1 .chosen-single,
#views-exposed-form-appels-a-projets-page-3 .chosen-single {
	height: auto;
	margin: 0;
	padding: .25em;
	font-size: .95rem;
}
#views-exposed-form-projets-block-projets-eu .views-ef-fieldset-container-1 > input,
#views-exposed-form-appels-a-projets-block-1 .views-ef-fieldset-container-1 > input,
#views-exposed-form-appels-a-projets-page-3 .views-ef-fieldset-container-1 > input {
	margin: auto 1rem;
}
.form--inline .views-ef-fieldset-container .form-item {
	float: none;
	margin: 0.5em 1rem 1.5rem;
	display: inline-block;
}

/* search */
#views-exposed-form-recherche-sapi-page-resultats > .form--inline {
	display: flex;
	justify-content: flex-end;
}
#views-exposed-form-recherche-sapi-page-resultats input {
	display: inline;
	margin-top: 0;
}
#views-exposed-form-recherche-sapi-page-resultats .form-item {
	float: none;
	margin: 0 .5em 0 0;
	font-size: .75rem;
	width: 100%;
}
#views-exposed-form-recherche-sapi-page-resultats .form-item > input {
	width: 100%;
	border: 0;
}
#views-exposed-form-recherche-sapi-page-resultats .form-actions {
	padding-top: 0;
	margin: 0;
}
#views-exposed-form-recherche-sapi-page-resultats .form-actions > input {
	margin-right: 0;
	padding: .5em 1em;
	font-size: .70rem;
}