/**
/**
 * Indent threaded comments.
 
.indented {
  margin-left: 25px; /* LTR 
}
*/


/**
 * @file
 * Visual styles for tabs.
 */



/* todo */
details > .details-wrapper {
  padding: 0.5em 1.5em;
}

summary {
  padding: 0.2em 0.5em;
}
/* todo */




/**
 * @file
 * Visual styles for buttons.
 */

.button,
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}
.button:first-child,
.image-button:first-child {
  margin-right: 0;
  margin-left: 0;
}
/**
 * @file
 * Inline items.
 */

.container-inline label::after,
.container-inline .label::after {
  content: ":";
}
.form-type-radios .container-inline label::after,
.form-type-checkboxes .container-inline label::after {
  content: "";
}
.form-type-radios .container-inline .form-type-radio,
.form-type-checkboxes .container-inline .form-type-checkbox {
  margin: 0 1em;
}
.container-inline .form-actions,
.container-inline.form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * @file
 * Visual styles for fields.
 */

.field__label {
  font-weight: bold;
}
.field--label-inline .field__label,
.field--label-inline .field__items {
  float: left; /* LTR */
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  padding-right: 0.5em;
}

.field--label-inline .field__label::after {
  content: ":";
}
/**
 * @file
 * Default style for file module.
 */

/* File icons. */

.file {
  display: inline-block;
  min-height: 16px;
  padding-left: 20px; /* LTR */
  background-repeat: no-repeat;
  background-position: left center; /* LTR */
}

.file--general,
.file--application-octet-stream {
  background-image: url(../../images/icons/application-octet-stream.png);
}
.file--package-x-generic {
  background-image: url(../../images/icons/package-x-generic.png);
}
.file--x-office-spreadsheet {
  background-image: url(../../images/icons/x-office-spreadsheet.png);
}
.file--x-office-document {
  background-image: url(../../images/icons/x-office-document.png);
}
.file--x-office-presentation {
  background-image: url(../../images/icons/x-office-presentation.png);
}
.file--text-x-script {
  background-image: url(../../images/icons/text-x-script.png);
}
.file--text-html {
  background-image: url(../../images/icons/text-html.png);
}
.file--text-plain {
  background-image: url(../../images/icons/text-plain.png);
}
.file--application-pdf {
  background-image: url(../../images/icons/application-pdf.png);
}
.file--application-x-executable {
  background-image: url(../../images/icons/application-x-executable.png);
}
.file--audio {
  background-image: url(../../images/icons/audio-x-generic.png);
}
.file--video {
  background-image: url(../../images/icons/video-x-generic.png);
}
.file--text {
  background-image: url(../../images/icons/text-x-generic.png);
}
.file--image {
  background-image: url(../../images/icons/image-x-generic.png);
}
/**
 * @file
 * Visual styles for icons.
 */

.icon-help {
  padding: 1px 0 1px 20px; /* LTR */
  background: url(../../images/icons/help.png) 0 50% no-repeat; /* LTR */
}

.feed-icon {
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(../../images/icons/feed.svg) no-repeat;
}
/**
 * @file
 * Image upload widget.
 */

.image-preview {
  float: left; /* LTR */
  padding: 0 10px 10px 0; /* LTR */
}

.image-widget-data {
  float: left; /* LTR */
}

.image-widget-data .text-field {
  width: auto;
}

/**
 * @file
 * Visual styles for item list.
 */

.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list li {
  margin: 0 0 0.25em 1.5em; /* LTR */
  padding: 0;
}


/**
 * Comma separated lists.
 */
.item-list--comma-list {
  display: inline;
}
.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li {
  margin: 0;
}
/**
 * @file
 * Style another element as a link.
 */

button.link {
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 1em;
}
label button.link {
  font-weight: bold;
}
/**
 * @file
 * Visual styles for links.
 */

ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0; /* LTR */
}

ul.inline li {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
}
ul.links a.is-active {
  color: #000;
}
/**
 * @file
 * Markup generated by #type 'more_link'.
 */

.more-link {
  display: block;
  text-align: right; /* LTR */
}
/**
 * @file
 * Visual styles for nodes.
 */

.node--unpublished {
  background-color: #fff4f4;
}

/**
 * @file
 * Styles for administration pages.
 */

/**
 * Reusable layout styles.
 */
.layout-container {
  margin: 0 1.5em;
}
.layout-container::after {
  display: table;
  clear: both;
  content: "";
}

@media screen and (min-width: 38em) {
  .layout-container {
    margin: 0 2.5em;
  }
  .layout-column {
    float: left; /* LTR */
    box-sizing: border-box;
  }

  .layout-column + .layout-column {
    padding-left: 10px; /* LTR */
  }

  .layout-column--half {
    width: 50%;
  }
  .layout-column--quarter {
    width: 25%;
  }
  .layout-column--three-quarter {
    width: 75%;
  }
}
/**
 * @file
 * Visual styles for progress bar.
 *
 * @see progress.js
 */

.progress__track {
  border-color: #b3b3b3;
  border-radius: 10em;
  background-color: #f2f1eb;
  background-image: linear-gradient(#e7e7df, #f0f0f0);
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
}
.progress__bar {
  height: 16px;
  margin-top: -1px;
  margin-left: -1px; /* LTR */
  padding: 0 1px;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  -webkit-animation: animate-stripes 3s linear infinite;
  border: 1px #07629a solid;
  border-radius: 10em;
  background: #057ec9;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
  background-size: 40px 40px;
}


@media screen and (prefers-reduced-motion: reduce) {
  .progress__bar {
    -webkit-transition: none;
    transition: none;
    -webkit-animation: none;
  }
}

/**
 * Progress bar animations.
 */
@keyframes animate-stripes {
  0% {
    background-position:
      0 0,
      0 0;
  }
  100% {
    background-position:
      0 0,
      -80px 0;
  }
}
/**
 * @file
 * Stylesheet for results generated by the Search module.
 */

.search-results {
  list-style: none;
}
/**
 * @file
 * Table select behavior.
 *
 * @see tableselect.js
 */

tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}

/**
 * @file
 * Table sort indicator.
 */

th.is-active img {
  display: inline;
}
td.is-active {
  background-color: #ddd;
}
/**
 * @file
 * Theme styling for user module.
 */

/* Visual styling for the Password strength indicator */
.password-strength__meter {
  margin-top: 0.5em;
  background-color: #ebeae4;
}
.password-strength__indicator {
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  background-color: #77b259;
}
.password-strength__indicator.is-weak {
  background-color: #e62600;
}
.password-strength__indicator.is-fair {
  background-color: #e09600;
}
.password-strength__indicator.is-good {
  background-color: #0074bd;
}
.password-strength__indicator.is-strong {
  background-color: #77b259;
}

.password-confirm,
.password-field,
.password-strength,
.password-confirm-match,
.password-confirm-message {
  width: 55%;
}

.password-suggestions {
  max-width: 34.7em;
  margin: 0.7em 0;
  padding: 0.2em 0.5em;
  border: 1px solid #b4b4b4;
}
.password-suggestions ul {
  margin-bottom: 0;
}

.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  overflow: hidden;
  max-width: 33em;
  margin: 0;
}

/* Styling for the status indicator of the passwords match test.  */
.password-confirm .ok {
  color: #325e1c;
  font-weight: bold;
}
.password-confirm .error {
  color: #a51b00;
  font-weight: bold;
}




/**
 * @file
 * Throbber.
 */

.ajax-progress {
  display: inline-block;
  padding: 1px 5px 2px 5px;
}

.ajax-progress-throbber .throbber {
  display: inline;
  padding: 1px 5px 2px;
  background: transparent url(../../../core/misc/throbber-active.svg) no-repeat 0 center;
}
.ajax-progress-throbber .message {
  display: inline;
  padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/* Full screen throbber */
.ajax-progress-fullscreen {
  position: fixed;
  z-index: 1000;
  top: 48.5%;
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  left: 49%; /* LTR */
  width: 24px;
  height: 24px;
  padding: 4px;
  opacity: 0.9;
  border-radius: 7px;
  background-color: #232323;
  background-image: url(../../../core/misc/loading-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
/**
 * @file
 * Alignment classes for text and block level elements.
 */

.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-align-justify {
  text-align: justify;
}

/**
 * Alignment classes for block level elements (images, videos, blockquotes, etc.)
 */
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}
/* Grid style column align. */
.views-view-grid .views-col {
  float: left;
}
.views-view-grid .views-row {
  float: left;
  clear: both;
  width: 100%;
}
/* Provide some space between display links. */
.views-display-link + .views-display-link {
  margin-left: 0.5em;
}
/**
 * @file
 * The .contextual.css file is intended to contain styles that override declarations
 * in the Contextual module.
 */

.views-live-preview .contextual-region-active {
  outline: medium none;
}
.views-live-preview .contextual {
  top: auto;
  right: auto; /* LTR */
}
.js .views-live-preview .contextual {
  display: inline;
}
.views-live-preview .contextual-links-trigger {
  display: block;
}
.contextual .contextual-links {
  right: auto; /* LTR */
  min-width: 10em;
  padding: 6px 6px 9px 6px;
  border-radius: 0 4px 4px 4px; /* LTR */
}
.contextual-links li a,
.contextual-links li span {
  padding-top: 0.25em;
  padding-right: 0.1667em; /* LTR */
  padding-bottom: 0.25em;
}
.contextual-links li span {
  font-weight: bold;
}
.contextual-links li a {
  margin: 0.25em 0;
  padding-left: 1em; /* LTR */
}
.contextual-links li a:hover {
  background-color: #badbec;
}

details.box-padding {
  border: none;
}
.views-admin details details {
  margin-bottom: 0;
}

.container-inline {
  padding-top: 15px;
  padding-bottom: 15px;
}
.container-inline > * + *,
.container-inline .details-wrapper > * + * {
  padding-left: 4px; /* LTR */
}

.views-admin details details.container-inline {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0;
}
.views-admin details details.container-inline > .details-wrapper {
  padding-bottom: 0;
}
/* Indent form elements so they're directly underneath the label of the checkbox that reveals them */
.views-admin .form-type-checkbox + .form-wrapper {
  margin-left: 16px; /* LTR */
}

/* Hide 'remove' checkboxes. */
.views-remove-checkbox {
  display: none;
}

/* sizes the labels of checkboxes and radio button to the height of the text */
.views-admin .form-type-checkbox label,
.views-admin .form-type-radio label {
  line-height: 2;
}
.views-admin-dependent .form-item {
  margin-top: 6px;
  margin-bottom: 6px;
}
.views-ui-view-name h3 {
  margin: 0.25em 0;
  font-weight: bold;
}
.view-changed {
  margin-bottom: 21px;
}
.views-admin .unit-title {
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6154;
}
.views-ui-view-displays ul {
  margin-left: 0; /* LTR */
  padding-left: 0; /* LTR */
  list-style: none;
}


/* These header classes are ambiguous and should be scoped to th elements */
.views-ui-name {
  width: 20%;
}
.views-ui-description {
  width: 30%;
}
.views-ui-machine-name {
  width: 15%;
}
.views-ui-displays {
  width: 25%;
}
.views-ui-operations {
  width: 10%;
}

/**
 * I wish this didn't have to be so specific
 */
.form-item-description-enable + .form-item-description {
  margin-top: 0;
}
.form-item-description-enable label {
  font-weight: bold;
}
.form-item-page-create,
.form-item-block-create {
  margin-top: 13px;
}
.form-item-page-create label,
.form-item-block-create label,
.form-item-rest-export-create label {
  font-weight: bold;
}

/* This makes the form elements after the "Display Format" label flow underneath the label */
.form-item-page-style-style-plugin > label,
.form-item-block-style-style-plugin > label {
  display: block;
}
.views-attachment .options-set label {
  font-weight: normal;
}

/* Styling for the form that allows views filters to be rearranged. */
.group-populated {
  display: none;
}
td.group-title {
  font-weight: bold;
}
.views-ui-dialog td.group-title {
  margin: 0;
  padding: 0;
}
.views-ui-dialog td.group-title span {
  display: block;
  overflow: hidden;
  height: 1px;
}
.group-message .form-submit,
.views-remove-group-link,
.views-add-group {
  float: right; /* LTR */
  clear: both;
}

.views-operator-label {
  padding-left: 0.5em; /* LTR */
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
}

.grouped-description,
.exposed-description {
  float: left; /* LTR */
  padding-top: 3px;
  padding-right: 10px; /* LTR */
}


.form-edit .form-actions {
  margin-top: 0;
  padding: 8px 12px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: #e1e2dc;
}

.edit-display-settings {
  margin: 12px 12px 0 12px;
}
.edit-display-settings-top.views-ui-display-tab-bucket {
  position: relative;
  margin: 0 0 15px 0;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #f3f3f3;
  line-height: 20px;
}
.views-display-column {
  border: 1px solid #f3f3f3;
}
.views-display-column + .views-display-column {
  margin-top: 0;
}
.view-preview-form .form-item-view-args,
.view-preview-form .form-actions {
  margin-top: 5px;
}
.view-preview-form .arguments-preview {
  font-size: 1em;
}
.view-preview-form .arguments-preview,
.view-preview-form .form-item-view-args {
  margin-left: 10px; /* LTR */
}

.view-preview-form .form-item-view-args label {
  float: left; /* LTR */
  height: 6ex;
  margin-right: 0.75em; /* LTR */
  font-weight: normal;
}

.form-item-live-preview,
.form-item-view-args,
.preview-submit-wrapper {
  display: inline-block;
}
.form-item-live-preview,
.view-preview-form .form-actions {
  vertical-align: top;
}

@media screen and (min-width: 45em) {
  /* 720px */
  .view-preview-form .form-type-textfield .description {
    white-space: nowrap;
  }
}

/* These are the individual "buckets," or boxes, inside the display settings area */
.views-ui-display-tab-bucket {
  position: relative;
  margin: 0;
  padding-top: 4px;
  border-bottom: 1px solid #f3f3f3;
  line-height: 20px;
}
.views-ui-display-tab-bucket:last-of-type {
  border-bottom: none;
}
.views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
  border-top: medium none;
}
.views-ui-display-tab-bucket__title,
.views-ui-display-tab-bucket > .views-display-setting {
  padding: 2px 6px 4px;
}
.views-ui-display-tab-bucket__title {
  margin: 0;
  font-size: small;
}
.views-ui-display-tab-bucket.access {
  padding-top: 0;
}
.views-ui-display-tab-bucket.page-settings {
  border-bottom: medium none;
}
.views-display-setting .views-ajax-link {
  margin-right: 0.2083em;
  margin-left: 0.2083em;
}

.views-ui-display-tab-setting > span {
  margin-left: 0.5em; /* LTR */
}
/** Applies an overridden(italics) font style to overridden buckets.
 * The better way to implement this would be to add the overridden class
 * to the bucket header when the bucket is overridden and style it as a
 * generic icon classed element. For the moment, we'll style the bucket
 * header specifically with the overridden font style.
 */
.views-ui-display-tab-setting.overridden,
.views-ui-display-tab-bucket.overridden .views-ui-display-tab-bucket__title {
  font-style: italic;
}

/* This is each row within one of the "boxes." */
.views-ui-display-tab-bucket .views-display-setting {
  padding-bottom: 2px;
  color: #666;
  font-size: 12px;
}
.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) {
  background-color: #f3f5ee;
}
.views-ui-display-tab-actions.views-ui-display-tab-bucket .views-display-setting {
  background-color: transparent;
}
.views-ui-display-tab-bucket .views-group-text {
  margin-top: 6px;
  margin-bottom: 6px;
}
.views-display-setting .label {
  margin-right: 3px; /* LTR */
}

/* The contents of the popup dialog on the views edit form. */
.views-filterable-options .form-type-checkbox {
  padding: 5px 8px;
  border-top: none;
}
.views-filterable-options {
  border-top: 1px solid #ccc;
}
.filterable-option .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.views-filterable-options .filterable-option .title {
  cursor: pointer;
  font-weight: bold;
}
.views-filterable-options .form-type-checkbox .description {
  margin-top: 0;
  margin-bottom: 0;
}
.views-filterable-options-controls .form-item {
  width: 30%;
  margin: 0 0 0 2%; /* LTR */
}

.views-filterable-options-controls input,
.views-filterable-options-controls select {
  width: 100%;
}
.views-ui-dialog .ui-dialog-content {
  padding: 0;
}
.views-ui-dialog .views-filterable-options {
  margin-bottom: 10px;
}
.views-ui-dialog .views-add-form-selected.container-inline {
  padding: 0;
}
.views-ui-dialog .views-add-form-selected.container-inline > div {
  display: block;
}
.views-ui-dialog .form-item-selected {
  margin: 0;
  padding: 6px 16px;
}
.views-ui-dialog .views-override:not(:empty) {
  padding: 8px 13px;
  background-color: #f3f4ee;
}
.views-ui-dialog.views-ui-dialog-scroll .ui-dialog-titlebar {
  border: none;
}
.views-ui-dialog .views-offset-top {
  border-bottom: 1px solid #ccc;
}
.views-ui-dialog .views-offset-bottom {
  border-top: 1px solid #ccc;
}
.views-ui-dialog .views-override > * {
  margin: 0;
}
.views-ui-dialog details .item-list {
  padding-left: 2em; /* LTR */
}

.views-ui-rearrange-filter-form table {
  border-collapse: collapse;
}
.views-ui-rearrange-filter-form tr td[rowspan] {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #cdcdcd;
}
.views-ui-rearrange-filter-form tr[id^="views-row"] {
  border-right: 1px solid #cdcdcd; /* LTR */
}
.views-ui-rearrange-filter-form .even td {
  background-color: #f3f4ed;
}
.views-ui-rearrange-filter-form .views-group-title {
  border-top: 1px solid #cdcdcd;
}
.views-ui-rearrange-filter-form .group-empty {
  border-bottom: 1px solid #cdcdcd;
}
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-field-identifier,
.form-item-options-expose-description {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 18px; /* LTR */
}

.views-preview-wrapper {
  border: 1px solid #ccc;
}
.view-preview-form {
  position: relative;
}
.view-preview-form__title {
  margin-top: 0;
  padding: 8px 12px;
  border-bottom: 1px solid #ccc;
  background-color: #e1e2dc;
}
.view-preview-form .form-item-live-preview {
  position: absolute;
  top: 3px;
  right: 12px;
  margin-top: 2px;
  margin-left: 2px; /* LTR */
}

.views-live-preview {
  padding: 12px;
}
.views-live-preview .views-query-info {
  overflow: auto;
}
.views-live-preview .section-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #818181;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.6154;
}
.views-live-preview .view > * {
  margin-top: 18px;
}
.views-live-preview .preview-section {
  margin: 0 -5px;
  padding: 3px 5px;
  border: 1px dashed #dedede;
}
.views-live-preview li.views-row + li.views-row {
  margin-top: 18px;
}

/* The div.views-row is intentional and excludes li.views-row, for example */
.views-live-preview div.views-row + div.views-row {
  margin-top: 36px;
}
.views-query-info table {
  margin: 10px 0;
  border-spacing: 0;
  border-collapse: separate;
  border-color: #ddd;
}
.views-query-info table tr {
  background-color: #f9f9f9;
}
.views-query-info table th,
.views-query-info table td {
  padding: 4px 10px;
  color: #666;
}
.views-display-top .dropbutton-wrapper {
  position: absolute;
  top: 7px;
  right: 12px; /* LTR */
}

.views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
  width: auto;
}

.views-ui-display-tab-bucket .dropbutton-wrapper {
  position: absolute;
  top: 4px;
  right: 5px; /* LTR */
}

.views-ui-display-tab-bucket .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
  width: auto;
}
.views-ui-display-tab-actions .dropbutton-wrapper li a,
.views-ui-display-tab-actions .dropbutton-wrapper input {
  margin-bottom: 0;
  padding-left: 12px; /* LTR */
  border: medium;
  background: none;
  font-family: inherit;
  font-size: 12px;
}

.views-ui-display-tab-actions .dropbutton-wrapper input:hover {
  border: none;
  background: none;
}
.views-list-section {
  margin-bottom: 2em;
}
.form-textarea-wrapper,
.form-item-options-content {
  width: 100%;
}
/**
 * @file
 * The .admin.css file is intended to only contain positioning and size
 * declarations. For example: display, position, float, clear, and overflow.
 */

.views-admin ul,
.views-admin menu,
.views-admin dir {
  padding: 0;
}
.views-admin pre {
  margin-top: 0;
  margin-bottom: 0;
  white-space: pre-wrap;
}
.views-left-25 {
  float: left; /* LTR */
  width: 25%;
}
.views-left-30 {
  float: left; /* LTR */
  width: 30%;
}
.views-left-40 {
  float: left; /* LTR */
  width: 40%;
}
.views-left-50 {
  float: left; /* LTR */
  width: 50%;
}
.views-left-75 {
  float: left; /* LTR */
  width: 75%;
}
.views-right-50 {
  float: right; /* LTR */
  width: 50%;
}
.views-right-60 {
  float: right; /* LTR */
  width: 60%;
}
.views-right-70 {
  float: right; /* LTR */
  width: 70%;
}
.views-group-box .form-item {
  margin-right: 3px;
  margin-left: 3px;
}

/*
 * The attachment details section, its tabs for each section and the buttons
 * to add a new section
 */
.views-displays {
  clear: both;
}

/* The tabs that switch between sections */
.views-displays .tabs {
  overflow: visible;
  margin: 0;
  padding: 0;
  border-bottom: 0 none;
}
.views-displays .tabs > li {
  float: left; /* LTR */
  padding: 0;
  border-right: 0 none; /* LTR */
}
.views-displays .tabs .open > a {
  position: relative;
  z-index: 51;
}
.views-displays .tabs .views-display-deleted-link {
  text-decoration: line-through;
}
.views-display-deleted > details > summary,
.views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,
.views-display-deleted .views-display-columns {
  opacity: 0.25;
}
.views-display-disabled > details > summary,
.views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,
.views-display-disabled .views-display-columns {
  opacity: 0.5;
}
.views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
  opacity: 1;
}
.views-displays .tabs .add {
  position: relative;
}
.views-displays .tabs .action-list {
  position: absolute;
  z-index: 50;
  top: 23px;
  left: 0; /* LTR */
  margin: 0;
}
.views-displays .tabs .action-list li {
  display: block;
}
.views-display-columns .details-wrapper {
  padding: 0;
}
.views-display-column {
  box-sizing: border-box;
}
.views-display-columns > * {
  margin-bottom: 2em;
}

@media screen and (min-width: 45em) {
  /* 720px */
  .views-display-columns > * {
    float: left; /* LTR */
    width: 32%;
    margin-bottom: 0;
    margin-left: 2%; /* LTR */
  }
  .views-display-columns > *:first-child {
    margin-left: 0; /* LTR */
  }
}

.views-ui-dialog .scroll {
  overflow: auto;
  padding: 1em;
}
.views-filterable-options-controls {
  display: none;
}
.views-ui-dialog .views-filterable-options-controls {
  display: inline;
}

/* Don't let the messages overwhelm the modal */
.views-ui-dialog .views-messages {
  overflow: auto;
  max-height: 200px;
}
.views-display-setting .label,
.views-display-setting .views-ajax-link {
  float: left; /* LTR */
}
.form-item-options-value-all {
  display: none;
}
.js-only {
  display: none;
}
html.js .js-only {
  display: inherit;
}
html.js span.js-only {
  display: inline;
}
.js .views-edit-view .dropbutton-wrapper {
  width: auto;
}
/**
 * @file
 * Vertical Tabs.
 */

.vertical-tabs {
  margin: 1em 0 1em 15em; /* LTR */
  border: 1px solid #ccc;
}

.vertical-tabs__menu {
  float: left; /* LTR */
  width: 15em;
  margin: -1px 0 -1px -15em; /* LTR */
  padding: 0;
  list-style: none;
  border-top: 1px solid #ccc;
}

.vertical-tabs__pane {
  margin: 0;
  border: 0;
}
.vertical-tabs__pane > summary {
  display: none;
}

/* Layout of each tab. */
.vertical-tabs__menu-item {
  border: 1px solid #ccc;
  border-top: 0;
  background: #eee;
}
.vertical-tabs__menu-item a {
  display: block;
  padding: 0.5em 0.6em;
  text-decoration: none;
}
.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
  text-decoration: underline;
}
.vertical-tabs__menu-item a:hover {
  outline: 1px dotted;
}
.vertical-tabs__menu-item.is-selected {
  border-right-width: 0; /* LTR */
  background-color: #fff;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  color: #000;
}
.vertical-tabs__menu-item-summary {
  display: block;
  margin-bottom: 0;
  line-height: normal;
}
/**
 * @file
 * Module styling for user module.
 */
.password-strength__title,
.password-strength__text {
  display: inline;
}
.password-strength__meter {
  height: 0.75em;
  margin-top: 0.5em;
  background-color: lightgray;
}
.password-strength__indicator {
  width: 0;
  height: 100%;
  background-color: gray;
}
.password-confirm-match {
  visibility: hidden;
}
/**
 * @file
 * Styling for the user module icons.
 */

/**
 * Toolbar tab icon.
 */
.toolbar-bar .toolbar-icon-user::before {
  background-image: url(../../../core/misc/icons/bebebe/person.svg);
}
.toolbar-bar .toolbar-icon-user:active::before,
.toolbar-bar .toolbar-icon-user.is-active::before {
  background-image: url(../../../core/misc/icons/ffffff/person.svg);
}
/**
 * @file
 * Admin styling for the User module.
 */

/* Permissions page */
.permissions .module {
  font-weight: bold;
}
.permissions .permission {
  padding-left: 1.5em; /* LTR */
}

/* Account settings */
.user-admin-settings .details-description {
  padding-bottom: 0.5em;
  font-size: 0.85em;
}
/**
 * @file
 * Table sort indicator.
 *
 * @see tablesort-indicator.html.twig
 */

.tablesort {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
}
.tablesort--asc {
  background-image: url(../../../core/misc/icons/787878/twistie-down.svg);
}
.tablesort--desc {
  background-image: url(../../../core/misc/icons/787878/twistie-up.svg);
}
/**
 * @file
 * Styles for item list.
 */

.item-list__comma-list,
.item-list__comma-list li {
  display: inline;
}
.item-list__comma-list {
  margin: 0;
  padding: 0;
}
.item-list__comma-list li::after {
  content: ", ";
}
.item-list__comma-list li:last-child::after {
  content: "";
}
/**
 * Update styles
 */
.update-results {
  margin-top: 3em;
  padding: 0.25em;
  border: 1px solid #ccc;
  background: #eee;
  font-size: smaller;
}
.update-results h2 {
  margin-top: 0.25em;
}
.update-results h4 {
  margin-bottom: 0.25em;
}
.update-results .none {
  color: #888;
  font-style: italic;
}
.update-results .failure strong {
  color: #b63300;
}

/**
 * Authorize.php styles
 */
#edit-submit-connection {
  clear: both;
}
#edit-submit-process,
.filetransfer {
  display: none;
  clear: both;
}
.js #edit-submit-connection {
  display: none;
}
.js #edit-submit-process {
  display: block;
}

#edit-connection-settings-change-connection-type {
  margin: 2.6em 0.5em 0 1em; /* LTR */
}


/**
 * Theme maintenance styles
 */
.authorize-results__failure {
  font-weight: bold;
}
/**
 * @file
 * Visual styles for a nested tree child.
 */

div.tree-child {
  background: url(../../../core/misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../../core/misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}

div.tree-child-horizontal {
  background: url(../../../core/misc/tree.png) no-repeat -11px center;
}
/**
 * @file
 * Styles used by the Update Status module.
 */

.project-update__title {
  font-size: 110%;
  font-weight: bold;
}
.project-update__status {
  float: right; /* LTR */
  font-size: 110%;
}

.project-update__status--not-supported {
  float: right; /* LTR */
}

.project-update__status--security-error {
  color: #970f00;
  font-weight: bold;
}

.project-update__status-icon {
  padding-left: 0.5em; /* LTR */
}

.project-update__details {
  padding: 1em 1em 0.25em 1em;
}

.project-update__version {
  padding: 1em 0;
}
.project-update__version-date {
  white-space: nowrap;
}
.project-update__version-details {
  padding-right: 0.5em; /* LTR */
}

.project-update__version-links {
  padding-right: 1em; /* LTR */
  list-style-type: none;
  text-align: right; /* LTR */
}

.project-update__version--recommended-strong .project-update__version-title {
  font-weight: bold;
}
/**
 * @file
 * Styles for the upgrade analysis report tables.
 */
.upgrade-analysis-report__status-icon::before {
  display: inline-block;
  width: 32px;
  height: 14px;
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
}

.upgrade-analysis-report__status-icon--warning::before {
  background-image: url(../../../core/misc/icons/e29700/warning.svg);
}
.upgrade-analysis-report__status-icon--checked::before {
  background-image: url(../../../core/misc/icons/73b355/check.svg);
}
.upgrade-analysis-report__status-icon--error::before {
  background-image: url(../../../core/misc/icons/e32700/error.svg);
}
/**
 * @file toolbar.theme.css
 */
.toolbar {
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
  /* Set base font size to 13px based on root ems. */
  font-size: 0.8125rem;
  -moz-tap-highlight-color: rgb(0, 0, 0, 0);
  -o-tap-highlight-color: rgb(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgb(0, 0, 0, 0);
  tap-highlight-color: rgb(0, 0, 0, 0);
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -webkit-touch-callout: none;
  touch-callout: none;
}
.toolbar .toolbar-item {
  padding: 1em 1.3333em;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
}
.toolbar .toolbar-item:hover,
.toolbar .toolbar-item:focus {
  text-decoration: underline;
}

/**
 * Toolbar bar.
 */
.toolbar .toolbar-bar {
  color: #ddd;
  background-color: #0f0f0f;
  box-shadow: -1px 0 3px 1px rgb(0, 0, 0, 0.3333); /* LTR */
}

.toolbar .toolbar-bar .toolbar-item {
  color: #fff;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
  font-weight: bold;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  background-image: linear-gradient(rgb(255, 255, 255, 0.125) 20%, transparent 200%);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  background-image: linear-gradient(rgb(255, 255, 255, 0.25) 20%, transparent 200%);
}

/**
 * Toolbar tray.
 */
.toolbar .toolbar-tray {
  background-color: #fff;
}
.toolbar-horizontal .toolbar-tray > .toolbar-lining {
  padding-right: 5em; /* LTR */
}

.toolbar .toolbar-tray-vertical {
  border-right: 1px solid #aaa; /* LTR */
  background-color: #f5f5f5;
  box-shadow: -1px 0 5px 2px rgb(0, 0, 0, 0.3333); /* LTR */
}

.toolbar-horizontal .toolbar-tray {
  border-bottom: 1px solid #aaa;
  box-shadow: -2px 1px 3px 1px rgb(0, 0, 0, 0.3333); /* LTR */
}

.toolbar .toolbar-tray-horizontal .toolbar-tray {
  background-color: #f5f5f5;
}
.toolbar-tray a,
.toolbar-tray a:visited {
  padding: 1em 1.3333em;
  cursor: pointer;
  text-decoration: none;
  color: #565656;
}
.toolbar-tray a:hover,
.toolbar-tray a:active,
.toolbar-tray a:focus,
.toolbar-tray a.is-active {
  text-decoration: underline;
  color: #000;
}
.toolbar .toolbar-menu {
  background-color: #fff;
}
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
  border-left: 1px solid #ddd; /* LTR */
}

.toolbar-horizontal .toolbar-tray .menu-item:last-child {
  border-right: 1px solid #ddd; /* LTR */
}

.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
  border-top: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item:last-child {
  border-bottom: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item .menu-item {
  border: 0 none;
}
.toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
  border-bottom: 0;
}
.toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
  margin-left: 0.25em; /* LTR */
}

.toolbar .toolbar-menu .toolbar-menu a {
  color: #434343;
}

/**
 * Orientation toggle.
 */
.toolbar .toolbar-toggle-orientation {
  height: 100%;
  padding: 0;
  background-color: #f5f5f5;
}
.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
  border-left: 1px solid #c9c9c9; /* LTR */
}
.toolbar .toolbar-toggle-orientation > .toolbar-lining {
  float: right; /* LTR */
}
.toolbar .toolbar-toggle-orientation button {
  display: inline-block;
  cursor: pointer;
}
/**
 * @file toolbar.module.css
 *
 *
 * Aggressive resets so we can achieve a consistent look in hostile CSS
 * environments.
 */
#toolbar-administration,
#toolbar-administration * {
  box-sizing: border-box;
}
#toolbar-administration {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: small;
  line-height: 1;
}

@media print {
  #toolbar-administration {
    display: none;
  }
}
.toolbar-loading #toolbar-administration {
  overflow: hidden;
}
/**
 * Very specific overrides for Drupal system CSS.
 */
.toolbar li,
.toolbar .item-list,
.toolbar .item-list li,
.toolbar .menu-item,
.toolbar .menu-item--expanded {
  list-style-type: none;
  list-style-image: none;
}
.toolbar .menu-item {
  padding-top: 0;
}
.toolbar .toolbar-bar .toolbar-tab,
.toolbar .menu-item {
  display: block;
}
.toolbar .toolbar-bar .toolbar-tab.hidden {
  display: none;
}
.toolbar a {
  display: block;
  line-height: 1;
}

/**
 * Administration menu.
 */
.toolbar .toolbar-bar,
.toolbar .toolbar-tray {
  position: relative;
  z-index: 1250;
}
.toolbar-horizontal .toolbar-tray {
  position: fixed;
  left: 0;
  width: 100%;
}
/* Position the admin toolbar absolutely when the configured standard breakpoint
 * is active. The toolbar container, that contains the bar and the trays, is
 * position absolutely so that it scrolls with the page. Otherwise, on smaller
 * screens, the components of the admin toolbar are positioned statically. */
.toolbar-oriented .toolbar-bar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.toolbar-oriented .toolbar-tray {
  position: absolute;
  right: 0;
  left: 0;
}
/* .toolbar-loading is required by Toolbar JavaScript to pre-render markup
 * style to avoid extra reflow & flicker. */
@media (min-width: 61em) {
  .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
    display: none;
  }
  .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
    width: 999em;
  }
  .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab + .toolbar-tab .toolbar-tray {
    display: block;
  }
}

/* Layer the bar just above the trays and above contextual link triggers. */
.toolbar-oriented .toolbar-bar {
  z-index: 502;
}
/* Position the admin toolbar fixed when the configured standard breakpoint is
 * active. */
body.toolbar-fixed .toolbar-oriented .toolbar-bar,
html.toolbar-fixed .toolbar-oriented .toolbar-bar {
  position: fixed;
}
/* When the configured narrow breakpoint is active, the toolbar is sized to wrap
 * around the trays in order to provide a context for scrolling tray content
 * that is taller than the viewport. */
body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented,
html.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
  bottom: 0;
  width: 240px;
  width: 15rem;
}

/* Present the admin toolbar tabs horizontally as a default on user agents that
 * do not understand media queries or on user agents where JavaScript is
 * disabled. */
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
.toolbar .toolbar-bar .toolbar-tab,
.toolbar .toolbar-tray-horizontal li {
  float: left; /* LTR */
}
/* Present the admin toolbar tabs vertically by default on user agents that
 * that understand media queries. This will be the small screen default. */
@media only screen {
  .toolbar .toolbar-bar .toolbar-tab,
  .toolbar .toolbar-tray-horizontal li {
    float: none; /* LTR */
  }
}
/* This min-width media query is meant to provide basic horizontal layout to
 * the main menu tabs when JavaScript is disabled on user agents that understand
 * media queries. */
@media (min-width: 16.5em) {
  .toolbar .toolbar-bar .toolbar-tab,
  .toolbar .toolbar-tray-horizontal li {
    float: left; /* LTR */
  }

}
/* Present the admin toolbar tabs horizontally when the configured narrow
 * breakpoint is active. */
.toolbar-oriented .toolbar-bar .toolbar-tab,
.toolbar-oriented .toolbar-tray-horizontal li {
  float: left; /* LTR */
}


/**
 * Toolbar tray.
 */
.toolbar .toolbar-tray {
  z-index: 501;
  display: none;
}
.toolbar-oriented .toolbar-tray-vertical {
  position: absolute;
  left: -100%; /* LTR */
  width: 240px;
  width: 15rem;
}

.toolbar .toolbar-tray-vertical > .toolbar-lining {
  min-height: 100%;
}
/* Layer the links just above the toolbar-tray. */
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
  position: relative;
  z-index: 502;
}
/* Hide secondary menus when the tray is horizontal. */
.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
  display: none;
}
/* When the configured standard breakpoint is active and the tray is in a
 * vertical position, the tray does not scroll with the page. The contents of
 * the tray scroll within the confines of the viewport.
 */
.toolbar .toolbar-tray-vertical.is-active,
body.toolbar-fixed .toolbar .toolbar-tray-vertical,
html.toolbar-fixed .toolbar .toolbar-tray-vertical {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.toolbar .toolbar-tray.is-active {
  display: block;
}
/* Bring the tray into the viewport. By default it is just off-screen. */
.toolbar-oriented .toolbar-tray-vertical.is-active {
  left: 0; /* LTR */
}

/* When the configured standard breakpoint is active, the tray appears to push
 * the page content away from the edge of the viewport. */
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed,
html.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin-left: 240px; /* LTR */
  margin-left: 15rem; /* LTR */
}

@media print {
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed,
  html.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
  }
}

/**
 * ToolBar tray orientation toggle.
 */
/* Hide the orientation toggle when the configured narrow breakpoint is not
 * active. */
.toolbar .toolbar-tray .toolbar-toggle-orientation {
  display: none;
}
/* Show the orientation toggle when the configured narrow breakpoint is
 * active. */
.toolbar-oriented .toolbar-tray .toolbar-toggle-orientation {
  display: block;
}
.toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
  position: absolute;
  top: auto;
  right: 0; /* LTR */
  bottom: 0;
}

.toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
  float: right; /* LTR */
  width: 100%;
}

/**
 * Toolbar home button toggle.
 */
.toolbar .toolbar-bar .home-toolbar-tab {
  display: none;
}
.path-admin .toolbar-bar .home-toolbar-tab {
  display: block;
}
/**
 * @file toolbar.menu.css
 */
.toolbar .toolbar-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.toolbar .toolbar-box {
  position: relative;
  display: block;
  width: auto;
  line-height: 1em; /* this prevents the value "normal" from being returned as the line-height */
}

/**
 * Hidden vertical toolbar sub-menus by default.
 */
.toolbar .toolbar-tray-vertical .toolbar-menu ul {
  display: none;
}

/**
 * Hidden horizontal toolbar handle icon.
 */
.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
  display: none;
}
/**
 * Hidden toolbar sub-menus by default.
 */
.toolbar-tray-open .toolbar-menu .menu-item--expanded ul {
  display: none;
}
.toolbar .toolbar-tray-vertical li.open > ul {
  display: block; /* Show the sub-menus */
}
.toolbar .toolbar-tray-vertical .toolbar-handle + a {
  margin-right: 3em; /* LTR */
}
.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
.toolbar .toolbar-tray a.is-active {
  color: #000;
  background-color: #f5f5f5;
  font-weight: bold;
}

/* ----- Toolbar menu tray for viewports less than 320px ------ */
@media screen and (max-width: 319px) {
  .toolbar .toolbar-tray-vertical.is-active {
    width: 100%;
  }
}

/**
 * Items.
 */
.toolbar .level-2 > ul {
  border-top-color: #e5e5e5;
  border-bottom-color: #ccc;
  background-color: #fafafa;
}
.toolbar .level-3 > ul {
  border-top-color: #ddd;
  border-bottom-color: #c5c5c5;
  background-color: #f5f5f5;
}
.toolbar .level-4 > ul {
  border-top-color: #d5d5d5;
  border-bottom-color: #bbb;
  background-color: #eee;
}
.toolbar .level-5 > ul {
  border-top-color: #ccc;
  border-bottom-color: #b5b5b5;
  background-color: #e5e5e5;
}
.toolbar .level-6 > ul {
  border-top-color: #c5c5c5;
  border-bottom-color: #aaa;
  background-color: #eee;
}
.toolbar .level-7 > ul {
  border-top-color: #ccc;
  border-bottom-color: #b5b5b5;
  background-color: #fafafa;
}
.toolbar .level-8 > ul {
  border-top-color: #ddd;
  border-bottom-color: #ccc;
  background-color: #ddd;
}

/**
 * Handle.
 */
.toolbar .toolbar-handle:hover {
  cursor: pointer;
}
.toolbar .toolbar-icon.toolbar-handle {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0; /* LTR */
  bottom: 0;
  display: block;
  height: 100%;
  padding: 0;
}
/**
 * @file
 * Styling for toolbar module icons.
 */

.toolbar .toolbar-icon {
  position: relative;
  padding-left: 2.75em; /* LTR */
}

.toolbar .toolbar-icon::before {
  position: absolute;
  top: 0;
  left: 0.6667em; /* LTR */
  display: block;
  width: 20px;
  height: 100%;
  content: "";
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 100% auto;
}

.toolbar button.toolbar-icon {
  border: 0;
  background-color: transparent;
  font-size: 1em;
}
.toolbar .toolbar-menu ul .toolbar-icon {
  padding-left: 1.3333em; /* LTR */
}

.toolbar .toolbar-menu ul a.toolbar-icon::before {
  display: none;
}
.toolbar .toolbar-tray-vertical .toolbar-menu ul a {
  padding-left: 2.75em; /* LTR */
}

.toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
  padding-left: 3.75em; /* LTR */
}


.toolbar .toolbar-tray-vertical .toolbar-menu a {
  padding-right: 4em; /* LTR */
  padding-left: 2.75em; /* LTR */
}


/**
 * Top level icons.
 */
.toolbar-bar .toolbar-icon-menu::before {
  background-image: url(../../../core/misc/icons/bebebe/hamburger.svg);
}
.toolbar-bar .toolbar-icon-menu:active::before,
.toolbar-bar .toolbar-icon-menu.is-active::before {
  background-image: url(../../../core/misc/icons/ffffff/hamburger.svg);
}
.toolbar-bar .toolbar-icon-help::before {
  background-image: url(../../../core/misc/icons/bebebe/questionmark-disc.svg);
}
.toolbar-bar .toolbar-icon-help:active::before,
.toolbar-bar .toolbar-icon-help.is-active::before {
  background-image: url(../../../core/misc/icons/ffffff/questionmark-disc.svg);
}

/**
 * Main menu icons.
 */
.toolbar-icon-system-admin-content::before {
  background-image: url(../../../core/misc/icons/787878/file.svg);
}
.toolbar-icon-system-admin-content:active::before,
.toolbar-icon-system-admin-content.is-active::before {
  background-image: url(../../../core/misc/icons/000000/file.svg);
}
.toolbar-icon-system-admin-structure::before {
  background-image: url(../../../core/misc/icons/787878/orgchart.svg);
}
.toolbar-icon-system-admin-structure:active::before,
.toolbar-icon-system-admin-structure.is-active::before {
  background-image: url(../../../core/misc/icons/000000/orgchart.svg);
}
.toolbar-icon-system-themes-page::before {
  background-image: url(../../../core/misc/icons/787878/paintbrush.svg);
}
.toolbar-icon-system-themes-page:active::before,
.toolbar-icon-system-themes-page.is-active::before {
  background-image: url(../../../core/misc/icons/000000/paintbrush.svg);
}
.toolbar-icon-entity-user-collection::before {
  background-image: url(../../../core/misc/icons/787878/people.svg);
}
.toolbar-icon-entity-user-collection:active::before,
.toolbar-icon-entity-user-collection.is-active::before {
  background-image: url(../../../core/misc/icons/000000/people.svg);
}
.toolbar-icon-system-modules-list::before {
  background-image: url(../../../core/misc/icons/787878/puzzlepiece.svg);
}
.toolbar-icon-system-modules-list:active::before,
.toolbar-icon-system-modules-list.is-active::before {
  background-image: url(../../../core/misc/icons/000000/puzzlepiece.svg);
}
.toolbar-icon-system-admin-config::before {
  background-image: url(../../../core/misc/icons/787878/wrench.svg);
}
.toolbar-icon-system-admin-config:active::before,
.toolbar-icon-system-admin-config.is-active::before {
  background-image: url(../../../core/misc/icons/000000/wrench.svg);
}
.toolbar-icon-system-admin-reports::before {
  background-image: url(../../../core/misc/icons/787878/barchart.svg);
}
.toolbar-icon-system-admin-reports:active::before,
.toolbar-icon-system-admin-reports.is-active::before {
  background-image: url(../../../core/misc/icons/000000/barchart.svg);
}
.toolbar-icon-help-main::before {
  background-image: url(../../../core/misc/icons/787878/questionmark-disc.svg);
}
.toolbar-icon-help-main:active::before,
.toolbar-icon-help-main.is-active::before {
  background-image: url(../../../core/misc/icons/000000/questionmark-disc.svg);
}

@media only screen and (min-width: 16.5em) {
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
    width: 4em;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    text-indent: -9999px;
  }
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    left: 0; /* LTR */
    width: 100%;
    background-size: 42% auto;
  }
  .no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    background-size: auto auto;
  }
}

@media only screen and (min-width: 36em) {
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
    width: auto;
    padding-right: 1.3333em; /* LTR */
    padding-left: 2.75em; /* LTR */
    text-indent: 0;
    background-position: left center; /* LTR */
  }
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    left: 0.6667em; /* LTR */
    width: 20px;
    background-size: 100% auto;
  }
  .no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    background-size: auto auto;
  }
}

/**
 *  Accessibility/focus
 */
.toolbar-tab a:focus {
  text-decoration: underline;
  outline: none;
}
.toolbar-lining button:focus {
  outline: none;
}
.toolbar-tray-horizontal a:focus,
.toolbar-box a:focus {
  outline: none;
  background-color: #f5f5f5;
}
.toolbar-box a:hover:focus {
  text-decoration: underline;
}
.toolbar .toolbar-icon.toolbar-handle:focus {
  outline: none;
  background-color: #f5f5f5;
}

/**
 * Handle.
 */
.toolbar .toolbar-icon.toolbar-handle {
  width: 4em;
  text-indent: -9999px;
}
.toolbar .toolbar-icon.toolbar-handle::before {
  left: 1.6667em; /* LTR */
}

.toolbar .toolbar-icon.toolbar-handle::before {
  background-image: url(../../../core/misc/icons/5181c6/chevron-disc-down.svg);
}
.toolbar .toolbar-icon.toolbar-handle.open::before {
  background-image: url(../../../core/misc/icons/787878/chevron-disc-up.svg);
}
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle::before {
  background-image: url(../../../core/misc/icons/5181c6/twistie-down.svg);
  background-size: 75%;
}
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open::before {
  background-image: url(../../../core/misc/icons/787878/twistie-up.svg);
  background-size: 75%;
}
.toolbar .toolbar-icon-escape-admin::before {
  background-image: url(../../../core/misc/icons/bebebe/chevron-disc-left.svg);
}

/**
 * Orientation toggle.
 */
.toolbar .toolbar-toggle-orientation button {
  width: 39px;
  height: 39px;
  padding: 0;
  text-indent: -999em;
}
.toolbar .toolbar-toggle-orientation button::before {
  right: 0;
  left: 0;
  margin: 0 auto;
}

/**
 * In order to support a hover effect on the SVG images, while also supporting
 * RTL text direction and no SVG support, this little icon requires some very
 * specific targeting, setting and unsetting.
 */
.toolbar .toolbar-toggle-orientation [value="vertical"]::before {
  background-image: url(../../../core/misc/icons/bebebe/push-left.svg); /* LTR */
}
.toolbar .toolbar-toggle-orientation [value="vertical"]:hover::before,
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus::before {
  background-image: url(../../../core/misc/icons/787878/push-left.svg); /* LTR */
}
.toolbar .toolbar-toggle-orientation [value="horizontal"]::before {
  background-image: url(../../../core/misc/icons/bebebe/push-up.svg);
}
.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover::before,
.toolbar .toolbar-toggle-orientation [value="horizontal"]:focus::before {
  background-image: url(../../../core/misc/icons/787878/push-up.svg);
}
.taxonomy-term-preview {
  background-color: #eee;
}
.taxonomy-term-divider-top {
  border-bottom: none;
}
.taxonomy-term-divider-bottom {
  border-top: 1px dotted #ccc;
}
/**
 * Traditional split diff theming
 */
table.diff {
  width: 100%;
  margin-bottom: 20px;
  border-spacing: 4px;
}
table.diff .diff-context {
  background-color: #fafafa;
}
table.diff .diff-deletedline {
  width: 50%;
  background-color: #ffa;
}
table.diff .diff-addedline {
  width: 50%;
  background-color: #afa;
}
table.diff .diffchange {
  color: #f00;
  font-weight: bold;
}
table.diff .diff-marker {
  width: 1.4em;
}
table.diff th {
  padding-right: inherit; /* LTR */
}

table.diff td div {
  overflow: auto;
  padding: 0.1ex 0.5em;
  word-wrap: break-word;
}
table.diff td {
  padding: 0.1ex 0.4em;
}
/**
 * @file
 * Styles for administration pages.
 */

/**
 * Reusable layout styles.
 */
.layout-container {
  margin: 0 1.5em;
}
.layout-container::after {
  display: table;
  clear: both;
  content: "";
}

@media screen and (min-width: 38em) {
  .layout-container {
    margin: 0 2.5em;
  }
  .layout-column {
    float: left; /* LTR */
    box-sizing: border-box;
  }
  .layout-column + .layout-column {
    padding-left: 10px; /* LTR */
  }

  .layout-column--half {
    width: 50%;
  }
  .layout-column--quarter {
    width: 25%;
  }
  .layout-column--three-quarter {
    width: 75%;
  }
}

/**
 * Panel.
 * Used to visually group items together.
 */
.panel {
  padding: 5px 5px 15px;
}
.panel__description {
  margin: 0 0 3px;
  padding: 2px 0 3px 0;
}

/**
 * System compact link: to toggle the display of description text.
 */
.compact-link {
  margin: 0 0 0.5em 0;
}

/**
 * Quick inline admin links.
 */
small .admin-link::before {
  content: " [";
}
small .admin-link::after {
  content: "]";
}



/**
 * Appearance page.
 */
.theme-info__header {
  margin-bottom: 0;
  font-weight: normal;
}
.theme-default .theme-info__header {
  font-weight: bold;
}
.theme-info__description {
  margin-top: 0;
}
.system-themes-list {
  margin-bottom: 20px;
}
.system-themes-list-uninstalled {
  padding-top: 20px;
  border-top: 1px solid #cdcdcd;
}
.system-themes-list__header {
  margin: 0;
}

.theme-selector {
  padding-top: 20px;
}
.theme-selector .screenshot,
.theme-selector .no-screenshot {
  max-width: 100%;
  height: auto;
  padding: 2px;
  text-align: center;
  vertical-align: bottom;
  border: 1px solid #e0e0d8;
}
.theme-default .screenshot {
  border: 1px solid #aaa;
}
.system-themes-list-uninstalled .screenshot,
.system-themes-list-uninstalled .no-screenshot {
  max-width: 194px;
  height: auto;
}

/**
 * Theme display without vertical toolbar.
 */
@media screen and (min-width: 45em) {
  body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
  body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
    float: left; /* LTR */
    width: 294px;
    margin: 0 20px 0 0; /* LTR */
  }

  body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
    margin-top: 0;
  }
  body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
    float: left; /* LTR */
    box-sizing: border-box;
    width: 31.25%;
    padding: 20px 20px 20px 0; /* LTR */
  }

  body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info {
    min-height: 170px;
  }
}

/**
 * Theme display with vertical toolbar.
 */
@media screen and (min-width: 60em) {
  .toolbar-vertical .system-themes-list-installed .screenshot,
  .toolbar-vertical .system-themes-list-installed .no-screenshot {
    float: left; /* LTR */
    width: 294px;
    margin: 0 20px 0 0; /* LTR */
  }

  .toolbar-vertical .system-themes-list-installed .theme-info__header {
    margin-top: 0;
  }
  .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
    float: left; /* LTR */
    box-sizing: border-box;
    width: 31.25%;
    padding: 20px 20px 20px 0; /* LTR */
  }

  .toolbar-vertical .system-themes-list-uninstalled .theme-info {
    min-height: 170px;
  }
}
.system-themes-list-installed .theme-info {
  max-width: 940px;
}

.theme-selector .incompatible {
  margin-top: 10px;
  font-weight: bold;
}
.theme-selector .operations {
  margin: 10px 0 0 0;
  padding: 0;
}
.theme-selector .operations li {
  float: left; /* LTR */
  margin: 0;
  padding: 0 0.7em;
  list-style-type: none;
  border-right: 1px solid #cdcdcd; /* LTR */
}

.theme-selector .operations li:last-child {
  padding: 0 0 0 0.7em; /* LTR */
  border-right: none; /* LTR */
}

.theme-selector .operations li:first-child {
  padding: 0 0.7em 0 0; /* LTR */
}

.system-themes-admin-form {
  clear: left; /* LTR */
}

.cron-description__run-cron {
  display: block;
}

.system-cron-settings__link {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
table.sticky-header thead {
  position: sticky;
  z-index: 500;
  top: var(--drupal-displace-offset-top, 0);
}
/**
 * @file
 * Progress behavior.
 *
 * @see progress.js
 */

.progress {
  position: relative;
}
.progress__track {
  min-width: 100px;
  max-width: 100%;
  height: 16px;
  margin-top: 5px;
  border: 1px solid;
  background-color: #fff;
}
.progress__bar {
  width: 3%;
  min-width: 3%;
  max-width: 100%;
  height: 16px;
  background-color: #000;
}
.progress__description,
.progress__percentage {
  overflow: hidden;
  margin-top: 0.2em;
  color: #555;
  font-size: 0.875em;
}
.progress__description {
  float: left; /* LTR */
}
.progress__percentage {
  float: right; /* LTR */
}
.progress--small .progress__track {
  height: 7px;
}
.progress--small .progress__bar {
  height: 7px;
  background-size: 20px 20px;
}
/*
 * @file
 * Utility class to remove browser styles, especially for button.
 */

.reset-appearance {
  margin: 0;
  padding: 0;
  border: 0 none;
  background: transparent;
  line-height: inherit;
  -webkit-appearance: none;
  appearance: none;
}
/**
 * @file
 * Resizable textareas.
 */

.resize-none {
  resize: none;
}
.resize-vertical {
  min-height: 2em;
  resize: vertical;
}
.resize-horizontal {
  max-width: 100%;
  resize: horizontal;
}
.resize-both {
  max-width: 100%;
  min-height: 2em;
  resize: both;
}
/**
 * @file
 * Styling for Settings Tray module.
 */
/*
 * Position the edit toolbar tab.
 * @todo Move changes into contextual module when Settings Tray is not
 *   experimental: https://www.drupal.org/node/2784591.
 */
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
  float: left;
}

.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode a,
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode input {
  pointer-events: none;
}
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .contextual-links a {
  pointer-events: inherit;
}
/**
 * @file
 * Motion effects for Settings Tray module.
 *
 * Motion effects are in a separate file so that they can be easily turned off
 * to improve performance if desired.
 */

/* Transition the edit icon in the toolbar. */
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {
  transition: all 0.7s ease;
}

/* Transition the editables on the page, their contextual links and their hover states. */
.dialog-off-canvas-main-canvas .contextual,
.dialog-off-canvas-main-canvas .js-settings-tray-edit-mode .settings-tray-editable,
.dialog-off-canvas-main-canvas.js-off-canvas-dialog-open .js-settings-tray-edit-mode .settings-tray-editable {
  transition: all 0.7s ease;
}
/**
 * @file
 * Visual styling for Settings Tray module.
 */

/* @todo remove the @imports when we find a better way to load these styles last.
 * https://www.drupal.org/node/1945262.
 */

/* Style the edit mode toolbar and tabs. */
#toolbar-bar.js-settings-tray-edit-mode {
  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
}
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
  color: #999;
}
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) .is-active {
  color: #333;
}

/* Style both the edit and editing states of the contextual links toggle tab. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:focus {
  color: #eee;
  outline: none;
  background-color: #0066a1;
  background-image: linear-gradient(to bottom, #0066a1, #005b98);
  text-shadow: none;
  font-weight: bold;
}
/* Make the hover of the inactive state the same as the active state. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
  color: #fff;
  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
}
/* Make the hover of the active state the same as the inactive state. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
  color: #fff;
  background-color: #0066a1;
  background-image: linear-gradient(to bottom, #0066a1, #005b98);
}
/* Make the inactive icon gray. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item::before {
  background-image: url(../../../core/misc/icons/bebebe/pencil.svg);
}
/* Make the active icon white. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}
.toolbar-tab > .button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}

/* Style the editables while in edit mode. */
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
  outline: 1px dashed rgb(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgb(255, 255, 255, 0.7);
}
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
  background-color: rgb(0, 0, 0, 0.2);
}
/**
 * @file
 * Visual styling for the toolbar when Settings Tray module is enabled.
 */

/* @todo Move this into toolbar when module is not experimental:
 *   https://www.drupal.org/node/2784593.
 */

/* Style the edit mode toolbar and tabs. */
#toolbar-bar.js-settings-tray-edit-mode {
  background-color: #fff;
}
#toolbar-bar.js-settings-tray-edit-mode .toolbar-item {
  color: #999;
}
#toolbar-bar.js-settings-tray-edit-mode .toolbar-item .is-active {
  color: #333;
}

/* Style both the edit and editing states of the contextual links toggle tab. */
.toolbar-icon-edit.toolbar-item {
  color: #eee;
  background-color: #0066a1;
  background-image: linear-gradient(to bottom, #0066a1, #005b98);
  text-shadow: 0 1px hsl(0, 0%, 0%, 0.5);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
.toolbar-icon-edit.toolbar-item.is-active {
  color: #fff;
  background-color: #0a7bc1;
  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
  text-shadow: 0 1px hsl(0, 0%, 0%, 0.5);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
.toolbar-tab:hover > .toolbar-icon-edit,
.toolbar-icon-edit:focus .toolbar-item {
  color: #fff;
  border-color: #1e5c90;
  outline: none;
  background-color: #0a7bc1;
  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
}
.toolbar-icon.toolbar-icon-edit.toolbar-item::before,
button.toolbar-icon.toolbar-icon-edit.toolbar-item::before {
  background-image: url(../../../core/misc/icons/bebebe/pencil.svg);
}
.toolbar-icon.toolbar-icon-edit.toolbar-item::before:hover,
button.toolbar-icon.toolbar-icon-edit.toolbar-item::before:focus {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}
.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}

#toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
  color: #fff;
}
#toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
  background-image: linear-gradient(to bottom, #0a6fb4, #0a65aa);
}/**
 * @file
 * Styling for the shortcut module icons.
 */

/**
 * Toolbar tab icon.
 */
.toolbar-bar .toolbar-icon-shortcut::before {
  background-image: url(../../../core/misc/icons/bebebe/star.svg);
}
.toolbar-bar .toolbar-icon-shortcut:active::before,
.toolbar-bar .toolbar-icon-shortcut.is-active::before {
  background-image: url(../../../core/misc/icons/ffffff/star.svg);
}

/**
 * Add/remove links.
 */
.shortcut-action__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -2px;
  background: transparent url(../../../../modules/shortcut/images/favstar.svg) no-repeat left top;
}
.shortcut-action--add:hover .shortcut-action__icon,
.shortcut-action--add:focus .shortcut-action__icon {
  background-position: -20px top;
}
.shortcut-action--remove .shortcut-action__icon {
  background-position: -40px top;
}
.shortcut-action--remove:focus .shortcut-action__icon,
.shortcut-action--remove:hover .shortcut-action__icon {
  background-position: -60px top;
}

/**
 * @file
 * Styling for the shortcut module.
 */

/**
 * Toolbar.
 */
.toolbar .toolbar-tray-vertical .edit-shortcuts {
  padding: 1em;
  text-align: right; /* LTR */
}
.toolbar .toolbar-tray-horizontal .edit-shortcuts {
  float: right; /* LTR */
}

/**
 * Add/remove links.
 */
.shortcut-action {
  display: inline-block;
  margin-left: 0.3em; /* LTR */
}
.shortcut-action__message {
  display: inline-block;
  margin-left: 0.3em; /* LTR */
  padding: 0 5px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
  opacity: 0;
  color: #fff;
  border-radius: 5px;
  background: #000;
  background: rgb(0, 0, 0, 0.5);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.shortcut-action:hover .shortcut-action__message,
.shortcut-action:focus .shortcut-action__message {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  opacity: 1;
}
/*
 * @file
 * Contain positioned elements.
 */

.position-container {
  position: relative;
}
iframe {
 /* position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.media-oembed-content {
  max-width: 100%;
  border: none;
  background-color: transparent;
}
/**
 * @file
 * Utility class to prevent text wrapping.
 */

.nowrap {
  white-space: nowrap;
}
/**
 * @file
 * Styles for node preview page.
 */

.node-preview-container {
  position: fixed;
  z-index: 499;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}

@media only screen and (min-width: 36em) {
  .node-preview-container .form-type-select {
    margin-left: 25%; /* LTR */
  }

}
/**
 * @file
 * Styles for administration pages.
 */

/**
 * Node add/edit form layout
 */

/* Narrow screens */
.layout-region {
  box-sizing: border-box;
}

/* Wide screens */
@media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) {
  .layout-region-node-main,
  .layout-region-node-footer {
    float: left; /* LTR */
    box-sizing: border-box;
    width: 65%;
    padding-right: 2em; /* LTR */
  }

  .layout-region-node-secondary {
    float: right; /* LTR */
    width: 35%;
  }

  /* @todo File an issue to add a standard class to all text-like inputs */
  .layout-region-node-secondary .form-autocomplete,
  .layout-region-node-secondary .form-text,
  .layout-region-node-secondary .form-tel,
  .layout-region-node-secondary .form-email,
  .layout-region-node-secondary .form-url,
  .layout-region-node-secondary .form-search,
  .layout-region-node-secondary .form-number,
  .layout-region-node-secondary .form-color,
  .layout-region-node-secondary textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
}

/**
 * The vertical toolbar mode gets triggered for narrow screens, which throws off
 * the intent of media queries written for the viewport width. When the vertical
 * toolbar is on, we need to suppress layout for the original media width + the
 * toolbar width (240px). In this case, 240px + 780px.
 */
@media screen and (max-width: 1020px) {
  .toolbar-vertical.toolbar-tray-open .layout-region-node-main,
  .toolbar-vertical.toolbar-tray-open .layout-region-node-footer,
  .toolbar-vertical.toolbar-tray-open .layout-region-node-secondary {
    float: none;
    width: auto;
    padding-right: 0;
  }
}
/**
 * @file
 * Styles for administration pages.
 */

/**
 * Revisions overview screen.
 */
.revision-current {
  background: #ffc;
}
.menu-enabled {
  width: 70px;
}
.menu-label {
  font-weight: bold;
}
.locale-translate-filter-form .details-wrapper {
  overflow: hidden;
}
.locale-translate-filter-form .form-item-langcode,
.locale-translate-filter-form .form-item-translation,
.locale-translate-filter-form .form-item-customized {
  float: left; /* LTR */
  /**
   * In Opera 9, DOM elements with the property of "overflow: auto"
   * will partially hide its contents with unnecessary scrollbars when
   * its immediate child is floated without an explicit width set.
   */
  width: 15em;
  margin-right: 1em; /* LTR */
  margin-bottom: 0;
}

.locale-translate-filter-form .form-type-select select {
  width: 100%;
}
.locale-translate-filter-form .form-actions {
  float: left; /* LTR */
  padding: 3.8ex 0 0 0; /* LTR */
}

.locale-translate-edit-form th {
  width: 50%;
  table-layout: fixed;
}
.locale-translate-edit-form td {
  vertical-align: top;
}

.locale-translate-edit-form tr.changed {
  background: #ffb;
}

.locale-translate-edit-form tr .form-type-item .ajax-changed {
  position: absolute;
}

.locale-translate-filter-form .form-wrapper {
  margin-bottom: 0;
}

.locale-translate-edit-form table.changed {
  margin-top: 0;
}

/**
 * Available translation updates page.
 */
#locale-translation-status-form table {
  table-layout: fixed;
}
#locale-translation-status-form th.select-all {
  width: 4%;
}
#locale-translation-status-form th.title {
  width: 25%;
}
#locale-translation-status-form td {
  vertical-align: top;
}
.locale-translation-update__wrapper {
  margin-inline-start: -12px;
  padding-inline-start: 12px;
  background: transparent url(../../../misc/menu-collapsed.png) left 0.6em no-repeat; /* LTR */
}

.expanded .locale-translation-update__wrapper {
  background: transparent url(../../../misc/menu-expanded.png) left 0.6em no-repeat;
}

#locale-translation-status-form .description {
  cursor: pointer;
}
.locale-translation-update__wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5c5c5b;
  line-height: 20px;
}
.expanded .locale-translation-update__wrapper {
  overflow: visible;
  height: auto;
  white-space: normal;
}
.expanded .locale-translation-update__message {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.js .locale-translation-update__wrapper {
  height: 20px;
}
.expanded .locale-translation-update__wrapper {
  overflow: visible;
  height: auto;
  white-space: normal;
}
.locale-translation-update__details {
  max-width: 490px;
  padding: 5px 0;
  white-space: normal;
  color: #666;
  font-size: 0.9em;
}
.locale-translation-update__details ul {
  margin: 0;
  padding: 0;
}
.locale-translation-update__details li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
}

@media screen and (max-width: 40em) {
  #locale-translation-status-form th.title {
    width: 20%;
  }
  #locale-translation-status-form th.status {
    width: 40%;
  }
}
.layout-builder {
  padding: 1.5em 1.5em 0.5em;
  border: 3px solid #2f91da;
  background-color: #fff;
}

.layout-builder__add-section {
  width: 100%;
  margin-bottom: 1.5em;
  padding: 1.5em 0;
  text-align: center;
  outline: 2px dashed #979797;
  background-color: #f7f7f7;
}

.layout-builder__link--add {
  padding-left: 1.3em; /* LTR */
  color: #686868;
  border-bottom: none;
  background: url(../../../core/misc/icons/787878/plus.svg) transparent center left / 1em no-repeat; /* LTR */
}


.layout-builder__link--add:hover,
.layout-builder__link--add:active,
.layout-builder__link--add:focus {
  color: #000;
  border-bottom-style: none;
}

.layout-builder__section {
  margin-bottom: 1.5em;
}

.layout-builder__section .ui-sortable-helper {
  outline: 2px solid #f7f7f7;
  background-color: #fff;
}

.layout-builder__section .ui-state-drop {
  margin: 20px;
  padding: 30px;
  outline: 2px dashed #fedb60;
  background-color: #ffd;
}

.layout-builder__region {
  outline: 2px dashed #2f91da;
}

.layout-builder__add-block {
  padding: 1.5em 0;
  text-align: center;
  background-color: #eff6fc;
}

.layout-builder__link--remove {
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin-right: 6px; /* LTR */
  margin-left: -10px; /* LTR */
  padding: 0;
  white-space: nowrap;
  text-indent: -9999px;
  border: 1px solid #ccc;
  border-radius: 26px;
  background: url(../../../core/misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;
  font-size: 1rem;
}


.layout-builder__link--remove:hover {
  background-image: url(../../../core/misc/icons/787878/ex.svg);
}

.layout-builder-block {
  padding: 1.5em;
  cursor: move;
  background-color: #fff;
}

.layout-builder-block [tabindex="-1"] {
  pointer-events: none;
}

.layout-builder__message .messages {
  background-repeat: no-repeat;
}
.layout-builder__message--defaults .messages {
  background-image: url("../../../core/misc/icons/73b355/globe.svg");
}
.layout-builder__message--overrides .messages {
  background-image: url("../../../core/misc/icons/73b355/location.svg");
}

.layout-builder-block__content-preview-placeholder-label {
  margin: 0;
  text-align: center;
  font-size: 1.429em;
  line-height: 1.4;
}

.layout-builder--content-preview-disabled .layout-builder-block {
  margin: 0;
  border-bottom: 2px dashed #979797;
}

#drupal-off-canvas .layout-selection li {
  display: block;
  padding-bottom: 1em;
}

#drupal-off-canvas .layout-selection li a {
  display: block;
  padding-top: 0.55em;
}

#drupal-off-canvas .inline-block-create-button,
#drupal-off-canvas .inline-block-list__item {
  margin: 0 -20px;
  background-color: #444;
}

#drupal-off-canvas .inline-block-create-button:hover,
#drupal-off-canvas .inline-block-list__item:hover {
  background-color: #333;
}

#drupal-off-canvas .inline-block-list {
  margin-bottom: 15px;
}

#drupal-off-canvas .inline-block-list__item {
  display: block;
  padding: 15px 0 15px 25px;
}

.layout-builder__add-section.is-layout-builder-highlighted {
  margin-bottom: calc(1.5em - 8px);
  outline: none;
}
.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted,
.layout-builder__add-block.is-layout-builder-highlighted {
  position: relative;
  z-index: 1;
  margin: -4px -2px;
}
.layout-builder__add-block.is-layout-builder-highlighted,
.layout-builder__add-section.is-layout-builder-highlighted,
.layout-builder__layout.is-layout-builder-highlighted::before,
.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted {
  border: 4px solid #000;
}

/* Highlight the active block in the Move Block dialog. */
#drupal-off-canvas .layout-builder-components-table__block-label--current {
  padding-left: 17px;
  border-left: solid 5px;
}

/**
 * @todo remove in https://www.drupal.org/project/drupal/issues/3042127
 *   This rule ensures the row weight dropdowns in the Move Block dialog
 *   maintain the background color of their container when they are hovered
 *   over or are inside the active row.
 */
#drupal-off-canvas .layout-builder-components-table__row .form-item {
  background-color: transparent;
}

.layout-builder__region-label,
.layout-builder__section-label {
  display: none;
}

.layout-builder--move-blocks-active .layout-builder__region-label {
  display: block;
}

.layout-builder--move-blocks-active .layout-builder__section-label {
  display: inline;
}

.layout__region-info {
  padding: 0.5em;
  text-align: center;
  border-bottom: 2px dashed #979797;
}

/**
 * Remove "You have unsaved changes" warning because Layout Builder always has
 * unsaved changes until "Save layout" is submitted.
 * @todo create issue for todo.
 */
.layout-builder-components-table .tabledrag-changed-warning {
  display: none !important;
}
/**
 * @file
 * Styles for the content language administration page.
 */

#language-content-settings-form table .bundle {
  width: 25%;
}
#language-content-settings-form table .operations {
  width: 75%;
}
/**
 * @file
 * Utility classes to assist with Javascript functionality.
 */

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
.js .js-hide {
  display: none;
}

/**
 * For anything you want to show on page load only when JS is enabled.
 */
.js-show {
  display: none;
}
.js .js-show {
  display: block;
}
/**
 * Image style configuration pages.
 */
.image-style-new,
.image-style-new div {
  display: inline;
}
.image-style-preview .preview-image-wrapper {
  top: 50%;
  float: left;
  width: 48%;
  padding-bottom: 2em;
  text-align: center;
}
.image-style-preview .preview-image {
  position: relative;
  margin: auto;
}
.image-style-preview .preview-image .width {
  position: absolute;
  bottom: -6px;
  left: -1px;
  box-sizing: content-box;
  height: 2px;
  border: 1px solid #666;
  border-top: none;
}
.image-style-preview .preview-image .width span {
  position: relative;
  top: 4px;
}
.image-style-preview .preview-image .height {
  position: absolute;
  top: -1px;
  right: -6px;
  box-sizing: content-box;
  width: 2px;
  border: 1px solid #666;
  border-left: none;
}
.image-style-preview .preview-image .height span {
  position: absolute;
  top: 50%;
  left: 10px;
  height: 2em;
  margin-top: -1em;
}

/**
 * Improve image style preview on narrow viewports.
 */
@media screen and (max-width: 470px) {
  .image-style-preview .preview-image-wrapper {
    float: none;
    margin-bottom: 1em;
  }
  .image-style-preview .preview-image-wrapper:last-child {
    margin-bottom: 0;
  }
}

/**
 * Image anchor element.
 */
.image-anchor {
  width: auto;
}
.image-anchor tr {
  background: none;
}
.image-anchor td {
  border: 1px solid #ccc;
}
/**
 * @file
 * Caption filter: default styling for displaying Media Embed captions.
 */

.caption .media .field,
.caption .media .field * {
  float: none;
  margin: unset;
}

/**
 * @file
 * Caption filter: default styling for displaying image captions.
 */

/**
 * Essentials, based on http://stackoverflow.com/a/13363408.
 */
.caption {
  display: table;
}
.caption > * {
  display: block;
  max-width: 100%;
}
.caption > figcaption {
  display: table-caption;
  max-width: none;
  caption-side: bottom;
}

/**
 * While editing and whenever the caption is empty, show a placeholder.
 *
 * Based on http://codepen.io/flesler/pen/AEIFc.
 */
.caption > figcaption[contenteditable="true"]:empty::before {
  content: attr(data-placeholder);
  font-style: italic;
}/**
 * @file
 * Fieldgroup border reset.
 */

.fieldgroup {
  padding: 0;
  border-width: 0;
}
/**
 * @file
 * Stylesheet for the Field UI module.
 */

/* 'Manage fields' and 'Manage display' overviews */
.field-ui-overview .region-title td {
  font-weight: bold;
}
.field-ui-overview .region-message td {
  font-style: italic;
}
.field-settings-summary-cell li,
.storage-settings-summary-cell li {
  margin: 0;
  list-style-type: none;
}
.field-settings-summary-cell li {
  font-size: 0.9em;
}
.field-settings-summary-cell li:first-child {
  font-size: 1em;
}

.allowed-values-table .form-item:where(:not(.hidden)) {
  display: inline-table;
}

/* 'Manage form display' and 'Manage display' overview */
.field-ui-overview .field-plugin-summary-cell {
  line-height: 1em;
}
.field-ui-overview .field-plugin-summary {
  float: left; /* LTR */
  font-size: 0.9em;
}

.field-ui-overview .field-plugin-summary-cell .warning {
  display: block;
  float: left; /* LTR */
  margin-right: 0.5em;
}

.field-ui-overview .field-plugin-settings-edit-wrapper {
  float: right; /* LTR */
}

.field-ui-overview .field-plugin-settings-edit {
  float: right; /* LTR */
}

.field-ui-overview .field-plugin-settings-editing td {
  vertical-align: top;
}
.field-ui-overview .field-plugin-settings-editing .field-plugin-type {
  display: none;
}
.field-ui-overview .field-plugin-settings-edit-form .plugin-name {
  font-weight: bold;
}
.display-mode-table th:first-child {
  width: 30%;
}
.display-mode-table th:nth-child(2) {
  width: 50%;
}
.display-mode-table th:last-child {
  width: 20%;
}
.display-mode-table td {
  max-width: 50px;
  word-wrap: break-word;
}
/**
 * @file
 * Float clearing.
 *
 * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
 * pseudo selector removed to allow normal top margin collapse.
 *
 * @see http://nicolasgallagher.com/micro-clearfix-hack
 */

.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

.nowrap {
  white-space: nowrap;
}
/**
 * @file
 * Styles for Configuration Translation.
 */

/**
 * Hide the label, in an accessible way, for responsive screens which show the
 * form in one column.
 */
.translation-set__translated label {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

@media screen and (min-width: 38em) {
  .translation-set__translated label {
    position: inherit;
    width: auto;
    height: auto;
  }
}
/**
 * @file
 * Inline items.
 */

.container-inline div,
.container-inline label {
  display: inline-block;
}
/* Details contents always need to be rendered as block. */
.container-inline .details-wrapper {
  display: block;
}
/**
 * @file
 * Component styles for the content_moderation module.
 */
.entity-moderation-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  list-style: none;
}

.entity-moderation-form__item {
  display: table;
  margin-right: 2em;
}

.entity-moderation-form__item:last-child {
  align-self: flex-end;
  margin-right: 0;
}

.entity-moderation-form .form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}

.entity-moderation-form .form-item label {
  display: table;
  padding-bottom: 0.25em;
}

.entity-moderation-form input[type="submit"] {
  margin-bottom: 1.2em;
}
/**
 * @file
 * Theme styles for the content_moderation module.
 */
.entity-moderation-form {
  margin: 2em 0;
  padding-left: 1em;
  border: 1px dashed #bbb;
  background: #fff;
}
/**
 * @file
 * Styles for the content language administration page.
 */

.language-content-settings-form .bundle {
  width: 24%;
}
.language-content-settings-form .field {
  width: 24%;
  padding-left: 3em; /* LTR */
}

.language-content-settings-form .column {
  padding-left: 5em; /* LTR */
}

.language-content-settings-form .field label,
.language-content-settings-form .column label {
  font-weight: normal;
}
.language-content-settings-form .translatable {
  width: 1%;
}
.language-content-settings-form .operations {
  width: 75%;
}
/* Block listing page */
.region-title__action {
  display: inline-block;
  margin-left: 1em; /* LTR */
}


/* Block demo mode */
.block-region {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 3px;
  color: #000;
  background-color: #ff6;
}
a.block-demo-backlink,
a.block-demo-backlink:link,
a.block-demo-backlink:visited {
  position: fixed;
  z-index: 499;
  left: 20px; /* LTR */
  padding: 5px 10px;
  color: #000;
  border-radius: 0 0 10px 10px;
  background-color: #b4d7f0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: small;
  line-height: 20px;
}
a.block-demo-backlink:hover {
  text-decoration: underline;
}

/* Configure block form - Block description */
.block-form .form-item-settings-admin-label label {
  display: inline;
}
.block-form .form-item-settings-admin-label label::after {
  content: ":";
}
.block-disabled:not(:hover) {
  opacity: 0.675;
  background: #fcfcfa;
}
/**
 * @file
 * Admin styles for the Database Logging module.
 */
.dblog-filter-form .form-item-type,
.dblog-filter-form .form-item-severity {
  display: inline-block;
  max-width: 30%;
  margin: 0.1em 0.9em 0.1em 0.1em; /* LTR */
}

.dblog-filter-form .form-actions {
  display: inline-block;
  padding: 3ex 0 0;
  vertical-align: top;
}
.admin-dblog .icon,
.admin-dblog .dblog-warning .icon,
.admin-dblog .dblog-error .icon,
.admin-dblog .dblog-critical .icon,
.admin-dblog .dblog-alert .icon,
.admin-dblog .dblog-emergency .icon {
  width: 16px;
  background: no-repeat center;
}
.admin-dblog .dblog-warning .icon {
  background-image: url(../../../core/misc/icons/e29700/warning.svg);
}
.admin-dblog .dblog-error .icon,
.admin-dblog .dblog-critical .icon,
.admin-dblog .dblog-alert .icon,
.admin-dblog .dblog-emergency .icon {
  background-image: url(../../../core/misc/icons/e32700/error.svg);
}
/**
 * @file
 * Styling for contextual module's toolbar tab.
 */

/* Tab appearance. */
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
  float: right; /* LTR */
}

.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item {
  margin: 0;
}
.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
  background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
}

/* @todo get rid of this declaration by making toolbar.module's CSS less specific */
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab.hidden {
  display: none;
}
/**
 * @file
 * Styling for contextual module.
 */

/**
 * Contextual links wrappers.
 */
.contextual {
  position: absolute;
  z-index: 500;
  top: 6px;
  right: 0; /* LTR */
}


/**
 * Contextual region.
 */
.contextual-region.focus {
  outline: 1px dashed #d6d6d6;
  outline-offset: 1px;
}

/**
 * Contextual trigger.
 */
.contextual .trigger {
  position: relative;
  right: 6px; /* LTR */
  float: right; /* LTR */
  overflow: hidden;
  margin: 0;
  padding: 0 2px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 13px;
  background-color: #fff;
  background-attachment: scroll;
}

.contextual.open .trigger {
  z-index: 2;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  border-radius: 13px 13px 0 0;
  box-shadow: none;
}

/**
 * Contextual links.
 *
 * The following selectors are heavy to discourage theme overriding.
 */
.contextual-region .contextual .contextual-links {
  position: relative;
  top: -1px;
  right: 6px; /* LTR */
  float: right; /* LTR */
  clear: both;
  margin: 0;
  padding: 0.25em 0;
  text-align: left; /* LTR */
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 4px 0 4px 4px; /* LTR */
  background-color: #fff;
}

.contextual-region .contextual .contextual-links li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
  background-color: #fff;
  line-height: 100%;
}
.contextual-region .contextual .contextual-links a {
  display: block;
  margin: 0.25em 0;
  padding: 0.4em 0.6em;
  color: #333;
  background-color: #fff;
  font-family: sans-serif;
  font-size: small;
  line-height: 0.8em;
}
.touchevents .contextual-region .contextual .contextual-links a {
  font-size: large;
}
.contextual-region .contextual .contextual-links a,
.contextual-region .contextual .contextual-links a:hover {
  text-decoration: none;
}
.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
  color: #000;
  background: #f7fcff;
}
/**
 * @file
 * Generic base styles for contextual module.
 */

.contextual-region {
  position: relative;
}
.contextual .trigger:focus {
  /* Override the .focusable position: static */
  position: relative !important;
}
.contextual-links {
  display: none;
}
.contextual.open .contextual-links {
  display: block;
}
/**
 * @file
 * Styling for contextual module icons.
 */

/**
 * Toolbar tab icon.
 */
.toolbar-bar .toolbar-icon-edit::before {
  background-image: url(../../../core/misc/icons/bebebe/pencil.svg);
}
.toolbar-bar .toolbar-icon-edit:active::before,
.toolbar-bar .toolbar-icon-edit.is-active::before {
  background-image: url(../../../core/misc/icons/ffffff/pencil.svg);
}

/**
 * Contextual trigger.
 */
.contextual .trigger {
  /* Override the .focusable height: auto */
  width: 26px !important;
  /* Override the .focusable height: auto */
  height: 26px !important;
  text-indent: -9999px;
  background-image: url(../../../core/misc/icons/bebebe/pencil.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

.contextual .trigger:hover {
  background-image: url(../../../core/misc/icons/787878/pencil.svg);
}

.contextual .trigger:focus {
  outline: none;
  background-image: url(../../../core/misc/icons/5181c6/pencil.svg);
}
/**
 * @file
 * Visual styles for animated throbber.
 *
 * @see autocomplete.js
 */

.js input.form-autocomplete {
  background-image: url(../../../core/misc/throbber-inactive.svg);
  background-repeat: no-repeat;
  background-position: 100% center; /* LTR */
}

.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: url(../../../core/misc/throbber-active.svg);
  background-position: 100% center; /* LTR */
}

.toolbar .toolbar-icon.announce-canvas-link::before {
  background-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  .toolbar .toolbar-icon.announce-canvas-link::before {
    background: linktext;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}

/* Pushes the tab to the opposite side of the page. */

.toolbar .toolbar-bar .announce-toolbar-tab.toolbar-tab {
  float: right; /* LTR */
}


.announcements ul {
  margin-inline-start: 0;
  list-style: none;
}

.announcement:not(.announcement:last-child) {
  margin-block-end: 1rem;
}

.announcement.announcement--featured + .announcement.announcement--standard {
  padding-block-start: 1rem;
  border-top: 1px solid #aaa;
}
#drupal-off-canvas-wrapper .announcements {
  padding-block-start: var(--off-canvas-padding);
}

#drupal-off-canvas-wrapper .announcements ul {
  margin: 0;
  padding-inline-start: 0;
  list-style: none;
}

#drupal-off-canvas-wrapper .announcement {
  font-size: 0.875rem;
}

#drupal-off-canvas-wrapper .announcement--featured {
  position: relative;
  margin-inline: calc(-1 * var(--off-canvas-padding));
  padding: 0 var(--off-canvas-padding) var(--off-canvas-padding);
}

#drupal-off-canvas-wrapper .announcement.announcement--featured + .announcement.announcement--standard {
  border-block-start: 1px solid var(--off-canvas-border-color);
}

#drupal-off-canvas-wrapper .announcement--standard {
  padding-block-start: var(--off-canvas-padding);
}

#drupal-off-canvas-wrapper .announcement__title {
  font-size: 1rem;
}

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png")/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png")/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png")/*{iconsDefault}*/;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}