/**
 * @file
 * Styles for system messages.
 */

.messages {
	background: no-repeat 10px 17px; /* LTR */
	border: 1px solid;
	border-radius: 2px;
	padding: 15px 20px 15px 20px; /* LTR */
	word-wrap: break-word;
	overflow-wrap: break-word;
}

[dir="rtl"] .messages {
	border-width: 1px 0 1px 1px;
	background-position: right 10px top 17px;
	padding-left: 20px;
	padding-right: 35px;
	text-align: right;
}

.messages + .messages {
	margin-top: 1.538em;
}

.messages__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.messages__item + .messages__item {
	margin-top: 0.769em;
}

/* See .color-success in Seven's colors.css */
.messages--status {
	color: #325e1c;
	background-color: #f3faef;
	border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
	box-shadow: -8px 0 0 #77b259; /* LTR */
}

[dir="rtl"] .messages--status {
	border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
	box-shadow: 8px 0 0 #77b259;
	margin-left: 0;
}

/* See .color-warning in Seven's colors.css */
.messages--warning {
	background-color: #fdf8ed;
	border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
	color: #734c00;
	box-shadow: -8px 0 0 #e09600; /* LTR */
}

[dir="rtl"] .messages--warning {
	border-color: #f4daa6 transparent #f4daa6 #f4daa6;
	box-shadow: 8px 0 0 #e09600;
}

/* See .color-error in Seven's colors.css */
.messages--error {
	background-color: #fcf4f2;
	color: #a51b00;
	border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
	box-shadow: -8px 0 0 #e62600; /* LTR */
}

[dir="rtl"] .messages--error {
	border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
	box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
	color: #a51b00;
}

/*FORM*/

/**
 * @file
 * Visual styles for form components.
 */

form .field-multiple-table {
	margin: 0;
}

form .field-multiple-table .field-multiple-drag {
	width: 30px;
	padding-right: 0; /*LTR*/
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag {
	padding-left: 0;
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
	padding-right: .5em; /*LTR*/
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
	padding-right: 0;
	padding-left: .5em;
}

form .field-add-more-submit {
	margin: .5em 0 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
	margin-top: 1em;
	margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
	margin-top: 0;
	margin-bottom: 0;
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
	font-size: 0.85em;
}

label.option {
	display: inline;
	font-weight: normal;
}

.form-composite > legend,
.label {
	display: inline;
	font-size: inherit;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.form-checkboxes .form-item,
.form-radios .form-item {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
	margin-left: 2.4em; /* LTR */
}

[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
	margin-left: 0;
	margin-right: 2.4em;
}

.marker {
	color: #e00;
}

.form-required:after {
	content: '';
	vertical-align: super;
	display: inline-block;
	/* Use a background image to prevent screen readers from announcing the text. */
	background-image: url(../../../../core/misc/icons/ee0000/required.svg);
	background-repeat: no-repeat;
	background-size: 6px 6px;
	width: 6px;
	height: 6px;
	margin: 0 0.3em;
}

abbr.tabledrag-changed,
abbr.ajax-changed {
	border-bottom: none;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
	border: 2px solid red;
}

/* Inline error messages. */
.form-item--error-message:before {
	content: '';
	display: inline-block;
	height: 14px;
	width: 14px;
	vertical-align: sub;
	background: url(../../../../core/misc/icons/e32700/error.svg) no-repeat;
	background-size: contain;
}

.node__content > .field {
	margin-bottom: 15px;
}

.field__label {
	font-weight: 600;
}

.field--label-inline .field__label,
.field--label-inline .field__items,
.field--label-inline .field__item {
	display: inline-block;
}

/*TABS*/

div.tabs {
	margin: 1em 0;
}

ul.tabs {
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0;
}

.tabs > li {
	display: inline-block;
	margin-right: 0.3em; /* LTR */
}

[dir="rtl"] .tabs > li {
	margin-left: 0.3em;
	margin-right: 0;
}

.tabs a {
	display: block;
	padding: 0.2em 1em;
	text-decoration: none;
}

.tabs a.is-active {
	background-color: #eee;
}

.tabs a:focus,
.tabs a:hover {
	background-color: #f5f5f5;
}

/*details*/

details {
	margin-bottom: 15px;
	border: 1px solid #DEDEDE;
}

details[open], details[open] details {
	padding: 15px 15px 0 15px;
}

details summary {
	padding: 15px;
	background: #FBFBFB;
}

details summary:before {
	content: "+";
	margin-right: 20px;
}

details[open] > summary:before {
	content: "–";
	margin-right: 20px;
}

details[open] details {
	margin-top: 15px;
	padding-bottom: 0;
}

details[open] summary {
	margin: -15px -15px 10px -15px;
}

details[open] > summary {
	border-bottom: solid 1px #DEDEDE;
}

details[open] details summary {
	margin-bottom: 0;
}

.system-modules td details {
	/* fix for modules page */
	height: auto;
	white-space: normal;
}

.system-modules td summary {
	/* fix for modules page */
	background-color: transparent;
}