body.path-webform #wrapper .container {
	max-width: 100%;
}
body.path-webform #wrapper .container form {
	max-width: 960px;
	margin: auto;
}
body.path-webform #wrapper .container form.webform-submission-resonancia-community-application-form {
	max-width: 100%;
}

.webform-submission-resonancia-community-application-form .webform-type-fieldset {
	margin: 20px;
	padding: 20px;
	border: 1px solid #888;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #ddd;
	background: #eee;

}
.webform-submission-resonancia-community-application-form .fieldset-legend {
	margin-left: 20px;
	max-width: 400px;
}

.webform-submission-resonancia-community-application-form .webform-type-radios,
.webform-submission-resonancia-community-application-form .webform-type-checkboxes,
.webform-submission-resonancia-community-application-form .webform-type-webform-entity-checkboxes,
.webform-submission-resonancia-community-application-form .form-type-textarea {
	max-width: 960px; 
	margin: 30px auto;
	padding: 20px;
	border: 1px solid #888;
	border-radius: 20px;
	box-shadow: 5px 5px 8px #ddd;
	background: #f4f4f4;
}
.webform-submission-resonancia-community-application-form .form-type-webform-markup,
.webform-submission-resonancia-community-application-form .form-type-processed-text,
.webform-submission-resonancia-community-application-form .form-type-checkbox {
	max-width: 860px; 
	margin: 30px auto;
}
.webform-submission-resonancia-community-application-form .form-type-textfield {
	max-width: 860px; 
	margin: auto;

}
.webform-submission-resonancia-community-application-form #edit-flexbox-21,
.webform-submission-resonancia-community-application-form #edit-flexbox-22 {
	max-width: 960px; 
	margin: auto;

}

.webform-submission-resonancia-community-application-form .webform-mapping-table {
	padding: 20px
}

.my-webform-view .views-field {
	margin: 20px 0;
}
.views-row-small-content {
	font-size: 0.85em;
	line-height: 1.1em;
}
.my-webform-view {
	max-width: 800px;
	margin: 0 auto;
}
.my-webform-view .views-field .description {
	font-size: 0.85em;
	line-height: 1.25em;
	margin-left: 50px;
}
.my-webform-view .views-field .field-content,
.my-webform-view .views-field .views-label,
.my-webform-view .views-field .description {
	display: block;
}
.my-webform-view .views-field .field-content {
	margin-left: 30px;
}
.my-webform-view .views-field-webform-submission-value-4 .field-content,
.my-webform-view .views-field-webform-submission-value-5 .field-content,
.my-webform-view .views-field-webform-submission-value-6 .field-content,
.my-webform-view .views-field-webform-submission-value-10 .field-content,
.my-webform-view .views-field-webform-submission-value-17 .field-content {
	font-size: 0.85em;
	line-height: 1.25em;

}

#edit-draft {
	position: fixed;
	right: 20px;
	bottom: 20px;
}
#edit-actions {
	text-align: center;
}









#edit-personal-writing--wrapper {
	border: none;
	background: #fff;
	box-shadow: none;
	max-width: 600px;
}



/* Generic rule for all similar widgets */
.webform-flex:has(.webform-entity-checkboxes--wrapper .form-checkboxes:empty),
.webform-flex:has(.webform-entity-checkboxes--wrapper .form-checkboxes:not(:has(input))) {
  display: none;
}




.region {
	width: 100%;
}

#edit-food-expenses,
#edit-hosting-expenses,
#edit-airplanes {
	text-align: center;
	vertical-align: top;
}
#edit-food-expenses .form-item,
#edit-hosting-expenses .form-item,
#edit-airplanes .form-item {
	display: inline-block;
	width: 18%;
	max-width: 200px;
	vertical-align: top;
}



.webform-submission-form .form-type-textarea > label,
.webform-submission-form .form-type-webform-mapping > label,
.webform-submission-form .form-type-textfield >label,
.webform-submission-form .form-type-date >label {
	font-weight: bold;
}
.webform-flex--container .form-type-radio,
.webform-flex--container .form-type-checkbox {
    white-space: wrap;
}
h2.webform-section-title {
	font-size: 16px;
}


.webform-submission-agreement-field-form .js-form-type-radio{
	display: inline-block;
	padding-left: 50px;
}
.webform-submission-agreement-field-form .form-wrapper {
	margin-top: 10px;
}
.webform-submission-agreement-field-form .form-type-textarea {
	margin-top: 30px;
}
.webform-submission-agreement-field-form .webform-type-fieldset {
	margin-top: 50px;
}


.path-webform .tabledrag-handle .handle {
	width: 25px;
	height: 25px;
}
.path-webform .webform-flexbox,
.path-webform .webform-flex--container {
	margin-bottom: 40px;
}
.path-webform input.form-text,
.path-webform textarea {
	width: 100%;
}
.path-webform .js-form-type-checkbox input {
	margin-right: 8px;
}
.path-webform .tabledrag-toggle-weight,
.path-webform .tabledrag-changed-warning {
	display: none;
}


span.extra-signups {
	display: block;
}
#edit-language summary {
	display: none;
}

#edit-field-i-wrapper .image-widget::after {
	clear: none;
}
#edit-field-languages .form-item,
#edit-field-mode .form-item,
#edit-field-work_exchange_opportunitie .form-item {
	display: inline-block; 
	margin-right: 10px;
}


/* ===== Commitment ===== */

form .field--name-field-hosting,
form .field--name-field-facilitation,
form .field--name-field-gardening {
	float: left;
	width: 100px;
	margin: 0;
}
form .field--name-field-infrastructure .description {
	width: 100px;
}
form .field--type-entity-reference fieldset {
	margin: 0;
}
form .field--type-entity-reference input {
	margin-left: 25px;
}

form .field--name-field-hosting label,
form .field--name-field-facilitation label,
form .field--name-field-gardening label {
	display: none;
}
#edit-field-infrastructure {
	margin-right: -300px;
}
#edit-field-infrastructure .date {
	margin: 0 20px 0 35px;
}
#edit-field-infrastructure .title {
	font-weight: bold;
}
form.node-commitment-form .field--name-title {
	clear: left;
	margin-top: 50px;
}



/* ===== General ===== */

input[type=checkbox] {
  transform: scale(1.5);
}
select {
	max-width: 90%;
	overflow: hidden;
}
textarea, 
input.form-text,
div.cke {
	width: 85%;
	display: block;
	max-width: 950px;
}
.field--name-field-subtitle input.form-text {
	max-width: 500px;
}

.translation-entity-all-languages {
	font-size: 8px;
	font-weight: normal;
}
table .form-item {
	margin: 0;
} 


/* ===== text filter ===== */

.filter-wrapper {
	font-size: 0.7em;
	opacity: .5;
	margin-top: -1em;
}
.filter-wrapper:hover  {
	opacity: 1;
}
.filter-wrapper ul {
	margin-bottom: 0;
}

/* ===== Node edit forms ===== */

#edit-field-event-type-wrapper,
#edit-field-subject-wrapper {
	display: inline-block;
	margin-right: 50px;
	vertical-align: top;
}

#edit-field-cycle-wrapper,
#edit-field-duration-wrapper {
	display: inline-block;
	vertical-align: top;
}

#edit-field-marbles-per-person-wrapper,
#edit-field-marbles-total-wrapper {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

#edit-field-marbles-per-person-wrapper .form-item {
	padding-right: 20px;
}

/* ===== paragraphs ===== */

#edit-field-paragraph-wrapper {
	min-height: 200px;
}


/* ===== Summary feature in Testimonials ===== */
/* ToDo: Hide this for just for non editors */
.node-testimonial-form .form-item-body-0-value .field-edit-link,
.node-testimonial-form .form-item-body-0-summary {
	display: none;
}

/* ----- signups ----- */

.node-signup-form #edit-title-wrapper input {
	width: 100%;
}

/* ===== widgets ===== */
/* ----- Media library widget ----- */

.media-library-widget {
	background: #f8f8f8;
	border: 1px solid #bbb;
	border-radius: 10px;
	padding: 10px;
}

/* ===== fields ===== */

#edit-field-visibility-wrapper,
#edit-langcode-wrapper {
	display: inline-block;
	margin-right: 20px;
	vertical-align:middle; 
	background: #eee;
	border-radius: 8px;
	padding: 5px;
}
#edit-field-visibility-wrapper .form-item,
#edit-langcode-wrapper .form-item {
	margin: 0;
}

#edit-title-wrapper input.form-text {
	max-width: 500px;
}


/* ===== event selection widget ===== */

#edit-field-events .form-item {
	white-space: nowrap;
}
#edit-field-events input {
	width: 20px;
}
#edit-field-events span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}
#edit-field-events .views-field-field-date {
	min-width: 130px;
}
#edit-field-events .title {
	font-weight: bold;
}
#edit-field-events .subtitle {
	font-size: 0.8em;
}
#edit-field-events .views-field-title {
	width: 350px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 25px;
}
#edit-field-events .type {
	min-width: 50px;
	font-size: 0.8em;
}
#edit-field-events .views-field-field-event-fee,
#edit-field-events .views-field-field-basic-contribution {
	width: 0;
	height: 20px;
	margin: 0;
	border-radius: 10px;
	background: yellow;
	text-align: center;
	font-size: 0.8em;
	box-shadow: 3px 3px 3px #bbb;
}
#edit-field-events .views-field-field-event-fee .field-content,
#edit-field-events .views-field-field-basic-contribution .field-content,
#edit-field-events .views-field-field-event-fee .field-content a,
#edit-field-events .views-field-field-basic-contribution .field-content a {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	left: -25px;
	top: -5px;
	border-radius: 10px;
	background: yellow;
	text-align: center;
	font-size: 0.8em;
	box-shadow: 3px 3px 3px #bbb;
	color: #000;
}

#edit-field-events .views-field-field-basic-contribution .field-content,
#edit-field-events .views-field-field-basic-contribution .field-content a {
	background: #bbf;
}



/* ===== User login form ===== */

.user-login-form,
.user-register-form,
.user-pass{
  max-width: 650px;
  margin: 40px auto;
  border: 1px solid #ddd;
  padding: 10px 30px;
  background: #FBFBFB;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-register-form .form-text,
.user-register-form .form-email,
.user-pass .form-text{
  width: 100%;
}


/* ===== form in a block ===== */

#block-contentform .vertical-tabs,
#block-contentform-4 .vertical-tabs {
	display: none;
}
#block-contentform .field--name-field-user-ref,
#block-contentform-4 .field--name-field-user-ref {
	display: none;	
}

.form-item .description,
.form-item .webform-element-description {
  padding: .2em .5em;
  font-size: 15px;
  line-height: 1.25em;
  color: #555;
}

input, button, select, textarea,
div.cke /* ckedit wysiwyg */ {
  padding: 2px 5px;
  border: 1px solid #C7C7C7;
  line-height: 1.25em;
  border-radius: .3em;
}



/* ===== user edit form ===== */

form.user-form {
	text-align:justify;
}

form.user-form input.form-text,
form.user-form input.form-email {
	width: 100%;
}
form.user-form select {
	background: #eee;
	border-radius: .3em;
}
form.user-form  textarea {
	width: 100%;
	padding: 10px;
	border-radius: .3em;
}

form.user-form .image-widget input {
	width: auto;
}
form.user-form .field--type-list-string label {
	display: block;
}

form.user-form .form-item-mail,
form.user-form .form-item-name,
form.user-form .js-form-type-password {
	max-width: 350px;
	margin-right: 40px;
	display: inline-block;
	vertical-align: top;
}
#edit-pass label {
	display: block;
}
form.user-form #edit-field-visibility-wrapper label,
form.user-form #edit-field-visibility-wrapper select {
	display: inline-block;
}
form.user-form #edit-field-visibility-wrapper .description {
	max-width: 700px;
}
form.user-form #edit-pass {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}
form.user-form .password-confirm,
form.user-form .password-field,
form.user-form .password-strength,
form.user-form .password-confirm-match {
	width: auto;
}
#edit-roles .form-item,
#edit-status--wrapper .form-item {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

#edit-account {
	border: 1px solid #ddd;
	border-radius: .5em;
	padding: 0 10px;
	background: #f8f8f8;
	margin-bottom: 20px;
	text-align: left;
}

#edit-field-picture-wrapper,
#edit-field-internal-picture-wrapper,
#edit-field-real-name-wrapper,
#edit-field-gender-wrapper,
#edit-field-birthday-wrapper,
#edit-field-origen-and-residence-wrapper {
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}
#edit-field-birthday-wrapper {
	width: 260px;
}
#edit-field-birthday-wrapper legend {
	max-width: 100%;
    margin-bottom: 5px;
    font-size: inherit;
    font-weight: 700;
    border: 0;
}
#edit-field-birthday-wrapper {
	font-size: .7em;
}
#edit-field-birthday-wrapper .fieldset-wrapper .form-item {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: top;	
}
#edit-field-birthday-wrapper input {
	font-size: 16px;
	
}
#edit-field-real-name-wrapper {
	width: 250px;
}
#edit-field-origen-and-residence-wrapper {
	width: 300px;
}
#edit-field-picture-wrapper,
#edit-field-i-wrapper {
	display: inline-block;
	width: 48%;
	min-width: 400px;
	margin: 0 20px 0 0;
	border: 1px solid #ddd;
	border-radius: .5em;
	padding: 0 10px;
}
#edit-field-picture-wrapper .description,
#edit-field-internal-picture-wrapper .description {
	margin-right: 30px;
}
#edit-field-picture-wrapper .description br,
#edit-field-i-wrapper .description br {
	display: none;
}
#edit-body-wrapper,
#edit-field-presentation-wrapper,
#edit-field-internal-wrapper {
	max-width: 950px;
}
#edit-field-picture-wrapper .file-size,
#edit-field-picture-wrapper .file--image {
	display: none;
}

/* ===== Summary feature in user edit ===== */
/* ToDo: Hide this for just for non editors */

form.user-form  #edit-field-presentation-wrapper .field-edit-link,
form.user-form  form-item-field-presentation-0-summary {
	display: none;
}

/* ===== Reservating form ===== */

.path-user #block-contentform-3 {
	border: 1px #000 solid;
	background: #f9f9f9;
}
.path-user #block-contentform-3 h2 {
	font-size: 1.4em;
	text-align: center;
}
.block form.node-reservating-form .vertical-tabs,
.block form.node-reservating-form .field--name-field-user-ref {
	display: none;
}



form.node-reservating-form .paragraphs-add-wrapper .button {
	display: inline-block;
	margin: 5px;
	width: 150px;
	padding: 4px;
	background: silver;
}
form.node-reservating-form .form-type-checkbox {
	padding-left: 10px;
}

form.node-reservating-form .form-wrapper {
	vertical-align:top;
}
    
form.node-reservating-form .field--widget-number {
	display: inline-block;
	max-width: 300px;
}
form.node-reservating-form .field--widget-number input {
	width: 150px;
	margin-right: 20px;
}

form.node-reservating-form .field--type-daterange legend {
	font-size: 1em;
	float: left;
}
form.node-reservating-form .container-inline,
form.node-reservating-form .label {
	display: inline-block;
	font-size: 1em;
}
/* form.node-reservating-form .field--type-daterange {
	display: inline-block;
} */


.user-register-form .description {
	font-size: 0.7em;
	color: #666;
}