@charset "UTF-8";
@import url(sag-jquery-ui.css?t=1765272556048);
@import url(journeysearch.css?t=1765272556048);
@import url(bootstrap3/sag-bootstrap.css?t=1765272556048);
@import url(contenidos.css?t=1765272556048);
@import url(style.css?t=1765272556048);
@import url(general-responsive.css?t=1765272556048);
@use "sass:math" as *;
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
@use "sass:math" as *;
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto; }

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d; }
  .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555; }

.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px; }
  .lfr-asset-column-details .lfr-asset-icon.last {
    border-width: 0; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em; }

.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em; }
  .lfr-asset-column-details .lfr-panel.lfr-extended {
    border: 1px solid #ccc;
    margin-bottom: 0; }

.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block; }

.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em; }

.overlay {
  position: absolute; }

.overlay-hidden,
.overlaymask-hidden {
  display: none; }

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative; }
  .lfr-form-row:after {
    clear: both;
    content: '';
    display: block;
    height: 0; }
  .lfr-form-row:hover {
    border: solid #ccc;
    border-width: 1px 0;
    padding-top: 0; }
  .lfr-form-row.lfr-form-row-inline .form-group {
    margin-right: 5px; }
  .lfr-form-row legend .field-label {
    float: left;
    margin-right: 10px; }
  .lfr-form-row .handle-sort-vertical {
    background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
    cursor: move;
    padding-left: 20px; }
  .lfr-form-row fieldset {
    border-width: 0;
    margin: 0;
    padding: 0; }

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px; }

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem; }

.dropdown.open > .dropdown-menu,
.overlay-content .open > .dropdown-menu {
  display: block; }

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700; }
  .form-control-inline:not(:hover) {
    border-color: transparent; }
  .form-control-inline::placeholder {
    color: #a9afb5;
    font-style: italic; }

.form-search .input-group {
  position: relative; }
  .form-search .input-group.advanced-search .search-query {
    padding-left: 40px;
    z-index: 0; }
  .form-search .input-group.advanced-search .toggle-advanced {
    cursor: pointer;
    left: 0;
    line-height: 1;
    padding: 8px 10px;
    position: absolute;
    top: 0; }
    .form-search .input-group.advanced-search .toggle-advanced .caret {
      margin-top: 7px; }
    .form-search .input-group.advanced-search .toggle-advanced .icon-search {
      font-size: 14px; }
  @media (max-width: 991.98px) {
    .form-search .input-group {
      width: 100%; }
      .form-search .input-group .btn {
        clip: rect(0, 0, 0, 0);
        left: -9999px;
        position: absolute; }
      .form-search .input-group input.search-query {
        width: 100%; } }

.lfr-table {
  border-collapse: collapse;
  clear: both; }
  .lfr-table > tbody > tr > td,
  .lfr-table > tbody > tr > th,
  .lfr-table > thead > tr > td,
  .lfr-table > thead > tr > th,
  .lfr-table > tfoot > tr > td,
  .lfr-table > tfoot > tr > th {
    padding: 0 5px;
    overflow-wrap: break-all;
    word-wrap: break-all; }
    .lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
    .lfr-table > tbody > tr > th:first-child,
    .lfr-table > tbody > tr > th.first-child,
    .lfr-table > thead > tr > td:first-child,
    .lfr-table > thead > tr > td.first-child,
    .lfr-table > thead > tr > th:first-child,
    .lfr-table > thead > tr > th.first-child,
    .lfr-table > tfoot > tr > td:first-child,
    .lfr-table > tfoot > tr > td.first-child,
    .lfr-table > tfoot > tr > th:first-child,
    .lfr-table > tfoot > tr > th.first-child {
      padding-left: 0; }
    .lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
    .lfr-table > tbody > tr > th:last-child,
    .lfr-table > tbody > tr > th.last-child,
    .lfr-table > thead > tr > td:last-child,
    .lfr-table > thead > tr > td.last-child,
    .lfr-table > thead > tr > th:last-child,
    .lfr-table > thead > tr > th.last-child,
    .lfr-table > tfoot > tr > td:last-child,
    .lfr-table > tfoot > tr > td.last-child,
    .lfr-table > tfoot > tr > th:last-child,
    .lfr-table > tfoot > tr > th.last-child {
      padding-right: 0; }
  .lfr-table > tbody > tr > th,
  .lfr-table > thead > tr > th,
  .lfr-table > tfoot > tr > th {
    font-weight: bold; }

.lfr-pagination:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden; }

.lfr-pagination .dropdown-menu {
  display: none; }

.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px; }

.lfr-pagination .lfr-pagination-controls {
  float: left; }
  .lfr-pagination .lfr-pagination-controls .search-results {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    top: 10px; }
  .lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
    border-width: 0;
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    text-align: left;
    white-space: nowrap;
    width: 100%; }

.lfr-pagination .lfr-pagination-delta-selector {
  float: left; }
  @media (max-width: 991.98px) {
    .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
      display: none; } }

.lfr-pagination .pagination-content {
  float: right; }

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede; }
  .lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
    display: block; }
  .lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
    border-bottom-width: 0; }

.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0; }

.lfr-panel .toggler-header {
  cursor: pointer; }

.sidebar-sm {
  font-size: 0.875rem; }
  .sidebar-sm .sheet-subtitle {
    font-size: 0.75rem;
    margin-bottom: 1rem; }
  .sidebar-sm .form-group {
    margin-bottom: 1rem; }
  .sidebar-sm .form-control {
    border-radius: 0.1875rem;
    font-size: 0.875rem;
    height: 2rem;
    line-height: 1.5;
    min-height: auto;
    padding: 0.25rem 0.75rem; }
    .sidebar-sm .form-control.form-control-tag-group {
      height: auto; }
      .sidebar-sm .form-control.form-control-tag-group .form-control-inset {
        margin-bottom: 0;
        margin-top: 0; }
      .sidebar-sm .form-control.form-control-tag-group .label {
        margin-bottom: 0;
        margin-top: 0;
        padding: 0 0.25rem; }
    .sidebar-sm .form-control[type='file'] {
      padding: 0; }
  .sidebar-sm select.form-control {
    padding-right: 1.6rem; }
    .sidebar-sm select.form-control:not([size]) {
      height: 2rem; }
  .sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
    min-height: auto;
    padding: 0.285rem 0.75rem; }
  .sidebar-sm .btn:not(.btn-unstyled) {
    border-radius: 0.1875rem;
    font-size: 0.875rem;
    line-height: 1.15;
    padding: 0.4375rem 0.75rem; }
    .sidebar-sm .btn:not(.btn-unstyled).close {
      padding: 0.4375rem; }
  .sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
    height: 2rem;
    padding: 0.1875rem 0;
    width: 2rem; }
    .sidebar-sm .btn.btn-monospaced.input-localized-trigger, .sidebar-sm .btn.btn-monospaced.btn-sm.input-localized-trigger {
      padding: 0; }
  .sidebar-sm .input-group-item .input-group-text {
    font-size: 0.875rem;
    height: 2rem;
    min-width: 2rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .sidebar-sm .input-group-item .btn .btn-section {
    font-size: 0.5625rem; }
  .sidebar-sm .list-group-item-flex {
    padding: 0.5rem 0.25rem; }
    .sidebar-sm .list-group-item-flex .autofit-col {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em; }
  .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
    display: inline-block;
    width: auto; }
  .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
    float: none;
    padding: 0.4em 0; }
    .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
    .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
      display: inline; }
  .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
    margin: 10px 0; }
  .lfr-translation-manager .lfr-translation-manager-available-translations {
    white-space: normal; }
    .lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
      line-height: 1; }
  .lfr-translation-manager .lfr-translation-manager-translation {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin: 0.2em;
    padding: 0.4em 0.3em 0.4em 0.5em;
    text-decoration: none; }
    .lfr-translation-manager .lfr-translation-manager-translation * {
      vertical-align: middle; }
    .lfr-translation-manager .lfr-translation-manager-translation img {
      margin-right: 0.3em; }
    .lfr-translation-manager .lfr-translation-manager-translation:hover {
      background-color: #d1e5ef; }
    .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
      background-color: #598bec;
      border-color: #224fa8;
      color: #fff; }
  .lfr-translation-manager .lfr-translation-manager-change-default-locale {
    margin: 0 0.4em; }
  .lfr-translation-manager .lfr-translation-manager-delete-translation {
    display: inline-block;
    padding: 0 2px; }
    .lfr-translation-manager .lfr-translation-manager-delete-translation svg {
      pointer-events: none; }

.lfr-tree a {
  text-decoration: none; }

.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0; }
  .lfr-tree li ul li, .lfr-tree li.tree-item {
    padding-left: 0; }
  .lfr-tree li.tree-item {
    padding-left: 5px; }
    .lfr-tree li.tree-item li {
      padding-left: 20px; }
    .lfr-tree li.tree-item ul {
      margin-left: 0;
      margin-top: 5px; }

.lfr-upload-container {
  margin-bottom: 1rem; }
  .lfr-upload-container .upload-target {
    border: 3px dashed #e5e7e9;
    margin-bottom: 1rem;
    min-height: 2rem;
    padding: 2rem 0;
    position: relative;
    text-align: center; }
    .upload-drop-intent .lfr-upload-container .upload-target {
      z-index: 100; }
    .upload-drop-active .lfr-upload-container .upload-target {
      background-color: #92e5a5;
      border-color: #69db83; }
    .lfr-upload-container .upload-target .drop-file-text {
      font-weight: normal; }
      .mobile .lfr-upload-container .upload-target .drop-file-text {
        display: none; }
    .lfr-upload-container .upload-target .small {
      display: block;
      margin: 5px 0;
      text-transform: lowercase; }
  .lfr-upload-container .manage-upload-target {
    padding-top: 5px;
    position: relative; }
    .lfr-upload-container .manage-upload-target .select-files {
      float: left;
      line-height: 0;
      margin: 0 1.125rem 1.125rem;
      padding: 0 0 0 5px; }
  .lfr-upload-container .cancel-uploads,
  .lfr-upload-container .clear-uploads {
    background-repeat: no-repeat;
    float: right; }
  .lfr-upload-container .cancel-uploads {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
    margin-right: 0; }
  .lfr-upload-container .clear-uploads {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
    padding-left: 16px; }
  .lfr-upload-container .upload-file.upload-complete.file-saved {
    padding-left: 25px; }
  .lfr-upload-container .upload-file .file-title {
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    padding-right: 16px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
  .lfr-upload-container .upload-file .icon-file {
    font-size: 40px; }
  .lfr-upload-container .upload-list-info {
    margin: 1em 0 0.5em; }
    .lfr-upload-container .upload-list-info h4 {
      font-size: 1.3em; }
  .lfr-upload-container .cancel-button {
    color: #6c757d;
    margin-top: 1px;
    position: absolute;
    right: 5px;
    top: 50%;
    white-space: nowrap; }
    .lfr-upload-container .cancel-button .cancel-button-text {
      display: none;
      margin-left: 5px; }
    .lfr-upload-container .cancel-button:hover .cancel-button-text {
      display: inline; }
    .lfr-upload-container .cancel-button .lexicon-icon {
      height: 12px; }
  .lfr-upload-container .delete-button {
    color: #6c757d; }
  .lfr-upload-container .delete-button-col {
    padding-right: 10px; }
  .lfr-upload-container .file-added .success-message {
    float: right;
    font-weight: normal; }
  .lfr-upload-container .upload-error {
    opacity: 1;
    padding-left: 25px; }
  .lfr-upload-container .upload-complete .cancel-button,
  .lfr-upload-container .delete-button,
  .lfr-upload-container .upload-complete.file-saved .delete-button,
  .lfr-upload-container .upload-complete.upload-error .delete-button {
    display: none; }
  .lfr-upload-container .multiple-files .upload-error {
    background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
    border-color: #bd2130;
    color: #bd2130;
    font-weight: normal;
    margin-bottom: 16px;
    padding: 8px 8px 8px 24px; }
    .lfr-upload-container .multiple-files .upload-error .error-message {
      display: block; }
  .lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
  .lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
    padding-left: 1rem; }
  .lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
  .lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
    display: none; }
  .lfr-upload-container .single-file .upload-error {
    list-style: none;
    margin-top: 1em; }
    .lfr-upload-container .single-file .upload-error .upload-error-message {
      margin-bottom: 0.5em; }
  .lfr-upload-container .upload-complete {
    padding-left: 5px; }
    .lfr-upload-container .upload-complete .error-message,
    .lfr-upload-container .upload-complete .success-message {
      font-weight: bold;
      margin-left: 1em; }
    .lfr-upload-container .upload-complete .delete-button {
      display: inline-block; }
    .lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
      display: none; }
  .lfr-upload-container .progress {
    display: none;
    margin-top: 0.5rem; }
  .lfr-upload-container .file-uploading .progress {
    display: flex; }

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430; }
  .lfr-alert-container.inline-alert-container {
    position: relative; }
    .lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
      padding: 0; }
  .lfr-alert-container .lfr-alert-wrapper {
    margin-bottom: 5px;
    overflow: hidden; }

.lfr-search-container td .overlay.entry-action {
  position: static; }
  .lfr-search-container td .overlay.entry-action .btn a {
    display: block;
    padding: 4px 12px; }

.contextual-sidebar {
  height: calc(100vh - 49px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 49px;
  transform: translateX(100%);
  transition: transform ease 0.5s;
  width: 320px;
  will-change: transform; }
  .contextual-sidebar.contextual-sidebar-visible {
    pointer-events: auto;
    transform: translateX(0); }
  body.has-control-menu .contextual-sidebar {
    height: calc(100vh - 98px);
    top: 98px; }

@media (min-width: 576px) {
  .contextual-sidebar {
    height: calc(100vh - 64px);
    top: 64px; }
    body.has-control-menu .contextual-sidebar {
      height: calc( 100vh - 120px);
      top: 120px; }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding; }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px; } }

.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png); }

.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat; }

.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px; }

.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border: 2px solid #cfc; }

.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x; }
  .taglib-diff-html span.diff-html-changed img {
    border: 2px dotted #009; }

.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through; }
  .taglib-diff-html span.diff-html-removed img {
    border: 2px solid #fdc6c6; }

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem; }
  .taglib-discussion .actions-menu .component-action {
    display: inline-flex; }
  .taglib-discussion .button-holder {
    margin: 1rem 0; }
  .taglib-discussion .comment-container {
    margin-bottom: 1.5rem; }
  .taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
    border-left-color: #dbdde1; }
  .taglib-discussion .lfr-discussion-body {
    font-size: 1rem; }
    @media (min-width: 576px) {
      .taglib-discussion .lfr-discussion-body {
        padding-left: 3.5rem; } }
  @media (min-width: 576px) {
    .taglib-discussion .lfr-discussion-details .taglib-user-display {
      word-wrap: break-word; } }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
    font-weight: bold;
    text-decoration: none; }
    .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
      text-decoration: underline; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
    background-size: 50px; }
  .taglib-discussion .lfr-discussion-container {
    border-bottom: 1px solid #e7e7ed;
    margin-bottom: 1.5rem; }
    .taglib-discussion .lfr-discussion-container:first-of-type {
      border-top: 1px solid #e7e7ed;
      padding-top: 1.5rem; }
    .taglib-discussion .lfr-discussion-container:last-of-type {
      border-bottom: 0; }
    .taglib-discussion .lfr-discussion-container .lfr-discussion {
      padding-left: 1rem; }
      .taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
        padding-left: 0; }
      @media (min-width: 576px) {
        .taglib-discussion .lfr-discussion-container .lfr-discussion {
          padding-left: 3.5rem; } }
  .taglib-discussion .lfr-discussion-parent-link {
    color: #67678c;
    font-weight: 600;
    margin-left: 1em; }
    @media (max-width: 767.98px) {
      .taglib-discussion .lfr-discussion-parent-link {
        display: block;
        margin-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }
  .taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
    margin-left: -0.75rem; }
  .taglib-discussion .lfr-discussion-more-comments {
    border-top: 1px solid #e7e7ed;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    text-align: center; }
  .taglib-discussion .username {
    color: #272833;
    font-weight: 600; }
  .taglib-discussion .taglib-workflow-status {
    margin-left: 0.5rem; }
  .taglib-discussion .workflow-value {
    text-transform: uppercase; }
  @media (min-width: 576px) {
    .taglib-discussion .actions-menu {
      display: none; }
    .taglib-discussion .comment-container:hover .actions-menu,
    .taglib-discussion .actions-menu:focus,
    .taglib-discussion .actions-menu.open {
      display: inline-block; } }

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center; }
  .drop-zone.drop-enabled {
    outline: 2px dashed transparent; }
    .drop-zone.drop-enabled:not(.no-border) {
      outline-color: rgba(176, 180, 187, 0.5); }
  .drop-zone p {
    margin: 10px auto 0;
    max-width: 75%; }

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .drop-here-info {
      transition: none; } }
  .drop-here-info .drop-here-indicator {
    height: 115px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%); }
  .drop-here-info .drop-icons {
    display: inline-block;
    position: relative;
    width: 160px;
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .drop-here-info .drop-icons {
        transition: none; } }
    .drop-here-info .drop-icons span {
      border-radius: 3px;
      position: absolute;
      text-align: center;
      transition: all 0.3s ease-in-out; }
      @media (prefers-reduced-motion: reduce) {
        .drop-here-info .drop-icons span {
          transition: none; } }
      .drop-here-info .drop-icons span:nth-of-type(1) {
        box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
        height: 60px;
        left: 0;
        line-height: 60px;
        opacity: 0;
        top: 10px;
        transform: rotate(25deg);
        width: 60px; }
      .drop-here-info .drop-icons span:nth-of-type(2) {
        background: #00c2ff;
        color: #fff;
        height: 80px;
        left: 40px;
        line-height: 80px;
        width: 80px;
        z-index: 2; }
      .drop-here-info .drop-icons span:nth-of-type(3) {
        box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
        display: block;
        font-size: 45px;
        height: 70px;
        left: 90px;
        line-height: 70px;
        opacity: 0;
        position: relative;
        top: 8px;
        transform: rotate(-25deg);
        width: 70px;
        z-index: 1; }
      .drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
        background: #e8e6e8;
        color: #a5a6ac; }
  .drop-here-info .drop-text {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-left: 0;
    margin-top: 20px; }
  .drop-active .drop-here-info {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    visibility: visible;
    z-index: 100; }
    .drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
      opacity: 1; }
    .drop-active .drop-here-info span:nth-of-type(1) {
      transform: rotate(-20deg); }
    .drop-active .drop-here-info span:nth-of-type(2) {
      transform: scale(1); }
    .drop-active .drop-here-info span:nth-of-type(3) {
      transform: rotate(15deg); }

.taglib-empty-result-message.sheet {
  margin-bottom: 24px; }

.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px; }

.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto; }

.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px; }

.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(https://estaticos.alsa.es/o/classic-theme/images/states/empty_state.gif); }

.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(https://estaticos.alsa.es/o/classic-theme/images/states/search_state.gif);
  max-width: 210px;
  padding-top: 232px; }

.taglib-empty-result-message .taglib-empty-state {
  background-image: url(https://estaticos.alsa.es/o/classic-theme/images/states/empty_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px; }

.taglib-empty-result-message .taglib-success-state {
  background-image: url(https://estaticos.alsa.es/o/classic-theme/images/states/success_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px; }

.taglib-empty-result-message .taglib-search-state {
  background-image: url(https://estaticos.alsa.es/o/classic-theme/images/states/search_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px; }

.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px; }

.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem; }

.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center; }

.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center; }

.field-wrapper.form-inline .control-label {
  display: inline-block; }

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap; }

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px; }
  .taglib-header .header-title {
    display: inline-block;
    margin: 0.1em;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal; }
  .taglib-header .header-back-to {
    display: inline-block;
    vertical-align: middle; }
    .taglib-header .header-back-to a {
      display: block;
      font-weight: bold;
      padding: 0 0.3em 0 0;
      text-decoration: none; }

.taglib-icon {
  text-decoration: none; }
  .taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
    text-decoration: underline; }
  .taglib-icon[lang] > img {
    vertical-align: baseline;
    width: 16px; }

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem; }
  .icon-monospaced.lexicon-icon {
    padding: 8px; }

.taglib-icon-list li {
  float: left;
  margin-right: 1em; }

.taglib-icon-list:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden; }

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none; }

@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center; }
    .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
    .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
      display: none; } }

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative; }
  .lfr-menu-list.direction-right {
    margin: 0 2px; }
  .lfr-menu-list.dropdown-menu {
    float: none;
    position: relative; }
    @media (max-width: 991.98px) {
      .lfr-menu-list.dropdown-menu > li > a {
        font-size: 22px;
        line-height: 40px;
        white-space: normal; }
        .lfr-menu-list.dropdown-menu > li > a img {
          margin-bottom: 3px; } }
    .lfr-menu-list.dropdown-menu .search-panel {
      margin-bottom: 0; }
      .lfr-menu-list.dropdown-menu .search-panel .form-group {
        margin: 0 16px; }
      .lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
        width: auto; }
  body > .lfr-menu-list ul {
    border-radius: 4px; }

.lfr-icon-menu-open:after {
  clear: both;
  content: '';
  display: table; }

.lfr-icon-menu-open .dropdown-menu {
  position: static; }

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0; }

.input-localized .input-group-item {
  flex-direction: column; }

.input-localized .input-localized-content {
  margin-left: 6px; }
  .input-group .input-localized .input-localized-content {
    margin-top: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background-color: #ff0047; }

.input-localized .lfr-input-localized-default a {
  margin-right: 14px; }

.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5; }

.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2; }

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal; }

.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem; }

.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px; }
  .input-localized-palette-container .palette-item-inner img {
    display: block; }

.taglib-move-boxes {
  margin-bottom: 1em; }
  .taglib-move-boxes label {
    border-bottom: 1px solid transparent;
    display: block;
    margin-bottom: 5px;
    padding: 5px; }
  .taglib-move-boxes .toolbar {
    text-align: center; }
  .taglib-move-boxes .arrow-button img {
    border-width: 0;
    height: 16px;
    width: 16px; }
  .taglib-move-boxes .choice-selector {
    width: 100%; }
    .taglib-move-boxes .choice-selector label {
      background: #ebf1f9;
      border-bottom-color: #8db2f3; }
  .taglib-move-boxes .field-content {
    margin-bottom: 0; }
  .taglib-move-boxes .move-arrow-buttons {
    margin-top: 5em; }
    .taglib-move-boxes .move-arrow-buttons .arrow-button {
      display: block; }
  .taglib-move-boxes .sortable-container {
    margin-top: 10px; }
    .taglib-move-boxes .sortable-container .btn.edit-selection {
      margin-bottom: 10px; }
    .taglib-move-boxes .sortable-container .move-option {
      background-color: transparent;
      border-top: 1px solid #ddd;
      display: none;
      margin: 2px 0;
      padding: 2px;
      position: relative; }
      .taglib-move-boxes .sortable-container .move-option.selected {
        display: block; }
      .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
        background-color: #fafafa; }
      .taglib-move-boxes .sortable-container .move-option .checkbox,
      .taglib-move-boxes .sortable-container .move-option .handle {
        position: absolute; }
      .taglib-move-boxes .sortable-container .move-option .checkbox {
        display: none;
        margin: 7px 0 0 5px; }
      .taglib-move-boxes .sortable-container .move-option .handle {
        color: #999;
        cursor: pointer;
        font-size: 1.5em;
        padding: 6px; }
      .taglib-move-boxes .sortable-container .move-option .title {
        font-size: 1.2em;
        margin: 1px 0 1px 30px; }
    .taglib-move-boxes .sortable-container.edit-list-active .move-option {
      display: block; }
      .taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
        display: inline-block; }
      .taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
        display: none; }
  .mobile .taglib-move-boxes .selector-container {
    display: none; }

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px; }

.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem; }

.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1; }
  .item-selector .input-file + label {
    position: relative; }
    .item-selector .input-file + label::before {
      border-radius: 4px;
      bottom: -2px;
      content: '';
      display: block;
      left: -2px;
      position: absolute;
      right: -2px;
      top: -2px;
      transition: box-shadow 0.15s ease-in-out; }
  .item-selector .input-file:focus + label::before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff; }

.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer; }

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%; }
  .lfr-map .home-button {
    margin: 5px; }
    @media (max-width: 575.98px) {
      .lfr-map .home-button {
        height: 35px;
        width: 45px; } }
  .lfr-map .search-controls {
    font-size: 15px;
    margin-top: 5px;
    width: 100%; }
    @media (min-width: 576px) {
      .lfr-map .search-controls {
        width: 50%; } }
    .lfr-map .search-controls .search-input {
      width: 100%; }

.navbar .navbar-collapse {
  max-height: none; }
  .navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
    display: inline; }

@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%; } }

.navbar .navbar-search .form-search {
  margin: 8px 0; }
  @media (min-width: 768px) {
    .navbar .navbar-search .form-search {
      float: right;
      max-width: 275px; } }
  @media (max-width: 767.98px) {
    .navbar .navbar-search .form-search .input-group {
      width: 100%; } }

@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px; }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible; } }

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #d3dadd;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em; }

.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px; }

.lfr-search-container .entry-action {
  width: 1px; }
  .lfr-search-container .entry-action .taglib-icon {
    white-space: nowrap; }

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative; }
  @media (min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
      margin-left: 375px;
      width: auto; } }
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
    position: static; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
      left: 12px;
      position: fixed;
      right: 12px;
      top: -1px;
      z-index: 1020; }
      .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
        display: block;
        padding: 0; }
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
          overflow-x: hidden; }
          @media (min-width: 576px) {
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
              margin-left: 375px; } }
          .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
            border-collapse: collapse;
            width: 100%; }
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
              border-radius: 0; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      width: auto; }
      @media (min-width: 576px) {
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
          left: 0;
          position: absolute;
          right: 15px; } }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      height: auto; }

.lfr-search-container-wrapper a:not(.component-action):not(.btn) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline; }
  .lfr-search-container-wrapper a:not(.component-action):not(.btn):focus, .lfr-search-container-wrapper a:not(.component-action):not(.btn):hover {
    color: #000; }

.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d; }
  .lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
    color: #343a40; }

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d; }
  .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
    background-color: #f7f8f9;
    border-radius: 4px;
    color: #343a40; }

.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px; }

.lfr-search-container-wrapper .list-group {
  margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
  .lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item h5,
  .lfr-search-container-wrapper .list-group .list-group-item h6,
  .lfr-search-container-wrapper .list-group .list-group-item .h5,
  .lfr-search-container-wrapper .list-group .list-group-item .h6 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
    font-weight: 600; }
  .lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
    font-weight: 600; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem; }

.user-info {
  display: flex; }
  .user-info .sticker {
    align-self: center; }
  .user-info .user-details {
    margin-left: 1rem; }
  .user-info .user-name {
    color: #343a40;
    font-weight: 600; }
  .user-info .date-info {
    color: #6c757d; }

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px; }
  .user-status-tooltip .user-status-avatar .user-status-avatar-image {
    width: 27px; }

.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden; }
  .user-status-tooltip .user-status-info .user-status-date {
    font-size: 11px; }

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto; }
  @media (max-width: 767.98px) {
    .lfr-search-container .selector-button {
      width: auto; } }
  .touch .lfr-search-container {
    -webkit-overflow-scrolling: touch; }
    .touch .lfr-search-container .searchcontainer-content .table {
      max-width: none; }

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto; }
  .taglib-page-iterator .lfr-pagination-buttons {
    float: right;
    margin: 0; }
    @media (max-width: 991.98px) {
      .taglib-page-iterator .lfr-pagination-buttons {
        width: 100%; } }
  @media (max-width: 991.98px) and (max-width: 767.98px) {
    .taglib-page-iterator .lfr-pagination-buttons {
      float: none;
      margin-top: 20px; } }
    @media (max-width: 991.98px) {
        .taglib-page-iterator .lfr-pagination-buttons > li {
          display: inline-block;
          width: 50%; }
          .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
            display: none; }
          .taglib-page-iterator .lfr-pagination-buttons > li > a {
            line-height: 20px;
            padding: 11px 19px; } }
  .taglib-page-iterator .lfr-pagination-config {
    float: left;
    line-height: 46px; }
    @media (max-width: 767.98px) {
      .taglib-page-iterator .lfr-pagination-config {
        float: none; }
        .taglib-page-iterator .lfr-pagination-config .current-page-menu {
          display: block; }
          .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
            display: block; } }
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
      display: inline; }
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
      float: none; }
      @media (max-width: 991.98px) {
        .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
          display: none; } }
  .taglib-page-iterator .search-results {
    float: left;
    line-height: 46px;
    margin-left: 10px; }
    @media (max-width: 991.98px) {
      .taglib-page-iterator .search-results {
        display: none; } }

.taglib-search-toggle .form-search {
  position: relative; }
  .taglib-search-toggle .form-search .input-group-btn {
    position: absolute; }
    @media (min-width: 992px) {
      .taglib-search-toggle .form-search .input-group-btn {
        position: static; } }

.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px; }
  .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none; }

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0; }
  .navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
    border-width: 1px 0 0; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1; }

.taglib-user-display {
  padding: 0.5em; }
  .taglib-user-display .avatar {
    background: no-repeat center;
    background-size: 60px;
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 60px; }
    .taglib-user-display .avatar.author:after {
      background: rgba(50, 168, 230, 0.5);
      border-radius: 50%;
      content: '';
      display: block;
      height: 100%;
      width: 100%; }
  .taglib-user-display .user-details {
    margin-top: 1em; }
  .taglib-user-display .user-name {
    font-size: 1.1em;
    font-weight: bold; }
  .taglib-user-display a .user-name {
    text-decoration: underline; }
  .taglib-user-display.display-style-1 .user-profile-image {
    float: left;
    margin-right: 24px; }
  .taglib-user-display.display-style-1 .user-name {
    display: inline-block;
    margin-top: 10px; }
  .taglib-user-display.display-style-1 .user-details {
    margin-top: 0; }
  .taglib-user-display.display-style-2 .user-profile-image,
  .taglib-user-display.display-style-2 .user-name {
    clear: both;
    display: block;
    min-height: 20px;
    text-align: center; }
  .taglib-user-display.display-style-3 {
    padding: 0; }
    .taglib-user-display.display-style-3 .user-profile-image {
      display: inline-block;
      vertical-align: middle; }

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999; }

.table-cell .taglib-workflow-status {
  margin: 0; }
  .table-cell .taglib-workflow-status .workflow-status {
    padding-left: 0; }

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px; }

.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.portal-popup .lfr-form-content {
  padding: 24px 12px; }

.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%; }

.portal-popup .portlet-column {
  position: static; }

.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px; }
  .portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .dialog-body .container-view .nav-tabs-underline,
  .portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
  .portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
  .portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .lfr-form-content .container-view .nav-tabs-underline,
  .portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
  .portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .process-list .container-view .nav-tabs-underline,
  .portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px; }

.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0; }

.portal-popup .login-container {
  padding: 1rem; }

.portal-popup .management-bar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0; }

.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media (min-width: 576px) {
    .portal-popup .navbar ~ .portlet-configuration-setup,
    .portal-popup .portlet-export-import-container {
      height: calc(100% - 48px); } }

.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media (min-width: 576px) {
    .portal-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 576px) {
    .portal-popup .lfr-dynamic-uploader,
    .portal-popup .process-list {
      top: 48px; } }

.portal-popup .portlet-export-import-publish-processes {
  top: 0; }

.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020; }
  @media (min-width: 768px) {
    .portal-popup .dialog-footer {
      position: fixed; } }
  .portal-popup .dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0; }
  .portal-popup .dialog-footer.dialog-footer-not-reverse {
    flex-direction: initial;
    justify-content: flex-end; }

@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px; } }

.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
    bottom: 0; }
    .portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
      display: none; }

.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  .portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
    flex-grow: 1;
    max-width: none;
    overflow: auto; }

.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }
  @media print {
    .portal-popup:not(.article-preview) #main-content,
    .portal-popup:not(.article-preview) #wrapper {
      position: initial; } }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate; }

html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd; }

html:not(#__):not(#___) .active-area {
  background: #ffc; }

html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1; }
  html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
    background-image: none; }

html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  html:not(#__):not(#___) .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden; }

html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px; }

html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0; }

html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important; }

.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #d3dadd; }

.active-area {
  background: #ffc; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease; }
  @media (prefers-reduced-motion: reduce) {
    .portlet-boundary.yui3-dd-dragging {
      transition: none; } }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727c81;
  margin-top: 1px; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.portlet-column-content.empty {
  padding: 50px; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative; }
  .lfr-source-editor .ace_editor {
    height: 100%; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #fff;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #fff;
    color: #2b4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #ededef;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: '\25be'; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: '\25b8'; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #fff; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #ccc; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #ededef; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34adab; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1d5ec7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #ff6c58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #f00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555e;
      color: #fff; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009aed; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394e; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4d91ff; }

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden; }
  .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
    height: 40px;
    margin-right: 4px;
    margin-top: 4px;
    min-height: 40px; }
  .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
    height: 95%;
    position: relative; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
      border: 1px solid #ccc;
      position: absolute; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
      display: inline-block;
      overflow-y: auto;
      padding-left: 20px; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
      display: inline-block; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
      height: 100%;
      width: 50%; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
      height: 100%;
      left: 50%;
      top: 0; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
      height: 50%;
      width: 100%; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
      top: 50%;
      width: 100%; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
      display: none; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
      height: 100%;
      width: 100%; }

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left; }

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e; }

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc; }

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0; }

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff; }

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e; }

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f; }

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff; }

.file-icon-color-7 {
  background-color: #fff;
  color: #272833; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.lfr-item-viewer.uploading > .progress-container {
  visibility: visible; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%; }

.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000; }
  .lfr-item-viewer .progress-container a {
    position: absolute;
    right: 30px; }
  .lfr-item-viewer .progress-container .progress {
    margin-top: 10px; }

.lfr-item-viewer .search-info {
  background-color: #d3e8f1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%; }
  .lfr-item-viewer .upload-view > div {
    display: table-cell;
    vertical-align: middle; }

.lfr-item-viewer .yui3-widget-bd {
  position: relative; }

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all; }

.lfr-page-layouts {
  padding: 0; }
  .lfr-page-layouts input[type='radio'] {
    opacity: 0;
    position: absolute; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal {
      cursor: default; }
      .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
        bottom: -0.0625rem;
        content: "";
        left: -0.0625rem;
        position: absolute;
        right: -0.0625rem;
        transition: height 0.15s ease-out; }
        @media (prefers-reduced-motion: reduce) {
          .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
            transition: none; } }
  .lfr-page-layouts .card-horizontal {
    cursor: pointer;
    outline: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .lfr-page-layouts .card-horizontal {
        transition: none; } }
    .lfr-page-layouts .card-horizontal::after {
      border-radius: 0 0 0.25rem 0.25rem;
      bottom: -0.0625rem;
      content: "";
      height: 0;
      left: -0.0625rem;
      position: absolute;
      right: -0.0625rem;
      transition: height 0.15s ease-out; }
      @media (prefers-reduced-motion: reduce) {
        .lfr-page-layouts .card-horizontal::after {
          transition: none; } }

.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0; }

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative; }

.modal-dialog.dialog-iframe-modal {
  max-width: none; }

.modal-dialog.modal-dialog-sm {
  max-width: 500px; }

.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all; }
  .modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
    bottom: 0;
    right: 0; }

.modal-open .modal {
  display: block; }

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0; }

.sheet-footer .btn {
  margin-right: 0.5rem; }
  .sheet-footer .btn:last-child {
    margin-right: 0; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal; }
  .tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud .tag-popularity-1 {
  font-size: 1em; }

.tag-cloud .tag-popularity-2 {
  font-size: 1.3em; }

.tag-cloud .tag-popularity-3 {
  font-size: 1.6em; }

.tag-cloud .tag-popularity-4 {
  font-size: 1.9em; }

.tag-cloud .tag-popularity-5 {
  font-size: 2.2em; }

.tag-cloud .tag-popularity-6 {
  font-size: 2.5em; }

.lfr-portal-tooltip {
  display: inline-flex; }
  .lfr-portal-tooltip,
  .lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }

.tree-node .icon-check {
  padding-right: 2px; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }

.tree-node [class^='icon-'] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none; }

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e; }

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4a97f2; }

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #e87523; }

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fb625b; }

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4fa488; }

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fe4fb5; }

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #879b7a; }

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff; }

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #bf8c2a; }

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5f9bc7; }

.collapse.open {
  display: block; }

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em; }

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: '';
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%; }

.navbar .navbar-toggler .c-inner {
  max-width: none; }

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative; }
  html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white; }

body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }

.portlet-options-dropdown {
  z-index: 1035; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }
  .portlet-draggable .portlet-topper {
    cursor: move; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }
  .panel-page-body .portlet-title-text,
  .panel-page-content .portlet-title-text {
    cursor: auto; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-layout .portlet-header {
  margin-bottom: 1rem; }

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none; } }

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block; }

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none; }

.controls-hidden .portlet-topper-toolbar {
  display: none !important; }

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }

html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none; }
  @media (min-width: 768px) {
    html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
      display: flex;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      transition: opacity 0.25s, transform 0.25s;
      top: 0; } }
  @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
      transition: none; } }

html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right; }

html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block; }

html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto; }
  html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
    color: rgba(0, 0, 0, 0.5); }
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600; }

html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5; } }

@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms; } }

@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex; } }

html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block; }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 768px) {
    .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
      border-color: transparent;
      border-top-left-radius: 0;
      border-top-right-radius: 0; } }
  @media (min-width: 768px) {
    .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
      opacity: 1;
      transform: translateY(-97%); } }
  @media (min-width: 576px) {
    .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
      opacity: 0.5; } }

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  @media (max-width: 767.98px) {
    .controls-visible .portlet-content-editable {
      border-color: transparent;
      border-top-left-radius: 0;
      border-top-right-radius: 0; } }

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.portlet-title-menu {
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }
  .portlet > .portlet-topper {
    display: none; }
    @media (min-width: 768px) {
      .portlet > .portlet-topper {
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .portlet > .portlet-topper {
      transition: none; } }
  @media (max-width: 767.98px) {
    .controls-visible .portlet-topper {
      display: box;
      display: flex; } }

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a,
  .portlet-topper-toolbar > span > a,
  .portlet-topper-toolbar .lfr-icon-menu > a {
    color: rgba(0, 0, 0, 0.5); }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }
  .controls-visible .portlet-topper-toolbar {
    display: block; }

.lfr-panel-page .portlet-title {
  font-size: 13px; }

.portlet-borderless .portlet-content {
  padding: 1rem; }

.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word; }

.portlet-barebone .portlet-content {
  padding: 0; }

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px; }

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap; }

.navbar form {
  margin: 0; }

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px; }

.product-menu .loading-animation {
  margin-top: 160px; }

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px; }

.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px; }

.upload-drop-active .lfr-upload-container .upload-target {
  animation: none; }

.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.select-files {
  border-radius: 5px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
    box-shadow: 0 0 5px 0 #333;
    transition-duration: 0.25s;
    transition-property: box-shadow;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%; }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out; }
  @media (prefers-reduced-motion: reduce) {
    .lfr-progress-active .progress-bar-status,
    .lfr-upload-container .file-uploading .progress-bar .progress {
      transition: none; } }

@keyframes highlight-animation {
  from {
    background-color: #ffc; }
  to {
    background-color: transparent; } }

.highlight-animation {
  animation: highlight-animation 0.7s; }

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none; }

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem; }

/* inject:imports */
/* Medidas dispositivos */
/* Fuentes */
/*18px*/
/* Colores */
/* Bordes alto-contraste */
/* Sombra para las cajas blancas */
/* Color bloques que alternan grises. P.e. tablas, contenido agrupado, etc */
/* Aqui se asignaran las variables sass
se han de añadir luego a ":root" para poder usarlas fuera de aqui,
por ejemplo cuando quieres recoger variables sass en los css del portlet */
:root {
  /* Medidas dispositivos */
  --min-desktop:992px;
  --max-tablet:991px;
  --min-tablet:768px;
  --max-mobile:767px;
  --min-big-desktop:1320px;
  --width-big-desktop-container:1280px;
  --width-desktop-container:970px;
  --width-desktop-checkout:900px;
  /* Fuentes */
  --fuente:Blinker, Arial, sans-serif;
  --fuente-light:Blinker-Light, Arial, sans-serif;
  --fuente-bold:Blinker-Bold, Arial, sans-serif;
  --fuente-secundaria:'Open-Sans', 'Arial', 'sans-serif';
  --big-base-font-size: 1.286rem;
  /* Colores */
  --color-texto:#38333B;
  --color-enlaces:#007398;
  --color-error: #E91F20;
  --color-botones:#FFF;
  --bck-botones:#FF595A;
  --borde-botones: var(--bck-botones);
  --borde-inputs: #9F9F9F;
  --azul-alsa:#3FC8EB;
  --color-iconos-flecha:#FF595A;
  --bck-bonos: #D8FAF1;
  --color-bonos: #41E6BA;
  /* Bordes alto-contraste */
  --outline-color-dark:#3FC8EB;
  --outline-color-light:#3FC8EB;
  --text-shadow-h-cabecera:2px 2px 5px #38333B;
  --tamanio-letra-pestanias:21px;
  --margin-bottom-bloques:60px;
  /* Sombra para las cajas blancas */
  --box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1); }

.pestania, #content-web2020 .contenido-agrupado .nav.nav-tabs li a, #content-web2020 .nav-tabs li a, .nav-tabs li a, .contenido-agrupado .nav.nav-tabs li a {
  display: block;
  padding: 0;
  padding-bottom: 3px;
  margin: 0 10px;
  border: 0;
  background: transparent;
  opacity: .5;
  font-size: 21px;
  color: #38333B;
  /* 2020_03_27 - WAEVO-294 arreglo de pestanas en los modulos de rutas. */
  min-height: 26px;
  line-height: 20px; }

.pestania-activa, #content-web2020 .contenido-agrupado .nav.nav-tabs li a.active, #content-web2020 .contenido-agrupado .nav.nav-tabs li.active a, #content-web2020 .nav-tabs li a.active, #content-web2020 .nav-tabs li.active a, .nav-tabs li a.active, .nav-tabs li.active a, .contenido-agrupado .nav.nav-tabs li a.active, .contenido-agrupado .nav.nav-tabs li.active a {
  border-bottom: 3px solid #3FC8EB;
  opacity: 1; }

.section, #content-web2020 .contenido-agrupado-foto, #content-web2020 .informacion-destacada, .contenido-agrupado-foto, .informacion-destacada {
  padding-top: 60px;
  padding-bottom: 60px; }

.contenido-agrupado-foto {
  padding-top: 0px; }

.enlace-blanco, #content-web2020 .modulo-rutas ul.listado-rutas li a, .modulo-rutas ul.listado-rutas li a {
  color: #FFF;
  text-decoration: none; }

.icon-calendar {
  padding-left: 30px !important;
  /* 	background-color: #ffffff; */
  background-image: url(http://desarrollodxp.alsa.es/o/Alsa-main-theme/images/web2020/iconos/icon_calendar.gif);
  background-repeat: no-repeat;
  background-position: 8px 50%; }

/**** FORMULARIOS CLASES PADRE ****/
#content-web2020 select, .ui-datepicker select, select, #content-web2020 .ui-datepicker select, .ui-datepicker #content-web2020 select, #content-web2020 textarea,
#content-web2020 input[type="text"],
#content-web2020 input[type="password"],
#content-web2020 input[type="datetime"],
#content-web2020 input[type="datetime-local"],
#content-web2020 input[type="date"],
#content-web2020 input[type="month"],
#content-web2020 input[type="time"],
#content-web2020 input[type="week"],
#content-web2020 input[type="number"],
#content-web2020 input[type="email"],
#content-web2020 input[type="url"],
#content-web2020 input[type="search"],
#content-web2020 input[type="tel"],
#content-web2020 input[type="color"],
#content-web2020 input.mat-input-element,
#content-web2020 .home .search-general .form-group input,
#content-web2020 .uneditable-input, .sag-modal-dialog input[type="text"], textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.mat-input-element,
.home .search-general .form-group input,
.uneditable-input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #9F9F9F;
  border-radius: 0;
  height: 53px;
  color: #38333B;
  font-size: 1.071rem;
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 22px;
  box-shadow: none;
  background-color: #FFF;
  font-family: "Open-Sans", "Arial", "sans-serif";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#content-web2020 form label, #content-web2020 .form-group label, .sag-modal-dialog .form-group label, form label, .form-group label, #content-web2020 .c-birth-date__label {
  position: absolute;
  font-size: 0.929rem;
  line-height: 0.929rem;
  color: #38333B;
  font-family: "Open-Sans", "Arial", "sans-serif";
  transform: none; }

#content-web2020 select, .ui-datepicker select, select {
  background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
  background-repeat: no-repeat;
  background-position: 98% 30px;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 25px 23px 6px 0;
  cursor: pointer;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  outline: 0; }

/*** Estas clases deben extenderse siempre que se necesite usar los check o radios ***/
#content-web2020 input[type="checkbox"]:not(.field),
#content-web2020 input[type="radio"], .sag-modal-dialog input[type="checkbox"]:not(.field),
.sag-modal-dialog input[type="radio"], input[type="checkbox"]:not(.field),
input[type="radio"] {
  width: 0;
  height: 0;
  position: absolute;
  clip: rect(0, 0, 0, 0); }

#content-web2020 label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before,
#content-web2020 input[type="radio"] + label:before,
#content-web2020 input[type="checkbox"] + label:before, #content-web2020 .simula-checkbox:before, #content-web2020 .portlet-login .portlet-login label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before, .sag-modal-dialog input[type="radio"] + label:before,
.sag-modal-dialog input[type="checkbox"] + label:before, label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before,
input[type="radio"] + label:before,
input[type="checkbox"] + label:before, .simula-checkbox:before, .portlet-login .portlet-login label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  top: -1px;
  border: 1px solid #9F9F9F;
  -webkit-box-shadow: 0px 4px 8px 0px #38333b;
  -moz-box-shadow: 0px 4px 8px 0px #38333b;
  box-shadow: 0px 4px 8px 0px rgba(56, 51, 59, 0.15); }


#content-web2020 input[type="radio"] + label:before, .sag-modal-dialog input[type="radio"] + label:before,
input[type="radio"] + label:before {
  border-radius: 50%; }

#content-web2020 input[type="radio"]:checked + label:after, .sag-modal-dialog input[type="radio"]:checked + label:after, input[type="radio"]:checked + label:after {
  content: " ";
  background-color: #38333B;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 6px;
  top: 5px;
  display: inline-block; }

#content-web2020 input[type="checkbox"]:checked + label:before, #content-web2020 .simula-checkbox.sel:before, #content-web2020 .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before, .sag-modal-dialog input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label:before, .simula-checkbox.sel:before, .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before {
  content: "\6f";
  font-family: "our-font" !important;
  font-size: 10px;
  line-height: 10px;
  padding: 3px;
  color: #38333B; }

#content-web2020 input[type="checkbox"] + label,
#content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, .sag-modal-dialog input[type="checkbox"] + label,
.sag-modal-dialog input[type="radio"] + label, input[type="checkbox"] + label,
input[type="radio"] + label, .simula-checkbox {
  font-size: 1.071rem;
  line-height: 1.19rem;
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px; }


#content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, #content-web2020 .portlet-login label.rememberMe,
.sag-modal-dialog input[type="radio"] + label,
input[type="radio"] + label, .simula-checkbox, .portlet-login label.rememberMe {
  padding-left: 25px; }


#content-web2020 input[type="radio"] + label:before, .sag-modal-dialog input[type="radio"] + label:before,
input[type="radio"] + label:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  left: 0; }

/***** FORMULARIOS FIN CLASES PADRE *****/
/*** BOTONES ***/
#content-web2020 .login-panel-btns button,
#content-web2020 #btn_facebook2_class.btn.btn-primary,
#content-web2020 .btn.btn-primary,
#content-web2020 .button-transparent > *, .sag-modal--aviso__boton, .login-panel-btns button,
#btn_facebook2_class.btn.btn-primary,
.btn.btn-primary,
.button-transparent > *, #content-web2020 .c-pwa__button {
  color: #FF595A;
  font-size: 1.214rem;
  line-height: 1.4rem;
  font-weight: bold;
  white-space: normal;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 0px;
  border: 2px solid #FF595A; }

#content-web2020 .btn.btn-primary.sel:hover, #content-web2020 .btn.btn-primary.sel:focus, #content-web2020 .btn.btn-primary.sel:active,
#content-web2020 .btn.btn-primary.btn-primary-bck:hover,
#content-web2020 .btn.btn-primary.btn-primary-bck:focus,
#content-web2020 .btn.btn-primary.btn-primary-bck:active, #content-web2020 .login-panel-btns button:hover, #content-web2020 .login-panel-btns button:focus, #content-web2020 .login-panel-btns button:active,
#content-web2020 #btn_facebook2_class.btn.btn-primary:hover,
#content-web2020 #btn_facebook2_class.btn.btn-primary:focus,
#content-web2020 #btn_facebook2_class.btn.btn-primary:active,
#content-web2020 .btn.btn-primary:hover,
#content-web2020 .btn.btn-primary:focus,
#content-web2020 .btn.btn-primary:active,
#content-web2020 .button-transparent > *:hover,
#content-web2020 .button-transparent > *:focus,
#content-web2020 .button-transparent > *:active, .sag-modal--aviso__boton:hover, .sag-modal--aviso__boton:focus, .sag-modal--aviso__boton:active, .btn.btn-primary.sel:hover, .btn.btn-primary.sel:focus, .btn.btn-primary.sel:active,
.btn.btn-primary.btn-primary-bck:hover,
.btn.btn-primary.btn-primary-bck:focus,
.btn.btn-primary.btn-primary-bck:active, .login-panel-btns button:hover, .login-panel-btns button:focus, .login-panel-btns button:active,
#btn_facebook2_class.btn.btn-primary:hover,
#btn_facebook2_class.btn.btn-primary:focus,
#btn_facebook2_class.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.button-transparent > *:hover,
.button-transparent > *:focus,
.button-transparent > *:active {
  background-color: #E5464B;
  color: #fff;
  border-color: #E5464B;
  outline: 0;
  box-shadow: none; }

#content-web2020 .btn.btn-primary.sel,
#content-web2020 .btn.btn-primary.btn-primary-bck, .sag-modal.sag-modal--btn-bck .sag-modal-footer .btn, .sag-modal--aviso__boton--destacado, .btn.btn-primary.sel,
.btn.btn-primary.btn-primary-bck {
  background-color: #FF595A !important;
  color: #FFF; }

/****** MODALES ********/
.sag-modal.sag-modal--border .sag-modal-dialog, .sag-modal--aviso .sag-modal-content {
  border: 4px solid #3FC8EB; }

/*** FICHERO PARA LAS FUNCIONES QUE NECESITAREMOS ***/
/* Funcion para pasar las unidades de medida de px a rem */
/* $base-font-size es el tamaño base de la fuente para la página, está definido en variables generales */
body {
  position: relative;
  padding: 0;
  height: 100%;
  min-width: 940px; }

html,
body {
  font-size: 14px;
  line-height: 20px;
  color: #38333B;
  font-family: Blinker-Light, Arial, sans-serif;
  padding: 0 !important; }

#content-web2020 {
  background-color: #F9F7F5;
  min-height: 100vh; }

.portlet {
  margin-bottom: 0; }

#content-web2020 {
  /* --------------------------------------------------------------------- */
  /* Quitamos los paddings de un elemento indicándole cual queremos quitar */
  /* para usarlo debemos poner .no-padding-right, .no-padding-left         */
  /* .no-padding-top, .no-padding-bottom, .no-padding-all                  */
  /* --------------------------------------------------------------------  */
  /* WAEVO-384 -- Ajustar plantilla web2020--Plantilla título/imagen/texto/enlaces
Cuando por razones de adaptación de contenidos antiguos con plantillas que deben ser adaptadas debemos tener un container dentro de otro
se debe dejar el segundo container sin padding */
  /* WAEVO-384 -- Ajustar plantilla web2020--Plantilla título/imagen/texto/enlaces
 Para el caso de que no estén dentro de otro container como en el caso anterior tenemos que separar el bloque de otros bloques existentes*/
  /* Cajas blancas que se utilizan de contenedores     */
  /* tanto en las páginas a dos columnas, como cambios */
  /* y devoluciones, como en el caso de la ventana que */
  /* captura los runtime errors                        */
  /*esta clase tiene display: none para version movil*/
  /*clase para ficha de viaje elegido*/
  /*** estilos del mensaje wuarning de los fares ***/
  /*** EStilos para las alertas-warning que salen en caja amarilla ***/
  /* Estilos para icono info */
  /*** PARA ESCRITORIO GRANDE ***/
  /*** PARA ESCRITORIO***/
  /*** PARA MOVIL Y TABLET***/
  /**** ESCRITORIO *****/
  /* Estas clases ajustan los checkbox al cambiar de idioma en movil */
  /**** MOVIL Y TABLET *****/
  /**** MOVIL *****/
  /* MODULOS PLANTILLAS */
  /**** VARIABLES ****/
  /* Es el estilo del damero que se muestra por ejemplo en la Home y en Destinos y Rutas. */
  /**** DESKTOP CON MAS DE 1280PX ****/
  /**** DESKTOP ****/
  /**** MOVIL ****/
  /***********************************************************/
  /*        Cabecera con texto dentro de una caja blanca     */
  /*        --------------------------------------------    */
  /***********************************************************/
  /*------------------------------------ @media ------------------------------------*/
  /**** PARA ESCRITORIO ****/
  /***********************************************************/
  /*        Cabecera usada para las páginas interiores       */
  /*        ----------------------------------------         */
  /***********************************************************/
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL ****/
  /**** Hack solo para IE 10, IE 11, para que el título en móvil salga centrado verticalmente ****/
  /* ".contenido-agrupado" es la estructura de botones en fila que se muestra por ejemplo en la pagina Home. */
  /*------------------------------------ @media ------------------------------------*/
  /**** PARA ESCRITORIO ****/
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL ****/
  /**** FORMULARIOS CLASES PADRE ****/
  /*** Estas clases deben extenderse siempre que se necesite usar los check o radios ***/
  /***** FORMULARIOS FIN CLASES PADRE *****/
  /*** BOTONES ***/
  /****** MODALES ********/
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL Y TABLET****/
  /**** PARA TABLET****/
  /**** PARA MOVIL ****/
  /*------------------------------------ @media ------------------------------------*/
  /* COMPONENTES */
  /*------------------------------------ @media ------------------------------------*/
  /* Este componente se corresponde con los inputs de búsqueda que aparecen en el admin y que se ven afectados por los estilos de los inputs generales de la web */
  /* Boton azul alsa */
  /** boton con fondo rojo **/
  /** boton PWA **/
  /*** estilo del boton de cerrar ***/
  /*** estilos de los botones ***/
  /*** estilos de los input ***/
  /*** Elimina el icono del ojo y de la 'x' en Edge ***/
  /** Esto es para los inputs que son numéricos incrementales, los que tienen dos flechitas arriba y abajo **/
  /* El :not(.field) es para que se vean los checkbox aui en la configuracion de las preferencias de los portlets */
  /**** Para los simula checkbox que aún quedan por la web, vamos a utilizar los estilos de los checkbox heredando directamente****/
  /***** Para los switch *****/
  /* Switch deshabilitado */
  /***** Para los label de política de privacidad y condiciones *****/
  /****** Para los desactivados *******/
  /*** Para el formulario de login de Liferay en pre y pro ***/
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL ****/
  /* 2020_03_02 - WAEVO-248 Comunicamos a Marketing que creamos el estilo "lista2020" para las listas,
    No obstante consideramos que seria mas apropiado llamarlo "bullets". Por ahora dejamos los dos nombres.
    El selector ".bullets ul" hace que el estilo se aplique a los ul de forma recursiva,
    y ademas gracias al selector "ul.bullets" podemos aplicar el estilo al propio ul */
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL ****/
  /** Menú que se usa en el perfil de usuario **/
  /************* Formato tablet **********/
  /**
acorde al estilo tabla-vouchers de busplus/busplusvouchers/css/main.css
*/
  /**** PARA ESCRITORIO ****/
  /**** PARA LOS TOOLTIPS DE JQUERY ****/ }
  #content-web2020 .no-padding-left {
    padding-left: 0 !important; }
  #content-web2020 .no-padding-right {
    padding-right: 0 !important; }
  #content-web2020 .no-padding-top {
    padding-top: 0 !important; }
  #content-web2020 .no-padding-bottom {
    padding-bottom: 0 !important; }
  #content-web2020 .no-padding {
    padding: 0 !important; }
  #content-web2020 .checkout {
    background-color: #ebeae6; }
  #content-web2020 *[class*="fa-"]:before {
    font-family: FontAwesome !important; }
  #content-web2020 h2 {
    color: #38333B;
    font-weight: normal; }
  #content-web2020 a:focus-visible {
    outline: 0px; }
  #content-web2020 p:empty {
    margin-bottom: 0; }
  #content-web2020 p.p-not-margin {
    margin-bottom: 0; }
  #content-web2020 .texto--azul-alsa {
    color: #3FC8EB !important; }
  #content-web2020 .text-right {
    text-align: right; }
  #content-web2020 .text-underline {
    text-decoration: underline; }
  #content-web2020 .container .container {
    padding: 0; }
  #content-web2020 .template {
    padding-top: 20px; }
  #content-web2020 p {
    margin-bottom: 1.2rem; }
  #content-web2020 .display-none {
    display: none !important; }
  #content-web2020 .ui-hidden-accessible {
    position: absolute !important;
    height: 1px;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  #content-web2020 .not-scroll {
    height: 100vh;
    overflow: hidden; }
  #content-web2020 .simula-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
  #content-web2020 .cursor-pointer {
    cursor: pointer; }
  #content-web2020 .flex-center {
    display: flex;
    align-items: center; }
  #content-web2020 .box-content {
    box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1);
    background: #fff;
    padding: 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border: 0; }
    #content-web2020 .box-content.error {
      margin-top: 20px; }
    #content-web2020 .box-content h2 {
      font-size: 2.143rem; }
      #content-web2020 .box-content h2:only-child {
        margin-bottom: 0;
        /*** Si el h2 aparece solo en una capa de tipo box-content, bloque blanco, le quitamos el margen para que aparezca centrado verticalmente ***/ }
  #content-web2020 .error-container {
    display: inline-block;
    width: calc(100% - 6px);
    color: #E91F20; }
  #content-web2020 .hidden-element {
    display: none; }
  #content-web2020 .dash {
    font-size: 120%;
    margin: 0 5px; }
  #content-web2020 .not-padding {
    padding: 0; }
  #content-web2020 .bg-white {
    background-color: white; }
  #content-web2020 .alto-contraste {
    cursor: pointer;
    width: 60px !important;
    height: 60px;
    position: fixed;
    left: 15px;
    bottom: 15px;
    background: #3FC8EB;
    border: 2px solid;
    border-radius: 50%;
    z-index: 5;
    padding: 8px 11px 8px; }
  #content-web2020 .sel {
    border: 3px solid #3FC8EB; }
  #content-web2020 .little-price {
    font-size: 75% !important; }
  #content-web2020 .results-bottom.fare-warning {
    display: block; }
  #content-web2020 span.fare-warning {
    font-size: 1.1rem;
    line-height: 1.3rem;
    text-align: center;
    padding-bottom: 0;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  #content-web2020 .alert.alert-warning p {
    margin-bottom: 0px; }
    #content-web2020 .alert.alert-warning p i {
      margin-right: 5px; }
  #content-web2020 .icn-information:before {
    font-size: 17px;
    color: #38333b;
    position: relative;
    top: 2px;
    padding-left: 5px; }
  #content-web2020 .icn-information:hover:before {
    color: #3FC8EB; }
  @media screen and (min-width: 1320px) {
    #content-web2020 .container,
    #content-web2020 .columns-2 {
      width: 1280px;
      max-width: 1280px !important; } }
  @media screen and (min-width: 992px) {
    #content-web2020 {
      /**** Para el tema del checkout disminuye el ancho de la página ****/ }
      #content-web2020 {
        /* para la home y aquellas páginas en las que el h1 va dentro de este bloque */
        /* para aquellas páginas en las que el h1 va antes de este bloque */ }
        #content-web2020 .header + #main-content.columns-1 {
          min-height: calc(100vh - 350px); }
        #content-web2020 h1 + #main-content {
          min-height: calc(100vh - 500px); }
        #content-web2020 h2 {
          /* 2020_02_21 WAEVO-214: reducir font-size del h2 general
			originalmente era 55px, ahora 40px */
          font-size: 2.857rem;
          /* 2.857rem=40px */
          margin-bottom: 20px; }
        #content-web2020 .container,
        #content-web2020 .columns-2 {
          width: 100%;
          max-width: 100%; }
        #content-web2020 .view-mobile {
          display: none !important; }
      #content-web2020.checkout #header1 {
        padding-bottom: 0px;
        background-color: #FFFFFF;
        box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1);
        height: 55px; } }
  @media screen and (max-width: 991px) {
    #content-web2020 {
      overflow-x: hidden;
      /* para la home y aquellas páginas en las que el h1 va dentro de este bloque */
      /* Descomentar esto para que el menu salga encima de el div para descargarse la app */
      /* Se deben descomentar otras cosas, para saber cuales, busca la cadena "smartBannerNotOnTop" */
      /* #wrapper {
	        padding-top: 70px;
	    } */ }
      #content-web2020 .header + #main-content.columns-1,
      #content-web2020 .header + #main-content.columns-1 #column-1 {
        min-height: calc(100vh - 100px); }
      #content-web2020 h2 {
        font-size: 2.143rem;
        margin-bottom: 20px; }
      #content-web2020 .view-desktop {
        display: none !important; }
      #content-web2020 .alto-contraste {
        display: none; }
      #content-web2020.checkout #wrapper {
        padding-top: 0; }
      #content-web2020 .ui-hidden-accessible.visible-mobile {
        overflow: visible;
        height: auto;
        width: auto !important;
        clip: auto; } }
  #content-web2020 #header.header {
    display: flex;
    flex-wrap: wrap; }
    #content-web2020 #header.header h1 {
      margin: 0; }
    #content-web2020 #header.header a, #content-web2020 #header.header a:hover {
      color: #38333B;
      text-decoration: none; }
    #content-web2020 #header.header ul {
      list-style: none;
      border: 0; }
      #content-web2020 #header.header ul .dropdown-menu {
        /* Para el menú de idioma */
        margin-top: 10px;
        border-radius: 0; }
    #content-web2020 #header.header .black-div {
      position: fixed;
      height: 100vh;
      width: 100%;
      z-index: 20;
      background-color: #38333B;
      opacity: .8; }
  #content-web2020 .sub-header {
    position: relative;
    z-index: 22;
    background-color: #F9F7F5;
    width: 100%; }
  #content-web2020 #menu-container {
    position: relative;
    z-index: 21;
    width: 100%;
    background: white; }
    #content-web2020 #menu-container.menu-grey {
      background: #F9F7F5; }
  #content-web2020 nav {
    margin-bottom: 0; }
    #content-web2020 nav .navbar-collapse {
      float: right; }
  @media screen and (min-width: 992px) {
    #content-web2020 #menu-container {
      background: #FFF;
      min-height: 82px;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }
      #content-web2020 #menu-container #mainmenu {
        min-height: 80px; }
      #content-web2020 #menu-container ul li.-mobile:before {
        display: none; }
      #content-web2020 #menu-container ul li.-mobile li:before {
        display: none; }
    #content-web2020 nav .navbar-collapse {
      display: flex;
      align-items: center; } }
  #content-web2020 .language-modal input[type="radio"] + label:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    border: 1px solid #9F9F9F;
    border-radius: 50%;
    left: 0;
    top: 0px; }
  #content-web2020 .language-modal input[type="radio"]:checked + label:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: #38333B;
    border-radius: 50%;
    top: 6px;
    left: 6px; }
  @media screen and (max-width: 991px) {
    #content-web2020 #menu-container {
      min-height: 72px; }
    #content-web2020 #header .navbar-collapse.collapse {
      /* 77px es lo que ocupa el navbar-header que en moviles esta antes del menu */
      height: 0 !important;
      overflow: hidden !important; }
      #content-web2020 #header .navbar-collapse.collapse.show {
        /* asegurar el scroll tambien en tablets */
        display: block;
        height: calc(100vh - 70px) !important;
        overflow-y: auto !important; }
    #content-web2020 .sub-header ul.secondary-menu > li.logged-user-menu {
      order: -1; }
      #content-web2020 .sub-header ul.secondary-menu > li.logged-user-menu li:last-of-type {
        margin-bottom: 0; }
    #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel,
    #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel {
      padding-left: 0px; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel.languaje,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel.languaje {
        order: 1; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel a.language-selector-mobile,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel a.language-selector-mobile {
        padding: 0; } }
  @media screen and (max-width: 991px) {
    #content-web2020 #header {
      top: 0px;
      left: 0px;
      right: 0;
      z-index: 150; }
      #content-web2020 #header .navbar-collapse {
        float: none;
        background-color: #fff; }
        #content-web2020 #header .navbar-collapse.collapse {
          display: none; }
      #content-web2020 #header .navbar {
        padding: 0;
        width: 100%; }
      #content-web2020 #header .navbar-header {
        display: flex;
        align-items: center;
        width: 100%;
        height: 70px;
        background-color: #FFFFFF !important; }
        #content-web2020 #header .navbar-header button:focus {
          background: transparent; }
        #content-web2020 #header .navbar-header .navbar-toggle {
          display: block;
          float: left;
          border-color: transparent;
          background-color: transparent;
          margin-right: 15px;
          margin-left: 15px;
          padding-left: 10px;
          padding-right: 10px;
          height: 32px;
          position: relative; }
          #content-web2020 #header .navbar-header .navbar-toggle .icon-bar {
            background-color: #38333B;
            display: block;
            width: 30px;
            height: 2px;
            border-radius: 1px;
            transition: transform .5s; }
            #content-web2020 #header .navbar-header .navbar-toggle .icon-bar + .icon-bar {
              margin-top: 8px; }
          #content-web2020 #header .navbar-header .navbar-toggle:not(.collapsed) span {
            transition: transform .5s; }
            #content-web2020 #header .navbar-header .navbar-toggle:not(.collapsed) span:last-child {
              transform: rotate(45deg);
              margin-top: 2px; }
            #content-web2020 #header .navbar-header .navbar-toggle:not(.collapsed) span:nth-child(2) {
              transform: rotate(-45deg);
              position: absolute;
              top: 15px; }
            #content-web2020 #header .navbar-header .navbar-toggle:not(.collapsed) span:nth-child(3) {
              display: none; }
      #content-web2020 #header ul {
        margin-top: 0px;
        flex-wrap: wrap; }
        #content-web2020 #header ul li {
          width: 100%; }
    #content-web2020 .sub-header {
      background-color: #fff;
      order: 1; }
      #content-web2020 .sub-header .container {
        margin-top: 24px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%; }
        #content-web2020 .sub-header .container .row {
          margin-left: 0px;
          margin-right: 0px; }
          #content-web2020 .sub-header .container .row ul li {
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 24px; }
      #content-web2020 .sub-header ul:not(.dropdown-menu) li {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%; }
        #content-web2020 .sub-header ul:not(.dropdown-menu) li.icn-angle-down {
          border-top: 1px solid #f9f9f9;
          margin-right: 20px; }
          #content-web2020 .sub-header ul:not(.dropdown-menu) li.icn-angle-down a {
            padding-left: 0px; }
        #content-web2020 .sub-header ul:not(.dropdown-menu) li.icn-angle-down:before {
          font-size: 15.75px;
          right: 0px;
          top: 6px; } }
  #content-web2020 .bloque-blanco, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(odd), .bloques-configurables #content-web2020 .row:nth-child(odd) > div:nth-child(odd), #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(even), .bloques-configurables #content-web2020 .row:nth-child(even) > div:nth-child(even) {
    background-color: #FFF; }
    #content-web2020 .bloque-blanco *, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(odd) *, .bloques-configurables #content-web2020 .row:nth-child(odd) > div:nth-child(odd) *, #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(even) *, .bloques-configurables #content-web2020 .row:nth-child(even) > div:nth-child(even) * {
      color: #38333B; }
  #content-web2020 .bloque-gris, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(even), .bloques-configurables #content-web2020 .row:nth-child(odd) > div:nth-child(even), #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(odd), .bloques-configurables #content-web2020 .row:nth-child(even) > div:nth-child(odd) {
    background-color: #38333B; }
    #content-web2020 .bloque-gris *, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(even) *, .bloques-configurables #content-web2020 .row:nth-child(odd) > div:nth-child(even) *, #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(odd) *, .bloques-configurables #content-web2020 .row:nth-child(even) > div:nth-child(odd) * {
      color: #FFF; }
    #content-web2020 .bloque-gris .titulo, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(even) .titulo, .bloques-configurables #content-web2020 .row:nth-child(odd) > div:nth-child(even) .titulo, #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(odd) .titulo, .bloques-configurables #content-web2020 .row:nth-child(even) > div:nth-child(odd) .titulo {
      color: #3FC8EB; }
  #content-web2020 .capa-absoluta, #content-web2020 .bloques-configurables .row > div.imagen-grande, .bloques-configurables #content-web2020 .row > div.imagen-grande, #content-web2020 .bloques-configurables .fondo-azul, .bloques-configurables #content-web2020 .fondo-azul {
    position: absolute;
    width: 66.66666667%; }
  #content-web2020 .bloques-configurables {
    position: relative;
    /* En la Home (desktop) debe haber espaciado vertical de 40px entre el componente ".contenido-agrupado" y este ".bloques-configurable". Por tanto:
	en el estilo ".contenido-agrupado": establecemos un margin-bottom de 20px
	en este estilo ".bloques-configurable": establecemos un margin-top de 20px */
    margin-top: 20px;
    margin-bottom: 12px; }
    #content-web2020 .bloques-configurables.dos-enlaces a + a {
      font-size: 1.071rem !important;
      padding-top: 0 !important; }
    #content-web2020 .bloques-configurables .row {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      z-index: 4; }
      #content-web2020 .bloques-configurables .row > div {
        position: static;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        z-index: 1; }
        #content-web2020 .bloques-configurables .row > div.blanco {
          background-color: #FFF !important; }
          #content-web2020 .bloques-configurables .row > div.blanco * {
            color: #38333B !important; }
        #content-web2020 .bloques-configurables .row > div.gris {
          background-color: #38333B !important; }
          #content-web2020 .bloques-configurables .row > div.gris * {
            color: #FFF !important; }
          #content-web2020 .bloques-configurables .row > div.gris .titulo {
            color: #3FC8EB !important; }
        #content-web2020 .bloques-configurables .row > div.vacio:not([style*=background-image]) {
          height: 0;
          min-height: 0;
          overflow: hidden; }
        #content-web2020 .bloques-configurables .row > div[style*=background-image].vacio {
          padding: 0;
          background-size: cover;
          background-position: center; }
          #content-web2020 .bloques-configurables .row > div[style*=background-image].vacio a {
            width: 100%;
            height: 100%;
            display: block;
            /* Eliminamos la flecha del enlace cuando en el bloque solo hay imagen + enlace */ }
            #content-web2020 .bloques-configurables .row > div[style*=background-image].vacio a:after {
              content: ' '; }
          #content-web2020 .bloques-configurables .row > div[style*=background-image].vacio p:not([class]) {
            text-indent: -999999px; }
        #content-web2020 .bloques-configurables .row > div.imagen-grande {
          right: 1px;
          padding: 0; }
        #content-web2020 .bloques-configurables .row > div p {
          margin-bottom: 0; }
        #content-web2020 .bloques-configurables .row > div .titulo {
          font-size: 2.143rem;
          line-height: 2.6rem;
          padding: 30px; }
        #content-web2020 .bloques-configurables .row > div .texto {
          width: 100%;
          font-size: 15px;
          line-height: 26px;
          padding: 30px; }
        #content-web2020 .bloques-configurables .row > div .titulo + .texto,
        #content-web2020 .bloques-configurables .row > div .titulo + a,
        #content-web2020 .bloques-configurables .row > div .texto + a {
          padding-top: 0; }
        #content-web2020 .bloques-configurables .row > div a {
          text-decoration: none;
          font-size: 21px;
          line-height: 30px;
          padding: 30px;
          padding-bottom: 0;
          align-self: flex-end;
          display: block;
          width: 100%; }
          #content-web2020 .bloques-configurables .row > div a:last-of-type {
            padding-bottom: 30px; }
          #content-web2020 .bloques-configurables .row > div a:after {
            content: "\67";
            font-family: "our-font";
            display: inline-block;
            font-size: 14px;
            color: #FF595A;
            vertical-align: middle; }
    #content-web2020 .bloques-configurables .fondo-azul {
      left: 0;
      bottom: -100px;
      background-color: #3FC8EB;
      height: 300px;
      z-index: 3; }
  @media screen and (min-width: 1320px) {
    #content-web2020 .bloques-configurables .row > div.imagen-grande {
      right: calc((1280px - 100vw) / 2);
      width: calc((100vw - 1280px) / 2 + 854px) !important; }
    #content-web2020 .bloques-configurables .fondo-azul {
      width: calc((100vw - 1280px) / 2 + 854px);
      left: -10px; } }
  @media screen and (min-width: 992px) {
    #content-web2020 .bloques-configurables {
      margin-bottom: 120px; }
      #content-web2020 .bloques-configurables .row > div {
        min-height: 300px;
        width: calc(99.9% / 3); }
        #content-web2020 .bloques-configurables .row > div.imagen-grande {
          min-height: 600px;
          z-index: auto; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .bloques-configurables {
      /* En la Home (mobile) debe haber espaciado vertical de 25px entre el componente ".contenido-agrupado" y este ".bloques-configurable". Por tanto:
	en el estilo ".fila-bloques" (mobile): establecemos un margin-bottom de 12px
	en este estilo ".bloques-configurable"(mobile): establecemos un margin-top de 12px */
      margin-top: 12px; }
      #content-web2020 .bloques-configurables .row {
        margin: 0;
        display: block; }
        #content-web2020 .bloques-configurables .row > div:not(.vacio) {
          margin-bottom: 15px; }
        #content-web2020 .bloques-configurables .row > div .titulo {
          width: 100%;
          padding: 25px 5px;
          font-size: 1.571rem;
          line-height: 2.1rem; }
        #content-web2020 .bloques-configurables .row > div .texto {
          padding: 5px;
          padding-bottom: 20px;
          font-size: 13px; }
        #content-web2020 .bloques-configurables .row > div a {
          padding-left: 5px;
          font-size: 16px; }
        #content-web2020 .bloques-configurables .row > div.imagen-grande {
          display: none; }
        #content-web2020 .bloques-configurables .row > div[style*=background-image] {
          height: 250px; }
      #content-web2020 .bloques-configurables .fondo-azul {
        display: none; } }
  #content-web2020 .cabecera-caja-blanca {
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover; }
  @media screen and (min-width: 992px) {
    #content-web2020 .position-text, #content-web2020 .cabecera-caja-blanca .caja-blanca h1, .cabecera-caja-blanca .caja-blanca #content-web2020 h1, #content-web2020 .cabecera-caja-blanca .caja-blanca p, .cabecera-caja-blanca .caja-blanca #content-web2020 p {
      position: relative;
      z-index: 10; }
    #content-web2020 .cabecera-caja-blanca {
      font-size: 1.286rem;
      padding-top: 60px;
      padding-bottom: 170px;
      min-height: 420px;
      display: flex;
      align-items: center; }
      #content-web2020 .cabecera-caja-blanca .caja-blanca {
        background: #FFF;
        width: 45%;
        padding: 20px 40px;
        padding-right: 0;
        position: relative; }
        #content-web2020 .cabecera-caja-blanca .caja-blanca:after {
          content: ' ';
          width: 200px;
          height: 100%;
          border-bottom-right-radius: 55%;
          border-top-right-radius: 55%;
          background: #FFF;
          position: absolute;
          top: 0;
          right: -100px;
          z-index: 1; }
        #content-web2020 .cabecera-caja-blanca .caja-blanca * {
          color: #38333B; }
        #content-web2020 .cabecera-caja-blanca .caja-blanca h1 {
          font-size: 3.929rem; }
        #content-web2020 .cabecera-caja-blanca .caja-blanca p {
          font-size: 1.5rem;
          line-height: 1.8rem; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .cabecera-caja-blanca .container {
      min-height: 180px;
      display: flex;
      align-items: center; }
    #content-web2020 .cabecera-caja-blanca h1 {
      font-size: 2.3rem;
      color: #FFF;
      margin: 0; } }
  #content-web2020 .cabecera-home + .buscador-cabecera {
    /**** Transformamos el mensaje de alerta por defecto de Liferay ****/ }
    #content-web2020 .cabecera-home + .buscador-cabecera .lfr-alert-wrapper:not([style*="height: 0px;"]) {
      background: rgba(56, 51, 59, 0.8);
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      max-width: 100%;
      height: 100% !important; }
    #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger {
      background: #FFF;
      border: 0;
      color: #38333B;
      border-radius: 0;
      margin: 20vh auto 0;
      width: 95%;
      max-width: 1280px; }
      #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger .yui3-widget-bd {
        margin-top: 20px;
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px; }
      #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger .lead {
        font-size: 30px;
        color: #ff595a;
        margin-right: 8px;
        position: relative;
        padding-left: 30px; }
      #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger .lead,
      #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger button.close {
        opacity: 1; }
        #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger .lead svg,
        #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger button.close svg {
          display: none; }
      #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger .lead:before {
        content: "\7a";
        font-family: "our-font" !important;
        position: absolute;
        top: 2px;
        left: 0; }
      #content-web2020 .cabecera-home + .buscador-cabecera .alert-danger button.close:before {
        content: "\42";
        font-family: 'our-font';
        color: #38333B; }
  @media screen and (min-width: 992px) {
    #content-web2020 .journal-content-article .cabecera-home {
      background-position: center;
      /* Center the image */
      background-repeat: no-repeat;
      /* Do not repeat the image */
      background-size: cover;
      min-height: 420px;
      align-items: center;
      display: flex;
      min-height: calc(5vh + 145px);
      max-height: calc(100vh - 129px + 50px);
      /*padding-bottom: calc(213px + 2vh); Con las pestañas de viajes alsa*/
      padding-bottom: calc(145px + 2vh);
      /*flecha a la derecha*/ }
      #content-web2020 .journal-content-article .cabecera-home + .buscador-cabecera {
        margin-top: calc(-145px - 2vh);
        margin-bottom: 35px; }
      #content-web2020 .journal-content-article .cabecera-home .container {
        max-height: calc(100vh - 276px); }
      #content-web2020 .journal-content-article .cabecera-home h2 {
        font-size: 3.929rem;
        line-height: 4.143rem;
        color: #FFF;
        margin-bottom: 2vh;
        text-shadow: 2px 2px 5px #38333B; }
      #content-web2020 .journal-content-article .cabecera-home a {
        text-decoration: none;
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: 'Blinker';
        display: block;
        width: 100%;
        color: #FFF;
        text-align: right;
        text-shadow: 2px 2px 5px #38333b; }
      #content-web2020 .journal-content-article .cabecera-home a:after {
        content: "\67";
        font-family: "our-font";
        display: inline-block;
        font-size: 13px;
        color: #FF595A;
        vertical-align: middle; }
      #content-web2020 .journal-content-article .cabecera-home .caja-flecha {
        padding: 2.4vh 3.5vh;
        margin-top: 4.5vh;
        margin-bottom: 4vh;
        box-sizing: border-box;
        width: 60% !important;
        border-top: 3.87px solid #F9F7F5;
        border-left: 3.87px solid #F9F7F5;
        border-bottom: 3.87px solid #F9F7F5;
        border-right: 3.87px solid #F9F7F5; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .journal-content-article .cabecera-home {
      display: none; }
      #content-web2020 .journal-content-article .cabecera-home + .buscador-cabecera {
        /*Esto es necesario para carga de la home, para el parámetro CLS*/
        /*min-height: 520px; con las pestañas de alsa viajes*/
        min-height: 470px; }
        #content-web2020 .journal-content-article .cabecera-home + .buscador-cabecera .journey-search-portlet {
          /*min-height: 505px; con las pestañas de alsa viajes*/
          min-height: 467px; }
        #content-web2020 .journal-content-article .cabecera-home + .buscador-cabecera #portlet_JourneySearchPortlet_WAR_Alsaportlet_INSTANCE_JourneySearch_21651890 {
          /*min-height: 477px; con las pestañas de alsa viajes*/
          min-height: 465px; } }
  #content-web2020 .cabecera-contenido {
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    position: relative; }
    #content-web2020 .cabecera-contenido h1 {
      font-size: 1.875rem;
      margin-top: 65px;
      margin-bottom: 80px;
      color: #FFF; }
  @media screen and (min-width: 992px) {
    #content-web2020 .cabecera-contenido .container {
      max-height: calc(100vh - 130px);
      display: flex;
      align-items: center;
      padding-bottom: calc(145px + 3vh); }
    #content-web2020 .cabecera-contenido h1 {
      margin-top: 9vh;
      margin-bottom: 9vh;
      font-size: 5.714rem;
      line-height: 6rem;
      color: #FFF;
      text-shadow: 2px 2px 5px #38333B; }
    #content-web2020 .buscador-cabecera {
      /*width: calc((100% - 970px) / 2 + 970px);*/
      /*margin-top: calc(-180px - 3vh); Con las pestañas de viajes alsa*/
      margin-top: calc(-145px - 3vh);
      position: relative;
      margin-bottom: 50px; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .cabecera-contenido + .buscador-cabecera #journeySearchEmbeddedContainer {
      margin-top: -20px; }
    #content-web2020 .cabecera-contenido h1 {
      min-height: 140px;
      display: flex;
      align-items: center;
      margin: 0px;
      text-shadow: 2px 2px 2px #38333B; }
    #content-web2020 .cabecera-contenido > .container {
      padding-bottom: 20px; } }
  @media screen and (max-width: 991px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #content-web2020 .cabecera-contenido h1 {
      height: 140px; } }
  #content-web2020 .contenido-agrupado {
    margin-top: 20px;
    /* Piden que este componente tenga por debajo el mismo espaciado que acabamos de asignar por encima:
	40px sera el espacio entre este ".fila-bloques" y el componente ".bloques-configurable". Por tanto:
	en este estilo ".contenido-agrupado": establecemos un margin-bottom de 20px
	en el estilo ".bloques-configurable": establecemos un margin-top de 20px */
    margin-bottom: 20px; }
    #content-web2020 .contenido-agrupado .fila-bloques {
      font-size: 1.286rem; }
      #content-web2020 .contenido-agrupado .fila-bloques.claro .item {
        background: #FFF;
        border: 1px solid #E6ECF2; }
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item:not(:first-of-type) {
          border-left: 0; }
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item:nth-child(2n+1) .darkenized {
          background: #FFF; }
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item .texto,
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item .texto .titulo {
          color: #38333A; }
      #content-web2020 .contenido-agrupado .fila-bloques.apilado-mobile {
        min-height: 70px; }
        #content-web2020 .contenido-agrupado .fila-bloques.apilado-mobile .item:not(:last-of-type) {
          border-right: 2px solid #FFF; }
    #content-web2020 .contenido-agrupado .fila-bloques,
    #content-web2020 .contenido-agrupado .carousel-inner {
      display: flex; }
      #content-web2020 .contenido-agrupado .fila-bloques .item,
      #content-web2020 .contenido-agrupado .carousel-inner .item {
        background: #38333B; }
        #content-web2020 .contenido-agrupado .fila-bloques .item:nth-child(2n+1) .darkenized,
        #content-web2020 .contenido-agrupado .carousel-inner .item:nth-child(2n+1) .darkenized {
          background: rgba(0, 0, 0, 0.2); }
        #content-web2020 .contenido-agrupado .fila-bloques .item img,
        #content-web2020 .contenido-agrupado .carousel-inner .item img {
          width: 100%; }
        #content-web2020 .contenido-agrupado .fila-bloques .item a,
        #content-web2020 .contenido-agrupado .carousel-inner .item a {
          text-decoration: none; }
        #content-web2020 .contenido-agrupado .fila-bloques .item .texto,
        #content-web2020 .contenido-agrupado .carousel-inner .item .texto {
          padding: 25px 20px;
          display: block;
          color: #FFF;
          text-decoration: none; }
          #content-web2020 .contenido-agrupado .fila-bloques .item .texto span,
          #content-web2020 .contenido-agrupado .carousel-inner .item .texto span {
            display: block; }
          #content-web2020 .contenido-agrupado .fila-bloques .item .texto .titulo,
          #content-web2020 .contenido-agrupado .carousel-inner .item .texto .titulo {
            color: #FFF;
            font-size: 30px;
            margin-bottom: 18px;
            position: relative; }
            #content-web2020 .contenido-agrupado .fila-bloques .item .texto .titulo img,
            #content-web2020 .contenido-agrupado .carousel-inner .item .texto .titulo img {
              width: auto;
              max-height: 20px;
              margin-top: -3px;
              margin-right: 10px; }
            #content-web2020 .contenido-agrupado .fila-bloques .item .texto .titulo .icn-angle-down:before,
            #content-web2020 .contenido-agrupado .carousel-inner .item .texto .titulo .icn-angle-down:before {
              position: absolute;
              top: 0;
              right: 0;
              color: #FF595A; }
            #content-web2020 .contenido-agrupado .fila-bloques .item .texto .titulo .icn-angle-right:before,
            #content-web2020 .contenido-agrupado .carousel-inner .item .texto .titulo .icn-angle-right:before {
              position: absolute;
              top: 0;
              right: 0;
              color: #FF595A; }
          #content-web2020 .contenido-agrupado .fila-bloques .item .texto .texto-bloque,
          #content-web2020 .contenido-agrupado .carousel-inner .item .texto .texto-bloque {
            font-size: 17px;
            line-height: 27px; }
          #content-web2020 .contenido-agrupado .fila-bloques .item .texto .titulo:only-child,
          #content-web2020 .contenido-agrupado .fila-bloques .item .texto .texto-bloque:only-child,
          #content-web2020 .contenido-agrupado .carousel-inner .item .texto .titulo:only-child,
          #content-web2020 .contenido-agrupado .carousel-inner .item .texto .texto-bloque:only-child {
            font-size: 20px;
            text-align: center;
            margin-bottom: 0; }
    #content-web2020 .contenido-agrupado .nav.nav-tabs {
      border-bottom: 0; }
      #content-web2020 .contenido-agrupado .nav.nav-tabs li {
        padding-bottom: 15px !important; }
        #content-web2020 .contenido-agrupado .nav.nav-tabs li a {
          background: red; }
  @media screen and (max-width: 992px) {
    #content-web2020 .contenido-agrupado {
      margin-top: 12px;
      /* En la Home (mobile) debe haber espaciado vertical de 25px entre el componente ".contenido-agrupado" y el ".bloques-configurable". Por tanto:
	en este estilo ".contenido-agrupado" (mobile): establecemos un margin-bottom de 12px
	en el estilo ".bloques-configurable"(mobile): establecemos un margin-top de 12px */
      margin-bottom: 12px; }
      #content-web2020 .contenido-agrupado .fila-bloques.claro .item {
        background: #FFF;
        border: 1px solid #E6ECF2; }
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item:not(:first-of-type) {
          border-left: 0; }
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item:nth-child(2n+1) .darkenized {
          background: #FFF; }
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item .texto,
        #content-web2020 .contenido-agrupado .fila-bloques.claro .item .texto .titulo {
          color: #38333A; }
      #content-web2020 .contenido-agrupado .fila-bloques .bloque-100 {
        width: 100%; }
      #content-web2020 .contenido-agrupado .fila-bloques.claro .item:not(:first-of-type) {
        border-left: 1px;
        border-top: 0; }
      #content-web2020 .contenido-agrupado .fila-bloques.apilado-mobile {
        display: block; }
        #content-web2020 .contenido-agrupado .fila-bloques.apilado-mobile .item:not(:last-of-type) {
          border-right: 0; }
        #content-web2020 .contenido-agrupado .fila-bloques.apilado-mobile .item .texto .titulo {
          padding-right: 20px; }
          #content-web2020 .contenido-agrupado .fila-bloques.apilado-mobile .item .texto .titulo .icn-angle-right:before {
            font-size: 16px;
            top: 50%;
            margin-top: -8px; }
      #content-web2020 .contenido-agrupado .fila-bloques .item .texto .titulo:only-child,
      #content-web2020 .contenido-agrupado .fila-bloques .item .texto .texto-bloque:only-child {
        font-size: 20px;
        text-align: left; } }
  @media screen and (max-width: 768px) {
    #content-web2020 .contenido-agrupado .carousel-inner {
      margin-bottom: 60px; }
    #content-web2020 .contenido-agrupado ol.carousel-indicators {
      bottom: -55px; }
      #content-web2020 .contenido-agrupado ol.carousel-indicators li {
        border: 2px solid #9F9F9F;
        width: 12px;
        height: 12px;
        margin: 4px; }
      #content-web2020 .contenido-agrupado ol.carousel-indicators li.active {
        border-color: #FF595A;
        background: #FF595A; } }
  #content-web2020 .contenido-agrupado-foto .tab-pane {
    background-color: #38333B;
    float: left; }
    #content-web2020 .contenido-agrupado-foto .tab-pane * {
      color: #FFF; }
      #content-web2020 .contenido-agrupado-foto .tab-pane *.titulo {
        color: #3FC8EB;
        margin-bottom: 25px;
        font-size: 30px;
        line-height: 34px; }
    #content-web2020 .contenido-agrupado-foto .tab-pane p {
      margin-bottom: 5px; }
    #content-web2020 .contenido-agrupado-foto .tab-pane .enlace {
      margin-top: 25px; }
      #content-web2020 .contenido-agrupado-foto .tab-pane .enlace a {
        text-decoration: none;
        position: relative;
        padding-right: 16px; }
        #content-web2020 .contenido-agrupado-foto .tab-pane .enlace a:before {
          position: absolute;
          right: 0;
          top: 1px;
          color: #FF595A; }
  #content-web2020 .contenido-agrupado-foto .imagen {
    background-size: cover; }
  @media screen and (min-width: 768px) {
    #content-web2020 .contenido-agrupado-foto .nav-tabs {
      float: right;
      margin-top: -50px; }
    #content-web2020 .contenido-agrupado-foto .tab-pane {
      padding: 35px 30px; }
      #content-web2020 .contenido-agrupado-foto .tab-pane .texto {
        height: 290px;
        overflow: auto; }
        #content-web2020 .contenido-agrupado-foto .tab-pane .texto--vertical-center {
          display: table-cell;
          vertical-align: middle; }
    #content-web2020 .contenido-agrupado-foto .imagen,
    #content-web2020 .contenido-agrupado-foto .tab-pane {
      height: 360px; } }
  @media screen and (max-width: 767px) {
    #content-web2020 .contenido-agrupado-foto .tab-pane {
      padding: 16px; }
      #content-web2020 .contenido-agrupado-foto .tab-pane .titulo {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 12px; }
    #content-web2020 .contenido-agrupado-foto .imagen {
      height: 160px; } }
  #content-web2020 .contenido-pagina-editable ul {
    padding-left: 20px; }
  #content-web2020 .informacion-destacada {
    padding-bottom: 0; }
    #content-web2020 .informacion-destacada ul {
      flex-wrap: wrap;
      background-color: #FFF;
      list-style: none;
      margin-bottom: 0px;
      padding: 0 14px;
      box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1); }
      #content-web2020 .informacion-destacada ul li {
        border-color: #E1E0E1;
        border-width: 1px;
        border-bottom-style: solid;
        text-align: center;
        padding: 20px 20px; }
        #content-web2020 .informacion-destacada ul li * {
          display: block; }
        #content-web2020 .informacion-destacada ul li:last-of-type {
          border: 0; }
        #content-web2020 .informacion-destacada ul li strong {
          font-size: 17px;
          margin-bottom: 10px; }
        #content-web2020 .informacion-destacada ul li span {
          font-size: 30px;
          line-height: 34px; }
  @media screen and (min-width: 992px) {
    #content-web2020 .informacion-destacada ul {
      padding: 25px 0;
      display: flex; }
      #content-web2020 .informacion-destacada ul li {
        width: 25%;
        padding: 0 25px;
        border-right-style: solid;
        border-bottom: 0; }
    #content-web2020 .informacion-destacada--three ul li {
      width: calc(100% / 3); } }
  #content-web2020 .modulo-informacion {
    padding-top: 7px; }
    #content-web2020 .modulo-informacion p {
      margin-bottom: 20px; }
  @media screen and (min-width: 992px) {
    #content-web2020 .modulo-informacion {
      background-color: #FFF;
      font-size: 1.286rem;
      line-height: 24px; } }
  #content-web2020 .pestania, #content-web2020 .nav-tabs li a, .nav-tabs li #content-web2020 a {
    display: block;
    padding: 0;
    padding-bottom: 3px;
    margin: 0 10px;
    border: 0;
    background: transparent;
    opacity: .5;
    font-size: 21px;
    color: #38333B;
    /* 2020_03_27 - WAEVO-294 arreglo de pestanas en los modulos de rutas. */
    min-height: 26px;
    line-height: 20px; }
  #content-web2020 .pestania-activa, #content-web2020 .nav-tabs li a.active, .nav-tabs li #content-web2020 a.active, #content-web2020 .nav-tabs li.active a, .nav-tabs li.active #content-web2020 a {
    border-bottom: 3px solid #3FC8EB;
    opacity: 1; }
  #content-web2020 .section, #content-web2020 .contenido-agrupado-foto, #content-web2020 .informacion-destacada {
    padding-top: 60px;
    padding-bottom: 60px; }
  #content-web2020 .contenido-agrupado-foto {
    padding-top: 0px; }
  #content-web2020 .enlace-blanco, #content-web2020 .modulo-rutas ul.listado-rutas li a, .modulo-rutas ul.listado-rutas li #content-web2020 a {
    color: #FFF;
    text-decoration: none; }
  #content-web2020 .icon-calendar {
    padding-left: 30px !important;
    /* 	background-color: #ffffff; */
    background-image: url(http://desarrollodxp.alsa.es/o/Alsa-main-theme/images/web2020/iconos/icon_calendar.gif);
    background-repeat: no-repeat;
    background-position: 8px 50%; }
  #content-web2020 select, #content-web2020 .ui-datepicker select, .ui-datepicker #content-web2020 select, #content-web2020 textarea,
  #content-web2020 input[type="text"],
  #content-web2020 input[type="password"],
  #content-web2020 input[type="datetime"],
  #content-web2020 input[type="datetime-local"],
  #content-web2020 input[type="date"],
  #content-web2020 input[type="month"],
  #content-web2020 input[type="time"],
  #content-web2020 input[type="week"],
  #content-web2020 input[type="number"],
  #content-web2020 input[type="email"],
  #content-web2020 input[type="url"],
  #content-web2020 input[type="search"],
  #content-web2020 input[type="tel"],
  #content-web2020 input[type="color"],
  #content-web2020 input.mat-input-element,
  #content-web2020 .home .search-general .form-group input, .home .search-general .form-group #content-web2020 input,
  #content-web2020 .uneditable-input {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #9F9F9F;
    border-radius: 0;
    height: 53px;
    color: #38333B;
    font-size: 1.071rem;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 22px;
    box-shadow: none;
    background-color: #FFF;
    font-family: "Open-Sans", "Arial", "sans-serif";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #content-web2020 form label, form #content-web2020 label, #content-web2020 .form-group label, .form-group #content-web2020 label, #content-web2020 .c-birth-date__label {
    position: absolute;
    font-size: 0.929rem;
    line-height: 0.929rem;
    color: #38333B;
    font-family: "Open-Sans", "Arial", "sans-serif";
    transform: none; }
  #content-web2020 select {
    background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
    background-repeat: no-repeat;
    background-position: 98% 30px;
    background-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 25px 23px 6px 0;
    cursor: pointer;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    outline: 0; }
  #content-web2020 input[type="checkbox"]:not(.field),
  #content-web2020 input[type="radio"] {
    width: 0;
    height: 0;
    position: absolute;
    clip: rect(0, 0, 0, 0); }
  #content-web2020 .sag-modal-dialog input[type="radio"] + label:before,
  #content-web2020 .sag-modal-dialog input[type="checkbox"] + label:before, #content-web2020 label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before, label.rememberMe #content-web2020 input[type="checkbox"] + .custom-checkbox-box:before,
  #content-web2020 input[type="radio"] + label:before,
  #content-web2020 input[type="checkbox"] + label:before, #content-web2020 .simula-checkbox:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    top: -1px;
    border: 1px solid #9F9F9F;
    -webkit-box-shadow: 0px 4px 8px 0px #38333b;
    -moz-box-shadow: 0px 4px 8px 0px #38333b;
    box-shadow: 0px 4px 8px 0px rgba(56, 51, 59, 0.15); }
  #content-web2020 .sag-modal-dialog input[type="radio"] + label:before,
  #content-web2020 input[type="radio"] + label:before {
    border-radius: 50%; }
  #content-web2020 .sag-modal-dialog input[type="radio"]:checked + label:after, #content-web2020 input[type="radio"]:checked + label:after {
    content: " ";
    background-color: #38333B;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 6px;
    top: 5px;
    display: inline-block; }
  #content-web2020 .sag-modal-dialog input[type="checkbox"]:checked + label:before, #content-web2020 input[type="checkbox"]:checked + label:before, #content-web2020 .simula-checkbox.sel:before, #content-web2020 .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before, .portlet-login label.rememberMe #content-web2020 input[type="checkbox"]:checked + .custom-checkbox-box:before {
    content: "\6f";
    font-family: "our-font" !important;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    color: #38333B; }
  #content-web2020 .sag-modal-dialog input[type="checkbox"] + label,
  #content-web2020 .sag-modal-dialog input[type="radio"] + label, #content-web2020 input[type="checkbox"] + label,
  #content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox {
    font-size: 1.071rem;
    line-height: 1.19rem;
    position: relative;
    padding-left: 30px;
    margin-bottom: 6px; }
  
  #content-web2020 .sag-modal-dialog input[type="radio"] + label,
  #content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, #content-web2020 .portlet-login label.rememberMe, .portlet-login #content-web2020 label.rememberMe {
    padding-left: 25px; }
  #content-web2020 .sag-modal-dialog input[type="radio"] + label:before,
  #content-web2020 input[type="radio"] + label:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    border: 1px solid #9F9F9F;
    border-radius: 50%;
    left: 0; }
  #content-web2020 .sag-modal--aviso__boton, #content-web2020 .login-panel-btns button, .login-panel-btns #content-web2020 button,
  #content-web2020 .btn.btn-primary,
  #content-web2020 .button-transparent > *, #content-web2020 .c-pwa__button {
    color: #FF595A;
    font-size: 1.214rem;
    line-height: 1.4rem;
    font-weight: bold;
    white-space: normal;
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-radius: 0px;
    border: 2px solid #FF595A; }
  #content-web2020 .sag-modal--aviso__boton:hover, #content-web2020 .sag-modal--aviso__boton:focus, #content-web2020 .sag-modal--aviso__boton:active, #content-web2020 .login-panel-btns button:hover, .login-panel-btns #content-web2020 button:hover, #content-web2020 .login-panel-btns button:focus, .login-panel-btns #content-web2020 button:focus, #content-web2020 .login-panel-btns button:active, .login-panel-btns #content-web2020 button:active,
  #content-web2020 .btn.btn-primary:hover,
  #content-web2020 .btn.btn-primary:focus,
  #content-web2020 .btn.btn-primary:active,
  #content-web2020 .button-transparent > *:hover,
  #content-web2020 .button-transparent > *:focus,
  #content-web2020 .button-transparent > *:active {
    background-color: #E5464B;
    color: #fff;
    border-color: #E5464B;
    outline: 0;
    box-shadow: none; }
  #content-web2020 .sag-modal.sag-modal--btn-bck .sag-modal-footer .btn, .sag-modal.sag-modal--btn-bck .sag-modal-footer #content-web2020 .btn, #content-web2020 .sag-modal--aviso__boton--destacado, #content-web2020 .btn.btn-primary.sel,
  #content-web2020 .btn.btn-primary.btn-primary-bck {
    background-color: #FF595A !important;
    color: #FFF; }
  #content-web2020 .sag-modal.sag-modal--border .sag-modal-dialog, .sag-modal.sag-modal--border #content-web2020 .sag-modal-dialog, #content-web2020 .sag-modal--aviso .sag-modal-content, .sag-modal--aviso #content-web2020 .sag-modal-content {
    border: 4px solid #3FC8EB; }
  #content-web2020 .modulo-rutas {
    padding-bottom: 60px; }
    #content-web2020 .modulo-rutas ul.listado-rutas {
      display: flex;
      flex-wrap: wrap;
      list-style: none; }
      #content-web2020 .modulo-rutas ul.listado-rutas li {
        color: #FFF;
        background-color: #38333B;
        padding: 27px;
        text-align: center;
        margin-bottom: 10px;
        font-size: 22px;
        /* Las siguientes propiedades alinean verticalmente los elementos del listado de rutas
		    cuando alguno de ellos tiene un texto de varias lineas */
        display: flex;
        align-items: center;
        justify-content: center; }
        #content-web2020 .modulo-rutas ul.listado-rutas li.stretch {
          /* estirar la anchura. Solo se aplica este estilo a los elementos de la ultima fila */
          flex-grow: 1; }
  #content-web2020 .radio-align:before {
    top: -2px !important; }
  #content-web2020 .radio-align:after {
    top: 4px !important; }
  @media screen and (min-width: 992px) {
    #content-web2020 .modulo-rutas ul.listado-rutas li {
      width: 33.3%;
      margin-bottom: 27px; }
      #content-web2020 .modulo-rutas ul.listado-rutas li:nth-child(3n+2) {
        background-color: #2C282F; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .modulo-rutas {
      padding-bottom: 40px; }
      #content-web2020 .modulo-rutas ul.listado-rutas li:nth-child(even) {
        background-color: #2C282F; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #content-web2020 .modulo-rutas ul.listado-rutas li {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    #content-web2020 .modulo-rutas ul.listado-rutas li {
      width: 100%; } }
  #content-web2020 .contenedor-modulos-informacion {
    margin-top: 20px;
    margin-bottom: 20px;
    /*flecha a la derecha*/ }
    #content-web2020 .contenedor-modulos-informacion ul {
      list-style: none;
      display: flex; }
    #content-web2020 .contenedor-modulos-informacion .bloque {
      background-color: #fff;
      padding: 30px 30px 0px 30px;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between; }
    #content-web2020 .contenedor-modulos-informacion .bloque:nth-child(2):before {
      content: "";
      position: absolute;
      top: 0;
      left: -20px;
      height: 100%;
      width: 20px;
      opacity: 0.1;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    #content-web2020 .contenedor-modulos-informacion .bloque:nth-child(2):after {
      content: "";
      position: absolute;
      /* transform: scaleX(-1); */
      top: 0;
      z-index: 1;
      right: -20px;
      height: 100%;
      width: 20px;
      opacity: 0.1;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    #content-web2020 .contenedor-modulos-informacion .texto {
      color: #38333B;
      font-size: 0.9375rem;
      letter-spacing: 0.1px;
      line-height: 26px;
      margin-bottom: 70px; }
      #content-web2020 .contenedor-modulos-informacion .texto.texto--titulo {
        width: 100%;
        margin-bottom: 20px;
        font-family: Blinker, Arial, sans-serif;
        font-size: 30px;
        line-height: 42px; }
    #content-web2020 .contenedor-modulos-informacion .enlace {
      color: #38333B;
      font-family: Blinker, Arial, sans-serif;
      font-size: 21px;
      line-height: 30px;
      line-height: 30px;
      margin-bottom: 30px;
      text-decoration: none; }
    #content-web2020 .contenedor-modulos-informacion .enlace:after {
      content: "\67";
      font-family: "our-font";
      display: inline-block;
      font-size: 13px;
      color: #FF595A;
      vertical-align: middle; }
  @media screen and (min-width: 992px) {
    #content-web2020 .contenedor-modulos-informacion .texto {
      font-size: 1.286rem; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .contenedor-modulos-informacion {
      margin-top: 12px;
      margin-bottom: 12px; }
      #content-web2020 .contenedor-modulos-informacion > .container {
        padding: 0px; }
      #content-web2020 .contenedor-modulos-informacion ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 15px; }
      #content-web2020 .contenedor-modulos-informacion .row {
        margin-left: 0px;
        margin-right: 0px; }
      #content-web2020 .contenedor-modulos-informacion .bloque {
        padding: 20px 15px 0px 15px;
        -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.21);
        -moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.21);
        box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.21); }
      #content-web2020 .contenedor-modulos-informacion .bloque:first-child:after {
        content: "";
        position: absolute;
        top: auto;
        bottom: 0px;
        z-index: 1;
        right: 0px;
        height: 20px;
        width: 100%;
        opacity: 0.1;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
      #content-web2020 .contenedor-modulos-informacion .bloque:nth-child(2):before {
        display: none; }
      #content-web2020 .contenedor-modulos-informacion .bloque:nth-child(2):after {
        top: auto;
        bottom: 0px;
        z-index: 1;
        right: 0px;
        height: 20px;
        width: 100%;
        opacity: 0.1;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } }
  #content-web2020 .c-dropdown-with-info {
    background: #FFF;
    padding: 30px 0;
    margin-top: -4px; }
    #content-web2020 .c-dropdown-with-info__texto-superior, #content-web2020 .c-dropdown-with-info__texto-inferior {
      font-size: 1.2rem; }
    #content-web2020 .c-dropdown-with-info__texto-superior {
      margin-bottom: 30px; }
    #content-web2020 .c-dropdown-with-info__texto-inferior {
      margin-top: 30px; }
  #content-web2020 .dropdown2020.dropdown-spacing {
    margin-top: 25px;
    margin-bottom: 25px; }
  #content-web2020 .dropdown2020 .preguntas-frecuentes {
    border-top: 1px solid #E1E0E1; }
    #content-web2020 .dropdown2020 .preguntas-frecuentes .panel-default {
      border: 0;
      margin-top: 0;
      box-shadow: none;
      border-bottom: 1px solid #E1E0E1; }
    #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq {
      background-color: #FFF;
      border-bottom: 2px solid #e1e0e1; }
      #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a {
        line-height: 30px;
        font-size: 1.5rem;
        font-weight: bold;
        color: #38333B;
        padding: 10px;
        display: block;
        position: relative;
        padding-right: 41px;
        overflow: hidden; }
        #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:before {
          content: "\68";
          /* Ponemos la flecha para arriba cuando está descolapsado */
          font-family: "our-font";
          top: 11px;
          right: 10px;
          color: #FF595A;
          font-size: unset;
          position: absolute;
          z-index: 3;
          font-weight: normal; }
        #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:hover, #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:active, #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:focus {
          text-decoration: none; }
        #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:after {
          content: ' ';
          background: #f5f5f5;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          transition: top .3s;
          z-index: 2; }
        #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a.collapsed {
          background: #FFF; }
          #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a.collapsed:before {
            content: "\65";
            /* Cuando está colapsado le ponemos la flecha para abajo */ }
          #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a.collapsed:after {
            top: -100%; }
        #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq > a .container-displays-blinds {
          position: relative;
          z-index: 3; }
    #content-web2020 .dropdown2020 .preguntas-frecuentes .panel-collapse {
      border-bottom: 1px solid #E1E0E1; }
    #content-web2020 .dropdown2020 .preguntas-frecuentes .contenido-preguntas-frecuentes {
      font-size: 1.214rem;
      line-height: 24px;
      color: #38333B;
      padding: 18px 10px 6px; }
      #content-web2020 .dropdown2020 .preguntas-frecuentes .contenido-preguntas-frecuentes a {
        line-height: 30px;
        font-size: 1.214rem;
        color: #38333B; }
      #content-web2020 .dropdown2020 .preguntas-frecuentes .contenido-preguntas-frecuentes p {
        position: relative;
        /*
				2020_02_25 WAEVO-214 - Debemos eliminar los iconos de flecha dentro del acordeon (ver captura en Jira). Los comentamos:
				&:after{
					position:absolute;
					content: "\66";
					margin-top: 2px;
					font-family: "our-font";
					color: #FF595A; color: var(--bck-botones);
					margin-left: 16px;
				}
				*/ }
  @media screen and (max-width: 991px) {
    #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq a {
      font-size: 1.3rem;
      line-height: 1.8rem; } }
  #content-web2020 .dropdown2020 .cuerpo-pagina-editable {
    /* 2020_02_27 Estilo del titulo del acordeon en paginas generales */
    line-height: 30px;
    font-size: 1.214rem;
    margin-bottom: 24px; }
    #content-web2020 .dropdown2020 .cuerpo-pagina-editable.preguntas-frecuentes-texto-superior * {
      line-height: 42px;
      /* 2020_02_27 Estilo del titulo del acordeon en las paginas de Ayuda */
      /* 2020_02_21 WAEVO-212: reducimos el font-size del titulo del acordeon,
			originalmente eran 32px, ahora 26px */
      font-size: 1.857rem;
      /* 1.857rem=26px */
      margin-bottom: 24px; }
      #content-web2020 .dropdown2020 .cuerpo-pagina-editable.preguntas-frecuentes-texto-superior * p {
        margin-bottom: initial; }
  #content-web2020 .basic-search .search-query {
    /* Reseteamos los estilos del input para que tome los del admin de Liferay*/
    height: 33px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  #content-web2020 .btn-alsa {
    color: #3FC8EB !important;
    border-color: #3FC8EB !important;
    line-height: 20px !important;
    outline: 0; }
    #content-web2020 .btn-alsa:hover, #content-web2020 .btn-alsa:focus, #content-web2020 .btn-alsa:active {
      background-color: #3FC8EB !important;
      color: #fff !important; }
  #content-web2020 button.close-modal {
    background: none;
    outline: none;
    border: none; }
    #content-web2020 button.close-modal :focus {
      outline: none;
      background: none; }
    #content-web2020 button.close-modal label {
      cursor: pointer;
      position: relative !important;
      font-family: "Open-Sans","Arial","sans-serif";
      font-weight: normal;
      font-size: 0.929rem; }
    #content-web2020 button.close-modal.with-icon-bar {
      /** Para la ventana modal que se abre en el login de usuario **/
      position: relative;
      min-height: 40px;
      margin-top: -20px; }
    #content-web2020 button.close-modal > .icon-bar {
      background-color: #38333B;
      display: block;
      width: 30px;
      height: 2px;
      border-radius: 1px; }
      #content-web2020 button.close-modal > .icon-bar:nth-child(1) {
        transform: rotate(-45deg);
        position: absolute;
        margin-top: 14px; }
      #content-web2020 button.close-modal > .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        margin-top: 14px; }
    #content-web2020 button.close-modal > .icon-close {
      font-size: 20px; }
  #content-web2020 .btn-cancel {
    color: #38333B; }
    #content-web2020 .btn-cancel:before {
      font-size: 8px;
      border: 1px solid;
      border-radius: 50%;
      padding: 5px;
      margin-right: 5px;
      color: #38333B; }
  #content-web2020 .login-panel-btns button.btn-facebook2,
  #content-web2020 #btn_facebook2_class.btn.btn-primary.btn-facebook2,
  #content-web2020 .btn.btn-primary.btn-facebook2,
  #content-web2020 .button-transparent > *.btn-facebook2 {
    color: #4267B2;
    background-color: #fff;
    border: 2px solid #4267B2;
    padding: 8px 0px; }
    #content-web2020 .login-panel-btns button.btn-facebook2:hover,
    #content-web2020 #btn_facebook2_class.btn.btn-primary.btn-facebook2:hover,
    #content-web2020 .btn.btn-primary.btn-facebook2:hover,
    #content-web2020 .button-transparent > *.btn-facebook2:hover {
      background-color: #4267B2;
      color: #fff; }
    #content-web2020 .login-panel-btns button.btn-facebook2 > span,
    #content-web2020 #btn_facebook2_class.btn.btn-primary.btn-facebook2 > span,
    #content-web2020 .btn.btn-primary.btn-facebook2 > span,
    #content-web2020 .button-transparent > *.btn-facebook2 > span {
      font-size: 20px;
      padding-right: 10px; }
  #content-web2020 .login-panel-btns button.btn--voucher,
  #content-web2020 #btn_facebook2_class.btn.btn-primary.btn--voucher,
  #content-web2020 .btn.btn-primary.btn--voucher,
  #content-web2020 .button-transparent > *.btn--voucher {
    background: var(--color-bonos);
    color: #FFF;
    border: 0; }
  #content-web2020 .c-node-indicator {
    display: block;
    text-align: center; }
  #content-web2020 textarea,
  #content-web2020 input[type="text"],
  #content-web2020 input[type="password"],
  #content-web2020 input[type="datetime"],
  #content-web2020 input[type="datetime-local"],
  #content-web2020 input[type="date"],
  #content-web2020 input[type="month"],
  #content-web2020 input[type="time"],
  #content-web2020 input[type="week"],
  #content-web2020 input[type="number"],
  #content-web2020 input[type="email"],
  #content-web2020 input[type="url"],
  #content-web2020 input[type="search"],
  #content-web2020 input[type="tel"],
  #content-web2020 input[type="color"],
  #content-web2020 input.mat-input-element,
  #content-web2020 .home .search-general .form-group input,
  #content-web2020 .uneditable-input {
    padding: 25px 0 6px 0; }
    #content-web2020 textarea::-webkit-input-placeholder, #content-web2020 textarea::-moz-placeholder,
    #content-web2020 input[type="text"]::-webkit-input-placeholder,
    #content-web2020 input[type="text"]::-moz-placeholder,
    #content-web2020 input[type="password"]::-webkit-input-placeholder,
    #content-web2020 input[type="password"]::-moz-placeholder,
    #content-web2020 input[type="datetime"]::-webkit-input-placeholder,
    #content-web2020 input[type="datetime"]::-moz-placeholder,
    #content-web2020 input[type="datetime-local"]::-webkit-input-placeholder,
    #content-web2020 input[type="datetime-local"]::-moz-placeholder,
    #content-web2020 input[type="date"]::-webkit-input-placeholder,
    #content-web2020 input[type="date"]::-moz-placeholder,
    #content-web2020 input[type="month"]::-webkit-input-placeholder,
    #content-web2020 input[type="month"]::-moz-placeholder,
    #content-web2020 input[type="time"]::-webkit-input-placeholder,
    #content-web2020 input[type="time"]::-moz-placeholder,
    #content-web2020 input[type="week"]::-webkit-input-placeholder,
    #content-web2020 input[type="week"]::-moz-placeholder,
    #content-web2020 input[type="number"]::-webkit-input-placeholder,
    #content-web2020 input[type="number"]::-moz-placeholder,
    #content-web2020 input[type="email"]::-webkit-input-placeholder,
    #content-web2020 input[type="email"]::-moz-placeholder,
    #content-web2020 input[type="url"]::-webkit-input-placeholder,
    #content-web2020 input[type="url"]::-moz-placeholder,
    #content-web2020 input[type="search"]::-webkit-input-placeholder,
    #content-web2020 input[type="search"]::-moz-placeholder,
    #content-web2020 input[type="tel"]::-webkit-input-placeholder,
    #content-web2020 input[type="tel"]::-moz-placeholder,
    #content-web2020 input[type="color"]::-webkit-input-placeholder,
    #content-web2020 input[type="color"]::-moz-placeholder,
    #content-web2020 input.mat-input-element::-webkit-input-placeholder,
    #content-web2020 input.mat-input-element::-moz-placeholder,
    #content-web2020 .home .search-general .form-group input::-webkit-input-placeholder,
    #content-web2020 .home .search-general .form-group input::-moz-placeholder,
    #content-web2020 .uneditable-input::-webkit-input-placeholder,
    #content-web2020 .uneditable-input::-moz-placeholder {
      color: #38333B;
      opacity: .7; }
  #content-web2020 input::-ms-reveal,
  #content-web2020 input::-ms-clear {
    display: none; }
  #content-web2020 select * {
    font-family: Blinker-Light, Arial, sans-serif; }
  #content-web2020 textarea {
    resize: vertical;
    height: 120px; }
  #content-web2020 input[type="file"] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  #content-web2020 .input-file__button {
    position: static !important; }
  #content-web2020 form label {
    z-index: 1; }
  #content-web2020 .form-group {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%; }
    #content-web2020 .form-group label {
      top: 5px;
      margin: 0;
      left: 0; }
    #content-web2020 .form-group > input {
      width: 100%; }
  #content-web2020 legend {
    font-family: "Open-Sans", "Arial", "sans-serif";
    font-size: 1.071rem;
    color: #38333B;
    margin: 0;
    border: 0; }
  #content-web2020 .ui-spinner-input {
    margin: 0; }
  #content-web2020 .units-input .ui-widget.ui-widget-content {
    border: 0;
    width: 100%; }
    #content-web2020 .units-input .ui-widget.ui-widget-content input {
      width: 100%; }
    #content-web2020 .units-input .ui-widget.ui-widget-content .ui-spinner-button {
      width: 20px;
      cursor: pointer; }
      #content-web2020 .units-input .ui-widget.ui-widget-content .ui-spinner-button span {
        display: inline-block;
        margin: 0 !important;
        font-size: 12px;
        color: #FF595A;
        background-color: transparent !important; }
        #content-web2020 .units-input .ui-widget.ui-widget-content .ui-spinner-button span.icn-angle-up {
          padding-top: 16px; }
        #content-web2020 .units-input .ui-widget.ui-widget-content .ui-spinner-button span.icn-angle-down {
          padding-top: 6px; }
  #content-web2020 .group-radios label {
    margin-right: 14px; }
  #content-web2020 .simula-checkbox.sel {
    border: 0; }
  #content-web2020 .tipo-switch {
    /* The switch - the box around the slider */ }
    #content-web2020 .tipo-switch .switch {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 24px;
      text-align: right;
      /* The slider */ }
      #content-web2020 .tipo-switch .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .4s;
        transition: .4s; }
        #content-web2020 .tipo-switch .switch .slider:before {
          position: absolute;
          content: "";
          height: 16px;
          width: 16px;
          left: 4px;
          bottom: 2px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s;
          border: 1px solid #3FC8EB; }
        #content-web2020 .tipo-switch .switch .slider.round {
          border-radius: 34px;
          border: 2px solid #3FC8EB; }
          #content-web2020 .tipo-switch .switch .slider.round:before {
            border-radius: 50%; }
      #content-web2020 .tipo-switch .switch input:checked + .slider {
        background-color: #3FC8EB; }
        #content-web2020 .tipo-switch .switch input:checked + .slider:before {
          -webkit-transform: translateX(24px);
          -ms-transform: translateX(24px);
          transform: translateX(24px); }
  #content-web2020 .tipo-switch.disabled .slider:before {
    background-color: #FFFFFF; }
  #content-web2020 .policity-conditions {
    margin-bottom: 10px;
    display: inline-block; }
    #content-web2020 .policity-conditions * {
      font-size: 0.929rem !important;
      line-height: 1rem !important; }
    #content-web2020 .policity-conditions a {
      text-decoration: underline; }
  #content-web2020 .desactivado, #content-web2020 .radio-desactivado,
  #content-web2020 .checkbox-desactivado,
  #content-web2020 input[disabled],
  #content-web2020 input[type="checkbox"][disabled] + label,
  #content-web2020 input[type="radio"][disabled] + label {
    opacity: 0.5;
    cursor: not-allowed; }
  #content-web2020 .portlet-login label.rememberMe {
    position: relative;
    margin-bottom: 15px; }
  @media screen and (min-width: 992px) {
    #content-web2020 {
      /*** Para los formularios que están en un bloque con muchos campos unos debajo de otros ***/
      /*** y cuyos inputs están dentro de bloques col- debemos eliminar los paddings-right    ***/
      /*** para todos menos para el último                                                    ***/ }
      #content-web2020 .bloque-formulario div[class*="col-"]:not(:last-of-type) {
        padding-right: 0; } }
  @media screen and (max-width: 991px) {
    #content-web2020 {
      /*** Para checkbox que llevan links en las label debemos dejar más espacio para que puedan seleccionarlo y no se pinche el enlace ***/
      /*** FIN Para checkbox que llevan links en las label debemos dejar más espacio para que puedan seleccionarlo y no se pinche el enlace ***/ }
      #content-web2020 input[type="checkbox"] + label.label--with-link {
        padding-left: 40px;
        line-height: 20px; }
      #content-web2020 input[type="checkbox"] + label.label--with-link:before {
        top: 0; } }
  #content-web2020 .cadmin.portlet-configuration-setup {
    background-color: #FFF !important; }
    #content-web2020 .cadmin.portlet-configuration-setup div .form-group {
      display: block;
      float: none; }
    #content-web2020 .cadmin.portlet-configuration-setup .cadmin.portlet-configuration-setup div .form-group {
      display: inline-block; }
    #content-web2020 .cadmin.portlet-configuration-setup input[type="radio"] {
      width: initial;
      height: initial;
      position: static;
      clip: auto; }
  #content-web2020 .lista2020 ul, #content-web2020 ul.lista2020,
  #content-web2020 .bullets ul, #content-web2020 ul.bullets {
    list-style: none; }
    #content-web2020 .lista2020 ul li, #content-web2020 ul.lista2020 li,
    #content-web2020 .bullets ul li, #content-web2020 ul.bullets li {
      position: relative;
      padding-left: 15px; }
      #content-web2020 .lista2020 ul li:before, #content-web2020 ul.lista2020 li:before,
      #content-web2020 .bullets ul li:before, #content-web2020 ul.bullets li:before {
        position: absolute;
        content: '';
        left: 0;
        top: 7px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #FF595A;
        /* var(--color-iconos-flecha:)*/ }
  #content-web2020 .lista2020 ol, #content-web2020 ol.lista2020,
  #content-web2020 .bullets ol, #content-web2020 ol.bullets {
    counter-reset: li;
    list-style: none;
    padding-left: initial; }
    #content-web2020 .lista2020 ol li, #content-web2020 ol.lista2020 li,
    #content-web2020 .bullets ol li, #content-web2020 ol.bullets li {
      counter-increment: li; }
      #content-web2020 .lista2020 ol li:before, #content-web2020 ol.lista2020 li:before,
      #content-web2020 .bullets ol li:before, #content-web2020 ol.bullets li:before {
        content: counter(li) ".";
        margin-right: 15px;
        color: #FF595A;
        /* var(--color-iconos-flecha:)*/ }
  #content-web2020 .nav-tabs {
    border: 0;
    margin-left: -10px;
    margin-right: -10px; }
    #content-web2020 .nav-tabs li {
      margin-bottom: 16px; }
    #content-web2020 .nav-tabs--white {
      margin-left: 0;
      margin-right: 0; }
      #content-web2020 .nav-tabs--white .nav-tabs {
        margin-left: 0;
        margin-right: 0; }
      #content-web2020 .nav-tabs--white li {
        margin-bottom: 0; }
        #content-web2020 .nav-tabs--white li a {
          padding: 10px 15px;
          margin: 0;
          background: #FFF; }
  @media screen and (min-width: 992px) {
    #content-web2020 .nav-tabs a {
      font-size: 21px;
      line-height: 25px; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .nav-tabs a {
      font-size: 14px;
      line-height: 16px; } }
  #content-web2020 .responsive-menu .simulate-select {
    padding: 10px 15px;
    position: relative;
    font-size: 13px;
    cursor: pointer;
    font-weight: 700; }
  #content-web2020 .responsive-menu .submenu-profile {
    position: absolute;
    background: #fff;
    border: 1px solid #dddbd6;
    border-left: 0;
    border-right: 0;
    z-index: 10;
    box-shadow: 0px 7px 17px #d0cfcd; }
    #content-web2020 .responsive-menu .submenu-profile UL LI {
      border-bottom: 1px solid #dddbd6;
      margin: 0; }
      #content-web2020 .responsive-menu .submenu-profile UL LI:last-child {
        border-bottom: 0; }
      #content-web2020 .responsive-menu .submenu-profile UL LI A {
        font-size: 13px;
        color: #38333B;
        display: block;
        padding: 10px 15px;
        word-wrap: break-word; }
  @media screen and (max-width: 991px) {
    #content-web2020 .responsive-menu {
      margin-bottom: 10px;
      background: #FFF; }
      #content-web2020 .responsive-menu .simulate-select {
        appearance: none;
        border-bottom: #3EC8EC 2px solid;
        border-right: 0;
        background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        width: 100%; }
      #content-web2020 .responsive-menu .submenu-profile {
        width: 100%; } }
  #content-web2020 table.tabla2020 {
    clear: both;
    width: 100%; }
    #content-web2020 table.tabla2020.tabla2020-spacing {
      margin-top: 25px;
      margin-bottom: 25px; }
    #content-web2020 table.tabla2020 thead tr th, #content-web2020 table.tabla2020 tbody tr td {
      padding: 15px;
      text-align: left;
      color: #000;
      min-height: 70px;
      vertical-align: top;
      border: 1px solid #E1E0E1; }
      #content-web2020 table.tabla2020 thead tr th p, #content-web2020 table.tabla2020 tbody tr td p {
        margin-top: 4px;
        margin-bottom: 4px; }
    #content-web2020 table.tabla2020 thead tr th {
      font-size: 17px;
      font-weight: 600;
      background: white; }
    #content-web2020 table.tabla2020 tbody tr td {
      font-size: 15px;
      background: #F9F7F5;
      position: relative;
      height: 1px;
      /** Necesario para que si hay un div interior class="td-content" ocupe todo el alto de la celda **/ }
      #content-web2020 table.tabla2020 tbody tr td .td-content {
        height: 100%;
        display: flex;
        flex-wrap: wrap; }
        #content-web2020 table.tabla2020 tbody tr td .td-content *:last-child {
          display: flex;
          align-items: flex-end;
          width: 100%; }
          #content-web2020 table.tabla2020 tbody tr td .td-content *:last-child [class*="icn-"] {
            color: #FF595A; }
  #content-web2020 table.tabla2020-responsive {
    width: 100%; }
    #content-web2020 table.tabla2020-responsive td,
    #content-web2020 table.tabla2020-responsive th {
      padding: 15px;
      border: 1px solid #E1E0E1; }
    #content-web2020 table.tabla2020-responsive th {
      font-size: 1.1rem; }
  #content-web2020 table.table-border {
    border-collapse: inherit; }
    #content-web2020 table.table-border td {
      border: 1px solid;
      border-bottom: 0;
      border-right: 0; }
      #content-web2020 table.table-border td:last-of-type {
        border-right: 1px solid; }
    #content-web2020 table.table-border tr:last-of-type td {
      border-bottom: 1px solid; }
  @media (min-width: 992px) {
    #content-web2020 {
      /* Eliminacion de bordes duplicados. Lo metemos en el @media para que no afecte a resoluciones de tablets/moviles  */ }
      #content-web2020 table.tabla2020 thead tr th:not(:first-child) {
        /* Evitamos duplicar el borde en segunda y sucesivas celdas */
        border-left: none; }
      #content-web2020 table.tabla2020 tbody tr td {
        /* el thead ya aporta un borde; evitamos duplicarlo en el tbody: */
        border-top: none; }
        #content-web2020 table.tabla2020 tbody tr td:not(:first-td-desktop) {
          /*&:not(:first-child){*/
          /* Evitamos duplicar el borde en segunda y sucesivas celdas */
          border-left: none; } }
  @media (max-width: 991px) {
    #content-web2020 table.tabla2020 thead {
      display: none; }
    #content-web2020 table.tabla2020 tbody tr {
      display: block;
      margin-top: 20px; }
      #content-web2020 table.tabla2020 tbody tr:first-child {
        margin-top: 0; }
      #content-web2020 table.tabla2020 tbody tr td {
        /* "display:flex": cada <td> ocupa la fila entera */
        display: flex;
        align-items: center;
        vertical-align: middle; }
        #content-web2020 table.tabla2020 tbody tr td:nth-child(odd) {
          /* Aplicamos estilo de encabezado a las celdas impares */
          font-size: 17px;
          font-weight: 600;
          background: white; }
        #content-web2020 table.tabla2020 tbody tr td:not(:first-child) {
          /* Evitamos duplicar el borde en segunda y sucesivas filas */
          border-top: none; }
    #content-web2020 table.tabla2020-responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    #content-web2020 table.tabla2020-responsive,
    #content-web2020 table.tabla2020-responsive thead,
    #content-web2020 table.tabla2020-responsive tbody,
    #content-web2020 table.tabla2020-responsive th,
    #content-web2020 table.tabla2020-responsive tr {
      display: block; }
    #content-web2020 table.tabla2020-responsive td {
      display: flex;
      border: 0;
      padding: 10px 14px 0px; }
      #content-web2020 table.tabla2020-responsive td:last-of-type {
        padding-bottom: 8px; }
      #content-web2020 table.tabla2020-responsive td:before {
        content: attr(data-title);
        display: block;
        font-size: 1.1rem;
        font-weight: bold;
        min-width: 70px; }
    #content-web2020 table.tabla2020-responsive tr {
      border: 1px solid #E1E0E1;
      margin-bottom: 13px;
      background-color: #F9F7F5; } }
  @media (max-width: 767px) {
    #content-web2020 .table-responsive {
      border: 1px solid #ddd; } }
  #content-web2020 .tooltip.show {
    max-width: 300px;
    opacity: .85; }
  #content-web2020 .tooltip--alsa {
    max-width: 300px;
    width: 300px;
    left: 50%;
    margin-left: -150px; }
    #content-web2020 .tooltip--alsa .tooltip-arrow {
      border-bottom-color: #3FC8EB;
      border-width: 0 10px 10px; }
    #content-web2020 .tooltip--alsa .tooltip-inner {
      background: #3FC8EB;
      display: block; }
    #content-web2020 .tooltip--alsa.bottom .tooltip-arrow {
      top: -5px; }
  @media screen and (min-width: 992px) {
    #content-web2020 .tooltip--alsa.bottom .tooltip-arrow {
      left: auto;
      right: 57px; } }
  #content-web2020 .ui-tooltip[role="tooltip"] {
    background-color: black;
    border: 0;
    border-radius: 0;
    background-image: none;
    color: #FFF;
    border-radius: 0;
    padding: 9px 8px 8px 8px;
    box-shadow: 0 18px 30px -12px rgba(56, 51, 59, 0.5);
    filter: alpha(opacity=80);
    opacity: .8;
    z-index: 20001; }
    #content-web2020 .ui-tooltip[role="tooltip"] .ui-tooltip-content {
      font-family: var(--fuente-secundaria);
      font-size: 0.929rem; }
      #content-web2020 .ui-tooltip[role="tooltip"] .ui-tooltip-content a {
        color: #FFF;
        opacity: .6; }

.checkout-sag-modal {
  background-color: rgba(255, 255, 255, 0.8); }

/*<WAEVO-194>*/
#sag-alsa-simple-modal.sag-modal {
  z-index: 20001; }

/*</WAEVO-194>*/
.sag-modal-dialog {
  /* sombra para modales proceso de compra*/ }
  .sag-modal-dialog.checkout-sag-modal-dialog {
    box-shadow: 0px 1px 18px #9f9f9f; }
  .sag-modal-dialog .sag-modal-header {
    min-height: 40px; }
    .sag-modal-dialog .sag-modal-header > button {
      position: relative;
      display: block;
      order: 1;
      text-align: right;
      background-color: transparent;
      border: 0px; }
    .sag-modal-dialog .sag-modal-header > h2,
    .sag-modal-dialog .sag-modal-header .sag-modal-title {
      font-size: 1.87rem !important;
      line-height: 2.62rem !important;
      margin-left: 71px !important;
      width: 90%; }
    .sag-modal-dialog .sag-modal-header .sag-modal-title--azul {
      color: #3FC8EB !important; }
  .sag-modal-dialog .sag-modal-content .sag-modal-body {
    padding: 0 15px; }
  .sag-modal-dialog .sag-modal-content .sag-modal-text {
    font-size: 1.125rem; }
  .sag-modal-dialog .sag-modal-content .sag-modal-footer {
    text-align: center;
    padding: 0em; }
    .sag-modal-dialog .sag-modal-content .sag-modal-footer > button {
      border: 2px solid #FF595A !important;
      margin-left: 0px;
      text-transform: none !important;
      min-width: 120px;
      padding: 6px 24px;
      height: 50px; }
  .sag-modal-dialog input[type="text"] {
    padding: 25px 0 6px 0; }
    .sag-modal-dialog input[type="text"]::-webkit-input-placeholder, .sag-modal-dialog input[type="text"]::-moz-placeholder {
      color: #38333B;
      opacity: .7; }
  .sag-modal-dialog .form-group {
    position: relative; }
    .sag-modal-dialog .form-group label {
      top: 5px;
      margin: 0;
      left: 0;
      z-index: 1; }

/******* CLASES PARA IR DANDO FORMATO A LAS MODALES -- En las infowindows A través de la opción "specialClass" al crear la modal *******/
/*** Para ponerle el borde azul specialClass:'sag-modal--border' ***/
.sag-modal {
  /*** Para ponerle el borde azul specialClass:'sag-modal--border' ***/
  /*** Para ponerle el título de la modal azul specialClass:'sag-modal--blue-title' ***/
  /*** Para ponerle el texto de la modal más grande specialClass:'sag-modal--big-text' ***/
  /*** Para ponerle el botón de la modal relleno specialClass:'sag-modal--blue-title' ***/
  /*** Para quitarle el padding de 17px que se pone por js specialClass:'pr-0' ***/ }
  .sag-modal.sag-modal--blue-title .sag-modal-title {
    color: #3FC8EB !important;
    font-weight: bold !important; }
  .sag-modal.sag-modal--big-text .sag-modal-body * {
    font-size: 1.15rem; }

.sag-modal-dialog-centered {
  /* Para cuando queremos centrar la modal en vertical en la pantalla */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100% - (4rem * 2));
  background-color: transparent !important; }

@media (min-width: 992px) {
  .sag-modal-dialog--medium {
    max-width: 750px !important; } }

@media (max-width: 767px) {
  .sag-modal-dialog.checkout-sag-modal-dialog {
    height: auto;
    margin: 0;
    /* Este important lo podremos eliminar si para movil aceptan la pantalla completa. Eliminando a su vez las referencias a las modales del resto de archivos
    		como puede ser general_responsive.css*/
    width: 100vw !important; } }

@media (max-width: 625px) {
  .sag-modal-content .sag-modal-footer > button {
    width: auto !important; } }

@media (max-width: 570px) {
  .sag-modal-dialog .sag-modal-header > h2,
  .sag-modal-dialog .sag-modal-header .sag-modal-title {
    margin-left: 15px !important; }
  .sag-modal-dialog .sag-modal-content {
    /* 2020_03_18 WAEVO-222 Usamos padding-left y anulamos margin-left para que el popup ocupe toda la anchura.
			(ver ejemplo en el paso 2, en un viaje de ida y vuelta con varios pasajeros) */
    margin-left: initial;
    padding-left: 15px;
    margin-right: initial;
    padding-right: 15px; }
    .sag-modal-dialog .sag-modal-content .sag-modal-body {
      margin-left: 0px;
      padding-left: 0px !important; } }

.sag-modal--aviso[style] {
  padding-left: 0; }

.sag-modal--aviso .modal-dialog {
  top: 50vh;
  margin-top: -75px; }

.sag-modal--aviso .sag-modal-content .sag-modal-body {
  padding: 25px; }

.sag-modal--aviso .sag-modal-header {
  min-height: 35px; }

.sag-modal--aviso .sag-modal-header + .sag-modal-body {
  /* Cuando la modal lleva cabecera */
  padding-top: 0; }

.sag-modal--aviso__titulo {
  font-size: 1.4375rem;
  margin-bottom: 15px;
  font-weight: bold; }
  .sag-modal--aviso__titulo--azul {
    color: #3FC8EB; }

.sag-modal--aviso .sag-modal--aviso__texto {
  font-size: 1.15rem !important;
  margin-bottom: 20px !important; }
  .sag-modal--aviso .sag-modal--aviso__texto--saltoLinea {
    display: block;
    margin-top: 5px; }

.sag-modal--aviso__boton {
  margin-bottom: 10px; }

.checkout .sag-modal--aviso .sag-modal-content {
  max-width: 650px;
  padding: 0; }

@media (min-width: 768px) {
  .sag-modal--aviso .sag-modal-content .sag-modal-body {
    padding-left: 60px !important;
    padding-right: 60px !important; }
    .sag-modal--aviso .sag-modal-content .sag-modal-body .pd-x-100 {
      padding-left: 100px !important;
      padding-right: 100px; } }

@media (max-width: 767px) {
  .modal-open .checkout .sag-modal--aviso .sag-modal-body {
    padding-left: 25px !important;
    margin-left: 0; } }

#ui-datepicker-div {
  background-color: #FFF;
  border: 1px solid #ECEAE6;
  box-shadow: 0 18px 30px -12px rgba(56, 51, 59, 0.1); }

#ui-datepicker-div th,
#ui-datepicker-div td {
  border: 0; }

#ui-datepicker-div .ui-datepicker-title span {
  font-size: 1.214rem; }

#ui-datepicker-div th span {
  font-size: 1rem; }

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .dp-highlight .ui-state-default {
  background: #3FC8EB;
  text-align: center;
  border-radius: 50%;
  color: #000; }

.ui-datepicker td.ui-datepicker-today A.ui-state-default.ui-state-highlight {
  border: 0; }

#ui-datepicker-div .ui-widget-header {
  border-bottom: 1px solid #ECEAE6; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev span:before,
#ui-datepicker-div .ui-datepicker .ui-datepicker-next span:before {
  color: #FF595A;
  top: -3px; }

#ui-datepicker-div .ui-icon:before {
  color: #FF595A;
  top: -3px; }

.hide-year .ui-datepicker-year {
  display: none; }

.ui-datepicker select {
  font-weight: 600;
  background-position-y: 8px; }

.hide-year .ui-datepicker select.ui-datepicker-month,
.hide-year .ui-datepicker select.ui-datepicker-year {
  width: 70px; }

.pestania, #content-web2020 .contenido-agrupado .nav.nav-tabs li a, #content-web2020 .nav-tabs li a, .nav-tabs li a, .contenido-agrupado .nav.nav-tabs li a {
  display: block;
  padding: 0;
  padding-bottom: 3px;
  margin: 0 10px;
  border: 0;
  background: transparent;
  opacity: .5;
  font-size: 21px;
  color: #38333B;
  /* 2020_03_27 - WAEVO-294 arreglo de pestanas en los modulos de rutas. */
  min-height: 26px;
  line-height: 20px; }

.pestania-activa, #content-web2020 .contenido-agrupado .nav.nav-tabs li a.active, #content-web2020 .contenido-agrupado .nav.nav-tabs li.active a, #content-web2020 .nav-tabs li a.active, #content-web2020 .nav-tabs li.active a, .nav-tabs li a.active, .nav-tabs li.active a, .contenido-agrupado .nav.nav-tabs li a.active, .contenido-agrupado .nav.nav-tabs li.active a {
  border-bottom: 3px solid #3FC8EB;
  opacity: 1; }

.section, #content-web2020 .contenido-agrupado-foto, #content-web2020 .informacion-destacada, .contenido-agrupado-foto, .informacion-destacada {
  padding-top: 60px;
  padding-bottom: 60px; }

.contenido-agrupado-foto {
  padding-top: 0px; }

.enlace-blanco, #content-web2020 .modulo-rutas ul.listado-rutas li a, .modulo-rutas ul.listado-rutas li a {
  color: #FFF;
  text-decoration: none; }

.icon-calendar {
  padding-left: 30px !important;
  /* 	background-color: #ffffff; */
  background-image: url(http://desarrollodxp.alsa.es/o/Alsa-main-theme/images/web2020/iconos/icon_calendar.gif);
  background-repeat: no-repeat;
  background-position: 8px 50%; }

/**** FORMULARIOS CLASES PADRE ****/
#content-web2020 select, .ui-datepicker select, select, #content-web2020 .ui-datepicker select, .ui-datepicker #content-web2020 select, #content-web2020 textarea,
#content-web2020 input[type="text"],
#content-web2020 input[type="password"],
#content-web2020 input[type="datetime"],
#content-web2020 input[type="datetime-local"],
#content-web2020 input[type="date"],
#content-web2020 input[type="month"],
#content-web2020 input[type="time"],
#content-web2020 input[type="week"],
#content-web2020 input[type="number"],
#content-web2020 input[type="email"],
#content-web2020 input[type="url"],
#content-web2020 input[type="search"],
#content-web2020 input[type="tel"],
#content-web2020 input[type="color"],
#content-web2020 input.mat-input-element,
#content-web2020 .home .search-general .form-group input,
#content-web2020 .uneditable-input, .sag-modal-dialog input[type="text"], textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.mat-input-element,
.home .search-general .form-group input,
.uneditable-input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #9F9F9F;
  border-radius: 0;
  height: 53px;
  color: #38333B;
  font-size: 1.071rem;
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 22px;
  box-shadow: none;
  background-color: #FFF;
  font-family: "Open-Sans", "Arial", "sans-serif";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#content-web2020 form label, #content-web2020 .form-group label, .sag-modal-dialog .form-group label, form label, .form-group label, #content-web2020 .c-birth-date__label {
  position: absolute;
  font-size: 0.929rem;
  line-height: 0.929rem;
  color: #38333B;
  font-family: "Open-Sans", "Arial", "sans-serif";
  transform: none; }

#content-web2020 select, .ui-datepicker select, select {
  background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
  background-repeat: no-repeat;
  background-position: 98% 30px;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 25px 23px 6px 0;
  cursor: pointer;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  outline: 0; }

/*** Estas clases deben extenderse siempre que se necesite usar los check o radios ***/
#content-web2020 input[type="checkbox"]:not(.field),
#content-web2020 input[type="radio"], .sag-modal-dialog input[type="checkbox"]:not(.field),
.sag-modal-dialog input[type="radio"], input[type="checkbox"]:not(.field),
input[type="radio"] {
  width: 0;
  height: 0;
  position: absolute;
  clip: rect(0, 0, 0, 0); }

#content-web2020 label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before,
#content-web2020 input[type="radio"] + label:before,
#content-web2020 input[type="checkbox"] + label:before, #content-web2020 .simula-checkbox:before, #content-web2020 .portlet-login .portlet-login label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before, .sag-modal-dialog input[type="radio"] + label:before,
.sag-modal-dialog input[type="checkbox"] + label:before, label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before,
input[type="radio"] + label:before,
input[type="checkbox"] + label:before, .simula-checkbox:before, .portlet-login .portlet-login label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  top: -1px;
  border: 1px solid #9F9F9F;
  -webkit-box-shadow: 0px 4px 8px 0px #38333b;
  -moz-box-shadow: 0px 4px 8px 0px #38333b;
  box-shadow: 0px 4px 8px 0px rgba(56, 51, 59, 0.15); }


#content-web2020 input[type="radio"] + label:before, .sag-modal-dialog input[type="radio"] + label:before,
input[type="radio"] + label:before {
  border-radius: 50%; }

#content-web2020 input[type="radio"]:checked + label:after, .sag-modal-dialog input[type="radio"]:checked + label:after, input[type="radio"]:checked + label:after {
  content: " ";
  background-color: #38333B;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 6px;
  top: 5px;
  display: inline-block; }

#content-web2020 input[type="checkbox"]:checked + label:before, #content-web2020 .simula-checkbox.sel:before, #content-web2020 .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before, .sag-modal-dialog input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label:before, .simula-checkbox.sel:before, .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before {
  content: "\6f";
  font-family: "our-font" !important;
  font-size: 10px;
  line-height: 10px;
  padding: 3px;
  color: #38333B; }

#content-web2020 input[type="checkbox"] + label,
#content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, .sag-modal-dialog input[type="checkbox"] + label,
.sag-modal-dialog input[type="radio"] + label, input[type="checkbox"] + label,
input[type="radio"] + label, .simula-checkbox {
  font-size: 1.071rem;
  line-height: 1.19rem;
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px; }


#content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, #content-web2020 .portlet-login label.rememberMe,
.sag-modal-dialog input[type="radio"] + label,
input[type="radio"] + label, .simula-checkbox, .portlet-login label.rememberMe {
  padding-left: 25px; }


#content-web2020 input[type="radio"] + label:before, .sag-modal-dialog input[type="radio"] + label:before,
input[type="radio"] + label:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  left: 0; }

/***** FORMULARIOS FIN CLASES PADRE *****/
/*** BOTONES ***/
#content-web2020 .login-panel-btns button,
#content-web2020 #btn_facebook2_class.btn.btn-primary,
#content-web2020 .btn.btn-primary,
#content-web2020 .button-transparent > *, .sag-modal--aviso__boton, .login-panel-btns button,
#btn_facebook2_class.btn.btn-primary,
.btn.btn-primary,
.button-transparent > *, #content-web2020 .c-pwa__button {
  color: #FF595A;
  font-size: 1.214rem;
  line-height: 1.4rem;
  font-weight: bold;
  white-space: normal;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 0px;
  border: 2px solid #FF595A; }

#content-web2020 .btn.btn-primary.sel:hover, #content-web2020 .btn.btn-primary.sel:focus, #content-web2020 .btn.btn-primary.sel:active,
#content-web2020 .btn.btn-primary.btn-primary-bck:hover,
#content-web2020 .btn.btn-primary.btn-primary-bck:focus,
#content-web2020 .btn.btn-primary.btn-primary-bck:active, #content-web2020 .login-panel-btns button:hover, #content-web2020 .login-panel-btns button:focus, #content-web2020 .login-panel-btns button:active,
#content-web2020 #btn_facebook2_class.btn.btn-primary:hover,
#content-web2020 #btn_facebook2_class.btn.btn-primary:focus,
#content-web2020 #btn_facebook2_class.btn.btn-primary:active,
#content-web2020 .btn.btn-primary:hover,
#content-web2020 .btn.btn-primary:focus,
#content-web2020 .btn.btn-primary:active,
#content-web2020 .button-transparent > *:hover,
#content-web2020 .button-transparent > *:focus,
#content-web2020 .button-transparent > *:active, .sag-modal--aviso__boton:hover, .sag-modal--aviso__boton:focus, .sag-modal--aviso__boton:active, .btn.btn-primary.sel:hover, .btn.btn-primary.sel:focus, .btn.btn-primary.sel:active,
.btn.btn-primary.btn-primary-bck:hover,
.btn.btn-primary.btn-primary-bck:focus,
.btn.btn-primary.btn-primary-bck:active, .login-panel-btns button:hover, .login-panel-btns button:focus, .login-panel-btns button:active,
#btn_facebook2_class.btn.btn-primary:hover,
#btn_facebook2_class.btn.btn-primary:focus,
#btn_facebook2_class.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.button-transparent > *:hover,
.button-transparent > *:focus,
.button-transparent > *:active {
  background-color: #E5464B;
  color: #fff;
  border-color: #E5464B;
  outline: 0;
  box-shadow: none; }

#content-web2020 .btn.btn-primary.sel,
#content-web2020 .btn.btn-primary.btn-primary-bck, .sag-modal.sag-modal--btn-bck .sag-modal-footer .btn, .sag-modal--aviso__boton--destacado, .btn.btn-primary.sel,
.btn.btn-primary.btn-primary-bck {
  background-color: #FF595A !important;
  color: #FFF; }

/****** MODALES ********/
.sag-modal.sag-modal--border .sag-modal-dialog, .sag-modal--aviso .sag-modal-content {
  border: 4px solid #3FC8EB; }

.checkout {
  background-color: #ebeae6; }

*[class*="fa-"]:before {
  font-family: FontAwesome !important; }

h2 {
  color: #38333B;
  font-weight: normal; }

a:focus-visible {
  outline: 0px; }

p:empty {
  margin-bottom: 0; }

p.p-not-margin {
  margin-bottom: 0; }

.texto--azul-alsa {
  color: #3FC8EB !important; }

.text-right {
  text-align: right; }

.text-underline {
  text-decoration: underline; }

/* WAEVO-384 -- Ajustar plantilla web2020--Plantilla título/imagen/texto/enlaces
Cuando por razones de adaptación de contenidos antiguos con plantillas que deben ser adaptadas debemos tener un container dentro de otro
se debe dejar el segundo container sin padding */
.container .container {
  padding: 0; }

/* WAEVO-384 -- Ajustar plantilla web2020--Plantilla título/imagen/texto/enlaces
 Para el caso de que no estén dentro de otro container como en el caso anterior tenemos que separar el bloque de otros bloques existentes*/
.template {
  padding-top: 20px; }

p {
  margin-bottom: 1.2rem; }

.display-none {
  display: none !important; }

.ui-hidden-accessible {
  position: absolute !important;
  height: 1px;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.not-scroll {
  height: 100vh;
  overflow: hidden; }

.simula-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.cursor-pointer {
  cursor: pointer; }

.flex-center {
  display: flex;
  align-items: center; }

/* Cajas blancas que se utilizan de contenedores     */
/* tanto en las páginas a dos columnas, como cambios */
/* y devoluciones, como en el caso de la ventana que */
/* captura los runtime errors                        */
.box-content {
  box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1);
  background: #fff;
  padding: 15px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border: 0; }
  .box-content.error {
    margin-top: 20px; }
  .box-content h2 {
    font-size: 2.143rem; }
    .box-content h2:only-child {
      margin-bottom: 0;
      /*** Si el h2 aparece solo en una capa de tipo box-content, bloque blanco, le quitamos el margen para que aparezca centrado verticalmente ***/ }

.error-container {
  display: inline-block;
  width: calc(100% - 6px);
  color: #E91F20; }

.hidden-element {
  display: none; }

.dash {
  font-size: 120%;
  margin: 0 5px; }

.not-padding {
  padding: 0; }

.bg-white {
  background-color: white; }

/*esta clase tiene display: none para version movil*/
.alto-contraste {
  cursor: pointer;
  width: 60px !important;
  height: 60px;
  position: fixed;
  left: 15px;
  bottom: 15px;
  background: #3FC8EB;
  border: 2px solid;
  border-radius: 50%;
  z-index: 5;
  padding: 8px 11px 8px; }

/*clase para ficha de viaje elegido*/
.sel {
  border: 3px solid #3FC8EB; }

.little-price {
  font-size: 75% !important; }

/*** estilos del mensaje wuarning de los fares ***/
.results-bottom.fare-warning {
  display: block; }

span.fare-warning {
  font-size: 1.1rem;
  line-height: 1.3rem;
  text-align: center;
  padding-bottom: 0;
  border-radius: 0px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle; }

/*** EStilos para las alertas-warning que salen en caja amarilla ***/
.alert.alert-warning p {
  margin-bottom: 0px; }
  .alert.alert-warning p i {
    margin-right: 5px; }

/* Estilos para icono info */
.icn-information:before {
  font-size: 17px;
  color: #38333b;
  position: relative;
  top: 2px;
  padding-left: 5px; }

.icn-information:hover:before {
  color: #3FC8EB; }

/*** PARA ESCRITORIO GRANDE ***/
@media screen and (min-width: 1320px) {
  .container,
  .columns-2 {
    width: 1280px;
    max-width: 1280px !important; } }

/*** PARA ESCRITORIO***/
@media screen and (min-width: 992px) {
    .header + #main-content.columns-1 {
      min-height: calc(100vh - 350px); }
    h1 + #main-content {
      min-height: calc(100vh - 500px); }
    h2 {
      /* 2020_02_21 WAEVO-214: reducir font-size del h2 general
			originalmente era 55px, ahora 40px */
      font-size: 2.857rem;
      /* 2.857rem=40px */
      margin-bottom: 20px; }
    .container,
    .columns-2 {
      width: 100%;
      max-width: 100%; }
    .view-mobile {
      display: none !important; }
  /**** Para el tema del checkout disminuye el ancho de la página ****/
  .checkout #header1 {
    padding-bottom: 0px;
    background-color: #FFFFFF;
    box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1);
    height: 55px; } }

/*** PARA MOVIL Y TABLET***/
@media screen and (max-width: 991px) {
    .header + #main-content.columns-1,
    .header + #main-content.columns-1 #column-1 {
      min-height: calc(100vh - 100px); }
    h2 {
      font-size: 2.143rem;
      margin-bottom: 20px; }
    .view-desktop {
      display: none !important; }
    .alto-contraste {
      display: none; }
    .checkout #wrapper {
      padding-top: 0; }
    .ui-hidden-accessible.visible-mobile {
      overflow: visible;
      height: auto;
      width: auto !important;
      clip: auto; } }

body {
  position: relative;
  padding: 0;
  height: 100%;
  min-width: 940px; }

html,
body {
  font-size: 14px;
  line-height: 20px;
  color: #38333B;
  font-family: Blinker-Light, Arial, sans-serif;
  padding: 0 !important; }

#content-web2020 {
  background-color: #F9F7F5;
  min-height: 100vh; }

.portlet {
  margin-bottom: 0; }

/*** FICHERO PARA LAS FUNCIONES QUE NECESITAREMOS ***/
/* Funcion para pasar las unidades de medida de px a rem */
/* $base-font-size es el tamaño base de la fuente para la página, está definido en variables generales */
#header.header {
  display: flex;
  flex-wrap: wrap; }
  #header.header h1 {
    margin: 0; }
  #header.header a, #header.header a:hover {
    color: #38333B;
    text-decoration: none; }
  #header.header ul {
    list-style: none;
    border: 0; }
    #header.header ul .dropdown-menu {
      /* Para el menú de idioma */
      margin-top: 10px;
      border-radius: 0; }
  #header.header .black-div {
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 20;
    background-color: #38333B;
    opacity: .8; }

.sub-header {
  position: relative;
  z-index: 22;
  background-color: #F9F7F5;
  width: 100%; }

#menu-container {
  position: relative;
  z-index: 21;
  width: 100%;
  background: white; }
  #menu-container.menu-grey {
    background: #F9F7F5; }

nav {
  margin-bottom: 0; }
  nav .navbar-collapse {
    float: right; }

/**** ESCRITORIO *****/
@media screen and (min-width: 992px) {
  #menu-container {
    background: #FFF;
    min-height: 82px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }
    #menu-container #mainmenu {
      min-height: 80px; }
    #menu-container ul li.-mobile:before {
      display: none; }
    #menu-container ul li.-mobile li:before {
      display: none; }
  nav .navbar-collapse {
    display: flex;
    align-items: center; } }

/* Estas clases ajustan los checkbox al cambiar de idioma en movil */
.language-modal input[type="radio"] + label:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  left: 0;
  top: 0px; }

.language-modal input[type="radio"]:checked + label:after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #38333B;
  border-radius: 50%;
  top: 6px;
  left: 6px; }

/**** MOVIL Y TABLET *****/
@media screen and (max-width: 991px) {
  #menu-container {
    min-height: 72px; }
  #header .navbar-collapse.collapse {
    /* 77px es lo que ocupa el navbar-header que en moviles esta antes del menu */
    height: 0 !important;
    overflow: hidden !important; }
    #header .navbar-collapse.collapse.show {
      /* asegurar el scroll tambien en tablets */
      display: block;
      height: calc(100vh - 70px) !important;
      overflow-y: auto !important; }
  .sub-header ul.secondary-menu > li.logged-user-menu {
    order: -1; }
    .sub-header ul.secondary-menu > li.logged-user-menu li:last-of-type {
      margin-bottom: 0; }
  .sub-header ul.secondary-menu > li.subheader-firstlevel,
  .sub-header ul.secondary-menu > li .subheader-firstlevel {
    padding-left: 0px; }
    .sub-header ul.secondary-menu > li.subheader-firstlevel.languaje,
    .sub-header ul.secondary-menu > li .subheader-firstlevel.languaje {
      order: 1; }
    .sub-header ul.secondary-menu > li.subheader-firstlevel a.language-selector-mobile,
    .sub-header ul.secondary-menu > li .subheader-firstlevel a.language-selector-mobile {
      padding: 0; } }

/**** MOVIL *****/
@media screen and (max-width: 991px) {
  #header {
    top: 0px;
    left: 0px;
    right: 0;
    z-index: 150; }
    #header .navbar-collapse {
      float: none;
      background-color: #fff; }
      #header .navbar-collapse.collapse {
        display: none; }
    #header .navbar {
      padding: 0;
      width: 100%; }
    #header .navbar-header {
      display: flex;
      align-items: center;
      width: 100%;
      height: 70px;
      background-color: #FFFFFF !important; }
      #header .navbar-header button:focus {
        background: transparent; }
      #header .navbar-header .navbar-toggle {
        display: block;
        float: left;
        border-color: transparent;
        background-color: transparent;
        margin-right: 15px;
        margin-left: 15px;
        padding-left: 10px;
        padding-right: 10px;
        height: 32px;
        position: relative; }
        #header .navbar-header .navbar-toggle .icon-bar {
          background-color: #38333B;
          display: block;
          width: 30px;
          height: 2px;
          border-radius: 1px;
          transition: transform .5s; }
          #header .navbar-header .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 8px; }
        #header .navbar-header .navbar-toggle:not(.collapsed) span {
          transition: transform .5s; }
          #header .navbar-header .navbar-toggle:not(.collapsed) span:last-child {
            transform: rotate(45deg);
            margin-top: 2px; }
          #header .navbar-header .navbar-toggle:not(.collapsed) span:nth-child(2) {
            transform: rotate(-45deg);
            position: absolute;
            top: 15px; }
          #header .navbar-header .navbar-toggle:not(.collapsed) span:nth-child(3) {
            display: none; }
    #header ul {
      margin-top: 0px;
      flex-wrap: wrap; }
      #header ul li {
        width: 100%; }
  .sub-header {
    background-color: #fff;
    order: 1; }
    .sub-header .container {
      margin-top: 24px;
      padding-left: 0px;
      padding-right: 0px;
      width: 100%; }
      .sub-header .container .row {
        margin-left: 0px;
        margin-right: 0px; }
        .sub-header .container .row ul li {
          padding-left: 0px;
          padding-right: 0px;
          margin-bottom: 24px; }
    .sub-header ul:not(.dropdown-menu) li {
      padding-top: 0px;
      padding-bottom: 0px;
      width: 100%; }
      .sub-header ul:not(.dropdown-menu) li.icn-angle-down {
        border-top: 1px solid #f9f9f9;
        margin-right: 20px; }
        .sub-header ul:not(.dropdown-menu) li.icn-angle-down a {
          padding-left: 0px; }
      .sub-header ul:not(.dropdown-menu) li.icn-angle-down:before {
        font-size: 15.75px;
        right: 0px;
        top: 6px; } }

/* --------------------------------------------------------------------- */
/* Quitamos los paddings de un elemento indicándole cual queremos quitar */
/* para usarlo debemos poner .no-padding-right, .no-padding-left         */
/* .no-padding-top, .no-padding-bottom, .no-padding-all                  */
/* --------------------------------------------------------------------  */
.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding {
  padding: 0 !important; }

/* Medidas dispositivos */
/* Fuentes */
/*18px*/
/* Colores */
/* Bordes alto-contraste */
/* Sombra para las cajas blancas */
/* Color bloques que alternan grises. P.e. tablas, contenido agrupado, etc */
/* Aqui se asignaran las variables sass
se han de añadir luego a ":root" para poder usarlas fuera de aqui,
por ejemplo cuando quieres recoger variables sass en los css del portlet */
:root {
  /* Medidas dispositivos */
  --min-desktop:992px;
  --max-tablet:991px;
  --min-tablet:768px;
  --max-mobile:767px;
  --min-big-desktop:1320px;
  --width-big-desktop-container:1280px;
  --width-desktop-container:970px;
  --width-desktop-checkout:900px;
  /* Fuentes */
  --fuente:Blinker, Arial, sans-serif;
  --fuente-light:Blinker-Light, Arial, sans-serif;
  --fuente-bold:Blinker-Bold, Arial, sans-serif;
  --fuente-secundaria:'Open-Sans', 'Arial', 'sans-serif';
  --big-base-font-size: 1.286rem;
  /* Colores */
  --color-texto:#38333B;
  --color-enlaces:#007398;
  --color-error: #E91F20;
  --color-botones:#FFF;
  --bck-botones:#FF595A;
  --borde-botones: var(--bck-botones);
  --borde-inputs: #9F9F9F;
  --azul-alsa:#3FC8EB;
  --color-iconos-flecha:#FF595A;
  --bck-bonos: #D8FAF1;
  --color-bonos: #41E6BA;
  /* Bordes alto-contraste */
  --outline-color-dark:#3FC8EB;
  --outline-color-light:#3FC8EB;
  --text-shadow-h-cabecera:2px 2px 5px #38333B;
  --tamanio-letra-pestanias:21px;
  --margin-bottom-bloques:60px;
  /* Sombra para las cajas blancas */
  --box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1); }

/* Este componente se corresponde con los inputs de búsqueda que aparecen en el admin y que se ven afectados por los estilos de los inputs generales de la web */
.basic-search .search-query {
  /* Reseteamos los estilos del input para que tome los del admin de Liferay*/
  height: 33px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

/* Boton azul alsa */
.btn-alsa {
  color: #3FC8EB !important;
  border-color: #3FC8EB !important;
  line-height: 20px !important;
  outline: 0; }
  .btn-alsa:hover, .btn-alsa:focus, .btn-alsa:active {
    background-color: #3FC8EB !important;
    color: #fff !important; }

/** boton con fondo rojo **/
/** boton PWA **/
/*** estilo del boton de cerrar ***/
button.close-modal {
  background: none;
  outline: none;
  border: none; }
  button.close-modal :focus {
    outline: none;
    background: none; }
  button.close-modal label {
    cursor: pointer;
    position: relative !important;
    font-family: "Open-Sans","Arial","sans-serif";
    font-weight: normal;
    font-size: 0.929rem; }
  button.close-modal.with-icon-bar {
    /** Para la ventana modal que se abre en el login de usuario **/
    position: relative;
    min-height: 40px;
    margin-top: -20px; }
  button.close-modal > .icon-bar {
    background-color: #38333B;
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 1px; }
    button.close-modal > .icon-bar:nth-child(1) {
      transform: rotate(-45deg);
      position: absolute;
      margin-top: 14px; }
    button.close-modal > .icon-bar:nth-child(2) {
      transform: rotate(45deg);
      margin-top: 14px; }
  button.close-modal > .icon-close {
    font-size: 20px; }

.btn-cancel {
  color: #38333B; }
  .btn-cancel:before {
    font-size: 8px;
    border: 1px solid;
    border-radius: 50%;
    padding: 5px;
    margin-right: 5px;
    color: #38333B; }

/*** estilos de los botones ***/
.login-panel-btns button.btn-facebook2,
#btn_facebook2_class.btn.btn-primary.btn-facebook2,
.btn.btn-primary.btn-facebook2,
.button-transparent > *.btn-facebook2 {
  color: #4267B2;
  background-color: #fff;
  border: 2px solid #4267B2;
  padding: 8px 0px; }
  .login-panel-btns button.btn-facebook2:hover,
  #btn_facebook2_class.btn.btn-primary.btn-facebook2:hover,
  .btn.btn-primary.btn-facebook2:hover,
  .button-transparent > *.btn-facebook2:hover {
    background-color: #4267B2;
    color: #fff; }
  .login-panel-btns button.btn-facebook2 > span,
  #btn_facebook2_class.btn.btn-primary.btn-facebook2 > span,
  .btn.btn-primary.btn-facebook2 > span,
  .button-transparent > *.btn-facebook2 > span {
    font-size: 20px;
    padding-right: 10px; }

.login-panel-btns button.btn--voucher,
#btn_facebook2_class.btn.btn-primary.btn--voucher,
.btn.btn-primary.btn--voucher,
.button-transparent > *.btn--voucher {
  background: var(--color-bonos);
  color: #FFF;
  border: 0; }

.c-node-indicator {
  display: block;
  text-align: center; }

#ui-datepicker-div {
  background-color: #FFF;
  border: 1px solid #ECEAE6;
  box-shadow: 0 18px 30px -12px rgba(56, 51, 59, 0.1); }

#ui-datepicker-div th,
#ui-datepicker-div td {
  border: 0; }

#ui-datepicker-div .ui-datepicker-title span {
  font-size: 1.214rem; }

#ui-datepicker-div th span {
  font-size: 1rem; }

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .dp-highlight .ui-state-default {
  background: #3FC8EB;
  text-align: center;
  border-radius: 50%;
  color: #000; }

.ui-datepicker td.ui-datepicker-today A.ui-state-default.ui-state-highlight {
  border: 0; }

#ui-datepicker-div .ui-widget-header {
  border-bottom: 1px solid #ECEAE6; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev span:before,
#ui-datepicker-div .ui-datepicker .ui-datepicker-next span:before {
  color: #FF595A;
  top: -3px; }

#ui-datepicker-div .ui-icon:before {
  color: #FF595A;
  top: -3px; }

.hide-year .ui-datepicker-year {
  display: none; }

.ui-datepicker select {
  font-weight: 600;
  background-position-y: 8px; }

.hide-year .ui-datepicker select.ui-datepicker-month,
.hide-year .ui-datepicker select.ui-datepicker-year {
  width: 70px; }

.cadmin.portlet-configuration-setup {
  background-color: #FFF !important; }
  .cadmin.portlet-configuration-setup div .form-group {
    display: block;
    float: none; }
  .cadmin.portlet-configuration-setup .cadmin.portlet-configuration-setup div .form-group {
    display: inline-block; }
  .cadmin.portlet-configuration-setup input[type="radio"] {
    width: initial;
    height: initial;
    position: static;
    clip: auto; }

/*** estilos de los input ***/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.mat-input-element,
.home .search-general .form-group input,
.uneditable-input {
  padding: 25px 0 6px 0; }
  textarea::-webkit-input-placeholder, textarea::-moz-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  input[type="color"]::-moz-placeholder,
  input.mat-input-element::-webkit-input-placeholder,
  input.mat-input-element::-moz-placeholder,
  .home .search-general .form-group input::-webkit-input-placeholder,
  .home .search-general .form-group input::-moz-placeholder,
  .uneditable-input::-webkit-input-placeholder,
  .uneditable-input::-moz-placeholder {
    color: #38333B;
    opacity: .7; }

/*** Elimina el icono del ojo y de la 'x' en Edge ***/
input::-ms-reveal,
input::-ms-clear {
  display: none; }

select * {
  font-family: Blinker-Light, Arial, sans-serif; }

textarea {
  resize: vertical;
  height: 120px; }

input[type="file"] {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.input-file__button {
  position: static !important; }

form label {
  z-index: 1; }

.form-group {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%; }
  .form-group label {
    top: 5px;
    margin: 0;
    left: 0; }
  .form-group > input {
    width: 100%; }

legend {
  font-family: "Open-Sans", "Arial", "sans-serif";
  font-size: 1.071rem;
  color: #38333B;
  margin: 0;
  border: 0; }

/** Esto es para los inputs que son numéricos incrementales, los que tienen dos flechitas arriba y abajo **/
.ui-spinner-input {
  margin: 0; }

.units-input .ui-widget.ui-widget-content {
  border: 0;
  width: 100%; }
  .units-input .ui-widget.ui-widget-content input {
    width: 100%; }
  .units-input .ui-widget.ui-widget-content .ui-spinner-button {
    width: 20px;
    cursor: pointer; }
    .units-input .ui-widget.ui-widget-content .ui-spinner-button span {
      display: inline-block;
      margin: 0 !important;
      font-size: 12px;
      color: #FF595A;
      background-color: transparent !important; }
      .units-input .ui-widget.ui-widget-content .ui-spinner-button span.icn-angle-up {
        padding-top: 16px; }
      .units-input .ui-widget.ui-widget-content .ui-spinner-button span.icn-angle-down {
        padding-top: 6px; }

/* El :not(.field) es para que se vean los checkbox aui en la configuracion de las preferencias de los portlets */
.group-radios label {
  margin-right: 14px; }

/**** Para los simula checkbox que aún quedan por la web, vamos a utilizar los estilos de los checkbox heredando directamente****/
.simula-checkbox.sel {
  border: 0; }

/***** Para los switch *****/
.tipo-switch {
  /* The switch - the box around the slider */ }
  .tipo-switch .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    text-align: right;
    /* The slider */ }
    .tipo-switch .switch .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-transition: .4s;
      transition: .4s; }
      .tipo-switch .switch .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border: 1px solid #3FC8EB; }
      .tipo-switch .switch .slider.round {
        border-radius: 34px;
        border: 2px solid #3FC8EB; }
        .tipo-switch .switch .slider.round:before {
          border-radius: 50%; }
    .tipo-switch .switch input:checked + .slider {
      background-color: #3FC8EB; }
      .tipo-switch .switch input:checked + .slider:before {
        -webkit-transform: translateX(24px);
        -ms-transform: translateX(24px);
        transform: translateX(24px); }

/* Switch deshabilitado */
.tipo-switch.disabled .slider:before {
  background-color: #FFFFFF; }

/***** Para los label de política de privacidad y condiciones *****/
.policity-conditions {
  margin-bottom: 10px;
  display: inline-block; }
  .policity-conditions * {
    font-size: 0.929rem !important;
    line-height: 1rem !important; }
  .policity-conditions a {
    text-decoration: underline; }

/****** Para los desactivados *******/
.desactivado, #content-web2020 .radio-desactivado,
#content-web2020 .checkbox-desactivado,
#content-web2020 input[disabled],
#content-web2020 input[type="checkbox"][disabled] + label,
#content-web2020 input[type="radio"][disabled] + label, .radio-desactivado,
.checkbox-desactivado,
input[disabled],
input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label {
  opacity: 0.5;
  cursor: not-allowed; }

/*** Para el formulario de login de Liferay en pre y pro ***/
.portlet-login label.rememberMe {
  position: relative;
  margin-bottom: 15px; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  /*** Para los formularios que están en un bloque con muchos campos unos debajo de otros ***/
  /*** y cuyos inputs están dentro de bloques col- debemos eliminar los paddings-right    ***/
  /*** para todos menos para el último                                                    ***/
  .bloque-formulario div[class*="col-"]:not(:last-of-type) {
    padding-right: 0; } }

/**** PARA MOVIL ****/
@media screen and (max-width: 991px) {
  /*** Para checkbox que llevan links en las label debemos dejar más espacio para que puedan seleccionarlo y no se pinche el enlace ***/
  input[type="checkbox"] + label.label--with-link {
    padding-left: 40px;
    line-height: 20px; }
  input[type="checkbox"] + label.label--with-link:before {
    top: 0; }
  /*** FIN Para checkbox que llevan links en las label debemos dejar más espacio para que puedan seleccionarlo y no se pinche el enlace ***/ }

/* 2020_03_02 - WAEVO-248 Comunicamos a Marketing que creamos el estilo "lista2020" para las listas,
    No obstante consideramos que seria mas apropiado llamarlo "bullets". Por ahora dejamos los dos nombres.
    El selector ".bullets ul" hace que el estilo se aplique a los ul de forma recursiva,
    y ademas gracias al selector "ul.bullets" podemos aplicar el estilo al propio ul */
.lista2020 ul, ul.lista2020,
.bullets ul, ul.bullets {
  list-style: none; }
  .lista2020 ul li, ul.lista2020 li,
  .bullets ul li, ul.bullets li {
    position: relative;
    padding-left: 15px; }
    .lista2020 ul li:before, ul.lista2020 li:before,
    .bullets ul li:before, ul.bullets li:before {
      position: absolute;
      content: '';
      left: 0;
      top: 7px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #FF595A;
      /* var(--color-iconos-flecha:)*/ }

.lista2020 ol, ol.lista2020,
.bullets ol, ol.bullets {
  counter-reset: li;
  list-style: none;
  padding-left: initial; }
  .lista2020 ol li, ol.lista2020 li,
  .bullets ol li, ol.bullets li {
    counter-increment: li; }
    .lista2020 ol li:before, ol.lista2020 li:before,
    .bullets ol li:before, ol.bullets li:before {
      content: counter(li) ".";
      margin-right: 15px;
      color: #FF595A;
      /* var(--color-iconos-flecha:)*/ }

.nav-tabs {
  border: 0;
  margin-left: -10px;
  margin-right: -10px; }
  .nav-tabs li {
    margin-bottom: 16px; }
  .nav-tabs--white {
    margin-left: 0;
    margin-right: 0; }
    .nav-tabs--white .nav-tabs {
      margin-left: 0;
      margin-right: 0; }
    .nav-tabs--white li {
      margin-bottom: 0; }
      .nav-tabs--white li a {
        padding: 10px 15px;
        margin: 0;
        background: #FFF; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .nav-tabs a {
    font-size: 21px;
    line-height: 25px; } }

/**** PARA MOVIL ****/
@media screen and (max-width: 991px) {
  .nav-tabs a {
    font-size: 14px;
    line-height: 16px; } }

.cadmin.portlet-configuration-setup input[type="radio"] {
  width: initial;
  height: initial;
  position: static;
  clip: auto; }

/** Menú que se usa en el perfil de usuario **/
.responsive-menu .simulate-select {
  padding: 10px 15px;
  position: relative;
  font-size: 13px;
  cursor: pointer;
  font-weight: 700; }

.responsive-menu .submenu-profile {
  position: absolute;
  background: #fff;
  border: 1px solid #dddbd6;
  border-left: 0;
  border-right: 0;
  z-index: 10;
  box-shadow: 0px 7px 17px #d0cfcd; }
  .responsive-menu .submenu-profile UL LI {
    border-bottom: 1px solid #dddbd6;
    margin: 0; }
    .responsive-menu .submenu-profile UL LI:last-child {
      border-bottom: 0; }
    .responsive-menu .submenu-profile UL LI A {
      font-size: 13px;
      color: #38333B;
      display: block;
      padding: 10px 15px;
      word-wrap: break-word; }

/************* Formato tablet **********/
@media screen and (max-width: 991px) {
  .responsive-menu {
    margin-bottom: 10px;
    background: #FFF; }
    .responsive-menu .simulate-select {
      appearance: none;
      border-bottom: #3EC8EC 2px solid;
      border-right: 0;
      background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
      background-repeat: no-repeat;
      background-position: 95% 50%;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      width: 100%; }
    .responsive-menu .submenu-profile {
      width: 100%; } }

/**
acorde al estilo tabla-vouchers de busplus/busplusvouchers/css/main.css
*/
table.tabla2020 {
  clear: both;
  width: 100%; }
  table.tabla2020.tabla2020-spacing {
    margin-top: 25px;
    margin-bottom: 25px; }
  table.tabla2020 thead tr th, table.tabla2020 tbody tr td {
    padding: 15px;
    text-align: left;
    color: #000;
    min-height: 70px;
    vertical-align: top;
    border: 1px solid #E1E0E1; }
    table.tabla2020 thead tr th p, table.tabla2020 tbody tr td p {
      margin-top: 4px;
      margin-bottom: 4px; }
  table.tabla2020 thead tr th {
    font-size: 17px;
    font-weight: 600;
    background: white; }
  table.tabla2020 tbody tr td {
    font-size: 15px;
    background: #F9F7F5;
    position: relative;
    height: 1px;
    /** Necesario para que si hay un div interior class="td-content" ocupe todo el alto de la celda **/ }
    table.tabla2020 tbody tr td .td-content {
      height: 100%;
      display: flex;
      flex-wrap: wrap; }
      table.tabla2020 tbody tr td .td-content *:last-child {
        display: flex;
        align-items: flex-end;
        width: 100%; }
        table.tabla2020 tbody tr td .td-content *:last-child [class*="icn-"] {
          color: #FF595A; }

table.tabla2020-responsive {
  width: 100%; }
  table.tabla2020-responsive td,
  table.tabla2020-responsive th {
    padding: 15px;
    border: 1px solid #E1E0E1; }
  table.tabla2020-responsive th {
    font-size: 1.1rem; }

table.table-border {
  border-collapse: inherit; }
  table.table-border td {
    border: 1px solid;
    border-bottom: 0;
    border-right: 0; }
    table.table-border td:last-of-type {
      border-right: 1px solid; }
  table.table-border tr:last-of-type td {
    border-bottom: 1px solid; }

@media (min-width: 992px) {
  /* Eliminacion de bordes duplicados. Lo metemos en el @media para que no afecte a resoluciones de tablets/moviles  */
  table.tabla2020 thead tr th:not(:first-child) {
    /* Evitamos duplicar el borde en segunda y sucesivas celdas */
    border-left: none; }
  table.tabla2020 tbody tr td {
    /* el thead ya aporta un borde; evitamos duplicarlo en el tbody: */
    border-top: none; }
    table.tabla2020 tbody tr td:not(:first-td-desktop) {
      /*&:not(:first-child){*/
      /* Evitamos duplicar el borde en segunda y sucesivas celdas */
      border-left: none; } }

@media (max-width: 991px) {
  table.tabla2020 thead {
    display: none; }
  table.tabla2020 tbody tr {
    display: block;
    margin-top: 20px; }
    table.tabla2020 tbody tr:first-child {
      margin-top: 0; }
    table.tabla2020 tbody tr td {
      /* "display:flex": cada <td> ocupa la fila entera */
      display: flex;
      align-items: center;
      vertical-align: middle; }
      table.tabla2020 tbody tr td:nth-child(odd) {
        /* Aplicamos estilo de encabezado a las celdas impares */
        font-size: 17px;
        font-weight: 600;
        background: white; }
      table.tabla2020 tbody tr td:not(:first-child) {
        /* Evitamos duplicar el borde en segunda y sucesivas filas */
        border-top: none; }
  table.tabla2020-responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  table.tabla2020-responsive,
  table.tabla2020-responsive thead,
  table.tabla2020-responsive tbody,
  table.tabla2020-responsive th,
  table.tabla2020-responsive tr {
    display: block; }
  table.tabla2020-responsive td {
    display: flex;
    border: 0;
    padding: 10px 14px 0px; }
    table.tabla2020-responsive td:last-of-type {
      padding-bottom: 8px; }
    table.tabla2020-responsive td:before {
      content: attr(data-title);
      display: block;
      font-size: 1.1rem;
      font-weight: bold;
      min-width: 70px; }
  table.tabla2020-responsive tr {
    border: 1px solid #E1E0E1;
    margin-bottom: 13px;
    background-color: #F9F7F5; } }

@media (max-width: 767px) {
  .table-responsive {
    border: 1px solid #ddd; } }

.tooltip.show {
  max-width: 300px;
  opacity: .85; }

.tooltip--alsa {
  max-width: 300px;
  width: 300px;
  left: 50%;
  margin-left: -150px; }
  .tooltip--alsa .tooltip-arrow {
    border-bottom-color: #3FC8EB;
    border-width: 0 10px 10px; }
  .tooltip--alsa .tooltip-inner {
    background: #3FC8EB;
    display: block; }
  .tooltip--alsa.bottom .tooltip-arrow {
    top: -5px; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .tooltip--alsa.bottom .tooltip-arrow {
    left: auto;
    right: 57px; } }

/**** PARA LOS TOOLTIPS DE JQUERY ****/
.ui-tooltip[role="tooltip"] {
  background-color: black;
  border: 0;
  border-radius: 0;
  background-image: none;
  color: #FFF;
  border-radius: 0;
  padding: 9px 8px 8px 8px;
  box-shadow: 0 18px 30px -12px rgba(56, 51, 59, 0.5);
  filter: alpha(opacity=80);
  opacity: .8;
  z-index: 20001; }
  .ui-tooltip[role="tooltip"] .ui-tooltip-content {
    font-family: var(--fuente-secundaria);
    font-size: 0.929rem; }
    .ui-tooltip[role="tooltip"] .ui-tooltip-content a {
      color: #FFF;
      opacity: .6; }

/**** VARIABLES ****/
.bloque-blanco, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(odd), #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(even), .bloques-configurables .row:nth-child(odd) > div:nth-child(odd), .bloques-configurables .row:nth-child(even) > div:nth-child(even) {
  background-color: #FFF; }
  .bloque-blanco *, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(odd) *, #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(even) *, .bloques-configurables .row:nth-child(odd) > div:nth-child(odd) *, .bloques-configurables .row:nth-child(even) > div:nth-child(even) * {
    color: #38333B; }

.bloque-gris, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(even), #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(odd), .bloques-configurables .row:nth-child(odd) > div:nth-child(even), .bloques-configurables .row:nth-child(even) > div:nth-child(odd) {
  background-color: #38333B; }
  .bloque-gris *, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(even) *, #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(odd) *, .bloques-configurables .row:nth-child(odd) > div:nth-child(even) *, .bloques-configurables .row:nth-child(even) > div:nth-child(odd) * {
    color: #FFF; }
  .bloque-gris .titulo, #content-web2020 .bloques-configurables .row:nth-child(odd) > div:nth-child(even) .titulo, #content-web2020 .bloques-configurables .row:nth-child(even) > div:nth-child(odd) .titulo, .bloques-configurables .row:nth-child(odd) > div:nth-child(even) .titulo, .bloques-configurables .row:nth-child(even) > div:nth-child(odd) .titulo {
    color: #3FC8EB; }

.capa-absoluta, #content-web2020 .bloques-configurables .row > div.imagen-grande, #content-web2020 .bloques-configurables .fondo-azul, .bloques-configurables .row > div.imagen-grande, .bloques-configurables .fondo-azul {
  position: absolute;
  width: 66.66666667%; }

/* Es el estilo del damero que se muestra por ejemplo en la Home y en Destinos y Rutas. */
.bloques-configurables {
  position: relative;
  /* En la Home (desktop) debe haber espaciado vertical de 40px entre el componente ".contenido-agrupado" y este ".bloques-configurable". Por tanto:
	en el estilo ".contenido-agrupado": establecemos un margin-bottom de 20px
	en este estilo ".bloques-configurable": establecemos un margin-top de 20px */
  margin-top: 20px;
  margin-bottom: 12px; }
  .bloques-configurables.dos-enlaces a + a {
    font-size: 1.071rem !important;
    padding-top: 0 !important; }
  .bloques-configurables .row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 4; }
    .bloques-configurables .row > div {
      position: static;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      z-index: 1; }
      .bloques-configurables .row > div.blanco {
        background-color: #FFF !important; }
        .bloques-configurables .row > div.blanco * {
          color: #38333B !important; }
      .bloques-configurables .row > div.gris {
        background-color: #38333B !important; }
        .bloques-configurables .row > div.gris * {
          color: #FFF !important; }
        .bloques-configurables .row > div.gris .titulo {
          color: #3FC8EB !important; }
      .bloques-configurables .row > div.vacio:not([style*=background-image]) {
        height: 0;
        min-height: 0;
        overflow: hidden; }
      .bloques-configurables .row > div[style*=background-image].vacio {
        padding: 0;
        background-size: cover;
        background-position: center; }
        .bloques-configurables .row > div[style*=background-image].vacio a {
          width: 100%;
          height: 100%;
          display: block;
          /* Eliminamos la flecha del enlace cuando en el bloque solo hay imagen + enlace */ }
          .bloques-configurables .row > div[style*=background-image].vacio a:after {
            content: ' '; }
        .bloques-configurables .row > div[style*=background-image].vacio p:not([class]) {
          text-indent: -999999px; }
      .bloques-configurables .row > div.imagen-grande {
        right: 1px;
        padding: 0; }
      .bloques-configurables .row > div p {
        margin-bottom: 0; }
      .bloques-configurables .row > div .titulo {
        font-size: 2.143rem;
        line-height: 2.6rem;
        padding: 30px; }
      .bloques-configurables .row > div .texto {
        width: 100%;
        font-size: 15px;
        line-height: 26px;
        padding: 30px; }
      .bloques-configurables .row > div .titulo + .texto,
      .bloques-configurables .row > div .titulo + a,
      .bloques-configurables .row > div .texto + a {
        padding-top: 0; }
      .bloques-configurables .row > div a {
        text-decoration: none;
        font-size: 21px;
        line-height: 30px;
        padding: 30px;
        padding-bottom: 0;
        align-self: flex-end;
        display: block;
        width: 100%; }
        .bloques-configurables .row > div a:last-of-type {
          padding-bottom: 30px; }
        .bloques-configurables .row > div a:after {
          content: "\67";
          font-family: "our-font";
          display: inline-block;
          font-size: 14px;
          color: #FF595A;
          vertical-align: middle; }
  .bloques-configurables .fondo-azul {
    left: 0;
    bottom: -100px;
    background-color: #3FC8EB;
    height: 300px;
    z-index: 3; }

/**** DESKTOP CON MAS DE 1280PX ****/
@media screen and (min-width: 1320px) {
  .bloques-configurables .row > div.imagen-grande {
    right: calc((1280px - 100vw) / 2);
    width: calc((100vw - 1280px) / 2 + 854px) !important; }
  .bloques-configurables .fondo-azul {
    width: calc((100vw - 1280px) / 2 + 854px);
    left: -10px; } }

/**** DESKTOP ****/
@media screen and (min-width: 992px) {
  .bloques-configurables {
    margin-bottom: 120px; }
    .bloques-configurables .row > div {
      min-height: 300px;
      width: calc(99.9% / 3); }
      .bloques-configurables .row > div.imagen-grande {
        min-height: 600px;
        z-index: auto; } }

/**** MOVIL ****/
@media screen and (max-width: 991px) {
  .bloques-configurables {
    /* En la Home (mobile) debe haber espaciado vertical de 25px entre el componente ".contenido-agrupado" y este ".bloques-configurable". Por tanto:
	en el estilo ".fila-bloques" (mobile): establecemos un margin-bottom de 12px
	en este estilo ".bloques-configurable"(mobile): establecemos un margin-top de 12px */
    margin-top: 12px; }
    .bloques-configurables .row {
      margin: 0;
      display: block; }
      .bloques-configurables .row > div:not(.vacio) {
        margin-bottom: 15px; }
      .bloques-configurables .row > div .titulo {
        width: 100%;
        padding: 25px 5px;
        font-size: 1.571rem;
        line-height: 2.1rem; }
      .bloques-configurables .row > div .texto {
        padding: 5px;
        padding-bottom: 20px;
        font-size: 13px; }
      .bloques-configurables .row > div a {
        padding-left: 5px;
        font-size: 16px; }
      .bloques-configurables .row > div.imagen-grande {
        display: none; }
      .bloques-configurables .row > div[style*=background-image] {
        height: 250px; }
    .bloques-configurables .fondo-azul {
      display: none; } }

/***********************************************************/
/*        Cabecera con texto dentro de una caja blanca     */
/*        --------------------------------------------    */
/***********************************************************/
.cabecera-caja-blanca {
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover; }

/*------------------------------------ @media ------------------------------------*/
@media screen and (min-width: 992px) {
  .position-text, #content-web2020 .cabecera-caja-blanca .caja-blanca h1, #content-web2020 .cabecera-caja-blanca .caja-blanca p, .cabecera-caja-blanca .caja-blanca h1, .cabecera-caja-blanca .caja-blanca p {
    position: relative;
    z-index: 10; }
  .cabecera-caja-blanca {
    font-size: 1.286rem;
    padding-top: 60px;
    padding-bottom: 170px;
    min-height: 420px;
    display: flex;
    align-items: center; }
    .cabecera-caja-blanca .caja-blanca {
      background: #FFF;
      width: 45%;
      padding: 20px 40px;
      padding-right: 0;
      position: relative; }
      .cabecera-caja-blanca .caja-blanca:after {
        content: ' ';
        width: 200px;
        height: 100%;
        border-bottom-right-radius: 55%;
        border-top-right-radius: 55%;
        background: #FFF;
        position: absolute;
        top: 0;
        right: -100px;
        z-index: 1; }
      .cabecera-caja-blanca .caja-blanca * {
        color: #38333B; }
      .cabecera-caja-blanca .caja-blanca h1 {
        font-size: 3.929rem; }
      .cabecera-caja-blanca .caja-blanca p {
        font-size: 1.5rem;
        line-height: 1.8rem; } }

@media screen and (max-width: 991px) {
  .cabecera-caja-blanca .container {
    min-height: 180px;
    display: flex;
    align-items: center; }
  .cabecera-caja-blanca h1 {
    font-size: 2.3rem;
    color: #FFF;
    margin: 0; } }

.cabecera-home + .buscador-cabecera {
  /**** Transformamos el mensaje de alerta por defecto de Liferay ****/ }
  .cabecera-home + .buscador-cabecera .lfr-alert-wrapper:not([style*="height: 0px;"]) {
    background: rgba(56, 51, 59, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    height: 100% !important; }
  .cabecera-home + .buscador-cabecera .alert-danger {
    background: #FFF;
    border: 0;
    color: #38333B;
    border-radius: 0;
    margin: 20vh auto 0;
    width: 95%;
    max-width: 1280px; }
    .cabecera-home + .buscador-cabecera .alert-danger .yui3-widget-bd {
      margin-top: 20px;
      text-align: center;
      font-size: 16px;
      margin-bottom: 20px; }
    .cabecera-home + .buscador-cabecera .alert-danger .lead {
      font-size: 30px;
      color: #ff595a;
      margin-right: 8px;
      position: relative;
      padding-left: 30px; }
    .cabecera-home + .buscador-cabecera .alert-danger .lead,
    .cabecera-home + .buscador-cabecera .alert-danger button.close {
      opacity: 1; }
      .cabecera-home + .buscador-cabecera .alert-danger .lead svg,
      .cabecera-home + .buscador-cabecera .alert-danger button.close svg {
        display: none; }
    .cabecera-home + .buscador-cabecera .alert-danger .lead:before {
      content: "\7a";
      font-family: "our-font" !important;
      position: absolute;
      top: 2px;
      left: 0; }
    .cabecera-home + .buscador-cabecera .alert-danger button.close:before {
      content: "\42";
      font-family: 'our-font';
      color: #38333B; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .journal-content-article .cabecera-home {
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    min-height: 420px;
    align-items: center;
    display: flex;
    min-height: calc(5vh + 145px);
    max-height: calc(100vh - 129px + 50px);
    /*padding-bottom: calc(213px + 2vh); Con las pestañas de viajes alsa*/
    padding-bottom: calc(145px + 2vh);
    /*flecha a la derecha*/ }
    .journal-content-article .cabecera-home + .buscador-cabecera {
      margin-top: calc(-145px - 2vh);
      margin-bottom: 35px; }
    .journal-content-article .cabecera-home .container {
      max-height: calc(100vh - 276px); }
    .journal-content-article .cabecera-home h2 {
      font-size: 3.929rem;
      line-height: 4.143rem;
      color: #FFF;
      margin-bottom: 2vh;
      text-shadow: 2px 2px 5px #38333B; }
    .journal-content-article .cabecera-home a {
      text-decoration: none;
      font-size: 1.5rem;
      line-height: 2rem;
      font-family: 'Blinker';
      display: block;
      width: 100%;
      color: #FFF;
      text-align: right;
      text-shadow: 2px 2px 5px #38333b; }
    .journal-content-article .cabecera-home a:after {
      content: "\67";
      font-family: "our-font";
      display: inline-block;
      font-size: 13px;
      color: #FF595A;
      vertical-align: middle; }
    .journal-content-article .cabecera-home .caja-flecha {
      padding: 2.4vh 3.5vh;
      margin-top: 4.5vh;
      margin-bottom: 4vh;
      box-sizing: border-box;
      width: 60% !important;
      border-top: 3.87px solid #F9F7F5;
      border-left: 3.87px solid #F9F7F5;
      border-bottom: 3.87px solid #F9F7F5;
      border-right: 3.87px solid #F9F7F5; } }

@media screen and (max-width: 991px) {
  .journal-content-article .cabecera-home {
    display: none; }
    .journal-content-article .cabecera-home + .buscador-cabecera {
      /*Esto es necesario para carga de la home, para el parámetro CLS*/
      /*min-height: 520px; con las pestañas de alsa viajes*/
      min-height: 470px; }
      .journal-content-article .cabecera-home + .buscador-cabecera .journey-search-portlet {
        /*min-height: 505px; con las pestañas de alsa viajes*/
        min-height: 467px; }
      .journal-content-article .cabecera-home + .buscador-cabecera #portlet_JourneySearchPortlet_WAR_Alsaportlet_INSTANCE_JourneySearch_21651890 {
        /*min-height: 477px; con las pestañas de alsa viajes*/
        min-height: 465px; } }

/***********************************************************/
/*        Cabecera usada para las páginas interiores       */
/*        ----------------------------------------         */
/***********************************************************/
.cabecera-contenido {
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  position: relative; }
  .cabecera-contenido h1 {
    font-size: 1.875rem;
    margin-top: 65px;
    margin-bottom: 80px;
    color: #FFF; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .cabecera-contenido .container {
    max-height: calc(100vh - 130px);
    display: flex;
    align-items: center;
    padding-bottom: calc(145px + 3vh); }
  .cabecera-contenido h1 {
    margin-top: 9vh;
    margin-bottom: 9vh;
    font-size: 5.714rem;
    line-height: 6rem;
    color: #FFF;
    text-shadow: 2px 2px 5px #38333B; }
  .buscador-cabecera {
    /*width: calc((100% - 970px) / 2 + 970px);*/
    /*margin-top: calc(-180px - 3vh); Con las pestañas de viajes alsa*/
    margin-top: calc(-145px - 3vh);
    position: relative;
    margin-bottom: 50px; } }

/**** PARA MOVIL ****/
@media screen and (max-width: 991px) {
  .cabecera-contenido + .buscador-cabecera #journeySearchEmbeddedContainer {
    margin-top: -20px; }
  .cabecera-contenido h1 {
    min-height: 140px;
    display: flex;
    align-items: center;
    margin: 0px;
    text-shadow: 2px 2px 2px #38333B; }
  .cabecera-contenido > .container {
    padding-bottom: 20px; } }

/**** Hack solo para IE 10, IE 11, para que el título en móvil salga centrado verticalmente ****/
@media screen and (max-width: 991px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cabecera-contenido h1 {
    height: 140px; } }

.contenido-agrupado-foto .tab-pane {
  background-color: #38333B;
  float: left; }
  .contenido-agrupado-foto .tab-pane * {
    color: #FFF; }
    .contenido-agrupado-foto .tab-pane *.titulo {
      color: #3FC8EB;
      margin-bottom: 25px;
      font-size: 30px;
      line-height: 34px; }
  .contenido-agrupado-foto .tab-pane p {
    margin-bottom: 5px; }
  .contenido-agrupado-foto .tab-pane .enlace {
    margin-top: 25px; }
    .contenido-agrupado-foto .tab-pane .enlace a {
      text-decoration: none;
      position: relative;
      padding-right: 16px; }
      .contenido-agrupado-foto .tab-pane .enlace a:before {
        position: absolute;
        right: 0;
        top: 1px;
        color: #FF595A; }

.contenido-agrupado-foto .imagen {
  background-size: cover; }

/*------------------------------------ @media ------------------------------------*/
@media screen and (min-width: 768px) {
  .contenido-agrupado-foto .nav-tabs {
    float: right;
    margin-top: -50px; }
  .contenido-agrupado-foto .tab-pane {
    padding: 35px 30px; }
    .contenido-agrupado-foto .tab-pane .texto {
      height: 290px;
      overflow: auto; }
      .contenido-agrupado-foto .tab-pane .texto--vertical-center {
        display: table-cell;
        vertical-align: middle; }
  .contenido-agrupado-foto .imagen,
  .contenido-agrupado-foto .tab-pane {
    height: 360px; } }

@media screen and (max-width: 767px) {
  .contenido-agrupado-foto .tab-pane {
    padding: 16px; }
    .contenido-agrupado-foto .tab-pane .titulo {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 12px; }
  .contenido-agrupado-foto .imagen {
    height: 160px; } }

/* ".contenido-agrupado" es la estructura de botones en fila que se muestra por ejemplo en la pagina Home. */
.contenido-agrupado {
  margin-top: 20px;
  /* Piden que este componente tenga por debajo el mismo espaciado que acabamos de asignar por encima:
	40px sera el espacio entre este ".fila-bloques" y el componente ".bloques-configurable". Por tanto:
	en este estilo ".contenido-agrupado": establecemos un margin-bottom de 20px
	en el estilo ".bloques-configurable": establecemos un margin-top de 20px */
  margin-bottom: 20px; }
  .contenido-agrupado .fila-bloques {
    font-size: 1.286rem; }
    .contenido-agrupado .fila-bloques.claro .item {
      background: #FFF;
      border: 1px solid #E6ECF2; }
      .contenido-agrupado .fila-bloques.claro .item:not(:first-of-type) {
        border-left: 0; }
      .contenido-agrupado .fila-bloques.claro .item:nth-child(2n+1) .darkenized {
        background: #FFF; }
      .contenido-agrupado .fila-bloques.claro .item .texto,
      .contenido-agrupado .fila-bloques.claro .item .texto .titulo {
        color: #38333A; }
    .contenido-agrupado .fila-bloques.apilado-mobile {
      min-height: 70px; }
      .contenido-agrupado .fila-bloques.apilado-mobile .item:not(:last-of-type) {
        border-right: 2px solid #FFF; }
  .contenido-agrupado .fila-bloques,
  .contenido-agrupado .carousel-inner {
    display: flex; }
    .contenido-agrupado .fila-bloques .item,
    .contenido-agrupado .carousel-inner .item {
      background: #38333B; }
      .contenido-agrupado .fila-bloques .item:nth-child(2n+1) .darkenized,
      .contenido-agrupado .carousel-inner .item:nth-child(2n+1) .darkenized {
        background: rgba(0, 0, 0, 0.2); }
      .contenido-agrupado .fila-bloques .item img,
      .contenido-agrupado .carousel-inner .item img {
        width: 100%; }
      .contenido-agrupado .fila-bloques .item a,
      .contenido-agrupado .carousel-inner .item a {
        text-decoration: none; }
      .contenido-agrupado .fila-bloques .item .texto,
      .contenido-agrupado .carousel-inner .item .texto {
        padding: 25px 20px;
        display: block;
        color: #FFF;
        text-decoration: none; }
        .contenido-agrupado .fila-bloques .item .texto span,
        .contenido-agrupado .carousel-inner .item .texto span {
          display: block; }
        .contenido-agrupado .fila-bloques .item .texto .titulo,
        .contenido-agrupado .carousel-inner .item .texto .titulo {
          color: #FFF;
          font-size: 30px;
          margin-bottom: 18px;
          position: relative; }
          .contenido-agrupado .fila-bloques .item .texto .titulo img,
          .contenido-agrupado .carousel-inner .item .texto .titulo img {
            width: auto;
            max-height: 20px;
            margin-top: -3px;
            margin-right: 10px; }
          .contenido-agrupado .fila-bloques .item .texto .titulo .icn-angle-down:before,
          .contenido-agrupado .carousel-inner .item .texto .titulo .icn-angle-down:before {
            position: absolute;
            top: 0;
            right: 0;
            color: #FF595A; }
          .contenido-agrupado .fila-bloques .item .texto .titulo .icn-angle-right:before,
          .contenido-agrupado .carousel-inner .item .texto .titulo .icn-angle-right:before {
            position: absolute;
            top: 0;
            right: 0;
            color: #FF595A; }
        .contenido-agrupado .fila-bloques .item .texto .texto-bloque,
        .contenido-agrupado .carousel-inner .item .texto .texto-bloque {
          font-size: 17px;
          line-height: 27px; }
        .contenido-agrupado .fila-bloques .item .texto .titulo:only-child,
        .contenido-agrupado .fila-bloques .item .texto .texto-bloque:only-child,
        .contenido-agrupado .carousel-inner .item .texto .titulo:only-child,
        .contenido-agrupado .carousel-inner .item .texto .texto-bloque:only-child {
          font-size: 20px;
          text-align: center;
          margin-bottom: 0; }
  .contenido-agrupado .nav.nav-tabs {
    border-bottom: 0; }
    .contenido-agrupado .nav.nav-tabs li {
      padding-bottom: 15px !important; }
      .contenido-agrupado .nav.nav-tabs li a {
        background: red; }

@media screen and (max-width: 992px) {
  .contenido-agrupado {
    margin-top: 12px;
    /* En la Home (mobile) debe haber espaciado vertical de 25px entre el componente ".contenido-agrupado" y el ".bloques-configurable". Por tanto:
	en este estilo ".contenido-agrupado" (mobile): establecemos un margin-bottom de 12px
	en el estilo ".bloques-configurable"(mobile): establecemos un margin-top de 12px */
    margin-bottom: 12px; }
    .contenido-agrupado .fila-bloques.claro .item {
      background: #FFF;
      border: 1px solid #E6ECF2; }
      .contenido-agrupado .fila-bloques.claro .item:not(:first-of-type) {
        border-left: 0; }
      .contenido-agrupado .fila-bloques.claro .item:nth-child(2n+1) .darkenized {
        background: #FFF; }
      .contenido-agrupado .fila-bloques.claro .item .texto,
      .contenido-agrupado .fila-bloques.claro .item .texto .titulo {
        color: #38333A; }
    .contenido-agrupado .fila-bloques .bloque-100 {
      width: 100%; }
    .contenido-agrupado .fila-bloques.claro .item:not(:first-of-type) {
      border-left: 1px;
      border-top: 0; }
    .contenido-agrupado .fila-bloques.apilado-mobile {
      display: block; }
      .contenido-agrupado .fila-bloques.apilado-mobile .item:not(:last-of-type) {
        border-right: 0; }
      .contenido-agrupado .fila-bloques.apilado-mobile .item .texto .titulo {
        padding-right: 20px; }
        .contenido-agrupado .fila-bloques.apilado-mobile .item .texto .titulo .icn-angle-right:before {
          font-size: 16px;
          top: 50%;
          margin-top: -8px; }
    .contenido-agrupado .fila-bloques .item .texto .titulo:only-child,
    .contenido-agrupado .fila-bloques .item .texto .texto-bloque:only-child {
      font-size: 20px;
      text-align: left; } }

@media screen and (max-width: 768px) {
  .contenido-agrupado .carousel-inner {
    margin-bottom: 60px; }
  .contenido-agrupado ol.carousel-indicators {
    bottom: -55px; }
    .contenido-agrupado ol.carousel-indicators li {
      border: 2px solid #9F9F9F;
      width: 12px;
      height: 12px;
      margin: 4px; }
    .contenido-agrupado ol.carousel-indicators li.active {
      border-color: #FF595A;
      background: #FF595A; } }

.contenido-pagina-editable ul {
  padding-left: 20px; }

.informacion-destacada {
  padding-bottom: 0; }
  .informacion-destacada ul {
    flex-wrap: wrap;
    background-color: #FFF;
    list-style: none;
    margin-bottom: 0px;
    padding: 0 14px;
    box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1); }
    .informacion-destacada ul li {
      border-color: #E1E0E1;
      border-width: 1px;
      border-bottom-style: solid;
      text-align: center;
      padding: 20px 20px; }
      .informacion-destacada ul li * {
        display: block; }
      .informacion-destacada ul li:last-of-type {
        border: 0; }
      .informacion-destacada ul li strong {
        font-size: 17px;
        margin-bottom: 10px; }
      .informacion-destacada ul li span {
        font-size: 30px;
        line-height: 34px; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .informacion-destacada ul {
    padding: 25px 0;
    display: flex; }
    .informacion-destacada ul li {
      width: 25%;
      padding: 0 25px;
      border-right-style: solid;
      border-bottom: 0; }
  .informacion-destacada--three ul li {
    width: calc(100% / 3); } }

.modulo-informacion {
  padding-top: 7px; }
  .modulo-informacion p {
    margin-bottom: 20px; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .modulo-informacion {
    background-color: #FFF;
    font-size: 1.286rem;
    line-height: 24px; } }

/**** PARA MOVIL ****/
.pestania, #content-web2020 .contenido-agrupado .nav.nav-tabs li a, #content-web2020 .nav-tabs li a, .nav-tabs li a, .contenido-agrupado .nav.nav-tabs li a {
  display: block;
  padding: 0;
  padding-bottom: 3px;
  margin: 0 10px;
  border: 0;
  background: transparent;
  opacity: .5;
  font-size: 21px;
  color: #38333B;
  /* 2020_03_27 - WAEVO-294 arreglo de pestanas en los modulos de rutas. */
  min-height: 26px;
  line-height: 20px; }

.pestania-activa, #content-web2020 .contenido-agrupado .nav.nav-tabs li a.active, #content-web2020 .contenido-agrupado .nav.nav-tabs li.active a, #content-web2020 .nav-tabs li a.active, #content-web2020 .nav-tabs li.active a, .nav-tabs li a.active, .nav-tabs li.active a, .contenido-agrupado .nav.nav-tabs li a.active, .contenido-agrupado .nav.nav-tabs li.active a {
  border-bottom: 3px solid #3FC8EB;
  opacity: 1; }

.section, #content-web2020 .contenido-agrupado-foto, #content-web2020 .informacion-destacada, .contenido-agrupado-foto, .informacion-destacada {
  padding-top: 60px;
  padding-bottom: 60px; }

.contenido-agrupado-foto {
  padding-top: 0px; }

.enlace-blanco, #content-web2020 .modulo-rutas ul.listado-rutas li a, .modulo-rutas ul.listado-rutas li a {
  color: #FFF;
  text-decoration: none; }

.icon-calendar {
  padding-left: 30px !important;
  /* 	background-color: #ffffff; */
  background-image: url(http://desarrollodxp.alsa.es/o/Alsa-main-theme/images/web2020/iconos/icon_calendar.gif);
  background-repeat: no-repeat;
  background-position: 8px 50%; }

/**** FORMULARIOS CLASES PADRE ****/
#content-web2020 select, .ui-datepicker select, select, #content-web2020 .ui-datepicker select, .ui-datepicker #content-web2020 select, #content-web2020 textarea,
#content-web2020 input[type="text"],
#content-web2020 input[type="password"],
#content-web2020 input[type="datetime"],
#content-web2020 input[type="datetime-local"],
#content-web2020 input[type="date"],
#content-web2020 input[type="month"],
#content-web2020 input[type="time"],
#content-web2020 input[type="week"],
#content-web2020 input[type="number"],
#content-web2020 input[type="email"],
#content-web2020 input[type="url"],
#content-web2020 input[type="search"],
#content-web2020 input[type="tel"],
#content-web2020 input[type="color"],
#content-web2020 input.mat-input-element,
#content-web2020 .home .search-general .form-group input,
#content-web2020 .uneditable-input, .sag-modal-dialog input[type="text"], textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.mat-input-element,
.home .search-general .form-group input,
.uneditable-input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #9F9F9F;
  border-radius: 0;
  height: 53px;
  color: #38333B;
  font-size: 1.071rem;
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 22px;
  box-shadow: none;
  background-color: #FFF;
  font-family: "Open-Sans", "Arial", "sans-serif";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#content-web2020 form label, #content-web2020 .form-group label, .sag-modal-dialog .form-group label, form label, .form-group label, #content-web2020 .c-birth-date__label {
  position: absolute;
  font-size: 0.929rem;
  line-height: 0.929rem;
  color: #38333B;
  font-family: "Open-Sans", "Arial", "sans-serif";
  transform: none; }

#content-web2020 select, .ui-datepicker select, select {
  background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
  background-repeat: no-repeat;
  background-position: 98% 30px;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 25px 23px 6px 0;
  cursor: pointer;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  outline: 0; }

/*** Estas clases deben extenderse siempre que se necesite usar los check o radios ***/
#content-web2020 input[type="checkbox"]:not(.field),
#content-web2020 input[type="radio"], .sag-modal-dialog input[type="checkbox"]:not(.field),
.sag-modal-dialog input[type="radio"], input[type="checkbox"]:not(.field),
input[type="radio"] {
  width: 0;
  height: 0;
  position: absolute;
  clip: rect(0, 0, 0, 0); }

#content-web2020 label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before,
#content-web2020 input[type="radio"] + label:before,
#content-web2020 input[type="checkbox"] + label:before, #content-web2020 .simula-checkbox:before, #content-web2020 .portlet-login .portlet-login label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before, .sag-modal-dialog input[type="radio"] + label:before,
.sag-modal-dialog input[type="checkbox"] + label:before, label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before,
input[type="radio"] + label:before,
input[type="checkbox"] + label:before, .simula-checkbox:before, .portlet-login .portlet-login label.rememberMe input[type="checkbox"] + .custom-checkbox-box:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  top: -1px;
  border: 1px solid #9F9F9F;
  -webkit-box-shadow: 0px 4px 8px 0px #38333b;
  -moz-box-shadow: 0px 4px 8px 0px #38333b;
  box-shadow: 0px 4px 8px 0px rgba(56, 51, 59, 0.15); }


#content-web2020 input[type="radio"] + label:before, .sag-modal-dialog input[type="radio"] + label:before,
input[type="radio"] + label:before {
  border-radius: 50%; }

#content-web2020 input[type="radio"]:checked + label:after, .sag-modal-dialog input[type="radio"]:checked + label:after, input[type="radio"]:checked + label:after {
  content: " ";
  background-color: #38333B;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 6px;
  top: 5px;
  display: inline-block; }

#content-web2020 input[type="checkbox"]:checked + label:before, #content-web2020 .simula-checkbox.sel:before, #content-web2020 .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before, .sag-modal-dialog input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label:before, .simula-checkbox.sel:before, .portlet-login label.rememberMe input[type="checkbox"]:checked + .custom-checkbox-box:before {
  content: "\6f";
  font-family: "our-font" !important;
  font-size: 10px;
  line-height: 10px;
  padding: 3px;
  color: #38333B; }

#content-web2020 input[type="checkbox"] + label,
#content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, .sag-modal-dialog input[type="checkbox"] + label,
.sag-modal-dialog input[type="radio"] + label, input[type="checkbox"] + label,
input[type="radio"] + label, .simula-checkbox {
  font-size: 1.071rem;
  line-height: 1.19rem;
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px; }


#content-web2020 input[type="radio"] + label, #content-web2020 .simula-checkbox, #content-web2020 .portlet-login label.rememberMe,
.sag-modal-dialog input[type="radio"] + label,
input[type="radio"] + label, .simula-checkbox, .portlet-login label.rememberMe {
  padding-left: 25px; }


#content-web2020 input[type="radio"] + label:before, .sag-modal-dialog input[type="radio"] + label:before,
input[type="radio"] + label:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  left: 0; }

/***** FORMULARIOS FIN CLASES PADRE *****/
/*** BOTONES ***/
#content-web2020 .login-panel-btns button,
#content-web2020 #btn_facebook2_class.btn.btn-primary,
#content-web2020 .btn.btn-primary,
#content-web2020 .button-transparent > *, .sag-modal--aviso__boton, .login-panel-btns button,
#btn_facebook2_class.btn.btn-primary,
.btn.btn-primary,
.button-transparent > *, #content-web2020 .c-pwa__button {
  color: #FF595A;
  font-size: 1.214rem;
  line-height: 1.4rem;
  font-weight: bold;
  white-space: normal;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 0px;
  border: 2px solid #FF595A; }

#content-web2020 .btn.btn-primary.sel:hover, #content-web2020 .btn.btn-primary.sel:focus, #content-web2020 .btn.btn-primary.sel:active,
#content-web2020 .btn.btn-primary.btn-primary-bck:hover,
#content-web2020 .btn.btn-primary.btn-primary-bck:focus,
#content-web2020 .btn.btn-primary.btn-primary-bck:active, #content-web2020 .login-panel-btns button:hover, #content-web2020 .login-panel-btns button:focus, #content-web2020 .login-panel-btns button:active,
#content-web2020 #btn_facebook2_class.btn.btn-primary:hover,
#content-web2020 #btn_facebook2_class.btn.btn-primary:focus,
#content-web2020 #btn_facebook2_class.btn.btn-primary:active,
#content-web2020 .btn.btn-primary:hover,
#content-web2020 .btn.btn-primary:focus,
#content-web2020 .btn.btn-primary:active,
#content-web2020 .button-transparent > *:hover,
#content-web2020 .button-transparent > *:focus,
#content-web2020 .button-transparent > *:active, .sag-modal--aviso__boton:hover, .sag-modal--aviso__boton:focus, .sag-modal--aviso__boton:active, .btn.btn-primary.sel:hover, .btn.btn-primary.sel:focus, .btn.btn-primary.sel:active,
.btn.btn-primary.btn-primary-bck:hover,
.btn.btn-primary.btn-primary-bck:focus,
.btn.btn-primary.btn-primary-bck:active, .login-panel-btns button:hover, .login-panel-btns button:focus, .login-panel-btns button:active,
#btn_facebook2_class.btn.btn-primary:hover,
#btn_facebook2_class.btn.btn-primary:focus,
#btn_facebook2_class.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.button-transparent > *:hover,
.button-transparent > *:focus,
.button-transparent > *:active {
  background-color: #E5464B;
  color: #fff;
  border-color: #E5464B;
  outline: 0;
  box-shadow: none; }

#content-web2020 .btn.btn-primary.sel,
#content-web2020 .btn.btn-primary.btn-primary-bck, .sag-modal.sag-modal--btn-bck .sag-modal-footer .btn, .sag-modal--aviso__boton--destacado, .btn.btn-primary.sel,
.btn.btn-primary.btn-primary-bck {
  background-color: #FF595A !important;
  color: #FFF; }

/****** MODALES ********/
.sag-modal.sag-modal--border .sag-modal-dialog, .sag-modal--aviso .sag-modal-content {
  border: 4px solid #3FC8EB; }

.modulo-rutas {
  padding-bottom: 60px; }
  .modulo-rutas ul.listado-rutas {
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
    .modulo-rutas ul.listado-rutas li {
      color: #FFF;
      background-color: #38333B;
      padding: 27px;
      text-align: center;
      margin-bottom: 10px;
      font-size: 22px;
      /* Las siguientes propiedades alinean verticalmente los elementos del listado de rutas
		    cuando alguno de ellos tiene un texto de varias lineas */
      display: flex;
      align-items: center;
      justify-content: center; }
      .modulo-rutas ul.listado-rutas li.stretch {
        /* estirar la anchura. Solo se aplica este estilo a los elementos de la ultima fila */
        flex-grow: 1; }

.radio-align:before {
  top: -2px !important; }

.radio-align:after {
  top: 4px !important; }

/**** PARA ESCRITORIO ****/
@media screen and (min-width: 992px) {
  .modulo-rutas ul.listado-rutas li {
    width: 33.3%;
    margin-bottom: 27px; }
    .modulo-rutas ul.listado-rutas li:nth-child(3n+2) {
      background-color: #2C282F; } }

/**** PARA MOVIL Y TABLET****/
@media screen and (max-width: 991px) {
  .modulo-rutas {
    padding-bottom: 40px; }
    .modulo-rutas ul.listado-rutas li:nth-child(even) {
      background-color: #2C282F; } }

/**** PARA TABLET****/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modulo-rutas ul.listado-rutas li {
    width: 50%; } }

/**** PARA MOVIL ****/
@media screen and (max-width: 767px) {
  .modulo-rutas ul.listado-rutas li {
    width: 100%; } }

.contenedor-modulos-informacion {
  margin-top: 20px;
  margin-bottom: 20px;
  /*flecha a la derecha*/ }
  .contenedor-modulos-informacion ul {
    list-style: none;
    display: flex; }
  .contenedor-modulos-informacion .bloque {
    background-color: #fff;
    padding: 30px 30px 0px 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between; }
  .contenedor-modulos-informacion .bloque:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    height: 100%;
    width: 20px;
    opacity: 0.1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
  .contenedor-modulos-informacion .bloque:nth-child(2):after {
    content: "";
    position: absolute;
    /* transform: scaleX(-1); */
    top: 0;
    z-index: 1;
    right: -20px;
    height: 100%;
    width: 20px;
    opacity: 0.1;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
  .contenedor-modulos-informacion .texto {
    color: #38333B;
    font-size: 0.9375rem;
    letter-spacing: 0.1px;
    line-height: 26px;
    margin-bottom: 70px; }
    .contenedor-modulos-informacion .texto.texto--titulo {
      width: 100%;
      margin-bottom: 20px;
      font-family: Blinker, Arial, sans-serif;
      font-size: 30px;
      line-height: 42px; }
  .contenedor-modulos-informacion .enlace {
    color: #38333B;
    font-family: Blinker, Arial, sans-serif;
    font-size: 21px;
    line-height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    text-decoration: none; }
  .contenedor-modulos-informacion .enlace:after {
    content: "\67";
    font-family: "our-font";
    display: inline-block;
    font-size: 13px;
    color: #FF595A;
    vertical-align: middle; }

/*------------------------------------ @media ------------------------------------*/
@media screen and (min-width: 992px) {
  .contenedor-modulos-informacion .texto {
    font-size: 1.286rem; } }

@media screen and (max-width: 991px) {
  .contenedor-modulos-informacion {
    margin-top: 12px;
    margin-bottom: 12px; }
    .contenedor-modulos-informacion > .container {
      padding: 0px; }
    .contenedor-modulos-informacion ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0px 15px; }
    .contenedor-modulos-informacion .row {
      margin-left: 0px;
      margin-right: 0px; }
    .contenedor-modulos-informacion .bloque {
      padding: 20px 15px 0px 15px;
      -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.21);
      -moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.21);
      box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.21); }
    .contenedor-modulos-informacion .bloque:first-child:after {
      content: "";
      position: absolute;
      top: auto;
      bottom: 0px;
      z-index: 1;
      right: 0px;
      height: 20px;
      width: 100%;
      opacity: 0.1;
      background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    .contenedor-modulos-informacion .bloque:nth-child(2):before {
      display: none; }
    .contenedor-modulos-informacion .bloque:nth-child(2):after {
      top: auto;
      bottom: 0px;
      z-index: 1;
      right: 0px;
      height: 20px;
      width: 100%;
      opacity: 0.1;
      background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } }

.c-dropdown-with-info {
  background: #FFF;
  padding: 30px 0;
  margin-top: -4px; }
  .c-dropdown-with-info__texto-superior, .c-dropdown-with-info__texto-inferior {
    font-size: 1.2rem; }
  .c-dropdown-with-info__texto-superior {
    margin-bottom: 30px; }
  .c-dropdown-with-info__texto-inferior {
    margin-top: 30px; }

.dropdown2020 .cuerpo-pagina-editable {
  /* 2020_02_27 Estilo del titulo del acordeon en paginas generales */
  line-height: 30px;
  font-size: 1.214rem;
  margin-bottom: 24px; }
  .dropdown2020 .cuerpo-pagina-editable.preguntas-frecuentes-texto-superior * {
    line-height: 42px;
    /* 2020_02_27 Estilo del titulo del acordeon en las paginas de Ayuda */
    /* 2020_02_21 WAEVO-212: reducimos el font-size del titulo del acordeon,
			originalmente eran 32px, ahora 26px */
    font-size: 1.857rem;
    /* 1.857rem=26px */
    margin-bottom: 24px; }
    .dropdown2020 .cuerpo-pagina-editable.preguntas-frecuentes-texto-superior * p {
      margin-bottom: initial; }

.dropdown2020.dropdown-spacing {
  margin-top: 25px;
  margin-bottom: 25px; }

.dropdown2020 .preguntas-frecuentes {
  border-top: 1px solid #E1E0E1; }
  .dropdown2020 .preguntas-frecuentes .panel-default {
    border: 0;
    margin-top: 0;
    box-shadow: none;
    border-bottom: 1px solid #E1E0E1; }
  .dropdown2020 .preguntas-frecuentes .pregunta-faq {
    background-color: #FFF;
    border-bottom: 2px solid #e1e0e1; }
    .dropdown2020 .preguntas-frecuentes .pregunta-faq > a {
      line-height: 30px;
      font-size: 1.5rem;
      font-weight: bold;
      color: #38333B;
      padding: 10px;
      display: block;
      position: relative;
      padding-right: 41px;
      overflow: hidden; }
      .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:before {
        content: "\68";
        /* Ponemos la flecha para arriba cuando está descolapsado */
        font-family: "our-font";
        top: 11px;
        right: 10px;
        color: #FF595A;
        font-size: unset;
        position: absolute;
        z-index: 3;
        font-weight: normal; }
      .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:hover, .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:active, .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:focus {
        text-decoration: none; }
      .dropdown2020 .preguntas-frecuentes .pregunta-faq > a:after {
        content: ' ';
        background: #f5f5f5;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: top .3s;
        z-index: 2; }
      .dropdown2020 .preguntas-frecuentes .pregunta-faq > a.collapsed {
        background: #FFF; }
        .dropdown2020 .preguntas-frecuentes .pregunta-faq > a.collapsed:before {
          content: "\65";
          /* Cuando está colapsado le ponemos la flecha para abajo */ }
        .dropdown2020 .preguntas-frecuentes .pregunta-faq > a.collapsed:after {
          top: -100%; }
      .dropdown2020 .preguntas-frecuentes .pregunta-faq > a .container-displays-blinds {
        position: relative;
        z-index: 3; }
  .dropdown2020 .preguntas-frecuentes .panel-collapse {
    border-bottom: 1px solid #E1E0E1; }
  .dropdown2020 .preguntas-frecuentes .contenido-preguntas-frecuentes {
    font-size: 1.214rem;
    line-height: 24px;
    color: #38333B;
    padding: 18px 10px 6px; }
    .dropdown2020 .preguntas-frecuentes .contenido-preguntas-frecuentes a {
      line-height: 30px;
      font-size: 1.214rem;
      color: #38333B; }
    .dropdown2020 .preguntas-frecuentes .contenido-preguntas-frecuentes p {
      position: relative;
      /*
				2020_02_25 WAEVO-214 - Debemos eliminar los iconos de flecha dentro del acordeon (ver captura en Jira). Los comentamos:
				&:after{
					position:absolute;
					content: "\66";
					margin-top: 2px;
					font-family: "our-font";
					color: #FF595A; color: var(--bck-botones);
					margin-left: 16px;
				}
				*/ }

/*------------------------------------ @media ------------------------------------*/
@media screen and (max-width: 991px) {
  .dropdown2020 .preguntas-frecuentes .pregunta-faq a {
    font-size: 1.3rem;
    line-height: 1.8rem; } }

.sag-modal--aviso[style] {
  padding-left: 0; }

.sag-modal--aviso .modal-dialog {
  top: 50vh;
  margin-top: -75px; }

.sag-modal--aviso .sag-modal-content .sag-modal-body {
  padding: 25px; }

.sag-modal--aviso .sag-modal-header {
  min-height: 35px; }

.sag-modal--aviso .sag-modal-header + .sag-modal-body {
  /* Cuando la modal lleva cabecera */
  padding-top: 0; }

.sag-modal--aviso__titulo {
  font-size: 1.4375rem;
  margin-bottom: 15px;
  font-weight: bold; }
  .sag-modal--aviso__titulo--azul {
    color: #3FC8EB; }

.sag-modal--aviso .sag-modal--aviso__texto {
  font-size: 1.15rem !important;
  margin-bottom: 20px !important; }
  .sag-modal--aviso .sag-modal--aviso__texto--saltoLinea {
    display: block;
    margin-top: 5px; }

.sag-modal--aviso__boton {
  margin-bottom: 10px; }

.checkout .sag-modal--aviso .sag-modal-content {
  max-width: 650px;
  padding: 0; }

@media (min-width: 768px) {
  .sag-modal--aviso .sag-modal-content .sag-modal-body {
    padding-left: 60px !important;
    padding-right: 60px !important; }
    .sag-modal--aviso .sag-modal-content .sag-modal-body .pd-x-100 {
      padding-left: 100px !important;
      padding-right: 100px; } }

@media (max-width: 767px) {
  .modal-open .checkout .sag-modal--aviso .sag-modal-body {
    padding-left: 25px !important;
    margin-left: 0; } }

.checkout-sag-modal {
  background-color: rgba(255, 255, 255, 0.8); }

/*<WAEVO-194>*/
#sag-alsa-simple-modal.sag-modal {
  z-index: 20001; }

/*</WAEVO-194>*/
.sag-modal-dialog {
  /* sombra para modales proceso de compra*/ }
  .sag-modal-dialog.checkout-sag-modal-dialog {
    box-shadow: 0px 1px 18px #9f9f9f; }
  .sag-modal-dialog .sag-modal-header {
    min-height: 40px; }
    .sag-modal-dialog .sag-modal-header > button {
      position: relative;
      display: block;
      order: 1;
      text-align: right;
      background-color: transparent;
      border: 0px; }
    .sag-modal-dialog .sag-modal-header > h2,
    .sag-modal-dialog .sag-modal-header .sag-modal-title {
      font-size: 1.87rem !important;
      line-height: 2.62rem !important;
      margin-left: 71px !important;
      width: 90%; }
    .sag-modal-dialog .sag-modal-header .sag-modal-title--azul {
      color: #3FC8EB !important; }
  .sag-modal-dialog .sag-modal-content .sag-modal-body {
    padding: 0 15px; }
  .sag-modal-dialog .sag-modal-content .sag-modal-text {
    font-size: 1.125rem; }
  .sag-modal-dialog .sag-modal-content .sag-modal-footer {
    text-align: center;
    padding: 0em; }
    .sag-modal-dialog .sag-modal-content .sag-modal-footer > button {
      border: 2px solid #FF595A !important;
      margin-left: 0px;
      text-transform: none !important;
      min-width: 120px;
      padding: 6px 24px;
      height: 50px; }
  .sag-modal-dialog input[type="text"] {
    padding: 25px 0 6px 0; }
    .sag-modal-dialog input[type="text"]::-webkit-input-placeholder, .sag-modal-dialog input[type="text"]::-moz-placeholder {
      color: #38333B;
      opacity: .7; }
  .sag-modal-dialog .form-group {
    position: relative; }
    .sag-modal-dialog .form-group label {
      top: 5px;
      margin: 0;
      left: 0;
      z-index: 1; }

/******* CLASES PARA IR DANDO FORMATO A LAS MODALES -- En las infowindows A través de la opción "specialClass" al crear la modal *******/
/*** Para ponerle el borde azul specialClass:'sag-modal--border' ***/
.sag-modal {
  /*** Para ponerle el borde azul specialClass:'sag-modal--border' ***/
  /*** Para ponerle el título de la modal azul specialClass:'sag-modal--blue-title' ***/
  /*** Para ponerle el texto de la modal más grande specialClass:'sag-modal--big-text' ***/
  /*** Para ponerle el botón de la modal relleno specialClass:'sag-modal--blue-title' ***/
  /*** Para quitarle el padding de 17px que se pone por js specialClass:'pr-0' ***/ }
  .sag-modal.sag-modal--blue-title .sag-modal-title {
    color: #3FC8EB !important;
    font-weight: bold !important; }
  .sag-modal.sag-modal--big-text .sag-modal-body * {
    font-size: 1.15rem; }

.sag-modal-dialog-centered {
  /* Para cuando queremos centrar la modal en vertical en la pantalla */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100% - (4rem * 2));
  background-color: transparent !important; }

@media (min-width: 992px) {
  .sag-modal-dialog--medium {
    max-width: 750px !important; } }

@media (max-width: 767px) {
  .sag-modal-dialog.checkout-sag-modal-dialog {
    height: auto;
    margin: 0;
    /* Este important lo podremos eliminar si para movil aceptan la pantalla completa. Eliminando a su vez las referencias a las modales del resto de archivos
    		como puede ser general_responsive.css*/
    width: 100vw !important; } }

@media (max-width: 625px) {
  .sag-modal-content .sag-modal-footer > button {
    width: auto !important; } }

@media (max-width: 570px) {
  .sag-modal-dialog .sag-modal-header > h2,
  .sag-modal-dialog .sag-modal-header .sag-modal-title {
    margin-left: 15px !important; }
  .sag-modal-dialog .sag-modal-content {
    /* 2020_03_18 WAEVO-222 Usamos padding-left y anulamos margin-left para que el popup ocupe toda la anchura.
			(ver ejemplo en el paso 2, en un viaje de ida y vuelta con varios pasajeros) */
    margin-left: initial;
    padding-left: 15px;
    margin-right: initial;
    padding-right: 15px; }
    .sag-modal-dialog .sag-modal-content .sag-modal-body {
      margin-left: 0px;
      padding-left: 0px !important; } }

/* endinject */
/* Colores */
/*11px*/
/*12px*/
/*13px*/
/*15px*/
/*17px*/
/*18px*/
/*20px*/
/*26px*/
/*30px*/
/*15px*/
/*21px*/
/*23px*/
/*26px*/
/*26px*/
/*23px*/
/*30px*/
/* Color bloques que alternan grises. P.e. tablas, contenido agrupado, etc */
/* Aqui se asignaran las variables sass
se han de añadir luego a ":root" para poder usarlas fuera de aqui,
por ejemplo cuando quieres recoger variables sass en los css del portlet */
:root {
  --azul-claro-alsa:#D2EDF3;
  --color-fondo-login: #00587b;
  --color-azul-oscuro: #00587B;
  --color-azul-medio: #007398;
  --color-link: var(--color-azul-medio);
  --color-azul-medio50: #E2F7FC;
  --color-azul-bg: #E2F7FC;
  --color-arena-Dark: #846806;
  --color-arena50: #F9EEC5;
  --color-gris-calido: #ECEAE6;
  --color-gris-accesible: #767676;
  --color-gris-medio: #D1CECD;
  --color-gris-bg: #F9F7F5;
  --color-gris-disabled: #8D8D8D;
  --color-naranja-dark: #955210;
  --color-verde-brillante: #237C64;
  --color-label-bono: #00A889;
  --color-bg-card-bono: #D9FAF1;
  --color-link-bono: #007398;
  --color-borde: #767676;
  --color-red-accessible: #D6293D;
  --font-color-black: #09101D;
  --fuente-regular: var(--fuente);
  --font-size-360-XXS: 0.786rem;
  /*11px*/
  --font-size-360-XS: 0.857rem;
  /*12px*/
  --font-size-360-S: 0.94rem;
  /*13px*/
  --font-size-360-M: 1.071rem;
  /*15px*/
  --font-size-360-L: 1.214rem;
  /*17px*/
  --font-size-360-XL: 1.286rem;
  /*18px*/
  --font-size-360-XXL: 1.429rem;
  /*20px*/
  --font-size-360-XLL: 1.857rem;
  /*26px*/
  --font-size-360-XXXL: 2.143rem;
  /*30px*/
  --line-height-360-XS: 1.071rem;
  /*15px*/
  --line-height-360-S: 1.5rem;
  /*21px*/
  --line-height-360-M: 1.65rem;
  /*23px*/
  --line-height-360-L: 1.857rem;
  /*26px*/
  --line-height-360-XL: 1.857rem;
  /*26px*/
  --line-height-360-XXL: 1.65rem;
  /*23px*/
  --line-height-360-XXXL: 2.143rem;
  /*30px*/ }

/*** BOTONES ***/
#content-web2020 .login-panel-btns button,
#content-web2020 #btn_facebook2_class.btn.btn-primary,
#content-web2020 .btn.btn-primary,
#content-web2020 .button-transparent > *, .sag-modal--aviso__boton, .login-panel-btns button,
#btn_facebook2_class.btn.btn-primary,
.btn.btn-primary,
.button-transparent > *, #content-web2020 .c-pwa__button {
  font-family: Blinker-Light, Arial, sans-serif; }

html {
  height: 100%; }

.not-scroll {
  height: 100vh;
  overflow: hidden; }

/*** Para la tipografía ***/
/**** Colores ****/
.color-red {
  color: #D6293D; }

.color-blue-dark {
  color: #00587B; }

.color-grey-accessible {
  color: #767676; }

.color-texto {
  color: #38333B; }

.font-XXS {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XXS);
  line-height: var(--line-height-360-XS);
  font-family: var(--fuente-regular); }

.font-XXS-light {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XXS);
  line-height: var(--line-height-360-XS);
  font-family: var(--fuente-light); }

.font-XS {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XS);
  line-height: var(--line-height-360-XS);
  font-family: var(--fuente-regular); }

.font-XS-light {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XS);
  line-height: var(--line-height-360-XS);
  font-family: var(--fuente-light); }

.font-S {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-S);
  line-height: var(--line-height-360-S);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-S--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-S);
      line-height: var(--line-height-360-S);
      font-family: var(--fuente-regular); } }

.font-S-light {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-S);
  line-height: var(--line-height-360-S);
  font-family: var(--fuente-light); }

.font-M {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-M);
  line-height: var(--line-height-360-S);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-M--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-M);
      line-height: var(--line-height-360-S);
      font-family: var(--fuente-regular); } }

.font-M-light {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-M);
  line-height: var(--line-height-360-S);
  font-family: var(--fuente-light); }
  @media (min-width: 992px) {
    .font-M-light--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-M);
      line-height: var(--line-height-360-S);
      font-family: var(--fuente-light); } }

.font-M-bold {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-M);
  line-height: var(--line-height-360-S);
  font-family: var(--fuente-bold); }

.font-L {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-L);
  line-height: var(--line-height-360-L);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-L--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-L);
      line-height: var(--line-height-360-L);
      font-family: var(--fuente-regular); } }

.font-L-light {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-L);
  line-height: var(--line-height-360-L);
  font-family: var(--fuente-light); }
  @media (min-width: 992px) {
    .font-L-light--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-L);
      line-height: var(--line-height-360-L);
      font-family: var(--fuente-light); } }

.font-XL {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XL);
  line-height: var(--line-height-360-XL);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-XL--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-XL);
      line-height: var(--line-height-360-XL);
      font-family: var(--fuente-regular); } }

.font-XXL {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XXL);
  line-height: var(--line-height-360-XXL);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-XXL--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-XXL);
      line-height: var(--line-height-360-XXL);
      font-family: var(--fuente-regular); } }

.font-XXL-light {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XXL);
  line-height: var(--line-height-360-XXL);
  font-family: var(--fuente-light); }

.font-XLL {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XLL);
  line-height: var(--line-height-360-XXL);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-XLL--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-XLL);
      line-height: var(--line-height-360-XXL);
      font-family: var(--fuente-regular); } }

.font-XXXL {
  /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
  font-size: var(--font-size-360-XXXL);
  line-height: var(--line-height-360-XXXL);
  font-family: var(--fuente-regular); }
  @media (min-width: 992px) {
    .font-XXXL--lg {
      /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
      font-size: var(--font-size-360-XXXL);
      line-height: var(--line-height-360-XXXL);
      font-family: var(--fuente-regular); } }
  .font-XXXL-light {
    /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
    font-size: var(--font-size-360-XXXL);
    line-height: var(--line-height-360-XXXL);
    font-family: var(--fuente-light); }
    @media (min-width: 992px) {
      .font-XXXL-light--lg {
        /* Por defecto el line-height será igual al size si no se especifica y el family será regular*/
        font-size: var(--font-size-360-XXXL);
        line-height: var(--line-height-360-XXXL);
        font-family: var(--fuente-light); } }

#content-web2020 {
  /* MODULOS PLANTILLAS */
  /**** PARA ESCRITORIO ****/
  /********     DESKTOP   **********/
  /******** DESKTOP ************/
  /******** TABLET Y MOVIL ************/
  /* COMPONENTES */
  /**** PARA MOVIL ****/
  /* Si el bloque lleva título el padding con otros bloques va marcado por el título*/
  /** Para traducir las iniciales de dias, meses, etc a los distintos idiomas **/
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL ****/
  /**** ESCRITORIO *****/
  /**** TABLET Y MOVIL *****/
  /*** PARA DESKTOP ***/
  /*** PARA MOVIL Y TABLET ***/
  /*** PARA MOVIL ***/
  /*** Logo Alsa ***/
  /**** Proceso de compra ****/
  /**** ESCRITORIO *****/
  /**** MOVIL *****/
  /**** ESCRITORIO *****/
  /**** MOVIL Y TABLET *****/
  /**** MOVIL Y TABLET *****/
  /* Medidas dispositivos */
  /******************************************************************************************************************************************/
  /*        Estilos para dar aspecto al portlet de liferay menú de navegación que se usan en la página de ayuda y la del error 404          */
  /*        -----------------------------------------------------------------------------------------------------------------------         */
  /******************************************************************************************************************************************/
  /* Sin iconos: requiere ir a la Configuracion de ese Menu de Navegacion y seleccionar el valor "Menu de lista" en el combobox de "plantilla de visualizacion" */
  /* Con iconos: requiere seleccionar el valor "Pills Stacked" en el combobox de "plantilla de visualizacion" */
  /* Eliminar el icono que muestran algunos enlaces de paginas que contienen subpaginas */
  /*------------------------------------ @media ------------------------------------*/
  /*------------------------------------ @media ------------------------------------*/
  /*contenedor login*/
  /*------------------------------------ @media ------------------------------------*/
  /**** MOVIL ****/
  /*MAPA WEB*/
  /*------------------------------------ @media ------------------------------------*/
  /**** MOVIL ****/
  /***********************************************************/
  /*        Menu secundario izquierda de navegacion          */
  /*        ----------------------------------------         */
  /***********************************************************/
  /** Pasamos aquí los estilos que había en el style **/
  /**** Para cuando se utiliza en el admin para la configuración del menú de navegación ****/
  /*------------------------------------ @media ------------------------------------*/
  /* Colores */
  /*11px*/
  /*12px*/
  /*13px*/
  /*15px*/
  /*17px*/
  /*18px*/
  /*20px*/
  /*26px*/
  /*30px*/
  /*15px*/
  /*21px*/
  /*23px*/
  /*26px*/
  /*26px*/
  /*23px*/
  /*30px*/
  /* Color bloques que alternan grises. P.e. tablas, contenido agrupado, etc */
  /* Aqui se asignaran las variables sass
se han de añadir luego a ":root" para poder usarlas fuera de aqui,
por ejemplo cuando quieres recoger variables sass en los css del portlet */
  /*inicialmente era 80px*/
  /**** PARA ESCRITORIO ****/
  /***** Alinear etiqueta de Codigo promocional/Bono *****/
  /**** SOLO PARA TABLET ****/
  /**** PARA MOVIL ****/
  /**** PARA MOVIL PEQUEÑO IPHONE5 ****/
  /**** PARA ESCRITORIO ****/
  /**** PARA MOVIL Y TABLET****/
  /*** PARA ESCRITORIO***/
  /*** PARA MOVIL Y TABLET ***/ }
  #content-web2020 {
    background-color: #F9F7F5;
    min-height: 100vh; }
    #content-web2020 .ng-hide {
      display: none !important; }
    #content-web2020 h1,
    #content-web2020 h2 {
      margin-top: 20px;
      margin-bottom: 10px; }
    #content-web2020 h1 {
      margin-bottom: 10px; }
    #content-web2020 a {
      text-decoration: none;
      cursor: pointer; }
    #content-web2020 .texto--rojo {
      color: #FF595A !important; }
  @media screen and (min-width: 992px) {
    #content-web2020 {
      /* para aquellas páginas en las que el h1 va antes de este bloque */ }
      #content-web2020 #main-content {
        min-height: calc(100vh - 500px); } }
  @media screen and (max-width: 992px) {
    #content-web2020 .contenido-agrupado .fila-bloques {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (min-width: 992px) {
    #content-web2020 .buscador-cabecera {
      margin-bottom: 24px; } }
  #content-web2020 .footer {
    font-weigh: 100; }
    #content-web2020 .footer ul {
      list-style-type: none;
      padding-inline-start: 0px;
      margin-bottom: 0px; }
    #content-web2020 .footer a {
      text-decoration: none; }
    #content-web2020 .footer .main-footer {
      background-color: #38333B; }
      #content-web2020 .footer .main-footer .container {
        padding: 40px 15px;
        display: flex;
        justify-content: space-between; }
        #content-web2020 .footer .main-footer .container a,
        #content-web2020 .footer .main-footer .container h3 {
          color: #FFFFFF;
          font-family: Blinker;
          font-size: 21px;
          line-height: 30px;
          margin-bottom: 8px; }
        #content-web2020 .footer .main-footer .container li {
          margin-bottom: 10px; }
        #content-web2020 .footer .main-footer .container .list-col {
          display: flex; }
          #content-web2020 .footer .main-footer .container .list-col .footer__col:first-child {
            width: 230px;
            margin-right: 50px; }
          #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul {
            display: flex; }
            #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul li {
              margin-right: 5px; }
          #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) a:before {
            color: #3FC8EB;
            font-size: 26px;
            /* font: normal normal normal 14px/1 FontAwesome !important; */ }
        #content-web2020 .footer .main-footer .container .logo-footer {
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          margin-left: auto; }
          #content-web2020 .footer .main-footer .container .logo-footer a.custom-logo {
            height: 35px; }
            #content-web2020 .footer .main-footer .container .logo-footer a.custom-logo .logo--footer.icn-logo-alsa {
              font-size: 65px;
              display: inline-block;
              margin-top: -20px; }
      #content-web2020 .footer .main-footer .container:before {
        display: none; }
    #content-web2020 .footer .sub-footer {
      background-color: #F9F7F5; }
      #content-web2020 .footer .sub-footer .container {
        height: 69px;
        display: flex;
        align-items: center; }
        #content-web2020 .footer .sub-footer .container h3 {
          margin: 0px; }
        #content-web2020 .footer .sub-footer .container ul {
          justify-content: flex-end;
          width: 100%;
          display: flex;
          list-style-type: none;
          margin-bottom: 0px; }
          #content-web2020 .footer .sub-footer .container ul a {
            margin-left: 2vw;
            text-decoration: none;
            color: #38333B; }
  @media screen and (min-width: 992px) {
    #content-web2020 .footer .sub-footer .container ul a {
      font-size: 1.25rem;
      line-height: 24px;
      white-space: nowrap; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .footer .main-footer .container {
      background-color: #38333B;
      flex-wrap: wrap;
      padding: 15px 0px 0px 0px; }
      #content-web2020 .footer .main-footer .container .list-col {
        order: 2;
        width: 100%;
        flex-wrap: wrap; }
        #content-web2020 .footer .main-footer .container .list-col .footer__col {
          padding: 15px;
          width: 100% !important; }
          #content-web2020 .footer .main-footer .container .list-col .footer__col:first-child a {
            font-size: 14px; }
        #content-web2020 .footer .main-footer .container .list-col h3 {
          display: none; }
        #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) {
          background-color: #2C282F; }
          #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul {
            display: flex;
            justify-content: center; }
            #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul li {
              margin-bottom: 0px;
              margin-inline: 10px; }
            #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul li:first-child {
              margin-left: 0px; }
            #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul li:last-child {
              margin-right: 0px; }
            #content-web2020 .footer .main-footer .container .list-col .footer__col:nth-child(2) ul a {
              margin-bottom: 0px; }
      #content-web2020 .footer .main-footer .container .logo-footer {
        order: 1;
        width: 100%;
        justify-content: left; }
    #content-web2020 .footer .sub-footer .container {
      padding-top: 20px;
      height: auto; }
      #content-web2020 .footer .sub-footer .container ul {
        flex-direction: column; }
        #content-web2020 .footer .sub-footer .container ul li {
          margin-bottom: 20px; }
        #content-web2020 .footer .sub-footer .container ul a {
          margin-left: 0px; } }
  #content-web2020 .cuenta-atras {
    position: static;
    display: flex; }
    #content-web2020 .cuenta-atras * {
      color: #FFF; }
      #content-web2020 .cuenta-atras * :after {
        padding-left: 3px;
        padding-right: 6px; }
    #content-web2020 .cuenta-atras__icono {
      background: #FF595A;
      margin: 0;
      width: 38px; }
      #content-web2020 .cuenta-atras__icono i {
        font-size: 1.625rem;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; }
    #content-web2020 .cuenta-atras__texto {
      background: #e7f9fd;
      margin-bottom: 0;
      font-size: 1.0625rem;
      line-height: 1.0625rem;
      color: #38333B;
      text-align: center;
      display: inline-block;
      padding: 13px 15px 9px 15px;
      letter-spacing: 1px;
      position: relative; }
      #content-web2020 .cuenta-atras__texto * {
        font-family: "Open-Sans", "Arial", "sans-serif";
        color: #38333B; }
    #content-web2020 .cuenta-atras .dias:after {
      content: "d"; }
    #content-web2020 .cuenta-atras .horas:after {
      content: "h"; }
    #content-web2020 .cuenta-atras .minutos:after {
      content: "m"; }
    #content-web2020 .cuenta-atras .segundos:after {
      content: "s";
      padding-right: 0; }
    #content-web2020 .cuenta-atras__fecha {
      background: #3FC8EB;
      font-size: 1.75rem;
      text-align: center;
      font-weight: bold;
      margin-bottom: 0;
      padding: 9px 15px 8px;
      display: inline-block;
      letter-spacing: 2px; }
  @media screen and (max-width: 991px) {
    #content-web2020 .cuenta-atras {
      bottom: 0; }
      #content-web2020 .cuenta-atras__texto {
        font-size: 0.8125rem !important;
        line-height: 0.9375rem !important;
        display: flex;
        align-items: center;
        min-height: 41px;
        padding-left: 10px;
        padding-right: 10px; }
      #content-web2020 .cuenta-atras__fecha {
        padding: 8px 12px;
        white-space: nowrap;
        min-height: 41px;
        display: flex;
        align-items: center;
        font-size: 1.25rem !important; } }
  #content-web2020 .titulo-ofertas {
    padding-top: 20px;
    margin-bottom: 0; }
  #content-web2020 .titulo-ofertas + .listado-ofertas {
    padding-top: 20px; }
  #content-web2020 .listado-ofertas {
    padding-top: 40px;
    padding-bottom: 20px;
    list-style: none;
    display: flex;
    /** Cuando el listado tiene varias ofertas aparecen en horizontal en bloques de 3, así que tenemos que reducir el tamaño de las fuentes y los espacios entre elementos **/ }
    #content-web2020 .listado-ofertas .oferta--solo-contador:only-child {
      margin-top: -40px; }
    #content-web2020 .listado-ofertas .oferta {
      position: relative;
      padding-bottom: 20px; }
      #content-web2020 .listado-ofertas .oferta:nth-child(even) {
        background: #38333b; }
        #content-web2020 .listado-ofertas .oferta:nth-child(even) .oferta__texto * {
          color: #FFF; }
        #content-web2020 .listado-ofertas .oferta:nth-child(even) .oferta__titulo {
          color: #3FC8EB; }
      #content-web2020 .listado-ofertas .oferta:nth-child(odd) {
        background: #FFF; }
      #content-web2020 .listado-ofertas .oferta:not(:only-child) .cuenta-atras__fecha {
        font-size: 1.3125rem; }
      #content-web2020 .listado-ofertas .oferta:not(:only-child) .cuenta-atras__texto {
        font-size: 0.8125rem;
        line-height: 0.875rem;
        padding-left: 9px;
        padding-right: 8px; }
      #content-web2020 .listado-ofertas .oferta a {
        text-decoration: none; }
      #content-web2020 .listado-ofertas .oferta__img {
        position: relative; }
        #content-web2020 .listado-ofertas .oferta__img img {
          object-fit: cover;
          object-position: center;
          height: 300px;
          width: 100%; }
          #content-web2020 .listado-ofertas .oferta__img img + .cuenta-atras {
            position: absolute;
            bottom: 0;
            left: 0; }
      #content-web2020 .listado-ofertas .oferta__entradilla {
        background: #38333b;
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 15px;
        margin-left: 15px;
        background: #38333b;
        padding: 4px 8px;
        margin-bottom: 0;
        font-size: 1.0625rem;
        font-family: Blinker, Arial, sans-serif;
        text-decoration: none;
        color: #FFF;
        border-radius: 3px; }
        #content-web2020 .listado-ofertas .oferta__entradilla p {
          margin-bottom: 0;
          color: #FFF; }
      #content-web2020 .listado-ofertas .oferta__texto {
        padding: 11px 30px;
        text-decoration: none; }
        #content-web2020 .listado-ofertas .oferta__texto * {
          color: #38333B; }
        #content-web2020 .listado-ofertas .oferta__texto p:last-of-type {
          margin-bottom: 0; }
      #content-web2020 .listado-ofertas .oferta__titulo {
        color: #38333B;
        font-size: 1.6875rem;
        line-height: 1.8125rem;
        text-decoration: none;
        padding: 30px 30px 0 30px; }
      #content-web2020 .listado-ofertas .oferta__enlace {
        padding: 11px 45px 0 30px;
        text-align: right;
        font-size: 1.125rem;
        position: relative; }
        #content-web2020 .listado-ofertas .oferta__enlace:before {
          position: absolute;
          top: 15px;
          padding-left: 4px;
          font-size: 0.9375rem;
          color: #FF595A; }
  @media screen and (min-width: 992px) {
    #content-web2020 .contenedor-ofertas {
      padding: 0 !important; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .listado-ofertas {
      flex-wrap: wrap; }
      #content-web2020 .listado-ofertas .oferta {
        width: 100%;
        margin-bottom: 15px; }
        #content-web2020 .listado-ofertas .oferta__img img {
          height: 200px; }
        #content-web2020 .listado-ofertas .oferta__titulo {
          padding-right: 0; } }
  @media screen and (max-width: 400px) {
    #content-web2020 .listado-ofertas .oferta-cuenta-atras__texto {
      font-size: 0.75rem !important; }
    #content-web2020 .listado-ofertas .oferta-cuenta-atras__fecha:after {
      padding-left: 0;
      padding-right: 3px; } }
  #content-web2020 .dropdown2020 .preguntas-frecuentes .pregunta-faq {
    background-color: white; }
  #content-web2020 #header.header {
    background-color: #FFF; }
  @media screen and (min-width: 992px) {
    #content-web2020 .header .navbar {
      flex-wrap: nowrap; }
    #content-web2020 .header .navbar-header {
      width: 100%; } }
  @media screen and (max-width: 991px) {
    #content-web2020 #header .header .navbar-header {
      display: block; }
    #content-web2020 #header #menu-container,
    #content-web2020 #header #menu-container .navbar-header {
      background-color: #3FC8EB !important;
      height: auto;
      min-height: 70px; }
      #content-web2020 #header #menu-container .navbar-toggle,
      #content-web2020 #header #menu-container .navbar-header .navbar-toggle {
        margin-top: 2px; }
        #content-web2020 #header #menu-container .navbar-toggle .icon-bar,
        #content-web2020 #header #menu-container .navbar-header .navbar-toggle .icon-bar {
          background: #FFF; }
      #content-web2020 #header #menu-container .navbar-brand,
      #content-web2020 #header #menu-container .navbar-header .navbar-brand {
        max-width: 100%; } }
  #content-web2020.checkout {
    /** Cabecera **/ }
    #content-web2020.checkout .logo {
      display: flex;
      align-items: center;
      /* Centramos los logos en vertical, ya que se les asigna una altura mínima de 38px */ }
      #content-web2020.checkout .logo.naviluz-logo {
        width: auto !important; }
        #content-web2020.checkout .logo.naviluz-logo img {
          max-height: 40px; }
    #content-web2020.checkout .two-spaced-columns {
      /*** Vamos a ocultar el alt y el icono de imagen rota para los logos de trenes y barcos en el caso de que no hubiera ***/
      /*** Fin de ocultar el alt y el icono**/ }
      #content-web2020.checkout .two-spaced-columns .logo {
        width: 104px; }
      #content-web2020.checkout .two-spaced-columns img {
        width: 100%;
        position: relative;
        font-size: 0; }
        #content-web2020.checkout .two-spaced-columns img[alt]:after {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #fff;
          color: transparent;
          line-height: 2;
          content: attr(alt); }
      #content-web2020.checkout .two-spaced-columns .other-logo {
        display: flex;
        align-items: center;
        margin-left: 15px;
        margin-right: 10px;
        padding-left: 15px;
        border-left: 1px solid #E1E0E1; }
        #content-web2020.checkout .two-spaced-columns .other-logo--train {
          max-width: 125px;
          width: auto;
          height: 48px; }
          #content-web2020.checkout .two-spaced-columns .other-logo--train img {
            max-height: 49px; }
        #content-web2020.checkout .two-spaced-columns .other-logo--ship {
          width: 50%; }
  @media screen and (min-width: 992px) {
    #content-web2020.checkout .two-spaced-columns .other-logo--ship img {
      width: auto; } }
  @media screen and (max-width: 991px) {
    #content-web2020.checkout .header .logo__img {
      height: 32px !important; }
    #content-web2020.checkout .header .two-spaced-columns.two-logos .logo:first-of-type {
      width: 77px; }
    #content-web2020.checkout .header .two-spaced-columns .other-logo--ship {
      width: auto; }
      #content-web2020.checkout .header .two-spaced-columns .other-logo--ship img {
        max-width: 150px; } }
  @media screen and (max-width: 767px) {
    #content-web2020.checkout .two-spaced-columns.two-logos .logo:first-of-type {
      width: 65px; }
    #content-web2020.checkout .logo__img--with-ship {
      width: 100%; } }
  #content-web2020 .header .logo .logo__img {
    width: auto;
    height: 38px; }
  #content-web2020 .header:not(.checkout) .logo {
    padding: 10px 8px 10px 8px; }
  @media screen and (min-width: 992px) {
    #content-web2020 #menu-container.sticky-menu .logo__img,
    #content-web2020 #menu-container.sticky-menu .logo {
      padding-top: 5px;
      padding-bottom: 5px; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .header:not(.checkout) .logo {
      padding: 0;
      padding-right: 10px;
      height: auto;
      width: auto; }
      #content-web2020 .header:not(.checkout) .logo .logo__img {
        height: 50px;
        width: auto; } }
  #content-web2020 .sub-header ul.secondary-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0; }
    #content-web2020 .sub-header ul.secondary-menu .logged-user-menu li a:before {
      top: 0 !important; }
    #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel,
    #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 13px; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel > a:not([hreflang]),
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel > a:not([hreflang]) {
        position: relative;
        padding: 0 0 0 22px;
        font-family: "Open-Sans", "Arial", "sans-serif";
        /** Esto es una excepción, al ser un ADT que va a tener un comportamiento distinto en movil que en desktop
	                la manera mas sencilla de atajarlo es mediante CSS */ }
        #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel > a:not([hreflang]):before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel > a:not([hreflang]):before {
          position: absolute;
          top: 0;
          left: -2px;
          color: #3FC8EB;
          font-size: 15px; }
        #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel > a:not([hreflang])[class*="fa-"]:before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel > a:not([hreflang])[class*="fa-"]:before {
          font: normal normal normal 14px/1 FontAwesome;
          left: 0; }
        #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel > a:not([hreflang]).icn-user:before, #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel > a:not([hreflang]).icn-customer-service:before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel > a:not([hreflang]).icn-user:before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel > a:not([hreflang]).icn-customer-service:before {
          font-size: 15px;
          line-height: 16px;
          top: 0; }
        #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel > a:not([hreflang])[aria-expanded="true"] span:before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel > a:not([hreflang])[aria-expanded="true"] span:before {
          content: "\67"; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel .icn-angle-down,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel .icn-angle-down {
        padding-left: 5px;
        padding-right: 15px;
        /* Este padding se corresponderá con el ancho del icono */
        position: relative; }
        #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel .icn-angle-down:before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel .icn-angle-down:before {
          color: #ff8b8c;
          font-size: 12px;
          position: absolute;
          top: 50%;
          margin-top: -6px;
          right: 0; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel #language_no992 .btn-group,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel #language_no992 .btn-group {
        vertical-align: unset; }
  #content-web2020 nav .main-menu > ul {
    margin-right: 0;
    margin-top: 19px;
    font-size: 18px;
    display: flex;
    margin-bottom: 0; }
    #content-web2020 nav .main-menu > ul h3,
    #content-web2020 nav .main-menu > ul h4,
    #content-web2020 nav .main-menu > ul h5 {
      font-family: Blinker, Arial, sans-serif;
      margin: 0; }
    #content-web2020 nav .main-menu > ul > li {
      padding: 0 15px;
      white-space: nowrap; }
      #content-web2020 nav .main-menu > ul > li:last-of-type {
        padding-right: 0; }
      #content-web2020 nav .main-menu > ul > li:first-of-type {
        padding-left: 0; }
      #content-web2020 nav .main-menu > ul > li > a {
        padding: 9px 0 25px 0;
        display: inline-block;
        position: relative;
        border-bottom: 3px solid transparent;
        transition: border-color 0.3s ease; }
        @media screen and (min-width: 992px) {
          #content-web2020 nav .main-menu > ul > li > a:not(.hover):hover {
            background-color: transparent; }
            #content-web2020 nav .main-menu > ul > li > a:not(.hover):hover::after {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 3px;
              background-color: #3FC8EB;
              transition: all 0.3s ease; } }
        @media screen and (max-width: 767px) {
          #content-web2020 nav .main-menu > ul > li > a:not(.hover):hover::after {
            background-color: transparent !important; } }
        #content-web2020 nav .main-menu > ul > li > a.hover {
          border-color: #3FC8EB; }
    #content-web2020 nav .main-menu > ul > .menuitem-id-20887454 a {
      display: block;
      height: 57px;
      width: 71px;
      position: relative; }
      #content-web2020 nav .main-menu > ul > .menuitem-id-20887454 a:before {
        content: '';
        background-image: url("/o/Alsa-main-theme/images/web2020/icono-alsa-plus.svg");
        background-repeat: no-repeat;
        height: 74px;
        width: 71px;
        position: absolute;
        top: -19px; }
      #content-web2020 nav .main-menu > ul > .menuitem-id-20887454 a > span {
        position: absolute;
        left: 9000px; }
  #content-web2020 nav .contenedor-submenus {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    background: #F9F7F5;
    padding: 40px 0; }
    #content-web2020 nav .contenedor-submenus .container {
      display: flex;
      justify-content: space-between; }
    #content-web2020 nav .contenedor-submenus h3 {
      font-size: 18px;
      line-height: 35px;
      font-weight: bold; }
    #content-web2020 nav .contenedor-submenus h4,
    #content-web2020 nav .contenedor-submenus h5 {
      font-size: 16px;
      line-height: 25px; }
    #content-web2020 nav .contenedor-submenus .main-menu-title {
      width: 40%; }
      #content-web2020 nav .contenedor-submenus .main-menu-title h2 {
        font-size: 30px !important;
        line-height: 42px; }
        #content-web2020 nav .contenedor-submenus .main-menu-title h2:after {
          content: "\67";
          font-family: "our-font";
          display: inline-block;
          font-size: 18px;
          color: #FF595A;
          margin-left: 15px; }
    #content-web2020 nav .contenedor-submenus .contenedor-columnas {
      display: flex;
      width: 60%;
      justify-content: space-between; }
    #content-web2020 nav .contenedor-submenus .isblue {
      color: #007398 !important;
      font-size: 16px;
      line-height: 30px;
      font-family: Blinker, Arial, sans-serif !important; }
  @media screen and (min-width: 992px) {
    #content-web2020 {
      /* Ajuste cuando el menú es sticky */ }
      #content-web2020 #menu-container {
        background: #FFF;
        min-height: 82px;
        transition: all 0.3s ease-in-out;
        position: relative;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit; }
        #content-web2020 #menu-container #mainmenu {
          min-height: 80px; }
        #content-web2020 #menu-container ul li.-mobile:before {
          display: none; }
        #content-web2020 #menu-container ul li.-mobile li:before {
          display: none; }
        #content-web2020 #menu-container.sticky-menu {
          position: fixed;
          top: 0px;
          left: 0px;
          z-index: 10001;
          background-color: white;
          width: 100%;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          border-bottom: 1px solid #ddd;
          min-height: 51px;
          transition: all 0.3s ease-in-out; }
          #content-web2020 #menu-container.sticky-menu #mainmenu {
            min-height: 49px; }
          #content-web2020 #menu-container.sticky-menu .main-menu > ul {
            margin-top: 0;
            margin-bottom: 0; }
            #content-web2020 #menu-container.sticky-menu .main-menu > ul li a {
              padding-bottom: 12px;
              padding-top: 14px; }
          #content-web2020 #menu-container.sticky-menu .main-menu > .menuitem-id-20887454 a {
            height: 49px; }
            #content-web2020 #menu-container.sticky-menu .main-menu > .menuitem-id-20887454 a:before {
              top: -14px; }
      #content-web2020 .sub-header {
        padding-right: 20px;
        min-height: 54px; }
        #content-web2020 .sub-header > .container {
          display: flex;
          justify-content: end;
          align-items: center; }
        #content-web2020 .sub-header ul:not(.dropdown-menu) > li.subheader-firstlevel,
        #content-web2020 .sub-header ul:not(.dropdown-menu) > li .subheader-firstlevel {
          padding: 8px 12px; }
          #content-web2020 .sub-header ul:not(.dropdown-menu) > li.subheader-firstlevel.icn-angle-down:before,
          #content-web2020 .sub-header ul:not(.dropdown-menu) > li .subheader-firstlevel.icn-angle-down:before {
            top: 16px; }
      #content-web2020 .contenedor-submenus {
        position: absolute;
        left: 0;
        right: 0;
        background: #F9F7F5;
        padding: 40px 0;
        transition: all 0.3s ease-in-out;
        z-index: 9999;
        display: block; }
        #content-web2020 .contenedor-submenus .container {
          display: flex;
          justify-content: space-between; }
      #content-web2020 #menu-container.sticky-menu + .contenedor-submenus {
        position: fixed;
        top: 51px;
        z-index: 9999;
        width: 100%;
        background: rgba(247, 127, 7, 0.95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); } }
  @media screen and (max-width: 991px) {
    #content-web2020 nav .main-menu > ul > .menuitem-id-20887454 a {
      height: 33px; }
      #content-web2020 nav .main-menu > ul > .menuitem-id-20887454 a:before {
        top: -24px; }
    #content-web2020 #header .navbar-collapse.collapse {
      /* 77px es lo que ocupa el navbar-header que en moviles esta antes del menu */ }
      #content-web2020 #header .navbar-collapse.collapse.show {
        height: calc(100vh - 77px) !important; }
    #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel,
    #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel {
      padding-left: 0px;
      padding-right: 0;
      margin-bottom: 30px; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel.languaje,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel.languaje {
        order: 0; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel a,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel a {
        font-family: Blinker-Light, Arial, sans-serif !important;
        font-size: 18px;
        line-height: 30px;
        font-weight: 700;
        padding-left: 0 !important; }
        #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel a:before,
        #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel a:before {
          content: ' '; }
      #content-web2020 .sub-header ul.secondary-menu > li.subheader-firstlevel a.language-selector-mobile,
      #content-web2020 .sub-header ul.secondary-menu > li .subheader-firstlevel a.language-selector-mobile {
        padding: 0; } }
  @media screen and (max-width: 991px) {
    #content-web2020 #header {
      background: #F9F7F5; }
      #content-web2020 #header .navbar-header {
        /* Considerar si conviene trasladar este estilo a /Alsa-portlet/docroot/busplus/buspluslinkaccesstop/css/main.css.
        	Esta clase ".linkbusplus" y aquella hoja de estilo estan afectando al mismo componente y puede que convenga unificarlos en una sola hoja */ }
        #content-web2020 #header .navbar-header .linkbusplus {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          height: 100%;
          width: 100%; }
        #content-web2020 #header .navbar-header .navbar-toggle {
          margin-top: 19px;
          /* posicion vertical del boton burguer */
          margin-left: 10px;
          /*** Tenemos que dejar espacio para los 100 anios ***/
          margin-right: 10px;
          /*** Tenemos que dejar espacio para los 100 anios ***/ }
    #content-web2020 #contenedorWeb2020MainMenuPortlet ul#listaMenuWeb2020MainMenuPortlet {
      /*******************************************/ }
      #content-web2020 #contenedorWeb2020MainMenuPortlet ul#listaMenuWeb2020MainMenuPortlet > li {
        padding: 0 0px;
        font-size: 22px;
        font-weight: bold; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet ul#listaMenuWeb2020MainMenuPortlet > li:not(:last-of-type) {
          padding-bottom: 10px; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet ul#listaMenuWeb2020MainMenuPortlet .hover {
        border-color: #fff; }
    #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li {
      padding: 0px; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li:first-child {
        padding-right: 0px; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li:last-child {
        border-bottom: 1px solid #f9f9f9; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li.-mobile:before {
        padding-left: 5px;
        color: #FF595A;
        float: right;
        margin-right: 15px;
        font-size: 1.125rem;
        margin-top: 18px; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li.icon {
        position: relative; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li.icon:before {
          font-size: 13px;
          position: absolute;
          left: -20px;
          top: 13px; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li.icon.icn-plus:before {
          color: #FF595A; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li.icon.icn-minus:before {
          color: #007398; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li.icon ul {
          padding: 10px 0; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li a {
        line-height: 30px;
        margin-right: 50px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 8px;
        margin-top: 8px;
        font-size: 18px; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li a:hover {
          border-bottom: none; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet > ul li a:last-child {
          padding-bottom: 0px;
          font-size: .93rem;
          line-height: 1.29rem; }
    #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus {
      position: static;
      margin-left: -15px;
      margin-right: -15px;
      padding: 0px; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container {
        flex-direction: column; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .main-menu-title {
          display: none; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas {
          width: 100%;
          padding-left: 20px; }
          #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas > li {
            padding-left: 15px; }
          #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas ul[id^="col-"] h3 {
            font-weight: normal;
            height: 50px; }
            #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas ul[id^="col-"] h3:first-child {
              background-color: #fff;
              margin-left: -35px;
              padding-left: 45px;
              margin-right: -15px; }
          #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas ul[id^="col-"] h4 {
            line-height: 40px; }
          #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas ul[id^="col-"] h4, #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas ul[id^="col-"] h5 {
            padding-left: 10px; }
          #content-web2020 #contenedorWeb2020MainMenuPortlet .contenedor-submenus .container .contenedor-columnas h4.has-childs {
            padding-top: 0px;
            font-weight: bold; } }
  #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid {
    margin-bottom: 80px; }
    #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-title-text {
      display: none; }
    #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body {
      display: flex;
      justify-content: center; }
      #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills {
        display: flex;
        justify-content: space-between; }
        #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills li {
          width: 200px;
          height: 154px;
          padding-left: 10px;
          padding-right: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          /* float: left; para poder forzar el cambio de linea en uno de los elementos li en concreto */
          float: left;
          background-color: white;
          color: #38333B;
          color: var(--color-texto);
          overflow: hidden;
          box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1); }
          #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills li:hover {
            background-color: #38333B;
            background-color: var(--color-texto);
            color: white; }
            #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills li:hover a {
              color: white; }
              #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills li:hover a img {
                /* convertir cualquier color en blanco: */
                /* filter: grayscale(1) brightness(100); */
                /* convertir el azul alsa en rojo: (rotate no funciona en IE) */
                filter: hue-rotate(180deg); }
          #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills li a {
            height: 100%;
            width: 100%;
            line-height: 1.8rem;
            display: flex;
            align-items: center;
            justify-content: center;
            /* centrado horizontalmente si el texto ocupa mas de una linea: */
            text-align: center;
            padding: 6px;
            color: #38333B;
            color: var(--color-texto);
            font-size: 1.6rem;
            text-decoration: none !important;
            /* Si una palabra supera la anchura del contenedor, permite saltar de linea */
            word-break: break-word; }
            #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills li a img {
              display: block;
              max-height: 40px;
              max-width: 40px;
              /* centrado horizontalmente: */
              margin: auto;
              margin-bottom: 10px; }
        #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills.nav.nav-pills.nav-stacked li a {
          /* Evitar que el background gris claro del menu de navegacion por defecto al hacer hover. */
          /* En IE no funciona background-color: initial; por tanto usamos transparent. */
          background-color: transparent; }
          #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills.nav.nav-pills.nav-stacked li a:hover {
            background-color: transparent; }
          #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav-pills.nav.nav-pills.nav-stacked li a:focus {
            background-color: transparent; }
  #content-web2020 .lfr-nav-child-toggle {
    display: none; }
  @media (min-width: 992px) {
    #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav.nav-pills.nav-stacked li {
      width: calc(25% - 12px);
      margin-top: 0; }
      #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav.nav-pills.nav-stacked li:nth-child(n+5) {
        margin-top: 12px; } }
  @media (max-width: 991px) {
    #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav.nav-pills.nav-stacked li {
      width: calc(49.9% - 4px);
      margin-top: 0; }
      #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul.nav.nav-pills.nav-stacked li:nth-child(n+1) {
        margin-top: 8px; }
    #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul li a .text-truncate {
      line-height: 1.3rem;
      font-size: 1.071rem;
      overflow: visible;
      white-space: break-spaces; } }
  @media (max-width: six-hundred) {
    #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul li {
      height: 114px; }
      #content-web2020 .portlet-column-only#column-1 .sag-nevigation-menu-grid .portlet-body ul li:hover {
        height: 114px; } }
  #content-web2020 .menu-seeker {
    display: flex;
    position: fixed;
    height: 88px;
    width: 75vw;
    padding-top: 20px;
    right: 0;
    background-color: #F9F7F5; }
    #content-web2020 .menu-seeker .container {
      margin-left: 0px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: calc(78vw - (100vw - 1280px) / 2); }
      #content-web2020 .menu-seeker .container span.icn-close {
        margin-left: 5px;
        float: none;
        color: #38333B;
        font-size: 14px; }
      #content-web2020 .menu-seeker .container .btn.btn-primary.seeker {
        width: 24px;
        height: auto;
        border: none;
        background-color: transparent;
        padding: 0px;
        color: #3FC8EB; }
        #content-web2020 .menu-seeker .container .btn.btn-primary.seeker:first-child {
          position: relative;
          left: 25px;
          padding-left: 24px; }
        #content-web2020 .menu-seeker .container .btn.btn-primary.seeker:nth-child(2) {
          position: relative;
          right: 40px; }
      #content-web2020 .menu-seeker .container form {
        width: 100%; }
        #content-web2020 .menu-seeker .container form .form-group {
          display: flex;
          align-items: center;
          margin-bottom: 0px; }
          #content-web2020 .menu-seeker .container form .form-group input[type="text"] {
            height: auto;
            margin-bottom: 0px;
            padding-left: 64px;
            padding-right: 64px;
            font-size: 30px;
            line-height: 42px;
            height: 64px;
            border: 1px solid #E1E0E1;
            background-color: #FFFFFF; }
          #content-web2020 .menu-seeker .container form .form-group button {
            padding-left: 0px;
            padding-right: 0px; }
  @media screen and (max-width: 991px) {
    #content-web2020 {
      /***** deshabilita enlace "escribe aquí tu pregunta ******/ }
      #content-web2020 div#_SecondaryMenu_WAR_Alsaportlet_INSTANCE_SecondaryMenu_seekerHover {
        display: block !important; }
      #content-web2020 .menu-seeker {
        margin-left: -15px;
        position: static;
        width: 100vw;
        height: auto;
        padding-top: 0; }
        #content-web2020 .menu-seeker .container {
          max-width: 750px;
          width: 100%;
          margin-top: 16px;
          margin-bottom: 16px; }
          #content-web2020 .menu-seeker .container .btn.btn-primary.seeker {
            width: 16px;
            border: none; }
            #content-web2020 .menu-seeker .container .btn.btn-primary.seeker:first-child {
              left: 17px;
              padding-left: 16px; }
            #content-web2020 .menu-seeker .container .btn.btn-primary.seeker:nth-child(2) {
              right: 31px; }
          #content-web2020 .menu-seeker .container form .form-group input[type="text"] {
            margin-top: 16px;
            margin-bottom: 16px;
            padding-left: 41px;
            padding-right: 41px;
            font-size: 14px;
            line-height: 42px;
            height: auto; } }
  #content-web2020 .content-formlogin {
    display: block;
    text-align: initial;
    background-color: #fff;
    right: 0;
    margin-top: 10px;
    -webkit-box-shadow: 0 18px 30px 0px rgba(56, 51, 59, 0.1);
    box-shadow: 0 18px 30px 0px rgba(56, 51, 59, 0.1);
    /* habilitar scroll vertical en pantallas cortas */
    /* tambien hemos agregado un margin-bottom en #loginForm (ver abajo) para asegurar que el scroll siempre llega al final */
    max-height: 92vh;
    overflow-y: auto; }
    #content-web2020 .content-formlogin h2 {
      margin-bottom: 24px !important;
      margin-top: 20px;
      line-height: 42px !important;
      /* Afecta al titulo "Acceso" del formulario de login, tanto en moviles como en escritorio */
      font-size: 2.14rem; }
    #content-web2020 .content-formlogin .col-xs-4 {
      text-align: right;
      background-color: #fff;
      border: none; }
    #content-web2020 .content-formlogin button.close {
      margin-top: 16px;
      font-size: 0.9rem;
      line-height: 1rem;
      opacity: 1; }
    #content-web2020 .content-formlogin .btn.btn-primary {
      width: 100%;
      padding: 8px 0px; }
    #content-web2020 .content-formlogin .form#loginForm .label-checkbox.checkbox-altocontraste {
      position: relative;
      margin-bottom: 15px;
      margin-top: 8px;
      font-size: .93rem; }
    #content-web2020 .content-formlogin .form#loginForm .form-group input {
      width: 100%;
      height: 57px;
      padding: 26px 5px 5px 0; }
    #content-web2020 .content-formlogin .form#loginForm .form-group input[type="password"] {
      letter-spacing: 0.2rem; }
      #content-web2020 .content-formlogin .form#loginForm .form-group input[type="password"]::placeholder {
        letter-spacing: 0; }
    #content-web2020 .content-formlogin .form#loginForm .form-group .glyphicon-remove:before {
      /* antes de cada input type="password",
					bootstrap agrega una etiqueta con este estilo; sobrescribimos el content para que tome el icono correcto */
      content: "\78"; }
    #content-web2020 .content-formlogin .form#loginForm .error-container {
      padding: 0 0 20px; }
  @media screen and (min-width: 992px) {
    #content-web2020 .content-formlogin {
      position: fixed;
      max-width: 600px;
      padding: 25px 60px; }
      #content-web2020 .content-formlogin .container {
        width: 280px;
        padding-left: 0;
        padding-right: 0; }
      #content-web2020 .content-formlogin .alert button.close {
        margin-top: 0; } }
  @media screen and (max-width: 991px) {
    #content-web2020 {
      /* cierre div#login-portlet-container */ }
      #content-web2020 .login-popup {
        /* en moviles, superponer el componente (formulario de login) sobre el resto de la pagina: */
        position: fixed;
        top: 0;
        right: 0;
        z-index: 23;
        height: 100vh;
        width: 100%;
        background-color: #fff;
        display: flex;
        align-items: center; }
        #content-web2020 .login-popup .content-formlogin {
          padding: 23px 0 0 0;
          width: 100%;
          height: 100vh;
          max-height: 100vh;
          margin-top: 0;
          align-items: center; }
          #content-web2020 .login-popup .content-formlogin .container {
            padding: 0 15px; }
          #content-web2020 .login-popup .content-formlogin .logo {
            padding: 0;
            /* sobrescribimos la propiedad line-height de .logo definida en styles.scss, que se limitaba a una resolucion maxima de 768,
				y queremos que se comporte igual hasta 992px. Afecta a espaciado del logo del formulario de login en moviles/tablets. */
            line-height: 1; }
            #content-web2020 .login-popup .content-formlogin .logo.navbar-brand {
              padding-left: 0;
              padding-right: 0; }
          #content-web2020 .login-popup .content-formlogin .form#loginForm .form-group label {
            margin-top: 0;
            margin-bottom: 0; }
          #content-web2020 .login-popup .content-formlogin .form#loginForm .form-group input {
            height: 26px;
            padding: 38px 5px 16px 0; }
          #content-web2020 .login-popup .content-formlogin .form#loginForm .form-group .rememberLogin-container {
            margin-bottom: 20px; }
        #content-web2020 .login-popup button.close {
          margin-top: 16px;
          font-size: 0.9rem;
          opacity: 1; }
        #content-web2020 .login-popup .alert button.close {
          margin-top: 0; }
        #content-web2020 .login-popup .btn.btn-primary {
          width: 100%; }
      #content-web2020 #login-popup-step3 .container {
        padding: 0 15px; } }
  #content-web2020 .sag-modal-dialog .sag-modal-header > button {
    margin-right: 5px !important;
    box-shadow: none; }
  @media screen and (max-width: 991px) {
    #content-web2020 .sag-modal-dialog {
      margin-top: 50px; }
      #content-web2020 .sag-modal-dialog .sag-modal-header h2 {
        font-size: 17px;
        padding-right: 21px; } }
  #content-web2020 .c-birth-date {
    position: relative; }
    #content-web2020 .c-birth-date__text {
      font-size: 1.1rem; }
    #content-web2020 .c-birth-date__label {
      top: 5px;
      z-index: 2; }
    #content-web2020 .c-birth-date__wrap {
      display: flex; }
    #content-web2020 .c-birth-date__field {
      flex-basis: 48%; }
      #content-web2020 .c-birth-date__field--day {
        flex-basis: 20%; }
      #content-web2020 .c-birth-date__field--year {
        flex-basis: 32%; }
      #content-web2020 .c-birth-date__field--month, #content-web2020 .c-birth-date__field--year {
        margin-left: 5px; }
        #content-web2020 .c-birth-date__field--month select, #content-web2020 .c-birth-date__field--year select {
          padding-left: 5px; }
      #content-web2020 .c-birth-date__field select {
        width: 100% !important;
        margin-right: 0 !important; }
    #content-web2020 .c-birth-date[class*="col"] .c-birth-date__label {
      left: 15px; }
  #content-web2020 .c-languaje__item--selected {
    font-family: "Open-Sans", "Arial", "sans-serif";
    position: relative;
    padding-left: 24px; }
    #content-web2020 .c-languaje__item--selected .icn-globe {
      font-size: 16px;
      color: #3FC8EB;
      position: absolute;
      left: 0;
      top: 0px; }
  #content-web2020 .c-languaje__item--menu {
    padding-left: 15px;
    padding-top: 4px; }
    #content-web2020 .c-languaje__item--menu img {
      width: 16px;
      margin-right: 5px;
      margin-top: -3px; }
  @media screen and (max-width: 991px) {
    #content-web2020 .c-languaje__item--selected {
      display: block;
      padding-left: 22px; }
      #content-web2020 .c-languaje__item--selected .icn-globe {
        font-size: 20px;
        top: 1px;
        right: 15px;
        left: auto; }
      #content-web2020 .c-languaje__item--selected .icn-angle-down {
        /*float: right;
					margin-right: 15px;
    				margin-top: 11px;*/
        display: none; } }
  #content-web2020 .c-nif__wrapper {
    display: flex; }
  #content-web2020 .c-nif__field {
    flex-basis: 60%; }
    #content-web2020 .c-nif__field--type {
      flex-basis: 40%; }
    #content-web2020 .c-nif__field--number {
      margin-left: 5px; }
      #content-web2020 .c-nif__field--number input {
        padding-left: 5px !important; }
  #content-web2020 .c-nif[class*="col"] .c-nif__label {
    left: 15px; }
  #content-web2020 .pagination {
    justify-content: center;
    margin: 20px 0; }
    #content-web2020 .pagination > li {
      display: inline; }
      #content-web2020 .pagination > li > a, #content-web2020 .pagination > li .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857;
        text-decoration: none;
        color: #337ab7;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px; }
      #content-web2020 .pagination > li:first-child > a,
      #content-web2020 .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px; }
      #content-web2020 .pagination > li:last-child > span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
      #content-web2020 .pagination > li > a:hover, #content-web2020 .pagination > li > a:focus,
      #content-web2020 .pagination > li > span:hover,
      #content-web2020 .pagination > li > span:focus {
        z-index: 2;
        background-color: #eee;
        border-color: #ddd; }
    #content-web2020 .pagination .active > a,
    #content-web2020 .pagination .active > a:hover,
    #content-web2020 .pagination .active > a:focus,
    #content-web2020 .pagination .active > span,
    #content-web2020 .pagination .active > span:hover,
    #content-web2020 .pagination .active > span:focus {
      z-index: 3;
      color: #fff;
      background-color: #2c282f;
      border-color: #2c282f;
      cursor: default; }
    #content-web2020 .pagination .disabled > a,
    #content-web2020 .pagination .disabled > a:hover,
    #content-web2020 .pagination .disabled > a:focus,
    #content-web2020 .pagination .disabled > span,
    #content-web2020 .pagination .disabled > span:hover,
    #content-web2020 .pagination .disabled > span:focus {
      color: #38333B;
      background-color: #fff;
      border-color: #ddd;
      cursor: not-allowed; }
    #content-web2020 .pagination-lg > li > a,
    #content-web2020 .pagination-lg > li > span {
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.33333; }
    #content-web2020 .pagination-sm > li > a,
    #content-web2020 .pagination-sm > li > span {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5; }
  #content-web2020 .c-phone {
    display: flex;
    align-items: end; }
    #content-web2020 .c-phone__number {
      flex-grow: 3; }
    #content-web2020 .c-phone .prefix__button {
      position: relative;
      background: transparent;
      box-shadow: none;
      border-bottom: 1px solid #9F9F9F;
      border-radius: 0;
      line-height: 1.7rem;
      text-align: left;
      padding: 0;
      padding-bottom: 5px;
      outline: 0;
      width: 60px;
      height: 30px; }
      #content-web2020 .c-phone .prefix__button .fa-phone {
        color: #3FC8EB;
        position: absolute;
        top: 3px; }
      #content-web2020 .c-phone .prefix__button .fa-phone:before {
        font-size: 19px;
        display: inline-block;
        padding-top: 2px; }
      #content-web2020 .c-phone .prefix__button .fa-phone:after {
        content: '+00';
        font-family: "Open-Sans", "Arial", "sans-serif";
        font-weight: bold;
        font-size: 9px;
        position: absolute;
        border: 1px solid;
        border-radius: 50%;
        padding: 3px 4px 2px 3px;
        left: 8px;
        top: -4px; }
      #content-web2020 .c-phone .prefix__button img {
        width: 30px;
        border: 1px solid #e0e0e0; }
    #content-web2020 .c-phone .prefix__icon {
      color: #FF595A;
      position: absolute;
      right: 22px;
      bottom: 0px; }
      #content-web2020 .c-phone .prefix__icon:before {
        position: absolute;
        bottom: 8px; }
    #content-web2020 .c-phone .prefix__menu {
      padding: 8px 0;
      overflow-x: hidden;
      max-width: 100%; }
      #content-web2020 .c-phone .prefix__menu li {
        display: block; }
    #content-web2020 .c-phone .prefix__input {
      font-size: .9rem;
      padding: 0 0 2px 0;
      margin-left: 15px;
      margin-right: 15px;
      height: auto;
      width: calc(100% - 30px); }
    #content-web2020 .c-phone .prefix__link {
      cursor: pointer;
      font-size: 1rem;
      margin: 0;
      opacity: 1;
      padding: 5px 15px;
      display: flex;
      align-items: center;
      color: var(--color-texto);
      clear: both;
      white-space: nowrap; }
      #content-web2020 .c-phone .prefix__link .flag-wrapper {
        width: 26px;
        height: 20px; }
        #content-web2020 .c-phone .prefix__link .flag-wrapper .flag {
          top: -6px; }
    #content-web2020 .c-phone .prefix__img {
      border: 1px solid #e0e0e0;
      max-width: 19px;
      margin-top: -3px;
      margin-right: 5px; }
    #content-web2020 .c-phone .prefix__number {
      border-bottom: 1px solid #9F9F9F;
      color: #38333B;
      font-family: "Open-Sans", "Arial", "sans-serif";
      font-size: 1.071rem;
      line-height: 22px;
      padding-bottom: 6px; }
      #content-web2020 .c-phone .prefix__number:not(:empty) {
        padding-right: 5px; }
  @media (max-width: 991px) {
    #content-web2020 .c-phone .prefix__number {
      padding-bottom: 5px;
      line-height: 23px; } }
  #content-web2020 .c-promo-code__link {
    position: relative;
    padding-left: 45px;
    text-decoration: underline; }
    #content-web2020 .c-promo-code__link:before {
      position: absolute;
      left: 2px;
      font-size: 21px;
      color: #3FC8EB; }
  #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ ul {
    list-style: none;
    margin-bottom: 15px; }
  #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul {
    margin-top: 10px; }
    #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul > li > a {
      font-size: 1.5rem;
      margin-bottom: 15px; }
    #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul > li li a {
      font-size: 1.1rem;
      margin-bottom: 10px; }
    #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul > li li li a {
      font-size: 1rem;
      font-weight: normal;
      margin-bottom: 5px; }
  #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ a {
    color: #38333B;
    display: inline-block;
    font-weight: bold;
    margin-right: 15px; }
  @media screen and (min-width: 768px) {
    #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul {
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul {
      flex-wrap: wrap; }
      #content-web2020 #p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_rwMK5wSg59gO_ .portlet-body > ul > li {
        width: 50%; } }
  #content-web2020 .migas-pan {
    background: #3FC8EB; }
    #content-web2020 .migas-pan ul.breadcrumb {
      margin-bottom: 0;
      background: none;
      padding: 15px 0; }
      #content-web2020 .migas-pan ul.breadcrumb > li {
        font-size: 1.429rem;
        color: #FFF;
        padding: 0;
        margin: 3px; }
        #content-web2020 .migas-pan ul.breadcrumb > li:before {
          content: '>';
          background: none;
          margin: 0;
          padding: 0;
          position: static;
          color: #FFF; }
        #content-web2020 .migas-pan ul.breadcrumb > li:first-of-type {
          margin-left: 0; }
          #content-web2020 .migas-pan ul.breadcrumb > li:first-of-type:before {
            content: ' '; }
      #content-web2020 .migas-pan ul.breadcrumb a {
        font-family: Blinker-ExtraLight, Arial, sans-serif;
        color: #FFF;
        text-decoration: none; }
  @media screen and (max-width: 991px) {
    #content-web2020 .migas-pan ul.breadcrumb {
      padding: 5px 0; }
      #content-web2020 .migas-pan ul.breadcrumb > li {
        font-size: 1rem; } }
  #content-web2020 .nav-menu {
    background: #fff;
    margin-bottom: 20px;
    display: inline-block;
    float: left;
    box-shadow: 0 18px 30px -12px rgba(56, 51, 59, 0.1); }
    #content-web2020 .nav-menu h2 {
      display: none; }
    #content-web2020 .nav-menu ul {
      padding-left: 0;
      background: #fff; }
      #content-web2020 .nav-menu ul.level-1 {
        /** ESto es para los menús que aparecen a la izquierda en páginas a dos columnas **/ }
        #content-web2020 .nav-menu ul.level-1 li.active {
          background: #FFF; }
          #content-web2020 .nav-menu ul.level-1 li.active a {
            font-weight: normal;
            background-color: #38333B;
            color: white; }
            #content-web2020 .nav-menu ul.level-1 li.active a:hover {
              font-weight: normal;
              background-color: #38333B;
              color: white;
              cursor: default; }
      #content-web2020 .nav-menu ul li {
        background: #FFF;
        display: inline-block;
        width: 100%;
        float: left;
        line-height: normal;
        margin: 0;
        position: relative;
        padding: 5px 14px; }
        #content-web2020 .nav-menu ul li:after {
          content: '';
          width: calc(99.9% - 28px);
          height: 1px;
          background: #D6D5D4;
          position: absolute;
          bottom: 0;
          left: 14px; }
        #content-web2020 .nav-menu ul li:hover a, #content-web2020 .nav-menu ul li.selected a, #content-web2020 .nav-menu ul li.open a {
          font-weight: bold; }
        #content-web2020 .nav-menu ul li:last-child:after {
          height: 0px;
          margin: 0; }
        #content-web2020 .nav-menu ul li a {
          text-decoration: none !important;
          color: #6C6C6C;
          display: block;
          padding: 12px 10px 10px; }
          #content-web2020 .nav-menu ul li a:before {
            content: "\67";
            /** Esto no debe hacerse así, pero en este caso es un ADT **/
            font-family: "our-font" !important;
            float: right;
            color: #FF595A; }
        #content-web2020 .nav-menu ul li.selected a:before {
          content: ' '; }
  #content-web2020 .preview .nav-menu.nav-menu-style- {
    float: none; }
  @media screen and (max-width: 991px) {
    #content-web2020 div.portlet-navigation .nav-menu ul li.selected.currentLayout a:before {
      content: "";
      /** Esto no debe hacerse así, pero en este caso es un ADT **/ }
    #content-web2020 div.portlet-navigation .nav-menu ul li.selected {
      /* Colocar el elemento seleccionado en primer lugar */
      order: -1;
      padding-top: 5px; }
      #content-web2020 div.portlet-navigation .nav-menu ul li.selected a:before {
        content: "\65";
        /** Esto no debe hacerse así, pero en este caso es un ADT **/
        padding-top: 2px; }
    #content-web2020 div.portlet-navigation .nav-menu ul:focus li:not(.selected) {
      height: auto;
      background: #FFFFFF;
      color: #6C6C6C; }
      #content-web2020 div.portlet-navigation .nav-menu ul:focus li:not(.selected) a {
        height: auto;
        background: #FFFFFF;
        color: #6C6C6C; }
    #content-web2020 div.portlet-navigation .nav-menu ul:hover li.selected a:before {
      content: "";
      /** Esto no debe hacerse así, pero en este caso es un ADT **/ }
    #content-web2020 div.portlet-navigation .nav-menu ul:hover li:not(.selected) {
      height: auto;
      background: #FFFFFF;
      color: #6C6C6C;
      padding: 5px 14px; }
      #content-web2020 div.portlet-navigation .nav-menu ul:hover li:not(.selected) a {
        height: auto;
        background: #FFFFFF;
        color: #6C6C6C; }
    #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li {
      height: 0px;
      /* NavMenu plegado: ocultar los elementos no seleccionados */
      overflow: hidden;
      color: #6C6C6C;
      padding: 0;
      /* NavMenu plegado: Mostrar el elemento seleccionado */ }
      #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li a {
        height: 0px;
        overflow: hidden;
        color: #6C6C6C; }
      #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li:hover a, #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li.selected a, #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li.open a {
        background-color: #FFF;
        color: #6C6C6C;
        height: auto;
        padding-bottom: 13px; }
      #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li.selected, #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li.open {
        height: auto;
        padding: 5px 14px; }
      #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul li.active a:hover {
        background-color: #38333B;
        color: #FFF;
        height: auto; }
    #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul:not(:focus):not(:hover) li {
      /* NavMenu plegado: Evitar subrayar el elemento seleccionado, mientras el menu no tenga el foco */ }
      #content-web2020 div.portlet-navigation:not(.not-selected-option) .nav-menu ul:not(:focus):not(:hover) li:after {
        width: 0;
        height: 0;
        margin: 0; }
    #content-web2020 .nav-menu {
      width: 100%;
      border: 0px;
      padding: 0px;
      margin-bottom: 0;
      background: none; }
    #content-web2020 .nav-menu.nav-menu-style- ul {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 10px; }
      #content-web2020 .nav-menu.nav-menu-style- ul:focus li.selected:before {
        content: " ";
        width: 0; }
      #content-web2020 .nav-menu.nav-menu-style- ul:hover li.selected:before {
        content: " ";
        width: 0; } }
  #content-web2020 .c-loading-feedback {
    margin: 0px; }
    #content-web2020 .c-loading-feedback .c-loading-feedback__container {
      background: #fff;
      padding: 20px;
      margin-top: 10px;
      text-align: center;
      display: inline-block; }
    #content-web2020 .c-loading-feedback .title-simulated,
    #content-web2020 .c-loading-feedback .loadingErrorContainer {
      font-weight: bold; }
    #content-web2020 .c-loading-feedback a {
      color: #3FC8EB;
      text-decoration: underline; }
    #content-web2020 .c-loading-feedback__fecha {
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 1px; }
      #content-web2020 .c-loading-feedback__fecha:before {
        color: #3FC8EB;
        padding-right: 8px;
        font-size: 19px; }
      #content-web2020 .c-loading-feedback__fecha a {
        padding-left: 5px; }
  #content-web2020 .c-pwa {
    background: #FFF;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%; }
    #content-web2020 .c-pwa__img {
      border-radius: 6px;
      margin-right: 10%; }
    #content-web2020 .c-pwa__title {
      font-size: 1.3rem; }
    #content-web2020 .c-pwa__text {
      display: block;
      font-size: 1.3rem;
      padding-top: 4px; }
      #content-web2020 .c-pwa__text--gray {
        opacity: .6; }
    #content-web2020 .c-pwa__buttons-wrapper {
      padding-top: 10px; }
    #content-web2020 .c-pwa__buttons {
      flex-grow: 2; }
    #content-web2020 .c-pwa__button {
      padding: 8px 6%;
      border-radius: 6px;
      border-color: #4385f3;
      border: 1px solid;
      color: #4385f3;
      font-weight: normal;
      letter-spacing: .3px;
      min-width: 95px; }
      #content-web2020 .c-pwa__button--sel {
        bacKground: #4385f3;
        color: #FFF; }
  @media screen and (max-width: 355px) {
    #content-web2020 .c-pwa__buttons {
      width: 100%; }
    #content-web2020 .c-pwa__buttons-wrapper {
      justify-content: start !important; } }
  #content-web2020 .c-leads-modal {
    overflow: scroll auto; }
    #content-web2020 .c-leads-modal .sag-modal-header {
      width: 98%; }
      @media (min-width: 768px) {
        #content-web2020 .c-leads-modal .sag-modal-header {
          position: relative;
          top: 15px; } }
      #content-web2020 .c-leads-modal .sag-modal-header .close-lead {
        position: absolute;
        right: 0px;
        top: 25px; }
    #content-web2020 .c-leads-modal .sag-form {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 0px 16px; }
    #content-web2020 .c-leads-modal .error-container {
      min-height: 1.5rem; }
    #content-web2020 .c-leads-modal .form-group {
      margin-bottom: 0; }
    #content-web2020 .c-leads-modal .c-lead-checkbox p {
      margin: 0 !important; }
    #content-web2020 .c-leads-modal .sag-modal-body h2 {
      margin-top: 0; }
    #content-web2020 .c-leads-modal .sag-modal-dialog {
      transform: translate3d(0, -4%, 0); }
    @media (min-width: 768px) {
      #content-web2020 .c-leads-modal .col-md-6 {
        height: 75px; } }
  #content-web2020 .c-leads {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px; }
    #content-web2020 .c-leads img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
    #content-web2020 .c-leads h2 {
      margin-top: 0; }
    #content-web2020 .c-leads .error-container {
      min-height: 1.1rem; }
    #content-web2020 .c-leads .form-group {
      margin-bottom: 0; }
    #content-web2020 .c-leads .c-lead-checkbox p {
      margin: 0 !important; }
    @media (max-width: 768px) {
      #content-web2020 .c-leads {
        display: block; }
        #content-web2020 .c-leads img {
          display: none; } }
  #content-web2020 .alert .lead {
    line-height: 22px; }
  #content-web2020 :root {
    --azul-claro-alsa:#D2EDF3;
    --color-fondo-login: #00587b;
    --color-azul-oscuro: #00587B;
    --color-azul-medio: #007398;
    --color-link: var(--color-azul-medio);
    --color-azul-medio50: #E2F7FC;
    --color-azul-bg: #E2F7FC;
    --color-arena-Dark: #846806;
    --color-arena50: #F9EEC5;
    --color-gris-calido: #ECEAE6;
    --color-gris-accesible: #767676;
    --color-gris-medio: #D1CECD;
    --color-gris-bg: #F9F7F5;
    --color-gris-disabled: #8D8D8D;
    --color-naranja-dark: #955210;
    --color-verde-brillante: #237C64;
    --color-label-bono: #00A889;
    --color-bg-card-bono: #D9FAF1;
    --color-link-bono: #007398;
    --color-borde: #767676;
    --color-red-accessible: #D6293D;
    --font-color-black: #09101D;
    --fuente-regular: var(--fuente);
    --font-size-360-XXS: 0.786rem;
    /*11px*/
    --font-size-360-XS: 0.857rem;
    /*12px*/
    --font-size-360-S: 0.94rem;
    /*13px*/
    --font-size-360-M: 1.071rem;
    /*15px*/
    --font-size-360-L: 1.214rem;
    /*17px*/
    --font-size-360-XL: 1.286rem;
    /*18px*/
    --font-size-360-XXL: 1.429rem;
    /*20px*/
    --font-size-360-XLL: 1.857rem;
    /*26px*/
    --font-size-360-XXXL: 2.143rem;
    /*30px*/
    --line-height-360-XS: 1.071rem;
    /*15px*/
    --line-height-360-S: 1.5rem;
    /*21px*/
    --line-height-360-M: 1.65rem;
    /*23px*/
    --line-height-360-L: 1.857rem;
    /*26px*/
    --line-height-360-XL: 1.857rem;
    /*26px*/
    --line-height-360-XXL: 1.65rem;
    /*23px*/
    --line-height-360-XXXL: 2.143rem;
    /*30px*/ }
  #content-web2020 #journeySearchEmbeddedContainer {
    margin-bottom: 20px; }
    #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer {
      padding: 0; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .icn-journey-background:before {
        content: ''; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer button {
        background: #FFF; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer button:focus {
          box-shadow: none; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group label {
        position: absolute;
        left: 1.14em;
        left: 16px;
        font-weight: bold; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .aller-retour-responsive {
        padding: 0;
        float: none;
        margin: 0;
        height: 65px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second {
        margin: 0; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .col-md-6 {
        padding: 0; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .icn-up-down-arrow:not(.disabled) {
        background: #3FC8EB; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .icn-up-down-arrow.disabled, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .icn-up-down-arrow.arrow-disabled {
        background: #e3e3e3 !important;
        cursor: not-allowed; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .icn-up-down-arrow:before {
        color: #ffffff;
        border-radius: 50%;
        border: none;
        padding: 6px;
        position: absolute;
        left: 4px;
        top: 4px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ida-vuelta .icn-close {
        width: auto; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ida-vuelta .returnDate.train {
        /*** Para el caso de que estemos en un viaje de tren ***/
        opacity: .4; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ida-vuelta .returnDate.train:before {
          font-family: FontAwesome !important;
          content: "\f05e";
          transform: rotate(90deg);
          display: block;
          position: absolute;
          font-size: 20px;
          color: #ff595a; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ida-vuelta .returnDate.train button {
          color: transparent; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .simula-screen .form-group.second .hasDatepicker .open-return-button {
        color: #ff5959;
        width: 100%;
        line-height: 17px !important;
        padding: 14px;
        text-align: center;
        z-index: 9999;
        margin-top: 0 !important;
        -webkit-box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.52);
        -moz-box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.52);
        box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.52); }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .passengers .error-container {
        width: 54%; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs {
        visibility: hidden;
        margin: 0px;
        padding: 0px;
        background-color: #fff;
        height: auto;
        position: absolute;
        z-index: 2; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger {
          border-bottom: 1px solid #E1DFDA;
          padding: 10px 0;
          height: 70px;
          width: calc(100% - 14%);
          margin: 0 7%; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs label {
          display: block;
          position: static;
          text-transform: capitalize;
          margin-bottom: 7px;
          line-height: 1rem; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger-cal {
          width: 110px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger-cal [class*="simula"] {
            text-decoration: none;
            margin-top: 5px; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger-cal [class*="simula"]:before {
              font-size: 17px;
              color: #FF595A; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger-cal .simula-less:before,
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger-cal .passengerTypeNum.zero {
            color: #E1E0E1; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passengerTypeNum {
          line-height: 55px;
          font-size: 55px;
          color: #38333B;
          width: 60px;
          margin: 0 10px;
          text-align: center; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passengers-buttons a {
          width: 100%;
          border-radius: 0;
          background: #FF595A !important;
          color: #FFF !important;
          border: 0;
          margin: 0;
          display: inline-block;
          padding: 15px 16px 14px 16px;
          text-align: center;
          font-weight: bold; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passengerComment {
          color: rgba(56, 51, 59, 0.5);
          font-family: "Open-Sans", "Arial", "sans-serif" !important;
          font-size: 13px;
          display: inline-block; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #passengersListInputs .passenger-text {
          padding-left: 12%; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker {
        border-radius: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker .ui-datepicker-header {
          background: #FFF;
          padding: 11px 0 14px 0;
          margin: 0 21px 12px;
          border-bottom: 1px solid #ECEAE6; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker th {
          background: #FFF;
          text-transform: none;
          border: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker .ui-state-default {
          font-size: 15px;
          line-height: 10px;
          padding: 7px 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker .ui-state-active {
          font-weight: bold; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker a.ui-datepicker-prev:before, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker a.ui-datepicker-next:before {
          color: #FF595A;
          background: #FFF; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-datepicker td.ui-datepicker-today A.ui-state-default.ui-state-highlight:after {
          background: #FF595A; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code .icn-angle-up {
        color: #FF595A; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #promoCodeFieldset .icn-close:before {
        position: relative;
        top: 3px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #promoCodeForm .input-wrapper {
        display: inline-block;
        position: relative; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #promoCodeForm .input-wrapper .icn-close {
          position: absolute;
          margin: 0;
          height: 32px;
          padding-right: 10px;
          top: auto;
          bottom: 0px;
          right: 4px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer #promoCodeForm .input-wrapper .icn-close:before {
            padding-top: 7px;
            color: #FF595A;
            display: block; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .ui-autocomplete-image-spinner {
        position: absolute;
        bottom: 50%;
        margin-bottom: -7px;
        right: 20px;
        color: #FF595A; }
    #content-web2020 #journeySearchEmbeddedContainer #angularSwitchStations {
      left: 50%;
      margin-left: -20px;
      transform: rotate(90deg);
      width: 34px;
      height: 34px;
      border-radius: 50%;
      margin-top: -17px; }
  @media screen and (min-width: 992px) {
    #content-web2020 .buscador-cabecera {
      /****** Para el buscador en gris claro ******/ }
      #content-web2020 .buscador-cabecera #journeySearchEmbeddedContainer {
        padding: 0;
        /** Estas dos reglas son para quitarle el ancho y margen que debe tener el buscador **/
        margin-bottom: 0;
        /** si se muestra fuera de la cabecera como contenido independiente.                **/ }
      #content-web2020 .buscador-cabecera .container.claro #journeySearchEmbeddedContainer .container-search > .row > div {
        background: #F9F7F5; }
      #content-web2020 .buscador-cabecera .container.claro #journeySearchEmbeddedContainer #journeySearchDivContainer:before {
        border-color: #E6E6E6; }
      #content-web2020 .buscador-cabecera .container.claro #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code a {
        color: #363738; }
      #content-web2020 .buscador-cabecera .container.claro #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive a.numPassengers,
      #content-web2020 .buscador-cabecera .container.claro #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive label {
        color: #363738; }
      #content-web2020 .buscador-cabecera .container.claro #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group button:not([class*="icn"]) {
        border-color: #F9F7F5; }
    #content-web2020 #journeySearchEmbeddedContainer {
      padding: 0 15px; }
      #content-web2020 #journeySearchEmbeddedContainer .container-search > .row > div {
        background: #36333A;
        padding: 25px 25px 14px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        /*border-bottom: 1px solid #454447;*/
        top: 55px;
        left: 0;
        position: absolute; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .error-container {
        -webkit-box-shadow: -2px -5px 15px 0px rgba(56, 51, 59, 0.5);
        -moz-box-shadow: -2px -5px 15px 0px rgba(56, 51, 59, 0.5);
        box-shadow: -2px -5px 15px 0px rgba(56, 51, 59, 0.5); }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .absolute-and-flex {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding-top: 13px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group label {
        top: 13px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group button:not([class*="icn"]) {
        font-size: 1.214rem;
        padding-left: 15px;
        padding-top: 14px;
        width: calc(100% - 6px); }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background {
        width: 49%;
        padding: 0;
        position: relative;
        border: 0;
        border-radius: 0;
        margin-bottom: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background > .col-md-12 {
          width: 50%;
          float: left; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background a + .aller-retour-responsive label {
          left: 30px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background a + .aller-retour-responsive button {
          padding-left: 30px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background button {
          padding-right: 36px;
          position: static;
          height: 70px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background button.destination {
            padding-right: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.first.icn-journey-background .simula-screen {
          width: 50%; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second {
        width: 25%;
        padding: 0px;
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        position: relative; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.icn-calendar:before, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.icn-seat:before {
          content: ''; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .icn-angle-down:before {
          content: ' '; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .returnDate.train {
          /*** Para el caso de que estemos en un viaje de tren ***/ }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .returnDate.train:before {
            top: 34px;
            left: 50%;
            margin-left: -14px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .simula-screen {
          padding: 0; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .simula-screen .form-group.first {
            width: 50%; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .simula-screen .form-group.first .col-md-12 {
              width: 100%; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .simula-screen .form-group.second {
            position: static;
            width: 50%; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .simula-screen .form-group.second:not(.ida) {
              margin-left: 50%; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta button:not(.open-return-button) {
          height: 70px;
          max-height: 70px;
          overflow: hidden;
          display: block;
          text-align: left; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta button:not(.open-return-button).icn-close {
            padding-top: 17px;
            padding-right: 10px;
            right: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second .ida-vuelta .open-return-button {
          width: 100%; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.date {
          height: 70px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.date .hasDatepicker {
            top: 70px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloque-check-combinations-responsive {
          margin-top: 4px;
          width: auto; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloque-check-combinations-responsive label {
            color: #FFF;
            font-family: Blinker-Light, Arial, sans-serif;
            font-weight: normal;
            line-height: normal;
            padding-right: 10px;
            padding-top: 1px;
            position: static;
            margin-bottom: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive {
          width: auto; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive .passengers {
            padding-top: 3px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive a.numPassengers {
            padding-left: 0; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive a.numPassengers,
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive a.numPassengers label {
              color: #FFF;
              text-transform: uppercase;
              height: auto;
              position: static;
              margin-bottom: 0;
              font-size: 1rem;
              font-family: Blinker-Light;
              padding-right: 10px; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive a.numPassengers.icn-user-form:before {
              height: 10px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive .icn-angle-down {
            position: relative;
            padding-left: 21px; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive .icn-angle-down:before {
              font-size: 13px;
              background: transparent;
              margin-left: 8px;
              color: #FF595A;
              position: absolute;
              left: 0;
              top: 2px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive .error-container {
            top: 42px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive .simula-screen {
            width: 250%;
            top: 80px;
            z-index: 1003; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group.second.bloquePassengersResponsive .simula-screen .bloquePassengersResponsive {
              width: 325px;
              top: -42px;
              left: -1px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .simula-screen {
        z-index: 5; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .simula-screen .form-group {
          border-radius: 0px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .simula-screen .form-group input {
            height: 70px;
            width: calc(100% - 6px); }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .simula-screen .form-group .volver.icons {
            display: none; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .form-group .simula-screen.destination-screen {
          left: 50%;
          top: 0; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .boton:not(.open-return-button) {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 25%; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .boton:not(.open-return-button) input {
          background-color: #FF595A !important;
          height: 70px;
          border-radius: 0;
          color: #FFF !important;
          box-shadow: none;
          font-size: 1.429rem;
          font-weight: bold;
          text-transform: none !important;
          /**************************************** color solido para BUSCAR  **********************************/ }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code {
        display: flex;
        justify-content: space-between;
        width: auto;
        color: #FFF;
        margin-bottom: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code a {
          color: #B3B3B3;
          font-size: 1.143rem;
          line-height: 1.286rem;
          font-family: Blinker-Light; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code label {
          display: none; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code #promoCode {
          border-radius: 0;
          height: auto;
          padding: 3px 10px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code #promoCodeFieldset {
          margin-top: 3px;
          margin-bottom: 0; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code #promoCodeFieldset p {
            display: inline-block;
            color: #B3B3B3;
            margin-right: 7px;
            margin-bottom: 0; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code #promoCodeFieldset a {
            position: static;
            margin-left: 10px; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code #promoCodeFieldset a.icn-close:before {
              color: #FF595A; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .promo-code #promoCodeForm .input-wrapper .icn-close {
          top: 0;
          right: 0; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .select-employee label {
        color: #FFF;
        font-family: Blinker-Light, Arial, sans-serif;
        font-weight: normal;
        line-height: normal;
        margin-bottom: 0;
        margin-top: 4px; }
      #content-web2020 #journeySearchEmbeddedContainer .search-general {
        position: static; }
        #content-web2020 #journeySearchEmbeddedContainer .search-general .destination {
          border-top: none; }
        #content-web2020 #journeySearchEmbeddedContainer .search-general .col-md-6:first-of-type.icn-angle-down:before {
          content: ''; } }
  #content-web2020 #promoCodeWindow {
    display: inline-block; }
  #content-web2020 #promoCodeChecker {
    display: inline-block; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .ui-datepicker {
      left: 50% !important;
      margin-left: -190px; }
    #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date label,
    #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date input {
      text-align: center; } }
  @media screen and (max-width: 991px) {
    #content-web2020 {
      /**** Para el buscador de la home ****/ }
      #content-web2020 .cabecera-home + .buscador-cabecera {
        min-heigth: 520px; }
        #content-web2020 .cabecera-home + .buscador-cabecera #journeySearchEmbeddedContainer {
          box-shadow: 0 0 30px 0 rgba(56, 51, 59, 0.1);
          margin-top: 15px;
          margin-bottom: 12px; }
      #content-web2020 #journeySearchEmbeddedContainer .responsive-search .first {
        border-radius: 0px;
        margin-bottom: 0; }
      #content-web2020 #journeySearchEmbeddedContainer .responsive-search .second:not(.animate-show-hide) {
        border-radius: 0px;
        background-color: #FFF;
        padding-left: 59px;
        border-top: 1px solid;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-right: 15px;
        width: calc(100% - 30px); }
      #content-web2020 #journeySearchEmbeddedContainer form#journeySearchForm {
        background-color: #FFF; }
      #content-web2020 #journeySearchEmbeddedContainer .search-general .boton {
        float: none;
        width: auto;
        margin-top: 7px; }
      #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general {
        background: #FFF;
        /***** Círculos y puntos para el origen y el destino  ******/
        /** Para el tren de los Reyes Magos **/ }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow {
          margin-top: -4px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow:not(.disabled) {
            background: none; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow:not(.disabled):before {
              color: #ffffff;
              border-radius: 50%;
              border: 2px solid #3FC8EB;
              padding: 4px;
              margin-left: 3px;
              background: #3FC8EB; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow.disabled, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow.arrow-disabled {
            background: none !important; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow.disabled:before, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .icn-up-down-arrow.arrow-disabled:before {
              color: #ffffff;
              border-radius: 50%;
              border: 2px solid #e3e3e3 !important;
              padding: 4px;
              margin-left: 3px;
              background: #e3e3e3 !important; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .error-container {
          z-index: 3; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .aller-retour-responsive .error-container {
          margin-left: 45px;
          width: calc(100% - 45px); }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .aller-retour-responsive > label {
          top: 23px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .aller-retour-responsive:not(#contenedor-destino) #_originStationNameId_ {
          padding-top: 34px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general #contenedor-destino #_destinationStationNameId_ {
          padding-top: 30px;
          margin-bottom: 12px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general #contenedor-destino > label {
          top: 33px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button {
          height: 63px;
          font-size: 1.215rem;
          padding-top: 15px;
          padding-left: 59px;
          margin-bottom: 4px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_originStationNameId_, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_destinationStationNameId_ {
            height: 75px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_originStationNameId_:before, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_destinationStationNameId_:before {
            width: 9px;
            height: 9px;
            border: 2px solid red;
            display: inline-block;
            content: "";
            border-radius: 50%;
            position: absolute;
            left: 25px;
            top: 43px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_originStationNameId_:after, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_destinationStationNameId_:after {
            display: inline-block;
            content: "";
            position: absolute;
            border-left: 3px dotted #3fc8eb;
            width: 12px;
            height: 12px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_originStationNameId_:after {
            left: 28px;
            top: 58px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general button#_destinationStationNameId_:after {
            left: 28px;
            top: 25px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .returnDate.train {
          /*** Para el caso de que estemos en un viaje de tren ***/ }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .returnDate.train:before {
            top: 31px;
            left: 39px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .returnDate .icn-close {
          padding-top: 22px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta button {
          padding-left: 0;
          text-align: left;
          right: 0px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .ida {
          position: relative; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .ida .icn-angle-down {
            position: relative;
            padding-right: 20px;
            display: inline-block;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
            line-height: 20px; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .ida .icn-angle-down:before {
              right: 0;
              top: 4px;
              font-size: 13px;
              background: #FFF;
              padding-left: 5px;
              color: #FF595A;
              position: absolute;
              z-index: 1; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .ida button {
            width: calc(100% - 8px);
            position: relative;
            padding-top: 19px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .passengers {
          position: relative; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general #passengersListInputs .passengers-buttons a {
          font-size: 23px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general a.numPassengers {
          min-height: 60px;
          display: block;
          padding: 0;
          padding-top: 29px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general a.numPassengers span {
            padding-left: 0;
            font-size: 17px;
            padding-right: 20px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general a.numPassengers .icn-angle-down {
            margin-left: -14px;
            font-size: 13px;
            color: #FF595A;
            position: relative; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general a.numPassengers .icn-angle-down:before {
              position: absolute;
              top: 0; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general a.numPassengers label {
            top: 2px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general #passengerComment_2 + .icn-information:hover .tooltip, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general #passengerComment_2 + .icn-information:active .tooltip, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general #passengerComment_2 + .icn-information:focus .tooltip {
          opacity: .7;
          /*position: fixed;
						margin-top: 15px;*/ }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .boton.button-blue input:disabled {
          position: relative;
          border-radius: 0px;
          box-shadow: none;
          background: #FF595A !important;
          color: #fff !important;
          opacity: 1;
          padding: 8px;
          text-transform: none !important; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group .icn-close {
          font-size: 13px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second .ida-vuelta label {
          top: 3px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second.icn-calendar:before, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second.icn-seat:before {
          position: absolute;
          color: #38333B;
          font-size: 24px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second.icn-calendar:before {
          left: 17px;
          top: 26px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second.icn-seat:before {
          left: 16px;
          top: 28px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second.bloque-check-combinations-responsive {
          left: 16px;
          padding-top: 15px;
          margin-bottom: 20px;
          clear: both; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .form-group.second.bloque-check-combinations-responsive label {
            font-weight: normal;
            line-height: normal; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .promo-code {
          position: relative;
          padding-top: 15px;
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 5px;
          background-color: #fff;
          clear: both;
          order: 2; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .promo-code #promoCode {
            border-bottom: 1px solid #D2DBDF;
            margin-right: 15px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .promo-code #promoCodeFieldset .promotional-code {
            margin-bottom: 0; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .promo-code #promoCodeFieldset .promoCodeFieldsetCode {
            color: #38333B; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .promo-code #promoCodeFieldset #promoCodeClear {
            position: static;
            padding: 0 15px;
            font-size: 17px; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .select-employee {
          padding-left: 15px;
          padding-top: 18px;
          clear: both; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.first {
          margin-bottom: 0px;
          padding: 16px 16px 0 16px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.first input,
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.first button {
            border: 1px solid #E1E0E1;
            margin: 0; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date {
          padding-left: 0;
          background: #FFF; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date input {
            background: #F9F7F5;
            margin-bottom: 0px;
            height: 79px;
            padding-top: 12px; }
            #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date input::placeholder {
              visibility: hidden; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date .icons {
            top: 4px;
            left: 4px;
            z-index: 2;
            padding-top: 24px; }
          #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .simula-screen .form-group.second.date label {
            font-size: 17px;
            top: 23px;
            font-weight: 100; }
        #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .sag-modal button {
          background: transparent; } }
  @media screen and (max-width: 340px) {
    #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta button {
      font-size: 1rem; }
    #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer.search-general .ida-vuelta .ida button {
      padding-top: 23px; } }
  #content-web2020 .c-journeysearch-check-young {
    position: relative;
    margin-top: 4px; }
    #content-web2020 .c-journeysearch-check-young label {
      display: block !important;
      font-weight: bold;
      padding-top: 1px;
      margin-bottom: 0 !important; }
    #content-web2020 .c-journeysearch-check-young--step1 {
      clear: both;
      margin-bottom: 22px; }
      #content-web2020 .c-journeysearch-check-young--step1 label {
        color: #38333B; }
  @media screen and (min-width: 992px) {
    #content-web2020 .c-journeysearch-check-young label {
      color: #E0E0E0;
      font-family: Blinker-Light, Arial, sans-serif;
      letter-spacing: .3px; }
    #content-web2020 .c-journeysearch-check-young--step1 label {
      color: #38333B; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .c-journeysearch-check-young {
      padding: 8px 15px 0;
      clear: both; }
      #content-web2020 .c-journeysearch-check-young--step1 {
        padding: 0 15px 5px 7px; }
        #content-web2020 .c-journeysearch-check-young--step1 label {
          padding-top: 15px !important;
          left: 0 !important; }
          #content-web2020 .c-journeysearch-check-young--step1 label:before {
            top: 14px !important; } }
  #content-web2020 .journey-search-portlet .portlet-configuration-setup {
    position: relative; }
  #content-web2020 .journey-search-portlet form {
    height: calc(100% - 73px) !important; }
  #content-web2020 .journey-search-portlet .button-holder.dialog-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFF; }
  #content-web2020 .modal-bono {
    background: rgba(0, 0, 0, 0.75); }
    #content-web2020 .modal-bono .modal-dialog {
      top: 50vh;
      margin-top: -75px; }
    #content-web2020 .modal-bono .modal-content {
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      border: 4px solid #3FC8EB;
      border-radius: 0; }
    #content-web2020 .modal-bono .modal-body {
      padding: 25px; }
    #content-web2020 .modal-bono__titulo {
      font-size: 1.125rem;
      margin-bottom: 25px;
      font-weight: bold; }
    #content-web2020 .modal-bono__contenedor-botones {
      display: flex;
      justify-content: space-around;
      padding: 0 8px; }
    #content-web2020 .modal-bono__boton {
      margin: 0 10px;
      white-space: normal; }
      #content-web2020 .modal-bono__boton:first-of-type {
        margin-left: 0; }
      #content-web2020 .modal-bono__boton:last-of-type {
        margin-right: 0; }
      #content-web2020 .modal-bono__boton:hover, #content-web2020 .modal-bono__boton--destacado {
        background-color: #E5464B !important;
        color: #FFF !important; }
  @media screen and (min-width: 992px) {
    #content-web2020 .modal-bono__boton {
      width: auto;
      min-width: 170px; } }
  @media screen and (max-width: 991px) {
    #content-web2020 .modal-bono .modal-dialog {
      margin-left: 5%;
      width: 90%;
      top: 20vh;
      margin-top: 0; }
    #content-web2020 .modal-bono .modal-content {
      height: auto; }
    #content-web2020 .modal-bono .modal-body {
      position: static; }
    #content-web2020 .modal-bono__boton {
      padding: 6px 5px !important;
      height: auto !important;
      line-height: 1.3rem; } }
  #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .modal-bono__boton:active, #content-web2020 #journeySearchEmbeddedContainer #journeySearchDivContainer .modal-bono__boton:focus {
    color: #E5464B; }
  #content-web2020.checkout:not(.checkout-360) {
    background-color: #ebeae6; }
  #content-web2020.checkout {
    /** Cabecera **/ }
    #content-web2020.checkout #header1 {
      background-color: #FFFFFF; }
      #content-web2020.checkout #header1.checkout--360 {
        background-color: var(--azul-alsa); }
    #content-web2020.checkout .two-spaced-columns {
      display: flex;
      justify-content: space-between;
      align-items: center;
      min-height: 55px; }
      #content-web2020.checkout .two-spaced-columns .wrapper-logo h1 {
        margin: 0;
        display: flex;
        align-items: center; }
  @media screen and (min-width: 992px) {
    #content-web2020.checkout {
      /** Cabecera **/ }
      #content-web2020.checkout:not(.checkout-360) .container {
        max-width: 900px !important; }
      #content-web2020.checkout #header1 {
        padding-bottom: 0px;
        box-shadow: 0px 18px 30px rgba(56, 51, 59, 0.1);
        height: 55px; } }
  @media screen and (max-width: 991px) {
    #content-web2020.checkout {
      /** Cabecera **/ }
      #content-web2020.checkout #wrapper {
        padding-top: 0; }
      #content-web2020.checkout .two-spaced-columns {
        padding-top: 10px;
        padding-bottom: 10px; } }

.ui-journeysearch-item:before,
.station-icon:before {
  font-family: "our-font";
  text-transform: none;
  vertical-align: middle;
  font-size: 22px;
  color: #797676;
  display: inline-block;
  margin-right: 15px; }

.station-icon.ui-city:before,
.ui-journeysearch-item.ui-city:before {
  content: '\31'; }

.station-icon.ui-stop:before,
.ui-journeysearch-item.ui-stop:before {
  content: '\73'; }

.station-icon.ui-airport-city:before,
.station-icon.ui-airport-stop:before,
.ui-journeysearch-item.ui-airport-city:before,
.ui-journeysearch-item.ui-airport-stop:before {
  content: '\63'; }

.sag-modal-dialog .sag-modal-header > button {
  margin-right: 5px !important;
  box-shadow: none; }

@media screen and (max-width: 991px) {
  .sag-modal-dialog {
    margin-top: 50px; }
    .sag-modal-dialog .sag-modal-header h2 {
      font-size: 17px;
      padding-right: 21px; } }

.opacity-100 {
  opacity: 1 !important; }

.opacity-75 {
  opacity: .75 !important; }

.opacity-50 {
  opacity: .5 !important; }

.opacity-25 {
  opacity: .25 !important; }

.opacity-0 {
  opacity: 0 !important; }

.default-asset-publisher.asset-full-content.no-title {
  /* Cuando los asset publisher, como en el caso de noticias, se configuran para no mostrar el título, nos están generando unos espacios
        sobre el contenido que debemos eliminar **/ }
  .default-asset-publisher.asset-full-content.no-title .component-title {
    display: none; }
  .default-asset-publisher.asset-full-content.no-title .asset-content {
    margin-top: -.5rem; }

[class*="c-icn-"]:before {
  visibility: visible !important; }

.c-icn {
  /*** Icono de listado ***/
  /*** Estructura html ***/
  /*** <span class="c-icn-list">
         	<i class="c-icn-list__element"></i>
            <i class="c-icn-list__element"></i>
         	<i class="c-icn-list__element"> </i>
         </span>  ***/
  /*** Estructura html de icono de formulario ***/
  /*
		<span class="c-icn--form">
			<i class="icn-check-c"></i>
			<span class="c-icn--form__lines"></span>
		</span>
	*/
  /*** Estructura html ***/
  /*
		<i class="c-icn-ribon"></i>
        <i class="c-icn-ribon c-icn-ribon--back"></i>
	*/
  /* &-ribon {
		width: 0px;
		height: 18px;
		border-left: 6px solid $azul-alsa;
		border-right: 6px solid $azul-alsa;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		border-bottom: 6px solid transparent;
		display: inline-block;
		position: relative;
		z-index: 2;
		&:after {
			content: ' ';
			width: 0px;
			height: 15px;
			border-left: 5px solid #FFF;
			border-right: 5px solid #FFF;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
			border-bottom: 6px solid transparent;
			display: inline-block;
			position: absolute;
			left: -5px;
			top: 1px;
		}
		&--back {
			left: -9px;
            top: -3px;
            z-index: 1;
		}
	} */
  /*** Estructura html ***/
  /*
		<span class="c-icn-wallet">
			<span class="c-icn-wallet__semi-circle"></span>
		</span>
	*/
  /* &-wallet {
		display: inline-block;
		width: 22px;
		height: 17px;
		border-radius: 3px;
		border: 1px solid $azul-alsa;
		position: relative;
		margin-right: 8px;
		&:before,
		&:after {
			content: ' ';
			border-top: 1px solid $azul-alsa;
			width: 20px;
			height: 1px;
			display: inline-block;
			position: absolute;
		}
		&:before { top: 3px; }
		&:after { top: 7px; }
		&__semi-circle {
			position: absolute;
			width: 6px;
			height: 4px;
			background-color: $azul-alsa;
			border-radius: 10px 10px 0 0;
			transform: rotateX(180deg);
			top: 8px;
			left: 50%;
			margin-left: -3px;
			z-index: 1;
			&:after {
				content: ' ';
                    position: absolute;
                    width: 4px;
                    height: 4px;
                    background-color: #FFF;
                    border-radius: 10px 10px 0 0;
                    top: 1px;
                    left: 50%;
                    margin-left: -2px;
                    z-index: 3;
			}
		}
	}
	/** html para el icono de listado de bonos
		<span class="c-icn-voucher-list">
        	<i class="c-icn-voucher-list__stamp"></i>
        	<i class="c-icn-voucher-list__stamp c-icn-voucher-list__stamp--in"></i>
        	<i class="fa fa-percent"></i>
        </span>
    **/
  /*** medallitas para los tipos de alsaplus ***/
  /****
    	<span class="c-icn-insignia">
    		<i class="c-icn-insignia__parallelogram"></i>
    		<i class="c-icn-insignia__parallelogram c-icn-insignia__parallelogram--back"></i>
    		<i class="c-icn-insignia__medallion"></i>
    	</span>
    ****/ }
  .c-icn--bg-alsa:before {
    border-radius: 50%;
    background: #3FC8EB;
    color: #FFF;
    padding: 6px;
    font-size: 13px; }
  .c-icn-dash {
    font-size: 120%;
    margin: 0 3px; }
  .c-icn-list {
    width: 20px;
    display: inline-block; }
    .c-icn-list__element {
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      margin-bottom: 5px; }
      .c-icn-list__element:last-of-type {
        margin-bottom: 0; }
      .c-icn-list__element:before, .c-icn-list__element:after {
        content: ' ';
        border: 1px solid #FFF;
        position: absolute;
        display: block; }
      .c-icn-list__element:before {
        z-index: 2;
        visibility: visible; }
      .c-icn-list__element:after {
        width: 17px;
        margin-left: 5px; }
  .c-icn--form {
    position: relative; }
    .c-icn--form:before {
      content: ' ';
      display: inline-block;
      width: 18px;
      height: 24px;
      margin-right: 10px;
      border: 2px solid #3FC8EB;
      border-radius: 2px; }
    .c-icn--form:after {
      content: ' ';
      width: 8px;
      height: 4px;
      border: 1px solid #3FC8EB;
      background: #FFF;
      left: 5px;
      top: -1px;
      position: absolute; }
    .c-icn--form .icn-check-c {
      position: absolute;
      font-size: 10px;
      line-height: 7px;
      background: #FFF;
      left: 11px;
      top: 11px;
      color: #3FC8EB; }
    .c-icn--form__lines {
      position: absolute; }
      .c-icn--form__lines:before, .c-icn--form__lines:after {
        content: ' ';
        display: block;
        width: 10px;
        height: 1px;
        background: #3FC8EB;
        position: absolute;
        left: -24px; }
      .c-icn--form__lines:before {
        top: 14px; }
      .c-icn--form__lines:after {
        top: 8px; }
  .c-icn-voucher-list {
    position: relative;
    height: 23px;
    width: 20px; }
    .c-icn-voucher-list .fa-percent:before {
      font-size: 10px;
      position: absolute;
      top: 50%;
      margin-top: -5px;
      left: 50%;
      margin-left: -5px;
      z-index: 2;
      color: #3FC8EB; }
    .c-icn-voucher-list__stamp:before, .c-icn-voucher-list__stamp:after {
      content: "";
      position: absolute;
      top: 3px !important;
      left: 0 !important;
      height: 19px;
      width: 19px;
      background: #3FC8EB; }
    .c-icn-voucher-list__stamp:before {
      transform: rotate(13deg); }
    .c-icn-voucher-list__stamp:after {
      transform: rotate(60deg); }
    .c-icn-voucher-list__stamp--in:before, .c-icn-voucher-list__stamp--in:after {
      height: 15px;
      width: 15px;
      background: #FFF;
      z-index: 1;
      top: 5px !important;
      left: 2px !important; }
  .c-icn-insignia {
    display: inline-block;
    position: relative;
    padding-bottom: 17px;
    margin-left: 4px;
    margin-right: 8px; }
    .c-icn-insignia__parallelogram {
      display: block;
      width: 9px;
      height: 15px;
      transform: skew(31deg);
      background: #FF595A;
      position: relative;
      z-index: 2; }
      .c-icn-insignia__parallelogram--back {
        background: #D62936;
        transform: skew(-31deg);
        margin-top: -15px;
        margin-left: 7px;
        z-index: 1; }
    .c-icn-insignia__medallion {
      display: block;
      width: 22px;
      height: 22px;
      background: #3FC8EB;
      border-radius: 50%;
      position: absolute;
      z-index: 3;
      bottom: 0;
      left: -3px;
      outline: 1px solid #FFF;
      outline-offset: -4px; }

.c-password__icon {
  position: absolute;
  top: 23px;
  right: 0;
  box-shadow: none;
  padding: 5px 5px 5px 10px;
  background: transparent;
  font-size: 18px;
  line-height: initial; }
  .c-password__icon--slash:after {
    content: '';
    width: 1px;
    height: 22px;
    position: absolute;
    top: 2px;
    right: 13px;
    border-left: 1px solid;
    border-right: 1px solid #FFF;
    transform: rotate(45deg); }

@media (min-width: 992px) {
  select {
    background-position-x: 98% !important; } }

.flex-row .flex-column__image {
  font-size: inherit; }

/** Aquí irán los estilos para el tema cuando la página sale en modo widget **/
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  width: 100%; }

html:not(#__):not(#___) .cadmin .alert-notifications#WebServerDisplayNodeContainer .alert {
  /*Para el cierre del alert del nodo*/ }
  html:not(#__):not(#___) .cadmin .alert-notifications#WebServerDisplayNodeContainer .alert .close:not(:has(*)):before {
    font-family: "our-font" !important;
    content: "\42"; }

html:not(#__):not(#___) .cadmin .form-group {
  display: block;
  float: none;
  min-height: 30px; }

.lfr-layout-structure-item-container:not(.page-editor__container) .lfr-layout-structure-item-row {
  margin-left: -15px;
  margin-right: -15px; }

html:not(#__):not(#___) .cadmin.portlet-configuration-setup {
  padding: 15px; }

.signed-out .portlet-layout .portlet-header {
  margin-bottom: 0; }

@media (max-width: 991px) {
  /** Layout 2 columnas 30-70 **/
  .columns-2 .row .portlet-column.col-md-4, .columns-2 .row .portlet-column.col-md-8 {
    max-width: 100%;
    flex: 0 0 100%; } }

/*# sourceMappingURL=main.css.map */