@charset "UTF-8";
@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(/o/classic-theme/images/states/empty_state.gif); }

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

.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/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(/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(/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 {
  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 > * {
  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 .container {
        /* 		width: $width-desktop-checkout; */
        max-width: 900px !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 {
    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 > * {
    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 {
  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 > * {
  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 .container {
    /* 		width: $width-desktop-checkout; */
    max-width: 900px !important; }
  .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 {
  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 > * {
  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 */
/* 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 {
  --color-ciudad:#8031A7;
  --color-texto:#38333B; }

#content-web2020 {
  /**** ESCRITORIO *****/
  /**** MOVIL *****/
  /*** Altura mínima del contenedor general para cuando el contenido es muy pequeño que el pie se ajuste***/
  /******************************************************************/
  /************************* FORMULARIOS ***************************/
  /****************************************************************/
  /*PONEMOS UN PARCHE PARA ESTA CLASE QUE EN LA VERSIÓN 7.4 YA HABRÍA QUE SER SUSTITUIDA POR: offset-md-3*/
  /**************************************************************************** MOVIL Y TABLET ******************************************************************************/
  /******************************************************************/
  /********************** LOGO CABECERA ****************************/
  /****************************************************************/
  /**************************************************************************** SOLO ESCRITORIO ******************************************************************************/
  /**************************************************************************** MOVIL Y TABLET ******************************************************************************/
  /**************************************************************************** SOLO ESCRITORIO ******************************************************************************/
  /******************************************************************** MOVIL Y TABLET **********************************************************************/
  /**************************************************************************** SOLO MOVIL ******************************************************************************/ }
  #content-web2020 #header.header {
    background-color: #8031A7; }
  #content-web2020 #menu-container {
    z-index: 21;
    background: #8031A7; }
    #content-web2020 #menu-container.menu-grey {
      background: #F9F7F5; }
  @media screen and (min-width: 992px) {
    #content-web2020 #menu-container {
      background: #8031A7; } }
  @media screen and (max-width: 991px) {
    #content-web2020 #header .navbar-header {
      background-color: #8031A7 !important; }
      #content-web2020 #header .navbar-header .navbar-toggle {
        margin-right: 5px; }
        #content-web2020 #header .navbar-header .navbar-toggle .icon-bar {
          background-color: #FFF; }
    #content-web2020 #header #menu-container .navbar-collapse.collapse,
    #content-web2020 #header #menu-container .navbar-collapse.collapsing {
      background-color: #8031A7 !important; }
      #content-web2020 #header #menu-container .navbar-collapse.collapse .main-menu,
      #content-web2020 #header #menu-container .navbar-collapse.collapse .sub-header,
      #content-web2020 #header #menu-container .navbar-collapse.collapsing .main-menu,
      #content-web2020 #header #menu-container .navbar-collapse.collapsing .sub-header {
        background-color: #8031A7; } }
  #content-web2020 .footer {
    background-color: #8031A7; }
    #content-web2020 .footer .row {
      padding: 0; }
    #content-web2020 .footer .container {
      display: block;
      padding: 40px 15px; }
  #content-web2020 .footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    #content-web2020 .footer-content .col {
      width: auto;
      max-width: auto;
      flex-basis: inherit;
      flex-grow: inherit; }
      #content-web2020 .footer-content .col a {
        color: #fff;
        font-family: Blinker;
        margin-bottom: 8px;
        font-size: 15px;
        line-height: 15px;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 1px solid #FFF; }
    #content-web2020 .footer-content ul {
      display: flex;
      justify-content: space-between;
      list-style: none; }
    #content-web2020 .footer-content li {
      margin-top: 10px; }
      #content-web2020 .footer-content li:last-of-type a {
        border-right: 0; }
    #content-web2020 .footer-content .navbar-brand {
      max-width: 300px; }
  #content-web2020 .logo-footer {
    width: auto;
    display: block; }
    #content-web2020 .logo-footer img {
      width: 70px; }
  #content-web2020 .node-indicator {
    color: #FFF;
    display: block;
    text-align: center; }
  @media screen and (max-width: 991px) {
    #content-web2020 .footer .container {
      padding: 20px 15px 0; }
    #content-web2020 .footer-content {
      justify-content: space-around; }
      #content-web2020 .footer-content li {
        margin: 0; } }
  #content-web2020 #main-content {
    min-height: calc(100vh - 290px); }
  #content-web2020.not-scroll {
    height: auto;
    overflow: auto; }
  #content-web2020 .bloque-formulario {
    margin: 10px 0 20px 0; }
  #content-web2020 .button-container {
    width: 100%;
    text-align: right; }
  @media screen and (max-width: 991px) {
    #content-web2020 #main-content {
      min-height: calc(100vh - 240px); } }
  @media (min-width: 768px) {
    #content-web2020 .col-md-offset-3 {
      margin-left: calc(3 / 12 * 100%); } }
  #content-web2020 .oculto {
    display: none !important; }
  #content-web2020 .sub-header li.subheader-firstlevel {
    padding: 0 !important; }
  #content-web2020 .languaje.active .portlet-body {
    overflow: visible; }
  #content-web2020 .languaje .portlet-body {
    width: 85px;
    flex-wrap: wrap;
    display: flex;
    height: 34px;
    overflow: hidden;
    margin-right: 30px; }
    #content-web2020 .languaje .portlet-body a,
    #content-web2020 .languaje .portlet-body span {
      padding: 8px 12px 8px 20px;
      display: block;
      width: 90px;
      position: relative;
      z-index: 200;
      text-transform: capitalize; }
    #content-web2020 .languaje .portlet-body span {
      order: -1;
      display: flex; }
      #content-web2020 .languaje .portlet-body span:before {
        content: "\65";
        font-family: "our-font" !important;
        color: #ff8b8c;
        font-size: 12px;
        position: absolute;
        top: 8px;
        right: 0;
        text-transform: none; }
    #content-web2020 .languaje .portlet-body a {
      background: #FFF;
      border-left: 1px solid #e1e0e1;
      border-right: 1px solid #e1e0e1;
      padding-right: 30px; }
      #content-web2020 .languaje .portlet-body a:hover {
        background: #e1e0e1; }
      #content-web2020 .languaje .portlet-body a:first-of-type {
        border-top: 1px solid #e1e0e1; }
      #content-web2020 .languaje .portlet-body a:last-of-type {
        border-bottom: 1px solid #e1e0e1; }
  @media screen and (max-width: 991px) {
    #content-web2020 .languaje {
      order: 1;
      margin-top: 35px; }
      #content-web2020 .languaje .portlet-body {
        width: 100%; }
        #content-web2020 .languaje .portlet-body span {
          padding-left: 0;
          width: 100%;
          color: #FFF; }
          #content-web2020 .languaje .portlet-body span:before {
            font-size: 16px; }
        #content-web2020 .languaje .portlet-body a {
          padding-left: 42px; }
          #content-web2020 .languaje .portlet-body a:before {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            border: 1px solid #9f9f9f;
            border-radius: 50%;
            left: 15px;
            box-shadow: 0 4px 8px 0 rgba(56, 51, 59, 0.15); }
          #content-web2020 .languaje .portlet-body a:first-of-type {
            padding-top: 16px; }
          #content-web2020 .languaje .portlet-body a:last-of-type {
            padding-bottom: 16px; }
      #content-web2020 .languaje.active {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        background-color: rgba(56, 51, 59, 0.8);
        z-index: 1; }
        #content-web2020 .languaje.active .portlet-body span {
          display: none; }
        #content-web2020 .languaje.active .portlet-body a {
          position: absolute;
          width: 90%;
          left: 5%;
          top: calc(50vh - 50px);
          background: #FFF; }
          #content-web2020 .languaje.active .portlet-body a:active:after, #content-web2020 .languaje.active .portlet-body a:focus:after {
            content: " ";
            background-color: #38333b;
            border-radius: 50%;
            width: 6px;
            height: 6px;
            position: absolute;
            left: 21px;
            top: 14px;
            display: inline-block; }
          #content-web2020 .languaje.active .portlet-body a:first-of-type {
            top: calc(50vh - 50px - 81px); }
            #content-web2020 .languaje.active .portlet-body a:first-of-type:active:after, #content-web2020 .languaje.active .portlet-body a:first-of-type:focus:after {
              top: 22px; }
          #content-web2020 .languaje.active .portlet-body a:nth-of-type(2) {
            top: calc(50vh - 50px - 36px); } }
  #content-web2020 nav .logo {
    display: flex;
    justify-content: space-between;
    width: auto; }
    #content-web2020 nav .logo > img {
      width: 104px;
      margin-right: 10px; }
    #content-web2020 nav .logo--jaen {
      width: 100%;
      display: flex;
      justify-content: left;
      align-items: center; }
      #content-web2020 nav .logo--jaen__ayto {
        align-items: center;
        display: flex; }
      #content-web2020 nav .logo--jaen-texto {
        display: inline-block;
        font-size: 1rem;
        color: #FFF;
        padding-top: 10px;
        padding-left: 10px; }
      #content-web2020 nav .logo--jaen__jaen {
        padding-left: 30px;
        padding-top: 7px; }
  @media screen and (min-width: 992px) {
    #content-web2020 .navbar {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      padding: 0; }
    #content-web2020 .navbar-header {
      width: 100%; }
    #content-web2020 nav .logo {
      padding-right: 17px;
      width: 100%;
      max-width: 100%;
      padding-top: 0;
      padding-bottom: 0; } }
  @media screen and (max-width: 991px) {
    #content-web2020 #header nav .logo {
      font-size: 25px;
      justify-content: space-between;
      padding: 0;
      display: flex;
      align-items: center;
      height: auto; }
      #content-web2020 #header nav .logo > img {
        display: inline-block;
        margin-right: 10px;
        width: auto;
        height: 27px; }
      #content-web2020 #header nav .logo--jaen {
        justify-content: space-between; }
        #content-web2020 #header nav .logo--jaen__ayto {
          align-items: center;
          display: flex; }
          #content-web2020 #header nav .logo--jaen__ayto img {
            width: auto;
            max-height: 50px; }
        #content-web2020 #header nav .logo--jaen-texto {
          font-size: .85rem;
          line-height: 1rem;
          padding-left: 8px;
          padding-right: 12px; }
        #content-web2020 #header nav .logo--jaen__jaen {
          padding-left: 0;
          width: 100%;
          text-align: center; }
          #content-web2020 #header nav .logo--jaen__jaen img {
            width: 65px; } }
  @media screen and (max-width: 365px) {
    #content-web2020 #header nav .logo--jaen-texto {
      display: none; } }
  #content-web2020 #contenedorWeb2020MainMenuPortlet .navbar {
    margin-bottom: 0; }
  #content-web2020 #contenedorWeb2020MainMenuPortlet ul.navbar-nav {
    margin-right: 0;
    font-size: 18px;
    display: flex;
    margin-bottom: 0; }
    #content-web2020 #contenedorWeb2020MainMenuPortlet ul.navbar-nav > li {
      padding: 0 15px; }
      #content-web2020 #contenedorWeb2020MainMenuPortlet ul.navbar-nav > li a {
        padding: 35px 0 15px 0;
        display: inline-block;
        border-bottom: 3px solid transparent;
        background-color: #8031A7;
        color: #FFF; }
        #content-web2020 #contenedorWeb2020MainMenuPortlet ul.navbar-nav > li a:hover {
          background-color: transparent;
          border-color: #FFF;
          color: #FFF; }
  #content-web2020 ul.secondary-menu {
    display: flex;
    flex-wrap: wrap; }
  #content-web2020 #menu-container.sticky-menu #contenedorWeb2020MainMenuPortlet ul.navbar-nav > li a {
    padding-top: 14px;
    padding-bottom: 12px; }
  @media screen and (min-width: 992px) {
    #content-web2020 {
      /******************************************************************/
      /********************** MENÚ PRINCIPAL ***************************/
      /****************************************************************/
      /******************************************************************/
      /********************** MENÚ SECUNDARIO **************************/
      /****************************************************************/ }
      #content-web2020 #contenedorWeb2020MainMenuPortlet ul.navbar-nav > li:first-of-type {
        padding-left: 0; }
      #content-web2020 nav .navbar-collapse {
        white-space: nowrap;
        width: auto;
        padding-right: 15px;
        padding-left: 15px;
        display: block; }
      #content-web2020 .sub-header {
        height: 50px;
        background: #FFF; }
        #content-web2020 .sub-header ul.secondary-menu {
          padding-top: 7px;
          padding-right: 23px;
          justify-content: end; }
          #content-web2020 .sub-header ul.secondary-menu .icn-customer-service {
            display: inline-block;
            padding-top: 9px; }
            #content-web2020 .sub-header ul.secondary-menu .icn-customer-service:before {
              color: #8031A7;
              padding-right: 5px; } }
  @media screen and (max-width: 991px) {
    #content-web2020 {
      /******************************************************************/
      /********************** MENÚ PRINCIPAL ***************************/
      /****************************************************************/ }
      #content-web2020 #contenedorWeb2020MainMenuPortlet ul.navbar-nav {
        display: block; }
      #content-web2020 ul.secondary-menu {
        margin-top: 18px; }
        #content-web2020 ul.secondary-menu .subheader-firstlevel {
          width: 100%; }
          #content-web2020 ul.secondary-menu .subheader-firstlevel a:not([class^="language"]), #content-web2020 ul.secondary-menu .subheader-firstlevel a:not([class^="language"]):hover {
            color: #FFF !important; }
          #content-web2020 ul.secondary-menu .subheader-firstlevel a:not([class^="language"]):before {
            padding-right: 8px; } }
  #content-web2020 .att-cliente {
    background-size: cover !important;
    padding: 10vh 0;
    color: #FFF; }
    #content-web2020 .att-cliente .titulo-section {
      font-size: 54px;
      line-height: 57px;
      padding: 0; }
    #content-web2020 .att-cliente .texto {
      padding-top: 25px;
      font-size: 1.5rem; }
      #content-web2020 .att-cliente .texto a {
        color: #FFF;
        font-size: 1.3rem;
        padding-left: 5px;
        white-space: nowrap; }
  @media screen and (max-width: 767px) {
    #content-web2020 .att-cliente .titulo-section {
      font-size: 2.5rem;
      line-height: 2.7rem; }
    #content-web2020 .att-cliente .texto {
      font-size: 1.2rem; } }

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