/**
 * Clay 3.91.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
 */
/**
 * Clay 3.91.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
 */
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.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(.btn):not(.component-action):not(.page-link) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):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 .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: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.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;
}
.controls-hidden .portlet-topper .portlet-title-default {
  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;
}

/* Tabs */
/* Radio button */
.ov, .ov-form-field .field-element select,
select.ov, textarea.ov, .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea,
input[type=text].ov, input[type=date].ov, input[type=number].ov, .ql-container input[type=number].ql-editor:before,
input[type=password].ov, input[type=tel].ov, input[type=time].ov, .card h2.ov, h3, h2.ov-small, .card h2.ov-small, h2.ov, h1.ov, .ql-container .ql-editor:before,
.ql-container .ql-editor p, .ov-bold, .ov-font, .ac-tramite .tramite-font-regular, .ac-tramite form.ov-form .ov-form-field .field-error, .ac-tramite form.ov-form .ov-form-field .field-help, .ac-tramite form.ov-form .ov-form-field label, .ac-tramite form.ov-form .ov-form-field .label-text, .ac-tramite .tramite-wrapper .tramite-subtitle-description, .ac-tramite .tramite-wrapper .footer-help, .ac-tramite .tramite-wrapper, .drop_zone p, .drop_zone span.ov-inline-paragraph, .ov-font-bold, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label .label-text, .ac-tramite .tramite-font-bold, .ac-tramite .tramite-wrapper .btn-tramite, .ac-tramite .tramite-wrapper .tramite-subtitle-description strong, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-1, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-2, .ov-text {
  font-size: 0.875rem;
}

.ov-sub {
  font-size: 0.75rem;
}

.ov-big {
  font-size: 1rem;
}

h1.ov-title,
h1.ov-title-bold {
  font-size: 1.55rem;
}

h1.ov-title-bold {
  font-size: 1.55rem;
}

h2.ov-title, h2.ov-title-bold {
  font-size: 1.375rem;
}

h3.ov-title {
  font-size: 1.125rem;
  font-weight: normal;
  color: #3e3e3e;
}

h3.ov-title-bold {
  font-size: 1.125rem;
  color: #3e3e3e;
}

label.ov, .ql-container label.ql-editor:before {
  font-size: 0.875rem;
}

a.ov, .ql-container a.ql-editor:before,
a.ov-link,
a.ov-link-bold,
button.ov.link,
.ql-container button.link.ql-editor:before {
  font-size: 0.875rem;
}

table.ov-table {
  font-size: 0.875rem;
}

.font-awesome-base:before {
  font-size: 1em;
}

.ov, .ov-form-field .field-element select,
select.ov, textarea.ov, .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea,
input[type=text].ov, input[type=date].ov, input[type=number].ov, .ql-container input[type=number].ql-editor:before,
input[type=password].ov, input[type=tel].ov, input[type=time].ov, .card h2.ov, h3, h2.ov-small, .card h2.ov-small, h2.ov, h1.ov, .ql-container .ql-editor:before,
.ql-container .ql-editor p, .ov-sub, .ov-big {
  font-family: "PT Sans", sans-serif !important;
}
.ov.upper, .ov-form-field .field-element select.upper, .ov-form-field .field-element input.upper[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.upper,
input.upper[type=text].ov, input.upper[type=date].ov, input.upper[type=number].ov, .ql-container input.upper[type=number].ql-editor:before,
input.upper[type=password].ov, input.upper[type=tel].ov, input.upper[type=time].ov, .card h2.upper.ov, h3.upper, h2.upper.ov-small, .ql-container .upper.ql-editor:before,
.ql-container .ql-editor p.upper, .ov-sub.upper, .ov-big.upper {
  text-transform: uppercase;
}
.ov.lower, .ov-form-field .field-element select.lower, .ov-form-field .field-element input.lower[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.lower,
input.lower[type=text].ov, input.lower[type=date].ov, input.lower[type=number].ov, .ql-container input.lower[type=number].ql-editor:before,
input.lower[type=password].ov, input.lower[type=tel].ov, input.lower[type=time].ov, .card h2.lower.ov, h3.lower, h2.lower.ov-small, .ql-container .lower.ql-editor:before,
.ql-container .ql-editor p.lower, .ov-sub.lower, .ov-big.lower {
  text-transform: lowercase;
}
.ov.capitalize, .ov-form-field .field-element select.capitalize, .ov-form-field .field-element input.capitalize[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.capitalize,
input.capitalize[type=text].ov, input.capitalize[type=date].ov, input.capitalize[type=number].ov, .ql-container input.capitalize[type=number].ql-editor:before,
input.capitalize[type=password].ov, input.capitalize[type=tel].ov, input.capitalize[type=time].ov, .card h2.capitalize.ov, h3.capitalize, h2.capitalize.ov-small, .ql-container .capitalize.ql-editor:before,
.ql-container .ql-editor p.capitalize, .ov-sub.capitalize, .ov-big.capitalize {
  text-transform: capitalize;
}
.ov.link, .ov-form-field .field-element select.link, .ov-form-field .field-element input.link[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.link,
input.link[type=text].ov, input.link[type=date].ov, input.link[type=number].ov, .ql-container input.link[type=number].ql-editor:before,
input.link[type=password].ov, input.link[type=tel].ov, input.link[type=time].ov, .card h2.link.ov, h3.link, h2.link.ov-small, .ql-container .link.ql-editor:before,
.ql-container .ql-editor p.link, .ov-sub.link, .ov-big.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.ov.disabled, .ov-form-field .field-element select.disabled, .ov-form-field .field-element input.disabled[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.disabled,
input.disabled[type=text].ov, input.disabled[type=date].ov, input.disabled[type=number].ov, .ql-container input.disabled[type=number].ql-editor:before,
input.disabled[type=password].ov, input.disabled[type=tel].ov, input.disabled[type=time].ov, .card h2.disabled.ov, h3.disabled, h2.disabled.ov-small, .ql-container .disabled.ql-editor:before,
.ql-container .ql-editor p.disabled, .ov:disabled, .ov-form-field .field-element select:disabled, .ov-form-field .field-element input[type]:disabled:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea:disabled,
input[type=text].ov:disabled, input[type=date].ov:disabled, input[type=number].ov:disabled, .ql-container input[type=number].ql-editor:disabled:before,
input[type=password].ov:disabled, input[type=tel].ov:disabled, input[type=time].ov:disabled, .card h2.ov:disabled, h3:disabled, h2.ov-small:disabled, .ql-container .ql-editor:disabled:before,
.ql-container .ql-editor p:disabled, .ov-sub.disabled, .ov-sub:disabled, .ov-big.disabled, .ov-big:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.ov.italic, .ov-form-field .field-element select.italic, .ov-form-field .field-element input.italic[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.italic,
input.italic[type=text].ov, input.italic[type=date].ov, input.italic[type=number].ov, .ql-container input.italic[type=number].ql-editor:before,
input.italic[type=password].ov, input.italic[type=tel].ov, input.italic[type=time].ov, .card h2.italic.ov, h3.italic, h2.italic.ov-small, .ql-container .italic.ql-editor:before,
.ql-container .ql-editor p.italic, .ov-sub.italic, .ov-big.italic {
  font-style: italic;
  line-height: 23px;
}
.ov.bold, .ov-form-field .field-element select.bold, .ov-form-field .field-element input.bold[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.bold,
input.bold[type=text].ov, input.bold[type=date].ov, input.bold[type=number].ov, .ql-container input.bold[type=number].ql-editor:before,
input.bold[type=password].ov, input.bold[type=tel].ov, input.bold[type=time].ov, .card h2.bold.ov, h3.bold, h2.bold.ov-small, .ql-container .bold.ql-editor:before,
.ql-container .ql-editor p.bold, .ov-sub.bold, .ov-big.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.ov.sub, .ov-form-field .field-element select.sub, .ov-form-field .field-element input.sub[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.sub,
input.sub[type=text].ov, input.sub[type=date].ov, input.sub[type=number].ov, .ql-container input.sub[type=number].ql-editor:before,
input.sub[type=password].ov, input.sub[type=tel].ov, input.sub[type=time].ov, .card h2.sub.ov, h3.sub, h2.sub.ov-small, .ql-container .sub.ql-editor:before,
.ql-container .ql-editor p.sub, .ov-sub.sub, .ov-big.sub {
  font-size: 0.75rem;
}
.ov.big, .ov-form-field .field-element select.big, .ov-form-field .field-element input.big[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.big,
input.big[type=text].ov, input.big[type=date].ov, input.big[type=number].ov, .ql-container input.big[type=number].ql-editor:before,
input.big[type=password].ov, input.big[type=tel].ov, input.big[type=time].ov, .card h2.big.ov, h3.big, h2.big.ov-small, .ql-container .big.ql-editor:before,
.ql-container .ql-editor p.big, .ov-sub.big, .ov-big.big {
  font-size: 1rem;
}
.ov.align-center, .ov-form-field .field-element select.align-center, .ov-form-field .field-element input.align-center[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.align-center,
input.align-center[type=text].ov, input.align-center[type=date].ov, input.align-center[type=number].ov, .ql-container input.align-center[type=number].ql-editor:before,
input.align-center[type=password].ov, input.align-center[type=tel].ov, input.align-center[type=time].ov, .card h2.align-center.ov, h3.align-center, h2.align-center.ov-small, .ql-container .align-center.ql-editor:before,
.ql-container .ql-editor p.align-center, .ov-sub.align-center, .ov-big.align-center {
  text-align: center;
}
.ov.align-start, .ov-form-field .field-element select.align-start, .ov-form-field .field-element input.align-start[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.align-start,
input.align-start[type=text].ov, input.align-start[type=date].ov, input.align-start[type=number].ov, .ql-container input.align-start[type=number].ql-editor:before,
input.align-start[type=password].ov, input.align-start[type=tel].ov, input.align-start[type=time].ov, .card h2.align-start.ov, h3.align-start, h2.align-start.ov-small, .ql-container .align-start.ql-editor:before,
.ql-container .ql-editor p.align-start, .ov-sub.align-start, .ov-big.align-start {
  text-align: start;
}
.ov.align-end, .ov-form-field .field-element select.align-end, .ov-form-field .field-element input.align-end[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.align-end,
input.align-end[type=text].ov, input.align-end[type=date].ov, input.align-end[type=number].ov, .ql-container input.align-end[type=number].ql-editor:before,
input.align-end[type=password].ov, input.align-end[type=tel].ov, input.align-end[type=time].ov, .card h2.align-end.ov, h3.align-end, h2.align-end.ov-small, .ql-container .align-end.ql-editor:before,
.ql-container .ql-editor p.align-end, .ov-sub.align-end, .ov-big.align-end {
  text-align: end;
}
.ov.align-justify, .ov-form-field .field-element select.align-justify, .ov-form-field .field-element input.align-justify[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea.align-justify,
input.align-justify[type=text].ov, input.align-justify[type=date].ov, input.align-justify[type=number].ov, .ql-container input.align-justify[type=number].ql-editor:before,
input.align-justify[type=password].ov, input.align-justify[type=tel].ov, input.align-justify[type=time].ov, .card h2.align-justify.ov, h3.align-justify, h2.align-justify.ov-small, .ql-container .align-justify.ql-editor:before,
.ql-container .ql-editor p.align-justify, .ov-sub.align-justify, .ov-big.align-justify {
  text-align: justify;
}

.ov-font, .ac-tramite .tramite-font-regular, .ac-tramite form.ov-form .ov-form-field .field-error, .ac-tramite form.ov-form .ov-form-field .field-help, .ac-tramite form.ov-form .ov-form-field label, .ac-tramite form.ov-form .ov-form-field .label-text, .ac-tramite .tramite-wrapper .tramite-subtitle-description, .ac-tramite .tramite-wrapper .footer-help, .ac-tramite .tramite-wrapper, .drop_zone p, .drop_zone span.ov-inline-paragraph {
  font-family: "PT Sans", sans-serif !important;
}

.ov-font-bold, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label .label-text, .ac-tramite .tramite-font-bold, .ac-tramite .tramite-wrapper .btn-tramite, .ac-tramite .tramite-wrapper .tramite-subtitle-description strong, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-1, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-2 {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}

.ov-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}
.ov-bold.upper {
  text-transform: uppercase;
}
.ov-bold.lower {
  text-transform: lowercase;
}
.ov-bold.capitalize {
  text-transform: capitalize;
}
.ov-bold.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.ov-bold.disabled, .ov-bold:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.ov-bold.italic {
  font-style: italic;
  line-height: 23px;
}
.ov-bold.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.ov-bold.sub {
  font-size: 0.75rem;
}
.ov-bold.big {
  font-size: 1rem;
}
.ov-bold.align-center {
  text-align: center;
}
.ov-bold.align-start {
  text-align: start;
}
.ov-bold.align-end {
  text-align: end;
}
.ov-bold.align-justify {
  text-align: justify;
}

.ov-title {
  font-family: "PT Sans", sans-serif !important;
  letter-spacing: 1px;
  color: #002d63;
}

.ov-title-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #002d63;
}

.ov-link {
  font-family: "PT Sans", sans-serif !important;
  letter-spacing: 0.57px;
  text-decoration: underline;
  color: #002d63;
}

.ov-link.ov-link-download {
  float: right;
  text-decoration: none;
}

.ov-link.ov-link-download img {
  margin-bottom: 3px;
}

.ov-link-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.57px;
  text-decoration: underline;
  color: #002d63;
}

.ov-center {
  display: flex;
  justify-content: center;
}

p.ov, .ql-container p.ql-editor:before,
.ql-container .ql-editor p, span.ov, .ql-container span.ql-editor:before, .ov-text, li.ov, .ql-container li.ql-editor:before {
  font-family: "PT Sans", sans-serif !important;
  font-weight: 400;
  color: #3e3e3e;
}
p.ov.mb-0, .ql-container p.mb-0.ql-editor:before,
.ql-container .ql-editor p.mb-0, span.ov.mb-0, .ql-container span.mb-0.ql-editor:before, .ov-text.mb-0, li.ov.mb-0, .ql-container li.mb-0.ql-editor:before {
  margin-bottom: 0;
}
p.ov.block, .ql-container p.block.ql-editor:before,
.ql-container .ql-editor p.block, span.ov.block, .ql-container span.block.ql-editor:before, .ov-text.block, li.ov.block, .ql-container li.block.ql-editor:before {
  display: block;
}

label.ov, .ql-container label.ql-editor:before {
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #032E62;
}

a.ov, .ql-container a.ql-editor:before {
  font-family: "PT Sans", sans-serif !important;
  font-weight: 400;
  color: #3e3e3e;
  color: #002d63;
  text-decoration: underline;
}

.text-color {
  color: #3e3e3e;
}

.ov-blue {
  color: #002d63 !important;
}

.ov-grey {
  color: #C8C8C8 !important;
}

.ov-blue-hidro {
  color: #013871 !important;
}

.red-ov {
  color: #D0021B !important;
}

.green-ov {
  color: #55780F !important;
}

.yellow-ov {
  color: #B85D08 !important;
}

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

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

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

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

.radio-hourly:before {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ACD53E' viewBox='0 0 512 512'%3E%3Cpath d='M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z'/%3E%3C/svg%3E");
}

.radio-daily:before {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ACD53E' viewBox='0 0 448 512'%3E%3Cpath d='M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z'/%3E%3C/svg%3E");
}

.radio-monthly:before {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ACD53E' viewBox='0 0 448 512'%3E%3Cpath d='M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zm64 80v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H80c-8.8 0-16 7.2-16 16zm128 0v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H208c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H336zM64 400v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H80c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H208zm112 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H336c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E");
}

.ico-info:before {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: right top;
  background-image: url("/o/cxov-theme/images/commons/info.svg");
}

.icon-error-block {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: center center;
  background-image: url("/o/cxov-theme/images/commons/block.svg");
}

.icon-trash {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: center center;
  background-image: url(/o/classic-theme/images/tramites/common/documents_trash.svg);
}

.font-awesome-base:before {
  font-family: "fontawesome-alloy", serif;
  display: flex;
  justify-content: center;
  align-items: center;
}
.font-awesome-base:not(.non-interactive):before {
  color: #002d63;
}
.font-awesome-base.non-interactive:before {
  color: #003475;
  opacity: 53%;
}

.ico-document-group-blue {
  mask: url(/o/cxov-theme/images/tramites/common/documents_group.svg) no-repeat;
  mask-size: 26px;
  background-color: #002d63;
}

.ico-angle-down-blue:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  background-repeat: no-repeat;
  content: "";
  width: 31px;
  height: 24px;
  background-size: contain;
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-blue.png");
}

.ico-shape {
  vertical-align: middle;
  background-position: center center;
  display: block;
  width: 14px;
  height: 13px;
  background-image: url(/o/classic-theme/images/commons/Shape.png);
  background-repeat: no-repeat;
}

.icon-handshake:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  content: "";
  width: 31px;
  height: 24px;
  transform: scale(0.9);
  background: url("/o/classic-theme/images/tramites/authorized/handshake.svg") no-repeat;
}

.icon-ov-user:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  content: "";
  width: 31px;
  height: 24px;
  transform: scale(0.9);
  background: url("/o/classic-theme/images/tramites/authorized/user.svg") no-repeat !important;
}

.icon-ov-user-circle:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url("/o/classic-theme/images/tramites/authorized/user-circle.svg") no-repeat;
}

.icon-ov-user-circle-blue:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  content: "";
  width: 31px;
  height: 24px;
  background: url("/o/classic-theme/images/tramites/authorized/user-circle-blue.svg") no-repeat;
}

.icon-ov-user-circle-green:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  content: "";
  width: 31px;
  height: 24px;
  background: url("/o/classic-theme/images/tramites/authorized/user-circle-green.svg") no-repeat;
}

.icon-ov-user-circle-blue-small:before {
  vertical-align: middle;
  background-position: center center;
  display: block;
  content: "";
  width: 28px;
  height: 26px;
  background: url("/o/classic-theme/images/tramites/authorized/user-circle-blue-small.svg") no-repeat;
}

.icon-send-attachment {
  vertical-align: middle;
  background-position: center center;
  min-width: 24px;
  min-height: 24px;
  background: url("/o/classic-theme/images/commons/icon_send_attachment.svg") center no-repeat !important;
}

.icon-send-attachment_disabled {
  vertical-align: middle;
  background-position: center center;
  min-width: 24px;
  min-height: 24px;
  background: url("/o/classic-theme/images/commons/icon_send_attachment_disabled.svg") center no-repeat !important;
}

.icon-empty-messenger {
  vertical-align: middle;
  background-position: center center;
  min-width: 24px;
  min-height: 24px;
  background: url("/o/classic-theme/images/commons/empty-messenger.svg") center no-repeat !important;
}

.icon-paper-clip-new-disabled {
  vertical-align: middle;
  background-position: center center;
  -webkit-mask-image: url("/o/classic-theme/images/commons/icon_attachment.svg");
  mask-image: url("/o/classic-theme/images/commons/icon_attachment.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #C8C8C8;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
}

.icon-paper-clip-new {
  vertical-align: middle;
  background-position: center center;
  min-width: 32px;
  min-height: 32px;
  background: url("/o/classic-theme/images/commons/icon_attachment.svg") center no-repeat !important;
}

.icon-paper-clip-inclined {
  vertical-align: middle;
  background-position: center center;
  background: url("/o/classic-theme/images/commons/icon_attachment_inclined.svg") center no-repeat !important;
  background-size: 24px !important;
}

.icon-paper-clip-inclined-disabled {
  vertical-align: middle;
  background-position: center center;
  background: url("/o/classic-theme/images/commons/icon_attachment_inclined_disabled.svg") center no-repeat !important;
  background-size: 24px !important;
}

.icon-empty-state-invoice {
  vertical-align: middle;
  background-position: center center;
  background: url("/o/classic-theme/images/commons/empty_state_invoice.svg") center no-repeat !important;
  display: block;
  margin: 0 auto;
  width: 250px;
  height: 250px;
}

/*Esta fuente se usa para los iconos del menu de navegacion de la parte publica*/
[class^=icon-agbar],
[class*=" icon-agbar"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "agbarIcons", serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle-user {
  background-image: url("/o/classic-theme/images/components/register/ic-circle-person.svg") !important;
}

.icon-work {
  background-image: url("/o/classic-theme/images/components/register/ic-work.svg") !important;
}

.icon-office {
  background-image: url("/o/classic-theme/images/components/register/ic-office.svg") !important;
}

.icon-upload-register {
  mask: url("/o/classic-theme/images/components/register/upload-icon.svg") center no-repeat !important;
  background: #9B9B9B;
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
}
@media screen and (max-width: 500px) {
  .icon-upload-register {
    background-color: rgba(20, 159, 202, 0.3411764706);
    mask: url("/o/classic-theme/images/components/register/upload-icon-camera.svg") center no-repeat !important;
  }
}

.icon-attachment {
  background-image: url("/o/classic-theme/images/components/register/ic-office.svg") !important;
}

.icon-2FA:before {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-position: right top;
  background-image: url("/o/classic-theme/images/commons/2FA.svg");
}

.icon-download-invoice-white:not(:disabled):hover::before {
  background-color: #002d63;
}
.icon-download-invoice-white::before {
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: center center;
  mask-image: url(/o/classic-theme/images/tramites/payment_documents/download_invoice.svg);
  background-color: #FFFFFF;
  margin-right: 5px;
}

/* Agbar Icons */
.icon-agbar-descargar-factura:before {
  content: "\e91f";
}

.icon-agbar-documento-de-pago:before {
  content: "\e920";
}

.icon-agbar-duplicado-factura:before {
  content: "\e921";
}

.icon-agbar-notificaciones-digitales:before {
  content: "\e922";
}

.icon-agbar-personas-autorizadas:before {
  content: "\e923";
}

.icon-agbar-adjuntar-doc:before {
  content: "\e91e";
}

.icon-agbar-12gotas:before {
  content: "\e900";
}

.icon-agbar-actualizar-datos-personales:before {
  content: "\e901";
}

.icon-agbar-actualizar-domicilio:before {
  content: "\e902";
}

.icon-agbar-admin-fincas:before {
  content: "\e903";
}

.icon-agbar-alta-suministro:before {
  content: "\e904";
}

.icon-agbar-area-cliente:before {
  content: "\e905";
}

.icon-agbar-averia:before {
  content: "\e906";
}

.icon-agbar-baja-suministro:before {
  content: "\e907";
}

.icon-agbar-cambio-titular:before {
  content: "\e908";
}

.icon-agbar-cita-previa:before {
  content: "\e909";
}

.icon-agbar-consulta:before {
  content: "\e90a";
}

.icon-agbar-consumos:before {
  content: "\e90b";
}

.icon-agbar-contactanos:before {
  content: "\e90c";
}

.icon-agbar-contratos:before {
  content: "\e90d";
}

.icon-agbar-derechos-arco:before {
  content: "\e90e";
}

.icon-agbar-empresas:before {
  content: "\e90f";
}

.icon-agbar-enviar-doc:before {
  content: "\e910";
}

.icon-agbar-factura-online:before {
  content: "\e911";
}

.icon-agbar-facturas-y-pagos:before {
  content: "\e912";
}

.icon-agbar-forgot-password:before {
  content: "\e913";
}

.icon-agbar-gestiones-online:before {
  content: "\e914";
}

.icon-agbar-lectura:before {
  content: "\e915";
}

.icon-agbar-modificacion-banco:before {
  content: "\e916";
}

.icon-agbar-modificar-datos:before {
  content: "\e917";
}

.icon-agbar-pago-online:before {
  content: "\e918";
}

.icon-agbar-posible-fraude:before {
  content: "\e919";
}

.icon-agbar-queja:before {
  content: "\e91a";
}

.icon-agbar-reclamacion:before {
  content: "\e91b";
}

.icon-agbar-registro-particular:before {
  content: "\e91c";
}

.icon-agbar-solicitud-acometida:before {
  content: "\e91d";
}

.icon-agbar-twitter-x:before {
  content: "\e61b";
}

.icon-agbar-chevron-down:before {
  content: "\f078";
}

.icon-agbar-calendar-filled:before {
  content: "\f073";
}

.icon-agbar-calendar-empty:before {
  content: "\f133";
}

.icon-agbar-incidencia-ac:before {
  content: "\e924";
}

.w-15 {
  width: 15% !important;
}

.h-15 {
  height: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.h-20 {
  height: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.h-25 {
  height: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.h-30 {
  height: 30% !important;
}

.w-33 {
  width: 33% !important;
}

.h-33 {
  height: 33% !important;
}

.w-40 {
  width: 40% !important;
}

.h-40 {
  height: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.h-50 {
  height: 50% !important;
}

.w-80 {
  width: 80% !important;
}

.h-80 {
  height: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.h-90 {
  height: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.g-0 {
  gap: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.g-5 {
  gap: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.g-10 {
  gap: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.g-15 {
  gap: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.g-20 {
  gap: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.g-25 {
  gap: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.g-30 {
  gap: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.g-40 {
  gap: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.g-50 {
  gap: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.g-60 {
  gap: 60px !important;
}

.pt-unset {
  padding-top: unset !important;
}

.pr-unset {
  padding-right: unset !important;
}

.pl-unset {
  padding-left: unset !important;
}

.pb-unset {
  padding-bottom: unset !important;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

.mw-pct-50 {
  max-width: 50% !important;
}

.mw-px-600 {
  max-width: 600px !important;
}

@keyframes transitionHide {
  0% {
    position: initial;
    height: initial;
    opacity: 1;
  }
  99% {
    position: initial;
    height: initial;
  }
  100% {
    position: absolute;
    opacity: 0;
    height: 0;
  }
}
.transition-hide {
  animation: transitionHide 0.5s ease-out;
  position: absolute;
  opacity: 0;
  height: 0;
}

.transition-hide-start {
  transition: all 3s linear;
  display: block;
}

.transition-hide-end {
  display: none;
  opacity: 0;
}

.ov-modal-dialog {
  max-width: 600px !important;
}

.ov-modal.show {
  display: flex !important;
  align-items: center;
}
.ov-modal.show .ov-modal-content {
  margin: 0 auto;
  padding: 26px 30px;
}

.diligentia {
  /* button-based tabs with accesibility support */
  /* Menú-based tabs */
}
.diligentia .a10y-tabpanel .tab-header {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #dbdbdb;
  position: relative;
  box-sizing: content-box;
}
.diligentia .a10y-tabpanel .tab-header button.tab-item {
  display: block;
  position: relative;
  float: left;
  width: 275px;
  height: 56px;
  line-height: 30px;
  margin: 2px 7.6px 2px 2px;
  padding: 15px 10px 8px 0;
  box-sizing: border-box;
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  color: #000;
  cursor: pointer;
}
.diligentia .a10y-tabpanel .tab-header button.tab-item[aria-selected=true] {
  color: #000;
  background-color: #fff;
  font-weight: 600;
}
.diligentia .a10y-tabpanel .tab-header button.tab-item[aria-selected=true] .underline {
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #012d62;
  bottom: -5px;
  left: 0;
  right: 0;
  display: block;
}
.diligentia .a10y-tabpanel .tab-header button.tab-item:hover {
  text-decoration: underline;
}
.diligentia .a10y-tabpanel .tab-header button.tab-item.sin-contrato {
  width: 375px;
}
.diligentia .a10y-tabpanel .tab-header button.tab-item .underline {
  display: none;
}
.diligentia .a10y-tabpanel .tab-content {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  border-top: 10px solid #fff;
  padding-top: 18px;
}
.diligentia .a10y-tabpanel .tab-content .tab-panel {
  clear: both;
  display: block;
  width: 100%;
}
.diligentia .a10y-tabpanel .tab-content .tab-panel[hidden] {
  display: none;
}
.diligentia .a10y-tabpanel .tab-content .tab-panel[aria-selected=true] {
  display: block;
}
.diligentia .a10y-tabpanel .tab-content .tab-panel[aria-selected=false] {
  display: none;
}
.diligentia .menu-tabpanel .pestanas {
  /*.agrupador-pestanas*/
}
.diligentia .menu-tabpanel .pestanas .agrupador-inferior-pestanas {
  width: 100%;
  height: 10px;
  background-color: #fff;
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas {
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  font-size: 1.6667rem;
  line-height: normal;
  height: 50px;
  /*ul*/
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  margin: 0;
  padding: 0;
  background-color: #fff;
  height: 54px;
  list-style-image: none;
  /*li*/
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li {
  float: left;
  margin: 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
  /*.ocultar*/
}
@media screen and (max-width: 768px) {
  .diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li a {
  width: 100%;
  display: block;
  font-size: 1.17rem;
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  color: #000;
  cursor: pointer;
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li a.active {
  color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 3px solid #012d62;
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li a:hover {
  text-decoration: underline;
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li.active a {
  color: #000;
  background-color: #fff;
  font-weight: 600;
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li.active a {
  color: #000;
  background-color: #fff;
}
.diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li.active a:hover {
  text-decoration: underline;
}
.diligentia .menu-tabpanel .pestanas .agrupador-inferior-pestanas {
  height: 1px;
  background-color: #dbdbdb;
  margin-top: 2px;
}
.diligentia .menu-tabpanel .tab-content {
  float: none;
  margin: auto;
}

.ovtemplate .portlet-layout {
  display: flex;
  flex-flow: column;
}

.ov-container {
  margin: 0 auto;
}
@media screen and (min-width: 1350px) {
  .ov-container {
    width: 1285px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1350px) {
  .ov-container {
    width: 1170px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .ov-container {
    width: 970px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .ov-container {
    width: 750px;
  }
}

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

.spinner-react-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: auto;
}

.spinner-min {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 30px 0px 0px 0px;
}

.spinner-min2 {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 20px 0px 0px 0px;
}

.noppading {
  padding: 0px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.notification,
.notification-icon {
  background: #eceef2;
  border-left: 4px solid #002d63;
  width: 100%;
}
.notification.wrong,
.notification-icon.wrong {
  background: #fcedee;
  border-left: 4px solid #d0021b;
}
.notification.warn,
.notification-icon.warn {
  background: #F8E5CB;
  border-left: 4px solid #F49719;
  padding: 20px 50px !important;
  margin: 30px auto !important;
}
.notification.warn .form-errors-heading,
.notification-icon.warn .form-errors-heading {
  color: #3D3D3D;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-size: 1.0833rem;
  margin-left: -24px;
}
.notification.warn .form-errors-heading:before,
.notification-icon.warn .form-errors-heading:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23F49719'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
  width: 18px;
  height: 18px;
  display: inline-flex;
  position: relative;
  left: -10px;
  transform: scale(1.2);
}
.notification.warn .form-errors-desc,
.notification-icon.warn .form-errors-desc {
  color: #3D3D3D;
  font-family: "PT Sans", sans-serif;
  font-size: 0.92rem;
  margin: 10px 0 0 0;
}
.notification.ok,
.notification-icon.ok {
  background: #e8f1ec;
  border-left: 4px solid #438a5e;
}
.notification.with-button,
.notification-icon.with-button {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.notification.with-button.right-button .notification-content,
.notification-icon.with-button.right-button .notification-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.notification.with-button.right-button .notification-button,
.notification-icon.with-button.right-button .notification-button {
  flex-grow: 0;
  width: auto;
}
.notification .title.left,
.notification-icon .title.left {
  text-align: left;
}
.notification ul,
.notification-icon ul {
  list-style-image: none;
}

.status-red {
  font-family: "PTSans-Regular", sans-serif;
  font-style: normal;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
  padding: 3px 12px;
  width: fit-content;
  align-self: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: #DD3F0E;
}
.status-red.upper {
  text-transform: uppercase;
}
.status-red.lower {
  text-transform: lowercase;
}
.status-red.capitalize {
  text-transform: capitalize;
}
.status-red.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.status-red.disabled, .status-red:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.status-red.italic {
  font-style: italic;
  line-height: 23px;
}
.status-red.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.status-red.sub {
  font-size: 0.75rem;
}
.status-red.big {
  font-size: 1rem;
}
.status-red.align-center {
  text-align: center;
}
.status-red.align-start {
  text-align: start;
}
.status-red.align-end {
  text-align: end;
}
.status-red.align-justify {
  text-align: justify;
}

.status-green {
  font-family: "PTSans-Regular", sans-serif;
  font-style: normal;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
  padding: 3px 12px;
  width: fit-content;
  align-self: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: #6D8F00;
}
.status-green.upper {
  text-transform: uppercase;
}
.status-green.lower {
  text-transform: lowercase;
}
.status-green.capitalize {
  text-transform: capitalize;
}
.status-green.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.status-green.disabled, .status-green:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.status-green.italic {
  font-style: italic;
  line-height: 23px;
}
.status-green.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.status-green.sub {
  font-size: 0.75rem;
}
.status-green.big {
  font-size: 1rem;
}
.status-green.align-center {
  text-align: center;
}
.status-green.align-start {
  text-align: start;
}
.status-green.align-end {
  text-align: end;
}
.status-green.align-justify {
  text-align: justify;
}

.status-yellow {
  font-family: "PTSans-Regular", sans-serif;
  font-style: normal;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
  padding: 3px 12px;
  width: fit-content;
  align-self: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: #F49719;
}
.status-yellow.upper {
  text-transform: uppercase;
}
.status-yellow.lower {
  text-transform: lowercase;
}
.status-yellow.capitalize {
  text-transform: capitalize;
}
.status-yellow.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.status-yellow.disabled, .status-yellow:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.status-yellow.italic {
  font-style: italic;
  line-height: 23px;
}
.status-yellow.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.status-yellow.sub {
  font-size: 0.75rem;
}
.status-yellow.big {
  font-size: 1rem;
}
.status-yellow.align-center {
  text-align: center;
}
.status-yellow.align-start {
  text-align: start;
}
.status-yellow.align-end {
  text-align: end;
}
.status-yellow.align-justify {
  text-align: justify;
}

.status-grease {
  font-family: "PTSans-Regular", sans-serif;
  font-style: normal;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
  padding: 3px 12px;
  width: fit-content;
  align-self: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background-color: #828282;
}
.status-grease.upper {
  text-transform: uppercase;
}
.status-grease.lower {
  text-transform: lowercase;
}
.status-grease.capitalize {
  text-transform: capitalize;
}
.status-grease.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.status-grease.disabled, .status-grease:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.status-grease.italic {
  font-style: italic;
  line-height: 23px;
}
.status-grease.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.status-grease.sub {
  font-size: 0.75rem;
}
.status-grease.big {
  font-size: 1rem;
}
.status-grease.align-center {
  text-align: center;
}
.status-grease.align-start {
  text-align: start;
}
.status-grease.align-end {
  text-align: end;
}
.status-grease.align-justify {
  text-align: justify;
}

.status-blue {
  font-family: "PTSans-Regular", sans-serif;
  font-style: normal;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
  padding: 3px 12px;
  width: fit-content;
  align-self: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background-color: #415D9A;
}
.status-blue.upper {
  text-transform: uppercase;
}
.status-blue.lower {
  text-transform: lowercase;
}
.status-blue.capitalize {
  text-transform: capitalize;
}
.status-blue.link {
  color: #002d63;
  text-decoration: underline;
  background: transparent;
  border: none;
  text-align: left;
}
.status-blue.disabled, .status-blue:disabled {
  color: #9fb4ca !important;
  text-decoration: none;
}
.status-blue.italic {
  font-style: italic;
  line-height: 23px;
}
.status-blue.bold {
  font-weight: 700;
  color: #3e3e3e;
}
.status-blue.sub {
  font-size: 0.75rem;
}
.status-blue.big {
  font-size: 1rem;
}
.status-blue.align-center {
  text-align: center;
}
.status-blue.align-start {
  text-align: start;
}
.status-blue.align-end {
  text-align: end;
}
.status-blue.align-justify {
  text-align: justify;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.loaded {
  -webkit-animation: loaded 1s ease-in-out;
  animation: loaded 1s ease-in-out;
}

@keyframes loaded {
  0% {
    opacity: 0;
    max-height: 1px;
  }
  100% {
    opacity: 1;
    max-height: 100%;
  }
}
.grafica > span {
  width: 200px;
  height: 200px;
  background: url("/o/classic-theme/images/hidrogea/icon-grafica.png") no-repeat center;
  display: block;
  margin: auto;
}

.state-view {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  text-align: right;
  line-height: 16px;
  float: right;
}
.state-view .hidden-control,
.state-view .hidden-label,
.state-view .hidden-label-text {
  overflow: hidden;
  display: block;
  cursor: default;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
  opacity: 0.00001;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: transparent;
}
.state-view .text-label {
  font-size: 0.92rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  line-height: 16px;
  height: 16px;
  display: block;
  color: #707070;
  margin-right: 12px;
  text-align: right;
  white-space: nowrap;
}
.state-view .text-label span.enabled {
  display: none;
  color: #009c34;
}
.state-view .text-label span.disabled {
  display: none;
  color: #b6b6b6;
}
.state-view .text-label span.pending {
  display: none;
  color: #fe9800;
}
.state-view .text-label span.error {
  display: none;
  color: #dc0000;
}
.state-view .pill {
  width: 32px;
  height: 16px;
  line-height: 12px;
  border-radius: 100px;
  background-color: #bebebe;
  text-align: left;
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.state-view .pill.pill-disabled {
  opacity: 0.6;
}
.state-view .pill .handle {
  width: 10px;
  height: 10px;
  font-size: 0.625rem;
  line-height: 10px;
  background-color: #ffffff;
  margin: 3px;
  display: inline-block;
  border-radius: 50%;
  font-family: "PTSans-Bold", sans-serif;
  font-weight: 600;
  text-align: center;
  color: transparent;
}
.state-view .pill .handle .pill-icon {
  display: none;
  background-color: transparent;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  vertical-align: text-top;
}
.state-view .pill .handle .pill-icon.enabled {
  color: #009c34;
}
.state-view .pill .handle .pill-icon.pending {
  color: #fe9800;
}
.state-view .pill .handle .pill-icon.disabled, .state-view .pill .handle .pill-icon.error {
  color: #dc0000;
}
.state-view.state-is-enabled .pill, .state-view.state-is-enable_unsaved .pill {
  display: block;
  text-align: right;
  background-color: #009c34;
}
.state-view.state-is-enabled .pill .handle, .state-view.state-is-enable_unsaved .pill .handle {
  color: #009c34;
}
.state-view.state-is-enabled .pill .handle .pill-icon.enabled, .state-view.state-is-enable_unsaved .pill .handle .pill-icon.enabled {
  display: inline-block;
}
.state-view.state-is-enabled .pill-text, .state-view.state-is-enable_unsaved .pill-text {
  color: #009c34;
}
.state-view.state-is-enabled .text-label span.enabled, .state-view.state-is-enable_unsaved .text-label span.enabled {
  display: inline;
}
.state-view.state-is-enable_pending .pill, .state-view.state-is-disable_pending .pill, .state-view.state-is-pending .pill {
  background-color: #fe9800;
}
.state-view.state-is-enable_pending .pill .handle, .state-view.state-is-disable_pending .pill .handle, .state-view.state-is-pending .pill .handle {
  color: #fe9800;
}
.state-view.state-is-enable_pending .pill .handle .pill-icon.pending, .state-view.state-is-disable_pending .pill .handle .pill-icon.pending, .state-view.state-is-pending .pill .handle .pill-icon.pending {
  display: inline-block;
}
.state-view.state-is-enable_pending .pill-text, .state-view.state-is-disable_pending .pill-text, .state-view.state-is-pending .pill-text {
  color: #fe9800;
}
.state-view.state-is-enable_pending .text-label span.pending, .state-view.state-is-disable_pending .text-label span.pending, .state-view.state-is-pending .text-label span.pending {
  display: inline;
}
.state-view.state-is-enable_pending {
  text-align: right;
}
.state-view.state-is-enable_pending .pill {
  text-align: right;
}
.state-view.state-is-disable_pending, .state-view.state-is-pending {
  text-align: left;
}
.state-view.state-is-disabled .pill, .state-view.state-is-enable_error .pill, .state-view.state-is-disable_error .pill, .state-view.state-is-error .pill {
  display: block;
  background-color: #dc0000;
}
.state-view.state-is-disabled .pill .handle, .state-view.state-is-enable_error .pill .handle, .state-view.state-is-disable_error .pill .handle, .state-view.state-is-error .pill .handle {
  color: #dc0000;
}
.state-view.state-is-disabled .pill .handle .pill-icon.pending, .state-view.state-is-enable_error .pill .handle .pill-icon.pending, .state-view.state-is-disable_error .pill .handle .pill-icon.pending, .state-view.state-is-error .pill .handle .pill-icon.pending {
  display: inline-block;
}
.state-view.state-is-disabled .pill-text, .state-view.state-is-enable_error .pill-text, .state-view.state-is-disable_error .pill-text, .state-view.state-is-error .pill-text {
  display: block;
  color: #dc0000;
}
.state-view.state-is-disabled .text-label span.pending, .state-view.state-is-enable_error .text-label span.pending, .state-view.state-is-disable_error .text-label span.pending, .state-view.state-is-error .text-label span.pending {
  display: inline;
}
.state-view.state-is-disabled.state-is-enable_error, .state-view.state-is-enable_error.state-is-enable_error, .state-view.state-is-disable_error.state-is-enable_error, .state-view.state-is-error.state-is-enable_error {
  text-align: left;
}
.state-view.state-is-disabled.state-is-disable_error, .state-view.state-is-disabled.state-is-error, .state-view.state-is-enable_error.state-is-disable_error, .state-view.state-is-enable_error.state-is-error, .state-view.state-is-disable_error.state-is-disable_error, .state-view.state-is-disable_error.state-is-error, .state-view.state-is-error.state-is-disable_error, .state-view.state-is-error.state-is-error {
  text-align: right;
}
.state-view.state-is-error .pill, .state-view.state-is-pending .pill {
  cursor: default;
}
.state-view.state-is-error .pill .handle .pill-icon.error,
.state-view.state-is-error .pill .handle .pill-icon.pending, .state-view.state-is-pending .pill .handle .pill-icon.error,
.state-view.state-is-pending .pill .handle .pill-icon.pending {
  cursor: default;
}

.info-contrato-seleccionado {
  margin-bottom: 40px;
}
.info-contrato-seleccionado .wrapper-info-contrato {
  position: relative;
  background-color: rgba(220, 226, 233, 0.9);
}
.info-contrato-seleccionado .info-contrato {
  float: left;
  padding: 20px 65px;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1rem;
  background: url("/o/classic-theme/images/hidrogea/consulta-contratos-blue.png") no-repeat left center;
}
@media screen and (max-width: 768px) {
  .info-contrato-seleccionado .info-contrato {
    padding: 5px 5px 5px 65px;
  }
}
@media screen and (max-width: 900px) {
  .info-contrato-seleccionado .info-contrato {
    padding: 5px 5px 5px 65px;
  }
}
.info-contrato-seleccionado .info-contrato .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin-right: 20px;
  text-transform: uppercase;
}
.info-contrato-seleccionado .info-contrato a {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  text-decoration: underline;
  color: #013871;
}
.info-contrato-seleccionado .info-contrato p {
  line-height: normal;
  margin-bottom: 0;
}
.info-contrato-seleccionado .menu-info-contrato {
  text-indent: -9999em;
  width: 45px;
  height: 45px;
  border: 0;
  float: right;
  margin-top: 20px;
  background: url("/o/classic-theme/images/hidrogea/ico-menu-aviso.png") no-repeat center;
}

.seccion-superior,
.ov-header {
  background-color: #f8f8f8;
  margin-bottom: 40px;
  padding: 15px 20px 15px;
}
.seccion-superior .wrapper-info-contrato,
.ov-header .wrapper-info-contrato {
  position: relative;
  background-color: rgba(220, 226, 233, 0.9);
}
.seccion-superior .wrapper-info-contrato .ov-container,
.ov-header .wrapper-info-contrato .ov-container {
  display: inline-flex;
}
.seccion-superior .info-contrato .titulo,
.ov-header .info-contrato .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin-right: 20px;
  text-transform: uppercase;
}
.seccion-superior .info-contrato a,
.ov-header .info-contrato a {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  text-decoration: underline;
  color: #013871;
}
.seccion-superior .info-contrato p,
.ov-header .info-contrato p {
  line-height: normal;
  margin-bottom: 0;
}
.seccion-superior .menu-info-contrato,
.ov-header .menu-info-contrato {
  text-indent: -9999em;
  width: 45px;
  height: 45px;
  border: 0;
  float: right;
  margin-top: 20px;
  background: url("/o/classic-theme/images/hidrogea/ico-menu-aviso.png") no-repeat center;
}
.seccion-superior .seccion-mis-facturas,
.ov-header .seccion-mis-facturas {
  background: #F8F8F8;
  padding: 20px 0;
}
.seccion-superior .seccion-mis-facturas span,
.ov-header .seccion-mis-facturas span {
  color: #013871;
  text-transform: uppercase;
  font-size: 1.8333rem;
  display: block;
  font-family: "OpenSans-Light", sans-serif;
  float: left;
  line-height: 60px;
}
.seccion-superior .seccion-mis-facturas h1,
.ov-header .seccion-mis-facturas h1 {
  color: #013871;
  font-size: 1.8333rem;
  display: block;
  font-family: "OpenSans-Light", sans-serif;
  float: left;
  line-height: 60px;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  .seccion-superior .seccion-mis-facturas .entiende-factura,
  .ov-header .seccion-mis-facturas .entiende-factura {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .seccion-superior .seccion-mis-facturas .entiende-factura,
  .ov-header .seccion-mis-facturas .entiende-factura {
    padding: 0;
  }
}
.seccion-superior .seccion-mis-facturas .entiende-factura a,
.ov-header .seccion-mis-facturas .entiende-factura a {
  color: #013871;
  background-image: url("/o/classic-theme/images/hidrogea/entiende-factura.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  display: block;
  padding-left: 50px;
  float: right;
  line-height: 60px;
  font-family: "OpenSans-SemiBold", sans-serif;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .seccion-superior .seccion-mis-facturas .entiende-factura a,
  .ov-header .seccion-mis-facturas .entiende-factura a {
    float: left;
  }
}
@media screen and (max-width: 900px) {
  .seccion-superior .seccion-mis-facturas .entiende-factura a,
  .ov-header .seccion-mis-facturas .entiende-factura a {
    float: left;
  }
}

.banners {
  margin-top: 20px;
  margin-bottom: 20px;
}
.banners img {
  margin-bottom: 20px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .banners {
    margin-bottom: 60px;
  }
  .banners img {
    margin-bottom: 0;
  }
  .banners .banner {
    padding-left: 6px;
    padding-right: 6px;
  }
  .banners .banner:nth-of-type(2n) {
    padding-right: 0;
  }
  .banners .banner:nth-of-type(2n+1) {
    padding-left: 0;
  }
}

.necesitas-ayuda {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  color: #55780F;
  text-align: center;
}
.necesitas-ayuda h3 {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 45px;
}
.necesitas-ayuda .titulo {
  font-family: "OpenSans-Regular", sans-serif;
  display: block;
  color: #434343;
}
.necesitas-ayuda .sub-titulo {
  display: block;
  text-decoration: underline;
}
.necesitas-ayuda a {
  color: #013871;
}
.necesitas-ayuda a.telf, .necesitas-ayuda a.tuit {
  color: #97BA3C;
  text-decoration: none;
}
.necesitas-ayuda a.telf {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.5rem;
}
.necesitas-ayuda a.tuit {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.25rem;
}

.seccion-titulo {
  margin-top: 0;
}

.seccion-titulo.cabecera-factura {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.documento-pago .input-group-checkbox {
  margin-left: 1em;
}

.element-invisible {
  display: none;
}

.ui-autocomplete {
  z-index: 1000 !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.alerta {
  background-image: url("/o/classic-theme/images/hidrogea/ico-aviso-rojo.png");
  width: 2.8em;
  height: 2em;
  float: left;
  background-repeat: no-repeat;
  background-size: 2.5em 2em;
}

.phone {
  background-image: url("/o/classic-theme/images/hidrogea/phone.png");
  width: 2.8em;
  height: 2em;
  float: left;
  background-repeat: no-repeat;
  background-size: 2.5em 2em;
  margin-left: 8em;
}

.mail {
  background-image: url("/o/classic-theme/images/hidrogea/mail.png");
  width: 9em;
  height: 2em;
  float: right;
  background-repeat: no-repeat;
  background-size: 2.5em 2em;
  margin-left: 6em;
}

.w-50 {
  width: 50% !important;
}

.w-33 {
  width: 33% !important;
}

.w-25 {
  width: 25% !important;
}

.w-20 {
  width: 20% !important;
}

.w-fit {
  width: fit-content !important;
}

.justify-content-start {
  justify-content: start !important;
}

.dashboard-mobile-header {
  display: inline-flex;
  max-width: 85%;
}
.dashboard-mobile-header .welcome-message {
  color: #002d63;
  font-size: 1.6667rem;
  font-family: "PT Sans", sans-serif;
  padding: 25px 0 20px 30px;
}
.dashboard-mobile-header .welcome-message .welcome-message_user-name:after {
  content: "      ";
  background: url("/o/cxov-theme/images/commons/hand.svg") center no-repeat;
}
.dashboard-mobile-header .dashboard-menu {
  position: absolute;
  right: 0px;
}
.dashboard-mobile-header .dashboard-menu .dashboard-menu_container {
  position: relative;
  background: #fff;
  width: 70px;
  height: 70px;
  border-radius: 0 0 0 100%;
  border: 1px solid #D6D6D6;
  border-right: none;
  border-top: none;
}
.dashboard-mobile-header .dashboard-menu .dashboard-menu_container .dashboard-menu_button {
  position: relative;
  top: 10px;
  right: -30px;
}
.dashboard-mobile-header .dashboard-menu .dashboard-menu_container .dashboard-menu_button:before {
  content: "     ";
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eperson_black_24dp%3C/title%3E%3Cg id='Navegación-Mobile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='iPhone-11-Home' transform='translate(-377.000000, -13.000000)'%3E%3Cg id='person_black_24dp' transform='translate(377.000000, 13.000000)'%3E%3Cpolygon id='Path' points='0 0 24 0 24 24 0 24'%3E%3C/polygon%3E%3Cpath d='M12,12 C14.21,12 16,10.21 16,8 C16,5.79 14.21,4 12,4 C9.79,4 8,5.79 8,8 C8,10.21 9.79,12 12,12 Z M12,14 C9.33,14 4,15.34 4,18 L4,20 L20,20 L20,18 C20,15.34 14.67,14 12,14 Z' id='Shape' fill='%23002C67' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  transform: scale(1.3);
}

.input-group {
  display: flex;
  flex-direction: column;
}

.ov-card {
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(151, 151, 151, 0.3490196078);
}
.ov-card.blue-straight-border {
  border-radius: 0;
  border: 2px solid #203564;
}
.ov-card .card-element-separator {
  border-bottom: 1px solid #D9D9D9;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.field-help {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 12px;
  letter-spacing: 0.43px;
  width: 100%;
}

hr.ov-line {
  width: 100%;
  border-top: 1px solid #D9D9D9;
}

.footer-buttons {
  display: grid;
}
.footer-buttons > :first-child {
  grid-column: 1;
  justify-self: left;
}
.footer-buttons > :last-child {
  grid-column: 2;
  justify-self: right;
}

input.ov::placeholder, .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset])::placeholder,
input[type=text].ov::placeholder, input[type=date].ov::placeholder, input[type=number].ov::placeholder,
input[type=password].ov::placeholder, input[type=tel].ov::placeholder, input[type=time].ov::placeholder {
  color: #9A9A9A !important;
}

input.correct {
  border-bottom: 2px solid #438a5e !important;
  background: url("/o/classic-theme/images/commons/ok.svg") right no-repeat;
}

input.wrong {
  border-bottom: 2px solid #d0021b !important;
  background: url("/o/classic-theme/images/commons/wrong.svg") right no-repeat;
}

.radio-list-inline {
  display: inline-flex;
  gap: 10px;
}

.ov-hover-button {
  padding: 10px;
}
.ov-hover-button:hover {
  background-color: rgba(25, 118, 210, 0.04);
  border-radius: 20px;
}

input[type=checkbox].ov-checkbox {
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  accent-color: #1976D2;
}

.radio-item.radio-design-two input[type=radio]:not(:checked) + label.radio-label:first-of-type,
.radio-item.radio-design-two input[type=checkbox]:not(:checked) + label.radio-label:first-of-type {
  background: transparent;
  border: 1px solid #002d63;
  color: #002d63;
}
.radio-item.radio-design-two input[type=radio]:checked + label.radio-label:first-of-type,
.radio-item.radio-design-two input[type=checkbox]:checked + label.radio-label:first-of-type {
  background: #002d63;
  border: 1px solid #002d63;
  color: #FFFFFF;
}
.radio-item input[type=radio],
.radio-item input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.radio-item label.radio-label {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 78px;
  height: 44px;
  margin: 0;
  padding: 0 5px;
  color: #002C67;
  background-color: #FFFFFF;
  border: 2px solid #ABABAB;
  border-radius: 5px;
  opacity: 1;
}
.radio-item label.radio-label.radio-icon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}
.radio-item label.radio-label.radio-icon:before {
  left: 0;
  margin: 4px;
  position: absolute;
  top: 0;
  transition: all 0.28s ease 0s;
  z-index: 0;
  width: 20px;
  height: 20px;
}

.btn-search-selector {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  height: 35px;
  padding: 0 120px 0 55px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.btn-search-selector.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}

.ov-placeholder::placeholder {
  opacity: 0.5 !important;
  color: rgb(0, 0, 0) !important;
  font-family: "PT Sans", sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
}

.checkbox-column {
  grid-area: checkbox-column;
  width: 32px;
  height: 32px;
  background-color: transparent;
  position: relative;
  border-radius: 50%;
}
.checkbox-column:hover {
  background-color: rgba(65, 93, 154, 0.3);
}
.checkbox-column input {
  width: 16px;
  height: 16px;
  margin: 0;
  position: absolute;
  top: 8px;
  left: 8px;
}
.checkbox-column input:checked {
  accent-color: #415D9A;
}

.ov-table {
  font-family: "PT Sans", sans-serif !important;
}
.ov-table thead {
  background: rgba(1, 56, 113, 0.04);
}
.ov-table thead tr {
  border-bottom: #DDE4EB 1px solid !important;
  display: flex;
  align-items: center;
  padding: 15px !important;
}
.ov-table thead tr th {
  height: auto;
  padding: 0 !important;
}
.ov-table tbody {
  font-size: 0.92rem;
}
.ov-table tbody tr {
  display: flex;
  align-items: center;
  padding: 15px !important;
}
.ov-table tbody tr:nth-child(2n+1) {
  background-color: #F8F8F8;
}
.ov-table tbody td:not(.authorized-chip, .light-green-authorized-ov, .light-orange-authorized-ov) {
  padding: 0 !important;
  height: auto;
}

.j-content-right {
  justify-content: flex-end !important;
}

.j-content-left {
  justify-content: flex-start !important;
}

.j-content-center {
  justify-content: center !important;
}

.j-content-sb {
  justify-content: space-between !important;
}

.j-content-sa {
  justify-content: space-around !important;
}

.j-self-end {
  justify-self: flex-end !important;
}

.j-self-start {
  justify-self: flex-start !important;
}

.j-self-center {
  justify-self: center !important;
}

.j-self-sb {
  justify-self: space-between !important;
}

.j-self-sa {
  justify-self: space-around !important;
}

.v-align-top {
  vertical-align: top !important;
}

.v-align-bottom {
  vertical-align: bottom !important;
}

.v-align-center {
  vertical-align: middle !important;
}

.align-i-center {
  align-items: center !important;
}

.d-flex {
  display: flex !important;
}

.fd-column {
  flex-direction: column !important;
}

.fd-row {
  flex-direction: row !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

.d-block {
  display: block !important;
}

.a-items-start {
  align-items: start !important;
}

.a-items-end {
  align-items: end !important;
}

.a-items-center {
  align-items: center !important;
}

.a-self-start {
  align-self: start !important;
}

.a-self-end {
  align-self: end !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.rect-auto, .c100.p100 .slice, .c100.p99 .slice, .c100.p98 .slice, .c100.p97 .slice, .c100.p96 .slice, .c100.p95 .slice, .c100.p94 .slice, .c100.p93 .slice, .c100.p92 .slice, .c100.p91 .slice, .c100.p90 .slice, .c100.p89 .slice, .c100.p88 .slice, .c100.p87 .slice, .c100.p86 .slice, .c100.p85 .slice, .c100.p84 .slice, .c100.p83 .slice, .c100.p82 .slice, .c100.p81 .slice, .c100.p80 .slice, .c100.p79 .slice, .c100.p78 .slice, .c100.p77 .slice, .c100.p76 .slice, .c100.p75 .slice, .c100.p74 .slice, .c100.p73 .slice, .c100.p72 .slice, .c100.p71 .slice, .c100.p70 .slice, .c100.p69 .slice, .c100.p68 .slice, .c100.p67 .slice, .c100.p66 .slice, .c100.p65 .slice, .c100.p64 .slice, .c100.p63 .slice, .c100.p62 .slice, .c100.p61 .slice, .c100.p60 .slice, .c100.p59 .slice, .c100.p58 .slice, .c100.p57 .slice, .c100.p56 .slice, .c100.p55 .slice, .c100.p54 .slice, .c100.p53 .slice, .c100.p52 .slice, .c100.p51 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100.p100 .fill, .c100.p99 .fill, .c100.p98 .fill, .c100.p97 .fill, .c100.p96 .fill, .c100.p95 .fill, .c100.p94 .fill, .c100.p93 .fill, .c100.p92 .fill, .c100.p91 .fill, .c100.p90 .fill, .c100.p89 .fill, .c100.p88 .fill, .c100.p87 .fill, .c100.p86 .fill, .c100.p85 .fill, .c100.p84 .fill, .c100.p83 .fill, .c100.p82 .fill, .c100.p81 .fill, .c100.p80 .fill, .c100.p79 .fill, .c100.p78 .fill, .c100.p77 .fill, .c100.p76 .fill, .c100.p75 .fill, .c100.p74 .fill, .c100.p73 .fill, .c100.p72 .fill, .c100.p71 .fill, .c100.p70 .fill, .c100.p69 .fill, .c100.p68 .fill, .c100.p67 .fill, .c100.p66 .fill, .c100.p65 .fill, .c100.p64 .fill, .c100.p63 .fill, .c100.p62 .fill, .c100.p61 .fill, .c100.p60 .fill, .c100.p59 .fill, .c100.p58 .fill, .c100.p57 .fill, .c100.p56 .fill, .c100.p55 .fill, .c100.p54 .fill, .c100.p53 .fill, .c100.p52 .fill, .c100.p51 .fill, .c100 .bar {
  position: absolute;
  border: 0.1em solid #307bbb;
  width: 0.8em;
  height: 0.8em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}

.pie-fill, .c100.p100 .fill, .c100.p100 .bar:after, .c100.p99 .fill, .c100.p99 .bar:after, .c100.p98 .fill, .c100.p98 .bar:after, .c100.p97 .fill, .c100.p97 .bar:after, .c100.p96 .fill, .c100.p96 .bar:after, .c100.p95 .fill, .c100.p95 .bar:after, .c100.p94 .fill, .c100.p94 .bar:after, .c100.p93 .fill, .c100.p93 .bar:after, .c100.p92 .fill, .c100.p92 .bar:after, .c100.p91 .fill, .c100.p91 .bar:after, .c100.p90 .fill, .c100.p90 .bar:after, .c100.p89 .fill, .c100.p89 .bar:after, .c100.p88 .fill, .c100.p88 .bar:after, .c100.p87 .fill, .c100.p87 .bar:after, .c100.p86 .fill, .c100.p86 .bar:after, .c100.p85 .fill, .c100.p85 .bar:after, .c100.p84 .fill, .c100.p84 .bar:after, .c100.p83 .fill, .c100.p83 .bar:after, .c100.p82 .fill, .c100.p82 .bar:after, .c100.p81 .fill, .c100.p81 .bar:after, .c100.p80 .fill, .c100.p80 .bar:after, .c100.p79 .fill, .c100.p79 .bar:after, .c100.p78 .fill, .c100.p78 .bar:after, .c100.p77 .fill, .c100.p77 .bar:after, .c100.p76 .fill, .c100.p76 .bar:after, .c100.p75 .fill, .c100.p75 .bar:after, .c100.p74 .fill, .c100.p74 .bar:after, .c100.p73 .fill, .c100.p73 .bar:after, .c100.p72 .fill, .c100.p72 .bar:after, .c100.p71 .fill, .c100.p71 .bar:after, .c100.p70 .fill, .c100.p70 .bar:after, .c100.p69 .fill, .c100.p69 .bar:after, .c100.p68 .fill, .c100.p68 .bar:after, .c100.p67 .fill, .c100.p67 .bar:after, .c100.p66 .fill, .c100.p66 .bar:after, .c100.p65 .fill, .c100.p65 .bar:after, .c100.p64 .fill, .c100.p64 .bar:after, .c100.p63 .fill, .c100.p63 .bar:after, .c100.p62 .fill, .c100.p62 .bar:after, .c100.p61 .fill, .c100.p61 .bar:after, .c100.p60 .fill, .c100.p60 .bar:after, .c100.p59 .fill, .c100.p59 .bar:after, .c100.p58 .fill, .c100.p58 .bar:after, .c100.p57 .fill, .c100.p57 .bar:after, .c100.p56 .fill, .c100.p56 .bar:after, .c100.p55 .fill, .c100.p55 .bar:after, .c100.p54 .fill, .c100.p54 .bar:after, .c100.p53 .fill, .c100.p53 .bar:after, .c100.p52 .fill, .c100.p52 .bar:after, .c100.p51 .fill, .c100.p51 .bar:after {
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #DBDBDB;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 3.1667rem;
}
.c100.small .percentage-text {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 3.5em;
  line-height: 3.5em;
  font-size: 0.3em;
  font-family: "PT Sans", sans-serif;
  color: #002d63;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.c100:after {
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #FFFFFF;
  width: 0.8em;
  height: 0.8em;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  transform: rotate(18deg);
}
.c100.p6 .bar {
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  transform: rotate(36deg);
}
.c100.p11 .bar {
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  transform: rotate(54deg);
}
.c100.p16 .bar {
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  transform: rotate(72deg);
}
.c100.p21 .bar {
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  transform: rotate(90deg);
}
.c100.p26 .bar {
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  transform: rotate(108deg);
}
.c100.p31 .bar {
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  transform: rotate(126deg);
}
.c100.p36 .bar {
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  transform: rotate(144deg);
}
.c100.p41 .bar {
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  transform: rotate(162deg);
}
.c100.p46 .bar {
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  transform: rotate(180deg);
}
.c100.p51 .bar {
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  transform: rotate(198deg);
}
.c100.p56 .bar {
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  transform: rotate(216deg);
}
.c100.p61 .bar {
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  transform: rotate(234deg);
}
.c100.p66 .bar {
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  transform: rotate(252deg);
}
.c100.p71 .bar {
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  transform: rotate(270deg);
}
.c100.p76 .bar {
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  transform: rotate(288deg);
}
.c100.p81 .bar {
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  transform: rotate(306deg);
}
.c100.p86 .bar {
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  transform: rotate(324deg);
}
.c100.p91 .bar {
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  transform: rotate(342deg);
}
.c100.p96 .bar {
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  transform: rotate(360deg);
}
.c100.green .bar, .c100.green .fill {
  border-color: #56C339 !important;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}

.double-factor {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E5E5E5;
}
.double-factor .double-factor-complex-text {
  display: grid;
  grid-template-areas: "icon-2FA enable-df-text" ". enable-df-advise";
  column-gap: 5px;
}
.double-factor .double-factor-complex-text .icon-2FA {
  grid-area: icon-2FA;
}
.double-factor .double-factor-complex-text .enable-df-text {
  grid-area: enable-df-text;
}
.double-factor .double-factor-complex-text .enable-df-advise {
  grid-area: enable-df-advise;
}
.double-factor .double-factor-checker-container {
  gap: 5px;
}

.header-procedure {
  background-color: #fbfbfb;
  border-bottom: 1px solid #D6DAE3;
  padding: 1.5em 0;
  margin-bottom: 30px;
}

.ov-alert-react {
  color: #000000;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

.ov-alert-success {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 22px 15px;
  margin: 10px 0;
  width: 100%;
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background-color: #ECF0E0;
  border-left-color: #98C121;
}
.ov-alert-success .alert-text {
  display: flex;
  flex-direction: column;
}
.ov-alert-success:before {
  display: block;
  position: relative;
  content: "";
  mask: url(/o/cxov-theme/images/commons/check-circle-new.svg) no-repeat;
  background: #98C121;
  width: 28px;
  min-width: 28px;
  height: 20px;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
}

.ov-alert-info {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 22px 15px;
  margin: 10px 0;
  width: 100%;
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background-color: rgba(89, 120, 191, 0.1254901961);
  border-left-color: #415D9A;
}
.ov-alert-info .alert-text {
  display: flex;
  flex-direction: column;
}

.ov-alert-warning {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 22px 15px;
  margin: 10px 0;
  width: 100%;
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background: rgb(255, 244, 229);
  border-left-color: #F49719;
  position: relative;
}
.ov-alert-warning .alert-text {
  display: flex;
  flex-direction: column;
}
.ov-alert-warning:before {
  position: absolute;
  left: 3px;
  content: "";
  mask: url(/o/cxov-theme/images/commons/exclamation-circle.svg) no-repeat;
  background: #F49719;
  width: 22px;
  height: 22px;
}

.ov-alert-error {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 22px 15px;
  margin: 10px 0;
  width: 100%;
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background: #FCEDEE;
  border-left-color: #D0021B;
}
.ov-alert-error .alert-text {
  display: flex;
  flex-direction: column;
}
.ov-alert-error:before {
  display: block;
  position: relative;
  content: "";
  mask: url(/o/cxov-theme/images/commons/block.svg) no-repeat;
  background: #D0021B;
  width: 28px;
  min-width: 28px;
  height: 20px;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
  margin: 0;
  padding: 0;
}

@supports (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}

.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}

.ql-editor ol {
  padding-left: 1.5em;
}

.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}

.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}

.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "•";
}

.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "☑";
}

.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "☐";
}

@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}

.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}

.ql-editor table {
  table-layout: fixed;
  width: 100%;
}

.ql-editor table td {
  outline: none;
}

.ql-editor .ql-code-block-container {
  font-family: monospace;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

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

.ql-editor .ql-ui {
  position: absolute;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-code-block-container {
  position: relative;
}

.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*# sourceMappingURL=quill.snow.css.map*/
.ql-toolbar.ql-snow {
  background: white;
  border-radius: 5px 5px 0 0;
  border-color: rgba(151, 151, 151, 0.3490196078);
}

.ql-container {
  height: calc(100% - 42px);
}
.ql-container .ql-editor {
  display: flex;
  flex-direction: column;
  resize: vertical;
  min-height: 100px;
  max-height: 400px;
}
.ql-container .ql-editor.ql-blank:focus::before {
  content: "";
}

.ultimos-tramites {
  /*Comunes*/
}
.ultimos-tramites .dragdrop.wrong,
.ultimos-tramites .dragdrop-alert {
  display: block;
  opacity: 0;
  max-height: 0;
}
.ultimos-tramites .dragdrop.wrong.show,
.ultimos-tramites .dragdrop-alert.show {
  animation: changeOpacity 8s ease-in-out;
}
@keyframes changeOpacity {
  0% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
  }
  10% {
    opacity: 1;
    max-height: 200px;
    margin-bottom: 20px;
  }
  20% {
    opacity: 1;
    margin-bottom: 20px;
  }
  40% {
    opacity: 1;
    margin-bottom: 20px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
  }
}
.ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media all and (max-width: 650px) {
  .ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 5px;
  }
  .ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer .process-ultimas-gestiones__pagination {
    grid-column: 1;
  }
}
@media all and (min-width: 650px) {
  .ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer .process-ultimas-gestiones__pagination {
    grid-column: 4;
  }
}
.ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer .process-ultimas-gestiones__pagination {
  display: flex;
  grid-gap: 15px;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer .process-ultimas-gestiones__pagination select.pagination-page-selector {
  width: 70px;
}
.ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer .process-ultimas-gestiones__pagination .btn-pagination {
  background-color: transparent;
  border: none;
}
.ultimos-tramites .ov-container .process-ultimas-gestiones__table_footer .process-ultimas-gestiones__pagination .btn-pagination[disabled] {
  color: #cfcfcf;
}
.ultimos-tramites .ov-container .sin-gestiones {
  justify-content: center;
  padding: 20px 0px;
}
.ultimos-tramites .ov-container .gestion-imagen {
  justify-content: center;
  display: flex;
  padding: 20px 0px;
}
.ultimos-tramites .ov-container .gestion-mensaje {
  display: flex;
  justify-content: center;
}
.ultimos-tramites .ov-container ul.listado-ov {
  padding-inline-start: 0px;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion {
  border: 1px solid #D9D9D9;
  padding: 10px 15px 8px 20px;
  list-style: none;
  cursor: pointer;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-cabecera {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 10px;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-cabecera .gestion-descripcion-texto {
  max-width: 60%; /* Esto es para que no aprete al chip en responsive */
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-cabecera span.gestion-descripcion-texto {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-detalle {
  width: 100%;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-detalle .gestion-fecha {
  flex: 1;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.875rem;
  color: #B5C0CB;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-detalle .gestion-fecha span.gestion-fecha-texto {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.875rem;
  color: #B5C0CB;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .gestion-detalle i.icon-calendar {
  margin-right: 10px;
  display: inline-block;
  text-rendering: auto;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .message-icon-container {
  display: flex;
  margin: 5px auto;
  align-items: end;
  gap: 5px;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .message-icon-container .icon-message {
  background-image: url(/o/cxov-theme/images/commons/dialog.svg);
  background-repeat: no-repeat;
  background-size: 15px auto;
  height: 15px;
  width: 15px;
}
.ultimos-tramites .ov-container ul.listado-ov li.gestion .message-icon-container .icon-message-detail {
  color: #B5C0CB;
  height: 19px;
}
.ultimos-tramites .ov-container .link span.link-combined.link-combined-primary {
  display: flex;
  justify-content: right;
  padding-top: 10px;
}
.ultimos-tramites .ov-container .link span.link-combined.link-combined-primary a {
  color: #013871;
  font-size: 0.875rem;
  font-family: "PTSans-Regular", sans-serif;
  text-decoration: underline;
  font-weight: 700;
}
.ultimos-tramites .last-procedures-filters-container {
  margin-top: 47px;
}
.ultimos-tramites .last-procedures-filters-container .filter-fields-container .search-button {
  place-self: end;
}
.ultimos-tramites .detalle-tramite {
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  color: #002D63;
  font-weight: 700;
  max-width: 890px;
  margin: 0 auto;
}
.ultimos-tramites .detalle-tramite .detalle-tramite-header {
  font-size: 1.4167rem;
  margin-top: 2em;
  margin-bottom: 2em;
}
.ultimos-tramites .detalle-tramite .detalle-tramite-ficha {
  border: solid 1px;
  padding: 24px;
  border-color: #D9D9D9;
}
.ultimos-tramites .detalle-tramite .detalle-tramite-ficha .ficha-header {
  font-size: 1.4167rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.ultimos-tramites .detalle-tramite .detalle-tramite-ficha .ficha-header .user-name {
  display: flex;
  align-items: center;
}
.ultimos-tramites .detalle-tramite .detalle-tramite-ficha .ficha-header .user-name #estado {
  min-width: fit-content;
}
.ultimos-tramites .detalle-tramite .ov-title-bold {
  font-size: 1.17rem;
}
.ultimos-tramites .detalle-tramite .gestion-fecha {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #B5C0CB;
}
.ultimos-tramites .detalle-tramite .gestion-fecha span.gestion-fecha-texto {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #B5C0CB;
}
.ultimos-tramites .detalle-tramite i.icon-calendar {
  margin-right: 10px;
  display: inline-block;
  text-rendering: auto;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ultimos-tramites .detalle-tramite .detalle-tramite .detalle-tramite-ficha .ficha-header {
  font-size: 1.4167rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ultimos-tramites .detalle-tramite .user-name {
  font-size: 1.4167rem;
}
.ultimos-tramites .detalle-tramite .verificacion .row--step {
  margin-top: 24px;
  margin-bottom: 10px;
}
.ultimos-tramites .detalle-tramite .file-container .filled-document-container, .ultimos-tramites .tramite-new-detail .file-container .filled-document-container {
  background: #F8F8F8;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}
.ultimos-tramites .detalle-tramite .file-container .filled-document-container .filled-document-element, .ultimos-tramites .tramite-new-detail .file-container .filled-document-container .filled-document-element {
  max-width: 80%;
  flex-direction: column;
  gap: 10px;
}
.ultimos-tramites .detalle-tramite .file-container .filled-document-container .filled-document-element .attachment-link, .ultimos-tramites .tramite-new-detail .file-container .filled-document-container .filled-document-element .attachment-link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3e3e3e;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.57px;
}
.ultimos-tramites .detalle-tramite .file-container .filled-document-container .filled-document-element .attachment-link:first-letter, .ultimos-tramites .tramite-new-detail .file-container .filled-document-container .filled-document-element .attachment-link:first-letter {
  text-transform: capitalize;
}
.ultimos-tramites .detalle-tramite .file-container .filled-document-container .change-owner-check-ok, .ultimos-tramites .tramite-new-detail .file-container .filled-document-container .change-owner-check-ok {
  height: 30px;
  width: 30px;
}
.ultimos-tramites span.gestion-estado-texto {
  color: #FFF;
  font-family: "PT Sans", sans-serif;
  font-weight: bold; /* Esto es pork la PT Sans si kieres que use el Bold es como otra familia */
  font-size: 0.625rem; /* Lo se te dije 12 pero ahora al verlo...*/
  letter-spacing: 1px; /* Esto es para separar un poco las letras k al ser pequeño se leerá mejor */
  height: fit-content; /* Esto es para cuando salte a dos linias en responsive no crezca el height */
  text-transform: uppercase;
  border-radius: 5em;
  padding: 4px 8px;
  white-space: nowrap;
}
.ultimos-tramites span.gestion-estado-texto.nuevo {
  background-color: #6D8F00;
}
.ultimos-tramites span.gestion-estado-texto.encurso {
  background-color: #F49719;
}
.ultimos-tramites span.gestion-estado-texto.completado,
.ultimos-tramites span.gestion-estado-texto.cerrado {
  background-color: #DD3F0E;
}
.ultimos-tramites span.gestion-estado-texto.pendiente {
  background: #5978BF;
}
.ultimos-tramites .detalle-tramite span.gestion-estado-texto {
  margin-left: 1em;
}
@media (max-width: 768px) {
  .ultimos-tramites .detalle-tramite .gestion-fecha {
    margin-top: 1em;
  }
}
.ultimos-tramites .lista-gestiones {
  margin: 2em 0;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background {
  background-color: #F3F4F8;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-header {
  margin: 90px auto 10px;
  text-align: center;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-header h1 {
  margin-bottom: 23px;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .locator-notification {
  margin: 8px auto 0 !important;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form {
  padding: 27px 34px 43px 31px;
  margin-top: 30px;
  margin-bottom: 150px;
  width: 100%;
  grid-template-columns: 35% 35% 25%;
  gap: 26.34px;
  align-items: start;
  justify-content: center;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form label {
  margin-bottom: 15px;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form .document-id {
  position: relative;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form .procedure-id, .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form .document-id {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form .text-help.wrong {
  position: absolute;
  bottom: -20px;
  left: 0;
  margin: 0;
}
.ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-background .locator-finder-content .finder-form .locator-search-button {
  width: 100%;
  align-self: flex-end;
  height: 40px;
}
.ultimos-tramites .file-container .drop_zone-container.disabled {
  opacity: 0.5;
}
.ultimos-tramites .file-container .dragdrop-alert-success {
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background-color: #ECF0E0;
  border-left-color: #98C121;
  margin-bottom: 0px;
  overflow: hidden;
  width: auto !important;
  display: none;
}
.ultimos-tramites .file-container .dragdrop-alert-info {
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background-color: rgba(89, 120, 191, 0.1254901961);
  border-left-color: #415D9A;
  margin-bottom: 0px;
  overflow: hidden;
  width: auto !important;
  display: none;
}

.chat-container {
  background-color: #F6F7F8;
  padding-top: 20px;
}
.chat-container .chat-messages-list {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  gap: 18px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: -20px;
  max-height: 37vh;
}
.chat-container .chat-messages-list .chat-message-destinatary {
  align-self: start;
}
.chat-container .chat-messages-list .chat-message-destinatary + .message-error {
  align-self: start;
}
.chat-container .chat-messages-list .chat-message-owner {
  align-self: end;
}
.chat-container .chat-messages-list .chat-message-owner + .message-error {
  align-self: end;
}
.chat-container .chat-messages-list .chat-message-template {
  display: none;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) {
  padding: 20px;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-header .chat-message-data {
  display: flex;
  align-items: center;
  gap: 5px;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-header .chat-message-data .chat-calendar-icon:before {
  color: #B3C0CC;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-header .chat-message-data .chat-message-date {
  color: #B5C0CB;
  white-space: nowrap;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-header .chat-message-data .chat-message-status:before {
  font-size: 24px;
  color: #6D8F00;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-body {
  display: flex;
  flex-direction: column;
  white-space: pre-line;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-attachments:not(:empty) {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
  cursor: pointer;
}
.chat-container .chat-messages-list .chat-message:not(.chat-message-template) .chat-message-attachments:not(:empty) .chat-message-attachment {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  width: 100%;
  background-color: rgb(245, 245, 245);
  padding: 5px;
  border: 1px solid rgba(206, 206, 206, 0.47);
}
.chat-container .chat-messages-list .message-error {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  width: calc(100% - 50px);
  padding-left: 5px;
}
.chat-container .chat-messages-list .message-error .message-icon-info,
.chat-container .chat-messages-list .message-error .message-icon-reload {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.chat-container .chat-messages-list .message-error .message-icon-info:before,
.chat-container .chat-messages-list .message-error .message-icon-reload:before {
  color: #E41E00;
}
.chat-container .chat-messages-list .message-error .message-icon-reload {
  cursor: pointer;
}
.chat-container .chat-messages-list .message-error .message-icon-reload span {
  text-decoration: underline;
}
.chat-container .chat-messages-list .message-error span {
  color: #E41E00;
}
.chat-container .chat-messages-list .messenger-empty-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  margin: 0 auto;
  height: 100%;
}
.chat-container .chat-messages-list .messenger-empty-state .icon-empty-messenger {
  height: 140px;
}
.chat-container .chat-messages-list .messenger-empty-state .empty-state-text {
  color: rgba(62, 62, 62, 0.3215686275);
}
.chat-container .chat-message-form {
  display: flex;
  flex-direction: column;
}
.chat-container .chat-message-form.disabled {
  pointer-events: none;
}
.chat-container .chat-message-form.disabled .ql-toolbar *,
.chat-container .chat-message-form.disabled .chat-input * {
  opacity: 0.7;
}
.chat-container .chat-message-form .chat-attachment-label.disabled .chat-attachment-text {
  color: #C8C8C8 !important;
}
.chat-container .chat-message-form .chat-send-group.disabled .chat-attachment-send-icon {
  opacity: 0.7;
}
.chat-container .chat-message-form .chat-send-group.disabled .chat-attachment-send-text {
  color: #C8C8C8 !important;
}
.chat-container .chat-message-form .fade-bottom {
  width: 100%;
  height: 31px;
  background: linear-gradient(180deg, rgba(251, 252, 252, 0) 0%, rgb(246, 247, 248) 100%);
}
.chat-container .chat-message-form .chat-input {
  background-color: white;
  margin-bottom: 0;
  padding: 10px;
  resize: none;
  border-left: 1px solid rgba(151, 151, 151, 0.3490196078);
  border-right: 1px solid rgba(151, 151, 151, 0.3490196078);
  border-top: 0;
  border-bottom: 0;
  outline: none !important;
}
.chat-container .chat-message-form .chat-input .ql-editor {
  font-family: "PT Sans", sans-serif !important;
  padding: 12px 10px;
}
.chat-container .chat-message-form .chat-input .ql-editor:before {
  margin-left: 5px;
}
.chat-container .chat-message-form .chat-file-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 9px;
  background-color: white;
  margin-bottom: 0;
  padding: 15px;
  resize: none;
  border-left: 1px solid rgba(151, 151, 151, 0.3490196078);
  border-right: 1px solid rgba(151, 151, 151, 0.3490196078);
  border-top: 0;
  border-bottom: 0;
  outline: none !important;
}
.chat-container .chat-message-form .chat-file-list .chat-fileImage {
  display: flex;
  flex-direction: row;
  position: relative;
  gap: 11px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgb(237, 237, 237);
  border-radius: 4px;
}
.chat-container .chat-message-form .chat-file-list .chat-fileImage img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
}
.chat-container .chat-message-form .chat-file-list .chat-fileImage .img-text-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chat-container .chat-message-form .chat-file-list .chat-fileImage .img-text-container .name {
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chat-container .chat-message-form .chat-file-list .chat-fileImage .img-text-container .delete {
  cursor: pointer;
  color: #D0021B;
}
.chat-container .chat-message-form .chat-buttons-group {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.chat-container .chat-message-form .chat-buttons-group .chat-attachment-label,
.chat-container .chat-message-form .chat-buttons-group .chat-send-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.chat-container .chat-message-form .chat-buttons-group .chat-attachment-label.disabled,
.chat-container .chat-message-form .chat-buttons-group .chat-send-group.disabled {
  cursor: initial;
}
.chat-container .chat-message-form .chat-buttons-group .chat-attachment-label.disabled .chat-attachment-text {
  color: #C8C8C8;
}
.chat-container .chat-message-form .chat-buttons-group .chat-attachment-label.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.chat-container .chat-message-form .chat-buttons-group .chat-send-group.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.chat-container .chat-message-form .chat-buttons-group .chat-attachment-label:not(.disabled),
.chat-container .chat-message-form .chat-buttons-group .chat-send-group:not(.disabled) {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.chat-container .chat-message-form .chat-buttons-group .chat-attachment-icon {
  width: 24px;
  height: 24px;
}
.chat-container .chat-message-form .chat-buttons-group .chat-send-group {
  gap: 8px;
}

#p_p_id_Autorizados_ .portlet-content {
  padding: 0 !important;
  /*padding: 0px 10px 10px;*/
}

.autorizados-results {
  margin-bottom: 45px;
}
.autorizados-results .autorizados-results__title2 {
  margin-top: 10px !important;
}
.autorizados-results .autorizados-empty-state {
  text-align: center;
  padding-top: 56px;
}
@media screen and (max-width: 650px) {
  .autorizados-results .autorizados-empty-state {
    padding-top: 0;
  }
}
.autorizados-results .autorizados-empty-state .autorizados-ico-lock {
  /* width: 508px;
   height: 304px;*/
  width: 254px;
  height: 152px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/autorizados-empty-state.svg") no-repeat center;
  text-indent: -999em;
}
@media screen and (max-width: 650px) {
  .autorizados-results .autorizados-empty-state .autorizados-ico-lock {
    width: 254px;
    height: 152px;
    margin: 20px;
  }
}
.autorizados-results .autorizados-empty-state .title .autorizados-empty-state__title {
  color: #5B5B5B;
  font-size: 0.92rem;
  font-weight: 300;
  font-family: "PT Sans", sans-serif;
  margin: 20px 0 30px;
}
.autorizados-results .autorizados-results__title {
  margin-bottom: 30px;
}
.autorizados-results .filter-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.autorizados-results .filter-buttons .autorizados-filter-container {
  display: flex;
}
.autorizados-results .filter-buttons .title-filter-container {
  margin: 0;
}
.autorizados-results .filter-buttons .autorizados-filter-container .autorizados-filter {
  height: 40px;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  color: #002D63;
  font-size: 0.92rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  align-items: center;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options {
  display: flex;
  align-items: center;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options .rechazar {
  margin: 0 10px;
  text-decoration: underline;
  color: #D0021B;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options .rechazar:hover {
  cursor: pointer;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options .aceptar {
  margin: 0 10px;
  text-decoration: underline;
  color: #002D63;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options .aceptar:hover {
  cursor: pointer;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options .autorizados__spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  visibility: hidden;
}
.autorizados-results .autorizados-provisionales-table-container .autorizados-provisionales .autorizados_provisionales__options .autorizados__spinner:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px 5px;
  border-radius: 50%;
  border: 3px;
  border-color: #002D63 transparent #002D63 transparent;
  animation: spinner 1.2s linear infinite;
}
.autorizados-results .authorized-cards-container .authorized-card {
  padding: 18px 20px 29px 33px;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header {
  display: grid;
  grid-template-columns: auto auto;
  margin-bottom: 27px;
  align-items: center;
  gap: 5px 0;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-fullname {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  color: #0E103E;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable {
  display: flex;
  flex-direction: row;
  line-height: 16px;
  justify-content: flex-end;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable .hidden-control {
  overflow: hidden;
  display: block;
  cursor: default;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
  opacity: 0.00001;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: transparent;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable .pill {
  width: 32px;
  height: 16px;
  line-height: 12px;
  border-radius: 100px;
  background-color: #bebebe;
  display: flex;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable .pill .handle {
  position: relative;
  width: 10px;
  height: 10px;
  font-size: 0.625rem;
  line-height: 10px;
  background-color: #ffffff;
  margin: 3px;
  display: inline-block;
  border-radius: 50%;
  font-family: "PTSans-Bold", sans-serif;
  font-weight: 600;
  color: transparent;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable .pill .handle .pill-icon {
  display: none;
  background-color: transparent;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  vertical-align: text-top;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable .pill .handle .pill-icon.enabled {
  color: #009c34;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable .pill .handle .pill-icon.disabled {
  color: #b6b6b6;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-desautorizado .pill {
  display: block;
  background-color: #dc0000;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-desautorizado .pill .handle {
  color: #dc0000;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-desautorizado .pill .handle .pill-icon.pending {
  display: inline-block;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-desautorizado .pill-text {
  display: block;
  color: #dc0000;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-desautorizado .text-label span.pending {
  display: inline;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-autorizado .pill {
  display: block;
  text-align: right;
  background-color: #009c34;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-autorizado .pill .handle {
  color: #009c34;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-autorizado .pill .handle .pill-icon.enabled {
  display: inline-block;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-autorizado .pill-text {
  color: #009c34;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-check-enable.state-is-autorizado .text-label span.enabled {
  display: inline;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-date {
  display: flex;
  align-items: center;
  color: #B5C0CB;
  justify-self: left;
}
.autorizados-results .authorized-cards-container .authorized-card .ov-card-header .card-date:before {
  font-size: 0.92rem;
  color: #B5C0CB;
  margin-right: 5px;
}
.autorizados-results .authorized-cards-container .authorized-card .grid-two-columns {
  display: grid;
  grid-template-columns: 60% 40%;
  height: 35px;
}
.autorizados-results .authorized-cards-container .authorized-card .grid-two-columns > div {
  display: flex;
  flex-direction: column;
}
.autorizados-results .authorized-cards-container .authorized-card .grid-two-columns > div span {
  color: #909090;
}
.autorizados-results .authorized-cards-container .authorized-card .card-fields-separator {
  margin: 23px 0;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3490196078);
}
.autorizados-results .authorized-cards-container .authorized-card .card-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px !important;
}
.autorizados-results .authorized-cards-container .authorized-card .card-edit:not(.disabled) {
  cursor: pointer;
}
.autorizados-results .authorized-cards-container .authorized-card .card-edit .card-edit-text {
  text-decoration: underline;
}
.autorizados-results .authorized-cards-container .authorized-card .card-edit:before {
  font-size: 0.92rem;
  text-decoration: none;
  margin-right: 5px;
}
.autorizados-results .authorized-cards-container .authorized-card .card-edit.disabled:before {
  color: #b6b6b6;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container {
  margin-bottom: 80px;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results i {
  color: #6D8F00;
  margin-right: 20px;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr th {
  font-size: 1rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #0E103E;
  background-color: #FFFFFF;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr td {
  color: #0E103E;
  font-size: 0.92rem;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
}
@media all and (max-width: 850px) {
  .autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr {
    display: flex;
    flex-direction: column;
    padding: 15px 18px;
  }
  .autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr td, .autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr th {
    display: inline;
    padding-bottom: 20px;
  }
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr:nth-child(2n) {
  background-color: #F8F8F8;
}
@media all and (min-width: 1200px) {
  .autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr.header th {
    padding: 20px 30px;
  }
}
@media all and (min-width: 1200px) {
  .autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr.fila td {
    padding: 30px;
  }
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr.fila td.table-autorizados-result__status {
  font-weight: bold;
  font-size: 0.75rem;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr.fila td.autorizado-status {
  color: #24A249;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container table.table-autorizados-results tr.fila td.desautorizado-status {
  color: #D0021B;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container .footer-buttons-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-end;
}
.autorizados-results .authorized-cards-container .autorizados-results-table-container .footer-buttons-container button.dm-next-step-button {
  grid-column: 2/2;
  justify-self: end;
}
.autorizados-results .autorizados-textos-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: flex-end;
  margin-top: 50px;
}
.autorizados-results .autorizados-textos-container ul {
  list-style: none;
  padding: 0;
}
.autorizados-results .autorizados-textos-container ul li {
  display: flex;
  align-items: baseline;
}
.autorizados-results .autorizados-textos-container ul li i {
  margin-right: 8px;
  color: #6D8F00;
}
.autorizados-results .autorizados-textos-container .autorizados-action__title {
  font-size: 1.17rem;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
.autorizados-results .autorizados-textos-container .subtitle {
  color: #0E103E;
  font-size: 0.92rem;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
}
.autorizados-results .authorized-modal .auth-footer-buttons {
  margin-top: 41px;
}
.autorizados-results .auth-footer-buttons {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.autorizados-results .auth-footer-buttons .cancel-button {
  cursor: pointer;
  text-decoration: underline;
}
.autorizados-results .auth-footer-buttons button.btn-primary-ov {
  justify-self: end;
}
.autorizados-results .add-authorized-button-group {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  margin-top: 0;
}
.autorizados-results .add-authorized-button-group .add-authorized-container {
  justify-self: end;
}
.autorizados-results .auth-edit-modal .auth-edit-form .auth-edit-title {
  margin: 0 0 28px 0;
}
.autorizados-results .auth-edit-modal .auth-edit-form .auth-alert-error {
  padding: 16px;
  gap: 15px;
}
.autorizados-results .auth-edit-modal .auth-edit-form .auth-alert-error .icon-remove-sign::before {
  color: #DD3F0E;
}
.autorizados-results .auth-edit-modal .auth-edit-form .auth-alert-error .errorMessage {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.autorizados-results .auth-edit-modal .auth-edit-form .auth-edit-desc {
  display: block;
  margin-bottom: 14px;
}
.autorizados-results .auth-edit-modal .auth-edit-form .auth-group {
  margin-bottom: 21px;
}
.autorizados-results .disavow-dialog .ov-modal-header {
  display: flex;
  margin-bottom: 16px;
}
.autorizados-results .disavow-dialog .ov-modal-body .content-modal-body {
  display: flex;
  flex-direction: column;
}
.autorizados-results .disavow-dialog .ov-modal-body .disavow-stepper-container nav.tramite-navigation {
  margin-top: 4px;
}
.autorizados-results .disavow-dialog .ov-modal-body .previous-summary-content .person-data-text, .autorizados-results .disavow-dialog .ov-modal-body .form-errors-content .person-data-text {
  display: block;
  margin-bottom: 34px;
}
.autorizados-results .disavow-dialog .ov-modal-body .previous-summary-content ul.procedure-services-list, .autorizados-results .disavow-dialog .ov-modal-body .form-errors-content ul.procedure-services-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  list-style: none;
  margin-bottom: 37px;
  padding-left: 0;
}
.autorizados-results .disavow-dialog .ov-modal-body .previous-summary-content ul.procedure-services-list li, .autorizados-results .disavow-dialog .ov-modal-body .form-errors-content ul.procedure-services-list li {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  font-family: "PT Sans", sans-serif;
}
.autorizados-results .disavow-dialog .ov-modal-body .previous-summary-content ul.procedure-services-list li:before, .autorizados-results .disavow-dialog .ov-modal-body .form-errors-content ul.procedure-services-list li:before {
  width: 20px;
  height: 20px;
  color: #4A90E2;
}
.autorizados-results .disavow-dialog .ov-modal-body .previous-summary-content .permission-info-text, .autorizados-results .disavow-dialog .ov-modal-body .form-errors-content .permission-info-text {
  margin-bottom: 17px;
}
.autorizados-results .disavow-dialog .container-transition {
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.autorizados-results .disavow-dialog .container-transition.active {
  opacity: 1;
  height: auto;
  width: auto;
}
.autorizados-results .disavow-dialog .container-transition .iti__country-list {
  position: fixed;
  z-index: 10;
}
.autorizados-results .disavow-dialog .stepper-container .tramite-navigation {
  padding-bottom: 6px;
}
.autorizados-results .disavow-dialog .previous-summary-content.active {
  margin-bottom: 50px;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container {
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: 290px;
  overflow-y: auto;
  -ms-overflow-y: auto;
  margin: 26px 0;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card {
  display: grid;
  grid-template-columns: 50px auto auto;
  align-items: center;
  gap: 30px;
  padding: 0 10px 0 16px;
  min-height: 75px;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card .auth-icon-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DDE4EB;
  min-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card .auth-icon-circle .auth-icon {
  min-width: 22px;
  width: 22px;
  height: 22px;
  transform: none;
  margin-right: 2px;
  margin-bottom: 2px;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card .auth-icon-selected {
  display: none;
  margin-top: 8px;
  align-self: baseline;
  justify-self: end;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card .auth-icon-selected:before {
  font-size: 1.6667rem;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card .authorized-fullname {
  text-align: left;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card.selected {
  border: 2px solid #002D63;
}
.autorizados-results .disavow-dialog .disavow-step-select-person-content.active .authorized-list-container .ov-card.selected .auth-icon-selected {
  display: block;
}
.autorizados-results .disavow-dialog .disavow-step-digital-notifications-content.active,
.autorizados-results .disavow-dialog .disavow-digital-invoice-content.active {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.autorizados-results .disavow-dialog .disavow-step-digital-notifications-content.active,
.autorizados-results .disavow-dialog .disavow-digital-invoice-content.active,
.autorizados-results .disavow-dialog .disavow-bank-details-content.active {
  margin-bottom: 40px;
}
.autorizados-results .disavow-dialog .disavow-bank-details-content.active .disavow-bd-description {
  margin-bottom: 30px;
}
.autorizados-results .disavow-dialog .disavow-process-request-content.active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.autorizados-results .disavow-dialog .disavow-process-request-content.active h1 {
  text-align: center;
  margin: 0;
}
.autorizados-results .disavow-dialog .disavow-process-request-content.active .process-request-loading {
  background: url("/o/classic-theme/images/tramites/authorized/sandwatch_loading.png") no-repeat;
  background-size: cover;
  width: 360px;
  height: 200px;
}

@keyframes swapToLeft {
  from {
    left: 0;
  }
  to {
    left: 16px;
  }
}
@keyframes swapToRight {
  from {
    left: 16px;
  }
  to {
    left: 0;
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#layout-column_column-2 .portlet-journal-content:first-child .journal-content-article {
  padding: 0;
}

#navigation > ul > li > a, #navigation > ul > li > .title-grouper {
  font-size: 1em;
}

/* NAVIGATOR */
#navigation > ul > li {
  border-bottom: 3px solid transparent;
}
#navigation > ul > li > .child-menu .list-child-menu {
  height: auto;
  font-family: "PTSans-Regular", sans-serif;
}
#navigation > ul > li:hover > .title-grouper {
  border-bottom: 3px solid;
  border-color: #3c8ac0;
}
#navigation > ul > li:hover > .child-menu {
  padding: 1em 0 0 0;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
}
#navigation > ul > li:hover > .child-menu > .row {
  background-color: #fff;
  padding: 20px 0 0 0;
  border-top: 1px solid white;
  z-index: 0;
}

#header-top {
  font-size: 0.75rem;
}
#header-top .town {
  padding: 8px 0;
}
#header-top .town .bi-geo-alt-fill {
  font-size: 0.75rem;
}
#header-top > .ov-container > .row {
  height: auto;
}

#header-middle {
  height: auto;
  display: flex;
  align-items: center;
  flex-flow: column;
}

#header-middle > .ov-container > .row {
  height: auto;
  padding: 10px 0;
}

@media (min-width: 992px) {
  #header-middle {
    height: 90px;
    position: relative;
  }
  #header-middle a {
    height: auto;
  }
  #header-middle > .ov-container > .row {
    display: flex;
    align-items: center;
    margin: 0;
    height: 90px;
  }
  #header-middle .site-title {
    display: flex;
    margin: 0;
  }
  #header-middle .site-title img {
    max-width: 156px;
    width: 100%;
    height: auto;
  }
  #header-middle .glyphicon-search:before {
    color: #002E67;
  }
  #header-middle nav {
    justify-content: center;
    flex: 1 0 0;
    display: flex;
  }
  #header-middle .buscador-area-cliente {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  #header-middle .links-top-header {
    margin-left: 15px;
  }
  #header-middle .links-top-header ul.links-user li {
    background-image: none;
    padding: 7px 10px;
    border-radius: 20px;
  }
  #header-middle .links-top-header ul.links-user li a {
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
  }
  #header-middle .links-top-header ul.links-user li a span {
    font-size: 1.2em;
  }
  #header-middle .links-top-header ul.links-user li a span:first-child {
    margin-right: 5px;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .name-user {
    margin: 0;
    padding: 0;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .name-user a {
    padding-right: 0;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .logout {
    margin-right: 0;
    padding: 4px 0;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .logout a {
    height: 15px;
    padding: 0;
    background-image: url("../images/hidrogea/icon-user-logout-blue.png");
  }
  #header-middle .ver-gestiones {
    border-top: 1px solid #eee;
    text-align: center;
    padding: 25px;
    text-transform: uppercase;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    display: none;
  }
  #header-middle li.hasChildren:first-child .child-menu .ver-gestiones {
    display: block;
  }
  #header-bottom {
    display: none;
  }
  .mobile-menu-is-active #header-bottom {
    display: block;
  }
}
@media (min-width: 992px) {
  #navigation > ul > li {
    height: 90px;
    display: table-cell;
    vertical-align: middle;
  }
  #navigation > ul > li:hover {
    background: none !important;
    border-color: transparent !important;
  }
  #navigation > ul > li > a, #navigation > ul > li > .title-grouper {
    text-transform: none;
    color: #002E67;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 15px 10px 10px;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li:before {
    content: none;
  }
  #navigation > ul > li > .child-menu .child-orphan span {
    color: #013871;
  }
}
/*menu desplegado*/
@media (min-width: 992px) {
  #navigation > ul > li > .child-menu {
    background: #fff;
  }
  #navigation .title-grouper {
    color: #013871;
  }
  #navigation > ul > li > .child-menu a {
    color: #013871;
  }
  /*opciones con icono*/
  #navigation > ul > li:first-child .child-menu li .title-grouper.hasIcon {
    position: relative;
    padding-left: 30px;
  }
  #navigation > ul > li:first-child .child-menu li .title-grouper.hasIcon i {
    font-family: "agbarIcons", sans-serif !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 1.6667rem;
    position: absolute;
    top: -2px;
    left: 0;
    color: #3c8ac0;
  }
  #navigation > ul > li:first-child .child-menu li ul.hasIcon {
    padding-left: 30px;
  }
  #navigation > ul > li:hover > .child-menu {
    padding: 1em 0 0 0;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
  }
  #navigation > ul > li:hover > .child-menu > .row {
    background-color: #fff;
    padding: 20px 0 0 0;
    border-top: 1px solid white;
    z-index: 0;
  }
  #navigation > ul > li > .child-menu .list-child-menu {
    height: auto;
  }
  #navigation > ul > li {
    border-bottom: 3px solid transparent;
  }
  #header-middle .links-top-header ul.links-user li a span {
    font-size: 1em;
  }
  .buscador .btn-search {
    font-size: 1.2em;
  }
  .buscador {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  #header-middle .site-title img {
    max-width: 180px;
    width: 100%;
    height: auto;
  }
  #navigation > ul > li > a, #navigation > ul > li > .title-grouper {
    padding: 15px 20px 10px;
  }
}
@media (max-width: 991px) {
  #header-top {
    display: none;
  }
  #header-top > .ov-container > .row {
    height: 50px;
  }
  #header-top > .ov-container > .row > div {
    flex: 0 0 50%;
  }
  #header-top #idiomas-header {
    justify-content: end;
  }
  #header-top #links-header {
    display: none !important;
  }
  #header-middle {
    height: 50px;
  }
  #header-middle .site-title {
    float: left;
    margin-left: 15px;
    margin-right: 0;
  }
  #header-middle .site-title img {
    max-height: 100%;
    width: auto;
    padding: 5px 0;
  }
  #header-middle a, #header-middle .hamburger {
    height: 50px !important;
  }
  #header-middle .hamburger {
    padding: 10px 15px;
    background-color: transparent;
    float: right;
    margin-right: 3px;
    opacity: 1;
  }
  #header-middle .hamburger .hamburger-box {
    width: 27px;
    height: 25px;
  }
  #header-middle .hamburger .hamburger-inner, #header-middle .hamburger .hamburger-inner:before, #header-middle .hamburger .hamburger-inner:after {
    width: 24px;
    height: 3px;
  }
  #header-middle .hamburger .hamburger-inner:before {
    top: -8px;
  }
  #header-middle .hamburger .hamburger-inner::after {
    top: -16px;
  }
  #navigation {
    margin-top: 0;
  }
  #nav_mobile .hasChildren img {
    max-width: 50%;
  }
  #nav_mobile .hasChildren .ver-gestiones {
    display: none;
  }
  #header-bottom {
    background: #fff;
  }
  #header-bottom a {
    color: #002E67;
  }
  #header-bottom .links-top-header {
    display: block !important;
    margin: 15px 30px 0;
    padding: 16px 0 8px;
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-width: 1px 0;
  }
  #header-bottom .links-top-header ul li {
    width: 100% !important;
    text-align: left !important;
    padding: 0;
  }
  #header-bottom .links-top-header ul li:after {
    content: none;
  }
  #header-bottom .links-top-header ul li a {
    padding: 0 0 12px;
    height: auto;
    font-size: 0.92rem;
  }
  #header-bottom .links-top-header ul li.area-cliente {
    width: 100%;
    background-image: none;
  }
  #header-bottom .links-top-header ul li.area-cliente a {
    padding-left: 20px;
  }
  #header-bottom .links-top-header ul li.area-cliente a span {
    font-size: inherit;
  }
  #header-bottom .links-top-header ul.links-user {
    display: block;
  }
  #header-bottom .links-top-header ul.links-user li {
    background-color: #3C8AC0 !important;
  }
  #header-bottom .links-top-header ul.links-user li a {
    color: #fff;
  }
  #header-bottom #navigation {
    padding: 0;
    margin-top: 20px;
  }
  #header-bottom #navigation .title-grouper {
    text-transform: none;
    border: 0;
    color: #002E67;
    font-family: "PTSans-Bold", sans-serif;
    font-weight: normal;
    margin: 0 -15px 20px;
    padding: 8px 16px 0;
    font-size: 1rem;
    min-height: auto;
  }
  #header-bottom #navigation a {
    border-bottom: 0;
  }
  #header-bottom #navigation .bt-mobile-child {
    display: none;
  }
  #header-bottom #navigation > ul > li:hover > .title-grouper, #header-bottom #navigation > ul > li.selected > .title-grouper {
    border-bottom: 0;
    border-radius: 4px;
    position: relative;
    padding-bottom: 8px;
  }
  #header-bottom #navigation > ul > li:hover > .title-grouper:before, #header-bottom #navigation > ul > li.selected > .title-grouper:before {
    content: "";
    border-left: 3px solid #3c8ac0;
    position: absolute;
    height: 100%;
    top: 0;
    left: -15px;
  }
  #header-bottom #navigation > ul > li.hasChildren .show-menu {
    display: none;
    margin-top: 80px;
  }
  #header-bottom #navigation > ul > li.hasChildren .ver-gestiones {
    display: none;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened {
    background: #fff;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened > .title-grouper {
    font-size: 0;
    display: none;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened > .bt-mobile-child {
    width: 100%;
    top: 0;
    border-bottom: 1px solid #CECECE;
    padding: 16px 50px 16px 16px;
    margin: 0;
    text-transform: none;
    display: block;
    background: #fff;
    font-size: 0.92rem;
    color: #1C9AD8;
    text-decoration: underline;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened > .bt-mobile-child i {
    font-size: 0.75rem;
    margin-right: 3px;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu .title-grouper {
    text-transform: uppercase;
    pointer-events: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 0.92rem;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu .title-grouper a {
    padding: 0;
    font-size: 0.92rem;
    min-height: auto;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu ul {
    display: block;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu ul li.hasChildren > a {
    border: 0;
    padding: 0 0 20px;
    min-height: auto;
    font-size: 0.92rem;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu .hasOrphan a {
    border: 0;
    padding: 0 0 20px;
    min-height: auto;
    font-size: 0.92rem;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu > .hasChildren, #header-bottom #navigation > ul > li.hasChildren.opened .list-child-menu > .hasOrphan {
    margin-bottom: 20px;
  }
  #header-bottom #navigation > ul > li.hasChildren.opened .show-menu {
    display: block;
  }
  #header-bottom #navigation > ul > li:first-child .child-menu .list-child-menu .title-grouper.hasIcon {
    padding-left: 35px;
    position: relative;
  }
  #header-bottom #navigation > ul > li:first-child .child-menu .list-child-menu .title-grouper.hasIcon i {
    font-size: 1.8333rem;
    position: absolute;
    top: -6px;
    left: 0;
    color: #3c8ac0;
  }
  #header-bottom #navigation > ul > li:first-child .child-menu .list-child-menu li ul.hasIcon {
    padding-left: 35px;
  }
  #header-bottom #navigation > ul > li > a,
  #header-bottom #navigation > ul > li .child-orphan span,
  #header-bottom #navigation > ul > li .list-child-menu > li > a {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  #header-bottom #navigation > ul > li.hasChildren.list-menu.opened:first-child .child-menu {
    padding-bottom: 100px;
  }
  #header-bottom #idiomas_mobile {
    padding: 20px 30px;
  }
  #header-bottom #idiomas_mobile .language-entry-short-text {
    border-left: 1px solid #273C64;
    font-size: 0.92rem;
  }
  #header-bottom #idiomas_mobile .language-entry-short-text:nth-child(2) {
    border: 0;
  }
  #header-bottom #idiomas_mobile span.language-entry-short-text {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    color: #273C64;
  }
  #header-bottom #ubicacion_mobile {
    height: 50px;
    padding: 16px 50px 16px 16px;
    font-size: 0.75rem;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #CECECE;
  }
  #header-bottom #ubicacion_mobile .bi-geo-alt-fill {
    color: #002E67;
    border-bottom: 2px solid #002E67;
    margin-right: 5px;
  }
  #header-bottom #search_mobile {
    height: 74px;
    background: rgba(216, 216, 216, 0.34);
    padding: 14px 17px 12px 19px;
  }
  #header-bottom .buscador {
    top: 64px;
    left: 19px;
    height: 48px;
    width: calc(100% - 36px);
    margin: 0;
  }
  #header-bottom .buscador .btn-search {
    position: absolute;
    padding-left: 16px;
    outline: none !important;
    pointer-events: none;
  }
  #header-bottom .buscador .btn-search .glyphicon.glyphicon-search {
    visibility: inherit;
    color: #203564;
    font-size: 1.17rem;
  }
  #header-bottom .buscador .portlet-search {
    margin-left: 0;
    height: 48px;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    border: 1px solid rgba(104, 104, 104, 0.28);
  }
  #header-bottom .buscador .portlet-search .form-group {
    height: 48px;
    width: 100%;
  }
  #header-bottom .buscador .portlet-search input.search-input {
    height: 48px;
    width: 100%;
    padding: 16px 16px 12px 49px;
    font-size: 1rem;
  }
  #header-bottom .buscador .portlet-search input.search-input:focus {
    text-decoration: none !important;
  }
  #header-bottom .buscador .portlet-search input.search-input::placeholder {
    color: #ddd !important;
    padding-left: 0 !important;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger {
    background: white;
    border-bottom: 1px solid #CECECE;
    opacity: 1;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger .hamburger-box {
    color: #273C64 !important;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger .hamburger-inner, .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger .hamburger-inner:before, .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger .hamburger-inner:after {
    color: #273C64 !important;
    height: 4px;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger .hamburger-inner:before, .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger .hamburger-inner::after {
    top: 0;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active {
    background: white;
    opacity: 1;
    padding: 10px 26px 10px 10px;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active .hamburger-box {
    background: none;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active .hamburger-inner, .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active .hamburger-inner:before, .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active .hamburger-inner:after {
    background-color: #273C64 !important;
    height: 4px;
  }
  .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active .hamburger-inner:before, .mobile-menu-is-active #header-middle.public > .ov-container > .row #showMenuLeft.hamburger.is-active .hamburger-inner::after {
    top: 0;
  }
  .mobile-menu-is-active #header-bottom .links-top-header ul.links-user {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #CECECE;
    border-bottom: 0;
    background: white;
  }
  .mobile-menu-is-active #header-bottom .links-top-header ul.links-user .area-cliente {
    width: calc(100% - 30px) !important;
    left: 50%;
    transform: translate(-50%);
    margin: 15px 0;
    border-radius: 8px;
    text-align: center !important;
    border: 0;
  }
  .mobile-menu-is-active #header-bottom .links-top-header ul.links-user .area-cliente a {
    padding: 10px 0;
  }
  .mobile-menu-is-active #header-bottom .links-top-header ul.links-user .area-cliente a span {
    font-size: 0.92rem;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    line-height: 1;
  }
  .mobile-menu-is-active #header-bottom .links-top-header ul.links-user .area-cliente a span.bi-person-circle {
    font-size: 1.17rem;
    position: relative;
    top: 1px;
    margin-left: 5px;
  }
  .mobile-menu-is-active #header-bottom #nav_mobile_back_button {
    position: fixed;
    height: 50px;
    width: calc(100% - 44px);
    color: #1C9AD8;
    background: #fff;
    top: 0;
    z-index: 9998;
    padding: 16px;
    border-bottom: 1px solid #CECECE;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    text-decoration: underline;
  }
  .mobile-menu-is-active #header-bottom #nav_mobile_back_button i {
    font-size: 0.75rem;
    margin-right: 3px;
  }
  .mobile-menu-is-active #header-bottom #ver-gestiones-mobile {
    z-index: 5694;
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #CECECE;
    border-bottom: 0;
    text-align: center;
  }
  .mobile-menu-is-active #header-bottom #ver-gestiones-mobile a {
    padding: 26px 0;
    display: inline-block;
    font-size: 0.92rem;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
}
/***BANNER PRINCIPAL***/
.imagenDestacado {
  width: 100%;
  height: 490px;
  object-fit: cover;
}

.destacado-texto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "PTSans-Regular", sans-serif;
  padding-left: 60px;
}
.destacado-texto h1, .destacado-texto p {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 2.625rem;
}
.destacado-texto strong {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}

.imagenDestacado {
  height: 490px;
}

.destacado-texto h1, .destacado-texto p {
  font-size: 2.5rem;
  margin-top: -15%;
}

.signed-out .portlet-column-content.empty {
  padding: 0;
}

@media (max-width: 991px) {
  .destacado-texto {
    left: 20px;
    transform: translate(0, -50%);
  }
}
@media (max-width: 767px) {
  .imagenDestacado {
    height: 56.2746201463vw;
  }
  .destacado-texto {
    padding-left: 0;
  }
  .destacado-texto h1, .destacado-texto p {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .destacado-texto h1, .destacado-texto p {
    font-size: 1.5rem;
    line-height: 30px;
    margin-top: -8%;
  }
}
/***MODAL SELECCION MUNICIPIO***/
#BuscadorMunicipio.modal.show .modal-dialog {
  width: 100%;
  max-width: 550px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#BuscadorMunicipio .modal-content {
  height: auto;
}
#BuscadorMunicipio .modal-body {
  position: static;
  padding: 50px 30px 30px;
  width: 100%;
}
#BuscadorMunicipio .generic-content {
  margin: 0;
}
#BuscadorMunicipio .generic-content p {
  line-height: inherit;
  color: #013871;
}
#BuscadorMunicipio .generic-content ul li a, #BuscadorMunicipio .generic-content ul li a:hover, #BuscadorMunicipio .generic-content ul li a:focus, #BuscadorMunicipio .generic-content ul li a:active {
  text-decoration: underline;
  color: #013871 !important;
}
#BuscadorMunicipio .generic-content ul li.active a, #BuscadorMunicipio .generic-content ul li.active a:hover, #BuscadorMunicipio .generic-content ul li.active a:focus, #BuscadorMunicipio .generic-content ul li.active a:active {
  text-decoration: underline;
  background: #f7f7f7;
  width: 100%;
  color: #013871 !important;
}
#BuscadorMunicipio .selector-municipio .select-municipio {
  text-align: left;
}
#BuscadorMunicipio .selector-municipio .select-municipio h1 {
  font-size: 1.5rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #013871;
  margin-bottom: 25px;
}
#BuscadorMunicipio .selector-municipio .select-municipio form label {
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
#BuscadorMunicipio .selector-municipio .select-municipio .selector-form {
  width: 100%;
}
#BuscadorMunicipio .selector-municipio .select-municipio .selector-form input[type=text] {
  height: 54px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-decoration: none !important;
  padding-top: 4px;
}
#BuscadorMunicipio .selector-municipio .select-municipio .btn-submit .close {
  background: none;
  text-transform: none;
  float: left;
  padding: 0;
  color: #013871;
  opacity: 1;
  text-decoration: underline;
  font-size: 1.17rem;
}
#BuscadorMunicipio .selector-municipio .select-municipio .btn-submit #geoloc-submit-button {
  float: right;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  #BuscadorMunicipio.modal.show .modal-dialog {
    max-width: 100%;
    height: 100%;
    transform: none;
    top: 0;
    left: 0;
  }
  #BuscadorMunicipio .modal-content {
    height: 100%;
  }
}
/***DESTACADOS SECUNDARIOS***/
#destacados-secundarios {
  padding: 60px 0 60px;
  display: flex;
  justify-content: center;
}
#destacados-secundarios .destacado-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(33.3333333333% - 28px);
  margin: 0 20px;
  background: #fff;
}
#destacados-secundarios .destacado-item:first-child {
  margin-left: 0;
}
#destacados-secundarios .destacado-item:last-child {
  margin-right: 0;
}
#destacados-secundarios .destacado-item img {
  width: 100%;
}
#destacados-secundarios .destacado-item .texto {
  background: #fff;
  color: #002E67;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 1rem;
  letter-spacing: 1px;
}
#destacados-secundarios .destacado-item .texto a {
  display: block;
  padding: 30px;
  text-decoration: none;
}
#destacados-secundarios .destacado-item .texto p {
  margin: 0;
}
#destacados-secundarios .destacado-item .texto p span {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}

@media (max-width: 767px) {
  #destacados-secundarios {
    display: block;
    padding: 40px 0;
  }
  #destacados-secundarios .destacado-item {
    display: block;
    width: 100%;
    margin: 0 0 25px;
  }
}
/***COMPROMETIDOS***/
#comprometidos {
  padding: 80px 0;
}
#comprometidos .title {
  text-align: center;
  color: #6da7d0;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: 8px;
  letter-spacing: 0.15em;
}
#comprometidos .subtitle {
  text-align: center;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 2.625rem;
  color: #002E67;
  letter-spacing: 0.04em;
}
#comprometidos .bloques {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}
#comprometidos .bloque-item {
  display: block;
  flex-wrap: wrap;
  flex: 0 0 calc(33.3333333333% - 28px);
  margin: 0 20px;
  padding: 0 40px;
}
#comprometidos .bloque-item:first-child {
  margin-left: 0;
}
#comprometidos .bloque-item:last-child {
  margin-right: 0;
}
#comprometidos .bloque-item .icono {
  width: 100%;
  color: #6da7d0;
  font-size: 1.8333rem;
}
#comprometidos .bloque-item p {
  color: #002E67;
  font-size: 0.92rem;
  letter-spacing: 0.03em;
}
#comprometidos .bloque-item a {
  color: #002E67;
  font-size: 0.92rem;
  letter-spacing: 0.03em;
}
#comprometidos .bloque-item .title-item {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 5px;
  font-size: 1.4167rem;
}
#comprometidos .bloque-item .saber-mas {
  font-size: 1rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  text-decoration: underline;
  margin-top: 5px;
  display: flex;
  align-items: end;
}
#comprometidos .bloque-item .texto-item {
  height: 80px;
}

@media (max-width: 767px) {
  #comprometidos {
    padding: 60px 0 20px;
  }
  #comprometidos .subtitle {
    font-size: 1.6667rem;
  }
  #comprometidos .bloques {
    padding: 30px 0 0;
    display: block;
    text-align: center;
  }
  #comprometidos .bloque-item {
    display: block;
    padding: 0;
    margin: 0 0 40px;
  }
  #comprometidos .bloque-item .title-item {
    font-size: 1.3333rem;
  }
  #comprometidos .bloque-item .saber-mas {
    display: block;
  }
}
/*TITULO CONTENIDO (NOTICIAS, ...)*/
p.titulo-contenido {
  text-align: center;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 2.625rem;
  color: #002E67;
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  p.titulo-contenido {
    font-size: 1.6667rem;
  }
}
/***NOTICIAS***/
.generic-content .agbar-list.list-news .list-item-news {
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  color: #002E67;
}
.generic-content .agbar-list.list-news .list-item-news img {
  width: 100%;
}
.generic-content .agbar-list.list-news .list-item-news .texto {
  background: #f1f1f1;
  padding: 30px;
  height: 257px;
  position: relative;
}
.generic-content .agbar-list.list-news .list-item-news h2 {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  height: 56px;
  overflow: hidden;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
  font-size: 1.17rem;
}
.generic-content .agbar-list.list-news .list-item-news p {
  font-size: 0.92rem;
  letter-spacing: 0.03em;
}
.generic-content .agbar-list.list-news .list-item-news p.intro {
  margin-bottom: 20px;
  color: #000;
  display: block;
  display: -webkit-box;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 73px;
  position: relative;
}
.generic-content .agbar-list.list-news .list-item-news p.intro:before {
  bottom: 0;
  position: absolute;
  right: 0;
  float: right;
  content: "…";
  width: 40px;
  background: #F1F1F1;
}
.generic-content .agbar-list.list-news .list-item-news p.intro:after {
  content: "";
  position: absolute;
  height: 35px;
  width: 62%;
  z-index: 1;
  background: #F1F1F1;
}
.generic-content .agbar-list.list-news .list-item-news p.link {
  border-top: 1px solid #ccc;
  text-align: right;
  margin-bottom: 0;
  padding-top: 20px;
  line-height: 1;
  position: absolute;
  bottom: 30px;
  width: calc(100% - 60px);
}
.generic-content .agbar-list.list-news .list-item-news a {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  text-decoration: underline;
  font-size: 0.92rem;
  letter-spacing: 0.03em;
}

/***MAPA WEB***/
.portlet-boundary_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_ {
  background: #F1F1F1;
}

.hidrogea-web-map .row {
  display: block;
}
.hidrogea-web-map .col-md-3 {
  float: left;
}
.hidrogea-web-map .title-grouper, .hidrogea-web-map .hidrogea-web-map .title-grouper a, .hidrogea-web-map .hidrogea-web-map .list-child-menu li.child-orphan a {
  font-size: 0.92rem;
  color: #002E67 !important;
  font-family: "PTSans-Bold", sans-serif;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper {
  font-family: "PTSans-Bold", sans-serif !important;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
  display: block;
  color: #002E67 !important;
}
.hidrogea-web-map .btn-group-vertical > .btn-group:after, .hidrogea-web-map .btn-group-vertical > .btn-group:before, .hidrogea-web-map .btn-toolbar:after, .hidrogea-web-map .btn-toolbar:before, .hidrogea-web-map .clearfix:after, .hidrogea-web-map .clearfix:before, .hidrogea-web-map .container-fluid:after, .hidrogea-web-map .container-fluid:before, .hidrogea-web-map .container:after, .hidrogea-web-map .container:before, .hidrogea-web-map .dl-horizontal dd:after, .hidrogea-web-map .dl-horizontal dd:before, .hidrogea-web-map .form-horizontal .form-group:after, .hidrogea-web-map .form-horizontal .form-group:before, .hidrogea-web-map .modal-footer:after, .hidrogea-web-map .modal-footer:before, .hidrogea-web-map .modal-header:after, .hidrogea-web-map .modal-header:before, .hidrogea-web-map .nav:after, .hidrogea-web-map .nav:before, .hidrogea-web-map .navbar-collapse:after, .hidrogea-web-map .navbar-collapse:before, .hidrogea-web-map .navbar-header:after, .hidrogea-web-map .navbar-header:before, .hidrogea-web-map .navbar:after, .hidrogea-web-map .navbar:before, .hidrogea-web-map .pager:after, .hidrogea-web-map .pager:before, .hidrogea-web-map .panel-body:after, .hidrogea-web-map .panel-body:before, .hidrogea-web-map .row:after, .hidrogea-web-map .row:before {
  display: table;
  content: " ";
}
.hidrogea-web-map .btn-group-vertical > .btn-group:after, .hidrogea-web-map .btn-group-vertical > .btn-group:before, .hidrogea-web-map .btn-toolbar:after, .hidrogea-web-map .btn-toolbar:before, .hidrogea-web-map .clearfix:after, .hidrogea-web-map .clearfix:before, .hidrogea-web-map .container-fluid:after, .hidrogea-web-map .container-fluid:before, .hidrogea-web-map .container:after, .hidrogea-web-map .container:before, .hidrogea-web-map .dl-horizontal dd:after, .hidrogea-web-map .dl-horizontal dd:before, .hidrogea-web-map .form-horizontal .form-group:after, .hidrogea-web-map .form-horizontal .form-group:before, .hidrogea-web-map .modal-footer:after, .hidrogea-web-map .modal-footer:before, .hidrogea-web-map .modal-header:after, .hidrogea-web-map .modal-header:before, .hidrogea-web-map .nav:after, .hidrogea-web-map .nav:before, .hidrogea-web-map .navbar-collapse:after, .hidrogea-web-map .navbar-collapse:before, .hidrogea-web-map .navbar-header:after, .hidrogea-web-map .navbar-header:before, .hidrogea-web-map .navbar:after, .hidrogea-web-map .navbar:before, .hidrogea-web-map .pager:after, .hidrogea-web-map .pager:before, .hidrogea-web-map .panel-body:after, .hidrogea-web-map .panel-body:before, .hidrogea-web-map .row:after, .hidrogea-web-map .row:before {
  display: table;
  content: " ";
}
.hidrogea-web-map .btn-group-vertical > .btn-group:after, .hidrogea-web-map .btn-toolbar:after, .hidrogea-web-map .clearfix:after, .hidrogea-web-map .container-fluid:after, .hidrogea-web-map .container:after, .hidrogea-web-map .dl-horizontal dd:after, .hidrogea-web-map .form-horizontal .form-group:after, .hidrogea-web-map .modal-footer:after, .hidrogea-web-map .modal-header:after, .hidrogea-web-map .nav:after, .hidrogea-web-map .navbar-collapse:after, .hidrogea-web-map .navbar-header:after, .hidrogea-web-map .navbar:after, .hidrogea-web-map .pager:after, .hidrogea-web-map .panel-body:after, .hidrogea-web-map .row:after {
  clear: both;
}
.hidrogea-web-map.ov-container {
  padding: 2em 15px;
  margin-top: 160px;
}
.hidrogea-web-map.container {
  padding: 2em 15px;
  margin-top: 0;
  max-width: 1320px;
}
.hidrogea-web-map .list-child-menu > li {
  border: none;
}
.hidrogea-web-map .list-child-menu li {
  margin-bottom: 15px;
}
.hidrogea-web-map .list-child-menu li.child-orphan a {
  font-size: 0.92rem;
  color: #002E67;
  font-family: "PTSans-Bold" !important;
  text-decoration: none;
}
.hidrogea-web-map .map-title {
  padding-bottom: 15px;
  margin-left: 15px;
  margin-top: 2.5em;
  margin-bottom: 15px !important;
  text-transform: none;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  position: relative;
  pointer-events: none;
  color: #002E67;
  border-bottom: 4px solid #94adc5;
}
.hidrogea-web-map a {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #002E67;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper, .hidrogea-web-map .title-grouper a, .hidrogea-web-map .list-child-menu li.child-orphan a {
  font-size: 0.92rem;
  color: #002E67;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper .icon-chevron-down {
  position: absolute;
  top: 3px;
  right: 0;
  display: none;
}
.hidrogea-web-map ul.collapse {
  display: block;
  height: 100%;
}

@media (max-width: 767px) {
  .hidrogea-web-map .title-grouper .icon-chevron-down {
    display: inline-block;
  }
  .hidrogea-web-map ul.collapse {
    display: none;
    height: 0;
  }
  .hidrogea-web-map ul.collapse.in {
    display: block;
    height: 100%;
  }
}
/*Gestiones destacadas*/
#top-tramites {
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
  padding: 32px 32px 12px 32px;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 1rem;
  margin-top: -130px;
  width: 100%;
  display: flex;
  flex-flow: wrap;
}
#top-tramites .title-actions {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  width: 100%;
}
#top-tramites .title-actions .title {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  color: #002E67;
  margin: 0;
  letter-spacing: 1px;
}
#top-tramites .title-actions .actions a {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #1c9ae0;
  letter-spacing: 0;
  text-decoration: underline;
}
#top-tramites .tramites {
  display: flex;
  justify-content: space-around;
  flex-flow: wrap;
  list-style: none;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
}
#top-tramites .tramites li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  min-width: 100px;
}
#top-tramites .tramites li:hover {
  background: #f5f5f5;
  border-radius: 8px;
  cursor: pointer;
}
#top-tramites .tramites li a {
  text-align: center;
  text-decoration: none;
}
#top-tramites .tramites i {
  font-size: 5rem;
  color: #3C8AC0;
}
#top-tramites .tramites i:before {
  padding: 14px;
  border-radius: 5em;
}
#top-tramites .tramites .tr-title {
  color: #002E67;
  font-size: 1rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  margin-top: 10px;
  display: block;
}

/*estilos carrusel*/
.wrapper-slide .slide-content .inner-slide-content {
  top: 60px;
}

.wrapper-slide .carousel .bullets {
  top: 60%;
  bottom: inherit;
  margin-top: 27px;
}
.wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators {
  max-width: 1030px;
}

.wrapper-slide .carousel .carousel-controls-home {
  margin-top: 0;
  top: 60%;
}
.wrapper-slide .carousel .carousel-controls-home .ov-container {
  position: relative;
}

.wrapper-slide .carousel .carousel-control.playpause {
  left: 70px !important;
  top: 27px;
  position: absolute !important;
}

@media (max-width: 991px) {
  .wrapper-slide .slide-content .inner-slide-content {
    margin-left: 40px;
  }
  .wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators {
    max-width: 520px;
    margin-left: 22%;
  }
  .wrapper-slide .carousel .carousel-control.playpause {
    left: 120px !important;
  }
}
@media (max-width: 767px) {
  #top-tramites {
    margin-top: -40px;
  }
  .wrapper-slide .slide-content .inner-slide-content {
    margin-left: 0;
  }
  .wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  #top-tramites .tramites li {
    width: 50%;
  }
  #top-tramites .title-actions .title {
    margin-bottom: 20px;
    width: 100%;
  }
}
/***FOOTER***/
#footer a {
  text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
  text-decoration: underline;
}

#footer-top {
  min-height: inherit;
  padding: 1em 0;
  margin-top: 0 !important;
}
#footer-top:before {
  content: none;
}
#footer-top .links-external {
  margin-top: 1em;
  margin-bottom: 1em;
}
#footer-top .links-external a {
  padding: 0;
}

#footer-bottom {
  padding: 28px 0;
}
#footer-bottom .links-footer {
  margin-top: 0;
  text-align: inherit;
}
#footer-bottom .links-footer .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer-bottom .links-footer ul {
  margin-bottom: 0 !important;
}
#footer-bottom .links-footer .rrss {
  text-align: right;
}
#footer-bottom .links-footer .rrss .intro, #footer-bottom .links-footer .rrss .rss-links {
  display: inline-block;
}
#footer-bottom .links-footer .rrss .intro {
  margin-right: 15px;
  margin-bottom: 0;
}
#footer-bottom .links-footer .rrss .rss-links li {
  margin-right: 10px;
}
#footer-bottom .links-footer .rrss .rss-links li:last-child {
  margin-right: 0;
}
#footer-bottom .links-footer .rrss .rss-links span {
  display: none;
}
#footer-bottom .links-heading {
  text-align: center;
}
#footer-bottom .links-heading a {
  margin-right: 15px;
}
#footer-bottom .links-heading a:last-child {
  margin-right: 0;
}
#footer-bottom .links-heading img {
  max-height: 58px;
}

#footer-top .links-footer li, #footer-top .links-external li, #footer-bottom .links-footer li, #footer-bottom .links-external li {
  margin-right: 2.5em;
}
#footer-top .links-footer li:last-child, #footer-top .links-external li:last-child, #footer-bottom .links-footer li:last-child, #footer-bottom .links-external li:last-child {
  margin-right: 0;
}

#footer-logos {
  min-height: inherit;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
#footer-logos #footer-logos .apps {
  margin-bottom: 0;
}
#footer-logos #footer-logos .apps ul li {
  margin-bottom: 0;
  margin-right: 20px;
}
#footer-logos #footer-logos .apps ul li:last-child {
  margin-right: 0;
}
#footer-logos #footer-logos .apps ul img {
  margin: 0;
}

@media (max-width: 992px) {
  #footer-bottom .links-footer .row {
    display: inherit;
    text-align: center;
  }
  #footer-bottom .links-footer .rrss {
    text-align: center;
    margin-top: 20px;
  }
  #footer-bottom .links-footer .rrss .rss-links li {
    margin-right: 10px !important;
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #footer-top .links-external li, #footer-bottom .links-footer li {
    margin-right: 0 !important;
  }
  #footer-top .links-external li:last-child, #footer-bottom .links-footer li:last-child {
    margin-bottom: 0;
  }
}
.links-top-header {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .links-top-header {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
}
.links-top-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
.links-top-header ul li {
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .links-top-header ul.links-nav a {
    text-decoration: underline;
  }
}
.links-top-header ul.links-nav li {
  padding-right: 10px;
  position: relative;
  float: none;
}
.links-top-header ul.links-nav li ul {
  display: block;
  overflow: hidden;
}
.links-top-header ul.links-nav li ul li {
  display: inherit;
  width: 50%;
  float: left;
}
.links-top-header ul.links-nav li:after {
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  width: 1px;
  height: 50%;
  background-color: #C4C4C4;
}
.links-top-header ul.links-nav li:last-child {
  padding-right: 0;
}
.links-top-header ul.links-nav li:last-child:after {
  content: none;
}
.links-top-header ul.links-user {
  position: relative;
}
.links-top-header ul.links-user li {
  background-color: #97BA3C;
  padding: 0;
}
.links-top-header ul.links-user li a {
  color: white;
  padding-left: 25px;
  padding-right: 25px;
}
.links-top-header ul.links-user li.area-cliente {
  position: relative;
  background-image: url("/o/classic-theme/images/hidrogea/icon-user.png");
  background-repeat: no-repeat;
  background-position: 25px center;
}
.links-top-header ul.links-user li.area-cliente a {
  display: block;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .links-top-header ul.links-user li.area-cliente a span {
    font-size: 0;
  }
}
@media screen and (min-width: 900px) {
  .links-top-header ul.links-user li.area-cliente a span {
    font-size: 0.92rem;
  }
}
.links-top-header ul.links-user li.area-cliente.signed_in {
  background-position-x: 18px;
  /*height: 43px;*/
  vertical-align: top;
}
.links-top-header ul.links-user li.area-cliente.signed_in > span {
  margin-right: 20px;
  display: inline-block;
  padding: 7px 0;
  vertical-align: middle;
}
.links-top-header ul.links-user li.area-cliente.signed_in a {
  text-decoration: none;
  display: inline-block;
  height: 26px;
  width: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0;
}
.links-top-header ul.links-user li.area-cliente.signed_in .name-user {
  margin-right: 30px;
  color: white;
  margin-left: 55px;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 0.92rem;
}
.links-top-header ul.links-user li.area-cliente.signed_in .name-user a {
  width: auto;
}
.links-top-header ul.links-user li.area-cliente.signed_in .configuration a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-config.png");
}
.links-top-header ul.links-user li.area-cliente.signed_in .notifications a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-avisos.png");
  position: relative;
}
.links-top-header ul.links-user li.area-cliente.signed_in .notifications .num-notifications {
  width: 16px;
  height: 16px;
  background-color: #E53354;
  color: white;
  position: absolute;
  top: 0;
  right: -3px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 #333;
  display: block;
  line-height: 16px;
  text-align: center;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.688rem;
}
.links-top-header ul.links-user li.area-cliente.signed_in .notifications-empty a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-avisos-vacio.png");
  position: relative;
}
.links-top-header ul.links-user li.area-cliente.signed_in .notifications-empty .num-notifications {
  width: 16px;
  height: 16px;
  background-color: #E53354;
  color: white;
  position: absolute;
  top: 0;
  right: -3px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 #333;
  display: block;
  line-height: 16px;
  text-align: center;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.688rem;
}
.links-top-header ul.links-user li.area-cliente.signed_in .logout {
  margin-right: 40px;
}
.links-top-header ul.links-user li.area-cliente.signed_in .logout a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-logout.png");
}

#header-top {
  background-color: rgb(246, 247, 249);
  overflow: hidden;
  height: 35px;
}
@media screen and (max-width: 768px) {
  #header-top {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #header-top .row {
    height: 45px;
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #header-top {
    padding-left: 15px;
  }
}
#header-top a {
  padding: 12px 15px;
  display: inline-block;
  color: #013871;
}
#header-top .town {
  float: left;
  margin-right: 30px;
  padding: 10px 10px 9px 35px;
  background: url("/o/classic-theme/images/hidrogea/icon-position-gr.png") no-repeat left center;
  font-family: "PTSans-Regular", sans-serif;
}
#header-top .town .town-selected {
  font-size: 1.2em;
  font-family: "PTSans-Bold", sans-serif;
}
#header-top .town a {
  font-family: "PTSans-Regular", sans-serif;
  display: inline;
}
.not-selected-town #header-top .town a {
  display: inline;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
}
#header-top .language-selector-portlet {
  display: inline-block;
  position: relative;
}
#header-top .language-selector-portlet:before {
  content: "";
  position: absolute;
  top: 25%;
  left: -15px;
  width: 2px;
  height: 50%;
  background-color: #C4C4C4;
}
#header-top .language-selector-portlet .portlet-topper {
  display: none;
}
#header-top .language-selector-portlet .portlet {
  margin-bottom: 0;
}
#header-top .language-selector-portlet .language-entry-short-text {
  padding: 12px 15px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #header-top .language-selector-portlet {
    float: right;
  }
}
@media screen and (max-width: 900px) {
  #header-top .language-selector-portlet a.language-entry-short-text {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  #header-top .language-selector-portlet .portlet-content a {
    text-decoration: underline;
  }
}
#header-top .links-top-header ul li a {
  padding-left: 25px;
  padding-right: 25px;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #header-top .links-top-header ul li a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#header-top .links-top-header ul li.area-cliente a {
  padding-left: 60px;
}
#header-top .links-top-header ul li.area-cliente.signed_in a {
  padding: 0;
}

#header-middle {
  height: 75px;
}
#header-middle .links-heading {
  display: inline-block;
}
#header-middle a {
  height: 75px;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #header-middle {
    height: 100px;
  }
  #header-middle a {
    height: 100px;
  }
  #header-middle .site-title {
    display: block;
    float: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #header-middle {
    padding-right: 15px;
  }
}
@media screen and (min-width: 900px) {
  #header-middle {
    border-bottom: 0;
  }
}
#header-middle .hamburger {
  float: left;
  margin-right: 1em;
  padding: 1.5em 30px;
  height: 75px;
  background-color: #013871;
  position: relative;
  transition: left 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  #header-middle .hamburger {
    transition: none;
  }
}
@media screen and (max-width: 768px) {
  #header-middle .hamburger {
    height: 100px;
  }
}
#header-middle .hamburger.is-active {
  left: inherit;
  top: 0;
  right: 0;
  margin: 0;
  height: 50px;
  position: fixed;
  z-index: 2015;
  margin-left: 0;
  border-color: white;
  border-left: 0;
  padding: 10px;
}
.has-control-menu #header-middle .hamburger.is-active {
  top: 48px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .has-control-menu #header-middle .hamburger.is-active {
    top: 64px;
  }
}
#header-middle .hamburger.is-active .hamburger-inner,
#header-middle .hamburger.is-active .hamburger-inner:before,
#header-middle .hamburger.is-active .hamburger-inner:after {
  background-color: white;
}
#header-middle .hamburger .hamburger-box {
  font-family: "PTSans-Regular", sans-serif;
}
#header-middle .hamburger .hamburger-inner,
#header-middle .hamburger .hamburger-inner:before,
#header-middle .hamburger .hamburger-inner:after {
  background-color: white;
  width: 30px;
  height: 2px;
}
#header-middle .site-title {
  margin: 0 1em 0 0;
  float: right;
  align-items: center;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #header-middle .site-title {
    float: none;
    display: inline-block;
  }
}
#header-middle .links-heading {
  display: none;
  margin: 0;
  padding-top: 15px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #header-middle .links-heading {
    display: block;
    float: right;
    padding-top: 0;
  }
}
.not-selected-town #header-middle {
  background-color: #022e5f;
}
.not-selected-town #header-middle .hamburger {
  border-color: white;
}
.not-selected-town #header-middle .hamburger .hamburger-inner,
.not-selected-town #header-middle .hamburger .hamburger-inner:before,
.not-selected-town #header-middle .hamburger .hamburger-inner:after {
  background-color: white;
}
@media screen and (max-width: 500px) {
  .not-selected-town #header-middle .hamburger .hamburger-inner,
  .not-selected-town #header-middle .hamburger .hamburger-inner:before,
  .not-selected-town #header-middle .hamburger .hamburger-inner:after {
    background-color: #013871;
  }
}

#header-bottom {
  height: 45px;
}
@media screen and (max-width: 768px) {
  #header-bottom .links-top-header ul.links-user li.area-cliente.signed_in span {
    padding: 0;
  }
  #header-bottom .links-top-header ul.links-user li.area-cliente.signed_in span.name-user {
    max-width: calc(100% - 110px);
  }
  #header-bottom .links-top-header ul.links-user li.area-cliente.signed_in span.name-user a {
    width: auto;
    display: flex;
    align-items: center;
    min-height: 35px;
  }
  #header-bottom .links-top-header ul.links-user li.area-cliente.signed_in a {
    height: 35px;
    width: 35px;
    padding: 0;
    background-position-x: 0;
    margin-top: 2px;
  }
  #header-bottom .links-top-header ul.links-user li.area-cliente.signed_in .logout {
    margin-right: 5px;
  }
}
@media screen and (max-width: 900px) {
  #header-bottom {
    position: fixed;
    overflow-x: hidden;
    top: 0;
    left: -105%;
    width: 100%;
    height: 100vh;
    z-index: 1010;
    overflow-y: auto;
    background-color: #FFF;
    transition: left 0.4s ease-in-out;
  }
}
@media screen and (max-width: 900px) and (prefers-reduced-motion: reduce) {
  #header-bottom {
    transition: none;
  }
}
@media screen and (max-width: 900px) {
  .has-control-menu #header-bottom {
    top: 48px;
    height: calc(100vh - 48px);
  }
}
@media screen and (max-width: 900px) and (min-width: 500px) and (max-width: 768px) {
  .has-control-menu #header-bottom {
    top: 64px;
    height: calc(100vh - 64px);
  }
}
@media screen and (max-width: 900px) {
  .mobile-menu-is-active #header-bottom {
    left: 0;
  }
}
@media screen and (max-width: 900px) {
  #header-bottom .links-top-header {
    display: block;
    float: none;
  }
  #header-bottom .links-top-header a {
    display: block;
    padding: 15px;
    height: 50px;
  }
  #header-bottom .links-top-header ul {
    display: block;
    overflow: hidden;
    margin: 0;
  }
  #header-bottom .links-top-header ul.links-user {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
  }
  #header-bottom .links-top-header ul.links-nav li:first-child {
    width: 40%;
    text-align: right;
  }
  #header-bottom .links-top-header ul.links-nav li:last-child {
    width: 60%;
  }
  #header-bottom .links-top-header ul li {
    display: inherit;
    float: left;
  }
  #header-bottom .links-top-header ul li.registro {
    width: 40%;
    text-align: center;
  }
  #header-bottom .links-top-header ul li.area-cliente {
    border-left: 1px solid white;
    width: 60%;
  }
  #header-bottom .links-top-header ul li.area-cliente.signed_in {
    width: 100%;
  }
  #header-bottom .links-top-header ul li.area-cliente a {
    padding-left: 60px;
    padding-right: 5px;
    background-position-x: 8px;
  }
}
@media screen and (max-width: 900px) {
  #header-bottom .buscador {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 2011;
    transition: width 0.4s ease-in-out;
    width: 50px;
  }
}
@media screen and (max-width: 900px) and (prefers-reduced-motion: reduce) {
  #header-bottom .buscador {
    transition: none;
  }
}
@media screen and (max-width: 900px) {
  #header-bottom .buscador:after {
    content: "";
    width: 1px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 12px;
    right: 0;
  }
}
@media screen and (max-width: 900px) {
  .search-is-active #header-bottom .buscador {
    width: 90%;
    width: calc(100% - 50px);
  }
}
@media screen and (max-width: 900px) {
  #header-bottom .buscador .portlet-topper,
  #header-bottom .buscador .portlet-title-text,
  #header-bottom .buscador .btn-search {
    z-index: 2011;
    position: fixed;
    width: 50px;
    height: 50px;
    top: 0;
    background-image: url("/o/classic-theme/images/hidrogea/icon-search.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  .search-is-active #header-bottom .buscador .portlet-topper,
  .search-is-active #header-bottom .buscador .portlet-title-text,
  .search-is-active #header-bottom .buscador .btn-search {
    display: inherit;
  }
  #header-bottom .buscador .portlet-topper .glyphicon.glyphicon-search,
  #header-bottom .buscador .portlet-title-text .glyphicon.glyphicon-search,
  #header-bottom .buscador .btn-search .glyphicon.glyphicon-search {
    visibility: hidden;
  }
  #header-bottom .buscador .portlet-topper .is-active,
  #header-bottom .buscador .portlet-title-text .is-active,
  #header-bottom .buscador .btn-search .is-active {
    /* 					background-image: url("/o/classic-theme/images/hidrogea/icon-close.png"); */
    right: 90%;
    right: calc(100% - 50px);
  }
  #header-bottom .buscador .portlet-topper .is-active .glyphicon-remove,
  #header-bottom .buscador .portlet-title-text .is-active .glyphicon-remove,
  #header-bottom .buscador .btn-search .is-active .glyphicon-remove {
    color: white;
  }
  .has-control-menu #header-bottom .buscador .portlet-topper,
  .has-control-menu #header-bottom .buscador .portlet-title-text,
  .has-control-menu #header-bottom .buscador .btn-search {
    top: 48px;
  }
}
@media screen and (max-width: 900px) and (min-width: 500px) and (max-width: 768px) {
  .has-control-menu #header-bottom .buscador .portlet-topper,
  .has-control-menu #header-bottom .buscador .portlet-title-text,
  .has-control-menu #header-bottom .buscador .btn-search {
    top: 64px;
  }
}
@media screen and (max-width: 900px) {
  #header-bottom .buscador .portlet-search {
    position: relative;
    width: 0;
    opacity: 1;
    margin-left: 50px;
    height: 50px;
  }
  #header-bottom .buscador .portlet-search form.form {
    position: relative;
  }
  #header-bottom .buscador .portlet-search .portlet-topper {
    display: none;
  }
  .search-is-active #header-bottom .buscador .portlet-search {
    width: 100%;
  }
  #header-bottom .buscador .portlet-search .form-group {
    margin-bottom: 0;
    height: 50px;
    width: 0;
  }
  .search-is-active #header-bottom .buscador .portlet-search .form-group {
    width: 100%;
  }
  #header-bottom .buscador .portlet-search input.search-input {
    height: 50px;
    color: #555;
    width: 0;
  }
  .search-is-active #header-bottom .buscador .portlet-search input.search-input {
    width: 100%;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #header-bottom .links-top-header {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  #header-bottom {
    position: relative;
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes bounceInLeft {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
#navigation {
  overflow: hidden;
}
#navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation .bt-mobile-child {
  display: none;
  padding: 19.5px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 2px;
  background: url("/o/classic-theme/images/hidrogea/icon-next-menuchild.png") no-repeat center;
  background-size: 7px;
  border: 0;
  color: white;
  height: 50px;
  width: 40px;
  font-size: 0;
}
@media screen and (max-width: 900px) {
  #navigation {
    padding: 0 10px;
    border-top: 1px solid white;
  }
  #navigation ul {
    margin: 0;
    padding: 0;
  }
  #navigation a,
  #navigation .title-grouper {
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 1rem;
    min-height: 50px;
  }
  #navigation a.haslink,
  #navigation .title-grouper.haslink {
    padding: 0;
  }
  #navigation a a,
  #navigation .title-grouper a {
    border: 0;
    height: auto;
  }
  #navigation .bt-mobile-child {
    display: inherit;
  }
  #navigation li.hasChildren {
    position: relative;
    transition: 0.4s ease-in-out;
  }
}
@media screen and (max-width: 900px) and (prefers-reduced-motion: reduce) {
  #navigation li.hasChildren {
    transition: none;
  }
}
@media screen and (max-width: 900px) {
  #navigation li.hasChildren > a {
    padding-right: 45px;
  }
}
@media screen and (max-width: 900px) {
  #navigation li.hasChildren .show-menu {
    display: block;
    opacity: 1 !important;
    z-index: 10 !important;
    height: auto !important;
  }
}
@media screen and (max-width: 900px) {
  #navigation li.hasChildren.opened {
    position: fixed;
    overflow-y: auto;
    top: 0;
    width: 100%;
    z-index: 2012;
    left: 0;
    height: 100vh;
    background-color: #013871;
    animation-name: bounceInLeft;
    animation-duration: 0.4s;
    animation-fill-mode: both;
  }
  #navigation li.hasChildren.opened.closed {
    animation-name: bounceOutLeft;
    animation-duration: 0.4s;
    animation-fill-mode: both;
  }
  .has-control-menu #navigation li.hasChildren.opened {
    top: 48px;
    height: calc(100vh - 48px);
  }
}
@media screen and (max-width: 900px) and (min-width: 500px) and (max-width: 768px) {
  .has-control-menu #navigation li.hasChildren.opened {
    top: 64px;
    height: calc(100vh - 64px);
  }
}
@media screen and (max-width: 900px) {
  #navigation li.hasChildren.opened > a,
  #navigation li.hasChildren.opened > .title-grouper {
    padding-left: 55px;
    padding-right: 5px;
    margin-bottom: 10px;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media screen and (max-width: 900px) {
  #navigation li.hasChildren.opened > .bt-mobile-child {
    background-image: url("/o/classic-theme/images/hidrogea/icon-prev-menuchild.png");
    left: 0;
  }
}
@media screen and (max-width: 900px) {
  #navigation li.hasChildren.opened li.opened {
    max-width: 100%;
    top: 0;
  }
}
@media screen and (max-width: 900px) {
  #navigation > ul li.opened .list-child-menu,
  #navigation > ul li.opened .hasOrphan > ul,
  #navigation > ul li.opened > ul {
    display: block;
    height: auto;
  }
  #navigation > ul > li > a,
  #navigation > ul > li .child-orphan span,
  #navigation > ul > li .list-child-menu > li > a {
    text-transform: uppercase;
  }
  #navigation > ul ul {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  #navigation .list-child-menu > li > a {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #navigation {
    margin-top: 50px;
  }
}
@media screen and (min-width: 900px) {
  #navigation {
    position: static;
    float: left;
    width: auto;
    height: auto;
    background-color: transparent;
    margin-top: 0;
  }
  #navigation > ul > li {
    display: inline-block;
    position: static;
    border-bottom: 5px solid transparent;
    height: 45px;
    transition: 0.4s;
  }
}
@media screen and (min-width: 900px) and (prefers-reduced-motion: reduce) {
  #navigation > ul > li {
    transition: none;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > a,
  #navigation > ul > li > .title-grouper {
    font-size: 1.2em;
    padding: 10px 20px;
    display: block;
    text-transform: uppercase;
    font-family: "PTSans-Regular", sans-serif;
    text-decoration: none;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li.hasChildren > a {
    padding-right: 20px;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu {
    position: absolute;
    background-color: #013871;
    left: 0;
    top: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
    padding: 0 1em;
    height: 0;
    border-top: 1px solid white;
    overflow: hidden;
    box-shadow: 0 5px 10px -5px black;
    z-index: -1;
  }
}
@media screen and (min-width: 900px) and (prefers-reduced-motion: reduce) {
  #navigation > ul > li > .child-menu {
    transition: none;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu:hover {
    z-index: 10;
    display: block !important;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu a {
    display: block;
    padding: 5px 0;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu .child-menu-hover {
    z-index: 10;
    display: block !important;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu .list-child-menu {
    overflow: hidden;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li > a {
    text-transform: uppercase;
    margin-top: 10px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li:before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    background-color: white;
    position: absolute;
    left: 0;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li .sub-child-menu {
    padding-right: 15px;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li:first-child:before {
    content: none;
  }
  #navigation > ul > li > .child-menu .list-child-menu + .list-child-menu {
    margin-top: 20px;
    padding-top: 20px;
    display: block;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu .child-orphan span {
    color: white;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li > .child-menu .haschildren-hover {
    background-color: rgba(1, 56, 113, 0.9);
    border-color: white;
  }
  #navigation > ul > li > .child-menu .haschildren-hover > .child-menu {
    display: block;
    opacity: 1;
    height: auto;
    padding: 1em;
    z-index: 10;
    transition: 0.4s;
  }
}
@media screen and (min-width: 900px) and (prefers-reduced-motion: reduce) {
  #navigation > ul > li > .child-menu .haschildren-hover > .child-menu {
    transition: none;
  }
}
@media screen and (min-width: 900px) {
  #navigation > ul > li:hover {
    background-color: rgba(1, 56, 113, 0.9);
    border-color: white;
  }
  #navigation > ul > li:hover > .child-menu {
    display: block;
    opacity: 1;
    height: auto;
    padding: 1em;
    z-index: 10;
    transition: 0.4s;
  }
}
@media screen and (min-width: 900px) and (prefers-reduced-motion: reduce) {
  #navigation > ul > li:hover > .child-menu {
    transition: none;
  }
}
@media screen and (min-width: 900px) {
  #navigation .title-grouper {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
}
#navigation .title-grouper {
  color: white;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

.buscador {
  float: right;
  margin-top: 2px;
}
.buscador .btn-search {
  padding: 8px;
  /* 		background: url('/o/classic-theme/images/hidrogea/icon-search.png') no-repeat center; */
  background: none;
  font-size: 1.5em;
  /* 		font-size: 0; */
  border: 0;
  color: black;
  z-index: 1010;
  width: 40px;
  height: 40px;
  position: relative;
}
.buscador .btn-search.is-active {
  top: 2px;
}
.buscador .btn-search.is-active .glyphicon-remove {
  /* 				background-image: url('/o/classic-theme/images/hidrogea/icon-close.png')!important; */
  color: white;
}
.buscador .portlet-search {
  width: 0;
  position: absolute;
  z-index: 1010;
  right: 0;
  height: 45px;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .buscador .portlet-search {
    transition: none;
  }
}
.buscador .portlet-search form.form {
  margin: auto;
  width: 100%;
}
@media screen and (min-width: 900px) {
  .buscador .portlet-search form.form {
    width: 1070px;
  }
}
.buscador .portlet-search a.lfr-icon-item {
  color: white;
}
.buscador .portlet-search ::-webkit-input-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.buscador .portlet-search :-moz-placeholder { /* Firefox 18- */
  color: white !important;
  opacity: 1 !important;
}
.buscador .portlet-search ::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
  opacity: 1 !important;
}
.buscador .portlet-search :-ms-input-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.buscador .portlet-search input.search-input {
  height: 43px;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.85);
  border: 0;
  padding-right: 50px;
  width: 100%;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 1.25rem;
  background: none;
}
@media screen and (min-width: 900px) {
  .buscador .portlet-search input.search-input {
    width: 1020px;
  }
}
.buscador .portlet-search .icon-monospaced {
  width: 45px;
  height: 45px;
}
.buscador .portlet-search .icon-monospaced a {
  color: white !important;
}
.buscador .portlet-search .icon-monospaced a:focus {
  outline: none !important;
  border: none !important;
}
.buscador .portlet-search .icon-monospaced a:focus .lexicon-icon {
  outline: #FFFFFF solid 2px !important;
}
.buscador .portlet-search .icon-monospaced .lexicon-icon {
  width: 40px;
  height: 40px;
  margin-top: 2px;
}
.buscador .portlet-search .lfr-ddm-field-group {
  margin-bottom: 14px;
}
.search-is-active .buscador .portlet-search {
  background-color: #4E749B;
  width: 100%;
  opacity: 1;
}

#layout-column_column-2 .portlet-journal-content:first-child .journal-content-article {
  padding: 0;
}

/***HEADER***/
#header-top {
  background-color: #022e5f;
  color: #fff;
  font-size: 0.92rem;
}
#header-top a {
  color: #fff !important;
}
#header-top > .ov-container > .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  height: 40px;
}
#header-top > .ov-container > .row > div {
  display: flex;
  flex: 0 0 33.333333%;
}
#header-top .town {
  background: none !important;
  padding: 10px 0 9px;
  margin-right: 0;
  font-size: inherit !important;
}
#header-top .town .bi-geo-alt-fill {
  color: #fff;
  border-bottom: 2px solid #fff;
  margin-right: 5px;
  font-size: 0.92rem;
}
#header-top .town a {
  font-family: "PTSans-Bold", sans-serif !important;
  text-decoration: none;
  font-size: inherit !important;
}
#header-top #idiomas-header {
  justify-content: center;
}
#header-top .language-selector-portlet:before {
  content: none;
}
#header-top .language-selector-portlet .portlet-content a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6) !important;
}
#header-top .language-selector-portlet .language-entry-short-text {
  text-transform: none;
  padding: 0 5px;
  line-height: 1;
  border-left: 2px solid #fff;
  border-color: rgb(255, 255, 255);
}
#header-top .language-selector-portlet .language-entry-short-text:nth-child(2) {
  border: 0;
}
#header-top .language-selector-portlet span.language-entry-short-text {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
#header-top #links-header {
  font-family: "PTSans-Regular", sans-serif;
  justify-content: end;
}
#header-top .links-top-header {
  justify-content: end;
}
#header-top .links-top-header ul.links-nav li {
  padding-right: 25px;
}
#header-top .links-top-header ul.links-nav li:last-child {
  padding-right: 0;
}
#header-top .links-top-header ul.links-nav li:after {
  content: none;
}
#header-top .links-top-header ul.links-user {
  display: none;
}
#header-top .links-top-header ul li a {
  padding: 0;
  text-decoration: none;
}

#navigation > ul > li > a, #navigation > ul > li > .title-grouper {
  font-size: 1em;
}

/* NAVIGATOR */
#navigation > ul > li {
  border-bottom: 3px solid transparent;
}
#navigation > ul > li > .child-menu .list-child-menu {
  height: auto;
}
#navigation > ul > li:hover > .title-grouper {
  border-bottom: 3px solid;
  border-color: #3c8ac0;
}
#navigation > ul > li:hover > .child-menu {
  padding: 1em 0 0 0;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
}
#navigation > ul > li:hover > .child-menu > .row {
  background-color: #fff;
  padding: 20px 0 0 0;
  border-top: 1px solid white;
  z-index: 0;
}

#header-top {
  font-size: 0.75rem;
}
#header-top .town {
  padding: 8px 0;
}
#header-top .town .bi-geo-alt-fill {
  font-size: 0.75rem;
}
#header-top > .ov-container > .row {
  height: auto;
}

#header-middle {
  height: auto;
  display: flex;
  align-items: center;
}

#header-middle > .ov-container > .row {
  height: auto;
  padding: 10px 0;
}

@media (min-width: 992px) {
  #header-middle {
    height: 90px;
    position: relative;
  }
  #header-middle a {
    height: auto;
  }
  #header-middle > .ov-container > .row {
    display: flex;
    align-items: center;
    margin: 0;
    height: 90px;
  }
  #header-middle .site-title {
    display: flex;
    margin: 0;
  }
  #header-middle .site-title img {
    max-width: 156px;
    width: 100%;
    height: auto;
  }
  #header-middle .glyphicon-search:before {
    color: #002E67;
  }
  #header-middle nav {
    justify-content: center;
    flex: 1 0 0;
    display: flex;
  }
  #header-middle .buscador-area-cliente {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  #header-middle .links-top-header {
    margin-left: 15px;
  }
  #header-middle .links-top-header ul.links-user li {
    background-image: none;
    padding: 7px 10px;
    border-radius: 20px;
  }
  #header-middle .links-top-header ul.links-user li a {
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
  }
  #header-middle .links-top-header ul.links-user li a span {
    font-size: 1.2em;
  }
  #header-middle .links-top-header ul.links-user li a span:first-child {
    margin-right: 5px;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .name-user {
    margin: 0;
    padding: 0;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .name-user a {
    padding-right: 0;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .logout {
    margin-right: 0;
    padding: 4px 0;
  }
  #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .logout a {
    height: 15px;
    padding: 0;
    background-image: url("../images/hidrogea/icon-user-logout-blue.png");
  }
  #header-middle .ver-gestiones {
    border-top: 1px solid #eee;
    text-align: center;
    padding: 25px;
    text-transform: uppercase;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    display: none;
  }
  #header-middle li.hasChildren:first-child .child-menu .ver-gestiones {
    display: block;
  }
  #header-bottom {
    display: none;
  }
  .mobile-menu-is-active #header-bottom {
    display: block;
  }
  .blue-theme #header-middle .links-top-header ul.links-user li.area-cliente.signed_in .logout a {
    background-image: url("../images/hidrogea/icon-user-logout-white.png");
  }
}
@media (min-width: 992px) {
  #navigation > ul > li {
    height: 90px;
    display: table-cell;
    vertical-align: middle;
  }
  #navigation > ul > li:hover {
    background: none !important;
    border-color: transparent !important;
  }
  #navigation > ul > li > a, #navigation > ul > li > .title-grouper {
    text-transform: none;
    color: #002E67;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 15px 10px 10px;
  }
  #navigation > ul > li > .child-menu .list-child-menu > li:before {
    content: none;
  }
  #navigation > ul > li > .child-menu .child-orphan span {
    color: #013871;
  }
}
/*menu desplegado*/
@media (min-width: 992px) {
  #navigation > ul > li > .child-menu {
    background: #fff;
  }
  #navigation .title-grouper {
    color: #013871;
  }
  #navigation > ul > li > .child-menu a {
    color: #013871;
  }
  /*opciones con icono*/
  #navigation > ul > li:first-child .child-menu li .title-grouper.hasIcon {
    position: relative;
    padding-left: 30px;
  }
  #navigation > ul > li:first-child .child-menu li .title-grouper.hasIcon i {
    font-family: "agbarIcons", sans-serif !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 1.6667rem;
    position: absolute;
    top: -2px;
    left: 0;
    color: #3c8ac0;
    font-style: normal;
    font-weight: normal;
  }
  #navigation > ul > li:first-child .child-menu li ul.hasIcon {
    padding-left: 30px;
  }
  #navigation > ul > li:hover > .child-menu {
    padding: 1em 0 0 0;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
  }
  #navigation > ul > li:hover > .child-menu > .row {
    background-color: #fff;
    padding: 20px 0 0 0;
    border-top: 1px solid white;
    z-index: 0;
  }
  #navigation > ul > li > .child-menu .list-child-menu {
    height: auto;
  }
  #navigation > ul > li {
    border-bottom: 3px solid transparent;
  }
  #header-middle .links-top-header ul.links-user li a span {
    font-size: 1em;
  }
  .buscador .btn-search {
    font-size: 1.2em;
  }
  .buscador {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  #header-middle .site-title img {
    max-width: 180px;
    width: 100%;
    height: auto;
  }
  #navigation > ul > li > a, #navigation > ul > li > .title-grouper {
    padding: 15px 20px 10px;
  }
}
/***FOOTER***/
#footer {
  font-family: "PTSans-Regular", sans-serif;
}
#footer a {
  text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
  text-decoration: underline;
}
#footer .footer-top a, #footer .footer-bottom a {
  text-decoration: none;
}

#footer-top {
  min-height: inherit;
  padding: 1em 0;
  margin-top: 0 !important;
}
#footer-top:before {
  content: none;
}
#footer-top .links-external {
  margin-top: 1em;
  margin-bottom: 1em;
}
#footer-top .links-external a {
  padding: 0;
}

#footer-bottom {
  padding: 28px 0;
}
#footer-bottom .links-footer {
  margin-top: 0;
  text-align: inherit;
}
#footer-bottom .links-footer .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer-bottom .links-footer ul {
  margin-bottom: 0 !important;
}
#footer-bottom .links-footer .rrss {
  text-align: right;
}
#footer-bottom .links-footer .rrss .intro, #footer-bottom .links-footer .rrss .rss-links {
  display: inline-block;
}
#footer-bottom .links-footer .rrss .intro {
  margin-right: 15px;
  margin-bottom: 0;
}
#footer-bottom .links-footer .rrss .rss-links li {
  margin-right: 10px;
}
#footer-bottom .links-footer .rrss .rss-links li:last-child {
  margin-right: 0;
}
#footer-bottom .links-footer .rrss .rss-links span {
  display: none;
}
#footer-bottom .links-heading {
  text-align: center;
}
#footer-bottom .links-heading a {
  margin-right: 15px;
}
#footer-bottom .links-heading a:last-child {
  margin-right: 0;
}
#footer-bottom .links-heading img {
  max-height: 58px;
}

#footer-top .links-footer li, #footer-top .links-external li, #footer-bottom .links-footer li, #footer-bottom .links-external li {
  margin-right: 2.5em;
}

#footer-logos {
  min-height: inherit;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
#footer-logos #footer-logos .apps {
  margin-bottom: 0;
}
#footer-logos #footer-logos .apps ul li {
  margin-bottom: 0;
  margin-right: 20px;
}
#footer-logos #footer-logos .apps ul li:last-child {
  margin-right: 0;
}
#footer-logos #footer-logos .apps ul img {
  margin: 0;
}

@media (max-width: 992px) {
  #footer-bottom .links-footer {
    margin-top: 28px;
    text-align: inherit;
  }
  #footer-bottom .links-footer .row {
    display: inherit;
    text-align: center;
  }
  #footer-bottom .links-footer .rrss {
    text-align: center;
    margin-top: 20px;
  }
  #footer-bottom .links-footer .rrss .rss-links li {
    margin-right: 10px !important;
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #footer-top .links-external li, #footer-bottom .links-footer li {
    margin-right: 0 !important;
  }
  #footer-top .links-external li:last-child, #footer-bottom .links-footer li:last-child {
    margin-bottom: 0;
  }
}
#footer-logos {
  position: relative;
  background-color: #FFFFFF;
}
@media screen and (min-width: 500px) {
  #footer-logos .etiqueta {
    margin-right: 2em;
  }
}
#footer-logos > .container {
  position: relative;
}
#footer-logos .apps {
  margin-bottom: 1em;
}
@media screen and (min-width: 500px) {
  #footer-logos .apps {
    text-align: center;
    width: 100%;
  }
}
#footer-logos .apps a {
  text-decoration: none;
}
@media screen and (min-width: 500px) {
  #footer-logos .apps {
    margin-bottom: 1px;
    z-index: 1;
  }
}
#footer-logos .apps ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 500px) {
  #footer-logos .apps ul li {
    margin-bottom: 1em;
    display: inline-block;
  }
  #footer-logos .apps ul img {
    max-height: none;
    margin-right: 1em;
    margin-left: 1em;
  }
}
@media screen and (min-width: 500px) {
  #footer-logos .apps ul {
    display: block;
    text-align: center;
  }
  #footer-logos .apps {
    margin-bottom: 1.5em;
  }
  #footer-logos .apps ul {
    list-style: none;
  }
  #footer-logos .apps li {
    margin-bottom: 1em;
  }
  #footer-logos .apps img {
    max-height: 60px;
  }
}

.hidrogea-web-map .icon-external {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-link-external-webmap.png");
}
.hidrogea-web-map h1 {
  border-bottom: 3px solid #94ADC5;
  font-size: 1.4em;
  text-transform: uppercase;
  font-family: "PTSans-Bold", sans-serif;
  padding-bottom: 5px;
  margin-top: 1em;
}
.hidrogea-web-map h1 a {
  color: #013871;
}
.hidrogea-web-map .title-grouper {
  font-family: "PTSans-Bold", sans-serif;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
  display: block;
}
.hidrogea-web-map ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hidrogea-web-map ul li {
  display: block;
}
.hidrogea-web-map .list-child-menu li {
  margin-bottom: 15px;
}
.hidrogea-web-map .list-child-menu li.child-orphan a {
  font-family: "PTSans-Bold", sans-serif;
  text-transform: uppercase;
}
.hidrogea-web-map .list-child-menu > li {
  border-left: 1px solid #94ADC5;
}
.hidrogea-web-map .list-child-menu > li:first-child {
  border-left: 0;
}
@media screen and (min-width: 500px) {
  .hidrogea-web-map .list-child-menu > li {
    border-left: 0;
    margin-bottom: 1em;
  }
}
.hidrogea-web-map .list-child-menu + .list-child-menu {
  border-top: 1px solid #94ADC5;
  padding-top: 1em;
  margin-top: 1em;
}

.portlet-boundary_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_ {
  background: #F1F1F1;
}

.hidrogea-web-map.container {
  padding: 2em 15px;
  margin-top: 0;
}
.hidrogea-web-map .list-child-menu > li {
  border: none;
}
.hidrogea-web-map .list-child-menu li {
  margin-bottom: 15px;
}
.hidrogea-web-map .map-title {
  padding-bottom: 15px;
  margin-left: 15px;
  margin-top: 2.5em;
  margin-bottom: 1.5em;
  text-transform: none;
  font-family: "PTSans-Bold", sans-serif;
  font-weight: 500;
  font-size: 1.4em;
  position: relative;
  pointer-events: none;
  color: #002E67;
  border-bottom: 4px solid #94adc5;
}
.hidrogea-web-map a {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #002E67;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper, .hidrogea-web-map .title-grouper a, .hidrogea-web-map .list-child-menu li.child-orphan a {
  font-size: 0.92rem;
  color: #002E67;
  font-family: "PTSans-Bold", sans-serif;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper .icon-chevron-down {
  position: absolute;
  top: 3px;
  right: 0;
  display: none;
}
.hidrogea-web-map ul.collapse {
  display: block;
  height: 100%;
}
.hidrogea-web-map .list-child-menu > li {
  border: none;
}
.hidrogea-web-map .list-child-menu li {
  margin-bottom: 15px;
}
.hidrogea-web-map a {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #002E67;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper, .hidrogea-web-map .title-grouper a, .hidrogea-web-map .list-child-menu li.child-orphan a {
  font-size: 0.92rem;
  color: #002E67;
  text-decoration: none;
}
.hidrogea-web-map .title-grouper .icon-chevron-down {
  position: absolute;
  top: 3px;
  right: 0;
  display: none;
}
.hidrogea-web-map ul.collapse {
  display: block;
  height: 100%;
}
.hidrogea-web-map .icon-external {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-link-external-webmap.png");
}
.hidrogea-web-map h1 {
  border-bottom: 3px solid #94ADC5;
  font-size: 1.4em;
  text-transform: uppercase;
  font-family: "PTSans-Bold", sans-serif;
  padding-bottom: 5px;
  margin-top: 1em;
}
.hidrogea-web-map h1 a {
  color: #013871;
}
.hidrogea-web-map .title-grouper {
  font-family: "PTSans-Bold", sans-serif;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
  display: block;
}
.hidrogea-web-map ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hidrogea-web-map .list-child-menu li {
  margin-bottom: 5px;
}
.hidrogea-web-map .list-child-menu li.child-orphan a {
  font-family: "PTSans-Bold", sans-serif;
  text-transform: uppercase;
}
.hidrogea-web-map .list-child-menu > li {
  border-left: none;
}
.hidrogea-web-map .list-child-menu > li:first-child {
  border-left: 0;
}
@media screen and (min-width: 500px) {
  .hidrogea-web-map .list-child-menu > li {
    border-left: 0;
    margin-bottom: 1em;
  }
}
.hidrogea-web-map .list-child-menu + .list-child-menu {
  border-top: 1px solid #94ADC5;
  padding-top: 1em;
  margin-top: 1em;
}

@media (max-width: 767px) {
  .hidrogea-web-map .title-grouper .icon-chevron-down {
    display: inline-block;
  }
  .hidrogea-web-map ul.collapse {
    display: none;
    height: 0;
  }
  .hidrogea-web-map ul.collapse.in {
    display: block;
    height: 100%;
  }
}
.portlet-boundary.portlet-site-map {
  float: none;
}
.portlet-boundary.portlet-site-map a {
  color: #002E67;
}
.portlet-boundary.portlet-site-map a:hover, .portlet-boundary.portlet-site-map a:active, .portlet-boundary.portlet-site-map a:focus {
  text-decoration: none;
}
.portlet-boundary.portlet-site-map .hidrogea-web-map .list-child-menu ul li {
  border-left: none;
  margin-bottom: 15px;
}
.portlet-boundary.portlet-site-map .hidrogea-web-map .map-title {
  font-family: "PTSans-Bold", sans-serif;
}

#footer #footer-bottom ul.links-footer li a:hover {
  text-decoration: underline;
}
#footer #footer-bottom ul.links-footer li a {
  text-decoration: none;
}
#footer #footer-bottom ul.links-footer .journal-content-article {
  background-color: #022e5f;
}
#footer #footer-top ul.links-external li a:hover {
  text-decoration: underline;
}
#footer #footer-top ul.links-external li a {
  text-decoration: none;
}
#footer #footer-top .icon-external {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-link-external-webmap.png");
  background-size: 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
}

#footer #footer-bottom a {
  text-decoration: none;
}

#footer #footer-top .links-external a:hover {
  text-decoration: underline !important;
}

#footer #footer-bottom a:hover {
  text-decoration: underline !important;
}

.changeBillType__form-component {
  padding: 0;
}
.changeBillType__form-component .form {
  display: grid;
  grid-template-areas: "form-desc" "form-action-panel" "form-table";
}
.changeBillType__form-component .form .form-desc {
  grid-area: form-desc;
  color: #3e3e3e;
  font-family: "PT Sans", sans-serif;
  font-size: 0.92rem;
  line-height: 25px;
}
.changeBillType__form-component .form .form-action-panel {
  display: grid;
  grid-template-areas: "selected-contracts form-actions";
  grid-template-columns: 2fr 1fr;
  grid-area: form-action-panel;
  border: 1px solid #D9DADB;
  border-top: none;
  padding: 10px 32px;
}
.changeBillType__form-component .form .form-action-panel .selected-contracts {
  grid-area: selected-contracts;
  display: inline-flex;
  color: #3e3e3e;
  font-family: "PT Sans", sans-serif;
  font-size: 0.92rem;
  line-height: 25px;
}
.changeBillType__form-component .form .form-action-panel .selected-contracts p {
  color: #3e3e3e;
  font-family: "PT Sans", sans-serif;
  font-size: 0.92rem;
  line-height: 25px;
  margin: 0;
}
.changeBillType__form-component .form .form-action-panel .selected-contracts .selected-contracts-from {
  padding-right: 5px;
}
.changeBillType__form-component .form .form-action-panel .selected-contracts .selected-contracts-to {
  padding-left: 5px;
}
.changeBillType__form-component .form .form-action-panel .form-actions {
  display: grid;
  grid-template-areas: "actions-modify-bill actions-modify-mail";
  grid-template-columns: repeat(2, 1fr);
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-bill {
  grid-area: actions-modify-bill;
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-mail {
  grid-area: actions-modify-mail;
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-mail .icon-edit:before {
  transform: scale(1.1);
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-mail, .changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-bill {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-mail span, .changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-bill span {
  font-family: "PT Sans", sans-serif;
  font-size: 0.92rem;
  text-decoration: underline;
  color: #003775;
  cursor: pointer;
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-mail i, .changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-bill i {
  color: #003775;
}
.changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-mail i:before, .changeBillType__form-component .form .form-action-panel .form-actions .actions-modify-bill i:before {
  padding: 3px 5px 0 5px;
}
.changeBillType__form-component .form .form-table {
  grid-area: form-table;
  grid-template-areas: "form-header" "form-data";
}
.changeBillType__form-component .form .form-table .form-header, .changeBillType__form-component .form .form-table .form-data {
  display: grid;
  grid-template-columns: 0.5fr 2fr 3.5fr 2fr 3fr 120px;
}
.changeBillType__form-component .form .form-table .form-header {
  grid-area: form-header;
  grid-template-areas: "header-checkbox header-contract header-address header-bill-type header-contact header-authorized";
  align-items: center;
  background-color: #F8F8F8;
  border-top: 1px solid #D9DADB;
  border-left: 1px solid #D9DADB;
  border-right: 1px solid #D9DADB;
  color: #3e3e3e;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 0.92rem;
  font-style: normal;
}
.changeBillType__form-component .form .form-table .form-header .header-checkbox {
  grid-area: header-checkbox;
  width: 32px;
  height: 32px;
  background-color: transparent;
  position: relative;
  border-radius: 50%;
}
.changeBillType__form-component .form .form-table .form-header .header-checkbox:hover {
  background-color: rgba(65, 93, 154, 0.3);
}
.changeBillType__form-component .form .form-table .form-header .header-checkbox input {
  width: 16px;
  height: 16px;
  margin: 0;
  position: absolute;
  top: 8px;
  left: 8px;
}
.changeBillType__form-component .form .form-table .form-header .header-checkbox input:checked {
  accent-color: #415D9A;
}
.changeBillType__form-component .form .form-table .form-header .header-checkbox input:indeterminate:before {
  content: "";
  position: relative;
  display: block;
  color: #FFFFFF;
  width: 16px;
  height: 16px;
  background-color: #415D9A;
  border-radius: 2px;
}
.changeBillType__form-component .form .form-table .form-header .header-checkbox input:indeterminate:after {
  content: "";
  margin: 0;
  display: block;
  width: 8px;
  border: 1px solid #FFFFFF;
  position: relative;
  bottom: 9px;
  left: 4px;
}
.changeBillType__form-component .form .form-table .form-header .header-contract {
  grid-area: header-contract;
}
.changeBillType__form-component .form .form-table .form-header .header-address {
  grid-area: header-address;
}
.changeBillType__form-component .form .form-table .form-header .header-bill-type {
  grid-area: header-bill-type;
}
.changeBillType__form-component .form .form-table .form-header .header-contact {
  grid-area: header-contact;
}
.changeBillType__form-component .form .form-table .form-header .header-authorized {
  grid-area: header-authorized;
}
.changeBillType__form-component .form .form-table .form-data {
  grid-area: form-data;
  grid-template-areas: "checkbox-column contract-number-column contract-address-column contract-type-column contact-email-column contract-authorized-column";
  align-items: center;
  border-top: 1px solid #D9DADB;
  border-left: 1px solid #D9DADB;
  border-right: 1px solid #D9DADB;
}
.changeBillType__form-component .form .form-table .form-data:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.changeBillType__form-component .form .form-table .form-data:nth-child(even) {
  background-color: #F8F8F8;
}
.changeBillType__form-component .form .form-table .form-data:first-child {
  border-top: 0;
}
.changeBillType__form-component .form .form-table .form-data:last-child {
  border-bottom: 1px solid #D9DADB;
}
.changeBillType__form-component .form .form-table .form-data .checkbox-column {
  grid-area: checkbox-column;
  width: 32px;
  height: 32px;
  background-color: transparent;
  position: relative;
  border-radius: 50%;
}
.changeBillType__form-component .form .form-table .form-data .checkbox-column:not(.element-disabled):hover {
  background-color: rgba(65, 93, 154, 0.3);
}
.changeBillType__form-component .form .form-table .form-data .checkbox-column input {
  width: 16px;
  height: 16px;
  margin: 0;
  position: absolute;
  top: 8px;
  left: 8px;
}
.changeBillType__form-component .form .form-table .form-data .checkbox-column input:checked {
  accent-color: #415D9A;
}
.changeBillType__form-component .form .form-table .form-data .first-column {
  grid-area: first-column;
}
.changeBillType__form-component .form .form-table .form-data .ico-gota:before {
  content: "";
  display: block;
  background: url(/o/cxov-theme/images/hidrogea/gota-blue.png) no-repeat center;
  width: 32px;
  height: 32px;
  transform: scale(0.7);
}
.changeBillType__form-component .form .form-table .form-data .contract-number-column {
  grid-area: contract-number-column;
  display: flex;
  align-items: center;
}
.changeBillType__form-component .form .form-table .form-data .contract-number-column .contract-alias {
  display: flex;
  align-items: center;
  font-size: 0.92rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  margin-right: 0.3ch;
}
.changeBillType__form-component .form .form-table .form-data .contract-address-column {
  grid-area: contract-address-column;
}
.changeBillType__form-component .form .form-table .form-data .contract-type-column {
  grid-area: contract-type-column;
}
.changeBillType__form-component .form .form-table .form-data .contact-email-column {
  grid-area: contact-email-column;
}
.changeBillType__form-component .form .form-table .form-data .contract-authorized-column {
  grid-area: contract-authorized-column;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types {
  height: 100%;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .selected-check-show:after {
  display: block;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .selected-check-hide:after {
  display: none;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .type-ico-bg {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EBF0DC;
  border-radius: 50%;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .type-desc:first-child {
  font-size: 1.17rem;
  padding: 0 0 5px 0;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .type-desc:last-child {
  font-size: 1rem;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .pdf-type-ico, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .paper-type-ico, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .xml-type-ico {
  width: 32px;
  height: 32px;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml {
  display: grid;
  grid-template-columns: 1fr 6fr;
  min-height: 100px;
  align-items: center;
  padding: 15px;
  border: 2px solid #DBDBDB;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf:not(.selected-check-hide), .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper:not(.selected-check-hide), .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml:not(.selected-check-hide) {
  border: 2px solid #002d63;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf:after, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper:after, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml:after {
  content: "\f00c";
  font-family: "fontawesome-alloy", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  margin: 10px;
  color: #FFFFFF;
  background-color: #203564;
  border-radius: 50%;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf:hover, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper:hover, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml:hover {
  background-color: #F9F9F9;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf .ov-title, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper .ov-title, .changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml .ov-title {
  letter-spacing: 0.5px;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf {
  grid-template-areas: "pdf-type-ico pdf-type-desc";
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf .type-ico-bg {
  grid-area: pdf-type-ico;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf .type-ico-bg .pdf-type-ico {
  background: url(/o/cxov-theme/images/commons/factura-digital.svg) center no-repeat;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePdf .pdf-type-desc {
  grid-area: pdf-type-desc;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper {
  grid-template-areas: "paper-type-ico paper-type-desc";
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper .type-ico-bg {
  grid-area: paper-type-ico;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper .type-ico-bg .paper-type-ico {
  background: url(/o/cxov-theme/images/commons/factura-papel.svg) center no-repeat;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typePaper .paper-type-desc {
  grid-area: paper-type-desc;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml {
  grid-template-areas: "xml-type-ico xml-type-desc";
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml .type-ico-bg {
  grid-area: xml-type-ico;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml .type-ico-bg .xml-type-ico {
  background: url(/o/cxov-theme/images/commons/factura-xml.svg) center no-repeat;
}
.changeBillType__form-component #changeBillType-bill-modal-dialog .bill-modal-types .bill-modal-typeXml .xml-type-desc {
  grid-area: xml-type-desc;
}
@media (max-width: 500px) {
  .changeBillType__form-component .form-action-panel {
    grid-template-areas: "selected-contracts" "form-actions" !important;
    grid-template-columns: 1fr !important;
  }
  .changeBillType__form-component .form-action-panel .form-actions {
    grid-template-areas: "actions-modify-bill" "actions-modify-mail" !important;
    grid-template-columns: 1fr !important;
  }
  .changeBillType__form-component .form-action-panel .form-actions .actions-modify-bill, .changeBillType__form-component .form-action-panel .form-actions .actions-modify-mail {
    justify-content: flex-start !important;
  }
  .changeBillType__form-component .form-header, .changeBillType__form-component .form-data {
    grid-template-columns: 0.1fr !important;
  }
  .changeBillType__form-component .form-header {
    grid-template-areas: "header-checkbox header-contract" "header-address header-address" "header-bill-type header-bill-type" "header-contact header-contact" "header-authorized header-authorized" !important;
  }
  .changeBillType__form-component .form-data {
    grid-template-areas: "checkbox-column contract-number-column " "contract-address-column contract-address-column" "contract-type-column contract-type-column" "contact-email-column contact-email-column" "contract-authorized-column contract-authorized-column" !important;
  }
  .changeBillType__form-component .ov-modal-content {
    padding-bottom: 81px;
  }
}
.changeBillType__form-component .changeBillType-error-container .changeBillType-error-title {
  font-size: 1.0833rem !important;
}
.changeBillType__form-component .changeBillType-error-container .changeBillType-error-desc {
  font-size: 0.92rem !important;
}
.changeBillType__form-component .filter-title {
  font-size: 1.6667rem;
  font-family: "PT Sans", sans-serif;
  letter-spacing: 1px;
  color: #002d63;
}
.changeBillType__form-component .contract-authorized-column {
  margin: 10px 0 0 0;
}

.my-consumption-desktop-tab1 {
  display: block;
}
.my-consumption-desktop-tab1 .tab-pane-content .graphics-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.my-consumption-desktop-tab1 .tab-pane-content .graphics-container .graphic-group .card {
  height: 400px;
}

.my-consumption-desktop-tab2 {
  display: block;
}

.my-consumption-desktop-tab3 {
  display: block;
}

.mis-consumos {
  /* @media screen and (max-width: $ov-tablet-max-width) {*/
  /*} */
  font-size: 1.0833rem;
  color: #444;
}
.mis-consumos div.tooltip.right {
  left: 50px !important;
}
@media (max-width: 500px) {
  .mis-consumos {
    background: #F5F5F5;
  }
}
.mis-consumos .btn {
  line-height: normal;
}
.mis-consumos .btn.btn-primary {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  color: #013871;
  text-decoration: none;
  height: 35px;
  border-radius: 30px;
  border: 0;
  display: inline-block;
  background-color: #97BA3C;
}
.mis-consumos .aviso-destacado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-info.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  overflow: hidden;
  padding-left: 90px;
  height: 80px;
  font-size: 1rem;
  margin-bottom: 80px;
  box-shadow: 0 10px 10px -10px #333;
}
.mis-consumos .aviso-destacado .titulo {
  margin-top: 15px;
}
.mis-consumos .aviso-destacado .titulo p.tit {
  margin: 0;
  font-family: "OpenSans-SemiBold", sans-serif;
  text-transform: uppercase;
}
.mis-consumos .aviso-destacado .titulo p {
  margin: 0;
}
.mis-consumos .aviso-destacado .titulo p a {
  color: #013871;
  text-decoration: underline;
}
.mis-consumos .table-list .table-thead-list {
  border-bottom: 1px solid #ABABAB;
  background-color: rgba(1, 56, 113, 0.04);
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.mis-consumos .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
  color: #666;
}
.mis-consumos .table-list .table-tr-list {
  border-bottom: unset !important;
  padding: 12px 5px;
}
.mis-consumos .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.mis-consumos .table-list .table-th-list,
.mis-consumos .table-list .table-td-list {
  float: left;
  min-height: 10px;
}
.mis-consumos .nav-tabs > li {
  width: 33.3333%;
  opacity: 0.5;
  transition: 0.4s;
  font-family: "OpenSans-Regular", sans-serif;
  padding-left: 5px;
  padding-right: 5px;
}
.mis-consumos .nav-tabs > li:first-of-type {
  padding-left: 0;
}
.mis-consumos .nav-tabs > li:last-of-type {
  padding-right: 0;
}
.mis-consumos .nav-tabs > li a {
  color: #444;
  border-bottom: 2px solid rgba(0, 0, 0, 0.6);
  text-decoration: none;
  border-left: 0;
  background: none;
  display: block;
}
.mis-consumos .nav-tabs > li.active, .mis-consumos .nav-tabs > li:hover {
  opacity: 1;
}
.mis-consumos .nav-tabs > li.active a, .mis-consumos .nav-tabs > li:hover a {
  background-color: rgba(104, 148, 206, 0.1);
  border-bottom-color: rgba(1, 56, 113, 0.6);
  border-bottom-width: 2px;
  color: #013871;
  border-left: 0;
}
.mis-consumos .strong {
  font-family: "OpenSans-Regular", sans-serif;
}
.mis-consumos .bloques-consumos {
  /*.info-pie*/
  /*.porcentaje p*/
}
.mis-consumos .bloques-consumos > h3 {
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #737373;
  font-family: "OpenSans-Regular", sans-serif;
}
.mis-consumos .bloques-consumos .periodo {
  margin-bottom: 38px;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #737373;
}
.mis-consumos .bloques-consumos .info-pie {
  padding: 5px 0px;
}
.mis-consumos .bloques-consumos .porcentaje p {
  height: 23px;
  font-size: 1.0833rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #737373;
  margin-bottom: 0;
  /*span.important*/
}
.mis-consumos .bloques-consumos .porcentaje p span {
  font-weight: 600;
  color: #013871;
}
.mis-consumos .bloques-consumos .info-consumo {
  background: no-repeat left top;
  padding-top: 10px;
  min-height: 60px;
  line-height: 1.25;
  margin-bottom: 25px;
}
.mis-consumos .bloques-consumos .info-consumo.consumo-neg, .mis-consumos .bloques-consumos .info-consumo.consumo-pos {
  padding-left: 85px;
}
.mis-consumos .bloques-consumos .info-consumo.consumo-neg {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo.png");
}
.mis-consumos .bloques-consumos .info-consumo.consumo-pos {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo.png");
}
.mis-consumos .bloques-consumos .info-consumo .percent {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: #97BA3C;
}
.mis-consumos .bloques-consumos .medida-consumo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
}
.mis-consumos .bloques-consumos .medida-consumo .medida.full-width {
  /* width: 100%;
   float: none;*/
}
.mis-consumos .bloques-consumos .medida-consumo .medida.full-width .periodo {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida {
    /* width: 100%;
     float: none;*/
    /*margin-bottom: 10px;*/
    margin: auto;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .titulo {
  font-family: "OpenSans-Regular", sans-serif;
  margin-bottom: 15px;
  display: block;
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graph-ultimo {
  border-radius: 50%;
  position: relative;
  margin: 0px auto 15px auto;
  border: none;
  width: 200px;
  height: 200px;
  background-color: #bce649;
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graph-ultimo .top-data {
  margin-top: 35px;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-ultimo {
    width: 180px;
    height: 180px;
    margin: 0px auto 15px auto;
  }
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-ultimo .top-data {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-ultimo {
    width: 125px;
    height: 125px;
    margin: 0px auto 15px auto;
  }
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-ultimo .top-data {
    margin-top: 30px;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio {
  border-radius: 50%;
  position: relative;
  margin: 30px auto 18px auto;
  width: 200px;
  height: 200px;
  background-color: #ecf0f6;
  border: solid 2px #cccccc;
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio .top-data {
  margin-top: 35px;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio {
    width: 180px;
    height: 180px;
    margin: 10px auto 38px auto;
  }
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio .top-data {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio {
    width: 125px;
    height: 125px;
    margin: 0px auto 15px auto;
  }
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio .top-data {
    margin-top: 25px;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio-left {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio-left {
    margin: 10px auto;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio-left {
    margin: auto;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio-right {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio-right {
    margin: 10px auto;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .graph-medio-right {
    margin: auto;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .graphic {
  height: 235px;
  margin-bottom: 15px;
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data {
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
  text-align: center;
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data .data-value {
  font-size: 3.1667rem;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data .data-value {
    font-size: 2.8333rem;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data .data-value {
    font-size: 1.6667rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data .data-unit {
  font-size: 1.8333rem;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data .data-unit {
    font-size: 1.6667rem;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data .data-unit {
    font-size: 1.25rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_grande .data-value {
  font-size: 3.1667rem;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_grande .data-value {
    font-size: 2.8333rem;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_grande .data-value {
    font-size: 1.6667rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_grande .data-unit {
  font-size: 1.8333rem;
}
@media screen and (max-width: 900px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_grande .data-unit {
    font-size: 1.6667rem;
  }
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_grande .data-unit {
    font-size: 1.25rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_mediano .data-value {
  font-size: 1.6667rem;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_mediano .data-value {
    font-size: 1.3333rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_mediano .data-unit {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_mediano .data-unit {
    font-size: 1.17rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_pequenyo .data-value {
  font-size: 1.3333rem;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_pequenyo .data-value {
    font-size: 1rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_pequenyo .data-unit {
  font-size: 1.17rem;
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .medida-consumo .medida .top-data.ultimoConsumo_pequenyo .data-unit {
    font-size: 0.8333rem;
  }
}
.mis-consumos .bloques-consumos .medida-consumo .medida .periodo {
  display: block;
}
.mis-consumos .bloques-consumos .medida-consumo div#leyenda-distribucion-consumo {
  text-align: left;
  font-family: "OpenSans-Light", sans-serif;
}
.mis-consumos .bloques-consumos .medida-consumo div#leyenda-distribucion-consumo ul.distribucion-consumo {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 1.7em;
  margin-bottom: 1.7em;
  list-style: square;
}
.mis-consumos .bloques-consumos .medida-consumo div#leyenda-distribucion-consumo ul.distribucion-consumo li {
  margin-bottom: 0px !important;
}
.mis-consumos .bloques-consumos .medida-consumo div#leyenda-distribucion-consumo ul.distribucion-consumo span {
  color: #444;
}
.mis-consumos .bloques-consumos .medida-consumo div#leyenda-distribucion-consumo ul.distribucion-consumo span.distribucion-consumo-titulo {
  font-weight: bold;
}
.mis-consumos .bloques-consumos input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.mis-consumos .bloques-consumos input[type=radio] + label {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #013871;
  background-color: rgba(211, 219, 228, 0.8);
  padding: 5px 30px;
  line-height: 1;
  border-top: 2px solid #ABADB0;
  border-bottom: 2px solid #ABADB0;
  border-right: 2px solid #ABADB0;
  margin-left: -5px;
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .mis-consumos .bloques-consumos input[type=radio] + label {
    transition: none;
  }
}
.mis-consumos .bloques-consumos input[type=radio] + label:first-of-type {
  border-left: 2px solid #ABADB0;
  margin-left: 0;
}
.mis-consumos .bloques-consumos input[type=radio] + label.radio-inline-button {
  border: 0;
  border-radius: 30px;
  margin-right: 15px;
  font-size: 1.17rem;
}
.mis-consumos .bloques-consumos input[type=radio]:checked + label {
  color: white;
  background-color: rgba(151, 186, 60, 0.9);
}
.mis-consumos .bloques-consumos .filters .filter-group {
  display: inline-block;
  margin-right: 20px;
}
.mis-consumos .bloques-consumos .filters .field-label {
  margin-bottom: 8px;
}
.mis-consumos .bloques-consumos .group-buttons-right {
  text-align: right;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .group-buttons-right {
    text-align: center;
  }
}
.mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos {
  position: absolute;
  left: 0;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding-left: 55px;
  padding-right: 85px;
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png"), url("/o/classic-theme/images/hidrogea/angle-up-orange.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 80% center;
  background-size: 20px, auto;
  color: #EA8A02;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png"), url("/o/classic-theme/images/hidrogea/angle-down-orange.png");
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos {
    width: 100%;
    position: relative;
    margin-top: 30px;
  }
}
.mis-consumos .bloques-consumos .group-buttons-right #mostrar-graficos {
  margin-top: 20px;
  text-align: center;
  padding: 20px;
}
.mis-consumos .bloques-consumos .group-buttons-left {
  text-align: left;
  margin-bottom: 35px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .group-buttons-left {
    text-align: center;
  }
}
.mis-consumos .bloques-consumos .group-buttons-left .btn-mostrar-graficos {
  position: absolute;
  left: 0;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding-left: 55px;
  padding-right: 85px;
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png"), url("/o/classic-theme/images/hidrogea/angle-up-orange.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 80% center;
  background-size: 20px, auto;
  color: #EA8A02;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.mis-consumos .bloques-consumos .group-buttons-left .btn-mostrar-graficos.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png"), url("/o/classic-theme/images/hidrogea/angle-down-orange.png");
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .group-buttons-left .btn-mostrar-graficos {
    width: 100%;
    position: relative;
    margin-top: 30px;
  }
}
.mis-consumos .bloques-consumos .group-buttons-left #mostrar-graficos {
  margin-top: 20px;
  text-align: center;
  padding: 20px;
}
.mis-consumos .bloques-consumos .buscador-consumos.caudal {
  margin-top: 30px;
  padding-bottom: 30px;
}
.mis-consumos .bloques-consumos .buscador-consumos.caudal .buscador-titulo {
  width: auto;
  height: 24px;
  font-size: 1.17rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #737373;
}
.mis-consumos .bloques-consumos .form.form-buscador-caudal.formulario-busquedas {
  margin: 20px 0px 0px 0px;
  padding: 30px;
}
.mis-consumos .bloques-consumos .buscador-consumos {
  position: relative;
}
.mis-consumos .bloques-consumos .buscador-consumos .btn-buscador {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding-left: 55px;
  padding-right: 120px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.mis-consumos .bloques-consumos .buscador-consumos .btn-buscador.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .buscador-consumos .btn-buscador {
    width: 100%;
  }
}
.mis-consumos .bloques-consumos .buscador-consumos .group-buttons-right {
  position: absolute;
  top: 0;
  right: 0;
}
.mis-consumos .bloques-consumos .buscador-consumos .group-buttons-right .btn {
  padding-left: 40px;
  padding-right: 40px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .buscador-consumos .group-buttons-right {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mis-consumos .bloques-consumos .buscador-consumos .group-buttons-right .btn {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.mis-consumos .bloques-consumos .buscador-consumos label.radio-inline {
  font-size: 1.0833rem;
  height: auto;
}
.mis-consumos .bloques-consumos .buscador-consumos label.radio-inline:before, .mis-consumos .bloques-consumos .buscador-consumos label.radio-inline:after {
  content: none;
}
.mis-consumos .bloques-consumos .buscador-consumos .tipo,
.mis-consumos .bloques-consumos .buscador-consumos .fechas {
  padding: 0;
}
.mis-consumos .bloques-consumos .buscador-consumos .fechas > .input-group {
  width: 50%;
  float: left;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .mis-consumos .bloques-consumos .buscador-consumos .fechas > .input-group {
    width: 100%;
    float: none;
  }
}
.mis-consumos .bloques-consumos .buscador-consumos .group-submit {
  margin-top: 0px;
  padding-top: 20px;
  position: relative;
}
.mis-consumos .bloques-consumos .buscador-consumos .fecha {
  margin-left: 10px;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .w-20 {
  width: 20%;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .w-25 {
  width: 25%;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .w-33 {
  width: 33%;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .w-50 {
  width: 50%;
}
@media (max-width: 767px) {
  .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-fecha,
  .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-lectura,
  .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-hora,
  .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumo {
    width: 100%;
  }
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-fecha,
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-lectura,
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-hora,
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumo {
  text-align: center;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumo-tipo, .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-hora {
  display: none;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type {
  width: 10%;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ov, .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ov-form-field .field-element select, .ov-form-field .field-element .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type select, .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type input[type]:not([type=submit]):not([type=reset]),
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ov-form-field .field-element textarea,
.ov-form-field .field-element .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type textarea, .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type h3, .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type h2.ov-small, .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ql-container .ql-editor:before, .ql-container .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ql-editor:before,
.mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type .ql-container .ql-editor p,
.ql-container .ql-editor .mis-consumos .bloques-consumos .wrapper-listado-consumos .cell-consumption_type p {
  color: #FFF;
  border-radius: 10px;
  padding: 0px 15px;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .load-more {
  text-align: center;
  margin-top: 30px;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .load-more a {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
  color: #97BA3C;
  text-decoration: none;
  display: inline-block;
}
.mis-consumos .bloques-consumos .wrapper-listado-consumos .spinner {
  margin: 30px auto;
}
.mis-consumos .bloques-consumos .listado-consumos-leyenda {
  display: grid;
  grid-gap: 15px;
  border-top: 1px solid #D9D9D9;
  padding-top: 30px;
}
.mis-consumos .bloques-consumos .listado-consumos-leyenda .leyenda-div {
  display: inline-grid;
  grid-template-columns: 150px auto;
}
.mis-consumos .bloques-consumos .listado-consumos-leyenda .leyenda-div .leyenda_icon {
  color: #FFF;
  font-size: smaller;
  border-radius: 10px;
  padding: 0px 15px;
  width: fit-content;
  height: 20px;
  align-self: center;
  grid-row: 1;
  grid-column: 1;
}
.mis-consumos .bloques-consumos .listado-consumos-leyenda .leyenda-div .leyenda_desc {
  font-size: small;
  font-style: italic;
  grid-row: 1;
  grid-column: 2;
}
.mis-consumos .bloques-consumos .real {
  background-color: #6D8F00;
  font-family: "PTSans-Regular", sans-serif;
}
.mis-consumos .bloques-consumos .acumulado {
  background-color: #415D9A;
  font-family: "PTSans-Regular", sans-serif;
}
.mis-consumos .bloques-consumos .reajuste {
  background-color: #828282;
  font-family: "PTSans-Regular", sans-serif;
}
.mis-consumos .wrapper-listado-caudales .table-list .table-thead-list .cell-fecha {
  padding-top: 20px;
}
.mis-consumos .wrapper-listado-caudales .cell-fecha, .mis-consumos .wrapper-listado-caudales .cell-hora, .mis-consumos .wrapper-listado-caudales .cell-medida {
  width: 20% !important;
  text-align: center;
  float: left;
}
.mis-consumos .wrapper-listado-caudales .cell-fecha span, .mis-consumos .wrapper-listado-caudales .cell-hora span, .mis-consumos .wrapper-listado-caudales .cell-medida span {
  display: block;
  text-align: center;
}
.mis-consumos .wrapper-listado-caudales .cell-caudal {
  width: 40%;
}
.mis-consumos .wrapper-listado-caudales .cell-caudal > span {
  display: block;
  text-align: center;
}
.mis-consumos .wrapper-listado-caudales .cell-caudal .cell-hora, .mis-consumos .wrapper-listado-caudales .cell-caudal .cell-medida {
  width: 50% !important;
}
@media screen and (max-width: 768px) {
  .mis-consumos .wrapper-listado-caudales .table-list .table-thead-list {
    display: none;
  }
  .mis-consumos .wrapper-listado-caudales .cell-fecha,
  .mis-consumos .wrapper-listado-caudales .cell-hora, .mis-consumos .wrapper-listado-caudales .cell-medida {
    width: 100% !important;
    text-align: left !important;
    float: none;
  }
  .mis-consumos .wrapper-listado-caudales .cell-fecha:before,
  .mis-consumos .wrapper-listado-caudales .cell-hora:before, .mis-consumos .wrapper-listado-caudales .cell-medida:before {
    content: attr(data-label) ":";
    font-family: "OpenSans-Regular", sans-serif;
    margin-right: 5px;
  }
  .mis-consumos .wrapper-listado-caudales .cell-fecha span,
  .mis-consumos .wrapper-listado-caudales .cell-hora span, .mis-consumos .wrapper-listado-caudales .cell-medida span {
    display: inline-block;
  }
}
.mis-consumos .alertas-consumo .form-buscador-alertas label.label-input-group {
  display: block;
  margin-bottom: 15px;
}
.mis-consumos .alertas-consumo .form-buscador-alertas select {
  width: 100%;
}
.mis-consumos .alertas-consumo .legend-alertas {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 0.92rem;
  text-align: center;
  display: block;
  margin-top: 10px;
  margin-bottom: 50px;
  color: black;
}
.mis-consumos .alertas-consumo .legend-alertas .sobreconsumo,
.mis-consumos .alertas-consumo .legend-alertas .fuga {
  margin-right: 15px;
}
.mis-consumos .alertas-consumo .legend-alertas .sobreconsumo:before,
.mis-consumos .alertas-consumo .legend-alertas .fuga:before,
.mis-consumos .alertas-consumo .legend-alertas .noconsumo:before {
  width: 25px;
  height: 25px;
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 2px solid;
}
.mis-consumos .alertas-consumo .legend-alertas .sobreconsumo:before {
  border-color: #BD0303;
}
.mis-consumos .alertas-consumo .legend-alertas .fuga:before {
  border-color: #013871;
}
.mis-consumos .alertas-consumo .legend-alertas .noconsumo:before {
  border-color: #EC9A24;
}
.mis-consumos .alertas-consumo .group-buttons {
  text-align: center;
}
.mis-consumos .alertas-consumo .titulo-listado {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.3333rem;
  color: #013871;
  margin-top: 10px;
}
.mis-consumos .alertas-consumo .listado-ultimos-avisos {
  padding: 0;
  margin: 30px 0 0;
  list-style: none;
  color: #666;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
}
.mis-consumos .alertas-consumo .listado-ultimos-avisos li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.mis-consumos .alertas-consumo .listado-ultimos-avisos li:last-of-type {
  border-bottom: 0;
}
.mis-consumos .alertas-consumo .listado-ultimos-avisos li p {
  margin-bottom: 0;
  line-height: normal;
}
.mis-consumos .alertas-consumo .listado-ultimos-avisos .titulo {
  font-family: "OpenSans-Regular", sans-serif;
}
.mis-consumos .alertas-consumo .yui3-calendar-content {
  border: 0;
  background: transparent;
  padding: 10px 5px 0;
}
.mis-consumos .alertas-consumo .yui3-calendar-content tr {
  border: 0;
}
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-g.yui3-calendar-header-label,
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-g [class*=yui3-u].yui3-calendar-header-label {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.3333rem;
  color: #013871;
  text-transform: capitalize;
}
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-header {
  margin-bottom: 30px;
}
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendarnav-prevmonth {
  background: url("/o/diligentia-theme-1.0/images/hidrogea/icon-prev-pag-aviso.png") no-repeat center;
  border: 0;
  width: 30px;
  height: 30px;
  display: block;
  top: 0;
}
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendarnav-nextmonth {
  background: url("/o/diligentia-theme-1.0/images/hidrogea/icon-next-pag-aviso.png") no-repeat center;
  border: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 0;
}
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-weekday {
  font-weight: normal;
  font-family: "OpenSans-SemiBold", sans-serif;
  color: #013871;
  text-align: center;
  background: none;
  border: 0;
  font-size: 1.17rem;
}
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day {
  position: relative;
}
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day:after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day.sobreconsumo:after {
  border: 2px solid #BD0303;
}
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day.fuga:after {
  border: 2px solid #013871;
}
.mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day.noconsumo:after {
  border: 2px solid #EC9A24;
}
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day:hover {
  background: rgba(1, 56, 113, 0.04);
}
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-day,
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-prevmonth-day,
.yui3-skin-sam .mis-consumos .alertas-consumo .yui3-calendar-content .yui3-calendar-nextmonth-day {
  border: 0;
  padding: 12.5px;
  color: #666;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.17rem;
}
.mis-consumos .ov-container .bloques-consumos .btn-combined > a {
  border-right: none !important;
}
.mis-consumos .bloques-consumos p.info-distribucion-consumo {
  padding-top: 10px;
}
.mis-consumos .bloques-consumos .pie-grafico {
  font-size: 0.75rem;
  text-align: center;
}
.mis-consumos .bloques-consumos .tab-menu ul li {
  float: right;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}
.mis-consumos .bloques-consumos .tab-menu ul li a {
  display: block;
  height: 40px;
  width: 150px;
  background-color: #28234e;
  color: #FFF;
  font-family: "OpenSans-SemiBold", sans-serif;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-decoration: none;
}
.mis-consumos .bloques-consumos .tab-menu ul li {
  text-align: center;
}
.mis-consumos .bloques-consumos .tab-menu ul li a.active {
  background-color: #ebf0f6 !important;
  color: #013871;
  font-family: "OpenSans-SemiBold", sans-serif;
  padding: 5px 10px;
  text-decoration: none;
}
.mis-consumos .bloques-evolucion-consumo {
  height: auto;
  padding-bottom: 60px;
}
.mis-consumos .bloques-evolucion-consumo .titulo-bloques-evolucion-consumo {
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #013871;
}
.mis-consumos .titulo-bloques-evolucion-consumo h2 {
  margin: 0px;
}
.mis-consumos .bloques-evolucion-consumo .misconsumos-radio {
  margin-top: 8px;
  height: auto;
  margin-bottom: 0px;
  text-align: center;
}
.mis-consumos .formularios .bloques-evolucion-consumo [type=radio]:not(:checked) + label, .mis-consumos .formularios [type=radio]:checked + label {
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #013871;
}
.mis-consumos .misconsumos-evolucion-titulo-grafica {
  font-size: 1.6667rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #013871;
  padding-bottom: 20px;
}
.mis-consumos .misconsumos-evolucion-titulo-grafica.ov, .mis-consumos .ov-form-field .field-element select.misconsumos-evolucion-titulo-grafica, .ov-form-field .field-element .mis-consumos select.misconsumos-evolucion-titulo-grafica, .mis-consumos .ov-form-field .field-element input.misconsumos-evolucion-titulo-grafica[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element .mis-consumos input.misconsumos-evolucion-titulo-grafica[type]:not([type=submit]):not([type=reset]),
.mis-consumos .ov-form-field .field-element textarea.misconsumos-evolucion-titulo-grafica,
.ov-form-field .field-element .mis-consumos textarea.misconsumos-evolucion-titulo-grafica, .mis-consumos h3.misconsumos-evolucion-titulo-grafica, .mis-consumos h2.misconsumos-evolucion-titulo-grafica.ov-small, .mis-consumos .ql-container .misconsumos-evolucion-titulo-grafica.ql-editor:before, .ql-container .mis-consumos .misconsumos-evolucion-titulo-grafica.ql-editor:before,
.mis-consumos .ql-container .ql-editor p.misconsumos-evolucion-titulo-grafica,
.ql-container .ql-editor .mis-consumos p.misconsumos-evolucion-titulo-grafica {
  font-size: 1em;
  text-align: left;
}
.mis-consumos .separador-mis-vecinos {
  line-height: 45px;
  margin-bottom: 1.5em;
}
.mis-consumos .formularios .form-group button.w-help {
  margin-top: 0px;
}
.mis-consumos .mostrar-graficos {
  padding: 20px 0px 20px 0px;
}
.mis-consumos .descarga .descargar-documento a {
  color: #fff;
}
.mis-consumos .descarga .descargar-documento {
  background-color: #28234e;
}
.mis-consumos .descarga.descarga-listado {
  margin-top: 0px;
}
.mis-consumos .listado-caudales {
  margin-top: 20px;
}
.mis-consumos .adjust-content {
  overflow: auto;
}
.mis-consumos .modal h2 {
  font-family: "PTSans-Bold", sans-serif !important;
  font-size: 1.5em;
}
.mis-consumos .modal-content {
  padding: 30px;
}
.mis-consumos .modal-content .description {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  line-height: normal;
}
.mis-consumos .modal-content .buttons {
  margin-top: 40px;
}
.mis-consumos .modal-content .buttons .btn-primary-ov {
  float: right;
}
.mis-consumos .info-adicional-consumo-1 .icon-lightbulb, .mis-consumos .info-adicional-consumo-2 .icon-lightbulb, .mis-consumos .info-adicional-alarmas .icon-lightbulb {
  color: #4EAAF8;
}
.mis-consumos .info-adicional-consumo-1 a, .mis-consumos .info-adicional-consumo-2 a, .mis-consumos .info-adicional-alarmas a {
  color: #4EAAF8;
  font-size: 0.92rem;
  font-weight: 700;
  margin-left: 0.5em;
}
.mis-consumos .bloques-consumos .filter-header-title {
  display: grid;
  grid-template-columns: 60% 40%;
}
.mis-consumos .bloques-consumos .filter-header-title .filter-header-group {
  display: flex;
  align-items: center;
  gap: 20px;
}
.mis-consumos .bloques-consumos .filter-header-title .filter-header-group h2 {
  margin: 0;
}
.mis-consumos .bloques-consumos h2.ov, .mis-consumos .bloques-consumos h2.ov-small, .mis-consumos .bloques-consumos .ql-container h2.ql-editor:before, .ql-container .mis-consumos .bloques-consumos h2.ql-editor:before {
  display: inline;
}
.mis-consumos .info-adicional-consumo-2 {
  display: inline;
  margin-top: 1.5em;
}
.mis-consumos .info-adicional-consumo-2 {
  margin-left: 0em;
}
.mis-consumos .info-adicional-alarmas {
  margin-top: 1.5em;
  margin-left: 1.5em;
}
@media (min-width: 768px) {
  .mis-consumos .alarm-section h2 {
    display: inline;
  }
  .mis-consumos .alarm-section .info-adicional-alarmas {
    display: inline;
  }
}
.mis-consumos .video-telelectura video {
  margin-top: 20px;
}
.mis-consumos div#mis-consumos-video-telelectura .buttons {
  margin-top: 0px;
}
.mis-consumos div#mis-consumos-video-telelectura .video-telelectura {
  margin-top: 1em;
}
.mis-consumos #div-mensaje-telelectura {
  display: block;
}
.mis-consumos #div-mensaje-telelectura .notification {
  display: flex;
}
.mis-consumos #div-mensaje-telelectura .notification .mensaje-telelectura {
  flex-direction: column;
  min-width: 85%;
  padding-left: 0.5em;
}
.mis-consumos #div-mensaje-telelectura .notification .mensaje-telelectura .title {
  margin: 17px 0 0 0;
}
.mis-consumos #div-mensaje-telelectura .notification .mensaje-telelectura .description {
  margin: 0.5em 0 1em 0;
}
.mis-consumos #div-mensaje-telelectura .notification .notification-content .title {
  font-size: 1em;
  font-weight: 700;
  margin: 17px 0;
  text-align: left;
}
.mis-consumos #div-mensaje-telelectura .notification .notification-content .description {
  font-size: 0.8em;
  font-family: PTSans-Regular, sans-serif;
}
.mis-consumos #div-mensaje-telelectura .notification .notification-button button {
  font-size: 0.92rem;
}
@media (max-width: 768px) {
  .mis-consumos #div-mensaje-telelectura .notification {
    display: block;
  }
}

.load-more-alertas {
  text-align: center;
  margin-top: 30px;
}
.load-more-alertas a {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
  color: #28234e;
  text-decoration: none;
  display: inline-block;
}

div.introducir-lectura {
  margin-top: 20px;
  text-align: right;
}

.telelectura-video-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.telelectura-video-container #custom-seekbar {
  cursor: pointer;
  position: relative;
  width: 100%;
  top: 9px;
  height: 2px;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: visible;
}
.telelectura-video-container #custom-seekbar span {
  background-color: #273C64;
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
  height: 2px;
}
.telelectura-video-container #custom-seekbar span:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background-color: #273C64;
  border-radius: 50%;
  top: -3px;
  right: -3px;
  transform: scale(1.2);
}
.telelectura-video-container .video-telelectura {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.telelectura-video-container .playButton-background {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #273C64;
  border-radius: 50%;
}
.telelectura-video-container .playButton-background #playButton {
  position: relative;
  top: 20px;
  left: 20px;
  background: url(/o/cxov-theme/images/mobilePlayer/playButton.svg) center no-repeat;
  height: 40px;
  width: 40px;
  border: 0;
}
.telelectura-video-container .playButton-background #playButton:focus {
  outline: 0 !important;
  text-decoration: none !important;
}
.telelectura-video-container .controls {
  position: absolute;
  bottom: 17px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  border-radius: 0 0 10px 10px;
  padding: 5px 5px;
  background: rgba(38, 50, 56, 0.4);
}
.telelectura-video-container .controls .videoTime {
  color: #FFFFFF;
  text-shadow: 1px 0 2px #000000;
  margin: 0 10px;
  font-size: 0.75rem;
  justify-content: center;
  align-self: center;
}
.telelectura-video-container .controls #rewindButton {
  background: url("/o/cxov-theme/images/mobilePlayer/rewindButton.svg") center no-repeat;
  height: 20px;
}
.telelectura-video-container .controls #forwardButton {
  background: url("/o/cxov-theme/images/mobilePlayer/forwardButton.svg") center no-repeat;
  height: 20px;
}
.telelectura-video-container .controls #fullScreenButton {
  background: url("/o/cxov-theme/images/mobilePlayer/fullScreenButton.svg") center no-repeat;
  height: 20px;
}
.telelectura-video-container .controls .timeline {
  flex: 1;
  display: flex;
  align-items: center;
  border: none;
  padding: 0 10px;
}
.telelectura-video-container .controls .timeline .bar {
  background: #FFFFFF;
  height: 4px;
  flex: 1;
  border-radius: 10px;
}
.telelectura-video-container .controls .timeline .bar .inner {
  background: #273C64;
  width: 0;
  height: 100%;
  border-radius: 10px;
}
.telelectura-video-container .controls button {
  background: transparent;
  color: #FFFFFF;
  font-weight: bolder;
  text-shadow: 2px 1px 2px #000;
  border: none;
  cursor: pointer;
  margin: 0 5px;
}
.telelectura-video-container .controls button:focus {
  outline: 0 !important;
  text-decoration: none !important;
}

.mobile-button-modal {
  margin: 0 -25px;
  width: 100%;
  height: 81px;
  position: fixed;
  bottom: 0;
  background: #FFFFFF;
  outline: 1px solid #DDDDDD;
}
.mobile-button-modal button {
  position: relative;
  top: 20px;
  right: 25px;
}

.fadeIn {
  animation: fadeIn 0.4s;
  opacity: 1;
}

.fadeOut {
  opacity: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.my-invoices-desktop {
  display: block;
}
.my-invoices-desktop .listado-facturas thead tr th {
  background-color: #F8F8F8;
}
.my-invoices-desktop .listado-facturas tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.my-invoices-desktop .listado-facturas tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.my-invoices-desktop .listado-facturas a.ov.strong.bold, .my-invoices-desktop .listado-facturas .ql-container a.strong.bold.ql-editor:before, .ql-container .my-invoices-desktop .listado-facturas a.strong.bold.ql-editor:before {
  font-weight: bold;
  color: #013871;
  font-size: 0.92rem;
}
.my-invoices-desktop .listado-facturas a.ov.strong.bold.relacionada, .my-invoices-desktop .listado-facturas .ql-container a.strong.bold.relacionada.ql-editor:before, .ql-container .my-invoices-desktop .listado-facturas a.strong.bold.relacionada.ql-editor:before {
  margin-left: 1em;
}
.my-invoices-desktop .listado-facturas td {
  border-style: none;
}
.my-invoices-desktop .listado-facturas .pago-online {
  display: flex;
  align-items: center;
}
.my-invoices-desktop .bill-state {
  font-family: "PT Sans", sans-serif;
  display: inline-block;
  padding: 4px 8px;
  color: white;
  border-radius: 5em;
  text-align: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.my-invoices-desktop .green-state-ov {
  background-color: #6D8F00;
}
.my-invoices-desktop .red-state-ov {
  background-color: #F49719;
}
.my-invoices-desktop span.ov.blue, .my-invoices-desktop .ql-container span.blue.ql-editor:before, .ql-container .my-invoices-desktop span.blue.ql-editor:before {
  font-weight: bold;
  color: #013871;
}
.my-invoices-desktop span.ico-pago-new {
  background-image: url(/o/cxov-theme/images/hidrogea/payments_black_24dp.svg);
  background-repeat: no-repeat;
  width: 1.6em;
  height: 15px;
  display: inline-block;
}
.my-invoices-desktop .empty-state {
  padding-top: 0px !important;
  padding-bottom: 50px !important;
}
.my-invoices-desktop .empty-state h3.ov-title {
  color: #5B5B5B;
}

.invoices-empty-state {
  text-align: center;
  padding-top: 56px;
}
@media screen and (max-width: 650px) {
  .invoices-empty-state {
    padding-top: 0;
  }
}
.invoices-empty-state .invoices-ico-bill {
  width: 225px;
  height: 200px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/invoices-empty-state.svg") no-repeat center;
  text-indent: -999em;
}
@media screen and (max-width: 650px) {
  .invoices-empty-state .invoices-ico-bill {
    width: 254px;
    height: 152px;
    margin: 20px;
  }
}
.invoices-empty-state .title .invoices-empty-state__title {
  color: #002D63;
  font-size: 1.25rem;
  font-weight: bold;
  font-family: "PT Sans", sans-serif;
  margin: 26px 0 10px;
}
.invoices-empty-state .description .invoices-empty-state__description {
  color: #5B5B5B;
  font-size: 1.17rem;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
  margin: 5px 0 30px;
}

.mis-facturas {
  margin-top: 60px;
  /*.pestanas-facturas*/
}
.mis-facturas .grafica-gasto-medio {
  width: 275px;
  height: 275px;
  text-align: center;
  margin: 97px auto 50px auto;
  color: #28234e;
}
.mis-facturas .grafica-gasto-medio > div {
  height: 135px;
}
.mis-facturas .grafica-gasto-medio > div span {
  display: block;
}
.mis-facturas .grafica-gasto-medio .gasto-medio-top {
  background-color: #bce649;
  border-top-left-radius: 135px;
  border-top-right-radius: 135px;
  padding-top: 15px;
}
.mis-facturas .grafica-gasto-medio .gasto-medio-down {
  background-color: #ecf0f6;
  border-bottom-left-radius: 135px;
  border-bottom-right-radius: 135px;
  padding-top: 7px;
}
.mis-facturas .grafica-gasto-medio .year {
  font-size: 1.3333rem;
  padding: 10px 0 5px 0;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.mis-facturas .grafica-gasto-medio .gasto {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 2.5rem;
}
.mis-facturas .grafica-gasto-medio .gasto .euro {
  font-size: 1.6667rem;
  display: inline;
}
.mis-facturas .aviso-destacado {
  background-color: #f8d064;
  background-image: url("/o/classic-theme/images/hidrogea/ico-info.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  overflow: hidden;
  padding-left: 90px;
  height: 80px;
  font-size: 1rem;
  margin-bottom: 80px;
  box-shadow: 0 10px 10px -10px #333;
}
.mis-facturas .aviso-destacado .titulo {
  margin-top: 15px;
}
.mis-facturas .aviso-destacado .titulo p.tit {
  margin: 0;
  font-family: "OpenSans-SemiBold", sans-serif;
  text-transform: uppercase;
}
.mis-facturas .aviso-destacado .titulo p {
  margin: 0;
  font-family: "OpenSans-Regular", sans-serif;
}
.mis-facturas .aviso-destacado .titulo p a {
  color: #013871;
  text-decoration: underline;
}
.mis-facturas .pestanas-facturas {
  /*.agrupador-pestanas*/
}
.mis-facturas .pestanas-facturas .agrupador-inferior-pestanas {
  width: 100%;
  height: 10px;
  background-color: #ecf0f6;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.6667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  height: 50px;
  /*ul*/
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul {
  margin: 0;
  padding: 0;
  background-color: #fff;
  /*li*/
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li {
  float: left;
  margin: 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
  /*.ocultar*/
  /*a*/
  /*&.active*/
}
@media screen and (max-width: 768px) {
  .mis-facturas .pestanas-facturas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .pestanas-facturas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li a {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.0833rem;
  text-decoration: none;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #28234e;
  color: #fff;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li a.active {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ecf0f6;
  color: #453937;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos {
  width: 98%;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 8px;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos.nav-first {
  margin-right: 2%;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos.nav-last {
  margin-left: 2%;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos.nav-middle {
  margin-left: 2%;
  margin-right: 2%;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li .nav-first {
  padding-left: 0px;
  padding-right: 10px;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li .nav-last {
  padding-left: 0px;
  padding-right: 10px;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li .nav-middle {
  padding-left: 10px;
  padding-right: 10px;
}
.mis-facturas .pestanas-facturas .agrupador-pestanas ul li.active a {
  background-color: #ecf0f6;
  color: #453937;
}
.mis-facturas .tab-content {
  float: none;
  margin: auto;
}
.mis-facturas .tab-content #menu1 {
  float: none;
  margin: auto;
  /* 			.cabecera { */
  /* 				@media screen and (max-width: $ov-tablet-max-width) { display: none; } */
  /* 				@media screen and (max-width: $ov-small-screen-max-width) { display: none;} */
  /* 			} */
}
.mis-facturas .tab-content #menu1 .graphics-cards {
  display: flex;
  gap: 30px;
}
.mis-facturas .tab-content #menu1 .graphics-cards .graphic-container {
  width: 50%;
}
.mis-facturas .tab-content #menu1 .graphics-cards .graphic-container .grafico {
  height: 488px;
}
.mis-facturas .tab-content #menu1 .cabecera {
  color: #013871;
  font-size: 1.6667rem;
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  margin: 50px 0;
}
.mis-facturas .tab-content #menu1 .cabecera h2 {
  color: #013871;
  font-size: 1.6667rem;
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  margin: 50px 0;
}
.mis-facturas .tab-content #menu1 .graficas-responsive {
  display: none;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .graficas-responsive {
    display: block;
    float: right;
    position: absolute;
    right: 10%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .graficas-responsive {
    display: block;
    float: right;
    position: absolute;
    right: 0;
  }
}
.mis-facturas .tab-content #menu1 .graficas-responsive a {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png");
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  width: 60px;
  height: 32px;
}
.mis-facturas .tab-content #menu1 .info-grafica {
  text-align: center;
}
.mis-facturas .tab-content #menu1 .info-grafica .mensaje {
  padding-top: 100px;
}
.mis-facturas .tab-content #menu1 .info-grafica .mensaje span {
  color: #55780F;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.mis-facturas .tab-content #menu1 .info-grafica .casa-negativo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.mis-facturas .tab-content #menu1 .info-grafica .casa-positivo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.mis-facturas .tab-content #menu1 .find-invoices-container {
  padding: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .grafico {
    /* 						display: none;  */
  }
  .mis-facturas .tab-content #menu1 .find-invoices-container .grafico .grafica-gasto-medio {
    margin: 20px auto;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .grafico {
    /* 						display: none; */
  }
  .mis-facturas .tab-content #menu1 .find-invoices-container .grafico .grafica-gasto-medio {
    margin: 20px auto;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .cabecera {
  /*color: $blue-hidrogea;
  font-size: $size26_667px;
  display: block;
  font-family: 'OpenSans-Light', sans-serif;
  margin: 50px 0;*/
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #737373;
  font-family: "OpenSans-Regular", sans-serif;
  /* 					@media screen and (max-width: $ov-tablet-max-width) { display: none; } */
  /* 					@media screen and (max-width: $ov-small-screen-max-width) { display: none;} */
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas {
  margin-bottom: 60px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas {
    padding: 0 15px;
    margin: 10px 0 0 0;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas {
    padding: 0 15px;
    margin: 10px 0 0 0;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faqs {
  padding: 0;
  list-style: none;
  margin: 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faqs {
    margin: 0;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq {
  padding-bottom: 10px;
  overflow: hidden;
  font-family: "OpenSans-Light", sans-serif;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq .question {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  width: 250px;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border: 0;
  background-color: #d3dbe4;
  background-size: 22px;
  border-radius: 30px;
  padding: 5px 15px 5px 55px;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq .question span {
  cursor: pointer;
  border: 0;
  line-height: normal;
  margin: 0;
  font-size: 1.17rem;
  color: #013871;
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
  background-repeat: no-repeat;
  background-position: 98% center;
  background-color: transparent;
  display: block;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .question span {
  background-image: url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer {
  background-color: rgba(104, 148, 206, 0.04);
  padding-bottom: 10px;
  display: block;
  font-size: 1rem;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .fila {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .fila .checkbox-group {
  margin: 0 auto;
  display: flex;
  place-self: center;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .fila .row-group-submit {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  margin-right: 10px;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila {
  width: 100%;
  overflow: hidden;
  float: left;
  margin: 0 0 15px 0;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .fecha {
  padding: 0;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .fecha .input-group {
  float: left;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .fecha .input-group .aui-datepicker {
  background: none;
  font-size: 0.92rem;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .importe .campo {
  padding-left: 0;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .importe .campo2 {
  padding-left: 0;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group {
    padding: 0;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group select {
  background-color: transparent;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group input {
  background: none;
  font-size: 1.0833rem;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group #dir-contrato {
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty label {
  position: relative;
  height: auto;
  width: auto;
  font-size: 0.8333rem;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input {
  background: none;
  border-bottom: 2px solid #555;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input::-webkit-input-placeholder {
  color: #555 !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input::-moz-placeholder {
  color: #555 !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input::-ms-input-placeholder {
  color: #555 !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input::-moz-placeholder {
  color: #555 !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty .btn-primary {
  font-family: "OpenSans-Bold", sans-serif;
  color: #013871;
  background-color: #97BA3C;
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  text-align: center;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input.btn-primary::-webkit-input-placeholder {
  color: #fff !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input.btn-primary::-moz-placeholder {
  color: #fff !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input.btn-primary::-ms-input-placeholder {
  color: #fff !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty input.btn-primary::-moz-placeholder {
  color: #fff !important;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .buscador-facturas .faq.active .answer .formulario .fila .boton-buscar {
  float: right;
  margin-top: 50px;
  padding: 0;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .botones {
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .botones {
    position: relative;
    margin: 20px 0;
    padding: 0 15px;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .botones {
    position: relative;
    margin: 20px 0;
    padding: 0 15px;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown {
  float: right;
  /*.dropdown-menu */
}
.mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown button {
  background-color: #97BA3C;
  margin: 0;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #013871;
  border: none;
  border-radius: 30px;
  padding: 5px 100px 5px 25px;
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: 92% center;
  font-size: 1.17rem;
  background-size: 16px auto;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown button {
    margin: 0;
    width: 100%;
    padding: 5px 100px 5px 12px;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown button {
    margin: 0;
    width: 100%;
    padding: 5px 100px 5px 12px;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown .dropdown-menu {
  width: 100%;
  /*li*/
}
.mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown .dropdown-menu li {
  /*a*/
}
.mis-facturas .tab-content #menu1 .find-invoices-container .botones .dropdown .dropdown-menu li a {
  float: none;
  border-right: 0;
  border-bottom: 1px dotted #ddd;
  color: #333;
  font-size: 0.8333rem;
  padding: 5px 10px;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.mis-facturas .tab-content #menu1 .find-invoices-container .ocultar-responsive {
  display: block;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .ocultar-responsive {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .ocultar-responsive {
    display: none;
  }
}
.mis-facturas .tab-content #menu1 .find-invoices-container .mostrar-responsive {
  display: none;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .mostrar-responsive {
    display: block;
    position: fixed;
    bottom: 0;
    box-shadow: 0px 0px 16px #ccc;
    background: #fff;
    padding: 10px;
    z-index: 9;
  }
  .mis-facturas .tab-content #menu1 .find-invoices-container .mostrar-responsive a {
    width: 49%;
    padding: 10px;
    font-size: 0.8333rem;
    text-align: center;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .mostrar-responsive {
    display: block;
    position: fixed;
    bottom: 0;
    box-shadow: 0px 0px 16px #ccc;
    background: #fff;
    padding: 10px;
    z-index: 9;
  }
  .mis-facturas .tab-content #menu1 .find-invoices-container .mostrar-responsive a {
    width: 49%;
    padding: 10px;
    font-size: 0.8333rem;
    text-align: center;
  }
}
.mis-facturas .tab-content #menu1 .answer {
  display: none;
  padding: 20px;
  overflow: hidden;
  font-size: 1.0833rem;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .answer {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .answer {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .listado-facturas {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .listado-facturas {
    display: none;
  }
}
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-thead-list {
  border-bottom: 2px solid #ABABAB;
  background-color: #F5F7F9;
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-tr-list {
  border-bottom: 1px solid #ddd;
}
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-tr-list:after {
  content: " ";
  clear: both;
  display: table;
}
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-tr-list:nth-child(2n) {
  background-color: #f5f7f9;
}
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-th-list,
.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-td-list {
  float: left;
  padding: 12px;
  background: transparent;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision {
  width: 26%;
  text-align: left;
  padding-left: 8% !important;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision .fecha_yellow {
  color: #55780F;
  font-size: 0.92rem;
  display: block;
  font-family: "OpenSans-Bold", sans-serif;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision.type-12-gotas {
  background: url("/o/classic-theme/images/hidrogea/gota-v.png") no-repeat 15px center;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision.type-12-gotas {
    background: none;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision.type-12-gotas {
    background: none;
  }
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-periodo-facturado {
  width: 20%;
  text-align: left;
  padding-left: 4% !important;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-importe {
  width: 12.5%;
  text-align: left;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-importe .precio {
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 0.92rem;
  display: block;
  color: #28234e;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-importe .precio .concepto-factura {
  font-family: OpenSans-Light, sans-serif;
  font-size: 0.8333rem;
  margin-left: 5px;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-importe span.ov, .mis-facturas .tab-content #menu1 .listado-facturas .cell-importe .ql-container span.ql-editor:before, .ql-container .mis-facturas .tab-content #menu1 .listado-facturas .cell-importe span.ql-editor:before {
  margin-bottom: 5px;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-importe .green {
  color: #55780F;
  text-transform: uppercase;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 0.75rem;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-importe .red {
  color: #bd0303;
  text-transform: uppercase;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 0.75rem;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-pago {
  width: 12.5%;
  text-align: center;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-pago .ico-pago {
  background-image: url("/o/classic-theme/images/hidrogea/ico-pago-online-v.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 30px;
  display: block;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle {
  width: 25%;
  position: relative;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto {
  background-color: #97BA3C;
  position: absolute;
  display: block;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  padding: 5px 20px;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto a {
  color: #013871;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 0.92rem;
  float: left;
  padding-right: 10px;
  /* border-right: 1px solid white; Comentado para poder ocultar la descarga de facturas en el listado*/
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto .dropdown {
  float: right;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto .dropdown button {
  background: none;
  box-shadow: none;
  border: 0;
  padding: 0;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto .dropdown button span.angle {
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 10px;
  display: block;
  background-size: 16px auto;
  margin-left: 10px;
  margin-top: 8px;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto .dropdown .dropdown-menu {
  border-radius: 0;
  padding: 0;
}
.mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto .dropdown .dropdown-menu a {
  float: none;
  border-right: 0;
  border-bottom: 1px dotted #ddd;
  color: #333;
  font-size: 0.8333rem;
  padding: 5px 10px;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-contrato,
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-agrupador,
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-id-gestion,
  .mis-facturas .tab-content #menu1 .listado-facturas .table-thead-list {
    display: none;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .table-tr-list {
    position: relative;
    padding-top: 20px;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .table-tr-list:first-of-type {
    border-top: 1px solid #DDD;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-tipo-gestion, .mis-facturas .tab-content #menu1 .listado-facturas.has-searched .cell-tipo-gestion {
    width: 80%;
    width: calc(100% - 60px);
    text-align: inherit;
    position: relative;
    margin-bottom: 10px;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-solicitud, .mis-facturas .tab-content #menu1 .listado-facturas.has-searched .cell-solicitud {
    width: 50%;
    text-align: inherit;
    position: relative;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-estado, .mis-facturas .tab-content #menu1 .listado-facturas.has-searched .cell-estado {
    width: 50%;
    text-align: inherit;
    position: relative;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-tipo-gestion:before,
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-solicitud:before,
  .mis-facturas .tab-content #menu1 .listado-facturas .cell-estado:before {
    content: attr(data-label) ":";
    position: absolute;
    top: -10px;
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.mis-facturas .tab-content #menu1 .cargar-mas {
  margin: 30px 0 60px 0;
  text-align: center;
}
.mis-facturas .tab-content #menu1 .cargar-mas a {
  color: #55780F;
  font-size: 1.0833rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content #menu1 .cargar-mas {
    margin: 20px 0;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content #menu1 .cargar-mas {
    margin: 20px 0;
  }
}
.mis-facturas .tab-content .listado-facturas-responsive {
  display: none;
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content .listado-facturas-responsive {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 10px;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 1rem;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila {
    overflow: hidden;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-fecha-emision .fecha_yellow {
    color: #55780F;
    font-size: 0.92rem;
    display: block;
    font-family: "OpenSans-Bold", sans-serif;
    width: 27%;
    float: left;
    padding-bottom: 10px;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-fecha-emision span {
    width: 70%;
    float: right;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-fecha-emision .numero_factura {
    color: #28234e;
    font-family: "OpenSans-Regular", sans-serif;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe {
    width: 25%;
    float: left;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .precio {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 0.92rem;
    display: block;
    color: #28234e;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .precio .concepto-factura {
    font-family: OpenSans-Light, sans-serif;
    font-size: 0.8333rem;
    margin-left: 5px;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .green {
    color: #55780F;
    text-transform: uppercase;
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 0.75rem;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .red {
    color: #bd0303;
    text-transform: uppercase;
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 0.75rem;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle {
    width: 70%;
    float: right;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    background-repeat: no-repeat;
    background-position: center center;
    height: 41px;
    display: block;
  }
}
@media screen and (max-width: 768px) and (min-width: 800px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    font-size: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 800px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    width: 40px;
    float: right;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    width: 100px;
    float: left;
    text-decoration: underline !important;
    font-family: "OpenSans-Bold", sans-serif;
    color: #28234e;
  }
}
@media screen and (max-width: 768px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list:nth-child(2n) {
    background-color: #f5f7f9;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content .listado-facturas-responsive {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 10px;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 1rem;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila {
    overflow: hidden;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-fecha-emision .fecha_yellow {
    color: #55780F;
    font-size: 0.92rem;
    display: block;
    font-family: "OpenSans-Bold", sans-serif;
    width: 27%;
    float: left;
    padding-bottom: 10px;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-fecha-emision span {
    width: 70%;
    float: right;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe {
    width: 25%;
    float: left;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .precio {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 0.92rem;
    display: block;
    color: #28234e;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .precio .concepto-factura {
    font-family: OpenSans-Light, sans-serif;
    font-size: 0.8333rem;
    margin-left: 5px;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .green {
    color: #55780F;
    text-transform: uppercase;
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 0.75rem;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-importe .red {
    color: #bd0303;
    text-transform: uppercase;
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 0.75rem;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle {
    width: 70%;
    float: right;
  }
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    background-repeat: no-repeat;
    background-position: center center;
    height: 41px;
    display: block;
  }
}
@media screen and (max-width: 900px) and (min-width: 800px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    font-size: 0;
  }
}
@media screen and (max-width: 900px) and (min-width: 800px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    width: 40px;
    float: right;
  }
}
@media screen and (max-width: 900px) and (max-width: 768px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    width: 100px;
    float: left;
    text-decoration: underline !important;
    font-family: "OpenSans-Bold", sans-serif;
    color: #28234e;
  }
}
@media screen and (max-width: 900px) {
  .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list:nth-child(2n) {
    background-color: #f5f7f9;
  }
}
.mis-facturas .tab-content #menu2 {
  float: none;
  margin: auto;
}

.detalle-factura .ov-container {
  width: 1170px !important;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .botones ul.dropdown-menu.dropdown-menu-right {
    left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .botones ul.dropdown-menu {
    max-width: 150px;
  }
}
.detalle-factura .ov-container .cabecera {
  margin-top: 20px;
  background: #f8f8f8;
  padding: 20px;
}
.detalle-factura .ov-container .cabecera ul.lista-detalle-factura {
  list-style: none;
  padding-left: 0;
}
.detalle-factura .ov-container .cabecera .top .titulo {
  font-size: 1.8333rem;
  color: #013871;
  font-family: "OpenSans-Light", sans-serif;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .cabecera .top .entiende-factura {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .cabecera .top .entiende-factura {
    display: none;
  }
}
.detalle-factura .ov-container .cabecera .top .entiende-factura a {
  color: #013871;
  background-image: url("/o/classic-theme/images/hidrogea/entiende-factura.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 50px;
  float: right;
  line-height: 70px;
  font-family: "OpenSans-SemiBold", sans-serif;
  text-decoration: underline;
}
.detalle-factura .ov-container .cabecera .top .numero-factura {
  color: #555;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.17rem;
}
.detalle-factura .ov-container .cabecera .bottom {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.detalle-factura .ov-container .cabecera .bottom .tit {
  font-family: "OpenSans-Regular", sans-serif;
  margin-bottom: 0;
  font-size: 0.92rem;
}
.detalle-factura .ov-container .cabecera .bottom .precio {
  font-family: "OpenSans-Regular", sans-serif;
}
.detalle-factura .ov-container .cabecera .bottom .red {
  text-transform: uppercase;
  color: #bd0303;
  font-size: 0.75rem;
  font-family: "OpenSans-Regular", sans-serif;
  margin-left: 15px;
  font-weight: bold;
}
.detalle-factura .ov-container .cabecera .bottom .green {
  text-transform: uppercase;
  color: #55780F;
  font-size: 0.75rem;
  font-family: "OpenSans-Regular", sans-serif;
  margin-left: 15px;
}
.detalle-factura .ov-container .cabecera .bottom .col-pago-online {
  text-align: right;
  padding-top: 12px;
}
.detalle-factura .ov-container .cabecera .bottom .col-pago-online .btn-combined {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .cabecera .bottom .form-group {
    margin: 20px 0;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .cabecera .bottom .form-group {
    margin: 20px 0;
  }
}
.detalle-factura .ov-container .cabecera .bottom .form-group select {
  background-color: #97BA3C;
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  border: 0;
  color: white;
  border-radius: 50px;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 1.25rem;
  padding: 0 60px 0 30px;
  height: 50px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .cabecera .bottom .form-group select {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .cabecera .bottom .form-group select {
    width: 100%;
  }
}
.detalle-factura .ov-container .cabecera .bill-dropdown-right {
  left: 0;
  right: auto;
  top: 40px;
}
.detalle-factura .ov-container .detalle {
  background: #555;
  text-align: center;
  color: #fff;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .detalle {
    display: none;
    color: red;
  }
  .detalle-factura .ov-container .detalle #iframe {
    display: none;
    height: 0px !important;
    width: 0px !important;
  }
  .detalle-factura .ov-container .detalle iframe {
    display: none;
    height: 0px !important;
    width: 0px !important;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .detalle {
    display: none;
    color: red;
  }
  .detalle-factura .ov-container .detalle #iframe {
    display: none;
    height: 0px !important;
    width: 0px !important;
  }
  .detalle-factura .ov-container .detalle iframe {
    display: none;
    height: 0px !important;
    width: 0px !important;
  }
}
.detalle-factura .ov-container .detalle .mensaje {
  margin-bottom: 20px;
}
.detalle-factura .ov-container .detalle .mensaje p {
  margin-bottom: 10px;
}
.detalle-factura .ov-container .detalle .mensaje a {
  color: #fff;
  text-decoration: underline;
}
.detalle-factura .ov-container .detalle .mensaje .display-responsive {
  display: none;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .detalle .mensaje .display-responsive {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .detalle .mensaje .display-responsive {
    display: block;
  }
}
.detalle-factura .ov-container .detalle .mensaje .display-desktop {
  display: block;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .detalle .mensaje .display-desktop {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .detalle .mensaje .display-desktop {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .detalle object {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .detalle object {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .detalle object iframe {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .detalle object iframe {
    display: none;
  }
}
.detalle-factura .ov-container .botones-responsive {
  background: #f8f8f8;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);
  display: none;
}
@media screen and (max-width: 768px) {
  .detalle-factura .ov-container .botones-responsive {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .detalle-factura .ov-container .botones-responsive {
    display: block;
  }
}
.detalle-factura .ov-container .activar-factura-digital {
  margin-top: 2em;
  margin-bottom: 2em;
  font-family: "PTSans-Regular", sans-serif !important;
}
.detalle-factura .ov-container .activar-factura-digital .texto {
  color: #013871;
  font-size: 1.4em;
  padding: 20px;
}
.detalle-factura .ov-container .activar-factura-digital .notification {
  margin-left: 1em;
  margin-bottom: 1em;
  width: auto;
}
.detalle-factura .ov-container .activar-factura-digital .notification .description {
  font-size: 0.92rem;
  margin-top: 10px;
}
.detalle-factura .ov-container .activar-factura-digital .btn-activar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.plan-12-gotas select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1 c3.5,7,0.8,15.5-6.1,19.1L255,331.9z'%20fill='%23869CAD'/%3E%3C/svg%3E");
  background-image: none \9 ;
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 100px;
  padding-right: 0 \9 ;
  display: inline-block;
  width: auto;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #CCC;
  border-radius: 0;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  color: #666;
}
.plan-12-gotas select:focus {
  outline: none;
}
.plan-12-gotas .cabecera {
  color: #013871;
  font-size: 1.6667rem;
  font-family: "OpenSans-Light", sans-serif;
  margin: 50px 0 35px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .cabecera {
    margin-top: 30px;
  }
}
.plan-12-gotas .cabecera h2 {
  color: #013871;
  font-size: 1.6667rem;
  font-family: "OpenSans-Light", sans-serif;
  margin: 50px 0 35px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .cabecera h2 {
    margin-top: 30px;
  }
}
.plan-12-gotas .resumen-plan .table-list .table-thead-list,
.plan-12-gotas .regulaciones-plan .table-list .table-thead-list {
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.plan-12-gotas .resumen-plan .table-list .table-tbody-list,
.plan-12-gotas .regulaciones-plan .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  color: #666;
}
.plan-12-gotas .resumen-plan .table-list .table-tr-list:after,
.plan-12-gotas .regulaciones-plan .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.plan-12-gotas .resumen-plan .table-list .table-th-list,
.plan-12-gotas .resumen-plan .table-list .table-td-list,
.plan-12-gotas .regulaciones-plan .table-list .table-th-list,
.plan-12-gotas .regulaciones-plan .table-list .table-td-list {
  float: left;
  text-align: center;
}
.plan-12-gotas .resumen-plan .cabecera {
  margin-bottom: 20px;
}
.plan-12-gotas .resumen-plan .cabecera h2 {
  margin-bottom: 20px;
}
.plan-12-gotas .resumen-plan .content-resumen-plan {
  overflow: hidden;
}
.plan-12-gotas .resumen-plan .content-resumen-plan > div {
  padding-left: 6px;
  padding-right: 0;
}
.plan-12-gotas .resumen-plan .content-resumen-plan > div:first-of-type {
  padding-left: 0;
  padding-right: 6px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .resumen-plan .content-resumen-plan > div {
    padding: 0 !important;
    margin-bottom: 10px;
  }
}
.plan-12-gotas .resumen-plan .selector-plan {
  margin-bottom: 30px;
}
.plan-12-gotas .resumen-plan .selector-plan .input-group {
  margin-bottom: 0;
}
.plan-12-gotas .resumen-plan .table-list {
  padding-bottom: 15px;
  padding-top: 20px;
}
.plan-12-gotas .resumen-plan .table-list .table-thead-list {
  padding-bottom: 10px;
}
.plan-12-gotas .resumen-plan .table-list .table-th-list,
.plan-12-gotas .resumen-plan .table-list .table-td-list {
  width: 33.3333%;
}
.plan-12-gotas .resumen-plan .fechas-plan {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1rem;
  color: #666;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .plan-12-gotas .resumen-plan .fechas-plan {
    margin-top: 30px;
  }
}
.plan-12-gotas .resumen-plan .fechas-plan:after {
  clear: both;
  display: table;
  content: " ";
}
.plan-12-gotas .resumen-plan .fechas-plan .label {
  font-family: "OpenSans-Regular", sans-serif;
  color: black;
  margin-left: 30px;
  margin-right: 15px;
  font-size: 0.92rem;
}
.plan-12-gotas .resumen-plan .fechas-plan .label:first-of-type {
  margin-left: 0;
}
.plan-12-gotas .resumen-plan .fechas-plan > div {
  padding: 0;
}
.plan-12-gotas .resumen-plan .fechas-plan .rango-fechas {
  padding-top: 15px;
}
.plan-12-gotas .regulaciones-plan .table-list .table-thead-list {
  display: none;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .plan-12-gotas .regulaciones-plan .table-list .table-thead-list {
    display: block;
    background-color: rgba(104, 148, 206, 0.1);
  }
}
.plan-12-gotas .regulaciones-plan .table-list .table-tr-list {
  padding-bottom: 15px;
  padding-top: 15px;
}
.plan-12-gotas .regulaciones-plan .table-list .table-th-list,
.plan-12-gotas .regulaciones-plan .table-list .table-td-list {
  width: 16.6667%;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .regulaciones-plan .table-list .table-th-list,
  .plan-12-gotas .regulaciones-plan .table-list .table-td-list {
    width: 100%;
    float: none;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
  }
  .plan-12-gotas .regulaciones-plan .table-list .table-th-list:before,
  .plan-12-gotas .regulaciones-plan .table-list .table-td-list:before {
    content: attr(data-label) ":";
    margin-right: 10px;
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.plan-12-gotas .regulaciones-plan .strong {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: black;
}
.plan-12-gotas .evolucion-plan {
  color: #666;
}
.plan-12-gotas .evolucion-plan .cabecera {
  margin-bottom: 15px;
}
.plan-12-gotas .evolucion-plan .show-grafica-evolucion {
  font-family: "PTSans-Bold", sans-serif;
  font-size: 1.17rem;
  height: 35px;
  padding: 0 120px 0 55px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
  margin-top: 15px;
}
.plan-12-gotas .evolucion-plan .show-grafica-evolucion:focus {
  color: #1A4C7F;
}
.plan-12-gotas .evolucion-plan .show-grafica-evolucion.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-orange.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
.plan-12-gotas .evolucion-plan #grafica-evolucion-plan {
  margin-top: 30px;
}
.plan-12-gotas .evolucion-plan .table-list {
  margin-top: 40px;
  margin-bottom: 40px;
}
.plan-12-gotas .evolucion-plan .table-list .table-thead-list {
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  background-color: rgba(1, 56, 113, 0.04);
}
.plan-12-gotas .evolucion-plan .table-list .table-thead-list .table-tr-list {
  border-bottom-color: #ABABAB;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .evolucion-plan .table-list .table-thead-list {
    display: none;
  }
}
.plan-12-gotas .evolucion-plan .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .evolucion-plan .table-list .table-tbody-list {
    border-top: 2px solid #E3E3E3;
  }
}
.plan-12-gotas .evolucion-plan .table-list .table-tr-list {
  border-bottom: 2px solid #E3E3E3;
  padding-bottom: 15px;
}
.plan-12-gotas .evolucion-plan .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .plan-12-gotas .evolucion-plan .table-list .table-tr-list {
    padding-top: 15px;
  }
  .plan-12-gotas .evolucion-plan .table-list .table-tr-list:nth-of-type(2n) {
    background-color: rgba(1, 56, 113, 0.04);
  }
}
.plan-12-gotas .evolucion-plan .table-list .table-th-list,
.plan-12-gotas .evolucion-plan .table-list .table-td-list {
  float: left;
}
.plan-12-gotas .evolucion-plan .cell-mes {
  width: 25%;
  padding-left: 8%;
}
.plan-12-gotas .evolucion-plan .cell-plan-previsto {
  width: 25%;
  padding-left: 4%;
}
.plan-12-gotas .evolucion-plan .cell-cuotas-pagadas {
  width: 50%;
  padding-left: 1.5%;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .evolucion-plan .cell-mes {
    width: 100%;
    background-color: rgba(1, 56, 113, 0.04);
    float: none;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    margin-bottom: 5px;
  }
  .plan-12-gotas .evolucion-plan .cell-plan-previsto {
    padding-left: 20px;
  }
  .plan-12-gotas .evolucion-plan .cell-plan-previsto,
  .plan-12-gotas .evolucion-plan .cell-cuotas-pagadas {
    width: 50%;
  }
  .plan-12-gotas .evolucion-plan .cell-plan-previsto:before,
  .plan-12-gotas .evolucion-plan .cell-cuotas-pagadas:before {
    content: attr(data-label) ":";
    display: block;
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.plan-12-gotas .evolucion-plan .table-list span {
  display: block;
  font-size: 0.92rem;
}
.plan-12-gotas .evolucion-plan .table-list span.importe {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: #55780F;
}
.plan-12-gotas .evolucion-plan .table-list span.estado {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: #B85D08;
}
.plan-12-gotas .evolucion-plan .table-list span.estado.st-alert {
  color: #BD0303;
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas #modal-cancelar-plan-12gotas .table-list {
    margin-top: 20px;
    margin-bottom: 15px;
    border: 1px solid #CCC;
  }
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-thead-list {
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  display: none;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-thead-list {
    background-color: rgba(1, 56, 113, 0.04);
    display: block;
  }
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  color: #666;
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-tr-list {
  padding-bottom: 15px;
  padding-top: 15px;
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-th-list,
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-td-list {
  float: left;
  text-align: center;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-th-list,
  .plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-td-list {
    width: 100%;
    float: none;
    padding: 5px 10px;
    text-align: left;
  }
  .plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-th-list:before,
  .plan-12-gotas #modal-cancelar-plan-12gotas .table-list .table-td-list:before {
    content: attr(data-label) ":";
    margin-right: 10px;
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.plan-12-gotas #modal-cancelar-plan-12gotas .table-list .strong {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: black;
}
.plan-12-gotas #modal-cancelar-plan-12gotas header {
  margin: -15px -15px 0;
  padding: 30px 40px;
  background-color: #F8F8F8;
  text-transform: uppercase;
  color: #97BA3C;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.8333rem;
}
.plan-12-gotas #modal-cancelar-plan-12gotas .container-modal-cancelar-12gotas {
  padding: 20px 10px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .plan-12-gotas #modal-cancelar-plan-12gotas .container-modal-cancelar-12gotas {
    padding: 50px 40px;
  }
}
.plan-12-gotas #modal-cancelar-plan-12gotas .aviso-destacado {
  margin-bottom: 45px;
  padding-left: 105px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas #modal-cancelar-plan-12gotas .aviso-destacado {
    margin-bottom: 25px;
    height: auto;
    background-size: contain;
    padding: 10px;
  }
  .plan-12-gotas #modal-cancelar-plan-12gotas .aviso-destacado .titulo {
    margin-top: 0;
  }
}
.plan-12-gotas #modal-cancelar-plan-12gotas .botones {
  margin-top: 40px;
}
.plan-12-gotas #modal-cancelar-plan-12gotas .botones:after {
  clear: both;
  display: table;
  content: " ";
}
.plan-12-gotas #modal-cancelar-plan-12gotas .botones .btn {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas #modal-cancelar-plan-12gotas .botones {
    margin-top: 20px;
  }
  .plan-12-gotas #modal-cancelar-plan-12gotas .botones .pull-right {
    float: none !important;
  }
  .plan-12-gotas #modal-cancelar-plan-12gotas .botones .btn {
    width: 100%;
    margin-left: 0;
  }
}
.plan-12-gotas .info-avisos .msg-info-aviso {
  border: 1px solid rgba(1, 56, 113, 0.3);
  padding: 30px;
  color: #013871;
  background: url("/o/classic-theme/images/hidrogea/icon-info-averias.png") no-repeat 45px 20px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .info-avisos .msg-info-aviso {
    background: none;
  }
}
.plan-12-gotas .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
  padding-left: 130px;
  font-size: 1rem;
}
.plan-12-gotas .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.plan-12-gotas .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a,
.plan-12-gotas .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.plan-12-gotas .info-avisos .msg-info-aviso .wrapper-msg-info-aviso p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .info-avisos .msg-info-aviso {
    padding: 15px;
    background-position-x: 25px;
  }
  .plan-12-gotas .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.plan-12-gotas .info-avisos .msg-info-aviso-green {
  border: 1px solid rgba(14, 99, 3, 0.3);
  padding: 30px;
  color: #0E6303;
  background: url("/o/classic-theme/images/hidrogea/icon-info-check.png") no-repeat 45px 20px;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .info-avisos .msg-info-aviso-green {
    background: none;
  }
}
.plan-12-gotas .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso {
  padding-left: 130px;
  font-size: 1rem;
}
.plan-12-gotas .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.plan-12-gotas .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso a,
.plan-12-gotas .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.plan-12-gotas .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .plan-12-gotas .info-avisos .msg-info-aviso-green {
    padding: 15px;
    background-position-x: 25px;
  }
  .plan-12-gotas .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}

.pestanas-facturas {
  /*.agrupador-pestanas*/
}
.pestanas-facturas .agrupador-inferior-pestanas {
  width: 100%;
  height: 10px;
  background-color: #ecf0f6;
}
.pestanas-facturas .agrupador-pestanas {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.6667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  height: 50px;
  /*ul*/
}
.pestanas-facturas .agrupador-pestanas ul {
  margin: 0;
  padding: 0;
  background-color: #fff;
  /*li*/
}
.pestanas-facturas .agrupador-pestanas ul li {
  float: left;
  margin: 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
  /*.ocultar*/
  /*a*/
  /*&.active*/
}
@media screen and (max-width: 768px) {
  .pestanas-facturas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .pestanas-facturas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
.pestanas-facturas .agrupador-pestanas ul li a {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.0833rem;
  text-decoration: none;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #28234e;
  color: #fff;
}
.pestanas-facturas .agrupador-pestanas ul li a.active {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ecf0f6;
  color: #453937;
}
.pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos {
  width: 98%;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 8px;
}
.pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos.nav-first {
  margin-right: 2%;
}
.pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos.nav-last {
  margin-left: 2%;
}
.pestanas-facturas .agrupador-pestanas ul li a.gest-facturas-pagos.nav-middle {
  margin-left: 2%;
  margin-right: 2%;
}
.pestanas-facturas .agrupador-pestanas ul li .nav-first {
  padding-left: 0px;
  padding-right: 10px;
}
.pestanas-facturas .agrupador-pestanas ul li .nav-last {
  padding-left: 0px;
  padding-right: 10px;
}
.pestanas-facturas .agrupador-pestanas ul li .nav-middle {
  padding-left: 10px;
  padding-right: 10px;
}
.pestanas-facturas .agrupador-pestanas ul li.active a {
  background-color: #ecf0f6;
  color: #453937;
}

/*.pestanas-facturas*/
.table-td-list.cell-detalle {
  margin-left: -1em;
}

.cabecera-factura .cabecera {
  display: flex;
  justify-content: space-between;
}
.cabecera-factura .factura-links {
  display: flex;
  justify-content: flex-end;
}
.cabecera-factura .descargar-factura, .cabecera-factura .pagar-online {
  padding-top: 25px;
  margin-left: 20px;
}
.cabecera-factura .descargar-factura a, .cabecera-factura .pagar-online a {
  font-weight: 700;
  margin-left: 5px;
}
.cabecera-factura .icon-money {
  color: #023871;
  font-size: 1.15em;
}

@media (max-width: 420px) {
  .cabecera-factura .factura-links {
    justify-content: flex-start;
  }
}
.detalle-factura {
  /* 	.bill-chart, .bill-details { */
}
.detalle-factura .cabecera {
  background-color: #3c8ac0;
  padding: 26px;
  border-radius: 4px;
  margin-bottom: 1em;
}
.detalle-factura .cabecera #header-title {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
}
.detalle-factura .cabecera p {
  color: #FFFFFF;
  font-size: 0.92rem;
  font-weight: normal;
}
.detalle-factura .cabecera .importe {
  font-weight: bold;
  font-size: 3.375rem;
  margin-top: 10px;
  color: #FFFFFF;
  text-align: center;
}
.detalle-factura .bill-area .grafico-evolucion {
  width: 100%;
  height: 100%;
  min-height: 400px;
  margin-top: 40px;
}
.detalle-factura .bill-area h2.ov, .detalle-factura .bill-area h2.ov-small, .detalle-factura .bill-area .ql-container h2.ql-editor:before, .ql-container .detalle-factura .bill-area h2.ql-editor:before, .detalle-factura .bill-area h3 {
  font-family: "PT Sans", sans-serif;
  font-size: 1.38em;
  font-weight: 700;
  color: #002d63;
  margin-bottom: 20px;
}
.detalle-factura .bill-area ul {
  background-color: transparent !important;
}
.detalle-factura .bill-details {
  margin-bottom: 42px;
}
@media all and (max-width: 420px) {
  .detalle-factura .bill-area {
    flex-direction: column-reverse;
  }
}
.detalle-factura .ov-small.ov-left {
  margin-top: 25px;
}
.detalle-factura #num-factura, .detalle-factura .detalle-factura #fecha-factura, .detalle-factura .detalle-factura #periodo-factura {
  font-weight: bold;
}
.detalle-factura .header-image {
  text-align: center;
  margin-top: 2em;
}
.detalle-factura .header-image img {
  padding-top: 15px;
}
.detalle-factura .modal-body {
  padding: 0 32px 32px 32px;
}
.detalle-factura .modal-header .close {
  background-image: url("/o/classic-theme/images/hidrogea/close-modal.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  height: 24px;
  width: 24px;
  display: block;
  opacity: 1.7;
}
.detalle-factura .modal-descarga-factura h2.ov, .detalle-factura .modal-descarga-factura h2.ov-small, .detalle-factura .modal-descarga-factura .ql-container h2.ql-editor:before, .ql-container .detalle-factura .modal-descarga-factura h2.ql-editor:before {
  font-family: "PTSans-Bold", sans-serif !important;
  font-size: 1.75em;
}
.detalle-factura #modalDescargaFactura .modal-dialog {
  width: 100%;
  max-width: 550px;
}
.detalle-factura .buttons .btn-primary-ov {
  float: right;
}

@media (max-width: 420px) {
  .detalle-factura .modal-body {
    position: relative;
  }
  .detalle-factura .modal-header .close {
    float: right !important;
  }
  .detalle-factura .modal .buttons {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
  }
  .detalle-factura .buttons .btn-primary-ov {
    float: none;
  }
}
@media all and (max-width: 420px) {
  .detalle-factura {
    padding: 20px;
  }
  .detalle-factura .cabecera {
    margin: 0;
  }
  .bill-area {
    display: flex;
    flex-direction: column-reverse;
    padding: 20px;
  }
}
.diligentia-theme .detalle-factura table tfoot tr {
  border-bottom: 1px solid #03A6BE;
}

@media (max-width: 500px) {
  .mis-facturas .tab-content #menu1 .find-invoices-container .mostrar-responsive {
    display: none;
  }
  .mis-facturas .tab-content #menu1 .ov-container {
    margin-bottom: 0;
  }
}
.my-contracts-desktop {
  display: block;
}

.btn-combined {
  background-color: #97BA3C;
  padding: 5px 15px;
  border-radius: 30px;
  height: 27px;
}
.btn-combined > a {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  color: #013871;
  font-size: 1rem;
  text-decoration: none;
  padding-right: 15px;
  border-right: 1px solid white;
  margin-right: 7px;
}
.btn-combined .dropdown {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.btn-combined .dropdown-toggle {
  width: 20px;
  height: 20px;
  background: transparent url("/o/classic-theme/images/hidrogea/angle-down-select.png") no-repeat center;
  box-shadow: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.btn-combined .dropdown-menu {
  padding: 0;
}
.btn-combined .dropdown-menu li {
  margin-bottom: 0;
  border-bottom: 1px dashed #ddd;
}
.btn-combined .dropdown-menu li:last-of-type {
  border-bottom: 0;
}
.btn-combined .dropdown-menu li a {
  display: block;
  padding: 7px 15px !important;
  text-decoration: none;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}

.mis-contratos .buscador-contratos {
  display: grid;
  justify-content: space-between;
  position: relative;
  margin-bottom: 30px;
  grid-template-areas: "btn-buscador procedure-button" "contract-result-container contract-result-container";
}
@media screen and (max-width: 768px) {
  .mis-contratos .buscador-contratos {
    margin-bottom: 15px;
  }
}
.mis-contratos .buscador-contratos .btn-buscador {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  grid-area: btn-buscador;
  font-size: 1.17rem;
  height: auto;
  min-height: 35px;
  padding: 0 120px 0 55px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.mis-contratos .buscador-contratos .btn-buscador.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
@media screen and (max-width: 768px) {
  .mis-contratos .buscador-contratos .btn-buscador {
    width: 100%;
  }
}
.mis-contratos .buscador-contratos .group-buttons-right {
  grid-area: procedure-button;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .mis-contratos .buscador-contratos .group-buttons-right {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .mis-contratos .buscador-contratos .group-buttons-right .btn-secondary {
    margin: 20px 0 0;
    width: 100%;
  }
  .mis-contratos .buscador-contratos .group-buttons-right .btn-combined {
    margin: 20px 0 0;
    width: 100%;
  }
}
.mis-contratos .buscador-contratos .contract-result-container {
  grid-area: contract-result-container;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .mis-contratos .buscador-contratos .form-buscador-contratos .group-submit {
    bottom: 25px;
  }
}
.mis-contratos .buscador-contratos .btn-secondary {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  border: 0;
  border-radius: 30px;
  background-color: #D3DBE4;
  color: #013871;
  font-size: 1rem;
  padding: 5px 35px;
  display: inline-block;
  height: 35px;
  vertical-align: top;
  margin-right: 17px;
}
.mis-contratos .buscador-contratos .btn-combined {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  padding: 4px 22px;
  display: inline-block;
  font-size: 1rem;
  height: auto;
  min-height: 35px;
}
.mis-contratos .buscador-contratos .btn-combined > a {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .mis-contratos .buscador-contratos .btn-combined {
    width: 100%;
    margin: auto;
    display: block;
  }
  .mis-contratos .buscador-contratos .btn-combined > a {
    width: calc(100% - 40px);
    display: inline-block;
    line-height: 1;
  }
}
.mis-contratos .buscador-contratos .input-group + .input-group {
  margin-top: 15px;
}
.mis-contratos .buscador-contratos .label-input-group {
  font-size: 1.0833rem;
}
.mis-contratos .buscador-contratos label.checkbox-inline {
  font-size: 1.0833rem;
  padding-top: 2px;
}
.mis-contratos .buscador-contratos input[type=radio] + label,
.mis-contratos .buscador-contratos .label-before-radio {
  font-size: 1.0833rem;
}
.mis-contratos .listado-contratos {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos {
    margin-top: 20px;
  }
}
.mis-contratos .listado-contratos .table-list .table-thead-list {
  font-family: "PT Sans", sans-serif !important;
  color: black;
  font-size: 0.92rem;
  background-color: rgba(1, 56, 113, 0.04);
}
.mis-contratos .listado-contratos .table-list .table-thead-list .table-tr-list {
  border-bottom-color: #ddd;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .table-list .table-thead-list {
    display: none;
  }
}
.mis-contratos .listado-contratos .table-list .table-tbody-list {
  font-family: "PT Sans", sans-serif !important;
  font-size: 0.92rem;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .table-list .table-tbody-list {
    border-top: 2px solid #E3E3E3;
  }
}
.mis-contratos .listado-contratos .table-list .table-tr-list {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 15px;
}
.mis-contratos .listado-contratos .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.mis-contratos .listado-contratos .table-list .table-th-list,
.mis-contratos .listado-contratos .table-list .table-td-list {
  float: left;
  padding: 1px;
}
.mis-contratos .listado-contratos .table-list .table-th-list.cell-contratos,
.mis-contratos .listado-contratos .table-list .table-td-list.cell-contratos {
  min-width: 24px;
}
.mis-contratos .listado-contratos .cell-tipo-contrato {
  width: 8%;
  font-size: 0;
  text-align: center;
}
.mis-contratos .listado-contratos .cell-tipo-contrato span {
  display: inline-block;
}
.mis-contratos .listado-contratos .cell-tipo-contrato .ico-gota {
  background: url("/o/classic-theme/images/hidrogea/gota-v.png") no-repeat center;
  display: inline-block;
  margin-bottom: 0;
  height: 30px;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-tipo-contrato {
    width: 50px;
  }
}
.mis-contratos .listado-contratos .cell-telelectura {
  width: 12%;
  display: flex;
}
.mis-contratos .listado-contratos .cell-telelectura .ico-tele {
  display: block;
  margin-bottom: 0;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-telelectura .ico-tele {
    width: 30px;
  }
}
.mis-contratos .listado-contratos .cell-telelectura .st-telelectura {
  color: #666666;
  width: 100%;
  float: left;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-telelectura .st-telelectura {
    width: calc(100% - 30px);
    padding-top: 4px;
  }
}
.mis-contratos .listado-contratos .cell-contrato {
  display: flex;
  flex-direction: column;
  width: 15%;
}
.mis-contratos .listado-contratos .cell-contrato .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  color: #55780F;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-contrato span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-contrato span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-contrato {
    width: calc(100% - 60px);
  }
}
.mis-contratos .listado-contratos .cell-direccion {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-direccion {
    width: 100%;
  }
}
.mis-contratos .listado-contratos .cell-factura {
  width: 15%;
  text-align: center;
  font-family: "OpenSans-Regular", sans-serif;
}
.mis-contratos .listado-contratos .cell-factura .cantidad {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
}
.mis-contratos .listado-contratos .cell-factura .st-alert, .mis-contratos .listado-contratos .cell-factura .st-success {
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: 900;
}
.mis-contratos .listado-contratos .cell-factura .st-alert {
  color: #BD0303;
}
.mis-contratos .listado-contratos .cell-factura .st-success {
  color: #55780F;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-factura {
    width: 100%;
    text-align: inherit;
  }
  .mis-contratos .listado-contratos .cell-factura span {
    display: inline-block;
  }
}
.mis-contratos .listado-contratos .cell-detalle {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos .cell-detalle {
    margin-top: 20px;
    width: 100%;
  }
  .mis-contratos .listado-contratos .cell-detalle .btn-combined {
    width: calc(100% - 30px);
    margin: auto;
    display: block;
  }
  .mis-contratos .listado-contratos .cell-detalle .btn-combined > a {
    width: calc(100% - 40px);
    display: inline-block;
    line-height: 1;
  }
}
.mis-contratos .load-more {
  font-family: "PT Sans", sans-serif !important;
  text-align: center;
  font-size: 1.0833rem;
  margin-top: 40px;
  margin-bottom: 40px;
}
.mis-contratos .load-more button {
  color: #55780F;
  text-decoration: none;
}
.mis-contratos .load-more button:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .find-contract-btn-container {
    position: absolute;
    right: 0;
    bottom: 25px;
  }
}
.seleccion-contrato-carga {
  padding: 100px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seleccion-contrato-carga {
    padding: 50px 0;
  }
}
@media screen and (max-width: 900px) {
  .seleccion-contrato-carga {
    padding: 50px 0;
  }
}
.seleccion-contrato-carga p {
  font-family: "PT Sans", sans-serif !important;
  color: #888;
  font-size: 1.8333rem;
}
.seleccion-contrato-carga p span {
  font-family: "PT Sans", sans-serif !important;
  color: #97BA3C;
  font-size: 2.3333rem;
}
.seleccion-contrato-carga .spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.seleccion-contrato-carga .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #97BA3C;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.seleccion-contrato-carga .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.seleccion-contrato-carga .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.my-contracts-desktop .authorized-contract, .listado-seleccion-contrato .authorized-contract {
  font-family: "PT Sans", sans-serif;
  display: inline-block;
  padding: 4px 8px;
  color: white;
  border-radius: 5em;
  text-align: center;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
}

.my-contracts-mobile .authorized-contract span {
  font-weight: bold;
  font-size: 0.75rem;
}
.my-contracts-mobile .authorized-contract span.green-authorized {
  color: #6D8F00;
}
.my-contracts-mobile .authorized-contract span.orange-authorized {
  color: #F49719;
}

.notificaciones .buscador-notificaciones .btn-buscador {
  font-family: "PTSans-Bold", sans-serif;
  font-size: 1.17rem;
  padding-left: 55px;
  padding-right: 120px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.notificaciones .buscador-notificaciones .btn-buscador.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .notificaciones .buscador-notificaciones .form-buscador-notificaciones .group-submit {
    bottom: 25px;
  }
}
.notificaciones .list-notificaciones {
  color: #666;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1rem;
  margin-top: 30px;
}
.notificaciones .list-notificaciones .table-list .table-tr-list {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 2px solid #666666;
}
.notificaciones .list-notificaciones .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.notificaciones .list-notificaciones .table-list .table-td-list {
  float: left;
}
.notificaciones .list-notificaciones .table-list .table-td-list.cell-alerts {
  width: 20%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .notificaciones .list-notificaciones .table-list .table-td-list.cell-alerts {
    width: auto;
    float: none;
    display: inline-block;
  }
}
.notificaciones .list-notificaciones .table-list .table-td-list.cell-fecha {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .notificaciones .list-notificaciones .table-list .table-td-list.cell-fecha {
    width: auto;
    padding-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.notificaciones .list-notificaciones .table-list .table-td-list.cell-notificacion {
  width: 70%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .notificaciones .list-notificaciones .table-list .table-td-list.cell-notificacion {
    width: 100%;
  }
}
.notificaciones .list-notificaciones .cell-alerts .alert {
  height: 40px;
  width: 46px;
  background: url("/o/classic-theme/images/hidrogea/ico-aviso-rojo.png") no-repeat center;
  background-size: contain;
  display: inline-block;
  margin-bottom: 0;
}
.notificaciones .list-notificaciones .cell-fecha {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.notificaciones .list-notificaciones .contrato {
  font-family: "OpenSans-Regular", sans-serif;
  color: #55780F;
  display: block;
}
.notificaciones .list-notificaciones .btn-detalle-notificacion {
  width: 40px;
  height: 40px;
  border: 0;
  box-shadow: none;
  background: url("/o/classic-theme/images/hidrogea/angle-faq.png") no-repeat center;
  position: absolute;
  right: 0;
  top: -7px;
}
.notificaciones .list-notificaciones .content-notificacion {
  line-height: 1.3;
}
.notificaciones .list-notificaciones .detalle-notificacion {
  background-color: rgba(104, 148, 206, 0.04);
  margin-top: 20px;
}
.notificaciones .list-notificaciones .detalle-notificacion .inner-detalle-notificacion {
  padding: 30px 20px;
}
@media screen and (max-width: 768px) {
  .notificaciones .list-notificaciones .detalle-notificacion .inner-detalle-notificacion {
    padding: 15px;
  }
}
.notificaciones .list-notificaciones p {
  margin-bottom: 5px;
}
.notificaciones .list-notificaciones p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .notificaciones .list-notificaciones table.table-alertas tr.header, .notificaciones .list-notificaciones table.table-alertas tr.fila {
    display: flex;
    flex-direction: column;
  }
  .notificaciones .list-notificaciones table.table-alertas tr.header th.col, .notificaciones .list-notificaciones table.table-alertas tr.fila th.col {
    border-bottom: none;
  }
}
.notificaciones .listado-contratos table thead {
  background-color: #F8F8F8;
}
.notificaciones .listado-contratos thead tr {
  border-bottom: #DDE4EB 1px solid !important;
}
.notificaciones .listado-contratos tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.notificaciones .listado-contratos .action-modificar a, .notificaciones .listado-contratos .action-activar a {
  color: #013871;
  font-weight: 700;
}
.notificaciones .listado-contratos .action-desactivar a {
  color: #E91E0E;
  font-weight: 700;
}

.list-notificaciones .table-alertas tr.header th {
  background-color: #F8F8F8;
  border-bottom: #DDE4EB 1px solid;
  color: #3E3E3E;
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  font-weight: 700;
  height: auto;
}

.list-notificaciones .cabecera {
  background-color: #d5dce4;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  height: 3em;
}

.list-notificaciones .cabecera .columna {
  margin-top: 0.6em;
}

.list-notificaciones .line {
  height: 2px;
  border: solid 1px #b5c5d6;
}

.list-notificaciones span.alias {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #91bb44;
}

.list-notificaciones .filas {
  padding-top: 10px;
}

.notificaciones .list-notificaciones p.titulo {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
}

.notificaciones .list-notificaciones p.detalle {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
}

.list-notificaciones .direccion-suministro, .list-notificaciones .recepcion {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 0.92rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}

.list-notificaciones .direccion-suministro, .list-notificaciones .alias-contrato {
  height: 1em;
}

.list-notificaciones .direccion-suministro, .list-notificaciones .fila-dir-sum {
  min-height: 2em;
}

.list-notificaciones .direccion-suministro, .list-notificaciones .tipo_not {
  min-height: 2.8em;
}

.list-notificaciones .line {
  margin-top: 0px;
}

.list-notificaciones .con-alias {
  margin-right: 0.6em;
}

.notificaciones .cabecera {
  background-color: rgba(1, 56, 113, 0.04);
  border-bottom: 2px solid #E3E3E3;
  border-bottom-color: #ABABAB;
}

.fila_par {
  background-color: rgba(1, 56, 113, 0.04);
}

.ratings-portlet {
  display: grid;
  grid-template-areas: "ratings-portlet-title" "ratings-portlet-rating-first-container" "ratings-portlet-rating-second-container" "ratings-portlet-rating-third-container";
  background: #F5F5F5;
  border-radius: 8px;
  padding: 40px 20px !important;
  margin: 50px auto !important;
  max-width: 600px;
}
@media (max-width: 500px) {
  .ratings-portlet {
    max-width: 375px;
  }
}
.ratings-portlet .ratings-portlet-title {
  grid-area: ratings-portlet-title;
  color: #002D63;
  font-size: 1.6667rem;
  padding: 0 30px 40px 30px;
  margin: 0;
}
.ratings-portlet .ratings-portlet-rating-first-container {
  grid-area: ratings-portlet-rating-first-container;
}
.ratings-portlet .ratings-portlet-rating-second-container {
  grid-area: ratings-portlet-rating-second-container;
}
.ratings-portlet .ratings-portlet-rating-third-container {
  grid-area: ratings-portlet-rating-third-container;
}
.ratings-portlet .ratings-portlet-rating-first-container,
.ratings-portlet .ratings-portlet-rating-second-container,
.ratings-portlet .ratings-portlet-rating-third-container {
  padding: 20px 35px;
}
@media (max-width: 500px) {
  .ratings-portlet .ratings-portlet-rating-first-container,
  .ratings-portlet .ratings-portlet-rating-second-container,
  .ratings-portlet .ratings-portlet-rating-third-container {
    padding: 20px 0;
  }
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-title,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-title,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-title {
  color: #002D63;
  font-size: 1.17rem;
  margin: 0 0 15px 0;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container {
  display: flex;
  flex-direction: column;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label {
  margin: 5px 10px -10px 16px;
  text-align: justify;
}
@media (max-width: 500px) {
  .ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label,
  .ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label,
  .ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label {
    margin: 5px 10px -15px 16px;
  }
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label:after,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label:after,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: transparent;
  outline: none;
  padding: 0;
  margin: 0;
  z-index: 10;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  top: -5px;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  overflow: visible;
  cursor: pointer;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb {
  visibility: hidden;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus {
  outline: none !important;
  text-decoration: inherit !important;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator {
  display: block;
  position: relative;
  top: -20px;
  margin: 0 16px;
  color: #002d63;
  font-size: 1.4167rem;
  text-align: justify;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before {
  content: "";
  border-bottom: 1px solid rgba(0, 45, 99, 0.2);
  width: calc(100% - 5px);
  display: flex;
  position: relative;
  top: 15px;
  left: 2px;
}
.ratings-portlet .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after,
.ratings-portlet .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after,
.ratings-portlet .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.ratings-portlet .ratings-form-actions {
  display: flex;
  justify-content: flex-end;
  padding: 30px 15px 0 0;
}
.ratings-portlet .ratings-thank-you {
  color: #002D63;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 1.4167rem;
  padding: 0 0 0 30px;
}
@media (max-width: 500px) {
  .ratings-portlet .ratings-thank-you {
    font-size: 1.25rem;
    padding: inherit;
    margin: 0 auto;
  }
}
.ratings-portlet .ratings-portlet-thumb-love::-webkit-slider-thumb {
  background: url("/o/cxov-theme/images/tramites/ratings/rating_love.svg") center no-repeat;
}
.ratings-portlet .ratings-portlet-thumb-happy::-webkit-slider-thumb {
  background: url("/o/cxov-theme/images/tramites/ratings/rating_happy.svg") center no-repeat;
}
.ratings-portlet .ratings-portlet-thumb-neutral::-webkit-slider-thumb {
  background: url("/o/cxov-theme/images/tramites/ratings/rating_neutral.svg") center no-repeat;
}
.ratings-portlet .ratings-portlet-thumb-unhappy::-webkit-slider-thumb {
  background: url("/o/cxov-theme/images/tramites/ratings/rating_unhappy.svg") center no-repeat;
}
.ratings-portlet .ratings-portlet-thumb-hate::-webkit-slider-thumb {
  background: url("/o/cxov-theme/images/tramites/ratings/rating_hate.svg") center no-repeat;
}

.payment-document-container .pi-alert-info {
  max-width: 1290px;
}
.payment-document-container .pi-alert-info a {
  text-decoration: underline;
}
.payment-document-container .listado-contratos {
  max-width: 1290px;
}
@media screen and (max-width: 500px) {
  .payment-document-container tr {
    flex-flow: column;
    align-items: unset;
    gap: 10px;
  }
  .payment-document-container .cell {
    width: 100% !important;
  }
}
.payment-document-container .cell-contratos .input-group-checkbox {
  display: flex;
  justify-content: flex-end;
}
.payment-document-container .cell-contratos .input-group-checkbox label {
  top: 5px;
}
.payment-document-container .invoices-container .checkbox-column {
  margin: 0 auto;
}
.payment-document-container .invoices-container .table-description {
  display: block;
  margin-top: 34px;
  margin-bottom: 31px;
}
.payment-document-container .invoices-container .ov-table {
  margin-bottom: 43px;
}
.payment-document-container .invoices-container .ov-table .cell-contratos {
  width: 10%;
}
.payment-document-container .invoices-container .ov-table .cell-number {
  width: 22.5%;
}
.payment-document-container .invoices-container .ov-table .cell-date {
  width: 27.5%;
}
.payment-document-container .invoices-container .ov-table .cell-period {
  width: 27.5%;
}
.payment-document-container .invoices-container .ov-table .cell-among {
  width: 12.5%;
}
.payment-document-container .invoices-container .ov-table tfoot .borders-top-bottom {
  border-top: #E9E9E9 1px solid !important;
  border-bottom: #E9E9E9 1px solid !important;
}
.payment-document-container .pd-step-3 {
  max-width: 900px;
  margin: 0 auto;
}
.payment-document-container .pd-step-3 .pd-details-container {
  display: grid;
  grid-template-columns: 25% 25% 50%;
}
.payment-document-container .pd-step-3 .pd-details-container > div {
  font-size: 0.92rem !important;
  margin: 5px 0;
}
.payment-document-container .pd-step-3 .pd-details-container > div:nth-child(odd) {
  grid-row: 1;
}
.payment-document-container .pd-step-3 .pd-details-container > div:nth-child(even) {
  grid-row: 2;
}
.payment-document-container .pd-step-3 .pd-payment-actions-container {
  display: grid;
  grid-template-columns: 50% 50%;
}
.payment-document-container .pd-step-3 .pd-payment-actions-container > div {
  font-size: 1rem !important;
}
.payment-document-container .pd-step-3 .pd-payment-actions-container > div:nth-child(odd) {
  grid-row: 1;
}
.payment-document-container .pd-step-3 .pd-payment-actions-container > div:nth-child(even) {
  grid-row: 2;
}
.payment-document-container .pd-step-3 .pd-payment-actions-container button {
  display: flex;
  font-size: 0.92rem !important;
  align-items: center;
}
.payment-document-container .pd-step-3-mobile .pd-card-container {
  display: grid;
  grid-template-areas: "pd-type pd-total-amount" "pd-payment-id pd-payment-id";
  gap: 30px;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.1);
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-type, .payment-document-container .pd-step-3-mobile .pd-card-container .pd-total-amount, .payment-document-container .pd-step-3-mobile .pd-card-container .pd-payment-id {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-type .pd-result-labels, .payment-document-container .pd-step-3-mobile .pd-card-container .pd-total-amount .pd-result-labels, .payment-document-container .pd-step-3-mobile .pd-card-container .pd-payment-id .pd-result-labels {
  color: #002d63;
  font-family: "PTSans-Bold", sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-type {
  grid-area: pd-type;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-type .pd-type-value {
  color: #5F666F;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  letter-spacing: 0.5px;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-total-amount {
  grid-area: pd-total-amount;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-total-amount .pd-total-amount-value {
  color: #000000;
  font-family: "PTSans-Bold", sans-serif;
  font-size: 1.17rem;
  font-weight: 700;
  letter-spacing: 0.64px;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-payment-id {
  grid-area: pd-payment-id;
  width: 100%;
  overflow: hidden;
}
.payment-document-container .pd-step-3-mobile .pd-card-container .pd-payment-id .pd-payment-id-value {
  color: #5F666F;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  letter-spacing: 0.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.payment-document-container .pd-step-3-mobile .pd-payment-actions-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-document-container .pd-step-3-mobile .pd-payment-actions-container .ov-title {
  align-self: flex-start;
  color: #002d63;
  font-family: "PTSans-Bold", sans-serif;
  font-size: 1.17rem;
  font-weight: 700;
  letter-spacing: 0;
}
.payment-document-container .payment-go-back-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 20vh;
}
.payment-document-container .payment-go-back-container .payment-go-back {
  cursor: pointer;
}

.change-bankaccount-container .step-2 .select-list-element {
  display: grid;
  grid-template-columns: 1fr 6fr;
  min-height: 80px;
  align-items: center;
  padding: 15px;
  border: 2px solid #DBDBDB;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  margin-top: 20px;
  grid-template-areas: "type-authorized-ico type-authorized-desc";
}
.change-bankaccount-container .step-2 .type-authorized-bg {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EBF0DC;
  border-radius: 50%;
}
.change-bankaccount-container .step-2 .type-titular-bg {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(220, 226, 233, 0.9);
  border-radius: 50%;
}
.change-bankaccount-container .step-2 .type-authorized-ico {
  background: url(/o/cxov-theme/images/tramites/authorized/user-circle-green.svg) center no-repeat;
  width: 32px;
  height: 32px;
}
.change-bankaccount-container .step-2 .type-titular-ico {
  background: url(/o/cxov-theme/images/tramites/authorized/user-circle-blue.svg) center no-repeat;
  width: 32px;
  height: 32px;
}
.change-bankaccount-container .step-2 .type-authorized-desc {
  grid-area: type-authorized-desc;
}
.change-bankaccount-container .step-2 .select-list-element-checked.show {
  content: "\f00c";
  font-family: "fontawesome-alloy", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  margin: 10px;
  color: #FFFFFF;
  background-color: #203564;
  border-radius: 50%;
  width: 25px;
}
.change-bankaccount-container .step-2 .select-list-element.checked {
  border: 2px solid #002d63;
}
.change-bankaccount-container .step-2 .select-list-element-checked.hide {
  display: none;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header {
  display: flex;
  flex-direction: column;
  height: auto;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header .subtitle {
  background-color: rgba(220, 226, 233, 0.9);
  margin-top: 18px;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header .subtitle .icon-question-authorized:before {
  font-size: 1.25rem;
  width: 32px;
  height: 32px;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header .subtitle .text-authorized {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header .subtitle .text-authorized .subtitle-1 {
  padding: 20px 20px 0 20px;
  margin-left: 20px;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header .subtitle .text-authorized .subtitle-2 {
  padding: 0 20px 20px 20px;
  margin-left: 20px;
}
.change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-body {
  padding-left: 16px;
  margin-top: unset;
  border-top: unset;
}
.change-bankaccount-container .step-2 .filter-authorized {
  margin-top: 20px;
}
.change-bankaccount-container .step-2 .listado-autorizados {
  margin-top: -20px;
}
.change-bankaccount-container .step-2 .buttons {
  margin-top: 40px;
}
.change-bankaccount-container .step-2 label.icon-search {
  position: absolute;
}
.change-bankaccount-container .step-2 label.icon-search:before {
  position: relative;
  top: 12px;
  left: 12px;
}
.change-bankaccount-container .step-2 input.field-search-icon {
  padding-left: 40px !important;
}
.change-bankaccount-container .step-2 .select-authorized {
  padding-left: 50px;
  color: #002D63;
  font-weight: bold;
}
.change-bankaccount-container .step-2 .icon-question-authorized {
  position: absolute;
  margin-top: 13px;
  margin-left: 8px;
}
.change-bankaccount-container .step-2 .text-authorized {
  left: 23px;
  border-left: 2px solid #415D9A;
}
.change-bankaccount-container .step-2 .modal-content {
  padding: 0 12px 20px 12px;
}
.change-bankaccount-container .step-2 .content-modal-body {
  padding-right: 10px;
}
.change-bankaccount-container .step-2 .icon-ov-user-circle-blue-small:before {
  position: relative;
  top: 58px;
  margin-top: -26px;
  left: 10px;
}
.change-bankaccount-container .step-2 .select-list-element-checked span.glyphicon.glyphicon-ok {
  left: 1px;
}
.change-bankaccount-container .cba-my-contracts-verification {
  max-width: 90%;
  margin-left: 40px;
}
.change-bankaccount-container .cba-my-contracts-verification {
  margin-top: 50px;
}
.change-bankaccount-container .cell-alias-verification {
  padding-left: 50px;
}
.change-bankaccount-container .cell-alias-verification span.alias {
  display: inline;
}
.change-bankaccount-container .checkbox-inline.ov a.ov, .change-bankaccount-container .ov-form-field .field-element select.checkbox-inline a.ov, .ov-form-field .field-element .change-bankaccount-container select.checkbox-inline a.ov, .change-bankaccount-container .ov-form-field .field-element input.checkbox-inline[type]:not([type=submit]):not([type=reset]) a.ov, .ov-form-field .field-element .change-bankaccount-container input.checkbox-inline[type]:not([type=submit]):not([type=reset]) a.ov,
.change-bankaccount-container .ov-form-field .field-element textarea.checkbox-inline a.ov,
.ov-form-field .field-element .change-bankaccount-container textarea.checkbox-inline a.ov, .change-bankaccount-container h3.checkbox-inline a.ov, .change-bankaccount-container h2.checkbox-inline.ov-small a.ov, .change-bankaccount-container .ql-container .checkbox-inline.ql-editor:before a.ov, .ql-container .change-bankaccount-container .checkbox-inline.ql-editor:before a.ov,
.change-bankaccount-container .ql-container .ql-editor p.checkbox-inline a.ov,
.ql-container .ql-editor .change-bankaccount-container p.checkbox-inline a.ov, .change-bankaccount-container .checkbox-inline.ov .ql-container a.ql-editor:before, .change-bankaccount-container .ov-form-field .field-element select.checkbox-inline .ql-container a.ql-editor:before, .ov-form-field .field-element .change-bankaccount-container select.checkbox-inline .ql-container a.ql-editor:before, .change-bankaccount-container .ov-form-field .field-element input.checkbox-inline[type]:not([type=submit]):not([type=reset]) .ql-container a.ql-editor:before, .ov-form-field .field-element .change-bankaccount-container input.checkbox-inline[type]:not([type=submit]):not([type=reset]) .ql-container a.ql-editor:before,
.change-bankaccount-container .ov-form-field .field-element textarea.checkbox-inline .ql-container a.ql-editor:before,
.ov-form-field .field-element .change-bankaccount-container textarea.checkbox-inline .ql-container a.ql-editor:before, .change-bankaccount-container h3.checkbox-inline .ql-container a.ql-editor:before, .change-bankaccount-container h2.checkbox-inline.ov-small .ql-container a.ql-editor:before, .ql-container .change-bankaccount-container .checkbox-inline.ov a.ql-editor:before, .ql-container .change-bankaccount-container .ov-form-field .field-element select.checkbox-inline a.ql-editor:before, .ov-form-field .field-element .ql-container .change-bankaccount-container select.checkbox-inline a.ql-editor:before, .ql-container .change-bankaccount-container .ov-form-field .field-element input.checkbox-inline[type]:not([type=submit]):not([type=reset]) a.ql-editor:before, .ov-form-field .field-element .ql-container .change-bankaccount-container input.checkbox-inline[type]:not([type=submit]):not([type=reset]) a.ql-editor:before,
.ql-container .change-bankaccount-container .ov-form-field .field-element textarea.checkbox-inline a.ql-editor:before,
.ov-form-field .field-element .ql-container .change-bankaccount-container textarea.checkbox-inline a.ql-editor:before, .ql-container .change-bankaccount-container h3.checkbox-inline a.ql-editor:before, .ql-container .change-bankaccount-container h2.checkbox-inline.ov-small a.ql-editor:before, .change-bankaccount-container .ql-container .checkbox-inline.ql-editor:before a.ql-editor:before, .ql-container .change-bankaccount-container .checkbox-inline.ql-editor:before a.ql-editor:before,
.change-bankaccount-container .ql-container .ql-editor p.checkbox-inline a.ql-editor:before,
.ql-container .ql-editor .change-bankaccount-container p.checkbox-inline a.ql-editor:before {
  font-weight: bold;
  color: #032E62;
}
.change-bankaccount-container .activacion button.btn-primary-ov:hover, .change-bankaccount-container .activacion .activacion button.btn-primary-ov:focus {
  color: #fff;
  background: #002d63;
  border: 2px solid #002d63;
}

.tramite--duplicado-factura header {
  background-color: #fbfbfb;
  padding: 1.5em 0;
  margin-bottom: 30px;
}
.tramite--duplicado-factura .facturas-result table thead {
  background-color: #F8F8F8;
}
.tramite--duplicado-factura .facturas-result table thead th {
  background-color: unset;
}
.tramite--duplicado-factura .facturas-result tr:nth-child(even) {
  background-color: #F8F8F8;
}
.tramite--duplicado-factura .facturas-result tr td {
  border: none !important;
}
.tramite--duplicado-factura .facturas-result tr th {
  border-bottom: 1px solid #ddd !important;
}
.tramite--duplicado-factura .facturas-result h3 {
  text-align: left;
}
.tramite--duplicado-factura .facturas-result table {
  margin-top: 40px;
}
.tramite--duplicado-factura .facturas-result .invoice-duplicate_empty-state-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tramite--duplicado-factura .facturas-result .notice {
  background-color: #F8E5CB;
  border-left: 3px solid #E68D0B;
  margin-top: 20px;
}
.tramite--duplicado-factura .facturas-result .notice .title2 {
  padding: 8px;
  margin-left: 3em;
}
.tramite--duplicado-factura .facturas-result .img-title {
  background: url(/o/cxov-theme/images/commons/block-2.png) center no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  margin-top: 10px;
  margin-left: 8px;
}
.tramite--duplicado-factura .facturas-result table th.columnheader span {
  color: #0E103E;
}
.tramite--duplicado-factura .facturas-result .td-descarga {
  text-align: right;
}
.tramite--duplicado-factura .facturas-result .td-descarga .link-descarga {
  color: #0E103E;
}
.tramite--duplicado-factura .duplicado-factura .search-result-container {
  margin-top: 15px;
  margin-left: 15px;
}
.tramite--duplicado-factura .empty-state {
  background-image: url(/o/cxov-theme/images/commons/empty_state_duplicado_factura.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 200px;
  height: 200px;
  margin-top: 50px;
}
.tramite--duplicado-factura .text-empty-state {
  text-align: center;
  margin-top: 13px;
}

/* Tramite navigation styles */
.nav-background-blue, nav.tramite-navigation.model-v2 .step-items .step-item:not(:first-child).step-done .step-progress .line-left,
nav.procedure-navigation.model-v2 .step-items .step-item:not(:first-child).step-done .step-progress .line-left, nav.tramite-navigation.model-v2 .step-items .step-item:not(:last-child).step-done .step-progress .line-right,
nav.procedure-navigation.model-v2 .step-items .step-item:not(:last-child).step-done .step-progress .line-right, nav.tramite-navigation .step-items .step-item.step-done.step-last-done .step-progress .line-right,
nav.procedure-navigation .step-items .step-item.step-done.step-last-done .step-progress .line-right, nav.tramite-navigation .step-items .step-item.step-done .step-progress .line-left, nav.tramite-navigation .step-items .step-item.step-done .step-progress .line-right,
nav.procedure-navigation .step-items .step-item.step-done .step-progress .line-left,
nav.procedure-navigation .step-items .step-item.step-done .step-progress .line-right, nav.tramite-navigation .step-items .step-item.step-current .step-progress .line-left,
nav.procedure-navigation .step-items .step-item.step-current .step-progress .line-left {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 2px), #8CBD0D 50%, rgba(0, 0, 0, 0) calc(50% + 2px));
}

.nav-background-gray, nav.tramite-navigation .step-items .step-item .step-progress .line-left, nav.tramite-navigation .step-items .step-item .step-progress .line-right,
nav.procedure-navigation .step-items .step-item .step-progress .line-left,
nav.procedure-navigation .step-items .step-item .step-progress .line-right {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 2px), #d7dbe4 50%, rgba(0, 0, 0, 0) calc(50% + 2px));
}

nav.tramite-navigation,
nav.procedure-navigation {
  margin-top: 40px;
  padding: 0 0 10px 0;
}
nav.tramite-navigation.c-pointer li.step-done,
nav.procedure-navigation.c-pointer li.step-done {
  cursor: pointer;
}
nav.tramite-navigation ul.step-items,
nav.tramite-navigation ol.step-items,
nav.procedure-navigation ul.step-items,
nav.procedure-navigation ol.step-items {
  list-style: none;
}
nav.tramite-navigation .step-items,
nav.procedure-navigation .step-items {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  /* Align to top*/
  align-items: start;
  justify-content: center;
  /* Give em the same flexbox styles so both can contain and be contained */
}
nav.tramite-navigation .step-items .step-item, nav.tramite-navigation .step-items a,
nav.procedure-navigation .step-items .step-item,
nav.procedure-navigation .step-items a {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  /*Fill container*/
  min-width: 20%;
  width: 100%;
  height: 100%;
}
nav.tramite-navigation .step-items .step-item.go-to-step, nav.tramite-navigation .step-items a.go-to-step,
nav.procedure-navigation .step-items .step-item.go-to-step,
nav.procedure-navigation .step-items a.go-to-step {
  cursor: pointer;
}
nav.tramite-navigation .step-items a:hover,
nav.tramite-navigation .step-items a:visited,
nav.tramite-navigation .step-items a:active,
nav.tramite-navigation .step-items a:focus,
nav.procedure-navigation .step-items a:hover,
nav.procedure-navigation .step-items a:visited,
nav.procedure-navigation .step-items a:active,
nav.procedure-navigation .step-items a:focus {
  text-decoration: none !important;
}
nav.tramite-navigation .step-items .step-item,
nav.procedure-navigation .step-items .step-item {
  /* Reset anchor font styles */
}
nav.tramite-navigation .step-items .step-item a:hover, nav.tramite-navigation .step-items .step-item a:active, nav.tramite-navigation .step-items .step-item a:visited,
nav.procedure-navigation .step-items .step-item a:hover,
nav.procedure-navigation .step-items .step-item a:active,
nav.procedure-navigation .step-items .step-item a:visited {
  text-decoration: none;
  color: inherit;
}
nav.tramite-navigation .step-items .step-item .step-progress,
nav.procedure-navigation .step-items .step-item .step-progress {
  flex-grow: 1;
  flex-shrink: 1;
  display: block;
  padding: 10px 0;
  height: 35px;
  position: relative;
  text-align: center;
  width: 100%;
}
nav.tramite-navigation .step-items .step-item .step-progress .line-left, nav.tramite-navigation .step-items .step-item .step-progress .line-right,
nav.procedure-navigation .step-items .step-item .step-progress .line-left,
nav.procedure-navigation .step-items .step-item .step-progress .line-right {
  width: 49.9999%;
  float: left;
  height: 100%;
}
nav.tramite-navigation .step-items .step-item .step-progress .line-right,
nav.procedure-navigation .step-items .step-item .step-progress .line-right {
  float: right;
}
nav.tramite-navigation .step-items .step-item .step-progress .bullet-wrapper,
nav.procedure-navigation .step-items .step-item .step-progress .bullet-wrapper {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
}
nav.tramite-navigation .step-items .step-item .step-progress .bullet-wrapper .bullet,
nav.procedure-navigation .step-items .step-item .step-progress .bullet-wrapper .bullet {
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  background-color: #d7dbe4;
  height: 15px;
  width: 15px;
}
nav.tramite-navigation .step-items .step-item .step-label,
nav.procedure-navigation .step-items .step-item .step-label {
  flex-grow: 1;
  flex-shrink: 1;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 10px 0;
  width: 100%;
  color: #003874;
  font-size: 0.8em;
  font-family: "PTSans-Regular", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  word-break: break-word;
}
nav.tramite-navigation .step-items .step-item.step-current .step-progress .bullet-wrapper .bullet,
nav.procedure-navigation .step-items .step-item.step-current .step-progress .bullet-wrapper .bullet {
  background-color: #003775;
}
nav.tramite-navigation .step-items .step-item.step-current .step-label,
nav.procedure-navigation .step-items .step-item.step-current .step-label {
  color: #002d63;
}
nav.tramite-navigation .step-items .step-item.step-done .step-progress .bullet-wrapper .bullet,
nav.procedure-navigation .step-items .step-item.step-done .step-progress .bullet-wrapper .bullet {
  background-color: #8CBD0D;
}
nav.tramite-navigation .step-items .step-item:first-child .step-progress,
nav.procedure-navigation .step-items .step-item:first-child .step-progress {
  background: none;
}
nav.tramite-navigation .step-items .step-item:first-child .step-progress .line-left,
nav.procedure-navigation .step-items .step-item:first-child .step-progress .line-left {
  background: none;
}
nav.tramite-navigation .step-items .step-item:last-child .step-progress,
nav.procedure-navigation .step-items .step-item:last-child .step-progress {
  background: none;
}
nav.tramite-navigation .step-items .step-item:last-child .step-progress .line-right,
nav.procedure-navigation .step-items .step-item:last-child .step-progress .line-right {
  background: none;
}
nav.tramite-navigation.model-v2,
nav.procedure-navigation.model-v2 {
  font-size: 0.813rem;
}
nav.tramite-navigation.model-v2 .step-items .step-current .step-label,
nav.procedure-navigation.model-v2 .step-items .step-current .step-label {
  color: #3e3e3e !important;
}
nav.tramite-navigation.model-v2 .step-items .step-item.step-done .step-label,
nav.procedure-navigation.model-v2 .step-items .step-item.step-done .step-label {
  color: #003874 !important;
}
nav.tramite-navigation.model-v2 .step-items .step-item.step-done .bullet-wrapper .bullet,
nav.procedure-navigation.model-v2 .step-items .step-item.step-done .bullet-wrapper .bullet {
  background: #8CBD0D !important;
}
nav.tramite-navigation.model-v2 .step-items .step-item .step-progress,
nav.procedure-navigation.model-v2 .step-items .step-item .step-progress {
  padding: 0;
}
nav.tramite-navigation.model-v2 .step-items .step-item .step-progress .bullet-wrapper,
nav.procedure-navigation.model-v2 .step-items .step-item .step-progress .bullet-wrapper {
  display: flex;
  align-items: center;
}
nav.tramite-navigation.model-v2 .step-items .step-item .step-progress .bullet-wrapper .bullet,
nav.procedure-navigation.model-v2 .step-items .step-item .step-progress .bullet-wrapper .bullet {
  height: 10px;
  width: 10px;
}
nav.tramite-navigation.model-v2 .step-items .step-item .step-label,
nav.procedure-navigation.model-v2 .step-items .step-item .step-label {
  padding: 0;
}
nav.tramite-navigation.model-v2 .step-items :not(.step-current) .step-label,
nav.procedure-navigation.model-v2 .step-items :not(.step-current) .step-label {
  color: #d7dbe4;
}

.selec-contrato .ov-container, .selec-contrato .selector-container {
  /** 20190722 Accesibilidad*/
  /** FIN 20190722 Accesibilidad*/
}
.selec-contrato .ov-container a:focus, .selec-contrato .selector-container a:focus {
  outline: #009405 solid 2px !important;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content {
  padding: 15px;
  background: #FFFFFF;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: auto;
  padding: 0;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .close, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .close {
  background-image: url("/o/classic-theme/images/hidrogea/close-modal.png");
  background-repeat: no-repeat;
  background-position: right center;
  min-height: 50px;
  min-width: 50px;
  display: block;
  opacity: 1.7;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .close, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .close {
    float: right;
    background-size: 25px;
  }
}
@media screen and (max-width: 900px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .close, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .close {
    float: right;
    background-size: 35px;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .close:hover, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .close:hover {
  opacity: 1;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje {
  /*background: #f8f8f8;*/
  padding: 10px 15px;
  margin-top: 20px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje {
    padding: 10px 40px;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje h1, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje h1 {
  text-transform: uppercase;
  color: #434343;
  /*font-size: $size29_333px;*/
  font-size: 1.8333rem;
}
@media screen and (max-width: 900px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje h1, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje h1 {
    font-size: 1.25rem;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje p, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-header .mensaje p {
  font-size: 1.0833rem;
  font-family: "OpenSans-Regular", sans-serif;
  color: #434343;
  margin-bottom: 0;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body {
  padding: 0;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos {
  position: relative;
  margin-bottom: 15px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos {
    margin-bottom: 30px;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .btn-buscador, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .btn-buscador {
  font-family: "PTSans-Bold", sans-serif;
  font-size: 1.17rem;
  height: 35px;
  padding: 0 120px 0 55px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .btn-buscador.collapsed, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .btn-buscador.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .btn-buscador, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .btn-buscador {
    width: 100%;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .form-buscador-contratos .group-submit, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .form-buscador-contratos .group-submit {
    bottom: 25px;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .input-group input[type=checkbox] + .label, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .input-group input[type=checkbox] + .label {
  margin-left: 0;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .input-group + .input-group, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .input-group + .input-group {
  margin-top: 15px;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .label-input-group, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos .label-input-group {
  font-size: 1.0833rem;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos label.checkbox-inline, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos label.checkbox-inline {
  font-size: 1.0833rem;
  padding-top: 2px;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos input[type=radio] + label, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .buscador-contratos input[type=radio] + label {
  font-size: 1.0833rem;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-thead-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-thead-list {
  background-color: #F5F7F9;
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-thead-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-thead-list {
    display: none;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-thead-list th, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-thead-list th {
  background-color: transparent;
  height: auto;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tbody-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
  color: #28234e;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list thead .table-tr-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list thead .table-tr-list {
  border-bottom: 2px solid #ABABAB;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list tbody .table-tr-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list tbody .table-tr-list {
  border-bottom: 1px solid #ddd;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list tbody .table-tr-list:last-child, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list tbody .table-tr-list:last-child {
  border-bottom: none;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tr-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tr-list {
  display: block;
  position: relative;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tr-list:after, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tr-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-tr-list {
    display: block;
    padding: 0;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-th-list,
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-td-list, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-th-list,
.selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .table-list .table-td-list {
  border: none;
  float: left;
  padding: 12px 2px;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-tipo-contrato, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-tipo-contrato {
  width: 8.3333%;
  text-align: center;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-tipo-contrato .ico-gota, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-tipo-contrato .ico-gota {
  width: 20px;
  height: 30px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/gota-blue.png") no-repeat center;
  text-indent: -999em;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-tipo-contrato, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-tipo-contrato {
    width: 50px;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .titulo, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: #97BA3C;
  display: block;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .titulo_numcontrato, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .titulo_numcontrato {
    /*display: none;*/
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-agrupador, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-agrupador {
  width: 16.6666%;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-agrupador, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-agrupador {
    display: none;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato {
  width: 16.6666%;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato .titulo, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato .titulo {
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato {
    width: calc(100% - 55px);
    /*span:not(.titulo) {
        display: none;
    }*/
  }
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato .st-autorizado.authorized-contract, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato .st-autorizado.authorized-contract {
    float: right;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato span, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-contrato span {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-direccion, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-direccion {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-direccion, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-direccion {
    width: 85%;
    margin-right: 35px;
    padding-left: 50px !important;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura {
  width: 16.6666%;
  text-align: center;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura .cantidad, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura .cantidad {
  font-family: "OpenSans-ExtraBold", sans-serif;
  display: block;
  vertical-align: super;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura {
    width: 55%;
    text-align: left;
    padding-left: 50px !important;
  }
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura span, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura span {
    display: inline-block;
  }
}
@media (max-width: 355.99px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-factura {
    width: 57%;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-link, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-link {
  width: 16.6666%;
  text-align: center;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-link .btn-link, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-link .btn-link {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/arrow-right-yellow.png") no-repeat center;
  text-indent: -999em;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-link, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-link {
    position: absolute;
    top: 54px;
    right: 0;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-default, .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-alert, .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-success, .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-warning, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-default, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-alert, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-success, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-warning {
  font-family: "OpenSans-Bold", sans-serif;
  text-transform: lowercase;
  font-variant: small-caps;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-default, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-default {
  color: #666;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-alert, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-alert {
  color: #BD0303;
  font-size: 1.0833rem;
  vertical-align: super;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-success, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-success {
  color: #55780F;
  font-size: 1.0833rem;
  vertical-align: super;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-warning, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .st-warning {
  color: #B85D08;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cargar-mas, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cargar-mas {
  margin: 20px 0;
  text-align: center;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cargar-mas, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cargar-mas {
    margin: 30px 0 60px 0;
  }
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cargar-mas a, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cargar-mas a {
  color: #97BA3C;
  font-size: 1.0833rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  text-decoration: none;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .ico-tele, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .ico-tele {
  background: url("/o/classic-theme/images/hidrogea/telelectura.png") no-repeat center;
  display: block;
  margin-bottom: 0;
  height: 30px;
  width: 30px;
  opacity: 1;
  min-width: 30px;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .no-ico-tele, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .no-ico-tele {
  background-size: 30px 30px;
  display: block;
  margin-bottom: 0;
  min-width: 24%;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-telelectura, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-telelectura {
  min-width: 50px;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-telelectura a, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-telelectura a {
  text-decoration: none;
}
.selec-contrato .ov-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-authorized, .selec-contrato .selector-container .modal.show .modal-dialog .modal-content .selector-modal-body .cell-authorized {
  min-width: 90px;
}

.download-invoices-container .contenido .date-filter {
  display: inline-flex;
  width: 100%;
}
.download-invoices-container .contenido .date-filter .date {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.download-invoices-container .contenido .date-filter .date .startdate-field {
  display: flex;
  flex-direction: column-reverse;
}
.download-invoices-container .contenido .invoice-type-group {
  display: inline-flex;
  width: 100%;
}
.download-invoices-container .contenido .document-type-group {
  display: inline-flex;
  width: 100%;
}
.download-invoices-container .contenido .document-type-group .document-type-finder {
  display: inline-flex;
  column-gap: 5px;
}
.download-invoices-container .contenido .input-group-addon {
  width: 40px !important;
  height: 40px !important;
  padding: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-invoices-container .contenido .input-group-addon .glyphicon {
  display: flex;
  align-items: center;
  width: 20px;
}
.download-invoices-container .contenido .input-group-addon .glyphicon:before {
  width: 15px;
}
.download-invoices-container .contenido .botones button {
  width: 140px;
}
.download-invoices-container .solicitud-descargas header {
  display: flex;
  flex-direction: row;
}
.download-invoices-container .solicitud-descargas header .bs-wizard {
  display: flex;
}
.download-invoices-container .solicitud-descargas .list-avisos .table-list .table-th-list {
  background-color: transparent;
}

.alertas-consumo-settings-portlet {
  margin-top: 8px;
}
.alertas-consumo-settings-portlet .alertas-consumo-settings {
  padding-top: 30px;
}
.alertas-consumo-settings-portlet .alertas-consumo-settings .ov-container.alertas-consumo-errors {
  display: none;
}
.alertas-consumo-settings-portlet .alertas-consumo-settings .ov-container.alertas-consumo-errors, .alertas-consumo-settings-portlet .alertas-consumo-settings .ov-container.alertas-consumo-notifications-inactive {
  margin-bottom: 30px;
}
.alertas-consumo-settings-portlet .alertas-consumo-settings .ov-container .alarm-configuration-section .alarm-config-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
}
.alertas-consumo-settings-portlet .collapsible-section {
  margin: 0 0 10px 0;
  width: 100%;
  border: 1px solid #e5e5e5;
  background-color: #f8f8f8;
  padding: 20px;
  position: relative;
}
.alertas-consumo-settings-portlet .collapsible-section .title {
  font-size: 1.4167rem;
  margin: 0 0 0 0;
  padding: 0 0 2px 0;
}
.alertas-consumo-settings-portlet .collapsible-section .description {
  font-size: 0.92rem;
  color: #013871;
  margin: 0;
  padding: 0;
}
.alertas-consumo-settings-portlet .collapsible-section header {
  margin-bottom: 24px;
}
.alertas-consumo-settings-portlet .collapsible-section .section-body {
  display: block;
  border-top: solid 1px #e8e8e8;
  padding-top: 14px;
}
.alertas-consumo-settings-portlet .collapsible-section button.link {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 0.92rem;
  color: #013871;
  text-decoration: underline;
  display: inline-block;
  background: none;
}
.alertas-consumo-settings-portlet .collapsible-section button.link:hover {
  cursor: pointer;
}
.alertas-consumo-settings-portlet .collapsible-section button.link[disabled] {
  color: #b8c4cf;
  opacity: 0.9;
  cursor: default;
  text-decoration: none;
}
.alertas-consumo-settings-portlet .collapsible-section button.view-configuration-button-link {
  display: none;
}
.alertas-consumo-settings-portlet .collapsible-section button.hide-configuration-button-link {
  display: inline-block;
}
.alertas-consumo-settings-portlet .collapsible-section.collapsed {
  padding-bottom: 0px;
}
.alertas-consumo-settings-portlet .collapsible-section.collapsed .section-body {
  display: none;
}
.alertas-consumo-settings-portlet .collapsible-section.collapsed button.view-configuration-button-link {
  display: inline-block;
}
.alertas-consumo-settings-portlet .collapsible-section.collapsed button.hide-configuration-button-link {
  display: none;
}
.alertas-consumo-settings-portlet .collapsible-section .collapse-button-wrapper {
  margin-top: 16px;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form {
  width: 100%;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form label.label, .alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form legend.label {
  color: #002d63;
  font-size: 0.92rem;
  line-height: 18px;
  height: auto;
  display: block;
  text-align: left;
  border: none;
  font-weight: 600;
  margin: 0;
  padding: 10px 0;
  white-space: normal;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .alert-config-container {
  display: flex;
  justify-content: space-between;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .alert-config-container fieldset {
  display: block;
  margin-right: 28px;
  float: left;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .alert-config-container fieldset:last-child {
  margin-right: 0;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .overconsumption-config-container {
  display: flex;
  justify-content: space-between;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .overconsumption-config-container .overconsumption-fieldset-grid {
  display: grid;
  grid-template-areas: "fieldset-frecuency fieldset-umbral" ". fieldset-units";
  column-gap: 25px;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .overconsumption-config-container .overconsumption-fieldset-grid .fieldset-frecuency {
  grid-area: fieldset-frecuency;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .overconsumption-config-container .overconsumption-fieldset-grid .fieldset-umbral {
  grid-area: fieldset-umbral;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .overconsumption-config-container .overconsumption-fieldset-grid .fieldset-units {
  grid-area: fieldset-units;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button,
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form input[type=text] {
  display: block;
  height: 44px;
  line-height: 44px;
  border: solid 1px #002d63;
  background-color: #ffffff;
  min-width: 80px;
  border-radius: 4px;
  float: left;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button.validation-error,
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form input[type=text].validation-error {
  border: 1px solid red;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button {
  background-color: transparent;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button label {
  display: block;
  text-align: center;
  padding: 0 16px;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #002d63;
  cursor: pointer;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button input[type=radio] {
  opacity: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  cursor: pointer;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button.checked {
  background-color: #002d63;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button.checked label {
  color: #ffffff;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button:last-child {
  margin-right: 0;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form input[type=text] {
  padding: 14px 18px;
  width: 155px;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form input[type=text].input-daysOverConsumption {
  width: 200px;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .button-wrapper {
  margin-top: 42px;
  text-align: right;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container {
  min-height: 1px;
  width: 100%;
  display: none;
  overflow: hidden;
  clear: both;
  border-collapse: separate;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container h3.title,
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container h4.title {
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  text-align: left;
  font-size: 0.92rem;
  padding: 4px 0 6px 0;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container .error, .alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container .info {
  display: block;
  margin: 0 0 10px 10px;
  padding: 0;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container .error {
  color: red;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .messages-container .info {
  color: green;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form.form-disabled {
  cursor: wait;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form.form-disabled button[type=submit][disabled],
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form.form-disabled input[readonly] {
  color: #111;
  background-color: #ccc;
  border-color: #777;
  cursor: wait;
}
.alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form.form-disabled label, .alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form.form-disabled legend {
  cursor: wait;
}
.alertas-consumo-settings-portlet .alarm-section {
  margin-top: 3em;
  margin-bottom: 75px;
}
.alertas-consumo-settings-portlet .alarm-section .listado-alarmas {
  margin-top: 40px;
}
.alertas-consumo-settings-portlet .alarm-section .alarm-status {
  font-weight: bold;
}
.alertas-consumo-settings-portlet .alarm-section .active {
  color: #24a148;
}
.alertas-consumo-settings-portlet .alarm-section .deactive {
  color: #d0011b;
}
.alertas-consumo-settings-portlet .alarm-section .alert-type {
  font-size: 1rem;
}
.alertas-consumo-settings-portlet .image-noresults {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.alertas-consumo-settings-portlet p.no-alerts {
  margin-top: 24px;
}
.alertas-consumo-settings-portlet .alarm-configuration-section header.row {
  background-color: #f8f8f8;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .alertas-consumo-settings-portlet .table-thead-list-ov {
    display: none;
  }
}
@media (max-width: 424px) {
  .alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form fieldset {
    float: none;
    margin-right: 0;
  }
  .alertas-consumo-settings-portlet .collapsible-section form.alert-configuration-form .radio-button {
    margin-bottom: 10px;
  }
  .alertas-consumo-settings-portlet .table-thead-list-ov .table-tr-list {
    display: none;
  }
}

.alertas-consumo-settings.ov-container .ov-container {
  width: 100%;
}

.web-notifications-container .empty-web-notifications-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.web-notifications-container .empty-web-notifications-container .empty-web-notifications {
  background: url("/o/classic-theme/images/commons/empty_web_notifications.svg") center no-repeat;
  background-size: 250px;
  width: 250px;
  height: 150px;
}
.web-notifications-container .empty-web-notifications-container .empty-web-notifications-desc {
  color: #5B5B5B;
  font-family: "PT Sans", sans-serif;
  font-size: 1.17rem;
  text-align: center;
}
.web-notifications-container .web-notifications-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.web-notifications-container .web-notifications-icon:before {
  content: "";
  display: inline-flex;
  min-width: 26px;
  min-height: 26px;
}
.web-notifications-container .notification-icon-1:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-2:before {
  background: url("/o/classic-theme/images/notificaciones/devolucion_bancaria.svg") center no-repeat;
}
.web-notifications-container .notification-icon-4:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-5:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-6:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-7:before {
  background: url("/o/classic-theme/images/notificaciones/alarma_posible_fuga.svg") center no-repeat;
}
.web-notifications-container .notification-icon-8:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-9:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-10:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-11:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-12:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-13:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-14:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-22:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-34:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-37:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-43:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-46:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-47:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-48:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-49:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-50:before {
  background: url("/o/classic-theme/images/notificaciones/cambio_contador_realizado.svg") center no-repeat;
}
.web-notifications-container .notification-icon-100:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-102:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-105:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-106:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-107:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-200:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-203:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-204:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-207:before {
  background: url("/o/classic-theme/images/notificaciones/facturas_proximo_vencimiento.svg") center no-repeat;
}
.web-notifications-container .notification-icon-208:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-209:before {
  background: url("/o/classic-theme/images/notificaciones/recordatorio_pago.svg") center no-repeat;
}
.web-notifications-container .notification-icon-210:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_cierre.svg") center no-repeat;
}
.web-notifications-container .notification-icon-211:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_cierre.svg") center no-repeat;
}
.web-notifications-container .notification-icon-212:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_cierre.svg") center no-repeat;
}
.web-notifications-container .notification-icon-213:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-214:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-215:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_cierre_tipo_averia.svg") center no-repeat;
}
.web-notifications-container .notification-icon-225:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_factura_disponible.svg") center no-repeat;
}
.web-notifications-container .notification-icon-301:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-302:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-303:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-304:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-305:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-306:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-309:before {
  background: url("/o/classic-theme/images/notificaciones/cambio_contador_realizado.svg") center no-repeat;
}
.web-notifications-container .notification-icon-310:before {
  background: url("/o/classic-theme/images/notificaciones/aviso_cierre.svg") center no-repeat;
}
.web-notifications-container .notification-icon-311:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-313:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-316:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-318:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-322:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-323:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-326:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-328:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-329:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-330:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-3326:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-333:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-334:before {
  background: url("/o/classic-theme/images/notificaciones/carta_aviso_suspension.svg") center no-repeat;
}
.web-notifications-container .notification-icon-350:before {
  background: url("/o/classic-theme/images/notificaciones/alarma_posible_fuga.svg") center no-repeat;
}
.web-notifications-container .notification-icon-1001:before {
  background: url("/o/classic-theme/images/notificaciones/alarma_posible_fuga_activar.svg") center no-repeat;
}
.web-notifications-container .notification-icon-1002:before {
  background: url("/o/classic-theme/images/notificaciones/alarma_posible_fuga_desactivar.svg") center no-repeat;
}
.web-notifications-container .notification-icon-1003:before {
  background: url("/o/classic-theme/images/notificaciones/alarma_posible_fuga_recordatorio.svg") center no-repeat;
}
.web-notifications-container .notification-icon-1004:before {
  background: url("/o/classic-theme/images/notificaciones/alerta_sobreconsumo_activar.svg") center no-repeat;
}
.web-notifications-container .notification-icon-1005:before {
  background: url("/o/classic-theme/images/notificaciones/alerta_sobreconsumo_desactivar.svg") center no-repeat;
}
.web-notifications-container .notification-icon-1006:before {
  background: url("/o/classic-theme/images/notificaciones/alerta_sobreconsumo.svg") center no-repeat;
}
.web-notifications-container .icon-asd {
  vertical-align: middle;
  background-position: center center;
}
.web-notifications-container .opacity-medium {
  opacity: 0.5;
}
.web-notifications-container .opacity-medium-icon:before {
  opacity: 0.5;
  filter: grayscale(1);
}

.tramite--lecturacontador .notification.wrong {
  margin: 0 auto;
}
.tramite--lecturacontador .tramite-header {
  margin-bottom: 0 !important;
}
.tramite--lecturacontador .tramite-body {
  margin-top: 31px;
}
.tramite--lecturacontador .form-group-ov {
  width: 100%;
}
.tramite--lecturacontador .tramite-body .form-group-ov .flex-columns .column-right .lc-banner {
  margin-top: 24px;
}
.tramite--lecturacontador hr.ov-form-separator {
  margin-top: 50px;
}

.paymentonline-container {
  background-color: #F3F4F8;
}
.paymentonline-container .paymentonline {
  margin-top: 20px;
}
.paymentonline-container .paymentonline .payment-header {
  text-align: center;
}
.paymentonline-container .paymentonline .paymentonline-form {
  flex: 4;
  padding: 28px;
  margin-right: 120px;
  margin-top: 50px;
}
.paymentonline-container .paymentonline .paymentonline-form input::placeholder {
  opacity: 0.3 !important;
}
@media screen and (max-width: 500px) {
  .paymentonline-container .paymentonline .paymentonline-form {
    margin: 0 0 26px 0;
  }
  .paymentonline-container .paymentonline .paymentonline-instructions {
    display: none;
  }
}
.paymentonline-container .paymentonline .paymentonline-body {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  margin-left: 36px;
}
@media screen and (max-width: 500px) {
  .paymentonline-container .paymentonline .paymentonline-body {
    flex-direction: column;
    margin-left: 0px;
  }
}
.paymentonline-container .paymentonline .paymentonline-body .amount {
  margin-top: 40px;
}
.paymentonline-container .paymentonline .paymentonline-body .payment-send-button {
  color: #fff;
  background: #002d63;
  border: 2px solid #002d63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  font-size: 0.9em;
  letter-spacing: 1.4px;
  border-radius: 5em;
  padding: 8px 15px;
  cursor: pointer;
  height: max-content;
}
.paymentonline-container .paymentonline .paymentonline-body .payment-scan-button {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  letter-spacing: 1px;
}
.paymentonline-container .paymentonline .paymentonline-body .payment-scan-button:before {
  content: "";
  display: flex;
  background: url("/o/classic-theme/images/tramites/payment_documents/barcode-scan-icon.svg") center no-repeat;
  width: 29px;
  height: 23px;
  margin-right: 5px;
}
.paymentonline-container .paymentonline .paymentonline-body .payment-send-button:disabled {
  background-color: #9fb4ca !important;
  color: #ffffff !important;
  border-color: #a2b3c5 !important;
}
.paymentonline-container .paymentonline .paymentonline-instructions {
  flex: 7;
}
.paymentonline-container .paymentonline-bills {
  display: flex;
  margin-top: 56px;
  background-color: #002E67;
  border-radius: 7px;
  width: 100%;
  height: 180px;
}
@media screen and (max-width: 500px) {
  .paymentonline-container .paymentonline-bills {
    flex-direction: column;
    margin-top: 0 !important;
    height: auto !important;
    padding: 35px;
  }
  .paymentonline-container .paymentonline-bills .payment-billing-img {
    margin: 0 !important;
  }
}
.paymentonline-container .paymentonline-bills .billing-col1 {
  flex: 1;
}
.paymentonline-container .paymentonline-bills .billing-col2 {
  flex: 10;
}
.paymentonline-container .paymentonline-bills .ov-title-bold-white {
  color: white;
  font-size: 1.5rem;
  font-weight: 700;
}
.paymentonline-container .paymentonline-bills .ov-subtitle-bold-white {
  color: white;
  font-size: 0.92rem;
}
.paymentonline-container .paymentonline-bills .billing-button {
  background: #DDE4EB !important;
  color: #002D63 !important;
  display: block !important;
  margin-top: 18px !important;
}
@media screen and (max-width: 500px) {
  .paymentonline-container .paymentonline-bills .billing-button {
    margin-left: 25px;
  }
}
.paymentonline-container .paymentonline-bills .payment-billing-img {
  margin-top: 18px;
  margin-left: 28px;
}
.paymentonline-container .select-payment-modal h2.select-payment-title {
  margin: 0 0 54px 0;
  font-size: 1.4167rem;
}
.paymentonline-container .select-payment-modal .select-payment-desc {
  display: block;
  margin-bottom: 14px;
}
.paymentonline-container .select-payment-modal .select-payment-group {
  margin-bottom: 21px;
}
.paymentonline-container .select-payment-modal .select-payment-footer-buttons {
  display: flex;
  align-items: center;
  margin-top: 41px;
  width: 100%;
  justify-content: space-between;
}
.paymentonline-container .select-payment-modal .select-payment-footer-buttons .cancel-button {
  text-decoration: underline;
}
.paymentonline-container .select-payment-modal .select-payment-footer-buttons button.btn-primary-ov {
  justify-self: end;
}
.paymentonline-container .select-payment-modal .select-payment-group.form-group-ov {
  display: flex;
  gap: 15px;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card.selected {
  outline: 2px solid #003775;
  position: relative;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card.selected:after {
  position: absolute;
  top: 5px;
  right: 5px;
  content: "\f00c";
  background-color: #203564;
  color: #FFF;
  height: 26px;
  width: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 10px;
  font-size: 0.92rem;
  font-family: "fontawesome-alloy", sans-serif;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card div {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card div i {
  width: 100%;
  font-size: 1.75rem;
  text-align: center;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card div i:before {
  border-radius: 5em;
  padding: 14px;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card div i.icon-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  border-radius: 50%;
  padding: 10px;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card div i.icon-image-container img.icon-image {
  width: 32px;
  height: 32px;
}
.paymentonline-container .select-payment-modal .select-payment-group .type-payment-card.ov-card div .title-tramite {
  margin: 0;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 0.92rem;
}
.paymentonline-container .select-type-payment-process-request-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.paymentonline-container .select-type-payment-process-request-content h2.select-payment-title {
  text-align: center;
  margin: 0;
  width: 360px;
}
.paymentonline-container .select-type-payment-process-request-content .process-request-loading {
  background: url("/o/classic-theme/images/tramites/online_payment/reloj.svg") no-repeat;
  width: 360px;
  height: 200px;
}

.paymentonline-result .activacion {
  padding-bottom: 50px;
}
.paymentonline-result .activacion .title {
  margin-top: 36px;
}
.paymentonline-result .activacion p.ov, .paymentonline-result .activacion .ql-container p.ql-editor:before, .ql-container .paymentonline-result .activacion p.ql-editor:before,
.paymentonline-result .activacion .ql-container .ql-editor p,
.ql-container .ql-editor .paymentonline-result .activacion p {
  font-size: 1rem;
  margin-top: 2px;
}

#barcode-scanner-modal .modal-dialog {
  pointer-events: auto;
}
#barcode-scanner-modal .modal-dialog #barcode-scanner-content:before, #barcode-scanner-modal .modal-dialog #barcode-scanner-content:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#barcode-scanner-modal .modal-dialog #barcode-scanner-content:before {
  width: calc(100% - 40px);
  border: 3px solid #FF0000;
  border-radius: 5px;
  opacity: 0.4;
}
#barcode-scanner-modal .modal-dialog #barcode-scanner-content:after {
  width: calc(100% - 30px);
  height: 80px;
  border: 5px dashed #149FCA;
  border-radius: 15px;
}
#barcode-scanner-modal .modal-dialog .modal-content {
  height: calc(100% - 80px);
  justify-content: center;
  background: #f5f5f5;
}
#barcode-scanner-modal .modal-dialog .modal-content video {
  margin: 0;
}

.form-errors-container {
  border-left-color: #DD3F0E;
  border-left-width: 3px;
  border-left-style: solid;
  background-color: #f8e4dd;
}
.form-errors-container .form-errors-heading {
  color: #000;
  font-weight: bold;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 20px;
}
.form-errors-container ul.form-error-list {
  list-style-image: none;
  list-style-type: none;
  padding: 0px 18px 12px 18px;
}

.download-invoices-container .table-list .table-thead-list {
  border-bottom: 2px solid #ABABAB;
  background-color: rgba(1, 56, 113, 0.04);
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.download-invoices-container .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
  color: #666;
}
.download-invoices-container .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.download-invoices-container .table-list .table-th-list,
.download-invoices-container .table-list .table-td-list {
  float: left;
  min-height: 10px;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .tab-pane {
    padding: 0;
  }
}
.download-invoices-container .solicitud-descargas {
  /*@media screen and (max-width: $ov-tablet-max-width)*/
}
.download-invoices-container .solicitud-descargas .table-list .table-tbody-list .table-tr-list {
  display: flex;
  align-items: center;
}
.download-invoices-container .solicitud-descargas .table-list .table-tbody-list .table-tr-list.selected, .download-invoices-container .solicitud-descargas .table-list .table-tbody-list .table-tr-list:hover {
  background-color: rgba(1, 56, 113, 0.04);
}
.download-invoices-container .solicitud-descargas .cell-dir-suministros,
.download-invoices-container .solicitud-descargas .cell-dir-correspondencia { /* las dos direcciones*/
  width: 35% !important;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.download-invoices-container .solicitud-descargas .cell-contrato {
  width: 10% !important;
}
.download-invoices-container .solicitud-descargas .cell-alias { /*pago plano gota, alias y codigo contrato		*/
  width: 20% !important;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.download-invoices-container .solicitud-descargas .cell-alias .ico-gota {
  background: url("/o/classic-theme/images/hidrogea/gota.png") no-repeat center;
  display: inline-block;
  margin-bottom: 0;
  height: 30px;
  width: 20px;
  margin-right: 10px;
}
.download-invoices-container .solicitud-descargas .cell-alias span.titulo-alias {
  padding-left: 30px;
}
.download-invoices-container .solicitud-descargas .subcell-tipo {
  float: left;
  width: 30px;
}
.download-invoices-container .solicitud-descargas .subcell-codigo {
  float: left;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .solicitud-descargas {
    /*.cell-dir-suministros,
                .cell-dir-correspondencia*/
    /*.table-list*/
  }
  .download-invoices-container .solicitud-descargas .cell-dir-suministros,
  .download-invoices-container .solicitud-descargas .cell-dir-correspondencia {
    clear: both;
    width: 100% !important;
    margin-top: 10px;
    padding-left: 30px !important;
  }
  .download-invoices-container .solicitud-descargas .cell-contratos {
    width: 30px;
    margin-top: 10px;
  }
  .download-invoices-container .solicitud-descargas .cell-alias {
    width: calc(100% - 40px) !important;
    margin-top: 10px;
  }
  .download-invoices-container .solicitud-descargas .subcell-tipo {
    width: 30px;
    float: right;
  }
  .download-invoices-container .solicitud-descargas .subcell-codigo {
    width: calc(100% - 30px);
    float: left;
  }
  .download-invoices-container .solicitud-descargas .table-list {
    /*.table-thead-list*/
    /*.table-thead-list*/
    /*.table-tbody-list*/
  }
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list {
    display: block !important;
  }
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list {
    /*.cell-dir-correspondencia,
                        .cell-dir-suministros,
                        .cell-alias*/
    /*.cell-contratos*/
    /*.cell-contratos label spa*/
  }
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list .cell-dir-correspondencia,
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list .cell-dir-suministros,
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list .cell-alias {
    display: none;
  }
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list .cell-contratos {
    display: block !important;
    width: 100%;
    height: 25px;
    font-family: "OpenSans-Light", sans-serif;
  }
  .download-invoices-container .solicitud-descargas .table-list .table-thead-list .cell-contratos label span {
    color: black;
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.92rem;
    text-transform: uppercase;
  }
  .download-invoices-container .solicitud-descargas .table-list .table-tbody-list .table-tr-list {
    display: block;
  }
}
.download-invoices-container .solicitud-descargas .contenido {
  float: none;
  margin: auto;
  padding: 0;
}
.download-invoices-container .solicitud-descargas .contenido .msg-required {
  color: black;
  font-size: 0.92rem;
}
.download-invoices-container .solicitud-descargas .contenido .msg-required i {
  color: #bd0303;
  display: inline-block;
  margin-right: 5px;
}
.download-invoices-container .solicitud-descargas .contenido p span {
  line-height: 28px;
}
.download-invoices-container .solicitud-descargas .contenido .mensaje {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
.download-invoices-container .solicitud-descargas .contenido .mensaje span {
  font-family: "OpenSans-Regular", sans-serif;
}
.download-invoices-container .solicitud-descargas .contenido .fila {
  overflow: hidden;
  margin: 30px 0;
}
.download-invoices-container .solicitud-descargas .contenido .fila .required.empty::after {
  font-size: 1.0833rem;
}
.download-invoices-container .solicitud-descargas .contenido .fila p.titular {
  font-family: OpenSans-Regular, sans-serif;
  color: #555;
  font-size: 1.0833rem;
  margin-bottom: 13px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .col-md-3 {
  float: left;
}
.download-invoices-container .solicitud-descargas .contenido .fila .col-md-6, .download-invoices-container .solicitud-descargas .contenido .fila .col-md-3 {
  padding-left: 0;
  padding-right: 10px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group {
  margin-bottom: 5px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group input {
  font-size: 1rem;
  padding-left: 15px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .with-gap[type=radio]:not(:checked) + label::before {
  border: 1px solid #cdcdcd;
  width: 24px;
  height: 24px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .with-gap[type=radio]:checked + label::before {
  border: 1px solid #cdcdcd;
  width: 24px;
  height: 24px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .with-gap[type=radio]:checked + label::after {
  transform: scale(0.6);
  border: 1px solid #cdcdcd;
  background: #666;
  width: 24px;
  height: 24px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group select {
  font-size: 1rem;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form {
  padding: 0;
  width: 100%;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form .form-group {
  width: 100%;
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form input[type=text] {
  width: calc(100% - 45px);
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default {
  padding: 0;
  border: 0;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 900px) {
  .download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.download-invoices-container .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default span {
  height: 22px;
  font-size: 1.17rem;
  width: 14px;
  left: -3px;
}
.download-invoices-container .solicitud-descargas .contenido .fila .input-group input {
  font-size: 1rem;
  background: none;
  padding-left: 15px;
}
.download-invoices-container .solicitud-descargas .contenido input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.download-invoices-container .solicitud-descargas .contenido input[type=checkbox] + label {
  text-indent: 30px;
  height: 18px;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
  background-color: white;
}
.download-invoices-container .solicitud-descargas .contenido input[type=checkbox] + label:before {
  content: none;
}
.download-invoices-container .solicitud-descargas .contenido input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 9px;
  border-bottom: 4px solid #97BA3C;
  border-left: 4px solid #97BA3C;
  top: 2px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
  background-color: transparent;
  box-shadow: none !important;
  border-radius: 0;
}
.download-invoices-container .solicitud-descargas .contenido input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 18px;
}
.download-invoices-container .solicitud-descargas .contenido .df-footer-container .botones .btn-primary, .download-invoices-container .solicitud-descargas .contenido .df-footer-container .botones .btn-secundary {
  float: right;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .solicitud-descargas .contenido .df-footer-container .botones .btn-primary, .download-invoices-container .solicitud-descargas .contenido .df-footer-container .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .download-invoices-container .solicitud-descargas .contenido .df-footer-container .botones .btn-primary, .download-invoices-container .solicitud-descargas .contenido .df-footer-container .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .download-invoices-container .solicitud-descargas .contenido .fila .col-md-6, .download-invoices-container .solicitud-descargas .contenido .fila .col-md-3 {
    padding-bottom: 17px;
  }
}
.download-invoices-container .solicitud-descargas .df-footer-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 50px;
}
.download-invoices-container .solicitud-descargas .botones {
  display: flex;
  justify-content: flex-end;
}
.download-invoices-container .solicitud-descargas .botones .btn-primary, .download-invoices-container .solicitud-descargas .botones .btn-secundary {
  width: auto;
  float: right;
  margin: 0 10px;
  padding: 10px 10px;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .solicitud-descargas .botones .btn-primary, .download-invoices-container .solicitud-descargas .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .invoice-navigator {
  background-color: unset;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .invoice-navigator .bs-wizard {
  justify-content: center;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .invoice-navigator .bs-wizard .bs-wizard-step {
  width: 32%;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .table-list .table-thead-list {
  display: block;
  border-bottom: 2px solid #ABABAB;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .table-list .table-thead-list tr {
  display: block;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .table-list .table-tbody-list .table-tr-list {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .table-list .table-tbody-list .table-tr-list:hover {
  background-color: transparent;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-contrato {
  width: 10%;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-poblacion {
  width: 16%;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-numdoc {
  width: 10%;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-anyo,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-periodo,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-consumo,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-cobro,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-importe,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-iva,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-total {
  width: 8%;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-factura {
  width: 20%;
}
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-contrato,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-anyo,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-periodo,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-consumo,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-importe,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-iva,
.download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-total {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .list-avisos {
    padding: 0;
  }
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .table-list .table-thead-list {
    display: none;
  }
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-contrato,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-poblacion,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-numdoc,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-factura,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-anyo,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-periodo,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-consumo,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-cobro,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-importe,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-iva,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-total {
    width: 100% !important;
    padding: 5px;
    text-align: left;
  }
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-contrato:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-poblacion:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-numdoc:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-factura:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-anyo:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-periodo:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-consumo:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-cobro:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-importe:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-iva:before,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-total:before {
    content: attr(data-label) ": ";
    font-family: "OpenSans-Regular", sans-serif;
  }
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-contrato,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-poblacion,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-numdoc,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-factura,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-anyo,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-periodo,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-consumo,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-cobro,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-importe,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-iva,
  .download-invoices-container .solicitud-descargas.confirmacion-descarga .cell-total {
    width: 100%;
    padding: 5px;
    text-align: left;
  }
}
.download-invoices-container .list-avisos-descarga-facturas strong {
  color: #444;
  font-family: "OpenSans-Regular", sans-serif;
}
.download-invoices-container .listado-contratos {
  /*.cell-dir-suministros,
          .cell-dir-correspondencia*/
  /*.cell-alias*/
  /*.cell-alias .ico-gota */
  /*.cell-alias span.titulo-alias*/
  /*.subcell-tipo*/
  /*.subcell-codigo*/
  /*@media screen and (max-width: $ov-tablet-max-width)*/
  /*input[type="checkbox"]*/
}
.download-invoices-container .listado-contratos .cell-dir-suministros,
.download-invoices-container .listado-contratos .cell-dir-correspondencia { /* las dos direcciones*/
  width: 35%;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.download-invoices-container .listado-contratos .cell-alias { /*pago plano gota, alias y codigo contrato		*/
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.download-invoices-container .listado-contratos .cell-alias .ico-gota {
  background: url("/o/classic-theme/images/hidrogea/gota.png") no-repeat center;
  display: inline-block;
  margin-bottom: 0;
  height: 30px;
  width: 20px;
  margin-right: 10px;
}
.download-invoices-container .listado-contratos .cell-alias span.titulo-alias {
  padding-left: 30px;
}
.download-invoices-container .listado-contratos .subcell-tipo {
  float: left;
  width: 30px;
}
.download-invoices-container .listado-contratos .subcell-codigo {
  float: left;
}
@media screen and (max-width: 768px) {
  .download-invoices-container .listado-contratos {
    /*.fila*/
    /*.cell-dir-suministros,
                .cell-dir-correspondencia*/
    /*.cell-contratos*/
    /*.cell-alias*/
    /*.subcell-tipo*/
    /*.subcell-codigo*/
    /*.table-list*/
  }
  .download-invoices-container .listado-contratos .fila {
    width: 100%;
  }
  .download-invoices-container .listado-contratos .cell-dir-suministros,
  .download-invoices-container .listado-contratos .cell-dir-correspondencia {
    width: 100%;
    margin-top: 10px;
    padding-left: 40px !important;
  }
  .download-invoices-container .listado-contratos .cell-contratos {
    width: 40px;
    margin-top: 10px;
  }
  .download-invoices-container .listado-contratos .cell-alias {
    width: calc(100% - 40px) !important;
    margin-top: 10px;
  }
  .download-invoices-container .listado-contratos .cell-alias span.titulo-alias {
    padding-left: 0px !important;
  }
  .download-invoices-container .listado-contratos .subcell-tipo {
    width: 30px;
    float: right;
  }
  .download-invoices-container .listado-contratos .subcell-codigo {
    width: calc(100% - 30px);
    float: left;
  }
  .download-invoices-container .listado-contratos .table-list {
    /*.table-thead-list*/
    /*.table-thead-list*/
    /*.table-tbody-list*/
  }
  .download-invoices-container .listado-contratos .table-list .table-thead-list,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov {
    display: block !important;
  }
  .download-invoices-container .listado-contratos .table-list .table-thead-list,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov {
    /*.cell-contratos*/
    /*.cell-contratos label.allRowsIds span*/
  }
  .download-invoices-container .listado-contratos .table-list .table-thead-list .cell-dir-correspondencia,
  .download-invoices-container .listado-contratos .table-list .table-thead-list .cell-dir-suministros,
  .download-invoices-container .listado-contratos .table-list .table-thead-list .cell-alias,
  .download-invoices-container .listado-contratos .table-list .table-thead-list .cell-contratos,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov .cell-dir-correspondencia,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov .cell-dir-suministros,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov .cell-alias,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov .cell-contratos {
    display: block !important;
    width: 100%;
    height: 25px;
    font-family: "OpenSans-Light", sans-serif;
  }
  .download-invoices-container .listado-contratos .table-list .table-thead-list .cell-contratos label.allRowsIds span,
  .download-invoices-container .listado-contratos .table-list .table-thead-list-ov .cell-contratos label.allRowsIds span {
    color: black;
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.92rem;
    text-transform: uppercase;
  }
  .download-invoices-container .listado-contratos .table-list .table-tbody-list {
    /*.table-tr-list*/
  }
  .download-invoices-container .listado-contratos .table-list .table-tbody-list .table-tr-list {
    display: block;
  }
}
.download-invoices-container .listado-contratos input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  /*& + label*/
  /*&:checked + label:after*/
}
.download-invoices-container .listado-contratos input[type=checkbox] + label {
  text-indent: 30px;
  /*Modificado a�adido 20171120*/
  height: 18px !important;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 2px 0 0 10px;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
  background-color: white;
  /*&:before*/
  /*&:after*/
}
.download-invoices-container .listado-contratos input[type=checkbox] + label:before {
  content: none;
}
.download-invoices-container .listado-contratos input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 9px;
  border-bottom: 4px solid #97BA3C;
  border-left: 4px solid #97BA3C;
  top: 2px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
  background-color: transparent;
  box-shadow: none !important;
  border-radius: 0;
}
.download-invoices-container .listado-contratos input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 18px;
}
.download-invoices-container .listado-contratos .allRowsIds {
  font-weight: normal !important;
}

.tramite-descarga-masiva .portlet-content {
  padding: 0px;
}
.tramite-descarga-masiva h2.ov, .tramite-descarga-masiva h2.ov-small, .tramite-descarga-masiva .ql-container h2.ql-editor:before, .ql-container .tramite-descarga-masiva h2.ql-editor:before {
  display: inline-block;
}
@media all and (min-width: 420px) {
  .tramite-descarga-masiva button.btn-primary-ov {
    float: right;
  }
}
.tramite-descarga-masiva button.btn-primary-ov {
  margin: 20px;
}
.tramite-descarga-masiva .image-noresults {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}
.tramite-descarga-masiva .image-noresults p.no-descargas {
  margin-top: 24px;
}
.tramite-descarga-masiva p.error-descargas {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  color: #D0021B;
}
.tramite-descarga-masiva .notification.wrong {
  margin-top: 20px;
}
.tramite-descarga-masiva .table-descarga-masiva {
  margin-top: 2em;
}
.tramite-descarga-masiva .table-descarga-masiva tr.header {
  background-color: #F8F8F8;
  border-bottom: #DDE4EB 1px solid;
  color: #3E3E3E;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  padding: 15px 33px;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  padding: 20px 33px;
  border-bottom: 0px;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila:nth-child(even) {
  background-color: #F8F8F8;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .dm-error-message {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .dm-error-message:before {
  color: #D0021B;
}
.tramite-descarga-masiva .table-descarga-masiva tr .col {
  padding: 0px;
}
.tramite-descarga-masiva .table-descarga-masiva .loading {
  border: 0;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .col, .tramite-descarga-masiva .table-descarga-masiva tr.header .col {
  flex: 1;
  font-size: 0.92rem;
}
@media all and (min-width: 420px) {
  .tramite-descarga-masiva .table-descarga-masiva tr.fila .nombre-descarga, .tramite-descarga-masiva .table-descarga-masiva tr.header .nombre-descarga {
    min-width: 50%;
  }
  .tramite-descarga-masiva .table-descarga-masiva tr.fila .fecha-descarga, .tramite-descarga-masiva .table-descarga-masiva tr.header .fecha-descarga {
    min-width: 15%;
  }
  .tramite-descarga-masiva .table-descarga-masiva tr.fila .estado-descarga, .tramite-descarga-masiva .table-descarga-masiva tr.header .estado-descarga {
    min-width: 15%;
  }
  .tramite-descarga-masiva .table-descarga-masiva tr.fila .descargar, .tramite-descarga-masiva .table-descarga-masiva tr.header .descargar {
    min-width: auto;
  }
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .estado-descarga, .tramite-descarga-masiva .table-descarga-masiva tr.header .estado-descarga {
  font-weight: 700;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .estado-1, .tramite-descarga-masiva .table-descarga-masiva tr.header .estado-1 {
  color: #FDB22C;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .estado-2, .tramite-descarga-masiva .table-descarga-masiva tr.fila .estado-3, .tramite-descarga-masiva .table-descarga-masiva tr.header .estado-2, .tramite-descarga-masiva .table-descarga-masiva tr.header .estado-3 {
  color: #4A9F2A;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .estado-5, .tramite-descarga-masiva .table-descarga-masiva tr.header .estado-5 {
  color: #D0021B;
}
.tramite-descarga-masiva .table-descarga-masiva tr.fila .descargar a, .tramite-descarga-masiva .table-descarga-masiva tr.header .descargar a {
  color: #013871;
  font-weight: 700;
  text-decoration: underline;
}
@media all and (max-width: 420px) {
  .tramite-descarga-masiva .table-descarga-masiva .nombre-descarga {
    width: 200px;
    display: inline;
  }
  .tramite-descarga-masiva .table-descarga-masiva .fecha-descarga {
    width: 160px;
    display: inline;
    float: right;
  }
  .tramite-descarga-masiva .table-descarga-masiva .estado-descarga {
    width: 160px;
    display: block;
  }
  .tramite-descarga-masiva .table-descarga-masiva .descargar {
    width: 160px;
    display: inline;
    float: right;
  }
}
.tramite-descarga-masiva .table-descarga-masiva tr {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 640px) {
  .tramite-descarga-masiva .table-descarga-masiva tr {
    flex-direction: column;
  }
}

.tramite-descarga-masiva .process-new-download {
  margin-bottom: 45px;
}
.tramite-descarga-masiva .process-new-download a {
  color: #013871 !important;
  text-decoration: underline !important;
}
.tramite-descarga-masiva .process-new-download .hr-line-margin {
  margin-top: 26px;
  margin-bottom: 24px;
}
.tramite-descarga-masiva .process-new-download .process-new-download__title {
  margin-top: 44px;
  margin-bottom: 17px;
}
.tramite-descarga-masiva .process-new-download .process-new-download__subtitle {
  color: #002D63;
  font-size: 0.92rem;
}
.tramite-descarga-masiva .process-new-download .process-new-download__select_contract_label {
  color: #002D63;
  font-size: 1rem;
}
.tramite-descarga-masiva .process-new-download .filter-buttons {
  display: grid;
  grid-gap: 20px;
  margin-right: 20px;
  margin-bottom: 35px;
}
@media screen and (max-width: 650px) {
  .tramite-descarga-masiva .process-new-download .filter-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
  .tramite-descarga-masiva .process-new-download .filter-buttons .invoice-type-filter-container {
    width: 100%;
  }
}
@media screen and (min-width: 650px) {
  .tramite-descarga-masiva .process-new-download .filter-buttons {
    grid-template-columns: repeat(4, 1fr);
  }
  .tramite-descarga-masiva .process-new-download .filter-buttons .date-start-filter-container {
    grid-column: 1;
  }
  .tramite-descarga-masiva .process-new-download .filter-buttons .date-end-filter-container {
    grid-column: 2;
  }
  .tramite-descarga-masiva .process-new-download .filter-buttons .invoice-type-filter-container {
    grid-column: 4;
    width: 80%;
    min-width: 150px;
    justify-self: end;
  }
}
.tramite-descarga-masiva .process-new-download .filter-buttons .invoice-type-filter-container .invoice-type-filter {
  height: 40px;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download {
  margin-bottom: 10px;
}
@media screen and (max-width: 650px) {
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download {
    font-size: 0.75rem;
  }
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr {
  display: flex;
  font-size: 0.92rem;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr:nth-child(2n) {
  background-color: #F8F8F8;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr.header {
  background-color: #F8F8F8;
  border-bottom: #DDE4EB 1px solid;
  color: #3E3E3E;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr.fila {
  border: none;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr .col {
  font-size: 0.92rem;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tfoot tr {
  border-bottom: none;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tfoot tr td {
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download input[type=checkbox] {
  width: auto;
  height: auto;
}
@media all and (max-width: 650px) {
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr {
    flex-direction: column;
    padding: 15px 18px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr td, .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr th {
    display: inline;
    margin: 10px;
    padding: 0px;
  }
}
@media all and (min-width: 650px) {
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr {
    flex-direction: row;
    gap: 3px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr td {
    padding: 15px 0px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr th {
    padding: 0px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr.header {
    padding: 15px 18px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download tr.fila {
    padding: 10px 18px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__select-contract {
    width: 4%;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__contract {
    width: 14%;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__supply-direction {
    width: 30%;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__invoice-type {
    width: 15%;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__enable-invoice {
    width: 20%;
    display: flex;
    justify-content: flex-end;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__enable-invoice a {
    font-family: "PTSans-Bold", sans-serif;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .table-new-download .table-new-download__authorized-type {
    width: 10%;
    display: flex;
    align-self: center;
  }
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media all and (max-width: 650px) {
  .tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 5px;
  }
  .tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__pagination {
    grid-column: 1;
  }
}
@media all and (min-width: 650px) {
  .tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__pagination {
    grid-column: 4;
  }
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__selected_contracts {
  color: #3E3E3E;
  display: flex;
  white-space: nowrap;
  grid-column: 1;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__selected_contracts * {
  align-self: center;
  margin: 0;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__selected_contracts .from {
  padding-right: 4px;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__selected_contracts .to {
  padding-left: 4px;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__pagination {
  display: flex;
  grid-gap: 15px;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__pagination select.pagination-page-selector {
  width: 70px;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__pagination .btn-pagination {
  background-color: transparent;
  border: none;
}
.tramite-descarga-masiva .process-new-download #new-download-table-container .process-new-download__table_footer .process-new-download__pagination .btn-pagination[disabled] {
  color: #cfcfcf;
}
.tramite-descarga-masiva .process-new-download .footer-buttons-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
.tramite-descarga-masiva .process-new-download .footer-buttons-container a.dm-back-link {
  grid-column: 1/2;
  margin-left: 20px;
  justify-self: start;
  font-size: 1rem;
}
.tramite-descarga-masiva .process-new-download .footer-buttons-container button.dm-next-step-button {
  grid-column: 2/2;
  justify-self: end;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog {
  max-width: 600px;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog .enable-paper-invoice-desc {
  font-size: 1rem;
  margin-top: 35px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog .enable-paper-invoice-desc span {
  font-size: inherit;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog .modal-actions {
  display: flex;
  flex-wrap: nowrap;
  border-top: 0;
  padding: 25px 0 0 0;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog .modal-actions .button-submit {
  width: 50%;
  font-size: 1rem;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog .modal-actions .button-submit:hover {
  font-size: 1rem;
}
.tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-dialog .modal-actions .button-cancel {
  width: 50%;
  margin: 20px 0;
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: #002D63;
  font-family: "PTSans-Bold", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.57px;
  text-align: left;
  text-decoration: underline;
}
@media (max-width: 500px) {
  .tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .filter-header .enable-paper-invoice-desc {
    background: #FFFFFF;
    margin: 50px -30px 0 -30px;
    padding: 35px 30px;
    border: 1px solid #DDDDDD;
    font-family: "PTSans-Italic", sans-serif;
    font-size: 0.92rem;
    color: #3E3E3E;
  }
  .tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-actions {
    display: grid;
    grid-template-areas: "modal-button-cancel modal-button-submit";
    grid-template-columns: 0.5fr 1fr;
    place-items: center;
    padding: 25px 0 25px 0;
  }
  .tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-actions .button-submit {
    grid-area: modal-button-submit;
    display: flex;
    justify-self: flex-end;
    width: auto;
    font-size: 0.92rem;
  }
  .tramite-descarga-masiva .process-new-download .massiveDownload-paperPopup-modal-dialog .modal-actions .button-cancel {
    grid-area: modal-button-cancel;
    width: auto;
    font-size: 0.92rem;
  }
}

.process-invoice-results {
  margin-bottom: 45px;
}
.process-invoice-results a {
  color: #013871 !important;
  text-decoration: underline !important;
}
.process-invoice-results .process-invoices-result__title {
  margin-bottom: 30px;
}
.process-invoice-results .alias-container {
  margin-bottom: 30px;
}
.process-invoice-results .alias-container .alias-label-container {
  display: flex;
}
.process-invoice-results .invoices-result-table-container {
  margin-bottom: 80px;
}
.process-invoice-results .invoices-result-table-container table.table-invoices-result tr {
  border-bottom: none;
}
@media all and (max-width: 850px) {
  .process-invoice-results .invoices-result-table-container table.table-invoices-result tr {
    display: flex;
    flex-direction: column;
    padding: 15px 18px;
  }
  .process-invoice-results .invoices-result-table-container table.table-invoices-result tr td, .process-invoice-results .invoices-result-table-container table.table-invoices-result tr th {
    display: inline;
  }
}
.process-invoice-results .invoices-result-table-container table.table-invoices-result tr:nth-child(2n) {
  background-color: #F8F8F8;
}
.process-invoice-results .invoices-result-table-container table.table-invoices-result tr.header {
  border-bottom: #DDE4EB 1px solid;
}
@media all and (min-width: 1200px) {
  .process-invoice-results .invoices-result-table-container table.table-invoices-result tr.header th {
    padding: 20px 30px;
  }
}
@media all and (min-width: 1200px) {
  .process-invoice-results .invoices-result-table-container table.table-invoices-result tr.fila td {
    padding: 30px;
  }
}
.process-invoice-results .invoices-result-table-container table.table-invoices-result tr.fila td.table-invoices-result__status {
  font-weight: bold;
}
.process-invoice-results .invoices-result-table-container table.table-invoices-result tr.fila td.pending-status {
  color: #d6293b;
}
.process-invoice-results .invoices-result-table-container table.table-invoices-result tr.fila td.payment-status {
  color: #63ad45;
}

.pago-plano-container .pp-table td.cell-pp-contratos {
  display: flex;
  justify-content: space-between;
}
.pago-plano-container .pp-table .cell-pp-contratos {
  width: 12%;
}
.pago-plano-container .pp-table .cell-pp-alias {
  width: 18%;
}
.pago-plano-container .pp-table .cell-pp-dir-suministros {
  width: 25%;
}
.pago-plano-container .pp-table .cell-pp-dir-correspondencia {
  width: 25%;
}
.pago-plano-container .pp-table .cell-pp-authorized {
  min-width: 80px;
  width: 20%;
}
.pago-plano-container input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.pago-plano-container input[type=checkbox] + label {
  text-indent: 30px;
  height: 18px !important;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
  background-color: white;
}
.pago-plano-container input[type=checkbox] + label:before {
  content: none;
}
.pago-plano-container input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 9px;
  border-bottom: 4px solid #97BA3C;
  border-left: 4px solid #97BA3C;
  top: 2px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
  background-color: transparent;
  box-shadow: none !important;
  border-radius: 0;
}
.pago-plano-container input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 18px;
}

.tramite--datospersonales .tramite-header {
  border-bottom: 1px solid #D6DAE3;
}

.register-container .info-column {
  display: flex;
  justify-content: center;
  background-color: #F3F4F8;
}
.register-container .info-column section.register-info-container ul.info-list {
  list-style: none;
  padding: 0;
}
.register-container .info-column section.register-info-container ul.info-list li {
  font-size: 0.92rem;
  margin-top: 39px;
  position: relative;
  padding-left: 28px;
}
.register-container .info-column section.register-info-container ul.info-list li:before {
  content: "";
  position: absolute;
  background-image: url("/o/classic-theme/images/hidrogea/check-circle.svg");
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
.register-container .register-column .register-selector-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.register-container .register-column .register-selector-container .submit-button {
  width: 100%;
}
.register-container .register-column .validation-data-container .file-upload-label {
  display: flex;
  width: clamp(280px, 100%, 390px);
}
.register-container .register-column .validation-data-container .legal-text {
  color: #002D63;
  padding: 0;
  margin: 20px 0;
  text-align: center;
}
.register-container .register-column .validation-data-container .submit-button {
  display: flex;
  align-self: center;
  width: clamp(280px, 100%, 390px);
}
.register-container .register-column .register-company-invoice-type .digital-invoice-options {
  position: relative;
  margin-top: 60px;
  padding: 36px 13px 10px;
  margin-bottom: 38px;
  background-color: #F3F4F8;
}
.register-container .register-column .register-company-invoice-type .digital-invoice-options::before {
  content: "";
  position: absolute;
  background-image: url("/o/classic-theme/images/tramites/register/invoice-with-circle.svg");
  background-size: cover;
  background-position: center;
  transform: translateX(-50%);
  width: 56px;
  height: 56px;
  top: -30px;
  left: 50%;
}
.register-container .register-column .register-company-invoice-type .digital-invoice-options label {
  font-family: "PT Sans", sans-serif;
  max-width: fit-content;
}
.register-container .register-column .register-company-invoice-type .digital-invoice-options .disable-invoiceType-text {
  margin-top: 10px;
  margin-bottom: 20px;
}
.register-container .register-column .register-company-invoice-type .register-description {
  margin: 0 21px 15px;
}
.register-container .register-column .register-company-invoice-type .invoice-type-legal-text {
  margin-top: 75px;
}

#_meterreading_ {
  margin-bottom: 50px;
}
#_meterreading_ .meter-reading-container {
  margin-bottom: 50px;
}
#_meterreading_ .meter-reading-container .data-zone, #_meterreading_ .meter-reading-container .picture-zone {
  flex: 0 50%;
}
#_meterreading_ .meter-reading-container .data-zone .MuiPaper-root {
  min-width: 100%;
  margin: 20px 0;
}
#_meterreading_ .meter-reading-container .data-zone .file-uploader-label {
  max-width: 100%;
}
#_meterreading_ .meter-reading-container .data-zone .file-uploader-label .file-img {
  max-width: 50%;
}
#_meterreading_ .meter-reading-container .picture-zone .lc-banner {
  display: flex;
  color: #FFFFFF;
  background: #1a3169;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  height: fit-content;
  width: 100%;
  float: right;
  overflow: hidden;
}
#_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-image {
  width: 40%;
  position: relative;
  overflow: hidden;
}
#_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-image img {
  position: absolute;
  transform: scale(1.6);
  top: -50px;
  left: -50px;
}
@media (max-width: 500px) {
  #_meterreading_ .meter-reading-container .picture-zone .lc-banner {
    flex-direction: column;
  }
  #_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-image {
    width: 100%;
    height: 245px;
    justify-content: center;
    display: flex;
  }
  #_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-image img {
    width: 320px;
    margin-top: -100px;
    transform: scale(1);
    top: 0;
    left: 0;
  }
}
#_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-text {
  width: 60%;
  padding: 20px;
}
@media (max-width: 500px) {
  #_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-text {
    width: 100%;
  }
}
#_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-text .lc-banner-title {
  font-size: 1.8333rem;
  line-height: 1em;
}
#_meterreading_ .meter-reading-container .picture-zone .lc-banner .lc-banner-text .lc-banner-description {
  font-size: 1.25rem;
}
#_meterreading_ .meter-reading-container .submit-button {
  align-self: flex-end;
  min-width: 150px;
}

.tramite-new-detail {
  margin-bottom: 80px !important;
}
.tramite-new-detail .user-data-tab {
  flex: 0 0 30%;
  padding: 16px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  height: fit-content;
  overflow: hidden;
  background: #FFF;
}
.tramite-new-detail .user-data-tab h2 {
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #002d63;
}
.tramite-new-detail .user-data-tab .icon-calendar {
  opacity: 0.5;
}
.tramite-new-detail .user-data-tab .accordion-toggle {
  border-bottom: 1px solid rgba(217, 217, 217, 0.5019607843);
  cursor: pointer;
  user-select: none;
  outline: none;
}
.tramite-new-detail .user-data-tab .accordion-toggle i {
  font-family: "fontawesome-alloy", sans-serif !important;
}
.tramite-new-detail .user-data-tab .accordion-toggle h2, .tramite-new-detail .user-data-tab .accordion-toggle i {
  margin: 0;
  color: #ACB3BB;
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 1.5px;
  text-align: left;
  text-transform: uppercase;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}
.tramite-new-detail .user-data-tab .accordion-content {
  display: block;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, max-height 0.4s ease;
  -webkit-transition: opacity 0.4s ease, max-height 0.4s ease;
  -moz-transition: opacity 0.4s ease, max-height 0.4s ease;
}
.tramite-new-detail .user-data-tab .accordion-content.active {
  opacity: 1;
  height: fit-content;
  max-height: 100vh;
  transition: opacity 0.4s ease, max-height 0.4s ease;
  -webkit-transition: opacity 0.4s ease, max-height 0.4s ease;
  -moz-transition: opacity 0.4s ease, max-height 0.4s ease;
}
.tramite-new-detail .content-info-tabs {
  display: flex;
  flex: 0 0 70%;
  min-width: 0;
  flex-direction: column;
  margin: 0 20px;
}
.tramite-new-detail .content-info-tabs .tabpanel {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5019607843);
  margin-bottom: 20px;
}
.tramite-new-detail .content-info-tabs .tabpanel .tablinks {
  color: #3C8AC0;
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.57px;
  padding: 5px;
  border-bottom: 3px solid rgba(217, 217, 217, 0.5019607843);
  cursor: pointer;
  transition: border-bottom 0.3s ease;
  -webkit-transition: border-bottom 0.3s ease;
  -moz-transition: border-bottom 0.3s ease;
}
.tramite-new-detail .content-info-tabs .tabpanel .tablinks.active {
  border-bottom: 3px solid #002E67;
}
.tramite-new-detail .content-info-tabs .tabpanel .tab_disabled {
  color: #acb3bb !important;
}
.tramite-new-detail .content-info-tabs .tabpanel .tablink_messages {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.tramite-new-detail .content-info-tabs .tabpanel .tablink_messages .new-messages-circle {
  background: rgb(245, 0, 0);
  width: 7px;
  height: 7px;
  border-radius: 5px;
}
.tramite-new-detail .content-info-tabs .tabcontent {
  display: none;
}
.tramite-new-detail .content-info-tabs .tabcontent .empty-documents {
  padding: 50px;
}
.tramite-new-detail .content-info-tabs .tabcontent .empty-documents img {
  max-width: 250px;
  margin: 25px 0;
}
.tramite-new-detail .content-info-tabs .tabcontent .empty-documents p {
  opacity: 0.52;
  color: #3e3e3e;
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  text-align: center;
}
.tramite-new-detail .content-info-tabs .user-documents .ov-tooltip-reverse {
  flex-direction: row-reverse;
}
.tramite-new-detail .content-info-tabs .user-documents .lp-porcentaje-panel {
  display: flex;
  justify-content: flex-end;
  margin-right: 10px;
}
.tramite-new-detail .content-info-tabs .user-documents .btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
  border-radius: 4px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3019607843);
  padding: 10px 10px 10px 25px;
  background-color: #3C8AC0;
}
.tramite-new-detail .content-info-tabs .user-documents .btn-group.animated {
  opacity: 1;
  max-height: 200px;
  pointer-events: auto;
  overflow: hidden;
  transition: opacity 0.3s ease-out, max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.tramite-new-detail .content-info-tabs .user-documents .btn-group.animated:has(button:disabled) {
  opacity: 0;
  max-height: 0;
  padding: 0;
  pointer-events: none;
}
.tramite-new-detail .content-info-tabs .user-documents .btn-group p {
  color: #FFFFFF;
  letter-spacing: 0.5px;
  margin: 0;
}
.tramite-new-detail .content-info-tabs .user-documents .btn-group button {
  display: flex;
  background: #fff;
  color: #3C8AC0 !important;
  border: none;
  gap: 15px;
  align-items: center;
  cursor: pointer;
}
.tramite-new-detail .content-info-tabs .user-documents .btn-group button:before {
  content: "";
  background-image: url("/o/classic-theme/images/commons/upload_file_icon.svg");
  width: 24px;
  height: 24px;
}
@media (max-width: 900px) {
  .tramite-new-detail {
    margin-bottom: 80px !important;
  }
  .tramite-new-detail .attachment-link {
    width: 50vw;
  }
  .tramite-new-detail .user-data-tab {
    flex: 1;
  }
  .tramite-new-detail .content-info-tabs {
    flex: 1;
    margin: 0;
  }
  .tramite-new-detail .content-info-tabs .tabpanel {
    justify-content: space-evenly;
    margin-bottom: 25px;
  }
  .tramite-new-detail .content-info-tabs .tabpanel .tablinks {
    border-bottom: 3px solid transparent;
    color: #002d63;
    font-family: "PT Sans", sans-serif;
  }
  .tramite-new-detail .content-info-tabs .tabpanel .tablinks.active {
    font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  }
  .tramite-new-detail .content-info-tabs .tabpanel .tab_disabled {
    color: #acb3bb !important;
  }
  .tramite-new-detail .content-info-tabs .tabcontent .empty-documents {
    padding: 0;
  }
  .tramite-new-detail .content-info-tabs .tabcontent .drop_zone {
    background: #FFFFFF;
  }
  .tramite-new-detail .content-info-tabs .user-documents .btn-group {
    bottom: 80px;
    flex-direction: column;
    gap: 20px;
  }
}

.auto-register-container .activation-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
.auto-register-container .activation-header .header-mandatory {
  text-align: right;
}
.auto-register-container .password-container {
  display: flex;
  gap: 27px;
}
.auto-register-container .password-container .password-input-container {
  width: 100%;
}
.auto-register-container .show-password-container {
  margin-top: 20px;
  margin-bottom: 30px;
}
.auto-register-container .condition-container {
  display: flex;
  gap: 10px;
}

.drop_zone {
  display: flex;
  padding: 18px 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  border-radius: 4px;
  border: 2px dashed #DBDBDB;
  color: #C8C8C8;
}
.drop_zone p, .drop_zone span.ov-inline-paragraph {
  margin-top: 13px;
}

.two-factor-login-modal {
  font-size: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.two-factor-login-modal.show {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease-in-out;
}
.two-factor-login-modal .ov-modal-header h2 {
  font-size: 1.55rem;
}
.two-factor-login-modal .ov-modal-header button {
  color: #002d63;
  font-size: 1.75rem;
  opacity: 1;
}
.two-factor-login-modal .two-factor-lock {
  width: 100px;
  margin: 25px 0;
}
.two-factor-login-modal .two-factor-desc {
  text-align: center;
  font-size: 1rem;
}
.two-factor-login-modal .two-factor-code-container {
  position: relative;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code {
  width: 35px;
  height: 45px;
  text-align: center;
  text-decoration: none !important;
  margin: 5px 10px;
  border: 2px solid rgb(204, 204, 204);
  border-radius: 3px;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code.error {
  border: 1px solid #d0021b;
  background: #FFFFFF;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label {
  position: relative;
  margin: 0;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label input.two-factor-code {
  width: 35px;
  height: 45px;
  text-align: center;
  text-decoration: none !important;
  margin: 5px 10px;
  border: 2px solid rgb(204, 204, 204);
  border-radius: 3px;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label input.two-factor-code.fade-out {
  opacity: 0;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label input.two-factor-code.hide {
  display: none;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label input.two-factor-code:not(:placeholder-shown) {
  background: #002d63;
  color: #FFFFFF;
  font-size: 1.17rem;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label input.two-factor-code:placeholder-shown {
  background: #FFFFFF;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label .checkmark {
  position: absolute;
  top: 7px;
  left: 12px;
  top: 7px;
  left: 12px;
  width: 31px;
  height: 41px;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.3s ease;
  border-radius: 1px;
  display: block;
  margin: 0;
  padding: 0;
  stroke-width: 6;
  stroke: #002d63;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #FFFFFF;
  animation: fill 0.3s ease-in-out 0.1s forwards, scale 0.4s ease-in-out 0s both;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label .checkmark .checkmark__circle {
  stroke: #002d63;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.two-factor-login-modal .two-factor-code-container .two-factor-code-label .checkmark .checkmark__check {
  transform-origin: 50% 50%;
  stroke: #002d63;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0% {
    opacity: 0;
  }
  0%, 100% {
    transform: none;
  }
  50% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #FFFFFF;
  }
}
.two-factor-login-modal .two-factor-incorrect-code {
  position: absolute;
  top: 3lh;
  margin: 0;
  color: #d0021b;
}

.reset-password-container {
  min-height: 65vh;
}
.reset-password-container .rp-alert {
  margin-top: 0;
  margin-bottom: 33px;
}
.reset-password-container header h1.ov-title-custom-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-size: 1.55rem;
}
.reset-password-container section.reset-password-tabs .content-container .recovery-password-tab-container {
  display: flex;
  flex-direction: column;
}
.reset-password-container section.reset-password-tabs .content-container .recovery-password-tab-container .reset-password-title {
  margin-bottom: 17px;
}
.reset-password-container section.reset-password-tabs .content-container .recovery-password-tab-container .reset-password-description {
  margin-bottom: 48px;
}
.reset-password-container section.reset-password-tabs .content-container .recovery-password-tab-container .recovery-separator {
  margin-top: 100px;
  margin-bottom: 36px;
}
.reset-password-container section.reset-password-tabs .content-container .recovery-password-tab-container .rp-footer-buttons {
  display: flex;
  justify-content: flex-end;
}

@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html {
    font-size: 15.5px;
    /*Páginas privadas con selector de contratos*/
    /*
    body section {
        max-width: 100vw;
        overflow: hidden;
    }*/
    /*
      Desktop - Lateral tabs
      Mobile - Top tabs
    */
    /* DETALLE DE FACTURA */
  }
  html .ov-container {
    padding: 0 25px;
    margin: 0 auto;
  }
  html .home-page-private,
  html .private-page:has(#portlet_ContractDetails),
  html .private-page:has(#portlet_MisConsumos),
  html .private-page:has(#portlet_MisFacturas),
  html .private-page:has(#portlet_ac_gestiones_campana),
  html .private-page:has(#portlet_ac_tramites_notificaciones_digitales),
  html .private-page:has(#portlet_UnsubscribeUserOV),
  html .private-page:has(#portlet_PaymentDocumentPortlet),
  html .private-page:has(#portlet_Autorizados),
  html .private-page:has(#portlet_ChangeBankAccountPortlet),
  html .private-page:has(#portlet_WebNotificationsPortlet),
  html .private-page:has(#portlet_ac_ultimos_tramites),
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet),
  html .private-page:has(#portlet_NotificacionesWeb),
  html .private-page:has(#portlet_ac_tramites_lectura_contador),
  html .private-page:has(section[id*=portlet_ac_configuracion_usuariocdactr]),
  html .private-page:has(section[id*=portlet_ac_tramites_contacta]),
  html .private-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]),
  html .private-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]),
  html .public-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]),
  html .public-page:has(section[id*=portlet_ac_tramites_contacta]),
  html .public-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]),
  html .public-page:has(section[id*=portlet_ac_ultimos_tramites] .tramite-new-detail),
  html .public-page:has(section[id*=portlet_ac_activacion_particular]),
  html .public-page:has(section[id*=portlet_net_aqualogybs_dxp_reset_password_ResetPasswordPortlet]),
  html .public-page #p_p_id_register_:has(.portlet-bg-grease),
  html .public-page:has(#portlet_PaymentOnlinePortlet) {
    background-color: #f5f5f5;
  }
  html .home-page-private .portlet-body,
  html .home-page-private .portlet-decorate,
  html .private-page:has(#portlet_ContractDetails) .portlet-body,
  html .private-page:has(#portlet_ContractDetails) .portlet-decorate,
  html .private-page:has(#portlet_MisConsumos) .portlet-body,
  html .private-page:has(#portlet_MisConsumos) .portlet-decorate,
  html .private-page:has(#portlet_MisFacturas) .portlet-body,
  html .private-page:has(#portlet_MisFacturas) .portlet-decorate,
  html .private-page:has(#portlet_ac_gestiones_campana) .portlet-body,
  html .private-page:has(#portlet_ac_gestiones_campana) .portlet-decorate,
  html .private-page:has(#portlet_ac_tramites_notificaciones_digitales) .portlet-body,
  html .private-page:has(#portlet_ac_tramites_notificaciones_digitales) .portlet-decorate,
  html .private-page:has(#portlet_UnsubscribeUserOV) .portlet-body,
  html .private-page:has(#portlet_UnsubscribeUserOV) .portlet-decorate,
  html .private-page:has(#portlet_PaymentDocumentPortlet) .portlet-body,
  html .private-page:has(#portlet_PaymentDocumentPortlet) .portlet-decorate,
  html .private-page:has(#portlet_Autorizados) .portlet-body,
  html .private-page:has(#portlet_Autorizados) .portlet-decorate,
  html .private-page:has(#portlet_ChangeBankAccountPortlet) .portlet-body,
  html .private-page:has(#portlet_ChangeBankAccountPortlet) .portlet-decorate,
  html .private-page:has(#portlet_WebNotificationsPortlet) .portlet-body,
  html .private-page:has(#portlet_WebNotificationsPortlet) .portlet-decorate,
  html .private-page:has(#portlet_ac_ultimos_tramites) .portlet-body,
  html .private-page:has(#portlet_ac_ultimos_tramites) .portlet-decorate,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .portlet-body,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .portlet-decorate,
  html .private-page:has(#portlet_NotificacionesWeb) .portlet-body,
  html .private-page:has(#portlet_NotificacionesWeb) .portlet-decorate,
  html .private-page:has(#portlet_ac_tramites_lectura_contador) .portlet-body,
  html .private-page:has(#portlet_ac_tramites_lectura_contador) .portlet-decorate,
  html .private-page:has(section[id*=portlet_ac_configuracion_usuariocdactr]) .portlet-body,
  html .private-page:has(section[id*=portlet_ac_configuracion_usuariocdactr]) .portlet-decorate,
  html .private-page:has(section[id*=portlet_ac_tramites_contacta]) .portlet-body,
  html .private-page:has(section[id*=portlet_ac_tramites_contacta]) .portlet-decorate,
  html .private-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .portlet-body,
  html .private-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .portlet-decorate,
  html .private-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .portlet-body,
  html .private-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .portlet-decorate,
  html .public-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .portlet-body,
  html .public-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .portlet-decorate,
  html .public-page:has(section[id*=portlet_ac_tramites_contacta]) .portlet-body,
  html .public-page:has(section[id*=portlet_ac_tramites_contacta]) .portlet-decorate,
  html .public-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .portlet-body,
  html .public-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .portlet-decorate,
  html .public-page:has(section[id*=portlet_ac_ultimos_tramites] .tramite-new-detail) .portlet-body,
  html .public-page:has(section[id*=portlet_ac_ultimos_tramites] .tramite-new-detail) .portlet-decorate,
  html .public-page:has(section[id*=portlet_ac_activacion_particular]) .portlet-body,
  html .public-page:has(section[id*=portlet_ac_activacion_particular]) .portlet-decorate,
  html .public-page:has(section[id*=portlet_net_aqualogybs_dxp_reset_password_ResetPasswordPortlet]) .portlet-body,
  html .public-page:has(section[id*=portlet_net_aqualogybs_dxp_reset_password_ResetPasswordPortlet]) .portlet-decorate,
  html .public-page #p_p_id_register_:has(.portlet-bg-grease) .portlet-body,
  html .public-page #p_p_id_register_:has(.portlet-bg-grease) .portlet-decorate,
  html .public-page:has(#portlet_PaymentOnlinePortlet) .portlet-body,
  html .public-page:has(#portlet_PaymentOnlinePortlet) .portlet-decorate {
    background-color: #f5f5f5;
  }
  html .home-page-private .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ContractDetails) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_MisConsumos) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_MisFacturas) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ac_gestiones_campana) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ac_tramites_notificaciones_digitales) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_UnsubscribeUserOV) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_PaymentDocumentPortlet) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_Autorizados) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ChangeBankAccountPortlet) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_WebNotificationsPortlet) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ac_ultimos_tramites) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_NotificacionesWeb) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ac_tramites_lectura_contador) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(section[id*=portlet_ac_configuracion_usuariocdactr]) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(section[id*=portlet_ac_tramites_contacta]) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(section[id*=portlet_ac_tramites_contacta]) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(section[id*=portlet_ac_ultimos_tramites] .tramite-new-detail) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(section[id*=portlet_ac_activacion_particular]) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(section[id*=portlet_net_aqualogybs_dxp_reset_password_ResetPasswordPortlet]) .seccion-superior.seccion-titulo .ov-container,
  html .public-page #p_p_id_register_:has(.portlet-bg-grease) .seccion-superior.seccion-titulo .ov-container,
  html .public-page:has(#portlet_PaymentOnlinePortlet) .seccion-superior.seccion-titulo .ov-container {
    padding: 0;
  }
  html .home-page-private .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ContractDetails) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_MisConsumos) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_MisFacturas) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ac_gestiones_campana) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ac_tramites_notificaciones_digitales) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_UnsubscribeUserOV) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_PaymentDocumentPortlet) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_Autorizados) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ChangeBankAccountPortlet) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_WebNotificationsPortlet) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ac_ultimos_tramites) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_NotificacionesWeb) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ac_tramites_lectura_contador) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(section[id*=portlet_ac_configuracion_usuariocdactr]) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(section[id*=portlet_ac_tramites_contacta]) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(section[id*=portlet_ac_gestiones_comunicacionFraude]) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(section[id*=portlet_ac_tramites_contacta]) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(section[id*=portlet_ac_tramite_cambio_titular_portlet]) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(section[id*=portlet_ac_ultimos_tramites] .tramite-new-detail) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(section[id*=portlet_ac_activacion_particular]) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(section[id*=portlet_net_aqualogybs_dxp_reset_password_ResetPasswordPortlet]) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page #p_p_id_register_:has(.portlet-bg-grease) .seccion-superior.seccion-titulo .ov-container h1,
  html .public-page:has(#portlet_PaymentOnlinePortlet) .seccion-superior.seccion-titulo .ov-container h1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  html body > .modal-backdrop {
    display: none;
  }
  html .private-page:has(#portlet_ContractDetails) .portlet-body .selec-contrato,
  html .private-page:has(#portlet_MisConsumos) .portlet-body .selec-contrato,
  html .private-page:has(#portlet_MisFacturas) .portlet-body .selec-contrato,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .portlet-body .selec-contrato {
    position: relative;
    top: 45px;
  }
  html .private-page:has(#portlet_ContractDetails) .portlet-body .selec-contrato .ov-container,
  html .private-page:has(#portlet_MisConsumos) .portlet-body .selec-contrato .ov-container,
  html .private-page:has(#portlet_MisFacturas) .portlet-body .selec-contrato .ov-container,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .portlet-body .selec-contrato .ov-container {
    background-color: #f5f5f5;
  }
  html .private-page:has(#portlet_ContractDetails) .portlet-body .selec-contrato .contracts-selector-mobile,
  html .private-page:has(#portlet_MisConsumos) .portlet-body .selec-contrato .contracts-selector-mobile,
  html .private-page:has(#portlet_MisFacturas) .portlet-body .selec-contrato .contracts-selector-mobile,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet) .portlet-body .selec-contrato .contracts-selector-mobile {
    margin: 25px 0 45px 0;
    position: relative;
    z-index: 5;
  }
  html .private-page:has(#portlet_ContractDetails):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo,
  html .private-page:has(#portlet_MisConsumos):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo,
  html .private-page:has(#portlet_MisFacturas):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo {
    position: relative;
    top: -170px;
    margin-bottom: -80px;
  }
  html .private-page:has(#portlet_ContractDetails):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_MisConsumos):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_MisFacturas):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container {
    padding: 0px;
  }
  html .private-page:has(#portlet_ContractDetails):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_MisConsumos):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_MisFacturas):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container h1,
  html .private-page:has(#portlet_ac_tramite_baja_suministro_portlet):has(#contracts-selector-mobile) .seccion-superior.seccion-titulo .ov-container h1 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  html .private-page:has(#portlet_DashBoardContratos) .portlet-body .selec-contrato .contracts-selector-mobile {
    margin: 25px 0 0 0;
  }
  html .private-page:not(.columns-1) .dashboard-mobile-header.no-home .dashboard-menu {
    right: 0;
  }
  html .private-page:has(.columns-1) .dashboard-mobile-header.no-home .dashboard-menu {
    right: 0px;
  }
  html .private-page:has(.columns-1):has(.mis-gestiones-mobile) .portlet-column-content-only {
    margin-right: -15px;
    margin-left: -15px;
  }
  html .private-page:has(.columns-1):has(.mis-gestiones-mobile) .portlet-column-content-only .portlet-boundary {
    overflow: hidden;
  }
  html .pb-65 {
    padding-bottom: 65px;
  }
  html .pb-300 {
    padding-bottom: 300px;
  }
  html .mw-45vw {
    max-width: 45vw;
  }
  html .mw-65vw {
    max-width: 65vw;
  }
  html .component-list-header {
    display: grid;
    grid-template-areas: "component-list-title component-filter";
    grid-template-columns: auto fit-content(100px);
  }
  html .component-list-header.margin-container {
    margin: 0 30px;
    padding: 30px 0 10px 0;
  }
  html .component-list-header .component-list-title {
    grid-area: component-list-title;
    opacity: 1;
    color: rgb(0, 45, 99);
    font-size: 1.4167rem;
    margin: 0;
  }
  html .component-list-header .component-filter {
    grid-area: component-filter;
    align-self: self-end;
  }
  html button.component-filter {
    border: none;
    background: none;
  }
  html .component-filter {
    opacity: 1;
    color: rgb(1, 56, 113);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-align: end;
  }
  html .component-filter:before {
    display: inline-block;
    content: "        ";
    vertical-align: middle;
    color: transparent;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Etune_black_24dp%3C/title%3E%3Cg id='Navegación-Mobile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='iPhone-11-Contratos' transform='translate(-317.000000, -124.000000)'%3E%3Cg id='tune_black_24dp' transform='translate(317.000000, 124.000000)'%3E%3Cpolygon id='Path' points='0 0 24 0 24 24 0 24'%3E%3C/polygon%3E%3Cpath d='M3,15.4444444 L3,17.2222222 L8.33333333,17.2222222 L8.33333333,15.4444444 L3,15.4444444 Z M3,4.77777778 L3,6.55555556 L11.8888889,6.55555556 L11.8888889,4.77777778 L3,4.77777778 Z M11.8888889,19 L11.8888889,17.2222222 L19,17.2222222 L19,15.4444444 L11.8888889,15.4444444 L11.8888889,13.6666667 L10.1111111,13.6666667 L10.1111111,19 L11.8888889,19 Z M6.55555556,8.33333333 L6.55555556,10.1111111 L3,10.1111111 L3,11.8888889 L6.55555556,11.8888889 L6.55555556,13.6666667 L8.33333333,13.6666667 L8.33333333,8.33333333 L6.55555556,8.33333333 Z M19,11.8888889 L19,10.1111111 L10.1111111,10.1111111 L10.1111111,11.8888889 L19,11.8888889 Z M13.6666667,8.33333333 L15.4444444,8.33333333 L15.4444444,6.55555556 L19,6.55555556 L19,4.77777778 L15.4444444,4.77777778 L15.4444444,3 L13.6666667,3 L13.6666667,8.33333333 Z' id='Shape' fill='%23013871' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center right;
  }
  html .banner-ov__long {
    flex-direction: column-reverse;
    align-items: center;
  }
  html .banner-ov__long:before {
    right: 0;
    border-right: 330px solid #012d62;
    border-top: 303px solid rgba(0, 45, 99, 0);
    border-left: 1px solid rgba(18, 204, 75, 0);
    border-bottom: 0px solid rgba(255, 152, 0, 0);
    bottom: 0;
    top: inherit;
  }
  html .banner-ov__long .image-banner {
    width: 100%;
    min-width: 90%;
    text-align: center;
    align-items: center;
    margin-top: 20px;
  }
  html .banner-ov__long .content-banner {
    width: 100%;
    min-width: 90%;
    text-align: center;
    align-items: center;
  }
  html .banner-ov-autoreg {
    flex-direction: column-reverse;
    align-items: center;
  }
  html .banner-ov-autoreg:before {
    right: 0;
    bottom: 0;
    top: inherit;
  }
  html .banner-ov-autoreg .content-banner {
    width: 100%;
    min-width: 90%;
    text-align: center;
    align-items: center;
  }
  html .block-highlight .second {
    margin-top: 20px;
    margin-left: 0;
  }
  html .block-highlight .second .radios {
    margin-left: 0;
  }
  html .block-highlight .first {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  html .block-highlight .first .text {
    margin-left: 0;
  }
  html .block-highlight .first .text .title {
    margin-top: 20px;
  }
  html .ov-tabs .navigator ul.nav.nav-pills.nav-stacked {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
  }
  html .ov-tabs .navigator ul li.active {
    border-right: none;
  }
  html .ov-tabs .navigator ul li.active {
    border-bottom: 3px solid #002d63;
  }
  html .divTable {
    overflow: auto;
    display: block;
  }
  html .modal-contacta .modal-form .buttons {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  html .banner-ov-cambiotitular {
    flex-direction: column-reverse;
    align-items: center;
  }
  html .banner-ov-cambiotitular:before {
    right: 0;
    bottom: 0;
    top: inherit;
  }
  html .banner-ov-cambiotitular .content-banner {
    width: 100%;
    min-width: 90%;
    text-align: center;
    align-items: center;
  }
  html .grid-drag-drop .column-left {
    padding-right: 0px !important;
  }
  html #mis-gestiones .tab-content {
    margin-bottom: 67px;
  }
  html .seccion-superior {
    margin: 0;
    background-color: #FFFFFF !important;
    padding: 15px 70px 15px 25px;
    border-bottom: 1px solid #DDDDDD;
  }
  html .seccion-superior h1 {
    opacity: 1;
    color: rgb(0, 45, 99);
    font-family: "PTSans-Bold", sans-serif !important;
    font-size: 1.6667rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.96px;
  }
  html .seccion-superior-tramites {
    margin: 0;
    background-color: #FFFFFF !important;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
  }
  html .seccion-superior-tramites h1 {
    opacity: 1;
    color: rgb(0, 45, 99);
    font-family: "PTSans-Bold", sans-serif !important;
    font-size: 1.55rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.96px;
    margin: 0;
    padding: 20px 0;
  }
  html body section div.columns-max .row,
  html body section div.columns-1 .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  html body section div.columns-max .seccion-superior-tramites,
  html body section div.columns-1 .seccion-superior-tramites {
    margin-left: -15px;
    margin-right: -15px;
  }
  html body .columns-1 {
    padding: 0px !important;
  }
  html .notification,
  html .notification-icon {
    padding: 16px;
  }
  html .notification .title,
  html .notification-icon .title {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    margin-bottom: 3px;
  }
  html .notification .description,
  html .notification ul li,
  html .notification-icon .description,
  html .notification-icon ul li {
    font-family: "PT Sans", sans-serif !important;
    font-size: 0.875rem;
    margin: 0;
  }
  html .notification-icon {
    display: grid;
    grid-template-areas: "notif-icon notif-title" "notif-icon notif-description";
    grid-template-columns: min-content;
    grid-column-gap: 16px;
    align-items: center;
  }
  html .notification-icon .icon-info {
    grid-area: notif-icon;
  }
  html .notification-icon .title {
    grid-area: notif-title;
  }
  html .notification-icon .description {
    grid-area: notif-description;
  }
  html .back-to-top {
    position: fixed;
    bottom: 120px;
    right: 25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #002d63;
    color: #FFFFFF;
    z-index: 10;
  }
  html .back-to-top i {
    transform: scale(1.5);
    text-decoration: none;
  }
  html .ov-card-selected {
    outline: 2px solid #002d63 !important;
    box-shadow: 2px 2px 5px rgba(62, 62, 62, 0.6);
  }
  html .ov-footer-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 15px 25px;
    border-top: 1px solid #DDDDDD;
    background-color: #FFF;
    z-index: 1;
  }
  html .ov-header {
    background-color: #FFFFFF;
  }
  html .ov-layout-container .portlet {
    margin-bottom: 75px;
  }
  html #footer-mobile.private-page a {
    text-decoration: none;
  }
  html #footer-mobile.private-page #mobile-menu {
    position: fixed;
    background: #fff;
    padding: 14px 20px 8px 20px;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #f5f5f5;
    z-index: 1000;
  }
  html #footer-mobile.private-page #mobile-menu nav {
    display: flex;
    justify-content: space-between;
  }
  html #footer-mobile.private-page #mobile-menu nav div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.5;
  }
  html #footer-mobile.private-page #mobile-menu nav .active {
    opacity: 1;
  }
  html #footer-mobile.private-page #mobile-menu nav div i {
    font-size: 1.4167rem;
    margin-bottom: 4px;
    color: #002c67;
    opacity: 0.8;
  }
  html #footer-mobile.private-page #mobile-menu nav .active:after {
    content: "";
    background: #002C67;
    height: 4px;
    width: 100%;
    border-radius: 5em 5em 0 0;
    position: absolute;
    bottom: -8px;
    left: 0;
  }
  html #footer-mobile.private-page #mobile-menu nav div span {
    color: #002C67;
    font-weight: bold;
    font-size: 0.75rem;
  }
  html .ov-modal.show {
    padding: 0 !important;
  }
  html .ov-modal.show .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  html .ov-modal.show .ov-info-modal-content {
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 0;
  }
  html .ov-modal.show .ov-info-modal-content .ov-modal-header {
    padding: 26px 30px 44.64px 30px;
  }
  html .ov-modal.show .ov-info-modal-content .ov-modal-body .info-text-panel {
    border: 1px solid #DDDDDD;
    background: white;
  }
  html .ov-modal.show .ov-modal-content {
    margin: 0 auto;
    width: 100%;
    height: auto;
    min-height: 100%;
    background-clip: unset;
    border: unset;
    border-radius: unset;
    display: inherit;
    outline: unset;
    overflow: unset;
    pointer-events: auto;
    position: unset;
  }
  html .ov-modal.show .ov-modal-content.modal-common {
    background-color: #f5f5f5;
  }
  html .ov-modal.show .ov-modal-content .ov-modal-body {
    margin-top: 59px;
    padding: 0 0 81px 0;
  }
  html .ov-modal.show .ov-modal-content .ov-modal-body.ov-modal-body-subtitle {
    margin-top: 40px;
  }
  html .ov-modal.show .ov-modal-header {
    display: flex;
  }
  html .ov-modal.show .ov-modal-header h1 {
    width: calc(100% - 15px);
    margin-top: 0;
  }
  html .ov-modal.show .ov-modal-header h2 {
    width: calc(100% - 15px);
    margin-top: 0;
  }
  html .ov-modal.show .ov-modal-header .close {
    width: auto;
    opacity: 1;
    font-size: 2.1667rem;
  }
  html .ov-modal.show .ov-modal-header .close span {
    font-weight: 400;
  }
  html .ov-modal.show .ov-modal-footer {
    display: grid;
    align-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 85px;
    padding: 0 30px;
    background-color: white;
    z-index: 2;
    border-top: 1px solid #DDDDDD;
    align-items: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    flex-shrink: unset;
    flex-wrap: unset;
    justify-content: unset;
  }
  html .diligentia .menu-tabpanel .pestanas .agrupador-pestanas {
    margin: 30px -15px 0 -15px;
  }
  html .diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul {
    background: #F5F5F5;
    border-bottom: 1px solid #979797;
    height: 51px;
  }
  html .diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li {
    background: #F5F5F5;
    height: 50px;
  }
  html .diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li a {
    font-family: "PT Sans", sans-serif !important;
    background: #F5F5F5;
    height: 45px;
    color: #002D63;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: 5px 0;
  }
  html .diligentia .menu-tabpanel .pestanas .agrupador-pestanas ul li a.active {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    height: 50px;
    color: #002D63;
  }
  html .diligentia .menu-tabpanel .pestanas .agrupador-pestanas .agrupador-inferior-pestanas {
    display: none;
  }
  html .ov-tabs {
    flex-direction: column;
    align-items: center;
  }
  html .ov-tabs .navigator {
    width: 100%;
    border-right: none;
  }
  html .ov-tabs .navigator ul {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #979797;
    background-color: #F5F5F5 !important;
    list-style: none;
    padding: 0 25px;
  }
  html .ov-tabs .navigator ul:has(> li:only-child) {
    justify-content: flex-start;
  }
  html .ov-tabs .navigator ul:has(> li:nth-child(2)) {
    justify-content: space-between;
  }
  html .ov-tabs .navigator ul li {
    width: auto;
    text-align: center;
  }
  html .ov-tabs .navigator ul li a {
    background-color: transparent !important;
    color: #002d63 !important;
    font-size: 1rem;
    text-decoration: none !important;
    padding: 10px 0 8px;
    display: flex;
  }
  html .ov-tabs .navigator ul li a.active {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    border-bottom: 2px solid #002d63 !important;
  }
  html .ov-tabs .navigator ul li a:not(.active) {
    font-family: "PT Sans", sans-serif !important;
    background-color: #FFFFFF;
    color: #ACB3BB;
  }
  html .ov-tabs .ov-tab-content {
    margin: 0 30px;
  }
  html .ov-alert-warning {
    padding: 15px 15px 15px 35px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }
  html .ov-alert-warning .ov-big {
    color: #000000;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0;
    font-size: 1.1em;
  }
  html .ov-alert-warning .ov, html .ov-alert-warning .ov-form-field .field-element select, .ov-form-field .field-element html .ov-alert-warning select, html .ov-alert-warning .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element html .ov-alert-warning input[type]:not([type=submit]):not([type=reset]),
  html .ov-alert-warning .ov-form-field .field-element textarea,
  .ov-form-field .field-element html .ov-alert-warning textarea, html .ov-alert-warning h3, html .ov-alert-warning h2.ov-small, html .ov-alert-warning .ql-container .ql-editor:before, .ql-container html .ov-alert-warning .ql-editor:before,
  html .ov-alert-warning .ql-container .ql-editor p,
  .ql-container .ql-editor html .ov-alert-warning p {
    font-size: 0.9em;
  }
  html .ov-alert-warning:before {
    left: 3px;
  }
  html .home-page-private .dashboard-privado .dashboard-desktop {
    display: none;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile {
    display: block;
    /*section.banner-ov*/
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .card {
    margin-bottom: 0;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .graficos-factura-consumo .titulo {
    height: 30px;
    margin-top: 20px;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .graficos-factura-consumo .invoice-buttons-container {
    display: inline-flex;
    margin: 0 auto;
    gap: 25px;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .graficos-factura-consumo .last-consumption-container {
    color: #eceef2;
    margin: 20px 0 0 0;
    width: 100%;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .graficos-factura-consumo .last-consumption-container .consumption-value {
    font-size: 4.375rem;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .graficos-factura-consumo .last-consumption-container .consumption-description {
    border-top: 1px solid #eceef2;
    padding-top: 12px;
    margin-top: 20px;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile .graficos-factura-consumo .combo-last-consumption {
    background: #002d63;
    padding: 15px 0 12px 0px;
    margin: 0 auto 20px;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov {
    gap: 25px;
    /*banner-ov__long*/
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long:before {
    border-top: 0 solid #002d63;
    border-left: 115px solid #002d63;
    border-bottom: 225px solid transparent;
    border-right: 0 solid transparent;
    bottom: -20px;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long {
    display: grid;
    min-height: 205px;
    grid-template-columns: 30% 70%;
    padding: 0;
    /*.content-banner*/
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .image-banner {
    margin: 0;
    min-height: 100px;
    grid-column: 1;
    display: flex;
    margin-left: -20px;
    min-width: 100px;
    margin: 0;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .image-banner img {
    max-width: 100%;
    max-height: 100px;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner {
    display: flex;
    grid-column: 2;
    flex-direction: column;
    gap: 0;
    min-width: 100% !important;
    align-items: flex-start;
    padding: 0 5px 0 20px;
    /*.banner-claim*/
    /*.banner-button*/
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-claim {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 100%;
    text-align: left;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-claim .title {
    font-size: 1.2em;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-claim .title span {
    display: contents;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-claim .description {
    font-size: 0.8em;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-button {
    grid-row: 2;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-button .btn-primary-ov {
    color: #ffffff;
    background-color: #002952;
    border: 2px solid #002d63;
    font-size: 0.7em;
    padding: 8px 24px;
    border-radius: 5em;
  }
  html .home-page-private .dashboard-privado .dashboard-mobile section.banner-ov .banner-ov__long .content-banner .banner-button .btn-primary-ov:hover {
    color: #ffffff;
    background-color: #002952;
    border: 2px solid #002d63;
    font-size: 1em;
    padding: 8px 24px;
    border-radius: 5em;
  }
  html .home-page-private .ultimos-tramites .ov-title-bold {
    margin-top: 0;
  }
  html .my-contracts-mobile {
    display: block;
  }
  html .my-contracts-mobile .ml-35 {
    margin-left: 35px;
  }
  html .my-contracts-mobile .contract-list-container {
    margin: 0 30px;
  }
  html .my-contracts-mobile .contract-list-container .contract-card {
    display: grid;
    /*grid-template-areas: 'details'
                         'invoices'
                         'links';*/
    grid-gap: 20px;
    padding: 10px;
    margin: 8px 0;
  }
  html .my-contracts-mobile .contract-list-container .contract-card.contract-without-invoice {
    grid-template-areas: "details" "links";
  }
  html .my-contracts-mobile .contract-list-container .contract-card.contract-without-invoice .contracts-details .contract-address {
    border-bottom: none;
    padding-bottom: 0px;
  }
  html .my-contracts-mobile .contract-list-container .contract-card.contract-with-invoice {
    grid-template-areas: "details" "invoices" "links";
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details {
    display: grid;
    grid-area: details;
    grid-template-areas: "contract-ico contract-id contract-telelectura-container" "contract-ico contract-address contract-address";
    grid-template-columns: 27px auto 90px;
    position: relative;
    row-gap: 5px;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-ico {
    grid-area: contract-ico;
    margin: 3px 0 0 0;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-id-flex {
    display: inline-flex;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-id {
    grid-area: contract-id;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-id .contract-number-separator {
    margin: 0 0.5ch;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-id .contract-alias {
    grid-area: contract-alias;
    opacity: 1;
    color: rgb(62, 62, 62);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-id .contract-number {
    grid-area: contract-number;
    opacity: 1;
    color: rgb(62, 62, 62);
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1rem;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-address {
    grid-column: 2/4;
    opacity: 1;
    color: rgb(62, 62, 62);
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    border-bottom: 1px solid #D9D9D9;
    padding: 5px 0 15px 0;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-telelectura-container {
    grid-area: contract-telelectura-container;
    background: #002d62;
    padding: 5px 15px;
    margin: 0 auto auto auto;
    border-radius: 5px;
    position: absolute;
    white-space: nowrap;
    right: -20px;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-details .contract-telelectura-container .contract-telelectura {
    color: #FFF;
    opacity: 1;
    font-family: "PTSans-Bold", sans-serif;
    font-style: normal;
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-align: right;
    text-transform: uppercase;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .last-invoices-data {
    grid-area: invoices;
    display: grid;
    grid-template-areas: "27px last-invoices-label last-invoices-price last-invoices-status-container";
    grid-template-columns: 27px minmax(60px, 90px) auto minmax(85px, 100px);
    overflow: hidden;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .last-invoices-data .last-invoices-label {
    grid-area: last-invoices-label;
    opacity: 1;
    color: rgb(62, 62, 62);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    align-self: center;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .last-invoices-data .last-invoices-price {
    grid-area: last-invoices-price;
    opacity: 1;
    color: rgb(62, 62, 62);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    text-align: center;
    align-self: center;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .last-invoices-data .last-invoices-status-container {
    grid-area: last-invoices-status-container;
    margin: 0 auto;
    align-self: center;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-links {
    grid-area: links;
    display: grid;
    grid-template-areas: "see-invoices-link see-consumption-link see-details-link";
    grid-template-columns: fit-content(15ch) fit-content(15ch) auto;
    margin: 0 -10px;
    padding: 15px 20px 10px 20px;
    border-top: 1px solid #D9D9D9;
    grid-gap: 0 10px;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-links .see-invoices-link {
    grid-area: see-invoices-link;
    opacity: 1;
    color: rgb(1, 56, 113);
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: underline;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-links .see-consumption-link {
    grid-area: see-consumption-link;
    opacity: 1;
    color: rgb(1, 56, 113);
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: underline;
  }
  html .my-contracts-mobile .contract-list-container .contract-card .contracts-links .see-details-link {
    grid-area: see-details-link;
    opacity: 1;
    color: rgb(1, 56, 113);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: underline;
    text-align: right;
  }
  html .my-contracts-mobile .spinner {
    margin-top: 25px auto;
  }
  html .my-invoices-desktop {
    display: none;
  }
  html .my-invoices-mobile {
    display: inline-block;
    background: #F5F5F5;
  }
  html .my-invoices-mobile .checkbox-ov {
    transform: scale(1.7);
    margin-left: 5px;
    margin-right: 15px;
  }
  html .my-invoices-mobile .filter-dialog .ov-modal-content {
    background-color: #f5f5f5;
  }
  html .my-invoices-mobile .filter-dialog .ov-modal-content .filter-header {
    display: flex;
  }
  html .my-invoices-mobile .filter-dialog .ov-modal-content .filter-header h1 {
    width: calc(100% - 15px);
    margin-top: 0;
  }
  html .my-invoices-mobile .filter-dialog .ov-modal-content .filter-header .close {
    width: auto;
    opacity: 1;
    font-size: 2.1667rem;
    font-weight: normal;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison {
    display: grid;
    grid-template-areas: "invoice-comparison-title invoice-comparison-title" "invoice-comparison-label invoice-comparison-label" "invoice-previous-average-expense invoice-current-average-expense";
    grid-template-columns: 50% 50%;
    margin: 40px 25px 8px 25px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 0.35);
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-comparison-title {
    grid-area: invoice-comparison-title;
    font-size: 1.4167rem;
    text-align: start;
    color: #002D63;
    margin: 0 0 20px 0;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-comparison-label {
    grid-area: invoice-comparison-label;
    color: #3E3E3E;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    line-height: 25px;
    margin: 0 0 30px 0;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-current-average-expense {
    grid-area: invoice-current-average-expense;
    border-radius: 5px;
    background: #002C67;
    margin: 10px 0 10px 8px;
    padding: 10px;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-current-average-expense .current-year {
    color: #FFFFFF;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.64px;
    text-align: center;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-current-average-expense .current-expense {
    color: #FFFFFF;
    font-size: 1.5rem;
    text-align: center;
    line-height: 50px;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-previous-average-expense {
    grid-area: invoice-previous-average-expense;
    border-radius: 5px;
    background: #DDE4EB;
    padding: 10px;
    margin: 10px 8px 10px 0;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-previous-average-expense .previous-year {
    color: #002D63;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.64px;
    text-align: center;
  }
  html .my-invoices-mobile .invoice-mobile-year-comparison .invoice-previous-average-expense .previous-expense {
    color: #28234E;
    font-size: 1.5rem;
    text-align: center;
    line-height: 50px;
  }
  html .my-invoices-mobile .invoice-bill-chart {
    margin: 0 25px 20px 25px;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
  }
  html .my-invoices-mobile .invoice-bill-chart .invoice-evolution-graphic-title {
    color: #002D63;
    font-size: 1.4167rem;
    padding: 0 0 30px 0;
  }
  html .my-invoices-mobile .invoices-list-header {
    padding: 30px 0 40px 0;
  }
  html .my-invoices-mobile .invoice-card {
    margin: 8px 25px;
    display: grid;
    grid-template-areas: "invoice-details" "invoice-links";
  }
  html .my-invoices-mobile .invoice-card .invoice-details {
    display: grid;
    grid-template-areas: "invoice-ico invoice-date invoice-price" "invoice-ico invoice-number invoice-surcharge" "invoice-rect invoice-rect invoice-status";
    grid-area: invoice-details;
    grid-template-columns: 25px auto minmax(80px, 100px);
    padding: 0 20px;
    margin: 0 -20px;
    border-bottom: 1px solid #D9D9D9;
  }
  html .my-invoices-mobile .invoice-card .invoice-details .invoice-date {
    grid-area: invoice-date;
    color: #3E3E3E;
    font-size: 1rem;
  }
  html .my-invoices-mobile .invoice-card .invoice-details .invoice-number {
    grid-area: invoice-number;
    font-size: 0.75rem;
    font-family: PTSans-Regular, sans-serif;
    color: #3E3E3E;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html .my-invoices-mobile .invoice-card .invoice-details .invoice-price {
    grid-area: invoice-price;
    text-align: end;
    font-size: 1.17rem;
    color: #3E3E3E;
  }
  html .my-invoices-mobile .invoice-card .invoice-details .invoice-surcharge {
    grid-area: invoice-surcharge;
    text-align: end;
    font-size: 0.75rem;
    color: #D0021B;
  }
  html .my-invoices-mobile .invoice-card .invoice-details .invoice-status {
    grid-area: invoice-status;
    margin: 15px 0;
    padding: 2px 10px;
    text-align: end;
    font-family: "PTSans-Regular", sans-serif;
    font-style: normal;
    border-radius: 10px;
    color: #FFF;
    max-width: 110px;
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    width: fit-content;
    justify-self: end;
  }
  html .my-invoices-mobile .invoice-card .invoice-details .invoice-rect {
    grid-area: invoice-rect;
    align-self: center;
  }
  html .my-invoices-mobile .invoice-card .invoice-links {
    display: grid;
    grid-template-areas: "invoice-online-pay-div invoice-details-link";
    grid-area: invoice-links;
    padding: 20px 0 0 0;
  }
  html .my-invoices-mobile .invoice-card .invoice-links .invoice-online-pay-div {
    display: inline-block;
  }
  html .my-invoices-mobile .invoice-card .invoice-links .invoice-online-pay-div .invoice-online-pay-icon {
    width: 18px;
  }
  html .my-invoices-mobile .invoice-card .invoice-links .invoice-online-pay-div .invoice-online-pay {
    grid-area: invoice-online-pay;
    color: #013871;
    font-size: 0.92rem;
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: underline;
    text-align: start;
  }
  html .my-invoices-mobile .invoice-card .invoice-links .invoice-details-link {
    grid-area: invoice-details-link;
    color: #013871;
    font-size: 0.92rem;
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: underline;
    text-align: end;
  }
  html .detalle-factura .cabecera {
    background-color: #3C8AC0;
  }
  html .mobile-invoice-detail {
    background-color: transparent !important;
    padding: 0 !important;
  }
  html .mobile-invoice-detail .factura-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: row-reverse;
  }
  html .mobile-invoice-detail .factura-links .descargar-factura, html .mobile-invoice-detail .factura-links .pagar-online {
    display: flex;
    justify-content: center;
    background: #FFF;
    border: 1px solid #DDDDDD;
    margin: 0 0 25px 0;
    padding: 15px;
    border-radius: 5px;
    flex-grow: 1;
  }
  html .mobile-invoice-detail .factura-links .descargar-factura a, html .mobile-invoice-detail .factura-links .pagar-online a {
    font-size: 1.17rem;
    font-family: "PTSans-Bold", sans-serif;
    text-decoration: underline;
  }
  html .notification-icon.warn.notification-surcharge {
    grid-template-areas: none;
    grid-template-columns: none;
  }
  html .notification-icon.warn.notification-surcharge .form-errors-heading {
    margin-right: -24px;
  }
  html .payment-online-mobile #payment-online-popup h3#subtitle-popup-online-payment {
    font-weight: 400;
  }
  html .payment-online-mobile #payment-online-popup .close {
    display: none;
  }
  html .payment-online-mobile #payment-online-popup .modal-content {
    background-color: #FFF;
  }
  html .payment-online-mobile #payment-online-popup .modal-content .ov-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }
  html .payment-online-mobile #payment-online-popup .modal-content .footer-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 21px;
    border-top: #DDDDDD 1px solid;
  }
  html .payment-online-mobile #payment-online-popup .modal-content .footer-buttons button {
    text-transform: uppercase;
  }
  html .payment-online-mobile #payment-online-popup .modal-content .footer-buttons a {
    align-self: center;
  }
  html .payment-online-mobile #payment-online-popup .modal-content .footer-buttons a:hover {
    cursor: pointer;
  }
  html .mis-consumos {
    margin-top: 20px;
  }
  html .mis-consumos #div-mensaje-telelectura {
    display: none !important;
  }
  html .mis-consumos .seccion-titulo {
    border-bottom: 1px solid #DDDDDD;
  }
  html .mis-consumos .pestanas .agrupador-pestanas {
    margin: 30px -15px 0 -15px;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul {
    background: #F5F5F5;
    border-bottom: 1px solid #979797;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li {
    background: #F5F5F5;
    height: 45px;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li.active {
    border-bottom: 2px solid #002C67;
    height: 47px;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li.active a {
    height: 45px;
    background: #F5F5F5;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li.active a:hover {
    text-decoration: none !important;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li.active:after {
    content: "";
    width: 0;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li a {
    background: #F5F5F5;
    height: 45px;
    color: #002D63;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: 5px 0;
  }
  html .mis-consumos .pestanas .agrupador-pestanas ul li a.active {
    height: 45px;
    color: #002D63;
  }
  html .mis-consumos .pestanas .agrupador-pestanas .agrupador-inferior-pestanas {
    display: none;
  }
  html .mis-consumos .consumption-mobile-tab-1 {
    margin-top: 15px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .info-adicional-consumo-2 .icon-lightbulb, html .mis-consumos .consumption-mobile-tab-1 .info-adicional-consumo-2 a {
    color: #003775 !important;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container {
    margin: 18px 30px 13px 30px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-title {
    color: #002D63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.4167rem;
    font-weight: 700;
    text-align: center;
    margin: 20px 0 25px 0;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-percentage {
    color: #013871;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 18px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-period {
    color: #013871;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    text-align: center;
    margin: 15px 0 18px 0;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid {
    display: grid;
    grid-template-areas: "data data" "previous-year actual-year";
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-actual-data, html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-previous-data {
    grid-area: data;
    display: flex;
    margin-bottom: 14px;
    width: 100%;
    height: 30px;
    animation: expandRight 1s ease-out;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-actual-data .last-consumption-actual-registry, html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-previous-data .last-consumption-actual-registry {
    background: #003775;
    opacity: 1;
    color: rgb(255, 255, 240);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    text-align: right;
    line-height: 30px;
    text-wrap: nowrap;
    padding: 0 20px 0 0;
    width: 50%;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-actual-data .last-consumption-previous-registry, html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-previous-data .last-consumption-previous-registry {
    background: #B5C5D6;
    opacity: 1;
    color: rgb(40, 35, 78);
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    text-align: left;
    line-height: 30px;
    text-wrap: nowrap;
    padding: 0 0 0 20px;
    width: 50%;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-actual-year {
    grid-area: actual-year;
    color: #013871;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    text-align: end;
  }
  html .mis-consumos .consumption-mobile-tab-1 .last-consumption-container .last-consumption-comparative .last-consumption-grid .last-consumption-previous-year {
    grid-area: previous-year;
    color: #013871;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    text-align: start;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .consumption-type-title {
    font-size: 1rem;
    font-weight: bold;
    color: #3E3E3E;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header {
    display: grid;
    grid-row-gap: 20px;
    grid-template-areas: "cd-title cd-info" "cd-subtitle cd-filter-button";
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .cd-title {
    font-size: 1.17rem;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header h2 {
    align-self: baseline;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .ico-info {
    font-size: 0.92rem;
    text-decoration: underline;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header span {
    align-self: baseline;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .cd-title {
    grid-area: cd-title;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .cd-info {
    grid-area: cd-info;
    text-align: right;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .cd-subtitle {
    grid-area: cd-subtitle;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .cd-filter-button {
    grid-area: cd-filter-button;
    background: none;
    border: none;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-header .cd-filter-button:focus {
    outline: none !important;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list {
    margin-top: 8px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card {
    display: grid;
    grid-template-areas: "details" "meters";
    grid-gap: 20px;
    padding: 18px 24px 22px 12px;
    margin: 8px 0;
    row-gap: 5px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-details {
    display: grid;
    grid-template-areas: "ico data state" "ico reading r-number ";
    grid-template-columns: 37px auto auto;
    row-gap: 20px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-details .consumption-ico {
    grid-area: ico;
    grid-row: 1;
    align-self: center;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-details .consumption-data {
    grid-area: data;
    text-align: left;
    font-size: 1rem;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-details .consumption-state {
    grid-area: state;
    display: flex;
    justify-content: flex-end;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-details .consumption-reading {
    grid-area: reading;
    text-align: left;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-details .consumption-reading-number {
    grid-area: r-number;
    text-align: right;
    border-bottom: 1px solid #D9D9D9;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-meters {
    display: grid;
    grid-area: meters;
    grid-template-areas: "ico cm-label cm-value";
    grid-template-columns: 37px auto auto;
    row-gap: 5px;
    padding-top: 10px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-meters .cm-label {
    grid-area: cm-label;
    text-align: left;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .consumption-card .consumption-meters .cm-value {
    grid-area: cm-value;
    text-align: right;
  }
  html .mis-consumos .consumption-mobile-tab-1 .consumption-detail-container .cd-contract-list .spinner {
    margin-top: 30px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel {
    display: grid;
    grid-template-areas: "status-real status-real-desc" "status-acu status-acu-desc" "status-readj status-readj-desc";
    grid-gap: 40px 20px;
    padding: 27.36px 35px 66.64px 36px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel .status-real {
    grid-area: status-real;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel .status-real-desc {
    grid-area: status-real-desc;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel .status-acu {
    grid-area: status-acu;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel .status-acu-desc {
    grid-area: status-acu-desc;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel .status-readj {
    grid-area: status-readj;
  }
  html .mis-consumos .consumption-mobile-tab-1 .status-info-dialog .info-text-panel .status-readj-desc {
    grid-area: status-readj-desc;
  }
  html .mis-consumos .consumption-mobile-tab-1 .filter-dialog .ov-modal-content .ov-modal-body .query-types-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 49px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .filter-dialog .ov-modal-content .ov-modal-body .query-types-buttons input[type=radio] + label:first-of-type {
    display: inline-flex;
    gap: 9px;
    width: 115px;
    height: 40px;
    padding: 9px 9.5px;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    opacity: 1;
    color: #002C67;
    background-color: #FFFFFF;
  }
  html .mis-consumos .consumption-mobile-tab-1 .filter-dialog .ov-modal-content .ov-modal-body .query-types-buttons input[type=radio] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  html .mis-consumos .consumption-mobile-tab-1 .filter-dialog .ov-modal-content .ov-modal-body .query-types-buttons input[type=radio]:checked + label {
    border: 2px solid #002d63;
  }
  html .mis-consumos .consumption-mobile-tab-1 .filter-dialog .ov-modal-content .ov-modal-body .cd-range-date-container .cd-range-date {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 42px;
    margin-bottom: 11px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .chart-mobile-tab1 .chart-title {
    color: #002D63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.4167rem;
    text-align: left;
  }
  html .mis-consumos .consumption-mobile-tab-1 .chart-mobile-tab1 .chart-options {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 20px 0;
  }
  html .mis-consumos .consumption-mobile-tab-1 .chart-mobile-tab1 .chart-options .chart-option-enabled {
    border: 1px solid rgba(1, 56, 113, 0.65);
    border-radius: 1px;
    background-color: #FFFFFF;
    width: 80px;
    height: 30px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .chart-mobile-tab1 .chart-options .chart-option-enabled p {
    margin: 3px auto;
    width: fit-content;
    font-size: 0.75rem;
    color: #013871;
    font-family: "PTSans-Regular", sans-serif;
  }
  html .mis-consumos .consumption-mobile-tab-1 .chart-mobile-tab1 .chart-options .chart-option-disabled {
    border: 1px solid rgba(151, 151, 151, 0.35);
    border-radius: 1px;
    background-color: rgba(216, 216, 216, 0.28);
    width: 80px;
    height: 30px;
  }
  html .mis-consumos .consumption-mobile-tab-1 .chart-mobile-tab1 .chart-options .chart-option-disabled p {
    margin: 3px auto;
    width: fit-content;
    font-size: 0.75rem;
    color: #000000;
    font-family: "PTSans-Regular", sans-serif;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card {
    padding: 20px 24px 20px 12px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details {
    font-size: 0.92rem;
    display: grid;
    grid-template-areas: "flow-ico flow-date flow-date flow-date" ". flow-max-title flow-max-time flow-max-value" ". line_separator line_separator line_separator" ". flow-min-title flow-min-time flow-min-value";
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-ico {
    grid-area: flow-ico;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-date {
    grid-area: flow-date;
    font-size: 1rem;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-max-title {
    grid-area: flow-max-title;
    margin-top: 28px;
    font-size: 0.92rem;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-max-time {
    grid-area: flow-max-time;
    margin-top: 28px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-max-value {
    grid-area: flow-max-value;
    margin-top: 28px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .line_separator {
    grid-area: line_separator;
    margin-top: 13px;
    border-top: 1px solid #D9D9D9;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-min-title {
    grid-area: flow-min-title;
    margin-top: 13px;
    font-size: 0.92rem;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-min-time {
    grid-area: flow-min-time;
    margin-top: 13px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flow-card .flow-details .flow-min-value {
    grid-area: flow-min-value;
    margin-top: 13px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-1, html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-2, html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-alarmas {
    display: block !important;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-alarmas a {
    margin-left: 0.3em !important;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-2 {
    margin: 20px 0px 0px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-2 .icon-lightbulb, html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-2 a.ov, html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-2 .ql-container a.ql-editor:before, .ql-container html .mis-consumos .my-consumption-mobile-tab2 .info-adicional-consumo-2 a.ql-editor:before {
    color: #003775 !important;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flows-list-header {
    margin: 0;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .flows-list-container {
    margin-top: 35px;
  }
  html .mis-consumos .my-consumption-mobile-tab2 .ov-modal-header {
    align-items: center;
  }
  html .mis-consumos .my-consumption-mobile-tab3 {
    display: flex;
    flex-direction: column;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .alert-tele-info {
    display: block;
    margin: 20px 0;
    text-decoration: underline;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .error-messages-container {
    display: block;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .consumption-check {
    width: 100%;
    justify-content: end;
    border-top: 1px solid #e8e8e8;
    padding-top: 16px;
    margin-bottom: 1px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .tab-three-error-messages {
    display: flex;
    margin-bottom: 20px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .digital-advertisements-card {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 0 33px 0 !important;
    background-color: #ecf0f6;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .digital-advertisements-card .digital-advertisements-title {
    margin: 29px 41px 29px 18px;
    text-align: center;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .digital-advertisements-card .digital-advertisements-text {
    margin: 0 21px 20px 38px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .digital-advertisements-card .digital-advertisements-enable {
    width: 125px;
    height: 41px !important;
    align-self: center;
    padding: 0 !important;
    margin-bottom: 17px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .leak-alert-card {
    margin: 0 0 8px 0;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .leak-alert-card .ov-modal-body {
    margin-top: 64px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .leak-alert-card .ov-modal-body .alert-config-text {
    margin-bottom: 23px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .leak-alert-card .leak-alert-config {
    margin-bottom: 22px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .over-consumption-alert-card {
    display: flex;
    flex-direction: column;
    padding: 18px;
    margin: 0 0 47px 0;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .over-consumption-alert-card .oc-error-messages {
    margin-bottom: 48px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .over-consumption-alert-card .oc-alert-title {
    margin: 0 0 17px 0;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .over-consumption-alert-card .oc-config {
    margin-bottom: 22px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .ov-modal .error-messages-container {
    display: flex;
    margin-bottom: 48px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .overconsumption-config-dialog .alert-consumption-type-container,
  html .mis-consumos .my-consumption-mobile-tab3 .leak-config-dialog .alert-consumption-type-container {
    margin-bottom: 48px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .overconsumption-config-dialog .alert-consumption-type-container .alert-type-label,
  html .mis-consumos .my-consumption-mobile-tab3 .leak-config-dialog .alert-consumption-type-container .alert-type-label {
    display: block;
    margin-bottom: 10px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .overconsumption-config-dialog .alert-greater-than-container,
  html .mis-consumos .my-consumption-mobile-tab3 .leak-config-dialog .alert-greater-than-container {
    margin-bottom: 41px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .overconsumption-config-dialog .alert-greater-than-container .greater-than-label:after,
  html .mis-consumos .my-consumption-mobile-tab3 .leak-config-dialog .alert-greater-than-container .greater-than-label:after {
    content: "...";
  }
  html .mis-consumos .my-consumption-mobile-tab3 .overconsumption-config-dialog .alert-greater-than-container .alert-greater-than,
  html .mis-consumos .my-consumption-mobile-tab3 .leak-config-dialog .alert-greater-than-container .alert-greater-than {
    width: 178px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .overconsumption-config-dialog .alert-unit-type-container .alert-unit-label,
  html .mis-consumos .my-consumption-mobile-tab3 .leak-config-dialog .alert-unit-type-container .alert-unit-label {
    display: block;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-header {
    margin-bottom: 19px;
    padding: 0;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-header h2 {
    margin: 0;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card {
    padding: 18px 27px 18px 10px;
    margin: 0 0 8px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one {
    display: grid;
    grid-template-areas: "alert-icon alert-overconsumption alert-status" ". alert-description ." ". alert-date-activation alert-date-activation-val";
    grid-template-columns: 33px auto auto;
    grid-gap: 5px 0px;
    margin-bottom: 14px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one .consumption-ico {
    grid-area: alert-icon;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one .alert-card-overconsumption {
    grid-area: alert-overconsumption;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one .alert-card-status {
    grid-area: alert-status;
    justify-content: right;
    display: flex;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one .alert-card-description {
    grid-area: alert-description;
    margin-bottom: 17px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one .alert-date-activation {
    grid-area: alert-date-activation;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-one .alert-date-activation-val {
    grid-area: alert-date-activation-val;
    justify-content: right;
    display: flex;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-two {
    display: grid;
    grid-template-areas: ". alert-date-deactivate alert-date-deactivate-val" ". . alert-active-days";
    grid-template-columns: 33px auto auto;
    grid-gap: 17px 0;
    border-top: 1px solid #e8e8e8;
    padding-top: 14px;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-two .alert-date-deactivate {
    grid-area: alert-date-deactivate;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-two .alert-date-deactivate-val {
    grid-area: alert-date-deactivate-val;
    justify-content: right;
    display: flex;
  }
  html .mis-consumos .my-consumption-mobile-tab3 .latest-alert-list-container .latest-alert-list .alert-card .cd-section-two .alert-active-days {
    grid-area: alert-active-days;
    justify-content: right;
    display: flex;
  }
  html .mis-consumos .telelectura-information-dialog .ov-modal-header.filter-header {
    padding: 30px;
  }
  html .mis-consumos .telelectura-information-dialog .ov-modal-body {
    background: #ffffff;
    padding: 35px !important;
  }
  html .mis-consumos .telelectura-information-dialog .modal-content.ov-modal-content.modal-common {
    padding: 0px;
  }
  html .mis-consumos .telelectura-information-dialog h1.ov-title-bold.filter-title {
    font-size: 1.5833rem;
    padding-top: 10px;
  }
  html .mis-consumos .telelectura-information-dialog .ov-modal-body {
    margin-top: 30px !important;
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.92rem;
    line-height: 1.8;
    font-style: italic;
    border: 1px solid #DDDDDD;
  }
  @keyframes expandRight {
    0% {
      width: 0;
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      width: 100%;
      opacity: 1;
    }
  }
  html #my-profile {
    margin: 0 -15px;
  }
  html #my-profile .seccion-superior .ov-container {
    padding-left: 10px;
  }
  html #my-profile .mi-perfil .btn-send button {
    float: right;
  }
  html #my-profile .mi-perfil div.contenido-miperfil .form-group {
    margin-bottom: 30px;
    margin-top: 10px;
  }
  html #my-profile .mi-perfil div.row.buttons {
    margin-top: 15px;
  }
  html #my-profile .mi-perfil div.navigator li {
    margin-top: 10px;
  }
  html #my-profile .mi-perfil div.navigator ul.nav.nav-pills.nav-stacked {
    margin-bottom: 15px;
  }
  html #my-profile .mi-perfil label.ov, html #my-profile .mi-perfil .ql-container label.ql-editor:before, .ql-container html #my-profile .mi-perfil label.ql-editor:before {
    margin-bottom: 9px;
  }
  html #my-profile .mi-perfil .datos-usuario .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  html #my-profile .mi-perfil .datos-usuario .buttons .link-baja {
    font-size: 0.9em;
    float: left;
  }
  html #my-profile .mi-perfil .datos-usuario .buttons .link-baja a {
    color: #E91E0E;
    font-weight: 700;
    text-decoration: underline;
  }
  html #my-profile .mi-perfil .datos-usuario .double-factor-container-custom-size {
    padding: 0 16px;
  }
  html #my-profile .mi-perfil .cambiar-password .help-mobile {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  html #my-profile .mi-perfil .cambiar-password .help-mobile .helper-title {
    color: #002d63;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    margin-top: 0px;
    font-size: 1.17rem;
  }
  html #my-profile .mi-perfil .cambiar-password .help-mobile .helper-text {
    font-family: "PT Sans", sans-serif;
    font-size: 0.92rem;
    color: #3E3E3E;
    line-height: 1.785em;
    margin-top: 15px;
  }
  html .unsubscribe-mobile {
    background-color: #F5F5F5 !important;
    border: 0;
  }
  html .unsubscribe-mobile .unsubscribe-title {
    background: #FFFFFF;
    display: flex;
    align-items: center;
    height: 90px;
    color: #002D63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.6667rem;
    font-weight: 700;
    letter-spacing: 0.96px;
    border: 1px solid #DDDDDD;
    padding: 0 0 0 25px;
  }
  html .unsubscribe-mobile .unsubscribe-instructions {
    display: none;
  }
  html .unsubscribe-mobile .unsubscribe-form {
    margin: 45px 0 0 0;
    padding: 0 15px;
  }
  html .unsubscribe-mobile .unsubscribe-form .label {
    display: flex;
    padding: 0;
    width: calc(100% - 30px);
    margin: 30px auto 10px;
    color: #002D63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.5px;
  }
  html .unsubscribe-mobile .unsubscribe-form .label-required:after {
    content: "*";
    margin: 0 5px;
    transform: translateY(1px);
  }
  html .unsubscribe-mobile .unsubscribe-form .required-fields-label {
    display: flex;
    width: calc(100% - 30px);
    margin: 15px auto 20px;
    color: #002D63;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: normal;
  }
  html .unsubscribe-mobile .unsubscribe-form .input-userName {
    display: flex;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 10px 15px;
    color: #5F666F;
    background: #F8F8F8;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    border-radius: 4px;
    border: 1px solid #DBDBDB;
  }
  html .unsubscribe-mobile .unsubscribe-form .input-reason {
    display: flex;
    width: calc(100% - 30px) !important;
    min-height: 40px;
    margin: 0 auto;
    padding: 5px 5px;
    border-radius: 4px;
    border: 1px solid #DBDBDB;
    opacity: 1;
    background-color: #FFFFFF;
    resize: vertical;
    overflow: auto;
  }
  html .unsubscribe-mobile .unsubscribe-form .submit-unsubscribe {
    text-decoration: none;
    padding: 8px 50px;
    margin: 20px 0;
    border-radius: 30px;
    display: inline-block;
    -webkit-box-shadow: 0 3px 5px -5px #888;
    box-shadow: 0 3px 5px -5px #888;
    float: right;
    clear: right;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.57px;
    text-align: center;
  }
  html .unsubscribe-mobile .unsubscribe-form .unsubscribe-desc {
    color: #3e3e3e;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.57px;
    line-height: 26px;
  }
  html .tramite--bajasuministro {
    background: #F5F5F5;
  }
  html .tramite--bajasuministro p.ov, html .tramite--bajasuministro .ql-container p.ql-editor:before, .ql-container html .tramite--bajasuministro p.ql-editor:before,
  html .tramite--bajasuministro .ql-container .ql-editor p,
  .ql-container .ql-editor html .tramite--bajasuministro p {
    margin-bottom: 20px;
  }
  html .contracts-selector-mobile {
    display: grid;
    grid-template-areas: "contract-summary" "contract-selector-buttons";
    margin: 25px 25px 0 25px;
    border: solid 1px #3C8AC0;
    border-radius: 4px;
    background-color: #3C8AC0;
    color: white;
    padding: 13px 13px 14px 12px;
    letter-spacing: 0.5px;
    font-size: 0.92rem;
  }
  html .contracts-selector-mobile .contract-summary {
    grid-area: contract-summary;
    display: grid;
    grid-template-areas: "contract-icon contract-number contract-address";
    grid-template-columns: 15px max-content auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 15px;
  }
  html .contracts-selector-mobile .contract-summary .contract-icon {
    grid-area: contract-icon;
  }
  html .contracts-selector-mobile .contract-summary .contract-icon img {
    color: white;
  }
  html .contracts-selector-mobile .contract-summary .contract-number {
    grid-area: contract-number;
    padding-left: 8px;
  }
  html .contracts-selector-mobile .contract-summary .contract-address {
    grid-area: contract-address;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html .contracts-selector-mobile .contract-selector-buttons {
    grid-area: contract-selector-buttons;
    display: grid;
    grid-template-areas: "detail-button contract-selection-button";
    grid-template-columns: auto auto;
    grid-gap: 10px;
    padding-top: 10px;
  }
  html .contracts-selector-mobile .contract-selector-buttons a {
    color: white;
    letter-spacing: 0.5px;
  }
  html .contracts-selector-mobile .contract-selector-buttons .detail-button {
    grid-area: detail-button;
    display: flex;
    justify-content: start;
  }
  html .contracts-selector-mobile .contract-selector-buttons .contract-selection-button {
    grid-area: contract-selection-button;
    display: flex;
    justify-content: end;
  }
  html .digital_notifications .card {
    padding: 20px 20px 20px 45px;
  }
  html .digital_notifications .notifications-card .card-data {
    display: grid;
    grid-template-areas: "data-contract" "data-user" "data-mandatory-email" "data-optional-email";
  }
  html .digital_notifications .notifications-card .card-data .card-data-common {
    grid-template-columns: 40% 60%;
    justify-items: flex-start;
    align-items: center;
  }
  html .digital_notifications .notifications-card .card-data .data-contract {
    grid-area: data-contract;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 0 10px 0;
    white-space: nowrap;
  }
  html .digital_notifications .notifications-card .card-data .data-contract .icon-bell {
    position: absolute;
    left: -30px;
    top: 0;
    color: #415D9A;
    transform: scale(1.3);
  }
  html .digital_notifications .notifications-card .card-data .data-contract .contract-number-alias {
    grid-area: contract-number-alias;
    color: #3E3E3E;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
  }
  html .digital_notifications .notifications-card .card-data .data-contract .contract-user {
    grid-area: contract-user;
    color: #3E3E3E;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  html .digital_notifications .notifications-card .card-data .data-user {
    grid-area: data-user;
    padding: 5px 0;
    font-weight: bold;
  }
  html .digital_notifications .notifications-card .card-data .data-mandatory-email {
    grid-area: data-mandatory-email;
    display: grid;
    grid-template-areas: "div div";
    padding: 10px 0;
    border-bottom: 1px solid #D9D9D9;
  }
  html .digital_notifications .notifications-card .card-data .data-optional-email {
    grid-area: data-optional-email;
    display: grid;
    grid-template-areas: "div div";
    padding: 10px 0;
  }
  html .digital_notifications .notifications-card .card-data .label-emails-title {
    display: flex;
    justify-content: flex-start;
    color: #3E3E3E;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
  }
  html .digital_notifications .notifications-card .card-data .label-emails-value {
    color: #3E3E3E;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  html .digital_notifications .notifications-card .card-actions {
    display: flex;
    padding: 10px 20px 0 20px;
    margin: 0 -20px 0 -45px;
    border-top: 1px solid #D9D9D9;
  }
  html .digital_notifications .notifications-card .card-actions .actions {
    width: 100%;
  }
  html .digital_notifications .notifications-card .card-actions .activate-action, html .digital_notifications .notifications-card .card-actions .modify-action {
    text-align: end;
  }
  html .digital_notifications .notifications-card .card-actions .activate-action a, html .digital_notifications .notifications-card .card-actions .modify-action a {
    color: #013871;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: underline;
  }
  html .digital_notifications .notifications-card .card-actions .modify-action {
    text-align: start;
  }
  html .digital_notifications .notifications-card .card-actions .deactivate-action {
    text-align: end;
  }
  html .digital_notifications .notifications-card .card-actions .deactivate-action a {
    color: #E91E0E;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: underline;
  }
  html .digital_notifications .notifications-info-container {
    display: flex;
    justify-content: flex-start;
    padding: 30px 30px 10px 30px;
  }
  html .digital_notifications .notifications-info-container i {
    color: #003775;
  }
  html .digital_notifications .notifications-info-container a {
    padding: 0 5px;
    color: #003775;
    font-family: "PTSans-Bold", sans-serif !important;
    font-size: 0.92rem;
    text-decoration: underline;
  }
  html .digital_notifications .notifications-information-dialog .modal-dialog .modal-content {
    background-color: #F5F5F5 !important;
    padding: 0 !important;
  }
  html .digital_notifications .notifications-information-dialog .modal-dialog .ov-modal-header {
    padding: 26px 30px;
  }
  html .digital_notifications .notifications-information-dialog .modal-dialog .ov-modal-header h1 {
    margin: 0 !important;
  }
  html .digital_notifications .notifications-information-dialog .modal-dialog .ov-modal-body {
    padding: 30px !important;
    margin-top: 80px !important;
    background-color: #FFFFFF !important;
    color: #3E3E3E;
    outline: 1px solid #DDDDDD;
    font-family: "PTSans-Italic", sans-serif !important;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
  html .digital_notifications .notifications-filter-container {
    display: flex;
    justify-content: flex-start;
    padding: 30px 20px 10px 25px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
  }
  html .digital_notifications .notifications-filter-container i {
    color: #003775;
  }
  html .digital_notifications .notifications-filter-container a {
    padding: 0 5px;
    color: #003775;
    font-family: "PTSans-Bold", sans-serif !important;
    text-decoration: underline;
  }
  html .digital_notifications .notifications-filter-container .notifications-filter-clean-container {
    width: 50%;
  }
  html .digital_notifications .notifications-filter-container .notifications-filter-clean-container a {
    color: #E91E0E;
  }
  html .digital_notifications .notifications-filter-container .notifications-filter-search-container {
    width: 60%;
    text-align: end;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .modal-content {
    background-color: #F5F5F5 !important;
    padding: 0 !important;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-header {
    padding: 26px 30px;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-header h1 {
    margin: 0 !important;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body {
    padding: 30px !important;
    margin-top: 0px !important;
    color: #3E3E3E;
    font-family: "PTSans-Italic", sans-serif !important;
    font-size: 0.92rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body label {
    position: absolute;
    padding-left: 15px;
    padding-top: 5px;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body input[type=text]#contract.ov, html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body .ov-form-field .field-element input[type=text]#contract[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body input[type=text]#contract[type]:not([type=submit]):not([type=reset]),
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body .ql-container input[type=text]#contract.ql-editor:before,
  .ql-container html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body input[type=text]#contract.ql-editor:before {
    font-family: "PTSans-Regular", sans-serif;
    padding-left: 45px;
  }
  html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body input[type=text]#contract.ov::placeholder, html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body .ov-form-field .field-element input[type=text]#contract[type]:not([type=submit]):not([type=reset])::placeholder, .ov-form-field .field-element html .digital_notifications .notifications-filter-dialog .modal-dialog .ov-modal-body input[type=text]#contract[type]:not([type=submit]):not([type=reset])::placeholder {
    color: #5F666F !important;
    opacity: 1;
    font-family: "PTSans-Regular", sans-serif;
  }
  html .digital_notifications .contenido-notificaciones {
    margin-left: 0 !important;
  }
  html #header-middle.public .hamburger.is-active {
    left: inherit;
    top: 0;
    right: 0;
    margin: 0;
    position: fixed;
    z-index: 2015;
    margin-left: 0;
    border-left: 0;
    padding: 10px;
  }
  html #header-middle.public {
    overflow: hidden;
    height: 50px;
    background-color: #002E67;
  }
  html #header-middle.public .ov-container {
    padding-left: 15px !important;
    padding-right: 0 !important;
  }
  html #header-middle.public > .ov-container > .row {
    display: grid;
    grid-template-areas: "site-title show-menu-left";
    grid-template-columns: auto auto;
    margin: 0px;
    padding: 0px;
  }
  html #header-middle.public > .ov-container > .row .site-title {
    grid-area: site-title;
    display: flex;
    justify-content: initial;
  }
  html #header-middle.public > .ov-container > .row #showMenuLeft {
    grid-area: show-menu-left;
    display: flex;
    justify-content: right;
    background-color: transparent;
    padding: 10px 15px;
    margin: 0;
  }
  html #header-middle.public > .ov-container > .row #showMenuLeft .is-active {
    /*border-bottom: 1px solid #CECECE;*/
  }
  html #header-middle.public > .ov-container > .row .links-top-header {
    display: none;
  }
  html #header-middle.public .hamburger.is-active {
    border-bottom: 1px solid #CECECE;
  }
  html .mobile-menu-is-active #header-bottom.public {
    /* position: absolute;
     top: 0;*/
  }
  html .mobile-menu-is-active #header-bottom.public #ubicacion_mobile {
    font-family: "PTSans-Bold", sans-serif;
    font-weight: normal;
    position: fixed;
    top: 0px;
    width: 100%;
    background: white;
    z-index: 10;
  }
  html .mobile-menu-is-active #header-bottom.public #nav_mobile {
    font-family: "PTSans-Regular", sans-serif;
    font-weight: normal;
  }
  html .mobile-menu-is-active #header-bottom.public #nav_mobile .ov-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  html .mobile-menu-is-active #header-bottom.public #nav_mobile .ov-container .list-child-menu .title-grouper.hasIcon i {
    display: none;
  }
  html .mobile-menu-is-active #header-bottom.public #nav_mobile .ov-container .list-child-menu a {
    font-weight: normal;
    color: #002E67;
  }
  html #header-bottom.public {
    position: fixed;
    overflow-x: hidden;
    top: 0;
  }
  html #header-bottom.public #ubicacion_mobile {
    font-family: "PTSans-Bold", sans-serif;
    font-weight: normal;
  }
  html #header-bottom.public #nav_mobile {
    margin: 15px 30px 0;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    line-height: normal;
    color: #222;
  }
  html #header-bottom.public #nav_mobile nav#navigation .cointainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  html #header-bottom.public .links-top-header ul.links-nav {
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    line-height: normal;
    color: #222;
  }
  html #header-bottom.public .links-top-header ul li a {
    padding: 0 0 12px;
    height: auto;
    font-size: 0.92rem;
    color: #0d2e67;
  }
  html #header-bottom.public #search_mobile .buscador button.btn-search {
    /*top: 0;*/
  }
  html #header-bottom.public #search_mobile {
    height: 130px;
    background: rgba(216, 216, 216, 0.34);
    padding: 14px 17px 12px 19px;
    position: relative;
    z-index: 0;
  }
  html #header-bottom.public #search_mobile .buscador {
    top: 64px;
    left: 19px;
    height: 48px;
    width: calc(100% - 36px);
    margin: 0;
  }
  html #header-bottom.public #search_mobile .buscador .btn-search {
    position: absolute;
    padding-left: 16px;
    outline: none !important;
    pointer-events: none;
  }
  html #header-bottom.public #search_mobile .buscador .btn-search .glyphicon.glyphicon-search {
    visibility: inherit;
    color: #203564;
    font-size: 1.17rem;
  }
  html #header-bottom.public #search_mobile .buscador .portlet-search {
    margin-left: 0;
    height: 48px;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    border: 1px solid rgba(104, 104, 104, 0.28);
  }
  html #header-bottom.public #search_mobile .buscador .portlet-search .form-group {
    height: 48px;
    width: 100%;
  }
  html #header-bottom.public #search_mobile .buscador .portlet-search input.search-input {
    height: 48px;
    width: 100%;
    padding: 16px 16px 12px 49px;
    font-size: 1rem;
  }
  html #header-bottom.public #search_mobile .buscador .portlet-search input.search-input:focus {
    text-decoration: none !important;
  }
  html #header-bottom.public #search_mobile .buscador .portlet-search input.search-input::placeholder {
    color: #ddd !important;
    padding-left: 0 !important;
  }
  html .dashboard-mobile-header.no-home {
    /*display: inline-flex;*/
    max-width: 85%;
    position: fixed;
    z-index: 6;
    right: 0;
  }
  html .dashboard-mobile-header.no-home .dashboard-menu_container {
    background: #002d63;
    width: 67px;
    height: 67px;
    border-radius: 0 0 0 100%;
    border: none;
    color: #fff;
  }
  html .dashboard-mobile-header.no-home .dashboard-menu_container a.icon-user {
    color: #fff;
    position: relative;
    top: 15px;
    right: -35px;
    font-size: 1.5rem;
  }
  html .dashboard-mobile-header.home {
    display: inline-flex;
    max-width: 85%;
  }
  html .dashboard-mobile-header.home .welcome-message {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #002d63;
    font-size: 1.6667rem;
    font-family: "PT Sans", sans-serif;
    padding: 25px 0 10px 40px;
  }
  html .dashboard-mobile-header.home .welcome-message .welcome-message_user-name:after {
    content: "      ";
    background: url("/o/cxov-theme/images/commons/hand.svg") center no-repeat;
  }
  html .dashboard-mobile-header.home .welcome-message .welcome-message_user-last-connection {
    opacity: 1;
    color: #414141;
    font-family: "PT Sans", sans-serif;
    font-size: 0.92rem;
  }
  html .dashboard-mobile-header.home .dashboard-menu {
    position: absolute;
    right: 0px;
  }
  html .dashboard-mobile-header.home .dashboard-menu .dashboard-menu_container {
    position: relative;
    background: #fff;
    width: 67px;
    height: 67px;
    border-radius: 0 0 0 100%;
    border: 1px solid #D6D6D6;
    border: none;
  }
  html .dashboard-mobile-header.home .dashboard-menu .dashboard-menu_container a.icon-user {
    color: #002d63;
    position: relative;
    top: 15px;
    right: -35px;
    font-size: 1.5rem;
  }
  html .profile-dialog .ov-modal-content .profile-header {
    display: flex;
  }
  html .profile-dialog .ov-modal-content .profile-header h2 {
    font-size: 1.6667rem;
    width: calc(100% - 15px);
    margin-top: 0;
  }
  html .profile-dialog .ov-modal-content .profile-header .close {
    width: auto;
    opacity: 1;
    font-size: 2.1667rem;
    font-weight: normal;
  }
  html .profile-dialog .ov-modal-content .menu-profile {
    color: #002d63;
    font-size: 1rem;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  html .profile-dialog .ov-modal-content .menu-profile .option a {
    padding: 12px 12px 12px 6px;
    display: grid;
    grid-template-columns: 30px auto;
    grid-gap: 10px;
    align-items: center;
    margin: 15px 0;
  }
  html .profile-dialog .ov-modal-content .menu-profile .option a .option-ico {
    vertical-align: middle;
  }
  html .profile-dialog .ov-modal-content .menu-profile .option a p {
    margin: 0;
  }
  html .profile-dialog .ov-modal-content .menu-profile .option a a {
    text-decoration: none;
    padding-left: 5px;
  }
  html .profile-dialog .ov-modal-content .menu-profile ul {
    list-style-image: none;
    list-style-type: none;
    padding: 0;
  }
  html .profile-dialog .ov-modal-content .menu-profile ul li:active {
    background: #D8D8D8;
  }
  html .profile-dialog .ov-modal-content .modal-footer .btn-close-session {
    padding: 15px;
    background-color: #DD3F0E;
    border-radius: 4px;
    position: relative;
  }
  html .profile-dialog .ov-modal-content .modal-footer .btn-close-session a {
    font-family: "PT Sans", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 0.92rem;
    font-weight: 700;
  }
  html .profile-dialog .ov-modal-content .modal-footer .btn-close-session .option-ico {
    margin-left: 14px;
  }
  html .contract-details-container .nav-stacked {
    padding: 10px 15px 0 15px !important;
  }
  html .contract-details-container .contract-data-container {
    display: flex;
    flex-direction: column;
  }
  html .contract-details-container .contract-data-container .cd-inputs {
    display: grid;
    grid-template-areas: "contract-number counter-number" "supply supply" "contract-alias contract-alias";
    gap: 37px 47px;
    margin-bottom: 40px;
  }
  html .contract-details-container .contract-data-container .cd-inputs label {
    color: #002d63;
  }
  html .contract-details-container .contract-data-container .cd-inputs .contract-number-group {
    grid-area: contract-number;
  }
  html .contract-details-container .contract-data-container .cd-inputs .counter-number-group {
    grid-area: counter-number;
  }
  html .contract-details-container .contract-data-container .cd-inputs .supply-group {
    grid-area: supply;
  }
  html .contract-details-container .contract-data-container .cd-inputs .contract-alias-group {
    grid-area: contract-alias;
  }
  html .contract-details-container .contract-data-container .input-group {
    display: flex;
    flex-direction: column;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons {
    display: grid;
    grid-template-areas: "remove-supply-button change-owner-button" ". save-changes-button";
    row-gap: 61px;
    align-items: center;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons .remove-supply-button {
    grid-area: remove-supply-button;
    grid-column: 1/span 2;
    color: #E91E0E;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons span.remove-supply-button {
    text-decoration: underline;
    text-underline-offset: 3.22px;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons .change-owner-button {
    grid-area: change-owner-button;
    justify-self: end;
    margin-right: 8px;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons .save-changes-button {
    grid-area: save-changes-button;
    justify-self: end;
  }
  html .contract-details-container .change-owner-container {
    display: flex;
    flex-direction: column;
  }
  html .contract-details-container .change-owner-container .co-fields {
    display: flex;
    flex-direction: column;
    gap: 39px 30px;
    justify-content: center;
    margin-bottom: 67px;
  }
  html .contract-details-container .change-owner-container .co-fields .lineal-group {
    display: flex;
  }
  html .contract-details-container .change-owner-container .co-fields .lineal-group.data-group {
    gap: 30px;
  }
  html .contract-details-container .change-owner-container .co-fields .lineal-group.phones-group {
    gap: 20px;
  }
  html .contract-details-container .change-owner-container .co-fields .co-identity {
    width: 25%;
    min-width: 115px;
  }
  html .contract-details-container .change-owner-container .co-fields .co-email {
    width: 75%;
  }
  html .contract-details-container .change-owner-container .co-fields .co-lang {
    width: 50%;
  }
  html .contract-details-container .change-owner-container .co-fields .co-mobile input,
  html .contract-details-container .change-owner-container .co-fields .co-phone input {
    width: 125px;
  }
  html .contract-details-container .change-owner-container .co-button {
    display: flex;
    justify-content: end;
  }
  html .contract-details-container .payment-data-container {
    display: flex;
    flex-direction: column;
  }
  html .contract-details-container .payment-data-container .pi-fields .payment-form-group {
    margin-bottom: 36px;
  }
  html .contract-details-container .payment-data-container .pi-fields .bank-account-group {
    margin-bottom: 44px;
  }
  html .contract-details-container .payment-data-container .pi-footer {
    display: flex;
    flex-direction: column;
  }
  html .contract-details-container .payment-data-container .pi-footer span {
    margin-bottom: 20px;
  }
  html .contract-details-container .payment-data-container .pi-footer .drops-button {
    margin-bottom: 78px;
    padding: 0;
  }
  html .contract-details-container .payment-data-container .pi-footer .drops-button:before {
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: center center;
    display: inline-block;
    background-size: 20px;
    background-image: url("/o/classic-theme/images/hidrogea/gota-blue.png");
  }
  html .contract-details-container .payment-data-container .pi-footer .modify-direct-debit {
    align-self: end;
  }
  html .ultimos-tramites .ov-container .lista-gestiones {
    padding: 0px 15px;
    margin-top: 2.5em;
  }
  html .ultimos-tramites .ov-container ul.listado-ov li.gestion {
    background-color: white;
    margin-bottom: 8px;
    border-radius: 4px;
  }
  html .ultimos-tramites .last-procedures-filters-container {
    margin-top: 24px;
  }
  html .ultimos-tramites .last-procedures-filters-container .procedure-filter-options {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
  }
  html .ultimos-tramites .last-procedures-filters-container .procedure-filter-options .filter-order-by {
    flex: auto;
  }
  html .ultimos-tramites .last-procedures-filters-container .filters-field-grid {
    display: grid;
    grid-template-areas: "contract-number contract-number" "procedure procedure" "start-date end-date";
    row-gap: 35px;
    column-gap: 42px;
    margin-bottom: 35px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px) and (max-width: 360px), screen and (orientation: landscape) and (max-device-height: 500px) and (max-width: 360px) {
  html .ultimos-tramites .last-procedures-filters-container .filters-field-grid {
    column-gap: 5px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ultimos-tramites .last-procedures-filters-container .filters-field-grid .contract-number-field-container {
    grid-area: contract-number;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ultimos-tramites .last-procedures-filters-container .filters-field-grid .reason-field-container {
    grid-area: procedure;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ultimos-tramites .last-procedures-filters-container .filters-field-grid .start-date-field-container {
    grid-area: start-date;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ultimos-tramites .last-procedures-filters-container .filters-field-grid .end-date-field-container {
    grid-area: end-date;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ultimos-tramites .last-procedures-filters-container .state-field-container {
    width: 60%;
    min-width: 200px;
  }
  html .ultimos-tramites .last-procedures-filters-container .state-field-container .state-group {
    display: flex;
    gap: 21px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-content {
    padding: 0 20px;
  }
  html .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-content .notification-icon {
    display: block;
    margin-left: 0 !important;
  }
  html .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-content .finder-form {
    display: flex;
    flex-direction: column;
    gap: 26.34px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .chat-container {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 200px);
    padding-bottom: 10px;
  }
  html .chat-container .chat-messages-list .chat-message:not(.chat-message-template) {
    width: calc(100% - 20px);
  }
  html .chat-container .chat-message-form .chat-file-list .chat-fileImage {
    width: 48%;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .stepper-container {
    width: 100%;
  }
  html .stepper-container .stepper-bar {
    display: grid;
    grid-template-columns: 73px auto auto;
    padding: 15px 31px 25px 32px;
    height: 90px;
    border-bottom: 1px solid #DDDDDD;
    background: #FFFFFF;
  }
  html .stepper-container .stepper-bar .search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 6px solid #149FCA;
    border-radius: 40px;
  }
  html .stepper-container .stepper-bar .search-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    color: #002d63 !important;
  }
  html .stepper-container .stepper-bar .search-icon span:before {
    width: inherit;
    height: inherit;
    color: #002d63 !important;
    font-size: 1.25rem;
  }
  html .stepper-container .stepper-bar .search-icon span::before {
    width: 100%;
    height: 100%;
  }
  html .stepper-container .stepper-bar .step-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
  }
  html .stepper-container .stepper-bar .arrow-button {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 8px;
  }
  html .stepper-container .stepper-bar .arrow-button span {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
  }
  html .stepper-container .stepper-bar .arrow-button span.rotate-img {
    transform: rotate(180deg);
  }
  html .stepper-container .progress-bar-container {
    width: 100%;
    height: 8px;
    background: #D6DAE3;
    border-radius: 6px;
  }
  html .stepper-container .progress-bar-container .progress-bar {
    height: 8px;
    background: #149FCA;
    border-radius: 6px;
  }
  html .stepper-container .stepper-pages-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 10;
  }
  html .stepper-container .stepper-pages-list li.page-step {
    display: grid;
    grid-template-columns: 24px auto;
    align-items: center;
    gap: 12px;
    height: 62px;
    padding-left: 48px;
    background-color: #FFFFFF;
    list-style: none;
    border-bottom: 1px solid #DDDDDD;
  }
  html .stepper-container .stepper-pages-list li.page-step.disabled span {
    color: #9fb4ca !important;
    text-decoration: none;
  }
  html .stepper-container .stepper-pages-list li.page-step span:first-child {
    height: 24px;
    width: 24px;
    color: #002d63 !important;
    justify-content: center;
  }
  html .stepper-container .stepper-pages-list li.page-step span:first-child:before {
    width: inherit;
    height: inherit;
    color: #002d63 !important;
    font-size: 1.25rem;
  }
  html .stepper-container .stepper-pages-list li.page-step span:last-child {
    width: max-content;
  }
  html .stepper-container .stepper-pages-list li.page-step span:last-child .step-item-title {
    width: auto;
  }
  html .stepper-container .stepper-pages-list li.page-step a, html .stepper-container .stepper-pages-list li.page-step span {
    display: flex;
    width: auto;
    color: #149FCA;
    gap: 12px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .autorizados-results .filter-buttons {
    margin-top: 39px;
    margin-bottom: 22px;
  }
  html .autorizados-results .filter-buttons .autorizados-filter-container .authorized-filter-label-mobile {
    width: 45%;
    margin: 0;
  }
  html .autorizados-results .filter-buttons .autorizados-filter-container .authorized-filter-label-desktop {
    display: none;
  }
  html .autorizados-results .filter-buttons .autorizados-filter-container .authorized-type-filter {
    font-size: 0.875rem;
  }
  html .autorizados-results .provisional-authorized-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
  }
  html .autorizados-results .provisional-authorized-container .add-authorized-button-group .authorized-info {
    font-size: 0.813rem;
    color: #002d63;
  }
  html .autorizados-results .provisional-authorized-container .autorizados-provisionales {
    padding: 15px 5px 15px 15px;
  }
  html .autorizados-results .provisional-authorized-container .autorizados-provisionales .autorizados_provisionales__options {
    flex-direction: column;
    width: 280px;
    gap: 20px;
  }
  html .autorizados-results .authorized-cards-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 22px;
  }
  html .autorizados-results .authorized-cards-container .grid-two-columns-flex {
    display: flex;
    justify-content: space-between;
    height: 35px;
  }
  html .autorizados-results .authorized-cards-container .grid-two-columns-flex > div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }
  html .autorizados-results .authorized-cards-container .grid-two-rows {
    display: flex;
    flex-direction: column;
    height: 35px;
  }
  html .autorizados-results .authorized-cards-container .grid-two-rows > div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }
  html .autorizados-results .authorized-info-dialog .modal-content {
    padding: 0;
  }
  html .autorizados-results .authorized-info-dialog .modal-content .ov-modal-header {
    padding: 26px 30px 23px;
  }
  html .autorizados-results .authorized-info-dialog .modal-content .ov-modal-body {
    height: 100%;
    margin-top: 0;
  }
  html .autorizados-results .authorized-info-dialog .modal-content .ov-modal-body .autorizados-textos-container {
    height: 100%;
    margin-top: 0;
  }
  html .autorizados-results .authorized-info-dialog .modal-content .ov-modal-body .autorizados-textos-container ul {
    height: 100%;
    padding: 60px 30px;
    line-height: 32px;
    border-top: 1px solid #DDDDDD;
  }
  html .autorizados-results .auth-edit-modal .ov-modal-content {
    background-color: #f5f5f5;
  }
  html .autorizados-results .auth-edit-modal .ov-modal-content .auth-footer-buttons {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
  }
  html .autorizados-results .disavow-dialog .ov-modal-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content {
    margin: 0 auto;
    width: 100%;
    height: auto;
    min-height: 100%;
    background-clip: unset;
    border: unset;
    border-radius: unset;
    display: inherit;
    outline: unset;
    overflow: unset;
    pointer-events: auto;
    position: unset;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content:not(:has(.disavow-process-request-content.active)) {
    background-color: #f5f5f5;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .ov-modal-header {
    flex-direction: column-reverse;
    padding: 26px 30px;
    margin: 0;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .ov-modal-body:has(.disavow-stepper-container:not(.hide)) {
    border-top: 1px solid #DDDDDD;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .ov-modal-body .content-modal-body {
    padding: 42px 30px 0;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .ov-modal-body .disavow-step-select-person-content .authorized-list-container {
    gap: 19px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .payment-document-container {
    margin-bottom: 135px;
  }
  html .payment-document-container .pd-mobile {
    margin-bottom: 130px !important;
  }
  html .payment-document-container .pd-mobile .pd-card-title {
    color: #002d63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.4167rem;
    font-weight: 700;
  }
  html .payment-document-container .pd-mobile .pd-card-desc {
    color: #002d63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
  }
  html .payment-document-container .pd-mobile .pd-card-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 0;
  }
  html .payment-document-container .pd-mobile .pd-card-header span {
    color: #3e3e3e;
    font-size: 1rem;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input label {
    position: relative;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0 13px;
    pointer-events: none;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input + label:before {
    content: "";
    display: inline-block;
    font-family: "fontawesome-alloy", sans-serif;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: transparent;
    border: 2px solid #DDDDDD;
    text-align: center;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input[type=radio] + label:before {
    border: 2px solid #DDDDDD;
    border-radius: 50%;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input[type=checkbox] + label:before {
    content: "\f096";
    color: #002d63;
    border: 0;
    font-weight: bold;
    font-size: 1.6667rem;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input:checked + label:before {
    display: contents;
    font-family: "fontawesome-alloy", sans-serif;
    font-size: 1.6667rem;
    color: #203564;
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input[type=radio]:checked + label:before {
    content: "\f058";
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input[type=checkbox]:checked + label:before {
    content: "\f14a";
  }
  html .payment-document-container .pd-mobile .pd-card-header .pd-card-input input[type=checkbox]:indeterminate + label:before {
    content: "\f146";
  }
  html .payment-document-container .pd-mobile .pd-card-address {
    padding: 0 20px 0 47px;
  }
  html .payment-document-container .pd-mobile .pd-card-address .pd-card-address-icon {
    display: flex;
    align-items: center;
  }
  html .payment-document-container .pd-mobile .pd-card-address .pd-card-address-icon:before {
    content: "\f041";
    color: rgba(0, 52, 117, 0.53);
    display: inline-flex;
    font-family: "fontawesome-alloy", sans-serif;
    font-size: 1.5rem;
    padding: 0 5px;
  }
  html .payment-document-container .pd-mobile .pd-card-address p {
    padding: 10px 0 0 24px;
  }
  html .payment-document-container .pd-mobile .pd-selectAll-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  html .payment-document-container .pd-mobile .pd-selectAll-container .pd-selectAll-desc {
    color: #002d63 !important;
    text-transform: capitalize;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
  }
  html .payment-document-container .pd-mobile .pd-card-createDate, html .payment-document-container .pd-mobile .pd-card-period {
    display: flex;
    gap: 5px;
    padding: 0 0 0 55px;
  }
  html .payment-document-container .pd-mobile .pd-card-amount {
    display: flex;
    justify-content: flex-end;
    color: #3e3e3e;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.17rem;
    font-weight: 700;
  }
  html .payment-document-container .pd-mobile .pd-mobile-actions-container {
    position: fixed;
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px;
    bottom: 63px;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    z-index: 10;
  }
  html .payment-document-container .pd-mobile .pd-mobile-actions-container .pd-total-amount-container {
    display: flex;
  }
  html .payment-document-container .pd-mobile .pd-mobile-actions-container .pd-total-amount-container .pd-total-amount {
    color: #3e3e3e;
    font-family: "PTSans-Bold", sans-serif;
    font-weight: bold;
    font-size: 1.17rem;
    text-transform: uppercase;
    margin: 0;
  }
  html .payment-document-container .pd-mobile .justify-between {
    justify-content: space-between !important;
  }
  html .payment-document-container .modal-dialog .ov-modal-body {
    display: flex;
    flex-direction: column;
    padding: 50px 30px;
  }
  html .payment-document-container .modal-dialog .ov-modal-body img {
    width: 50%;
    margin: 0 auto;
  }
  html .payment-document-container .modal-dialog .ov-modal-body h1 {
    font-size: 1.3333rem;
  }
  html .payment-document-container .modal-dialog .ov-modal-body h3 {
    opacity: 1;
    color: rgb(62, 62, 62);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.57px;
    line-height: 26px;
  }
  html .payment-document-container .modal-dialog .footer-buttons {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 20px 30px 20px 30px;
    border-top: 2px solid #F5F5F5;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .pd-empty-desc {
    color: #5B5B5B;
    font-family: "PTSans-Regular", sans-serif !important;
    font-weight: 100;
    font-size: 1.17rem;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .hidrogea-web-map.container {
    padding: 30px 15px 30px 15px;
  }
  html .hidrogea-web-map .map-title {
    margin-top: 51px;
    margin-bottom: 31px;
    font-family: "PTSans-Bold", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 22.5867px;
  }
  html .hidrogea-web-map .list-child-menu ul li {
    margin-bottom: 15px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html #footer #footer-bottom .links-footer {
    padding-top: 28px;
    text-align: inherit;
  }
  html #footer #footer-bottom .links-footer .row {
    display: inherit;
    text-align: center;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html #footer-bottom .links-footer .rrss {
    padding-bottom: 20px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .tramite--duplicado-factura {
    background-color: #F5F5F5;
    min-height: 550px;
    padding-bottom: 20px;
  }
  html .tramite--duplicado-factura .tramite-header.header-duplicado-factura {
    background-color: #fff !important;
  }
  html .tramite--duplicado-factura .tramite-header.header-duplicado-factura .container.tramite-container h1.ov, html .tramite--duplicado-factura .tramite-header.header-duplicado-factura .container.tramite-container .ql-container h1.ql-editor:before, .ql-container html .tramite--duplicado-factura .tramite-header.header-duplicado-factura .container.tramite-container h1.ql-editor:before {
    padding-bottom: 0;
  }
  html .tramite--duplicado-factura .facturas-result {
    margin-bottom: 18px;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .empty-state {
    background-image: url(/o/cxov-theme/images/commons/empty_state_duplicado_factura.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-position-y: 0;
    height: 100%;
    margin-top: 0;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .empty-state .title {
    margin-top: 150px;
    text-align: center;
    color: #5b5b5b;
    padding: 50px 5px;
    font-size: 1.17rem;
    height: 100%;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .empty-state .title .text-empty-state {
    text-align: center;
    margin-top: 13px;
    color: #5B5B5B;
    font-size: 1.17rem;
    font-family: "PTSans-Regular", sans-serif;
    font-weight: 400;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .component-list-header.margin-container {
    margin: 0px 15px 30px 0;
    padding: 0;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-filter-container {
    display: grid;
    grid-template-areas: "duplicate-invoice-filter-list-title notifications-filter-search-container";
    grid-template-columns: auto fit-content(135px);
    font-size: 0.92rem;
    font-weight: bold;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-filter-container .duplicate-invoice-filter-list-title {
    grid-area: duplicate-invoice-filter-list-title;
    opacity: 1;
    color: #002d63;
    margin: 35px 0 0 0;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-filter-container .duplicate-invoice-filter-list-title .component-list-title-duplicate-invoice {
    font-size: 0.92rem;
    font-weight: bold;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-filter-container .notifications-filter-search-container {
    grid-area: notifications-filter-search-container;
    opacity: 1;
    color: #013871;
    /*text-decoration: underline;*/
    text-align: end;
    font-family: "PTSans-Regular", sans-serif;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-filter-container .notifications-filter-search-container a {
    font-weight: bold;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-card {
    display: grid;
    grid-template-areas: "icon data amount" "icon period amount" "download download download";
    grid-template-columns: 35px auto 125px;
    /*gap: 11px;*/
    padding: 20px 10px;
    font-size: 1.17rem;
    font-weight: bold;
    margin: 8px 0;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-card .duplicate-invoice-icon {
    grid-area: icon;
    color: #003475;
    margin-top: -3px;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-card .duplicate-invoice-data {
    grid-area: data;
    color: #3E3E3E;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-card .duplicate-invoice-amount {
    grid-area: amount;
    text-align: right;
    color: #0E103E;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-card .duplicate-invoice-period {
    grid-area: period;
    color: #3E3E3E;
    font-weight: normal;
    font-size: 0.75rem;
  }
  html .tramite--duplicado-factura .duplicado-facturas-mobile .duplicate-invoice-card .duplicate-invoice-download {
    grid-area: download;
    color: #013871;
    font-size: 0.92rem;
    text-decoration: underline;
    text-align: right;
    margin-top: 28px;
    padding-top: 10px;
    border-top: solid 1px #D9D9D9;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .change-bankaccount-container .tramite-header {
    display: flex;
    background-color: #FFFFFF !important;
    margin: 0 !important;
    padding-left: 40px !important;
    border-bottom: 1px solid #D6DAE3;
  }
  html .change-bankaccount-container .tramite-header .title-section {
    border-bottom: none !important;
  }
  html .change-bankaccount-container .tramite-header .title-section h1 {
    margin: 0;
  }
  html .change-bankaccount-container .cba-mobile-container input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #002d63;
  }
  html .change-bankaccount-container .cba-mobile-container .stepper-container .stepper-bar .search-icon {
    padding: 6px;
  }
  html .change-bankaccount-container .cba-mobile-container .stepper-container .stepper-bar .search-icon .font-awesome-base:before {
    padding: 3px;
  }
  html .change-bankaccount-container .cba-mobile-container .stepper-container .stepper-pages-list .page-step:first-child {
    padding-left: 46px;
  }
  html .change-bankaccount-container .cba-mobile-container .cba-select-contract-container {
    padding: 19px 34px 60px;
    margin-bottom: 132px;
  }
  html .change-bankaccount-container .cba-mobile-container .cba-select-contract-container .select-all-contract-container .select-all-contract-label {
    display: block;
    margin-left: 10px;
    margin-bottom: 25px;
  }
  html .change-bankaccount-container .cba-mobile-container .cba-select-contract-container .select-all-contract-container .select-all-contracts-group {
    display: flex;
    margin-left: 15px;
    margin-bottom: 15px;
    gap: 10px;
  }
  html .change-bankaccount-container .cba-mobile-container .footer-continue-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 70px;
    position: fixed;
    bottom: 63px;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
  }
  html .change-bankaccount-container .cba-mobile-container .footer-continue-button .cba-continue {
    margin-right: 30px;
  }
  html .change-bankaccount-container .step-2 {
    margin-top: 37px !important;
    padding: 0 30px !important;
    margin-bottom: 132px;
  }
  html .change-bankaccount-container .step-2 .form-data--localizacion-uso label.icon-ov-user-circle-blue-small:before {
    top: 59px;
    left: 20px;
  }
  html .change-bankaccount-container .step-2 .form-data--localizacion-uso input.select-authorized {
    border: 2px solid #002D63 !important;
    padding-left: 56px;
  }
  html .change-bankaccount-container .step-2 .footer-container .cba-separator,
  html .change-bankaccount-container .step-2 .footer-container .cba-required-info {
    display: none;
  }
  html .change-bankaccount-container .step-2 .footer-container .footer-continue-button {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 30px 0 39px;
    z-index: 9;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header {
    padding: 10px 14px 0 16px;
    margin-bottom: 28px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header .cab-subtitle {
    margin-top: 59px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header .subtitle {
    margin-top: 29px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header .subtitle .text-authorized {
    padding: 0 5px 0 0;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header .subtitle .text-authorized .subtitle-1 {
    padding-right: 3px;
    margin-bottom: 3px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header .subtitle .text-authorized .subtitle-2 {
    padding-right: 3px;
    margin-bottom: 0;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-header .filter-authorized {
    display: none;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-content {
    background-color: #F5F5F5;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-content .content-modal-body .listado-autorizados {
    gap: 23px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .modal-content .content-modal-body .listado-autorizados .select-list-element {
    background-color: #FFFFFF;
    gap: 26px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .footer-continue-button {
    justify-content: space-between;
    bottom: 0;
    padding: 0 25px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .footer-continue-button .add-authorized-button {
    background: #DDE4EB;
    border: #DDE4EB;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .footer-continue-button .cba-authorized-accept {
    min-width: 117px;
  }
  html .change-bankaccount-container .step-4-container {
    margin-top: 93px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  html .change-bankaccount-container .step-4-container p.title, html .change-bankaccount-container .step-4-container p.help {
    font-size: 1rem;
  }
  html .change-bankaccount-container .step-4-container p.help {
    font-size: 1rem;
    margin-top: 40px;
  }
  html .change-bankaccount-container .step-4-container div.btn-final {
    margin-top: 40px;
  }
  html .change-bankaccount-container .step-3-container {
    margin: 33px 30px 90px;
    margin-bottom: 132px;
  }
  html .change-bankaccount-container .step-3-container .contracts-list h2 {
    margin-bottom: 20px;
  }
  html .change-bankaccount-container .step-3-container .cba-new-bank-account-data {
    display: flex !important;
    flex-direction: column;
    row-gap: 33px;
    margin-top: 20px;
  }
  html .change-bankaccount-container .step-3-container .cba-new-bank-account-data .ov-title-bold {
    margin-bottom: 0;
  }
  html .change-bankaccount-container .step-3-container .cba-new-bank-account-data > div {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
  }
  html .change-bankaccount-container .step-3-container .cba-new-bank-account-data .cba-movil-group {
    margin-bottom: 30px;
  }
  html .change-bankaccount-container .step-3-container .legal-notice-container {
    display: flex;
    border-top: 1px solid #DDDDDD;
    gap: 10px;
    padding: 15px 0;
  }
  html .change-bankaccount-container .step-3-container .legal-notice-container .checkbox-deco {
    width: 30px;
    height: 30px;
  }
  html .change-bankaccount-container .step-3-container .footer-continue-button {
    justify-content: space-between;
    padding: 0 30px 0 39px;
  }
  html .change-bankaccount-container .contracts-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  html .change-bankaccount-container .contracts-list:not(.no-checks) .ov-card {
    grid-template-columns: 20px auto;
    gap: 10px;
    padding: 18px 15px 35px;
  }
  html .change-bankaccount-container .contracts-list:not(.no-checks) .ov-card .cba-supply-group {
    display: grid;
    grid-column: 2/2;
    grid-template-columns: 20px auto;
  }
  html .change-bankaccount-container .contracts-list:not(.no-checks) .ov-card .cba-supply-group .cba-address {
    grid-column: 2/2;
  }
  html .change-bankaccount-container .contracts-list:not(.no-checks) .ov-card .cba-supply-group {
    gap: 3px;
  }
  html .change-bankaccount-container .contracts-list.no-checks .ov-card {
    gap: 16px;
    padding: 21px 25px 21px;
  }
  html .change-bankaccount-container .contracts-list.no-checks .ov-card .cba-supply-group {
    display: flex;
    flex-wrap: wrap;
  }
  html .change-bankaccount-container .contracts-list.no-checks .ov-card .cba-supply-group .icon-map-marker {
    width: 20px;
  }
  html .change-bankaccount-container .contracts-list.no-checks .ov-card .cba-supply-group .supply-label {
    width: calc(100% - 20px - 3px);
  }
  html .change-bankaccount-container .contracts-list.no-checks .ov-card .cba-supply-group {
    gap: 15px 3px;
  }
  html .change-bankaccount-container .contracts-list .ov-card {
    display: grid;
    align-items: start;
  }
  html .change-bankaccount-container .contracts-list .ov-card label {
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
    margin: 0;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .web-notifications-filter-options {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
  }
  html .web-notifications-container .web-notifications-filters-container .web-notifications-filter-options .filter-order-by {
    flex: auto;
  }
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid {
    grid-template-areas: "contract-number contract-number" "subject subject" "start-date end-date" !important;
  }
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid .identity-number-field-container {
    display: none;
  }
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid {
    display: grid;
    grid-template-areas: "contract-number contract-number" "identity-number identity-number" "subject subject" "start-date end-date";
    row-gap: 35px;
    column-gap: 42px;
    margin-bottom: 35px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px) and (max-width: 360px), screen and (orientation: landscape) and (max-device-height: 500px) and (max-width: 360px) {
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid {
    column-gap: 5px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid .contract-number-field-container {
    grid-area: contract-number;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid .identity-number-field-container {
    grid-area: identity-number;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid .subject-field-container {
    grid-area: subject;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid .start-date-field-container {
    grid-area: start-date;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .filters-field-grid .end-date-field-container {
    grid-area: end-date;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notifications-filters-container .state-field-container {
    width: 60%;
    min-width: 200px;
  }
  html .web-notifications-container .web-notifications-filters-container .state-field-container .state-group {
    display: flex;
    gap: 21px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notification-email-label, html .web-notifications-container .web-notification-contractId-label {
    min-width: 80px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notification-email, html .web-notifications-container .web-notification-contractId {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .web-notifications-container .web-notification-date {
    font-family: "PT Sans", sans-serif;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    min-width: fit-content;
  }
  html .web-notifications-container .web-notification-date:before {
    font-family: "fontawesome-alloy", sans-serif;
    font-size: 1rem;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .paymentonline-result .activacion {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 20px;
  }
  html .paymentonline-result .activacion .title {
    order: 1;
  }
  html .paymentonline-result .activacion p.ov, html .paymentonline-result .activacion .ql-container p.ql-editor:before, .ql-container html .paymentonline-result .activacion p.ql-editor:before,
  html .paymentonline-result .activacion .ql-container .ql-editor p,
  .ql-container .ql-editor html .paymentonline-result .activacion p {
    order: 2;
  }
  html .paymentonline-result .activacion .email {
    order: 3;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .paymentonline-container .select-payment-modal .ov-modal-content {
    background-color: #f5f5f5;
    padding: 26px 30px;
  }
  html .paymentonline-container .select-payment-modal .ov-modal-content h2 {
    font-size: 1.6667rem;
  }
  html .paymentonline-container .select-payment-modal .ov-modal-content .select-payment-group.form-group-ov {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
  html .paymentonline-container .select-payment-modal .ov-modal-content .select-payment-group.form-group-ov .type-payment-card.ov-card {
    max-width: 185px;
    padding: 18px 10px 10px;
  }
  html .paymentonline-container .select-payment-modal .ov-modal-content .select-payment-footer-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .selec-contrato .selector-container .modal.show .modal-dialog .selector-modal-body {
    border-top: none;
  }
  html .selec-contrato .selector-container .modal.show .modal-dialog .selector-modal-body .content-modal-body {
    padding: 15px 0 0 0;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .ratings-portlet-mobile {
    display: grid;
    grid-template-areas: "ratings-portlet-title" "ratings-portlet-rating-first-container" "ratings-portlet-rating-second-container" "ratings-portlet-rating-third-container";
    background: #FFFFFF;
    padding: 30px 10px !important;
    margin: 25px 15px !important;
    border: 1px solid rgba(151, 151, 151, 0.3490196078);
    border-radius: 8px;
    max-width: 500px;
  }
  html .ratings-portlet-mobile .ratings-portlet-title {
    grid-area: ratings-portlet-title;
    color: #002D63;
    font-size: 1.17rem;
    padding: 0 0 25px 0;
    margin: 0;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container {
    grid-area: ratings-portlet-rating-first-container;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container {
    grid-area: ratings-portlet-rating-second-container;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container {
    grid-area: ratings-portlet-rating-third-container;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container {
    padding: 20px 0;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-title,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-title,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-title {
    color: #002D63;
    font-size: 0.75rem;
    margin: 0 0 15px 5px;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label {
    margin: 5px 17px -20px 17px;
    text-align: justify;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label:after,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label:after,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: transparent;
    outline: none;
    padding: 0;
    margin: 0 15px;
    z-index: 5;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    top: -6px;
    right: 15px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    overflow: visible;
    cursor: pointer;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb {
    visibility: hidden;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus {
    outline: none !important;
    text-decoration: inherit !important;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-bg,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-bg,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-bg {
    display: flex;
    border-radius: 10px;
    width: calc(100% - 30px);
    height: 10px;
    position: absolute;
    top: 24px;
    left: 15px;
    z-index: 4;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator {
    display: block;
    height: 5px;
    position: relative;
    top: -15px;
    margin: 0 16px;
    color: #002d63;
    font-size: 1rem;
    text-align: justify;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before {
    content: "";
    border-bottom: 1px solid rgba(0, 45, 99, 0.2);
    width: calc(100% - 5px);
    display: flex;
    position: relative;
    top: 12px;
    left: 2px;
  }
  html .ratings-portlet-mobile .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after,
  html .ratings-portlet-mobile .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after,
  html .ratings-portlet-mobile .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  html .ratings-portlet-mobile .ratings-form-actions {
    display: flex;
    justify-content: flex-end;
    padding: 15px 15px 0 0;
  }
  html .ratings-portlet-mobile .ratings-form-actions button {
    padding: 10px 40px;
  }
  html .ratings-portlet-mobile .ratings-thank-you {
    color: #002D63;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.25rem;
    margin: 0 auto;
  }
  html .ratings-portlet-mobile .ratings-portlet-thumb-love::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_love.svg") center no-repeat;
    transform: scale(0.75);
  }
  html .ratings-portlet-mobile .ratings-portlet-thumb-happy::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_happy.svg") center no-repeat;
    transform: scale(0.75);
  }
  html .ratings-portlet-mobile .ratings-portlet-thumb-neutral::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_neutral.svg") center no-repeat;
    transform: scale(0.75);
  }
  html .ratings-portlet-mobile .ratings-portlet-thumb-unhappy::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_unhappy.svg") center no-repeat;
    transform: scale(0.75);
  }
  html .ratings-portlet-mobile .ratings-portlet-thumb-hate::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_hate.svg") center no-repeat;
    transform: scale(0.75);
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .tramite--datospersonales .tramite-header,
  html .tramite--datospersonales .tramite-body {
    padding: 20px !important;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .tramite--cambio-titular.section--request-data .co-footer-buttons-mobile .co-cancel-button {
    visibility: hidden;
  }
  html .tramite--cambio-titular .form-group-ov {
    margin-bottom: 20px !important;
  }
  html .tramite--cambio-titular .tramite-header {
    background-color: #FFFFFF !important;
    padding: 1.5em 0 0 !important;
    margin-bottom: 37px !important;
  }
  html .tramite--cambio-titular .tramite-body > form {
    margin-bottom: 220px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--datos-contrato .row--subtitle .tramite-subtitle-description {
    font-weight: 700;
  }
  html .tramite--cambio-titular .tramite-body .form-data--datos-contrato .ov-form-field {
    margin-bottom: 15px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .row--subtitle .tramite-subtitle-description {
    display: none;
  }
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .row--subtitle .tramite-subtitle-description-mobile {
    font-weight: 700;
  }
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight {
    display: none;
  }
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .form-group {
    margin-bottom: 41px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-estimate-reading-mobile .er-title {
    margin-top: 7px;
    margin-bottom: 17px;
    text-align: left;
  }
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-estimate-reading-mobile .estimate-reading-selector {
    display: grid;
    grid-template-columns: 50px auto 50px;
    gap: 10px;
    align-items: center;
    padding: 30px 20px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--nuevo-titular .row--petitioner-type label {
    margin-bottom: 43px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--nuevo-titular .row--petitioner-type .b_owner {
    margin-bottom: 28px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification input[type=checkbox] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    accent-color: #415D9A;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .fields-group {
    margin-top: 0 !important;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .field-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .field-container label {
    margin-bottom: 11px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .field-container p {
    margin-bottom: 0;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .row-subtitle-between {
    margin: 30px 0;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .verification-info h2.documentation-info {
    display: none;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner {
    display: grid;
    grid-template-areas: "image-banner banner-claim" "banner-options banner-options";
    align-items: flex-start;
    column-gap: 15px;
    background-color: #FFFFFF;
    padding: 13px 11px 24px;
    border: 2px solid #DBDBDB;
    border-radius: 4px;
    color: #002d63;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .ct-banner-header {
    display: flex;
    flex-direction: row;
    gap: 18px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .ct-banner-header .image-banner {
    grid-area: image-banner;
    margin-bottom: 16px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .ct-banner-header .image-banner img {
    min-width: 56px;
    height: 56px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim {
    grid-area: banner-claim;
    display: flex;
    flex-direction: column;
    width: auto;
    text-align: center;
    gap: 5px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .title {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .description {
    font-family: "PT Sans", sans-serif !important;
    font-size: 0.875rem;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .banner-options {
    grid-area: banner-options;
    display: flex;
    flex-direction: column-reverse;
    margin-left: 30px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .banner-options .banner-checks {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 18px;
    width: 100%;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .banner-options .banner-checks label {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    margin-top: 2px;
    padding-right: 0;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .banner-options .banner-checks label.option-negative {
    margin-bottom: 0;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .verification .ct-banner-container .ct-banner .banner-options .banner-checks label.option-positive {
    margin-bottom: 36px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile {
    display: inline-block;
    margin-top: 14px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile .legal-text {
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
    font-size: 0.875rem;
    margin-bottom: 27px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile .legal-text label {
    margin-bottom: 0;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile .legal-text label a {
    font-size: 0.875rem;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile .ov-form-separator {
    display: none;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile .label-before-checkbox {
    padding-right: 0;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .co-footer-buttons-mobile .grpd-text {
    margin-top: 27px;
  }
  html .tramite--cambio-titular .tramite-body .form-data--verification .button-container-desktop {
    display: none;
  }
  html .tramite--cambio-titular .tramite-body.step--activation {
    margin-bottom: 0;
  }
  html .tramite--cambio-titular .tramite-body.step--activation .activation-container .activation-title {
    margin-top: 13px;
    margin-bottom: 8px;
    font-size: 1.125rem;
    color: #002d63;
    font-weight: 700;
  }
  html .tramite--cambio-titular .tramite-body.step--activation .activation-container .activation-description {
    margin-bottom: 20px;
  }
  html .tramite--cambio-titular .tramite-body.step--activation .activation-container .email {
    margin-top: 0;
  }
  html .tramite--cambio-titular .tramite-body.step--activation .activation-container .email img {
    width: 159px;
    height: 139px;
  }
  html .tramite--cambio-titular .ov-ct-card {
    padding: 27px 0 35px 25px;
    display: grid;
    align-items: center;
    grid-template-columns: 75% 10%;
    grid-gap: 20px;
    height: 96px;
  }
  html .tramite--cambio-titular .new-owner-card {
    margin-bottom: 30px;
  }
  html .tramite--cambio-titular .ct-modal-common {
    overflow: scroll;
    background-color: #f5f5f5;
  }
  html .tramite--cambio-titular .ct-modal-common .ov-modal-body {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  html .tramite--cambio-titular .ct-modal-common .ov-modal-body .ct-modal-subtitle {
    margin-bottom: 48px;
  }
  html .tramite--cambio-titular .ct-modal-common .ov-modal-body .mandatory-fields-text {
    border-top: 1px solid #E0E0E0;
    padding-top: 26px;
  }
  html .tramite--cambio-titular .new-owner-dialog .ov-modal-body .new-owner-fullname-group {
    margin-bottom: 51px;
  }
  html .tramite--cambio-titular .new-owner-dialog .ov-modal-body .new-owner-document-group {
    margin-bottom: 60px;
  }
  html .tramite--cambio-titular .ct-applicant-modal .ov-modal-body .applicant-subtitle {
    margin-bottom: 48px;
  }
  html .tramite--cambio-titular .ct-applicant-modal .ov-modal-body .applicant-fullname-group {
    margin-bottom: 55px;
  }
  html .tramite--cambio-titular .ct-applicant-modal .ov-modal-body .applicant-document-group {
    margin-bottom: 40px;
  }
  html .tramite--cambio-titular .ct-applicant-modal .ov-modal-body .applicant-email-group {
    margin-bottom: 58px;
  }
  html .tramite--cambio-titular .ct-applicant-modal .ov-modal-body .applicant-phone-group {
    margin-bottom: 54px;
  }
  html .tramite--cambio-titular .icon-ok-sign::before {
    color: #6D8F00;
    font-size: 1.5833rem;
  }
  html .tramite--cambio-titular .btn-tramite-container {
    position: fixed;
    background: #FFF;
    width: 100%;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -25px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    z-index: 5;
  }
  html .tramite--cambio-titular .btn-tramite-private {
    bottom: 64px;
  }
  html .tramite--cambio-titular .btn-tramite-public {
    bottom: 0;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .tramite-header .title-section,
  html .tramite-container {
    padding: 0 25px !important;
  }
  html .tramite-header .title-section form.ov-form label,
  html .tramite-container form.ov-form label {
    font-weight: 700 !important;
  }
  html .tramite-header .title-section .building_relation,
  html .tramite-container .building_relation {
    background: #FFFFFF;
    font-size: 1.17rem;
    padding: 15px;
    border: 2px solid #DBDBDB;
    border-radius: 5px;
    cursor: pointer;
  }
  html .tramite-header .title-section .building_relation:before,
  html .tramite-container .building_relation:before {
    content: "";
    display: flex;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #eaf0db;
    padding: 25px;
    margin-right: 30px;
  }
  html .tramite-header .title-section .building_relation_input,
  html .tramite-container .building_relation_input {
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html .tramite-header .title-section .b_owner:before,
  html .tramite-container .b_owner:before {
    background-image: url(/o/classic-theme/images/tramites/change_owner/icon_propietario.svg);
  }
  html .tramite-header .title-section .b_rented:before,
  html .tramite-container .b_rented:before {
    background-image: url(/o/classic-theme/images/tramites/change_owner/icon_alquilado.svg);
  }
  html .tramite-header .title-section .b_selected,
  html .tramite-container .b_selected {
    border: 2px solid #002d63 !important;
  }
  html .tramite-header .title-section .b_selected:after,
  html .tramite-container .b_selected:after {
    content: "\f00c";
    font-family: "fontawesome-alloy", sans-serif;
    position: absolute;
    right: 25px;
    padding: 5px;
    margin: 10px;
    color: #FFFFFF;
    background-color: #203564;
    border-radius: 50%;
  }
  html .tramite-header .title-section .co-footer-buttons-desktop,
  html .tramite-container .co-footer-buttons-desktop {
    display: none;
  }
  html .tramite-header .title-section div#download-template-dialog .ov-modal-content,
  html .tramite-container div#download-template-dialog .ov-modal-content {
    padding: 0;
  }
  html .tramite-header .title-section div#download-template-dialog .ov-modal-content iframe#content-download-template,
  html .tramite-container div#download-template-dialog .ov-modal-content iframe#content-download-template {
    width: 100vw;
    height: calc(100vh - 35px);
    border: none;
  }
  html .tramite-header .title-section div#download-template-dialog .ov-modal-content .ov-modal-body,
  html .tramite-container div#download-template-dialog .ov-modal-content .ov-modal-body {
    margin-top: 0;
    padding: 0;
  }
  html .tramite-header .title-section div#download-template-dialog .ov-modal-content .ov-modal-header,
  html .tramite-container div#download-template-dialog .ov-modal-content .ov-modal-header {
    position: absolute;
    justify-content: space-between;
    width: 100%;
  }
  html .tramite-header .title-section div#download-template-dialog .ov-modal-content .ov-modal-header .close,
  html .tramite-container div#download-template-dialog .ov-modal-content .ov-modal-header .close {
    margin-left: auto;
    padding-right: 25px;
  }
  html .tramite-header .title-section .ov-link-download-template,
  html .tramite-container .ov-link-download-template {
    margin-top: 7px;
  }
  html .tramite-header .title-section .ov-link-download-template .ov-link.ov-link-download,
  html .tramite-container .ov-link-download-template .ov-link.ov-link-download {
    float: none;
    font-weight: bold;
  }
  html .tramite-header .title-section .ov-link-download-template .ov-link.ov-link-download img,
  html .tramite-container .ov-link-download-template .ov-link.ov-link-download img {
    margin-bottom: 0;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .tramite--alta-suministro .tramite-header .title-section,
  html .tramite--alta-suministro .tramite-container {
    padding: 0 25px !important;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .register-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  html .register-container .info-column {
    padding-top: 45px;
    width: 100%;
    padding-bottom: 68px;
  }
  html .register-container .register-column {
    width: 100%;
  }
  html .register-container .register-column .stepper-container .icon-thumbs-up::before {
    transform: translate(0%, 12%);
  }
  html .register-container .register-column .register-selector-container {
    padding: 30px 25px 0;
    margin-bottom: 40px;
  }
  html .register-container .register-column .register-selector-container .register-options-container {
    gap: 32px;
  }
  html .register-container .register-column .register-selector-container .submit-button {
    margin-top: 64px;
  }
  html .register-container .register-column .register-step-container {
    padding: 30px 25px 0;
    margin-bottom: 40px;
  }
  html .register-container .register-column .register-step-container .register-options-container {
    gap: 32px;
  }
  html .register-container .register-column .register-title {
    text-align: left;
    margin-bottom: 18px;
  }
  html .register-container .register-column .register-description {
    display: block;
    text-align: left;
    margin-bottom: 44px;
  }
  html .register-container .register-footer-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 15px 25px;
    border-top: 1px solid #DDDDDD;
    background-color: #FFF;
    z-index: 1;
    justify-content: end;
    display: flex;
  }
  html .register-container .register-footer-buttons .submit-button {
    width: fit-content !important;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .tramite--contacta .mobile-doc .drop_zone {
    border: 2px dashed rgba(20, 159, 202, 0.4);
    background: #FFFFFF;
  }
  html .tramite--contacta .mobile-doc .drop_zone .fileList {
    margin: 0;
  }
  html .tramite--contacta .mobile-doc .fileImage {
    display: grid;
    grid-template-areas: "document name delete" "document size delete";
    grid-template-columns: 2fr 7fr 1fr;
    gap: 0 5px;
    min-height: 70px;
    align-items: center;
    background: #FFFFFF;
    border-radius: 10px;
    margin: 25px 0;
    padding: 15px;
  }
  html .tramite--contacta .mobile-doc .fileImage .file-type-icon.new {
    background-image: url("../images/tramites/common/documents_file.svg");
  }
  html .tramite--contacta .mobile-doc .fileImage .thumbnail {
    border-radius: 8px;
    object-fit: cover;
    width: 40px;
    height: 40px;
  }
  html .tramite--contacta .mobile-doc .fileImage .size {
    grid-area: size;
    color: #C8C8C8;
    font-family: "PT Sans", sans-serif;
  }
  html .tramite--contacta .mobile-doc .fileImage .document {
    grid-area: document;
    max-width: 50px;
    max-height: 50px;
    background-color: transparent;
  }
  html .tramite--contacta .mobile-doc .fileImage img {
    grid-area: document;
    width: 40px;
    height: 40px;
    background: transparent;
  }
  html .tramite--contacta .mobile-doc .fileImage .name {
    max-width: fit-content;
    font-family: "PT Sans", sans-serif;
    color: #002d63;
    font-size: 0.92rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  html .tramite--contacta .mobile-doc .fileImage .upload-progress {
    grid-area: upload-progress;
    max-width: 90%;
  }
  html .tramite--contacta .mobile-doc .fileImage .delete {
    grid-area: delete;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-image: url(/o/classic-theme/images/tramites/common/documents_delete.svg);
    background-position: center;
    background-repeat: no-repeat;
  }
  html .tramite--contacta .mobile-doc .dragdrop.wrong {
    margin-bottom: 0px;
    overflow: hidden;
    background: #fcedee;
    border-left: 4px solid #d0021b;
    opacity: 0;
  }
  html .tramite--contacta .mobile-doc .dragdrop.wrong.show {
    animation: changeOpacity 8s ease-in-out;
  }
  @keyframes changeOpacity {
    0% {
      opacity: 0;
      max-height: 0;
      margin-bottom: 0;
    }
    10% {
      opacity: 1;
      max-height: 200px;
      margin-bottom: 20px;
    }
    20% {
      opacity: 1;
      margin-bottom: 20px;
    }
    40% {
      opacity: 1;
      margin-bottom: 20px;
    }
    60% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    90% {
      opacity: 0;
      max-height: 0;
    }
    100% {
      opacity: 0;
      max-height: 0;
      margin-bottom: 0;
    }
  }
  html .tramite--contacta .mobile-doc .empty-doc {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 30px;
    padding: 10px;
  }
  html .tramite--contacta .mobile-doc .empty-doc img {
    max-width: 80px;
  }
  html .tramite--contacta .mobile-doc .empty-doc p {
    max-width: 80%;
    color: #5B5B5B;
    font-family: "PT Sans", sans-serif;
    font-size: 1rem;
  }
  html .tramite--contacta .documents-area {
    display: grid;
    grid-template-areas: "document-group document-names document-trash" "document-group document-size document-trash";
    grid-template-columns: 42px auto 20px;
    gap: 0 10px;
    align-items: center;
  }
  html .tramite--contacta .documents-area .document-group {
    grid-area: document-group;
    width: auto;
    height: 40px;
    background-image: url(/o/classic-theme/images/tramites/common/documents_group.svg);
    background-position: center;
    background-repeat: no-repeat;
  }
  html .tramite--contacta .documents-area .document-names {
    grid-area: document-names;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html .tramite--contacta .documents-area .document-size {
    grid-area: document-size;
    color: #C8C8C8;
    font-family: "PT Sans", sans-serif;
  }
  html .tramite--contacta .documents-area .documents-trash {
    grid-area: document-trash;
    width: 20px;
    height: 20px;
    background: transparent;
    background-size: cover;
    border: none;
    background-image: url(/o/classic-theme/images/tramites/common/documents_trash.svg);
    background-position: center;
    background-repeat: no-repeat;
  }
  html .tramite--contacta #thank-you-page {
    font-size: 1rem;
  }
  html .tramite--contacta .container-drag-drop {
    margin-bottom: 33px;
  }
  html .tramite--contacta #modalAdjuntar .modal-content {
    background: #F5F5F5;
  }
  html .tramite--contacta .modal-contacta .modal-form {
    margin-top: 30px;
  }
  html .tramite--contacta .modal-contacta .modal-form .buttons {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
  }
  html .tramite--contacta .zone_file {
    justify-content: space-around;
    padding: 20px;
    background-color: #FFFFFF;
    border-color: transparent;
    border-radius: 4px;
    border-radius: 4px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
  }
  html .tramite--contacta .zone_file span.ov, html .tramite--contacta .zone_file .ql-container span.ql-editor:before, .ql-container html .tramite--contacta .zone_file span.ql-editor:before {
    color: #002d63;
  }
  html .tramite--contacta .zone_file .area-file {
    margin-bottom: 30px;
  }
  html .tramite--contacta .link-eliminar {
    color: #DD3F0E;
    font-weight: 600;
  }
  html .tramite--contacta .ov-file-drop {
    color: #002d63;
    font-size: 0.92rem;
    font-weight: 700;
    font-family: "PT Sans", sans-serif;
  }
  html .tramite--contacta .drop_zone {
    display: flex;
    padding: 18px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #DBDBDB;
    border-style: dashed;
    color: #C8C8C8;
  }
  html .tramite--contacta .drop_zone p {
    margin-top: 13px;
    font-size: 0.92rem;
  }
  html .tramite--contacta .myFile {
    display: none !important;
  }
  html .tramite--contacta .fileList {
    margin: 8px 0;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
  html .tramite--contacta .fileList span {
    color: #002d63;
  }
  html .tramite--contacta .fileList button {
    border-radius: 11px;
    border: none;
    color: #002d63;
  }
  html .tramite--contacta .placeholder {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  html .tramite--contacta #fileDeleteBase, html .tramite--contacta .hide, html .tramite--contacta #fileDeleteDocumentBase {
    display: none;
  }
  html .tramite--contacta .file {
    display: flex;
  }
  html .tramite--contacta .file img {
    margin-right: 6px;
  }
  html .tramite--contacta .file span {
    margin-left: 6px;
  }
  html .tramite--contacta .invalidFormat {
    background-color: #FCEDEE;
    border-left: 4px solid #D0021B;
  }
  html .tramite--contacta .invalidFormat .content {
    margin: 17px 25px 0;
  }
  html .tramite--contacta .invalidFormat .content h3, html .tramite--contacta .invalidFormat .content p {
    color: #3D3D3D;
  }
  html .tramite--contacta .dragdrop p {
    margin: 0;
  }
  html .tramite--contacta .dragdrop .title {
    font-weight: bold;
    padding: 20px 20px 0px 20px;
  }
  html .tramite--contacta .dragdrop .description {
    padding: 10px 20px 20px 20px;
  }
  html .tramite--contacta .footer-buttons button {
    font-size: 0.92rem;
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
      height: auto;
      margin-bottom: 20px;
    }
    75% {
      opacity: 1;
      height: auto;
      margin-bottom: 20px;
    }
    100% {
      opacity: 0;
      height: 0;
    }
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .auto-register-container .password-container {
    flex-direction: column;
  }
  html .auto-register-container .activation-separator-line {
    border: none;
    margin-block-start: 20px;
    margin-block-end: 20px;
  }
  html .auto-register-container .activation-button-container .activation-submit-button {
    width: 100%;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .double-factor {
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    background-color: #FFFFFF;
  }
  html .double-factor .double-factor-checker-container {
    justify-content: flex-end;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .file-container .drop_zone {
    border: 2px dashed rgba(20, 159, 202, 0.4);
    background: #FFFFFF;
  }
  html .file-container .drop_zone .fileList {
    margin: 0;
  }
  html .file-container .fileImage {
    display: grid;
    grid-template-areas: "document name delete";
    grid-template-columns: 2fr 7fr 1fr;
    gap: 5px;
    min-height: 70px;
    align-items: center;
    background: #FFFFFF;
    border-radius: 10px;
    margin: 25px 0;
    padding: 15px;
  }
  html .file-container .fileImage .file-type-icon.new {
    background-image: url("../images/tramites/common/documents_file.svg");
  }
  html .file-container .fileImage .thumbnail {
    border-radius: 8px;
    object-fit: cover;
    width: 40px;
    height: 40px;
  }
  html .file-container .fileImage .document {
    grid-area: document;
    width: 40px;
    height: 40px;
    background-color: transparent;
    transform: scale(2);
  }
  html .file-container .fileImage .name {
    font-family: "PT Sans", sans-serif !important;
    max-width: fit-content;
    color: #002d63;
    font-size: 0.92rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  html .file-container .fileImage .upload-progress {
    grid-area: upload-progress;
    max-width: 90%;
  }
  html .file-container .fileImage .delete {
    grid-area: delete;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-image: url(/o/classic-theme/images/tramites/common/documents_delete.svg);
    background-position: center;
    background-repeat: no-repeat;
  }
  html .file-container .dragdrop.wrong {
    display: block;
    opacity: 0;
    max-height: 0;
  }
  html .file-container .dragdrop.wrong.show {
    animation: changeOpacity 8s ease-in-out;
  }
  @keyframes changeOpacity {
    0% {
      opacity: 0;
      max-height: 0;
      margin-bottom: 0;
    }
    10% {
      opacity: 1;
      max-height: 200px;
      margin-bottom: 20px;
    }
    20% {
      opacity: 1;
      margin-bottom: 20px;
    }
    40% {
      opacity: 1;
      margin-bottom: 20px;
    }
    60% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    90% {
      opacity: 0;
      max-height: 0;
    }
    100% {
      opacity: 0;
      max-height: 0;
      margin-bottom: 0;
    }
  }
  html .file-container .ov-link-download-template {
    margin-top: -0.5rem;
  }
  html .file-container .ov-link-download-template .ov-link.ov-link-download {
    float: none;
    font-weight: bold;
  }
  html .file-container .ov-link-download-template .ov-link.ov-link-download img {
    margin-bottom: 0;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .empty-doc {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 30px;
    padding: 10px;
  }
  html .empty-doc img {
    max-width: 80px;
  }
  html .empty-doc p {
    max-width: 80%;
    color: #5B5B5B;
    font-family: "PT Sans", sans-serif;
    font-size: 1rem;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .reset-password-container .rp-header {
    margin-bottom: 10px;
  }
  html .reset-password-container .reset-password-tabs .nav-container {
    padding-bottom: unset;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .seccion-superior-tramites.mis-gestiones-mobile {
    background-color: #f8f8f8;
    margin-bottom: 66px;
    padding: 2px 10px !important;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container {
    margin: 0px;
    padding: 0px;
    width: 100% !important;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .private-message-container {
    margin: 10px 0 0 0;
    width: 200px;
    border-top: 1px solid #DDDDDD;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .private-message-container .private-message-text {
    display: flex;
    width: fit-content;
    margin: 10px 0 0 0;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section .seccion-superior.seccion-titulo {
    position: relative;
    top: 0;
    background: #fff;
    margin-bottom: 0px;
    border: 0;
    padding: 5px 14px 15px 32px;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section .seccion-superior.seccion-titulo h1.ov, html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section .seccion-superior.seccion-titulo .ql-container h1.ql-editor:before, .ql-container html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section .seccion-superior.seccion-titulo h1.ql-editor:before {
    font-size: 1.6667rem;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.titulo {
    background-color: #FFF;
    padding: 29px 3px 29px 33px;
    font-size: 1.17rem;
    letter-spacing: 0.96px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.subtitulo {
    background-color: #f5f5f5;
    padding: 13px 2px 34px 24px;
    border-top: 1px solid #DDDDDD;
    font-family: "PTSans-Bold", sans-serif;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.subtitulo h2.ov, html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.subtitulo h2.ov-small, html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.subtitulo .ql-container h2.ql-editor:before, .ql-container html .seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.subtitulo h2.ql-editor:before {
    padding-right: 10px;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tabs {
    overflow: hidden;
    border-top: solid 1px #D9D9D9;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab {
    width: 100%;
    color: #002D63;
    background-color: #FFF;
    border-bottom: solid 1px #D9D9D9;
    overflow: hidden;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 23px 23px 23px 35px;
    background-color: #FFF;
    cursor: pointer;
    font-size: 1rem;
    font-family: "PTSans-Bold", sans-serif;
    /* Icon */
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-label:hover {
    background: #1a252f;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-label::after {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: all 0.35s;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-close:hover {
    background: #1a252f;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab .tab-content {
    background-color: #F5F5F5;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab ul.subsecciones {
    list-style: none;
    padding: 2px 27px 2px 22px;
    border-top: solid 1px #D9D9D9;
    background-color: #f5f5f5 !important;
    margin-bottom: 0px;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion {
    border-radius: 15px;
    border: solid 1px #DFDFDF;
    margin: 14px 0px;
    background: #fff;
    min-height: 92px;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion:hover {
    border: solid 2px #003775;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.subseccion {
    display: flex;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.icon-subseccion {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    border-radius: 50%;
    background-color: #F3F9DC;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 1.125em 0.875em 1.25em 0.75em;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.icon-subseccion i {
    font-size: 1.75rem;
    color: #6D8F00;
    padding-left: 0px;
    padding-top: 0px;
    font-weight: normal;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.descripcion-subseccion {
    padding: 0.75em 0.125em;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.descripcion-subseccion div.title-tramite {
    font-size: 1rem;
    color: #0E103E;
    font-family: "PTSans-Bold", sans-serif;
    margin-bottom: 8px;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.descripcion-subseccion div.description {
    font-family: "PTSans-Regular", sans-serif;
    font-size: 0.92rem;
    color: #909090;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile .tab-label:hover {
    background-color: #fff;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile input:checked + .tab-label {
    background-color: #fff;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile input:checked + .tab-label::after {
    transform: rotate(90deg);
  }
  html .seccion-superior-tramites.mis-gestiones-mobile input:checked + .tab-label:hover {
    background-color: #fff;
  }
  html .seccion-superior-tramites.mis-gestiones-mobile input:checked ~ .tab-content {
    max-height: 100%;
    padding: 0px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .restricted-access-content .empty-state {
    margin: 0 10px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html header#banner.private-page {
    display: none;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html #footer.private-page {
    display: none;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .banner-ov-cambiotitular .image-banner,
  html .banner-ov-autoreg .image-banner {
    display: none;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .selec-contrato .seccion-superior {
    display: none;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html .seccion-superior-tramites.mis-gestiones {
    display: none;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html div#my-profile .help-desktop, html div#my-profile .title-profile-desktop {
    display: none;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 500px), (orientation: landscape) and (max-device-height: 500px) {
  html section#header-middle.public {
    /*display:none;*/
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html {
    font-size: 16px;
    /*
      Desktop - Lateral tabs
      Mobile - Top tabs
    */
    /*blue-theme*/
  }
  html .notification {
    padding: 5px 15px;
  }
  html .notification.wrong {
    padding: 15px !important;
    margin-bottom: 15px !important;
  }
  html .notification.with-button.right-button .notification-button {
    padding-left: 78px;
    padding-bottom: 20px;
  }
  html .notification .title {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    margin: 17px 0;
  }
  html .notification .description, html .notification ul li {
    font-family: "PT Sans", sans-serif !important;
    font-size: 0.875rem;
  }
  html .notification ul {
    padding-left: 30px;
    list-style-image: none;
  }
  html .notification p.description {
    margin: 1em 0px;
  }
  html .ov-container .table-list td:not(.authorized-chip, .light-green-authorized-ov, .light-orange-authorized-ov) {
    background-color: inherit !important;
    vertical-align: inherit !important;
    border-color: inherit !important;
    border-style: inherit !important;
  }
  html .ov-header {
    background-color: #f8f8f8;
  }
  html .ov-tabs {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 36px;
    margin: 0 auto;
    padding-right: 36px;
  }
  html .ov-tabs p {
    margin-top: 20px;
  }
  html .ov-tabs .contenido-notificaciones, html .ov-tabs .contenido-miperfil {
    width: 100%;
  }
  html .ov-tabs .navigator {
    min-width: 230px;
    max-width: 230px;
    border-right: 1px solid #E9E9E9;
  }
  html .ov-tabs .navigator .nav-pills li {
    list-style: none;
  }
  html .ov-tabs .navigator .nav-pills li a {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 16px 15px 12px 20px;
    min-height: 50px;
    display: flex;
    text-decoration: none !important;
  }
  html .ov-tabs .navigator .nav-pills li a:active {
    text-decoration: none !important;
  }
  html .ov-tabs .navigator .nav-pills li a:hover {
    cursor: pointer;
    text-decoration: none !important;
  }
  html .ov-tabs .navigator .nav-pills li a:not(.active) {
    background-color: #FFFFFF;
    color: #ACB3BB;
  }
  html .ov-tabs .navigator .nav-pills li a.active {
    background-color: #F8F8F8;
    color: #002D63;
    border-right: 3px solid #002D63;
    border-radius: 8px 0 0 8px;
  }
  html .ov-alert-warning {
    padding: 15px 15px 15px 50px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }
  html .ov-alert-warning .ov-big {
    color: #000000;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0;
    font-size: 1.1em;
  }
  html .ov-alert-warning .ov, html .ov-alert-warning .ov-form-field .field-element select, .ov-form-field .field-element html .ov-alert-warning select, html .ov-alert-warning .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element html .ov-alert-warning input[type]:not([type=submit]):not([type=reset]),
  html .ov-alert-warning .ov-form-field .field-element textarea,
  .ov-form-field .field-element html .ov-alert-warning textarea, html .ov-alert-warning h3, html .ov-alert-warning h2.ov-small, html .ov-alert-warning .ql-container .ql-editor:before, .ql-container html .ov-alert-warning .ql-editor:before,
  html .ov-alert-warning .ql-container .ql-editor p,
  .ql-container .ql-editor html .ov-alert-warning p {
    font-size: 0.9em;
  }
  html .ov-alert-warning:before {
    left: 10px;
  }
  html #my-profile .mi-perfil .btn-send button {
    float: right;
  }
  html #my-profile .mi-perfil .datos-usuario .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }
  html #my-profile .mi-perfil .datos-usuario .buttons .link-baja {
    font-size: 0.9em;
    float: left;
  }
  html #my-profile .mi-perfil .datos-usuario .buttons .link-baja a {
    color: #E91E0E;
    font-weight: 700;
    text-decoration: underline;
  }
  html #my-profile .mi-perfil .datos-usuario .double-factor-container-custom-size {
    padding: 0 16px;
  }
  html #my-profile .mi-perfil .cambiar-password .helper-title {
    color: #002d63;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    margin-top: 0px;
  }
  html #my-profile .mi-perfil .cambiar-password .helper-text {
    font-family: "PT Sans", sans-serif;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px) and (max-width: 720px), (orientation: landscape) and (min-height: 501px) and (max-width: 720px) {
  html .mi-perfil .btn-send button {
    width: 100%;
    margin-bottom: 40px;
  }
  html .mi-perfil .datos-usuario .link-baja a {
    text-align: center;
  }
  html .mi-perfil .datos-usuario .buttons {
    flex-direction: column-reverse;
    display: flex;
  }
  html .password-content {
    flex-direction: column-reverse;
    display: flex;
    margin-bottom: 32px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .unsubscribe-desktop {
    margin-top: 45px;
  }
  html .unsubscribe-desktop .unsubscribe-title {
    color: #002D63;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.6667rem;
    font-weight: 700;
  }
  html .unsubscribe-desktop .unsubscribe-instructions {
    background-color: #fbfbfb;
    padding: 20px 54px 18px 54px;
    margin: 28px 0;
    font-family: "OpenSans-Light", sans-serif;
    font-size: 1.17rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.22;
    letter-spacing: normal;
    color: #4a4a4a;
  }
  html .unsubscribe-desktop .unsubscribe-instructions span {
    color: #a94442;
    font-family: "OpenSans-SemiBold", sans-serif;
  }
  html .unsubscribe-desktop .unsubscribe-form .label {
    display: flex;
    font-size: 1rem;
    margin: 5px 0 0 0;
  }
  html .unsubscribe-desktop .unsubscribe-form .label-required:before {
    content: "*";
    color: #a94442;
    margin: 3px 5px 0 0;
  }
  html .unsubscribe-desktop .unsubscribe-form .input-userName {
    margin: 10px 0 30px 5px;
  }
  html .unsubscribe-desktop .unsubscribe-form .input-reason {
    display: flex;
    margin: 0 0 0 5px;
    resize: vertical;
  }
  html .unsubscribe-desktop .unsubscribe-form .submit-unsubscribe {
    font-family: "PTSans-Bold", sans-serif;
    font-size: 1.17rem;
    text-decoration: none;
    padding: 8px 50px;
    border-radius: 30px;
    display: inline-block;
    -webkit-box-shadow: 0 3px 5px -5px #888;
    box-shadow: 0 3px 5px -5px #888;
    margin-top: 20px;
    text-align: right;
    float: right;
    clear: right;
  }
  html .unsubscribe-desktop .unsubscribe-form #unsubscribe-modal-dialog h1 {
    font-size: 1.6667rem;
  }
  html .unsubscribe-desktop .unsubscribe-form .unsubscribe-desc {
    color: #3e3e3e;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.57px;
    line-height: 26px;
  }
  html .unsubscribe-desktop .unsubscribe-form .modal-unsubscribe {
    border: 0;
    padding: 0;
    justify-content: space-between;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .contract-details-container .contract-data-container {
    display: flex;
    flex-direction: column;
  }
  html .contract-details-container .contract-data-container .cd-inputs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 35px;
    align-items: center;
    margin-bottom: 36px;
  }
  html .contract-details-container .contract-data-container .cd-inputs label {
    color: #002d63;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons {
    display: grid;
    grid-template-areas: "remove-supply-button . change-owner-button save-changes-button";
    grid-template-columns: auto auto 165px min-content;
    align-items: center;
    padding-top: 25px;
    border-top: 1px solid #e9e9e9;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons .remove-supply-button {
    grid-area: remove-supply-button;
    color: #E91E0E;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons span.remove-supply-button {
    text-decoration: underline;
    text-underline-offset: 3.22px;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons .change-owner-button {
    grid-area: change-owner-button;
  }
  html .contract-details-container .contract-data-container .cd-footer-buttons .save-changes-button {
    grid-area: save-changes-button;
  }
  html .contract-details-container .change-owner-container .co-fields {
    display: grid;
    grid-template-columns: 33%;
    grid-gap: 29px;
    grid-template-areas: "co-owner co-identity ." "co-mobile co-phone co-email" "co-lang co-address .";
    margin-bottom: 27px;
  }
  html .contract-details-container .change-owner-container .co-fields .co-owner {
    grid-area: co-owner;
  }
  html .contract-details-container .change-owner-container .co-fields .co-identity {
    grid-area: co-identity;
  }
  html .contract-details-container .change-owner-container .co-fields .co-mobile {
    grid-area: co-mobile;
  }
  html .contract-details-container .change-owner-container .co-fields .co-phone {
    grid-area: co-phone;
  }
  html .contract-details-container .change-owner-container .co-fields .co-email {
    grid-area: co-email;
  }
  html .contract-details-container .change-owner-container .co-fields .co-lang {
    grid-area: co-lang;
  }
  html .contract-details-container .change-owner-container .co-fields .co-address {
    grid-area: co-address;
  }
  html .contract-details-container .change-owner-container .co-button {
    display: flex;
    justify-content: end;
    padding-top: 25px;
    border-top: 1px solid #e9e9e9;
  }
  html .contract-details-container .payment-data-container .pi-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 52px;
  }
  html .contract-details-container .payment-data-container .pi-fields .bank-account-group {
    justify-self: center;
  }
  html .contract-details-container .payment-data-container .pi-fields .modify-direct-debit {
    justify-self: end;
    align-self: center;
  }
  html .contract-details-container .payment-data-container .pi-footer {
    display: grid;
    grid-gap: 1%;
    grid-template-columns: 12% 50% 36%;
    padding-top: 37px;
    border-top: 1px solid #e9e9e9;
  }
  html .contract-details-container .payment-data-container .pi-footer .drops-button {
    justify-self: right;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .dashboard-privado .dashboard-desktop-header.home .welcome-message {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #002d63;
    font-size: 1.67rem;
    font-family: "PT Sans", sans-serif;
    padding: 45px 0 20px 15px;
  }
  html .dashboard-privado .dashboard-desktop-header.home .welcome-message .welcome-message_user-name:after {
    content: "      ";
    background: url("/o/cxov-theme/images/commons/hand.svg") center no-repeat;
  }
  html .dashboard-privado .dashboard-desktop-header.home .welcome-message .welcome-message_user-last-connection {
    opacity: 1;
    color: #414141;
    font-family: "PT Sans", sans-serif;
    font-size: 0.875rem;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html header#banner {
    display: grid;
    grid-template-areas: "header-top" "header-middle" "header-bottom";
  }
  html header#banner #header-top {
    grid-area: header-top;
  }
  html header#banner #header-top .links-top-header.private {
    display: flex;
    justify-content: flex-end;
  }
  html header#banner #header-top.private > .ov-container > .row {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0px 8px 10px;
  }
  html header#banner #header-top.private > .ov-container > .row .links-top-header.private {
    display: flex;
    justify-content: flex-end;
  }
  html header#banner #header-top.private > .ov-container > .row .links-top-header ul.links-nav li {
    padding: 0 12px;
  }
  html header#banner #header-top.private > .ov-container > .row .links-top-header ul.links-nav li a {
    font-weight: bold;
    letter-spacing: 0.43px;
  }
  html header#banner #header-middle.private > .ov-container > .row {
    display: grid;
    grid-template-areas: "site-title mobile-menu links-top-header";
    grid-template-columns: auto auto auto;
    padding: 0;
  }
  html header#banner #header-middle.private > .ov-container > .row .site-title {
    grid-area: site-title;
    display: flex;
    justify-content: initial;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private {
    grid-area: mobile-menu;
    display: flex;
    justify-content: center;
  }
  html header#banner #header-middle.private > .ov-container > .row .links-top-header {
    grid-area: links-top-header;
    display: flex;
    justify-content: end;
    align-items: center;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private nav ul li a {
    border-bottom: 3px solid;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private nav ul li a span {
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private nav ul li.list-menu.active a {
    border-bottom: 3px solid;
  }
  html header#banner #header-middle.private {
    grid-area: header-middle;
    display: unset;
  }
  html header#banner #header-middle.private #menu-desktop-private nav#navigation ul li a {
    padding: 15px 20px 10px;
    font-family: "PTSans-Regular", sans-serif;
    margin: 0 3px;
  }
  html header#banner #header-middle.private #menu-desktop-private nav#navigation ul li a:active {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  html header#banner #header-bottom {
    grid-area: header-bottom;
  }
  html header#banner #header-middle.private .links-top-header ul.links-user li.area-cliente a {
    display: flex;
  }
  html header#banner #header-middle.private .links-top-header ul.links-user li.area-cliente a div.logout-icon {
    margin-top: 1px;
    margin-left: 10px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .tramite--cambio-titular .tramite-header .title-section .footer-bottons-mobile,
  html .tramite--cambio-titular .tramite-body .footer-bottons-mobile {
    display: none;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .row--subtitle .tramite-subtitle-description-mobile,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .row--subtitle .tramite-subtitle-description-mobile {
    display: none;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-estimate-reading-mobile,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-estimate-reading-mobile {
    display: none;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight {
    background: #F8F8F8;
    border-radius: 4px;
    border: 0;
    padding: 30px;
    margin-top: 4em;
    font-family: "PT Sans", sans-serif;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight .first,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight .first {
    display: flex;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight .first .text,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight .first .text {
    margin-left: 40px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight .first .text .title,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight .first .text .title {
    font-size: 1.17rem;
    font-weight: 700;
    color: #002d63;
    font-family: "PTSans-Bold", sans-serif;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight .first .text .subtitle,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight .first .text .subtitle {
    font-size: 0.92rem;
    font-weight: 400;
    color: #002d63;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight .second,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight .second {
    margin-top: 30px;
    margin-left: 60px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .form-data--ultima-lectura .block-highlight .second .radios,
  html .tramite--cambio-titular .tramite-body .form-data--ultima-lectura .block-highlight .second .radios {
    margin-left: 20px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .building_relation,
  html .tramite--cambio-titular .tramite-body .building_relation {
    font-size: 1.17rem;
    padding: 15px;
    border: 2px solid #DBDBDB;
    border-radius: 5px;
    cursor: pointer;
  }
  html .tramite--cambio-titular .tramite-header .title-section .building_relation:before,
  html .tramite--cambio-titular .tramite-body .building_relation:before {
    content: "";
    display: flex;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #eaf0db;
    padding: 25px;
    margin-right: 30px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .building_relation_input,
  html .tramite--cambio-titular .tramite-body .building_relation_input {
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html .tramite--cambio-titular .tramite-header .title-section .b_owner:before,
  html .tramite--cambio-titular .tramite-body .b_owner:before {
    background-image: url(/o/classic-theme/images/tramites/change_owner/icon_propietario.svg);
  }
  html .tramite--cambio-titular .tramite-header .title-section .b_rented:before,
  html .tramite--cambio-titular .tramite-body .b_rented:before {
    background-image: url(/o/classic-theme/images/tramites/change_owner/icon_alquilado.svg);
  }
  html .tramite--cambio-titular .tramite-header .title-section .b_selected,
  html .tramite--cambio-titular .tramite-body .b_selected {
    border: 2px solid #002d63 !important;
  }
  html .tramite--cambio-titular .tramite-header .title-section .b_selected:after,
  html .tramite--cambio-titular .tramite-body .b_selected:after {
    content: "\f00c";
    font-family: "fontawesome-alloy", sans-serif;
    position: relative;
    left: 35%;
    padding: 5px;
    margin: 10px;
    color: #FFFFFF;
    background-color: #203564;
    border-radius: 50%;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .fields-group,
  html .tramite--cambio-titular .tramite-body .verification .fields-group {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .field-container,
  html .tramite--cambio-titular .tramite-body .verification .field-container {
    display: flex;
    flex-direction: column;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .contract-data,
  html .tramite--cambio-titular .tramite-body .verification .contract-data {
    display: flex;
    gap: 115px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .row-subtitle-between,
  html .tramite--cambio-titular .tramite-body .verification .row-subtitle-between {
    margin-top: 56px;
    margin-bottom: 31px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .verification-info,
  html .tramite--cambio-titular .tramite-body .verification .verification-info {
    margin: 0 15px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .verification-info h2.documentation-info-mobile,
  html .tramite--cambio-titular .tramite-body .verification .verification-info h2.documentation-info-mobile {
    display: none;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container {
    margin-top: 4em;
    margin-bottom: 2em;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner {
    font-family: "PTSans-Regular", sans-serif;
    background-color: #f5f5f5;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header {
    display: flex;
    flex-direction: row;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header .image-banner,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header .image-banner {
    z-index: 1;
    display: flex;
    align-content: flex-end;
    margin-top: 5px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header .image-banner img,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header .image-banner img {
    place-self: end;
    min-width: 60px;
    height: 60px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim {
    display: flex;
    flex-direction: column;
    padding: 20px 0 20px 10px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .title,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .title {
    font-size: 1.4167rem;
    font-weight: 700;
    color: #002d63;
    display: block;
    margin-bottom: 10px;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .title span,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .title span {
    font-size: 1em;
    color: #627CA0;
    font-weight: 400;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .description,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .ct-banner-header .banner-claim .description {
    color: #002d63;
    display: block;
    font-size: 1rem;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .banner-options,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .banner-options {
    display: flex;
    flex-direction: row;
    align-self: center;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .banner-options .banner-checks,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .banner-options .banner-checks {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    font-size: 0.92rem;
    align-self: center;
    padding-top: 0;
    color: #012d62;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner .banner-options .banner-checks label,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner .banner-options .banner-checks label {
    font-size: 1.0833rem;
    margin-bottom: 0;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .ct-banner-container .ct-banner:before,
  html .tramite--cambio-titular .tramite-body .verification .ct-banner-container .ct-banner:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  html .tramite--cambio-titular .tramite-header .title-section .verification .button-container-desktop,
  html .tramite--cambio-titular .tramite-body .verification .button-container-desktop {
    display: none;
  }
  html .tramite--cambio-titular .tramite-header .title-section.step--activation,
  html .tramite--cambio-titular .tramite-body.step--activation {
    margin-bottom: 0;
  }
  html .tramite--cambio-titular .tramite-header .title-section.step--activation .activation-container .activation-title,
  html .tramite--cambio-titular .tramite-body.step--activation .activation-container .activation-title {
    margin-top: 73px;
    font-size: 1.8333rem;
    color: #002d63;
    font-weight: 700;
  }
  html .tramite--cambio-titular .co-footer-buttons-mobile {
    display: none;
  }
  html .tramite--cambio-titular .empty-doc {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 30px;
    padding: 10px;
  }
  html .tramite--cambio-titular .empty-doc p {
    max-width: 80%;
    color: #5B5B5B;
    font-family: "PT Sans", sans-serif;
    font-size: 1rem;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .digital_notifications .digNot-table-tr-list {
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: 10% 20% 20% 20% 15% 15%;
    padding: 15px 0px 15px 10px !important;
  }
  html .digital_notifications .digNot-table-tr-list .digNot-cell-alias, html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-titular, html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-email, html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-link, html .digital_notifications .digNot-table-tr-list .digNot-cell-authorized {
    width: 100% !important;
    display: flex;
    padding: 5px !important;
    align-items: center;
  }
  html .digital_notifications .digNot-table-tr-list .digNot-cell-alias span, html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-titular span, html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-email span, html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-link span, html .digital_notifications .digNot-table-tr-list .digNot-cell-authorized span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html .digital_notifications .digNot-table-tr-list .digNot-cell-alias .digNot-subcell-codigo {
    width: 100% !important;
  }
  html .digital_notifications .digNot-table-tr-list .digNot-cell-dir-link {
    padding: 0 !important;
  }
  html .digital_notifications .digNot-table-tr-list .table-actions {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
  }
  html .digital_notifications .contenido-notificaciones .search-notifications {
    font-family: "OpenSans-Regular", sans-serif;
    line-height: normal;
    color: #222;
    word-break: break-word;
    font-size: 1rem;
    box-sizing: border-box;
    padding: 30px 0px 40px;
  }
  html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification {
    width: 420px;
    float: left;
    display: flex;
    align-items: center;
  }
  html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification label {
    position: absolute;
    padding-left: 15px;
  }
  html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification input[type=text]#contract.ov, html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification .ov-form-field .field-element input[type=text]#contract[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification input[type=text]#contract[type]:not([type=submit]):not([type=reset]),
  html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification .ql-container input[type=text]#contract.ql-editor:before,
  .ql-container html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification input[type=text]#contract.ql-editor:before {
    font-family: "PTSans-Regular", sans-serif;
    padding-left: 45px;
  }
  html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification input[type=text]#contract.ov::placeholder, html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification .ov-form-field .field-element input[type=text]#contract[type]:not([type=submit]):not([type=reset])::placeholder, .ov-form-field .field-element html .digital_notifications .contenido-notificaciones .search-notifications .filter-notification input[type=text]#contract[type]:not([type=submit]):not([type=reset])::placeholder {
    color: #5F666F !important;
    opacity: 1;
    font-family: "PTSans-Regular", sans-serif;
  }
  html .digital_notifications .contenido-notificaciones .search-notifications .button-filter-notification {
    margin: 0 50px;
    float: left;
  }
  html .digital_notifications .contenido-notificaciones .alert-modal .modal-dialog {
    width: 600px;
    max-width: unset;
  }
  html .digital_notifications .contenido-notificaciones .alert-modal .modal-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    margin-bottom: 15px;
  }
  html .digital_notifications .contenido-notificaciones .alert-modal .modal-body {
    border-top: none;
  }
  html .digital_notifications .contenido-notificaciones .alert-modal .modal-body .alert-notification {
    margin: 10px 0px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  html .digital_notifications .contenido-notificaciones .alert-modal .modal-body .buttons-group-submit {
    float: right;
    margin-top: 1em;
    gap: 15px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .ultimos-tramites .last-procedures-filters-container .procedure-filter-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  html .ultimos-tramites .last-procedures-filters-container .procedure-filter-options .filter-options-left {
    display: flex;
    gap: 23px;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel {
    width: 100%;
    background-color: #F8F8F8;
    margin-top: 24px;
    padding: 42px 26px;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container {
    display: grid;
    grid-gap: 26px 25px;
    background-color: transparent;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-one {
    grid-template-areas: "contract-number procedure .";
    grid-template-columns: calc(36% + 17.5px) calc(36% + 17.5px) auto;
    padding: 0 0 34px 0;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-one .contract-number-field-container {
    grid-area: contract-number;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-one .reason-field-container {
    grid-area: procedure;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-two {
    grid-template-areas: "start-date end-date state search-button";
    grid-template-columns: 25% 25% 23% auto;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-two .start-date-field-container {
    grid-area: start-date;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-two .end-date-field-container {
    grid-area: end-date;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-two .state-field-container {
    grid-area: state;
    display: flex;
    flex-direction: column;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-two .state-field-container .state-group {
    display: flex;
    gap: 10px;
  }
  html .ultimos-tramites .last-procedures-filters-container .lp-filter-panel .filter-container-two .search-button {
    place-self: baseline;
    margin-top: 25px;
    grid-area: search-button;
  }
  html .ultimos-tramites .lista-gestiones .sin-gestiones {
    border: 1px solid #dbdbdb;
  }
  html .ultimos-tramites .lista-gestiones .sin-gestiones .gestion-mensaje {
    padding-bottom: 20px;
  }
  html .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-content {
    align-items: center;
    width: 70%;
  }
  html .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-content .finder-header {
    width: 80%;
  }
  html .ultimos-tramites .last-procedures-public-container .locator-finder-container .locator-finder-content .finder-form {
    display: grid;
    grid-template-columns: 35% 35% 25%;
    align-items: flex-end;
    justify-content: center;
    column-gap: 26.34px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .chat-container {
    padding-bottom: 20px;
  }
  html .chat-container .chat-messages-list {
    padding: 0 20px 10px;
  }
  html .chat-container .chat-messages-list .chat-message:not(.chat-message-template) {
    width: calc(100% - 50px);
  }
  html .chat-container .chat-message-form {
    margin: 0 20px 0;
  }
  html .chat-container .chat-message-form .chat-file-list .chat-fileImage {
    width: 30%;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .autorizados-results .filter-buttons {
    margin-bottom: 26px;
  }
  html .autorizados-results .filter-buttons .autorizados-filter-container {
    align-items: center;
  }
  html .autorizados-results .filter-buttons .autorizados-filter-container .authorized-filter-label-mobile {
    display: none;
  }
  html .autorizados-results .filter-buttons .autorizados-filter-container .authorized-filter-label-desktop {
    width: 100%;
  }
  html .autorizados-results .provisional-authorized-container .autorizados-provisionales-table-container {
    margin-bottom: 30px;
  }
  html .autorizados-results .provisional-authorized-container .autorizados-provisionales-table-container .autorizados-provisionales {
    padding: 14px 24px;
  }
  html .autorizados-results .authorized-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 32px;
  }
  html .autorizados-results .ov-pagination-container {
    margin-top: 40px;
  }
  html .autorizados-results .add-authorized-button-group .authorized-info {
    visibility: hidden;
  }
  html .autorizados-results .auth-edit-modal .ov-modal-content {
    width: auto;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content {
    margin: 0 auto;
    padding: 26px 30px;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .disavow-content:not(.previous-summary-content) {
    max-width: 475px;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .disavow-content .disavow-desktop-separation {
    margin-top: 25px;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .disavow-step-select-person-content.active .select-authoriced-description {
    margin-top: 30px;
  }
  html .autorizados-results .disavow-dialog .disavow-modal-content .disavow-step-select-person-content.active .authorized-list-container {
    gap: 29px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .payment-document-container .document-limit-dialog .modal-content {
    display: flex;
    flex-direction: column;
    width: 560px;
    height: 493px;
    padding: 24px;
  }
  html .payment-document-container .document-limit-dialog .modal-content .pd-modal-img {
    display: flex;
    margin: 30px auto;
  }
  html .payment-document-container .document-limit-dialog .modal-content h3 {
    margin: 25px auto;
  }
  html .payment-document-container .document-limit-dialog .modal-content .total-amount-dialog {
    font-size: 1.5em;
  }
  html .payment-document-container .document-limit-dialog .modal-content .footer-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px;
  }
  html .payment-document-container .document-limit-dialog .modal-content .footer-buttons button {
    text-transform: uppercase;
  }
  html .payment-document-container .document-limit-dialog .modal-content .footer-buttons a {
    align-self: center;
  }
  html .payment-document-container .document-limit-dialog .modal-content .footer-buttons a:hover {
    cursor: pointer;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .ov-container.notification-surcharge {
    padding: 0;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .payment-online-desktop .modal-dialog {
    position: inherit !important;
    width: 435px;
    height: 300px;
    top: calc((100vh - 480px) / 2);
    left: calc((100vw - 435px) / 2);
  }
  html .payment-online-desktop .modal-dialog .close {
    color: #002D63;
    opacity: 1;
    float: right;
  }
  html .payment-online-desktop .modal-dialog .footer-buttons {
    display: none;
  }
  html .payment-online-desktop .modal-dialog .ov-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .change-bankaccount-container {
    /*Step 1*/
  }
  html .change-bankaccount-container .changeBankAccount__form-component input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin: 0;
    position: relative;
    top: 2px;
    left: 8px;
  }
  html .change-bankaccount-container .changeBankAccount__form-component input[type=checkbox]:checked {
    accent-color: #415D9A;
  }
  html .change-bankaccount-container .changeBankAccount__form-component thead, html .change-bankaccount-container .changeBankAccount__form-component thead tr th {
    background-color: #F8F8F8 !important;
  }
  html .change-bankaccount-container .changeBankAccount__form-component tbody tr:nth-child(odd) {
    background-color: #F8F8F8;
  }
  html .change-bankaccount-container .changeBankAccount__form-component .selected-contracts {
    margin-bottom: 1em;
  }
  html .change-bankaccount-container .changeBankAccount__form-component table td, html .change-bankaccount-container .changeBankAccount__form-component table th {
    border: none !important;
  }
  html .change-bankaccount-container .changeBankAccount__form-component thead tr {
    border-bottom: #DDE4EB 1px solid !important;
  }
  html .change-bankaccount-container .changeBankAccount__form-component .checkbox-inline.ov, html .change-bankaccount-container .changeBankAccount__form-component .ov-form-field .field-element select.checkbox-inline, .ov-form-field .field-element html .change-bankaccount-container .changeBankAccount__form-component select.checkbox-inline, html .change-bankaccount-container .changeBankAccount__form-component .ov-form-field .field-element input.checkbox-inline[type]:not([type=submit]):not([type=reset]), .ov-form-field .field-element html .change-bankaccount-container .changeBankAccount__form-component input.checkbox-inline[type]:not([type=submit]):not([type=reset]),
  html .change-bankaccount-container .changeBankAccount__form-component .ov-form-field .field-element textarea.checkbox-inline,
  .ov-form-field .field-element html .change-bankaccount-container .changeBankAccount__form-component textarea.checkbox-inline, html .change-bankaccount-container .changeBankAccount__form-component h3.checkbox-inline, html .change-bankaccount-container .changeBankAccount__form-component h2.checkbox-inline.ov-small, html .change-bankaccount-container .changeBankAccount__form-component .ql-container .checkbox-inline.ql-editor:before, .ql-container html .change-bankaccount-container .changeBankAccount__form-component .checkbox-inline.ql-editor:before,
  html .change-bankaccount-container .changeBankAccount__form-component .ql-container .ql-editor p.checkbox-inline,
  .ql-container .ql-editor html .change-bankaccount-container .changeBankAccount__form-component p.checkbox-inline {
    padding-left: 20px;
  }
  html .change-bankaccount-container .step-2 .subtitle {
    background-color: rgba(220, 226, 233, 0.9);
    margin-top: 18px;
  }
  html .change-bankaccount-container .step-2 .subtitle .text-authorized {
    padding: 0;
  }
  html .change-bankaccount-container .step-2 .filter-authorized {
    margin-top: 20px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content {
    width: 600px;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-header .filter-authorized {
    width: 100%;
  }
  html .change-bankaccount-container .step-2 .modal-seleccionar-autorizados .ov-modal-content .modal-body {
    border-top: unset;
  }
  html .change-bankaccount-container .step-2 .content-modal-body {
    padding-right: 10px;
  }
  html .change-bankaccount-container .step-2 .content-modal-body .listado-autorizados {
    gap: 20px;
  }
  html .change-bankaccount-container .step-4 p.help {
    font-size: 0.92rem;
    margin-top: 19px;
  }
  html .change-bankaccount-container .step-4 div.btn-final {
    margin-top: 25px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .dashboard-privado .dashboard-desktop .graficos {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .web-notifications-container .web-notifications-filters-container .web-notifications-filter-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  html .web-notifications-container .web-notifications-filters-container .web-notifications-filter-options .filter-options-left {
    display: flex;
    gap: 23px;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container {
    grid-gap: 26px 40px !important;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one {
    grid-template-areas: "contract-number subject-field-container submit-field-container" !important;
    grid-template-columns: minmax(10%, 40%) minmax(15%, 40%) auto !important;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one .identity-number-field-container {
    display: none;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one .submit-field-container {
    place-self: flex-end;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two {
    grid-template-columns: 40% 40% 23% auto !important;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel {
    width: 100%;
    background-color: #F5F7F9;
    margin-top: 24px;
    padding: 42px 26px;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container {
    display: grid;
    grid-gap: 26px 25px;
    background-color: transparent;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one {
    grid-template-areas: "contract-number identity-number subject-field-container submit-field-container";
    grid-template-columns: minmax(10%, 25%) minmax(10%, 25%) minmax(15%, 35%) auto;
    padding: 0 0 34px 0;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one .contract-number-field-container {
    grid-area: contract-number;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one .identity-number-field-container {
    grid-area: identity-number;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one .reason-field-container {
    grid-area: subject-field-container;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-one .submit-field-container {
    grid-area: submit-field-container;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two {
    grid-template-areas: "start-date end-date state search-button";
    grid-template-columns: 25% 25% 23% auto;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two .start-date-field-container {
    grid-area: start-date;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two .end-date-field-container {
    grid-area: end-date;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two .state-field-container {
    grid-area: state;
    display: flex;
    flex-direction: column;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two .state-field-container .state-group {
    display: flex;
    gap: 10px;
  }
  html .web-notifications-container .web-notifications-filters-container .lp-filter-panel .filter-container-two .search-button {
    place-self: baseline;
    margin-top: 25px;
    grid-area: search-button;
  }
  html .web-notifications-container .web-notifications-table .notifications-title {
    color: #002d63;
    font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
    font-size: 1.4167rem;
    margin: 35px 0;
  }
  html .web-notifications-container .web-notifications-table thead tr {
    display: grid;
    grid-template-columns: 30% 15% 25% 20% 10%;
    border: 1px solid #D9DADB;
  }
  html .web-notifications-container .web-notifications-table thead tr th {
    font-family: "PT Sans", sans-serif;
  }
  html .web-notifications-container .web-notifications-table tbody tr {
    display: grid;
    grid-template-columns: 30% 15% 25% 20% 10%;
    border-bottom: 1px solid #D9DADB;
    border-left: 1px solid #D9DADB;
    border-right: 1px solid #D9DADB;
    font-size: 0.92rem !important;
  }
  html .web-notifications-container .web-notifications-table tbody tr td {
    font-family: "PT Sans", sans-serif;
  }
  html .web-notifications-container .web-notifications-table tbody tr:nth-child(2n+1) {
    background-color: transparent;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .selec-contrato .selector-container .modal.show .modal-dialog {
    max-width: unset;
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    display: flex;
  }
  html .selec-contrato .selector-container .modal.show .modal-dialog .selector-modal-body {
    border-top: none;
    overflow-x: auto;
  }
  html .selec-contrato .selector-container .modal.show .modal-dialog .selector-modal-body .content-modal-body {
    padding: 15px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .ratings-portlet-desktop {
    display: grid;
    grid-template-areas: "ratings-portlet-title" "ratings-portlet-rating-first-container" "ratings-portlet-rating-second-container" "ratings-portlet-rating-third-container";
    background: #F5F5F5;
    border-radius: 8px;
    padding: 40px 20px !important;
    margin: 20px auto !important;
    max-width: 720px;
  }
  html .ratings-portlet-desktop .ratings-portlet-title {
    grid-area: ratings-portlet-title;
    color: #002D63;
    font-size: 1.6667rem;
    padding: 0 30px 25px 30px;
    margin: 0;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container {
    grid-area: ratings-portlet-rating-first-container;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container {
    grid-area: ratings-portlet-rating-second-container;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container {
    grid-area: ratings-portlet-rating-third-container;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container {
    padding: 10px 15px;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-title,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-title,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-title {
    color: #002D63;
    font-size: 1.17rem;
    margin: 0 0 15px 15px;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label {
    margin: 5px 17px -17px 17px;
    text-align: justify;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-label:after,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-label:after,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-label:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: transparent;
    outline: none;
    padding: 0;
    margin: 0;
    z-index: 10;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    top: -5px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    overflow: visible;
    cursor: pointer;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider[data-init-value]::-webkit-slider-thumb {
    visibility: hidden;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider:focus {
    outline: none !important;
    text-decoration: inherit !important;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-bg,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-bg,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-bg {
    display: flex;
    border-radius: 10px;
    width: calc(100% - 30px);
    height: 10px;
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: 4;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator {
    display: block;
    position: relative;
    top: -20px;
    margin: 0 16px;
    color: #002d63;
    font-size: 1.4167rem;
    text-align: justify;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:before {
    content: "";
    border-bottom: 1px solid rgba(0, 45, 99, 0.2);
    width: calc(100% - 5px);
    display: flex;
    position: relative;
    top: 15px;
    left: 2px;
  }
  html .ratings-portlet-desktop .ratings-portlet-rating-first-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after,
  html .ratings-portlet-desktop .ratings-portlet-rating-second-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after,
  html .ratings-portlet-desktop .ratings-portlet-rating-third-container .ratings-portlet-question-stars-container .ratings-portlet-slider-separator:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  html .ratings-portlet-desktop .ratings-form-actions {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 0 0;
  }
  html .ratings-portlet-desktop .ratings-thank-you {
    color: #002D63;
    font-family: "PTSans-Regular", sans-serif;
    font-size: 1.4167rem;
    padding: 0 0 0 30px;
  }
  html .ratings-portlet-desktop .ratings-portlet-thumb-love::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_love.svg") center no-repeat;
  }
  html .ratings-portlet-desktop .ratings-portlet-thumb-happy::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_happy.svg") center no-repeat;
  }
  html .ratings-portlet-desktop .ratings-portlet-thumb-neutral::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_neutral.svg") center no-repeat;
  }
  html .ratings-portlet-desktop .ratings-portlet-thumb-unhappy::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_unhappy.svg") center no-repeat;
  }
  html .ratings-portlet-desktop .ratings-portlet-thumb-hate::-webkit-slider-thumb {
    background: url("/o/cxov-theme/images/tramites/ratings/rating_hate.svg") center no-repeat;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html header#banner {
    display: grid;
    grid-template-areas: "header-top" "header-middle" "header-bottom";
  }
  html header#banner #header-top {
    grid-area: header-top;
  }
  html header#banner #header-top .links-top-header ul.links-nav li a {
    font-weight: 700;
  }
  html header#banner #header-top .links-top-header.private {
    display: block;
  }
  html header#banner #header-top.private > .ov-container > .row {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0px 8px 10px;
  }
  html header#banner #header-top.private > .ov-container > .row .links-top-header ul.links-nav li {
    padding: 0 12px;
  }
  html header#banner #header-top.private > .ov-container > .row .links-top-header ul.links-nav li a {
    font-weight: bold;
    letter-spacing: 0.43px;
  }
  html header#banner #header-middle.private > .ov-container > .row {
    display: grid;
    grid-template-areas: "site-title mobile-menu links-top-header";
    grid-template-columns: auto auto auto;
  }
  html header#banner #header-middle.private > .ov-container > .row .site-title {
    grid-area: site-title;
    display: flex;
    justify-content: initial;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private {
    grid-area: mobile-menu;
    display: flex;
    justify-content: center;
  }
  html header#banner #header-middle.private > .ov-container > .row .links-top-header {
    grid-area: links-top-header;
    display: flex;
    justify-content: end;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private nav ul li a {
    border-bottom: 3px solid;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private nav ul li a span {
    text-transform: capitalize;
    letter-spacing: 0.5px;
  }
  html header#banner #header-middle.private > .ov-container > .row #menu-desktop-private nav ul li.list-menu.active a {
    border-bottom: 3px solid;
  }
  html header#banner #header-middle.private {
    grid-area: header-middle;
    display: unset;
  }
  html header#banner #header-middle.private #menu-desktop-private nav#navigation ul li a {
    padding: 15px 20px 10px;
    font-family: "PTSans-Regular", sans-serif;
    margin: 0 3px;
  }
  html header#banner #header-middle.private #menu-desktop-private nav#navigation ul li a:active {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
  html header#banner #header-bottom {
    grid-area: header-bottom;
  }
  html header#banner #header-middle.private .links-top-header ul.links-user li.area-cliente a {
    display: flex;
  }
  html header#banner #header-middle.private .links-top-header ul.links-user li.area-cliente a div.logout-icon {
    margin-top: 1px;
    margin-left: 10px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html #header-middle > .ov-container > .row .hamburger {
    display: none !important;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html #header-middle #showMenuLeft {
    display: none !important;
  }
  html #header-middle .links-top-header {
    font-weight: bold;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html #header-middle.public #navigation .root-pages .list-menu .list-child-menu > li {
    float: left;
  }
  html #header-middle.public #navigation .root-pages .list-menu .child-menu ul.list-child-menu li a {
    border-bottom: 0px;
  }
  html #header-middle.public #navigation .root-pages .list-menu .child-menu ul.list-child-menu li .title-grouper.hasIcon i {
    font-family: "agbarIcons", sans-serif !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 1.6667rem;
    position: relative;
    top: 5px;
    right: 5px;
    color: #3c8ac0;
    font-style: normal;
    font-weight: normal;
  }
  html #header-middle.public #navigation .root-pages .list-menu .child-menu ul.list-child-menu li.hasChildren span a:hover {
    text-decoration: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .green-theme #header-middle.public .glyphicon-search:before {
    color: white;
  }
  html .green-theme #header-middle.public .links-top-header .links-user .area-cliente a {
    color: #104479;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .blue-theme #header-middle.public nav#navigation ul.root-pages li.list-menu span.title-grouper {
    border-color: #3DA48A;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .ac-tramite--domicilio-notificacion .table-list .cell-type {
    width: 4%;
  }
  html .ac-tramite--domicilio-notificacion .table-list .cell-alias {
    width: 12%;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .register-container {
    display: flex;
    flex-direction: row;
  }
  html .register-container .info-column {
    padding-top: 110px;
    width: 40%;
  }
  html .register-container .register-column {
    width: 60%;
  }
  html .register-container .register-column .procedure-navigation {
    border-bottom: 1px solid #D6DAE3;
    margin-bottom: 50px;
  }
  html .register-container .register-column .register-selector-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 110px;
    margin-bottom: 100px;
  }
  html .register-container .register-column .register-selector-container .register-options-container {
    width: 420px;
    gap: 10px;
  }
  html .register-container .register-column .register-selector-container .submit-button {
    width: 100%;
    margin-top: 45px;
  }
  html .register-container .register-column .register-step-container {
    align-items: center;
    width: 420px;
    margin-bottom: 100px;
  }
  html .register-container .register-column .register-step-container .register-footer-buttons {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  html .register-container .register-column .register-title {
    margin-bottom: 7px;
  }
  html .register-container .register-column .register-description {
    margin: 0 0 50px 0;
  }
  html .register-container .register-column .register-title, html .register-container .register-column .register-description {
    display: flex;
    justify-self: center;
    justify-content: center;
    width: 150%;
  }
  html .register-container .register-column .register-company-invoice-type .ov-footer-buttons {
    margin-top: 35px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .paymentonline-container .select-payment-modal .ov-modal-content {
    width: auto;
  }
  html .paymentonline-container .select-payment-modal .ov-modal-content .select-payment h1 {
    font-size: 1.4167rem;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .paymentonline-container .modal.ov-modal.select-payment-modal.show .modal-content.ov-modal-content {
    padding: 24px 26px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .tramite--contacta #thank-you-page {
    font-size: 1rem;
  }
  html .tramite--contacta .container-drag-drop {
    margin-bottom: 33px;
  }
  html .tramite--contacta #modalAdjuntar .modal-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  html .tramite--contacta .modal-contacta .modal-form {
    margin-top: 30px;
  }
  html .tramite--contacta .modal-contacta .modal-form .buttons {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
  }
  html .tramite--contacta .zone_file {
    background: #F4F4F4;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DBDBDB;
    border-radius: 4px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
  }
  html .tramite--contacta .zone_file span.ov, html .tramite--contacta .zone_file .ql-container span.ql-editor:before, .ql-container html .tramite--contacta .zone_file span.ql-editor:before {
    color: #002d63;
  }
  html .tramite--contacta .zone_file .area-file {
    margin-bottom: 30px;
  }
  html .tramite--contacta .link-eliminar {
    color: #DD3F0E;
    font-weight: 600;
  }
  html .tramite--contacta .ov-file-drop {
    color: #002d63;
    font-size: 0.92rem;
    font-weight: 700;
    font-family: "PT Sans", sans-serif;
  }
  html .tramite--contacta .drop_zone {
    display: flex;
    padding: 18px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #DBDBDB;
    border-style: dashed;
    color: #C8C8C8;
  }
  html .tramite--contacta .drop_zone p {
    margin-top: 13px;
    font-size: 0.92rem;
  }
  html .tramite--contacta .myFile {
    display: none !important;
  }
  html .tramite--contacta .fileList {
    margin: 8px 0;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
  html .tramite--contacta .fileList span {
    color: #002d63;
  }
  html .tramite--contacta .fileList button {
    border-radius: 11px;
    border: none;
    color: #002d63;
  }
  html .tramite--contacta .placeholder {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  html .tramite--contacta #fileDeleteBase, html .tramite--contacta .hide, html .tramite--contacta #fileDeleteDocumentBase {
    display: none;
  }
  html .tramite--contacta .file {
    display: flex;
  }
  html .tramite--contacta .file img {
    margin-right: 6px;
  }
  html .tramite--contacta .file span {
    margin-left: 6px;
  }
  html .tramite--contacta .fileImage {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 32px;
  }
  html .tramite--contacta .fileImage .document {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 106px;
    border-radius: 8px;
    background-color: #ECECEC;
  }
  html .tramite--contacta .fileImage .document img {
    width: 40px;
    height: 50px;
    border-radius: 8px;
    background-color: #ECECEC;
  }
  html .tramite--contacta .fileImage img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    object-fit: cover;
  }
  html .tramite--contacta .fileImage .name {
    color: #002d63;
    font-size: 0.92rem;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  html .tramite--contacta .fileImage .delete {
    cursor: pointer;
    color: #D0021B;
    font-family: "PTSans-Bold", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    margin: 10px 0 20px 0;
  }
  html .tramite--contacta .invalidFormat {
    background-color: #FCEDEE;
    border-left: 4px solid #D0021B;
  }
  html .tramite--contacta .invalidFormat .content {
    margin: 17px 25px 0;
  }
  html .tramite--contacta .invalidFormat .content h3, html .tramite--contacta .invalidFormat .content p {
    color: #3D3D3D;
  }
  html .tramite--contacta .dragdrop.wrong {
    animation: fadeOut 4s;
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
    background: #fcedee;
    border-left: 4px solid #d0021b;
    opacity: 0;
  }
  html .tramite--contacta .dragdrop.wrong.hide {
    display: inherit !important;
  }
  html .tramite--contacta .dragdrop p {
    margin: 0;
  }
  html .tramite--contacta .dragdrop .title {
    font-weight: bold;
    padding: 20px 20px 0px 20px;
  }
  html .tramite--contacta .dragdrop .description {
    padding: 10px 20px 20px 20px;
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
      height: auto;
      margin-bottom: 20px;
    }
    75% {
      opacity: 1;
      height: auto;
      margin-bottom: 20px;
    }
    100% {
      opacity: 0;
      height: 0;
    }
  }
  html .tramite--contacta .modal-header {
    display: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .auto-register-container .password-container {
    flex-direction: row;
  }
  html .auto-register-container .activation-separator-line {
    width: 100%;
    border-top: 1px solid #D9D9D9;
    margin-block-start: 50px;
    margin-block-end: 25px;
  }
  html .auto-register-container .activation-button-container {
    text-align: right;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .double-factor {
    flex-direction: row;
    padding: 37px 20px;
    background-color: #F8F8F8;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px) and (max-width: 900px), (orientation: landscape) and (min-height: 501px) and (max-width: 900px) {
  html .tramite-new-detail {
    margin-bottom: 80px !important;
  }
  html .tramite-new-detail .attachment-link {
    width: 50vw;
  }
  html .tramite-new-detail .user-data-tab {
    flex: 1;
  }
  html .tramite-new-detail .content-info-tabs {
    flex: 1;
    margin: 0;
  }
  html .tramite-new-detail .content-info-tabs .tabpanel {
    justify-content: space-between;
    margin-bottom: 25px;
  }
  html .tramite-new-detail .content-info-tabs .tabpanel .tablinks {
    border-bottom: 3px solid transparent;
    color: #002d63;
    font-family: "PT Sans", sans-serif;
  }
  html .tramite-new-detail .content-info-tabs .tabpanel .tablinks.active {
    font-family: "PTSans-Bold", "PTSans-Regular", sans-serif;
  }
  html .tramite-new-detail .content-info-tabs .tabpanel .tab_disabled {
    color: #acb3bb !important;
  }
  html .tramite-new-detail .content-info-tabs .tabcontent .empty-documents {
    padding: 0;
  }
  html .tramite-new-detail .content-info-tabs .tabcontent .drop_zone {
    background: #FFFFFF;
  }
  html .tramite-new-detail .content-info-tabs .user-documents .btn-group {
    bottom: 80px;
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .seccion-superior-tramites.mis-gestiones {
    margin: 0 0 66px 0;
    background-color: #FFF;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px) and (max-width: 500px), (orientation: landscape) and (min-height: 501px) and (max-width: 500px) {
  html .seccion-superior-tramites.mis-gestiones {
    display: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .seccion-superior-tramites.mis-gestiones .nd-title-section {
    background-color: #F8F8F8;
    margin: -5px -35px 50px -35px !important;
    padding: 8px 20px 15px;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html #mis-gestiones .tab-content .lista-tramites {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 10px 0;
  }
  html #mis-gestiones .tab-content .lista-tramites.fade {
    display: none;
  }
  html #mis-gestiones .tab-content .lista-tramites.fade.active {
    display: flex;
    justify-content: flex-start;
    padding: 0;
  }
  html #mis-gestiones .tab-content .lista-tramites li {
    background-color: #fff;
    max-width: 206px;
    width: 100%;
    min-height: 230px;
    border-radius: 8px;
    border: 1px solid #D3D3D6;
    padding: 30px 20px 15px 20px;
    margin: 0.2em;
    display: flex;
    align-items: center;
  }
  html #mis-gestiones .tab-content .lista-tramites li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  html #mis-gestiones .tab-content .lista-tramites li a i {
    width: auto;
    font-size: 1.75rem;
    color: #6D8F00;
    font-family: "agbarIcons", serif !important;
  }
  html #mis-gestiones .tab-content .lista-tramites li a i:before {
    background: #F3F9DC;
    padding: 14px;
    border-radius: 5em;
    min-width: 56px;
    min-height: 56px;
    display: flex;
    justify-content: center;
  }
  html #mis-gestiones .tab-content .lista-tramites li a .title-tramite {
    height: 40px;
    margin-top: 24px;
    color: #002D63;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 12px;
  }
  html #mis-gestiones .tab-content .lista-tramites li a .description {
    color: #909090;
    font-size: 0.9em;
    text-align: center;
    font-family: "Pt Sans", sans-serif;
  }
  html #mis-gestiones .tab-content .lista-tramites li a .private-message-container {
    width: 100%;
    text-align: center;
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
  }
  html #mis-gestiones .tab-content .lista-tramites li a .private-message-container .private-message-text {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
    border-top: 1px solid #DBDBDB;
    margin-top: 10px;
    padding-top: 13px;
  }
  html #mis-gestiones .tab-content .lista-tramites li:hover {
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    border: 2px solid #002d63;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px) and (max-width: 420px), (orientation: landscape) and (min-height: 501px) and (max-width: 420px) {
  html #mis-gestiones .tab-content .lista-tramites {
    flex-direction: column;
    align-items: center;
  }
  html #mis-gestiones .tab-content .lista-tramites li {
    margin: 10px 0;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .restricted-access-content .empty-state {
    margin: 0 auto;
    width: 50% !important;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html #footer-mobile.private-page {
    display: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html .seccion-superior-tramites.mis-gestiones-mobile {
    display: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html div#my-profile .help-mobile, html div#my-profile .title-profile-mobile {
    display: none;
  }
}
@media screen and (orientation: portrait) and (min-width: 501px), (orientation: landscape) and (min-height: 501px) {
  html div.dashboard-mobile-header {
    display: none;
  }
}
.formulario-busquedas {
  background-color: rgba(104, 148, 206, 0.04);
  padding: 15px;
  margin-top: 40px;
  font-family: "OpenSans-Light", sans-serif;
  color: #666;
}
@media screen and (min-width: 500px) {
  .formulario-busquedas {
    padding: 40px;
  }
}
.formulario-busquedas .row {
  margin-bottom: 20px;
}
.formulario-busquedas .row:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .formulario-busquedas .row {
    margin-bottom: 30px;
  }
}
.formulario-busquedas .row-group-submit {
  position: relative;
}
.formulario-busquedas .btn {
  box-shadow: 0 3px 5px -5px #888;
}
.formulario-busquedas .group-submit {
  text-align: center;
  margin-top: 20px;
}
.formulario-busquedas .group-submit [type=submit] {
  background: #97BA3C;
  border: 0;
  padding: 10px 60px;
  border-radius: 30px;
  font-size: 1.17rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .formulario-busquedas .group-submit {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
  }
}
.formulario-busquedas select {
  padding-left: 0;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1 c3.5,7,0.8,15.5-6.1,19.1L255,331.9z'%20fill='%23869CAD'/%3E%3C/svg%3E");
  background-image: none \9 ;
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}
.formulario-busquedas input[type=text] {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #646464;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  padding-left: 0;
  background-color: transparent;
}
.formulario-busquedas .form-control-date {
  padding-right: 45px;
  background: url("/o/classic-theme/images/hidrogea/icon-input-fechas.png") no-repeat right bottom;
}
.formulario-busquedas label {
  font-size: 0.83125rem;
  font-weight: normal;
}
.formulario-busquedas .label-input-group {
  font-size: 0.92rem;
  margin-bottom: 5px;
}
.formulario-busquedas .input-group {
  width: 100%;
}
.formulario-busquedas .input-group.empty input[type=text] {
  border-width: 1px;
  border-color: #C7C9CA;
}
.formulario-busquedas .input-group input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.formulario-busquedas .input-group input[type=checkbox] + .label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 20px;
  background-color: #DDD;
  display: inline-block;
  border-radius: 20px;
  position: relative;
  margin-left: -15px;
}
.formulario-busquedas .input-group input[type=checkbox] + .label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.formulario-busquedas .input-group input[type=checkbox] + .label:before {
  font-family: "fontawesome-alloy", sans-serif;
  text-indent: 0;
  content: "\f00d";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 18px;
  line-height: 1;
  font-size: 0.92rem;
  font-weight: normal;
  transition: 0.4s;
}
.formulario-busquedas .input-group input[type=checkbox] + .label:active:after {
  width: 18px;
}
.formulario-busquedas .input-group input[type=checkbox]:checked + .label {
  background-color: #97BA3C;
}
.formulario-busquedas .input-group input[type=checkbox]:checked + .label:before {
  content: "\f00c";
  left: 2px;
  font-size: 0.813rem;
}
.formulario-busquedas .input-group input[type=checkbox]:checked + .label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}
.formulario-busquedas .input-group label.checkbox-inline {
  padding-left: 50px;
  margin-left: -43px;
  position: relative;
  z-index: 1;
  line-height: 25px;
  width: calc(100% - 5px);
  vertical-align: top;
  padding-top: 5px;
}
.formulario-busquedas input::-webkit-input-placeholder,
.formulario-busquedas input:-moz-placeholder,
.formulario-busquedas input::-moz-placeholder,
.formulario-busquedas input:-ms-input-placeholder {
  color: #666 !important;
  opacity: 1 !important;
  font-family: "OpenSans-Light", sans-serif !important;
  font-size: 3pt !important;
}
.formulario-busquedas .radio input[type=radio],
.formulario-busquedas .radio-inline input[type=radio],
.formulario-busquedas .checkbox input.checkbox-deco[type=checkbox],
.formulario-busquedas .checkbox-inline input.checkbox-deco[type=checkbox] {
  height: 20px;
  margin-left: -25px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.formulario-busquedas [type=radio]:not(:checked),
.formulario-busquedas [type=radio]:checked {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.formulario-busquedas [type=radio]:not(:checked) + label,
.formulario-busquedas [type=radio]:checked + label {
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-left: 35px;
  padding-right: 50px;
  position: relative;
  transition: all 0.28s ease 0s;
}
.formulario-busquedas [type=radio] + label:before,
.formulario-busquedas [type=radio] + label:after {
  left: 0;
  margin: 4px;
  position: absolute;
  top: 0;
  transition: all 0.28s ease 0s;
  z-index: 0;
  width: 20px;
  height: 20px;
}
.formulario-busquedas [type=radio] + label:after {
  height: 12px;
  width: 12px;
  top: 4px;
  left: 4px;
}
.formulario-busquedas [type=radio]:not(:checked) + label:after {
  transform: scale(0);
}
.formulario-busquedas [type=radio]:checked + label:before {
  border: 1px solid transparent;
}
.formulario-busquedas [type=radio]:checked + label:after,
.formulario-busquedas .with-gap[type=radio]:checked + label:before,
.formulario-busquedas .with-gap[type=radio]:checked + label:after {
  border: 1px solid #ABABAB;
}
.formulario-busquedas [type=radio]:checked + label:after,
.formulario-busquedas .with-gap[type=radio]:checked + label:after {
  background-color: #ABABAB;
}
.formulario-busquedas [type=radio]:checked + label:after {
  transform: scale(1);
}
.formulario-busquedas .with-gap[type=radio]:checked + label:after {
  transform: scale(1);
}
.formulario-busquedas [type=radio]:focus + label:before {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}
.formulario-busquedas .with-gap[type=radio]:disabled:checked + label:before {
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.formulario-busquedas .with-gap[type=radio]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.35);
  border: medium none;
}
.formulario-busquedas [type=radio]:disabled:not(:checked) + label:before,
.formulario-busquedas [type=radio]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
}
.formulario-busquedas [type=radio]:disabled + label,
.formulario-busquedas .checkbox-deco[type=checkbox]:disabled + label {
  color: rgba(0, 0, 0, 0.35);
}
.formulario-busquedas [type=radio]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.2);
}
.formulario-busquedas [type=radio]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: #949494;
}

.form-buscador-consumos.formulario-busquedas {
  padding-top: 10px;
  margin-bottom: 36px;
}

.acceso-cliente {
  padding: 30px 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 5px 15px 0px #ddd;
}
@media screen and (max-width: 768px) {
  .acceso-cliente {
    background-image: none;
    box-shadow: none;
    padding: 0;
  }
}
.acceso-cliente .ov-container {
  width: 1170px !important;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media screen and (max-width: 768px) {
  .acceso-cliente .ov-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 900px) {
  .acceso-cliente .ov-container {
    width: 100% !important;
    padding: 0 20px;
  }
}
@media screen and (max-width: 900px) {
  .acceso-cliente .ov-container {
    width: 100% !important;
  }
}
.acceso-cliente .ov-container .formulario {
  float: right;
}
@media screen and (max-width: 768px) {
  .acceso-cliente .ov-container .formulario {
    margin-bottom: 20px;
  }
}
.acceso-cliente .ov-container .formulario h1 {
  font-family: "PTSans-Regular", sans-serif;
}
.acceso-cliente .ov-container .formulario .form-group {
  margin: 30px 0;
  z-index: 9;
}
.acceso-cliente .ov-container .formulario .form-group .h2 {
  margin: 20px 0;
  color: #000;
  font-size: 2rem;
}
.acceso-cliente .ov-container .formulario .form-group .form-control {
  border-bottom: 1px solid #000;
  background: none;
  color: #000;
  font-family: "OpenSans-Regular", sans-serif;
}
.acceso-cliente .ov-container .formulario .form-group a#showme {
  position: absolute;
  top: 0;
  right: 0;
  color: #022e5f;
  font-family: "OpenSans-SemiBold", sans-serif;
  cursor: pointer;
  text-decoration: unset;
}
.acceso-cliente .ov-container .formulario .form-group input#recordar-usuario {
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}
.acceso-cliente .ov-container .formulario .form-group label.recordar-usuario {
  font-size: 1.0833rem;
  font-family: OpenSans-Regular, sans-serif;
  color: #022e5f;
  line-height: 20px;
}
.acceso-cliente .ov-container .formulario .form-group.required.empty::after {
  color: #000;
}
.acceso-cliente .ov-container .formulario .empty .form-control {
  border-bottom: 1px solid #000;
}
.acceso-cliente .ov-container .formulario .botones {
  margin: 20px 0;
  overflow: hidden;
  padding: 5px 0;
}
.acceso-cliente .ov-container .formulario .botones .btn-secundary {
  font-size: 1.25rem;
  width: 100%;
}
.acceso-cliente .ov-container .formulario .opciones a {
  display: block;
  margin: 5px 0;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #022e5f;
}
@media screen and (max-width: 768px) {
  .acceso-cliente .ov-container .info-acceso {
    background: #dfdfdf;
    padding-bottom: 30px;
  }
}
.acceso-cliente .ov-container .info-acceso .h1 {
  font-size: 2.25rem;
  font-family: "PTSans-Regular", sans-serif;
}
.acceso-cliente .ov-container .info-acceso h1 {
  font-family: "PTSans-Regular", sans-serif;
}
.acceso-cliente .ov-container .info-acceso h2.info-login {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 2.25rem;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.acceso-cliente .ov-container .info-acceso h3.info-login {
  font-family: "PTSans-Regular", sans-serif;
  margin: 20px 0;
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}
.acceso-cliente .ov-container .info-acceso p {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1rem;
}
.acceso-cliente .ov-container .info-acceso ul {
  padding: 0;
}
.acceso-cliente .ov-container .info-acceso ul li {
  list-style: none;
  line-height: 20px;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1rem;
  margin-bottom: 5px;
}
.acceso-cliente .ov-container .info-acceso h2 {
  font-family: "PTSans-Regular", sans-serif;
  margin: 20px 0;
  color: #000;
  font-size: 2rem;
}
.acceso-cliente .ov-container .info-acceso .form-group {
  z-index: 9;
  margin-bottom: 0px;
}
.acceso-cliente .ov-container .info-acceso .form-group .dropdown {
  margin: 10px 0 40px 0;
}
.acceso-cliente .ov-container .info-acceso .form-group .dropdown button {
  background-color: #97BA3C;
  border-radius: 30px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  border: 0;
  padding: 10px 30px;
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  color: #013871;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 1.25rem;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .acceso-cliente .ov-container .info-acceso .form-group .dropdown button {
    padding: 10px 20px;
  }
}
.acceso-cliente .ov-container .info-acceso .form-group .dropdown .dropdown-menu {
  border-radius: 0;
  padding: 0;
  width: 100%;
}
.acceso-cliente .ov-container .info-acceso .form-group .dropdown .dropdown-menu a {
  float: none;
  border-right: 0;
  color: #333;
  font-size: 0.8333rem;
  padding: 5px 10px;
  text-decoration: none;
}
.acceso-cliente .ov-container .info-acceso .opciones a {
  display: block;
  margin: 5px 0;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #022e5f;
}

.acceso-cliente::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 50%;
  display: block;
  background-image: url("/o/classic-theme/images/hidrogea/bg-acceso.png");
  background-repeat: no-repeat;
  background-position: center right;
}
@media screen and (max-width: 768px) {
  .acceso-cliente::after {
    background-image: none;
  }
}

.gestiones-online-sinregistro {
  margin: 15px auto;
}
.gestiones-online-sinregistro .title-section {
  text-align: center;
  display: block;
  margin: 0;
  font-family: "OpenSans-Regular", sans-serif;
  color: #777;
  font-size: 2rem;
}
.gestiones-online-sinregistro span {
  text-align: center;
  display: block;
  font-size: 1.3333rem;
  color: #777;
  margin-bottom: 30px;
}
.gestiones-online-sinregistro .group-dest {
  text-align: center;
}
.gestiones-online-sinregistro .group-dest a {
  color: #777;
  font-family: OpenSans-Light, sans-serif;
  text-decoration: none;
  font-size: 1rem;
}
.gestiones-online-sinregistro .group-dest span {
  display: block;
}
.gestiones-online-sinregistro .group-dest span.title-dest {
  text-transform: uppercase;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  margin-top: 1em;
  color: #6d6d6d;
}
@media screen and (max-width: 768px) {
  .gestiones-online-sinregistro .group-dest:nth-child(1), .gestiones-online-sinregistro .group-dest:nth-child(2) {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 768px) {
  .gestiones-online-sinregistro .group-dest:last-child {
    float: none;
  }
}

.recuperac-password {
  margin-top: 20px;
}
.recuperac-password p.titular {
  font-family: OpenSans-Light, sans-serif;
  color: #022e5f;
  font-size: 1.6667rem;
  margin-bottom: 0;
}
.recuperac-password p.mensaje {
  font-size: 0.92rem;
}
.recuperac-password p {
  font-size: 1.0833rem;
}
.recuperac-password span.form-group.required.empty::after {
  top: 0;
}
.recuperac-password .fila {
  overflow: hidden;
  margin-bottom: 30px;
  height: 5em;
}
@media screen and (max-width: 768px) {
  .recuperac-password .fila {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 900px) {
  .recuperac-password .fila {
    margin-bottom: 0;
  }
}
.recuperac-password .fila .required.empty::after {
  font-size: 1.0833rem;
}
.recuperac-password .fila .col-md-3 {
  float: left;
}
.recuperac-password .fila .col-md-6, .recuperac-password .fila .col-md-3 {
  padding-left: 0;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .recuperac-password .fila .col-md-6, .recuperac-password .fila .col-md-3 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 900px) {
  .recuperac-password .fila .col-md-6, .recuperac-password .fila .col-md-3 {
    margin-bottom: 30px !important;
  }
}
.recuperac-password .fila .form-group input {
  font-size: 1.0833rem;
  padding-left: 5px;
  border-bottom: 1px solid #ccc;
}
.recuperac-password .fila .form-group select {
  font-size: 1.0833rem;
  border-bottom: 1px solid #ccc;
  padding: 0;
}
.recuperac-password .botones {
  margin: 0 0 60px 0;
}
.recuperac-password .botones .btn-primary, .recuperac-password .botones .btn-secundary {
  float: right;
  margin: 0 10px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .recuperac-password .botones .btn-primary, .recuperac-password .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .recuperac-password .botones .btn-primary, .recuperac-password .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
.recuperac-password p.info span {
  font-weight: bold;
}
.recuperac-password p.pie, .recuperac-password .c100 p.bar, .c100 .recuperac-password p.bar, .recuperac-password .c100.p51 p.fill, .c100.p51 .recuperac-password p.fill, .recuperac-password .c100.p52 p.fill, .c100.p52 .recuperac-password p.fill, .recuperac-password .c100.p53 p.fill, .c100.p53 .recuperac-password p.fill, .recuperac-password .c100.p54 p.fill, .c100.p54 .recuperac-password p.fill, .recuperac-password .c100.p55 p.fill, .c100.p55 .recuperac-password p.fill, .recuperac-password .c100.p56 p.fill, .c100.p56 .recuperac-password p.fill, .recuperac-password .c100.p57 p.fill, .c100.p57 .recuperac-password p.fill, .recuperac-password .c100.p58 p.fill, .c100.p58 .recuperac-password p.fill, .recuperac-password .c100.p59 p.fill, .c100.p59 .recuperac-password p.fill, .recuperac-password .c100.p60 p.fill, .c100.p60 .recuperac-password p.fill, .recuperac-password .c100.p61 p.fill, .c100.p61 .recuperac-password p.fill, .recuperac-password .c100.p62 p.fill, .c100.p62 .recuperac-password p.fill, .recuperac-password .c100.p63 p.fill, .c100.p63 .recuperac-password p.fill, .recuperac-password .c100.p64 p.fill, .c100.p64 .recuperac-password p.fill, .recuperac-password .c100.p65 p.fill, .c100.p65 .recuperac-password p.fill, .recuperac-password .c100.p66 p.fill, .c100.p66 .recuperac-password p.fill, .recuperac-password .c100.p67 p.fill, .c100.p67 .recuperac-password p.fill, .recuperac-password .c100.p68 p.fill, .c100.p68 .recuperac-password p.fill, .recuperac-password .c100.p69 p.fill, .c100.p69 .recuperac-password p.fill, .recuperac-password .c100.p70 p.fill, .c100.p70 .recuperac-password p.fill, .recuperac-password .c100.p71 p.fill, .c100.p71 .recuperac-password p.fill, .recuperac-password .c100.p72 p.fill, .c100.p72 .recuperac-password p.fill, .recuperac-password .c100.p73 p.fill, .c100.p73 .recuperac-password p.fill, .recuperac-password .c100.p74 p.fill, .c100.p74 .recuperac-password p.fill, .recuperac-password .c100.p75 p.fill, .c100.p75 .recuperac-password p.fill, .recuperac-password .c100.p76 p.fill, .c100.p76 .recuperac-password p.fill, .recuperac-password .c100.p77 p.fill, .c100.p77 .recuperac-password p.fill, .recuperac-password .c100.p78 p.fill, .c100.p78 .recuperac-password p.fill, .recuperac-password .c100.p79 p.fill, .c100.p79 .recuperac-password p.fill, .recuperac-password .c100.p80 p.fill, .c100.p80 .recuperac-password p.fill, .recuperac-password .c100.p81 p.fill, .c100.p81 .recuperac-password p.fill, .recuperac-password .c100.p82 p.fill, .c100.p82 .recuperac-password p.fill, .recuperac-password .c100.p83 p.fill, .c100.p83 .recuperac-password p.fill, .recuperac-password .c100.p84 p.fill, .c100.p84 .recuperac-password p.fill, .recuperac-password .c100.p85 p.fill, .c100.p85 .recuperac-password p.fill, .recuperac-password .c100.p86 p.fill, .c100.p86 .recuperac-password p.fill, .recuperac-password .c100.p87 p.fill, .c100.p87 .recuperac-password p.fill, .recuperac-password .c100.p88 p.fill, .c100.p88 .recuperac-password p.fill, .recuperac-password .c100.p89 p.fill, .c100.p89 .recuperac-password p.fill, .recuperac-password .c100.p90 p.fill, .c100.p90 .recuperac-password p.fill, .recuperac-password .c100.p91 p.fill, .c100.p91 .recuperac-password p.fill, .recuperac-password .c100.p92 p.fill, .c100.p92 .recuperac-password p.fill, .recuperac-password .c100.p93 p.fill, .c100.p93 .recuperac-password p.fill, .recuperac-password .c100.p94 p.fill, .c100.p94 .recuperac-password p.fill, .recuperac-password .c100.p95 p.fill, .c100.p95 .recuperac-password p.fill, .recuperac-password .c100.p96 p.fill, .c100.p96 .recuperac-password p.fill, .recuperac-password .c100.p97 p.fill, .c100.p97 .recuperac-password p.fill, .recuperac-password .c100.p98 p.fill, .c100.p98 .recuperac-password p.fill, .recuperac-password .c100.p99 p.fill, .c100.p99 .recuperac-password p.fill, .recuperac-password .c100.p100 p.fill, .c100.p100 .recuperac-password p.fill {
  text-align: center;
}
.recuperac-password p.pie span, .recuperac-password .c100 p.bar span, .c100 .recuperac-password p.bar span, .recuperac-password .c100.p51 p.fill span, .c100.p51 .recuperac-password p.fill span, .recuperac-password .c100.p52 p.fill span, .c100.p52 .recuperac-password p.fill span, .recuperac-password .c100.p53 p.fill span, .c100.p53 .recuperac-password p.fill span, .recuperac-password .c100.p54 p.fill span, .c100.p54 .recuperac-password p.fill span, .recuperac-password .c100.p55 p.fill span, .c100.p55 .recuperac-password p.fill span, .recuperac-password .c100.p56 p.fill span, .c100.p56 .recuperac-password p.fill span, .recuperac-password .c100.p57 p.fill span, .c100.p57 .recuperac-password p.fill span, .recuperac-password .c100.p58 p.fill span, .c100.p58 .recuperac-password p.fill span, .recuperac-password .c100.p59 p.fill span, .c100.p59 .recuperac-password p.fill span, .recuperac-password .c100.p60 p.fill span, .c100.p60 .recuperac-password p.fill span, .recuperac-password .c100.p61 p.fill span, .c100.p61 .recuperac-password p.fill span, .recuperac-password .c100.p62 p.fill span, .c100.p62 .recuperac-password p.fill span, .recuperac-password .c100.p63 p.fill span, .c100.p63 .recuperac-password p.fill span, .recuperac-password .c100.p64 p.fill span, .c100.p64 .recuperac-password p.fill span, .recuperac-password .c100.p65 p.fill span, .c100.p65 .recuperac-password p.fill span, .recuperac-password .c100.p66 p.fill span, .c100.p66 .recuperac-password p.fill span, .recuperac-password .c100.p67 p.fill span, .c100.p67 .recuperac-password p.fill span, .recuperac-password .c100.p68 p.fill span, .c100.p68 .recuperac-password p.fill span, .recuperac-password .c100.p69 p.fill span, .c100.p69 .recuperac-password p.fill span, .recuperac-password .c100.p70 p.fill span, .c100.p70 .recuperac-password p.fill span, .recuperac-password .c100.p71 p.fill span, .c100.p71 .recuperac-password p.fill span, .recuperac-password .c100.p72 p.fill span, .c100.p72 .recuperac-password p.fill span, .recuperac-password .c100.p73 p.fill span, .c100.p73 .recuperac-password p.fill span, .recuperac-password .c100.p74 p.fill span, .c100.p74 .recuperac-password p.fill span, .recuperac-password .c100.p75 p.fill span, .c100.p75 .recuperac-password p.fill span, .recuperac-password .c100.p76 p.fill span, .c100.p76 .recuperac-password p.fill span, .recuperac-password .c100.p77 p.fill span, .c100.p77 .recuperac-password p.fill span, .recuperac-password .c100.p78 p.fill span, .c100.p78 .recuperac-password p.fill span, .recuperac-password .c100.p79 p.fill span, .c100.p79 .recuperac-password p.fill span, .recuperac-password .c100.p80 p.fill span, .c100.p80 .recuperac-password p.fill span, .recuperac-password .c100.p81 p.fill span, .c100.p81 .recuperac-password p.fill span, .recuperac-password .c100.p82 p.fill span, .c100.p82 .recuperac-password p.fill span, .recuperac-password .c100.p83 p.fill span, .c100.p83 .recuperac-password p.fill span, .recuperac-password .c100.p84 p.fill span, .c100.p84 .recuperac-password p.fill span, .recuperac-password .c100.p85 p.fill span, .c100.p85 .recuperac-password p.fill span, .recuperac-password .c100.p86 p.fill span, .c100.p86 .recuperac-password p.fill span, .recuperac-password .c100.p87 p.fill span, .c100.p87 .recuperac-password p.fill span, .recuperac-password .c100.p88 p.fill span, .c100.p88 .recuperac-password p.fill span, .recuperac-password .c100.p89 p.fill span, .c100.p89 .recuperac-password p.fill span, .recuperac-password .c100.p90 p.fill span, .c100.p90 .recuperac-password p.fill span, .recuperac-password .c100.p91 p.fill span, .c100.p91 .recuperac-password p.fill span, .recuperac-password .c100.p92 p.fill span, .c100.p92 .recuperac-password p.fill span, .recuperac-password .c100.p93 p.fill span, .c100.p93 .recuperac-password p.fill span, .recuperac-password .c100.p94 p.fill span, .c100.p94 .recuperac-password p.fill span, .recuperac-password .c100.p95 p.fill span, .c100.p95 .recuperac-password p.fill span, .recuperac-password .c100.p96 p.fill span, .c100.p96 .recuperac-password p.fill span, .recuperac-password .c100.p97 p.fill span, .c100.p97 .recuperac-password p.fill span, .recuperac-password .c100.p98 p.fill span, .c100.p98 .recuperac-password p.fill span, .recuperac-password .c100.p99 p.fill span, .c100.p99 .recuperac-password p.fill span, .recuperac-password .c100.p100 p.fill span, .c100.p100 .recuperac-password p.fill span {
  font-weight: bold;
}

.recuperac-usuario {
  margin-top: 25px;
}
.recuperac-usuario p.titular {
  font-family: OpenSans-Light, sans-serif;
  color: #022e5f;
  font-size: 1.6667rem;
  margin-bottom: 13px;
}
.recuperac-usuario p.mensaje {
  font-size: 1rem;
  text-align: right;
}
.recuperac-usuario p {
  font-size: 1.0833rem;
}
.recuperac-usuario span.form-group.required.empty::after {
  top: 0;
}
.recuperac-usuario .fila {
  overflow: hidden;
}
.recuperac-usuario .fila .required.empty::after {
  font-size: 1.0833rem;
}
.recuperac-usuario .fila .col-md-3 {
  float: left;
}
.recuperac-usuario .fila .col-md-6, .recuperac-usuario .fila .col-md-3 {
  padding-left: 5px;
  padding-right: 10px;
}
.recuperac-usuario .fila .form-group {
  padding-left: 0;
}
@media screen and (max-width: 900px) {
  .recuperac-usuario .fila .form-group {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 900px) {
  .recuperac-usuario .fila .form-group {
    margin-bottom: 30px;
  }
}
.recuperac-usuario .fila .form-group .avatar {
  background-image: url("/o/classic-theme/images/hidrogea/ico-avatar-v.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  width: 41px;
  height: 39px;
  position: absolute;
}
.recuperac-usuario .fila .form-group input {
  font-size: 1.0833rem;
  padding-left: 15px;
  border-bottom: 1px solid #ccc;
  height: 39px;
}
.recuperac-usuario .fila .form-group select.email {
  font-size: 1.0833rem;
  border-bottom: 1px solid #ccc;
  padding-left: 50px;
  height: 39px;
  font-family: "OpenSans-Regular", sans-serif;
}
.recuperac-usuario .botones {
  margin: 60px 0 60px 0;
}
@media screen and (max-width: 768px) {
  .recuperac-usuario .botones {
    margin: 30px 0 60px 0;
  }
}
@media screen and (max-width: 900px) {
  .recuperac-usuario .botones {
    margin: 30px 0 60px 0;
  }
}
.recuperac-usuario .botones .btn-primary, .recuperac-usuario .botones .btn-secundary {
  float: right;
  margin: 0 10px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .recuperac-usuario .botones .btn-primary, .recuperac-usuario .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .recuperac-usuario .botones .btn-primary, .recuperac-usuario .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
.recuperac-usuario p.info span {
  font-weight: bold;
}
.recuperac-usuario p.pie, .recuperac-usuario .c100 p.bar, .c100 .recuperac-usuario p.bar, .recuperac-usuario .c100.p51 p.fill, .c100.p51 .recuperac-usuario p.fill, .recuperac-usuario .c100.p52 p.fill, .c100.p52 .recuperac-usuario p.fill, .recuperac-usuario .c100.p53 p.fill, .c100.p53 .recuperac-usuario p.fill, .recuperac-usuario .c100.p54 p.fill, .c100.p54 .recuperac-usuario p.fill, .recuperac-usuario .c100.p55 p.fill, .c100.p55 .recuperac-usuario p.fill, .recuperac-usuario .c100.p56 p.fill, .c100.p56 .recuperac-usuario p.fill, .recuperac-usuario .c100.p57 p.fill, .c100.p57 .recuperac-usuario p.fill, .recuperac-usuario .c100.p58 p.fill, .c100.p58 .recuperac-usuario p.fill, .recuperac-usuario .c100.p59 p.fill, .c100.p59 .recuperac-usuario p.fill, .recuperac-usuario .c100.p60 p.fill, .c100.p60 .recuperac-usuario p.fill, .recuperac-usuario .c100.p61 p.fill, .c100.p61 .recuperac-usuario p.fill, .recuperac-usuario .c100.p62 p.fill, .c100.p62 .recuperac-usuario p.fill, .recuperac-usuario .c100.p63 p.fill, .c100.p63 .recuperac-usuario p.fill, .recuperac-usuario .c100.p64 p.fill, .c100.p64 .recuperac-usuario p.fill, .recuperac-usuario .c100.p65 p.fill, .c100.p65 .recuperac-usuario p.fill, .recuperac-usuario .c100.p66 p.fill, .c100.p66 .recuperac-usuario p.fill, .recuperac-usuario .c100.p67 p.fill, .c100.p67 .recuperac-usuario p.fill, .recuperac-usuario .c100.p68 p.fill, .c100.p68 .recuperac-usuario p.fill, .recuperac-usuario .c100.p69 p.fill, .c100.p69 .recuperac-usuario p.fill, .recuperac-usuario .c100.p70 p.fill, .c100.p70 .recuperac-usuario p.fill, .recuperac-usuario .c100.p71 p.fill, .c100.p71 .recuperac-usuario p.fill, .recuperac-usuario .c100.p72 p.fill, .c100.p72 .recuperac-usuario p.fill, .recuperac-usuario .c100.p73 p.fill, .c100.p73 .recuperac-usuario p.fill, .recuperac-usuario .c100.p74 p.fill, .c100.p74 .recuperac-usuario p.fill, .recuperac-usuario .c100.p75 p.fill, .c100.p75 .recuperac-usuario p.fill, .recuperac-usuario .c100.p76 p.fill, .c100.p76 .recuperac-usuario p.fill, .recuperac-usuario .c100.p77 p.fill, .c100.p77 .recuperac-usuario p.fill, .recuperac-usuario .c100.p78 p.fill, .c100.p78 .recuperac-usuario p.fill, .recuperac-usuario .c100.p79 p.fill, .c100.p79 .recuperac-usuario p.fill, .recuperac-usuario .c100.p80 p.fill, .c100.p80 .recuperac-usuario p.fill, .recuperac-usuario .c100.p81 p.fill, .c100.p81 .recuperac-usuario p.fill, .recuperac-usuario .c100.p82 p.fill, .c100.p82 .recuperac-usuario p.fill, .recuperac-usuario .c100.p83 p.fill, .c100.p83 .recuperac-usuario p.fill, .recuperac-usuario .c100.p84 p.fill, .c100.p84 .recuperac-usuario p.fill, .recuperac-usuario .c100.p85 p.fill, .c100.p85 .recuperac-usuario p.fill, .recuperac-usuario .c100.p86 p.fill, .c100.p86 .recuperac-usuario p.fill, .recuperac-usuario .c100.p87 p.fill, .c100.p87 .recuperac-usuario p.fill, .recuperac-usuario .c100.p88 p.fill, .c100.p88 .recuperac-usuario p.fill, .recuperac-usuario .c100.p89 p.fill, .c100.p89 .recuperac-usuario p.fill, .recuperac-usuario .c100.p90 p.fill, .c100.p90 .recuperac-usuario p.fill, .recuperac-usuario .c100.p91 p.fill, .c100.p91 .recuperac-usuario p.fill, .recuperac-usuario .c100.p92 p.fill, .c100.p92 .recuperac-usuario p.fill, .recuperac-usuario .c100.p93 p.fill, .c100.p93 .recuperac-usuario p.fill, .recuperac-usuario .c100.p94 p.fill, .c100.p94 .recuperac-usuario p.fill, .recuperac-usuario .c100.p95 p.fill, .c100.p95 .recuperac-usuario p.fill, .recuperac-usuario .c100.p96 p.fill, .c100.p96 .recuperac-usuario p.fill, .recuperac-usuario .c100.p97 p.fill, .c100.p97 .recuperac-usuario p.fill, .recuperac-usuario .c100.p98 p.fill, .c100.p98 .recuperac-usuario p.fill, .recuperac-usuario .c100.p99 p.fill, .c100.p99 .recuperac-usuario p.fill, .recuperac-usuario .c100.p100 p.fill, .c100.p100 .recuperac-usuario p.fill {
  text-align: center;
}
.recuperac-usuario p.pie span, .recuperac-usuario .c100 p.bar span, .c100 .recuperac-usuario p.bar span, .recuperac-usuario .c100.p51 p.fill span, .c100.p51 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p52 p.fill span, .c100.p52 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p53 p.fill span, .c100.p53 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p54 p.fill span, .c100.p54 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p55 p.fill span, .c100.p55 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p56 p.fill span, .c100.p56 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p57 p.fill span, .c100.p57 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p58 p.fill span, .c100.p58 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p59 p.fill span, .c100.p59 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p60 p.fill span, .c100.p60 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p61 p.fill span, .c100.p61 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p62 p.fill span, .c100.p62 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p63 p.fill span, .c100.p63 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p64 p.fill span, .c100.p64 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p65 p.fill span, .c100.p65 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p66 p.fill span, .c100.p66 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p67 p.fill span, .c100.p67 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p68 p.fill span, .c100.p68 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p69 p.fill span, .c100.p69 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p70 p.fill span, .c100.p70 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p71 p.fill span, .c100.p71 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p72 p.fill span, .c100.p72 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p73 p.fill span, .c100.p73 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p74 p.fill span, .c100.p74 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p75 p.fill span, .c100.p75 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p76 p.fill span, .c100.p76 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p77 p.fill span, .c100.p77 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p78 p.fill span, .c100.p78 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p79 p.fill span, .c100.p79 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p80 p.fill span, .c100.p80 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p81 p.fill span, .c100.p81 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p82 p.fill span, .c100.p82 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p83 p.fill span, .c100.p83 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p84 p.fill span, .c100.p84 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p85 p.fill span, .c100.p85 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p86 p.fill span, .c100.p86 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p87 p.fill span, .c100.p87 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p88 p.fill span, .c100.p88 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p89 p.fill span, .c100.p89 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p90 p.fill span, .c100.p90 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p91 p.fill span, .c100.p91 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p92 p.fill span, .c100.p92 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p93 p.fill span, .c100.p93 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p94 p.fill span, .c100.p94 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p95 p.fill span, .c100.p95 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p96 p.fill span, .c100.p96 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p97 p.fill span, .c100.p97 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p98 p.fill span, .c100.p98 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p99 p.fill span, .c100.p99 .recuperac-usuario p.fill span, .recuperac-usuario .c100.p100 p.fill span, .c100.p100 .recuperac-usuario p.fill span {
  font-weight: bold;
}

.registro-sg-perfil .cabecera {
  background: #fbfbfb;
  padding: 10px 0;
  margin-bottom: 50px;
}
.registro-sg-perfil .cabecera .box {
  width: 1170px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .registro-sg-perfil .cabecera .box {
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 900px) {
  .registro-sg-perfil .cabecera .box {
    width: 100%;
    padding: 10px;
  }
}
.registro-sg-perfil .cabecera .box h1 {
  text-transform: uppercase;
  color: #013871;
}
.registro-sg-perfil .cabecera .box p.info {
  font-family: "OpenSans-Regular", sans-serif;
  margin-top: 35px;
}
.registro-sg-perfil .contenedor {
  width: 1170px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .registro-sg-perfil .contenedor {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .registro-sg-perfil .contenedor {
    width: 100%;
  }
}
.registro-sg-perfil .contenedor .combo {
  overflow: hidden;
  margin: auto;
  float: none;
  border-bottom: 2px solid #eee;
}
@media screen and (max-width: 768px) {
  .registro-sg-perfil .contenedor .combo {
    margin: 20px auto;
  }
}
@media screen and (max-width: 900px) {
  .registro-sg-perfil .contenedor .combo {
    margin: 20px auto;
  }
}
.registro-sg-perfil .contenedor .combo h2 {
  font-size: 2rem;
  text-align: center;
  color: #737373;
  font-family: "OpenSans-Regular", sans-serif;
  margin-bottom: 5px;
}
.registro-sg-perfil .contenedor .combo p.subtitulo {
  font-size: 1.3333rem;
  text-align: center;
  font-family: "OpenSans-Light", sans-serif;
  color: #737373;
}
.registro-sg-perfil .contenedor .combo p.info {
  margin-top: 45px;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .registro-sg-perfil .contenedor .combo p.info {
    margin-top: 20px;
  }
}
@media screen and (max-width: 900px) {
  .registro-sg-perfil .contenedor .combo p.info {
    margin-top: 20px;
  }
}
.registro-sg-perfil .contenedor .combo p.descripcion {
  margin-bottom: 15px;
}
.registro-sg-perfil .contenedor .combo ul {
  margin: 0;
  padding: 0px 0 30px 0;
  list-style: none;
}
.registro-sg-perfil .contenedor .combo ul li {
  padding-top: 10px;
  float: left;
  padding-left: 80px;
  background-repeat: no-repeat;
  min-height: 55px;
  margin-bottom: 27px;
}
.registro-sg-perfil .contenedor .combo ul li a {
  text-decoration: none;
  line-height: 20pt;
  color: #737373;
  font-size: 1.0833rem;
  font-family: "OpenSans-Regular", sans-serif;
}
.registro-sg-perfil .contenedor .combo ul .consulta-contratos {
  background-image: url("/o/classic-theme/images/hidrogea/consulta-contratos.png");
}
.registro-sg-perfil .contenedor .combo ul .descarga-facturas {
  background-image: url("/o/classic-theme/images/hidrogea/descarga-facturas.png");
}
.registro-sg-perfil .contenedor .combo ul .evoluc-consumo {
  background-image: url("/o/classic-theme/images/hidrogea/evoluc-consumo.png");
}
.registro-sg-perfil .contenedor .combo ul .otras-gestiones {
  background-image: url("/o/classic-theme/images/hidrogea/otras-gestiones.png");
}
.registro-sg-perfil .contenedor .combo h3 {
  font-size: 1.6667rem;
  color: #022e5f;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .registro-sg-perfil .contenedor .combo .botones {
    margin: 10px 0;
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .registro-sg-perfil .contenedor .combo .botones {
    margin: 10px 0;
    padding: 0;
  }
}
.registro-sg-perfil .contenedor .combo .botones .btn-primary {
  padding: 10px 15px;
  margin-left: 0;
  width: 100%;
}

.dashboard-privado {
  /** inicio banners DASHBOARD*/
  /* Cuando hay dos banners */
  /* Item individual del banner */
  /* Banner completo (cuando solo hay uno) */
  /* Banner mitad (cuando hay dos) */
  /* Imagen del banner */
  /* Contenido del banner */
  /* Textos */
  /* Botón */
  /*section.banner-ov*/
  /*section.banner-ov.banner-ov--double*/
  /** fin banners DASHBOARD*/
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .dashboard-privado {
    margin-bottom: 60px;
  }
}
.dashboard-privado .graficos-factura-consumo .ov-container .graficos .combo .botones {
  padding-left: 0;
  padding-right: 0;
}
.dashboard-privado .graficos-factura-consumo .ov-container .graficos .combo .botones div {
  padding-left: 0;
  padding-right: 0;
}
.dashboard-privado .dashboard-mobile-header {
  display: inline-flex;
  max-width: 85%;
}
.dashboard-privado .dashboard-mobile-header .welcome-message {
  color: #002d63;
  font-size: 1.6667rem;
  font-family: "PT Sans", sans-serif;
  padding: 25px 0 20px 15px;
}
.dashboard-privado .dashboard-mobile-header .welcome-message .welcome-message_user-name:after {
  content: "      ";
  background: url("/o/cxov-theme/images/commons/hand.svg") center no-repeat;
}
.dashboard-privado .dashboard-mobile-header .dashboard-menu {
  position: absolute;
  right: -15px;
}
.dashboard-privado .dashboard-mobile-header .dashboard-menu .dashboard-menu_container {
  position: relative;
  background: #fff;
  width: 70px;
  height: 70px;
  border-radius: 0 0 0 100%;
  border: 1px solid #D6D6D6;
  border-right: none;
  border-top: none;
}
.dashboard-privado .dashboard-mobile-header .dashboard-menu .dashboard-menu_container .dashboard-menu_button {
  position: relative;
  top: 10px;
  right: -30px;
}
.dashboard-privado .dashboard-mobile-header .dashboard-menu .dashboard-menu_container .dashboard-menu_button:before {
  content: "     ";
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eperson_black_24dp%3C/title%3E%3Cg id='Navegación-Mobile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='iPhone-11-Home' transform='translate(-377.000000, -13.000000)'%3E%3Cg id='person_black_24dp' transform='translate(377.000000, 13.000000)'%3E%3Cpolygon id='Path' points='0 0 24 0 24 24 0 24'%3E%3C/polygon%3E%3Cpath d='M12,12 C14.21,12 16,10.21 16,8 C16,5.79 14.21,4 12,4 C9.79,4 8,5.79 8,8 C8,10.21 9.79,12 12,12 Z M12,14 C9.33,14 4,15.34 4,18 L4,20 L20,20 L20,18 C20,15.34 14.67,14 12,14 Z' id='Shape' fill='%23002C67' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  transform: scale(1.3);
}
.dashboard-privado .box h3 {
  margin: 0 0 60px 0;
  color: #737373;
  font-size: 2rem;
  font-family: "OpenSans-Light", sans-serif;
}
.dashboard-privado .dashboard-periodo {
  height: auto;
  background-color: #fafafa;
  margin-top: 12px;
  text-align: center;
}
.dashboard-privado .dashboard-periodo .dashboard-periodo-titulo {
  height: auto;
  margin-top: 21px;
  text-align: center;
}
.dashboard-privado .dashboard-periodo .dashboard-periodo-titulo span {
  font-size: 1.4167rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #453937;
}
.dashboard-privado .dashboard-periodo .dashboard-periodo-titulo h2 {
  font-size: 1.4167rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #453937;
}
.dashboard-privado .graficos-factura-consumo {
  height: auto;
  text-align: center;
}
.dashboard-privado .graficos-factura-consumo .combo {
  margin-bottom: 24px;
  font-family: "OpenSans-Regular", sans-serif;
}
.dashboard-privado .graficos-factura-consumo .combo .titulo {
  width: 100%;
  height: 43px;
  line-height: normal;
  text-align: center;
  color: #737373;
}
.dashboard-privado .graficos-factura-consumo .combo .titulo h2 {
  text-align: center;
  color: #002d63;
  margin: 0;
  line-height: normal;
  letter-spacing: normal;
}
.dashboard-privado .graficos-factura-consumo .combo .titulo .title-h2 {
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
.dashboard-privado .graficos-factura-consumo .combo .titulo p {
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: normal;
}
.dashboard-privado .graficos-factura-consumo .combo .titulo h3 {
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: normal;
}
.dashboard-privado .graficos-factura-consumo .combo .grafico {
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  width: 240px;
  height: 240px;
  background-color: #ecf0f6;
  margin: 33px auto;
}
.dashboard-privado .graficos-factura-consumo .combo .grafico-ifactura {
  width: 240px;
  height: 240px;
  background-color: #fff;
  margin: 33px auto;
}
.dashboard-privado .graficos-factura-consumo .combo .grafico-ifactura svg {
  overflow: visible;
}
.dashboard-privado .graficos-factura-consumo .combo .grafico-ifactura > div {
  overflow: visible !important;
}
.dashboard-privado .graficos-factura-consumo .combo .grafico-ifactura .title_ifactura {
  border-radius: 50%;
  text-align: center;
  width: 232px;
  height: 232px;
  margin-top: -4px;
  margin-left: -25px;
}
.dashboard-privado .graficos-factura-consumo .combo .grafico-ifactura .highcharts-title {
  border-radius: 50%;
}
.dashboard-privado .graficos-factura-consumo .combo .boton-compuesto {
  width: 100%;
  padding: 5px 20px;
  border-radius: 30px;
}
.dashboard-privado .graficos-factura-consumo .combo .boton-compuesto a {
  width: 100%;
  font-size: 1.17rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.dashboard-privado .graficos-factura-consumo .combo .info-pie {
  padding: 5px 0;
}
.dashboard-privado .graficos-factura-consumo .combo .porcentaje p {
  height: 23px;
  font-size: 1.0833rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #453937;
}
.dashboard-privado .graficos-factura-consumo .combo .porcentaje p span.important {
  font-weight: 600;
  color: #013871;
}
.dashboard-privado .graficos-factura-consumo .separador-vertical {
  margin-top: 2em;
  width: 2px;
  border: solid 1px #cccccc;
  float: left;
  height: 507px;
  margin-left: 49%;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .graficos-factura-consumo .separador-vertical {
    display: none;
  }
}
.dashboard-privado .graficos-evolucion-consumo {
  padding-bottom: 24px;
}
.dashboard-privado .dashboard-ultimas-gestiones {
  padding-bottom: 24px;
}
.dashboard-privado .dashboard-descarga-masiva {
  padding-bottom: 24px;
}
.dashboard-privado .dashboard-descarga-masiva div.contenedor {
  margin-bottom: 30px;
}
.dashboard-privado .dashboard-descarga-masiva div.contenedor .spinner {
  margin-bottom: 40px;
}
.dashboard-privado .ov-container {
  font-family: "OpenSans-Regular", sans-serif;
  margin-bottom: 0px;
}
.dashboard-privado .ov-container .info-avisos {
  overflow: hidden;
  margin-bottom: 100px;
  box-shadow: 3px 7px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .info-avisos {
    margin: 15px;
  }
}
@media screen and (max-width: 900px) {
  .dashboard-privado .ov-container .info-avisos {
    margin: 15px;
  }
}
.dashboard-privado .ov-container .info-avisos .msg-info-aviso {
  color: #013871;
  background-color: #ccea83;
  background-image: url("/o/classic-theme/images/hidrogea/ico-info.png");
  background-position: left center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso {
    background-image: none;
  }
}
.dashboard-privado .ov-container .info-avisos .msg-info-aviso a {
  font-family: "OpenSans-Regular", sans-serif;
  color: #013871;
  font-size: 1rem;
  text-align: right;
  margin-top: 10px;
}
.dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
  padding: 10px 0 10px 130px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding: 10px;
  }
}
@media screen and (max-width: 900px) {
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding: 10px;
  }
}
.dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #000;
}
.dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso p {
  margin-bottom: 0;
  color: #000;
  font-family: "OpenSans-Regular", sans-serif;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso {
    padding: 15px;
  }
  .dashboard-privado .ov-container .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.dashboard-privado .ov-container .graficos {
  display: grid;
  gap: 20px;
}
.dashboard-privado .ov-container .graficos .combo {
  min-height: 400px;
}
.dashboard-privado .ov-container .graficos .botones {
  padding-left: 0px;
  padding-right: 0px;
}
.dashboard-privado .ov-container .combo {
  text-align: center;
}
.dashboard-privado .ov-container .combo .grafico_vacio {
  background: #ccc;
  height: 250px;
  border-radius: 50%;
  margin: 60px auto;
  overflow: hidden;
  width: 250px;
}
.dashboard-privado .ov-container .combo .grafico .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px;
  width: 75px;
  height: 75px;
  display: block;
  /* margin: 45px auto 10px auto; */
  padding-top: 165px;
  /*padding-top:100px;*/
}
.dashboard-privado .ov-container .combo .grafico .ico-gota-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/grifo-icon-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px;
  width: 75px;
  height: 75px;
  display: block;
  margin: 60px auto 15px;
}
.dashboard-privado .ov-container .combo .grafico .texto-grafico {
  font-size: 2.5rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  color: #28234e;
  letter-spacing: 5px;
  /* margin-top:-50px; */
}
.dashboard-privado .ov-container .combo .grafico .texto-grafico__ov {
  font-size: 1.6em;
}
.dashboard-privado .ov-container .combo .title_ifactura .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px;
  /* margin: 45px auto 10px auto; */
  padding-top: 143px;
}
.dashboard-privado .ov-container .combo .title_ifactura .texto-grafico {
  font-size: 2.5rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  color: #28234e;
  margin-top: -25px;
}
.dashboard-privado .ov-container .combo .title_ifactura .texto-grafico__ov {
  font-size: 1.6em;
}
.dashboard-privado .ov-container .combo .pagado {
  text-transform: uppercase;
  color: #55780F;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.3333rem;
}
.dashboard-privado .ov-container .combo .pagado__ov {
  font-size: 0.9em;
}
.dashboard-privado .ov-container .combo .pendiente {
  text-transform: uppercase;
  color: #bd0303;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.3333rem;
}
.dashboard-privado .ov-container .combo .pendiente__ov {
  font-size: 0.9em;
}
.dashboard-privado .ov-container .botones .boton-compuesto a {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.17rem;
  float: left;
  padding-right: 10px;
  text-decoration: none;
}
.dashboard-privado .ov-container .botones .boton-compuesto .dropdown {
  float: right;
  border-left: 1px solid #f8e1c2;
}
.dashboard-privado .ov-container .botones .boton-compuesto .dropdown button {
  background: none;
  border: 0;
  padding: 0;
  box-shadow: none;
  margin: 0;
}
.dashboard-privado .ov-container .botones .boton-compuesto .dropdown button span.angle {
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 10px;
  display: block;
  background-size: 16px auto;
  margin-left: 10px;
  margin-top: 8px;
}
.dashboard-privado .ov-container .botones .boton-compuesto .dropdown .dropdown-menu {
  border-radius: 0;
  padding: 0;
}
.dashboard-privado .ov-container .botones .boton-compuesto .dropdown .dropdown-menu a {
  float: none;
  border-right: 0;
  border-bottom: 1px dotted #ddd;
  color: #333;
  font-size: 0.8333rem;
  padding: 5px 10px;
}
.dashboard-privado .ov-container .botones .boton-compuesto::after {
  clear: both;
  content: " ";
  display: table;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .info-pie {
    margin-top: 30px;
  }
}
.dashboard-privado .ov-container .info-pie select {
  margin: 0 auto 30px auto;
  font-family: "OpenSans-Bold", sans-serif;
  color: #fff;
  background-color: #97BA3C;
  border: none;
  border-radius: 30px;
  padding: 5px 65px 6px 15px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: normal;
  width: auto;
  height: auto;
  background-image: url("/o/classic-theme/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  font-size: 1rem;
  background-size: 16px auto;
}
.dashboard-privado .ov-container .info-pie a {
  font-size: 1rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  margin: 0;
  color: #013871;
}
.dashboard-privado .ov-container .info-pie .mensaje {
  padding-top: 100px;
}
.dashboard-privado .ov-container .info-pie .mensaje span {
  color: #97BA3C;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.dashboard-privado .box {
  text-align: center;
  margin-top: 50px;
  overflow: hidden;
}
.dashboard-privado .box h1 {
  margin: 0 0 60px 0;
  color: #737373;
  font-size: 2rem;
  font-family: "OpenSans-Light", sans-serif;
}
.dashboard-privado .box h2 {
  margin: 0 0 60px 0;
  color: #737373;
  font-size: 2rem;
  font-family: "OpenSans-Light", sans-serif;
}
.dashboard-privado .box .tab-menu ul {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.dashboard-privado .box .tab-menu ul li {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
}
.dashboard-privado .box .tab-menu ul li a {
  display: block;
  width: 130px;
  background-color: #fff;
  color: #013871;
  font-family: "OpenSans-SemiBold", sans-serif;
  border-radius: 0;
  border: 1px #ccc;
  padding: 5px 10px;
  text-decoration: none;
  border: 2.5px solid #DBDBDB;
  border-radius: 7px;
}
.dashboard-privado .box .tab-menu ul li a span.ov, .dashboard-privado .box .tab-menu ul li a .ql-container span.ql-editor:before, .ql-container .dashboard-privado .box .tab-menu ul li a span.ql-editor:before {
  font-weight: regular;
  color: #002D63;
}
.dashboard-privado .box .tab-menu ul li.active a {
  background-color: #fff;
  color: #013871;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
  border: 2.5px solid #002c67;
  border-radius: 7px;
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
}
.dashboard-privado .box .tab-menu ul li.active a span.ov, .dashboard-privado .box .tab-menu ul li.active a .ql-container span.ql-editor:before, .ql-container .dashboard-privado .box .tab-menu ul li.active a span.ql-editor:before {
  font-weight: bold;
  color: #002D63;
}
.dashboard-privado .box .contenedor { /*TODO No se donde termina */
  margin: auto;
  float: none;
}
.dashboard-privado .box .contenedor .table-list .table-thead-list {
  border-bottom: 2px solid #ABABAB;
  background-color: #F5F7F9;
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.dashboard-privado .box .contenedor .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
.dashboard-privado .box .contenedor .table-list .table-tr-list {
  border-bottom: 1px solid #ddd;
}
.dashboard-privado .box .contenedor .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.dashboard-privado .box .contenedor .table-list .table-th-list,
.dashboard-privado .box .contenedor .table-list .table-td-list {
  float: left;
  padding: 12px;
}
.dashboard-privado .box .contenedor .descarga-masiva-facturas {
  margin-bottom: 30px;
}
.dashboard-privado .box .contenedor .descarga-masiva-facturas .table-th-list,
.dashboard-privado .box .contenedor .descarga-masiva-facturas .table-td-list {
  width: 33.33%;
  text-align: center;
}
.dashboard-privado .box .contenedor .descarga-masiva-facturas .cell-fichero {
  color: #666;
  font-family: "OpenSans-Regular", sans-serif;
}
.dashboard-privado .box .contenedor .descarga-masiva-facturas a {
  color: #013871;
  text-decoration: underline;
}
.dashboard-privado .box .contenedor .st-default {
  color: #666;
}
.dashboard-privado .box .contenedor .st-alert {
  color: #BD0303;
}
.dashboard-privado .box .contenedor .st-success {
  color: #55780F;
}
.dashboard-privado .box .contenedor .st-warning {
  color: #B85D08;
}
.dashboard-privado .box .contenedor .ultimas-gestiones {
  margin-bottom: 30px;
}
.dashboard-privado .box .contenedor .ultimas-gestiones .cell-tipo-gestion {
  width: 30%;
  padding-left: 50px;
  text-align: left;
}
.dashboard-privado .box .contenedor .ultimas-gestiones .cell-id-gestion {
  width: 20%;
}
.dashboard-privado .box .contenedor .ultimas-gestiones .cell-fecha {
  width: 20%;
  font-family: "OpenSans-Regular", sans-serif;
}
.dashboard-privado .box .contenedor .ultimas-gestiones .cell-estado {
  width: 15%;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.dashboard-privado .box .contenedor .ultimas-gestiones .cell-acciones {
  width: 15%;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .box .contenedor .ultimas-gestiones {
    margin-bottom: 20px;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-id-gestion, .dashboard-privado .box .contenedor .ultimas-gestiones .table-thead-list {
    display: none;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .table-tr-list {
    position: relative;
    padding-top: 20px;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .table-tr-list:first-of-type {
    border-top: 1px solid #DDD;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .table-td-list {
    text-align: left;
    padding-left: 0;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-tipo-gestion {
    width: 80%;
    width: calc(100% - 60px);
    position: relative;
    margin-bottom: 10px;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-fecha {
    width: 50%;
    position: relative;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-estado {
    width: 50%;
    position: relative;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-acciones {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-tipo-gestion:before,
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-fecha:before,
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-estado:before {
    content: attr(data-label) ":";
    position: absolute;
    top: -10px;
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.dashboard-privado .box .contenedor .btn-detalle-gestion {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: 40px;
  height: 25px;
  box-shadow: none;
}
.dashboard-privado .box .contenedor .btn-detalle-gestion.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
}
.dashboard-privado .box .contenedor .detalle-gestion {
  clear: both;
  text-align: left;
  width: 100%;
  background-color: #f9fbfd;
  margin-bottom: 15px;
}
.dashboard-privado .box .contenedor .detalle-gestion .inner-detalle-gestion {
  padding: 30px;
}
.dashboard-privado .box .contenedor .detalle-gestion p {
  margin-bottom: 15px;
}
.dashboard-privado .box .contenedor .detalle-gestion p:last-of-type {
  margin-bottom: 0;
}
.dashboard-privado .box .contenedor .botones {
  padding: 10px 0;
}
.dashboard-privado .box .contenedor .botones .btn-primary, .dashboard-privado .box .contenedor .botones .btn-secundary {
  float: right;
  padding: 10px 0;
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .box .contenedor .botones .btn-primary, .dashboard-privado .box .contenedor .botones .btn-secundary {
    margin: 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .dashboard-privado .box .contenedor .botones .btn-primary, .dashboard-privado .box .contenedor .botones .btn-secundary {
    margin: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .dashboard-privado .box .contenedor .botones {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .dashboard-privado .box .contenedor .botones {
    padding: 0;
  }
}
.dashboard-privado .load-more-descargas {
  text-align: center;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
  margin-bottom: 40px;
}
.dashboard-privado .load-more-descargas a {
  color: #97BA3C;
  text-decoration: none;
}
.dashboard-privado .load-more-descargas a:hover {
  text-decoration: underline;
}
.dashboard-privado .graph {
  width: 235px;
  height: 235px;
  display: inline-block;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  font-family: "OpenSans-SemiBold", sans-serif;
  position: relative;
  margin: 60px auto;
  border: 1px solid #ccc;
}
.dashboard-privado .graph .top-data {
  position: absolute;
  top: 0;
  margin-top: 50px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.6667rem;
}
.dashboard-privado .graph .top-data .data-value {
  font-size: 3.1667rem;
}
.dashboard-privado .graph .top-data.ultimoConsumo_grande {
  font-size: 1.6667rem;
}
.dashboard-privado .graph .top-data.ultimoConsumo_grande .data-value {
  font-size: 3.1667rem;
}
.dashboard-privado .graph .top-data.ultimoConsumo_mediano {
  font-size: 1.5rem;
  padding-top: 20px;
}
.dashboard-privado .graph .top-data.ultimoConsumo_mediano .data-value {
  font-size: 1.6667rem;
}
.dashboard-privado .graph .top-data.ultimoConsumo_pequenyo {
  font-size: 1.17rem;
  padding-top: 30px;
}
.dashboard-privado .graph .top-data.ultimoConsumo_pequenyo .data-value {
  font-size: 1.3333rem;
}
.dashboard-privado .graph .bottom-data {
  position: absolute;
  bottom: 0;
  margin-bottom: 50px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.4167rem;
}
.dashboard-privado .graph .bottom-data .data-value {
  font-size: 2.1667rem;
}
.dashboard-privado .graph .bottom-data.ultimoConsumo_grande {
  font-size: 1.4167rem;
}
.dashboard-privado .graph .bottom-data.ultimoConsumo_grande .data-value {
  font-size: 2.1667rem;
}
.dashboard-privado .graph .bottom-data.ultimoConsumo_mediano {
  font-size: 1.3333rem;
  padding-bottom: 20px;
}
.dashboard-privado .graph .bottom-data.ultimoConsumo_mediano .data-value {
  font-size: 1.5833rem;
}
.dashboard-privado .graph .bottom-data.ultimoConsumo_pequenyo {
  font-size: 1.17rem;
  padding-bottom: 30px;
}
.dashboard-privado .graph .bottom-data.ultimoConsumo_pequenyo .data-value {
  font-size: 1.3333rem;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .ov-container .combo .ifactura .boton-ifactura {
    margin: 30px 80px;
  }
}
.dashboard-privado .botones.group-buttons-right {
  float: right;
}
.dashboard-privado .banner-ov {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov {
    flex-direction: column;
  }
}
.dashboard-privado .banner-ov--double {
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov--double {
    flex-direction: column;
  }
}
.dashboard-privado .banner-ov__item {
  align-items: center;
  background: linear-gradient(135deg, #003366 0%, #004080 100%);
  border-radius: 8px;
  padding: 24px;
  gap: 20px;
}
.dashboard-privado .banner-ov__item--full {
  width: 100%;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov__item--full {
    flex-direction: column;
    text-align: center;
  }
}
.dashboard-privado .banner-ov__item--half {
  width: calc(50% - 10px);
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov__item--half {
    width: 100%;
  }
}
.dashboard-privado .image-banner {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-privado .banner-ov__item--full .image-banner img {
  width: 120px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov__item--full .image-banner img {
    width: 80px;
    margin-bottom: 16px;
  }
}
.dashboard-privado .banner-ov__item--half .image-banner img {
  width: 80px;
  height: auto;
  margin-bottom: 0;
}
.dashboard-privado .content-banner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  justify-content: center;
}
.dashboard-privado .banner-ov__item--half .content-banner {
  align-items: center;
  width: 100%;
}
.dashboard-privado .banner-ov__item--full .content-banner {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov__item--full .content-banner {
    align-items: center;
  }
}
.dashboard-privado .banner-claim {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dashboard-privado .banner-claim .title {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.3;
}
.dashboard-privado .banner-ov__item--half .banner-claim .title {
  font-size: 18px;
}
.dashboard-privado .banner-claim .description {
  font-size: 14px;
  color: #e0e0e0;
  margin-bottom: 0;
}
.dashboard-privado .btn-primary-ov {
  background-color: #003d7a;
  color: #ffffff;
  border: none;
  border-radius: 24px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.3s ease;
  align-self: center;
}
.dashboard-privado .btn-primary-ov:hover {
  background-color: #002952;
}
.dashboard-privado .banner-ov__item--full .btn-primary-ov {
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .dashboard-privado .banner-ov__item--full .btn-primary-ov {
    align-self: center;
  }
}
.dashboard-privado section.banner-ov .banner-ov__long:before {
  border-top: 50px solid #002d63;
}
.dashboard-privado section.banner-ov .banner-ov__long {
  border: 1px solid rgba(151, 151, 151, 0.37);
  height: 140px;
  width: 100%;
  flex-direction: row;
  padding: 0;
  justify-content: left;
}
.dashboard-privado section.banner-ov .banner-ov__long .image-banner {
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 40px;
  min-width: 175px;
}
.dashboard-privado section.banner-ov .banner-ov__long .image-banner img {
  width: 100%;
}
.dashboard-privado section.banner-ov .banner-ov__long .content-banner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}
.dashboard-privado section.banner-ov .banner-ov__long .content-banner .banner-claim {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dashboard-privado section.banner-ov .banner-ov__long .content-banner .banner-claim .title {
  font-size: 1.6em;
}
.dashboard-privado section.banner-ov .banner-ov__long .content-banner .banner-claim .description {
  font-size: 1.2em;
}
.dashboard-privado section.banner-ov .banner-ov__long .content-banner .banner-button {
  grid-column: 2;
}
.dashboard-privado section.banner-ov .banner-ov__long .content-banner .banner-button .btn-primary-ov:hover {
  color: #ffffff;
}
.dashboard-privado section.banner-ov .banner-ov__long:before {
  border-right: 30px solid transparent;
  border-top: 30px solid #002d63;
  border-left: 200px solid #002d63;
  border-bottom: 200px solid transparent;
}
.dashboard-privado section.banner-ov.banner-ov--double {
  /*banner-ov__long*/
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov {
  height: 205px;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long:before {
  border-right: 100px solid transparent;
  border-top: 100px solid #002d63;
  border-left: 125px solid #002d63;
  border-bottom: 125px solid transparent;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long {
  min-height: 140px;
  height: 205px;
  padding: 0;
  /*.content-banner*/
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .image-banner {
  margin: 0 0 0 40px;
  min-width: 175px;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .image-banner img {
  max-width: 100%;
  max-height: 100px;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner {
  display: flex;
  margin: 0 20px;
  align-items: flex-start;
  /*.banner-claim*/
  /*.banner-button*/
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner .banner-claim {
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 100px;
  height: 90px;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner .banner-claim .title {
  font-size: 1.4em;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner .banner-claim .description {
  font-size: 1.1em;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner .banner-button {
  grid-row: 2;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner .banner-button .btn-primary-ov {
  color: #ffffff;
  background-color: #002952;
  border: 2px solid #002d63;
  font-size: 1em;
  padding: 8px 24px;
  border-radius: 5em;
}
.dashboard-privado section.banner-ov.banner-ov--double .banner-ov__long .content-banner .banner-button .btn-primary-ov:hover {
  color: #ffffff;
  background-color: #002952;
  border: 2px solid #002d63;
  font-size: 1em;
  padding: 8px 24px;
  border-radius: 5em;
}

/*.dashboard-privado*/
.desglose-facturas .modal .modal-body {
  border-top: none;
}
.desglose-facturas .modal-header {
  margin: 15px !important;
}
.desglose-facturas .title_ifactura {
  border-radius: 50%;
  text-align: center;
  width: 232px;
  height: 232px;
  position: relative;
  right: 25px;
  top: -12px;
}
@media only screen and (max-width: 359px) {
  .desglose-facturas .title_ifactura {
    margin-left: -12px;
  }
}
.desglose-facturas .title_ifactura .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px;
  /* 			margin: 45px auto 10px auto; */
  padding-top: 143px;
}
.desglose-facturas .title_ifactura .texto-grafico {
  font-size: 2.5rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  color: #28234e;
  margin-top: -25px;
}
.desglose-facturas .title_ifactura .list-desglose {
  margin-top: 30px;
}
.desglose-facturas .title_ifactura .list-desglose .field {
  margin-top: 18px;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #28234e;
}
.desglose-facturas .pagado {
  text-transform: uppercase;
  color: #55780F;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.3333rem;
}
.desglose-facturas .pendiente {
  text-transform: uppercase;
  color: #bd0303;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.3333rem;
}
.desglose-facturas .highcharts-title {
  border-radius: 50%;
}
.desglose-facturas .list-desglose .field-concepto {
  font-weight: 700;
}
.desglose-facturas .grafica_contrato .grafico_contrato_popup svg {
  overflow: visible;
}
.desglose-facturas .grafica_contrato .grafico_contrato_popup > div {
  overflow: visible !important;
}
@media (min-width: 1200px) {
  .desglose-facturas .grafica_contrato {
    /* 		@media screen and (max-width: $ov-tablet-max-width) { */
  }
  .desglose-facturas .grafica_contrato .ov-container {
    width: 1350px;
  }
}
.desglose-facturas .contrato .direccion, .desglose-facturas .contrato .alias {
  width: auto;
}
@media screen and (max-width: 768px) {
  .desglose-facturas button.close {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .desglose-facturas button.close {
    width: 100%;
  }
}

.condiciones-legales .header-title {
  margin-left: 24px;
}
.condiciones-legales .container-cond-uso .content-cond-legales {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 30em;
  margin: 24px;
  padding: 19px;
  background-color: #F9F8F8;
}
.condiciones-legales .container-cond-uso .area-buttons {
  margin-top: 34px;
  margin-right: 20px;
  padding-bottom: 40px;
  margin-left: 10px;
}
.condiciones-legales label.ov, .condiciones-legales .ql-container label.ql-editor:before, .ql-container .condiciones-legales label.ql-editor:before {
  font-size: 0.9em;
}
.condiciones-legales .radio-conditions {
  font-size: 0.8em;
  font-family: "PT Sans", sans-serif;
}

@media screen and (min-width: 500px) {
  .dashboard-desktop {
    display: block;
  }
  .dashboard-mobile {
    display: none;
  }
}
.info-contactanos {
  background-color: #fafafa;
}
.info-contactanos .ov-container {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .info-contactanos .ov-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 900px) {
  .info-contactanos .ov-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.info-contactanos .ov-container p {
  padding-bottom: 20px;
  font-size: 1.0833rem;
}

.contactanos {
  padding: 50px 0 70px;
  text-align: center;
  font-family: "OpenSans-Light", sans-serif;
}
@media screen and (max-width: 768px) {
  .contactanos {
    padding: 20px 0 20px;
  }
}
.contactanos .group-dest.web-channel {
  margin: 35px 0;
}
@media screen and (max-width: 768px) {
  .contactanos .group-dest.web-channel {
    margin: 5px 0;
  }
}
.contactanos .title-section {
  display: block;
  margin: 0 0 50px;
  font-size: 2rem;
  color: #737373;
}
.contactanos .web-channel span {
  display: block;
  margin-bottom: 20px;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  color: #737373;
}
.contactanos .web-channel a {
  color: #222;
  text-decoration: none;
}
.contactanos .web-channel a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .contactanos .web-channel {
    margin-bottom: 30px;
  }
  .contactanos .web-channel:nth-child(2n+1) {
    clear: left;
  }
}
.contactanos .phone-channel .title-channel {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
}
.contactanos .phone-channel .number-phone {
  color: #55780F;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.contactanos .phone-channel p {
  font-size: 1.0833rem;
}
.contactanos .phone-channel .horario {
  font-size: 1rem;
}
.contactanos .phone-channel .horario .label {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .contactanos .phone-channel {
    margin-bottom: 25px;
  }
}
.contactanos .online-channel .title-channel {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.contactanos .online-channel .dir-contact a {
  color: #55780F;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.contactanos .online-channel .horario {
  font-size: 1rem;
}
.contactanos .online-channel .horario .label {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .contactanos .online-channel {
    margin-bottom: 25px;
  }
}
.contactanos .oficina {
  margin: auto;
  float: none;
}
.contactanos .oficina .title-channel {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.contactanos .oficina .index-office {
  width: 25px;
  line-height: 25px;
  display: inline-block;
  background-color: #97BA3C;
  border-radius: 50%;
  color: white;
}
.contactanos .oficina .title {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.contactanos .oficina .address {
  font-size: 1.0833rem;
}
.contactanos .oficina .label {
  font-size: 1rem;
  color: #222;
  font-weight: normal;
}
.contactanos .oficina .horario {
  font-size: 1rem;
}
.contactanos .oficina .horario .label {
  text-decoration: underline;
  line-height: 30px;
}
.contactanos .oficina .phone-number {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.5rem;
  color: #55780F;
  margin-top: 40px;
}
.contactanos .oficina .phone-number .label {
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: normal;
}
.contactanos .oficina .solicitar-cita {
  margin-top: 40px;
}
.contactanos .oficina .solicitar-cita .label {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  display: block;
  margin-bottom: 15px;
}
.contactanos .oficina .solicitar-cita .btn-cita {
  background-color: #97BA3C;
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 30px;
  box-shadow: 0 2px 10px -5px #222;
}
@media screen and (max-width: 768px) {
  .contactanos .oficina .solicitar-cita {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .contactanos .oficina .group-dest {
    margin-bottom: 25px;
  }
  .contactanos .oficina .group-dest:nth-child(2n+1) {
    clear: left;
  }
}
.contactanos.wrapper-oficina {
  background-color: #F1F1F1;
  padding-bottom: 0;
}
.contactanos .wrapper-map-oficinas {
  margin-top: 50px;
  position: relative;
}
.contactanos .wrapper-map-oficinas #map-oficinas {
  height: 650px;
}
@media screen and (max-width: 768px) {
  .contactanos .wrapper-map-oficinas {
    margin-top: 10px;
  }
  .contactanos .wrapper-map-oficinas #map-oficinas {
    height: 300px;
  }
}

.contactanos.grey {
  background-color: #f8f8f8;
}

.detalle-contrato {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  color: #666;
}
.detalle-contrato .datos-personales {
  margin-top: 1em;
}
.detalle-contrato .pago-domicializacion {
  margin-top: 1em;
}
.detalle-contrato .envio-facturas {
  margin-top: 1em;
}
.detalle-contrato .section-detalle-contrato.pago-domicializacion {
  min-height: 6em;
}
.detalle-contrato .section-detalle-contrato {
  padding: 15px 0;
  border-bottom: 2px solid #B2B2B2;
  /*&.pago-domicializacion{
  	padding-bottom: 10em;
  }     */
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato {
    padding: 0px 0;
  }
}
.detalle-contrato .section-detalle-contrato:last-of-type {
  border-bottom: 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .collapse {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato {
    padding: 15px 0px;
  }
}
.detalle-contrato .section-detalle-contrato ul {
  list-style: none;
  padding-left: 0px;
}
.detalle-contrato .section-detalle-contrato ul#datos-contrato {
  min-height: 17em;
}
.detalle-contrato .section-detalle-contrato ul#datos-personales {
  min-height: 21em;
}
.detalle-contrato .section-detalle-contrato ul#datos-pago {
  min-height: 4em;
}
.detalle-contrato .section-detalle-contrato ul#datos-pago-12-gotas {
  min-height: 4em;
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato ul#datos-contrato {
    height: 575px;
  }
  .detalle-contrato .section-detalle-contrato ul#datos-personales {
    height: 575px;
  }
  .detalle-contrato .section-detalle-contrato div#pago-domicializacion {
    height: 325px;
  }
  .detalle-contrato .section-detalle-contrato ul#datos-pago {
    height: 200px;
  }
  .detalle-contrato .section-detalle-contrato ul#datos-pago-12-gotas {
    height: 125px;
  }
}
.detalle-contrato .section-detalle-contrato li {
  padding-left: 0px;
}
.detalle-contrato .section-detalle-contrato h3 {
  font-size: 1.6667rem;
  color: #013871;
  margin-bottom: 20px;
  margin-top: 0;
}
.detalle-contrato .section-detalle-contrato h3 button {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: 40px;
  height: 25px;
  box-shadow: none;
  float: right;
  border: 0;
}
.detalle-contrato .section-detalle-contrato h3 button.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
}
.detalle-contrato .section-detalle-contrato h2 {
  font-size: 1.6667rem;
  color: #013871;
  margin-bottom: 20px;
  margin-top: 0;
}
.detalle-contrato .section-detalle-contrato h2 button {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: 40px;
  height: 25px;
  box-shadow: none;
  float: right;
  border: 0;
}
.detalle-contrato .section-detalle-contrato h2 button.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
}
.detalle-contrato .section-detalle-contrato .label-item {
  font-family: "OpenSans-Regular", sans-serif;
  display: block;
  margin-bottom: 4px;
}
.detalle-contrato .section-detalle-contrato a {
  color: #013871;
  text-decoration: underline;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .row {
    margin-bottom: 20px;
  }
  .detalle-contrato .section-detalle-contrato .row:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .row > * {
    margin-bottom: 10px;
  }
  .detalle-contrato .section-detalle-contrato .row .col-btn {
    margin-bottom: 15px;
  }
  .detalle-contrato .section-detalle-contrato .row .col-btn:after {
    content: " ";
    clear: both;
    display: table;
  }
  .detalle-contrato .section-detalle-contrato .row .col-btn .btn {
    width: 100%;
  }
}
.detalle-contrato .section-detalle-contrato .col-btn {
  /*padding: 20px 0px;*/
  float: right;
  height: 50px;
}
.detalle-contrato .section-detalle-contrato .col-btn .btn {
  min-width: 260px;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
}
.detalle-contrato .section-detalle-contrato.datos-personales .col-btn {
  padding-top: 2px;
}
.detalle-contrato .section-detalle-contrato .btn-primary {
  color: #013871;
  background-color: #97BA3C;
  text-align: center;
  /*height: 35px;*/
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  border-radius: 30px;
  padding: 4px;
}
.detalle-contrato .section-detalle-contrato .detail {
  display: inline-block;
  width: 100%;
  line-height: 1.1;
  padding-bottom: 5px;
}
.detalle-contrato .section-detalle-contrato .check-on-auth {
  background: url("/o/classic-theme/images/hidrogea/ico-checkbox-yellow.png") no-repeat left top;
  padding-left: 35px;
}
.detalle-contrato .section-detalle-contrato .underline {
  border-bottom: 1px solid #ccc;
}
.detalle-contrato .section-detalle-contrato .favorito {
  display: block;
  width: 70px;
  height: 27px;
  background: url("/o/classic-theme/images/hidrogea/favorito-orange.png") no-repeat center;
}
.detalle-contrato .section-detalle-contrato .w-help {
  color: #999;
  background: none;
  border: 0;
}
.detalle-contrato .section-detalle-contrato .input-group {
  width: 100%;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox] + .label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 20px;
  background-color: #DDD;
  display: inline-block;
  border-radius: 20px;
  position: relative;
  margin-left: -15px;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox] + .label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox] + .label:before {
  font-family: "fontawesome-alloy", sans-serif;
  text-indent: 0;
  content: "\f00d";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 18px;
  line-height: 1;
  font-size: 0.92rem;
  font-weight: normal;
  transition: 0.4s;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox] + .label:active:after {
  width: 18px;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label {
  background-color: #97BA3C;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label:before {
  content: "\f00c";
  left: 2px;
  font-size: 0.813rem;
}
.detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}
.detalle-contrato .section-detalle-contrato .input-group label.checkbox-inline {
  padding-left: 50px;
  margin-left: -43px;
  position: relative;
  z-index: 1;
  line-height: 25px;
  width: calc(100% - 5px);
  vertical-align: top;
  padding-top: 5px;
}
.detalle-contrato .section-detalle-contrato .radio input[type=radio],
.detalle-contrato .section-detalle-contrato .radio-inline input[type=radio],
.detalle-contrato .section-detalle-contrato .checkbox input.checkbox-deco[type=checkbox],
.detalle-contrato .section-detalle-contrato .checkbox-inline input.checkbox-deco[type=checkbox] {
  height: 20px;
  margin-left: -25px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked),
.detalle-contrato .section-detalle-contrato [type=radio]:checked {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked) + label,
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label {
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-left: 35px;
  padding-right: 50px;
  position: relative;
  transition: all 0.28s ease 0s;
}
.detalle-contrato .section-detalle-contrato [type=radio] + label:before,
.detalle-contrato .section-detalle-contrato [type=radio] + label:after {
  content: "";
  left: 0;
  margin: 4px;
  position: absolute;
  top: 0;
  transition: all 0.28s ease 0s;
  z-index: 0;
  width: 20px;
  height: 20px;
}
.detalle-contrato .section-detalle-contrato [type=radio] + label:after {
  height: 12px;
  width: 12px;
  top: 4px;
  left: 4px;
}
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked) + label:before,
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked) + label:after,
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label:before,
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label:after,
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:checked + label:before,
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:checked + label:after {
  border-radius: 50%;
}
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked) + label:before,
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked) + label:after {
  border: 1px solid #666;
}
.detalle-contrato .section-detalle-contrato [type=radio]:not(:checked) + label:after {
  transform: scale(0);
}
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label:before {
  border: 1px solid transparent;
}
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label:after,
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:checked + label:before,
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:checked + label:after {
  border: 1px solid #666;
}
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label:after,
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:checked + label:after {
  background-color: #666;
}
.detalle-contrato .section-detalle-contrato [type=radio]:checked + label:after {
  transform: scale(1);
}
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:checked + label:after {
  transform: scale(1);
}
.detalle-contrato .section-detalle-contrato [type=radio]:focus + label:before {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:disabled:checked + label:before {
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.detalle-contrato .section-detalle-contrato .with-gap[type=radio]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.35);
  border: medium none;
}
.detalle-contrato .section-detalle-contrato [type=radio]:disabled:not(:checked) + label:before,
.detalle-contrato .section-detalle-contrato [type=radio]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
}
.detalle-contrato .section-detalle-contrato [type=radio]:disabled + label,
.detalle-contrato .section-detalle-contrato .checkbox-deco[type=checkbox]:disabled + label {
  color: rgba(0, 0, 0, 0.35);
}
.detalle-contrato .section-detalle-contrato [type=radio]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.2);
}
.detalle-contrato .section-detalle-contrato [type=radio]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: #949494;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos p {
  line-height: normal;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso {
  border: 1px solid rgba(1, 56, 113, 0.3);
  padding: 30px;
  color: #013871;
  background: url("/o/classic-theme/images/hidrogea/icon-info-averias.png") no-repeat 45px 20px;
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso {
    background: none;
  }
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
  padding-left: 130px;
  font-size: 1rem;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a, .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso .wrapper-msg-info-aviso p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso {
    padding: 15px;
    background-position-x: 25px;
  }
  .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green {
  border: 1px solid rgba(14, 99, 3, 0.3);
  padding: 30px;
  color: #0E6303;
  background: url("/o/classic-theme/images/hidrogea/icon-info-check.png") no-repeat 45px 20px;
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green {
    background: none;
  }
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso {
  padding-left: 130px;
  font-size: 1rem;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso a, .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green {
    padding: 15px;
    background-position-x: 25px;
  }
  .detalle-contrato .section-detalle-contrato .modal.factura-por-correo .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .btn-group {
  width: 100%;
  text-align: center;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .btn-group button {
  float: none;
  margin: 20px 10px 0;
  font-size: 1.17rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  border-radius: 30px;
  padding: 5px 25px;
}
.detalle-contrato .section-detalle-contrato .modal.factura-por-correo .btn-group button.btn-secondary {
  color: #013871;
}

.btn {
  box-shadow: 0 3px 5px -5px #888;
}

.gestiones-online .tab-gestiones-online li {
  border: 0;
}
.gestiones-online .tab-gestiones-online li:nth-of-type(1) {
  padding-right: 6px;
}
.gestiones-online .tab-gestiones-online li:nth-of-type(2) {
  padding-left: 6px;
}
.gestiones-online .tab-gestiones-online li.active a {
  color: #013871;
  background-color: #F0F4FA;
  border-bottom: 2px solid #6183A8;
  border-left: 0;
}
.gestiones-online .tab-gestiones-online li a {
  display: block;
  color: #747474;
  text-decoration: none;
  font-family: "OpenSans-Regular", sans-serif;
  border-bottom: 2px solid #B2B2B2;
  border-left: 0;
}
@media screen and (max-width: 768px) {
  .gestiones-online .tab-gestiones-online li {
    min-height: 60px;
    display: flex;
  }
  .gestiones-online .tab-gestiones-online li a {
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
    line-height: 1;
    width: 100%;
  }
}
.gestiones-online .buscador-gestiones .btn-buscador {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding-left: 55px;
  padding-right: 120px;
  background-color: #D3DBE4;
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, 94% center;
  background-size: 20px, auto;
  color: #1A4C7F;
  border: none;
  border-radius: 20px;
  transition: 0.4s;
}
.gestiones-online .buscador-gestiones .btn-buscador.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/icon-search-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .gestiones-online .buscador-gestiones .form-buscador-gestiones .group-submit {
    bottom: 25px;
  }
}
.gestiones-online .st-default, .gestiones-online .st-alert, .gestiones-online .st-success, .gestiones-online .st-warning {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.gestiones-online .st-default {
  color: #666;
}
.gestiones-online .st-alert {
  color: #BD0303;
}
.gestiones-online .st-success {
  color: #55780F;
}
.gestiones-online .st-warning {
  color: #B85D08;
}
.gestiones-online .btn-detalle-gestion {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: 40px;
  height: 25px;
  box-shadow: none;
}
.gestiones-online .btn-detalle-gestion.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
}
.gestiones-online .detalle-gestion {
  clear: both;
  width: 100%;
  background-color: #f9fbfd;
  margin-bottom: 15px;
}
.gestiones-online .detalle-gestion .inner-detalle-gestion {
  padding: 30px;
}
.gestiones-online .detalle-gestion p {
  margin-bottom: 15px;
}
.gestiones-online .detalle-gestion p:last-of-type {
  margin-bottom: 0;
}
.gestiones-online .listado-gestiones {
  margin-top: 50px;
}
.gestiones-online .listado-gestiones .table-list .table-thead-list {
  border-bottom: 2px solid #ABABAB;
  background-color: #F5F7F9;
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.gestiones-online .listado-gestiones .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
.gestiones-online .listado-gestiones .table-list .table-tr-list {
  border-bottom: 1px solid #ddd;
}
.gestiones-online .listado-gestiones .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.gestiones-online .listado-gestiones .table-list .table-th-list,
.gestiones-online .listado-gestiones .table-list .table-td-list {
  float: left;
  padding: 12px;
}
.gestiones-online .listado-gestiones .cell-tipo-gestion {
  width: 30%;
  text-align: center;
}
.gestiones-online .listado-gestiones .cell-id-gestion {
  width: 20%;
  text-align: center;
}
.gestiones-online .listado-gestiones .cell-solicitud {
  width: 20%;
  text-align: center;
}
.gestiones-online .listado-gestiones .cell-estado {
  width: 20%;
  text-align: center;
}
.gestiones-online .listado-gestiones .cell-detalle {
  width: 10%;
  text-align: center;
}
.gestiones-online .listado-gestiones.has-searched .cell-contrato {
  width: 15%;
}
.gestiones-online .listado-gestiones.has-searched .cell-agrupador {
  width: 15%;
}
.gestiones-online .listado-gestiones.has-searched .cell-tipo-gestion {
  width: 20%;
}
.gestiones-online .listado-gestiones.has-searched .cell-id-gestion {
  width: 12.5%;
}
.gestiones-online .listado-gestiones.has-searched .cell-solicitud {
  width: 12.5%;
}
.gestiones-online .listado-gestiones.has-searched .cell-estado {
  width: 15%;
}
@media screen and (max-width: 768px) {
  .gestiones-online .listado-gestiones .cell-contrato, .gestiones-online .listado-gestiones .cell-agrupador,
  .gestiones-online .listado-gestiones .cell-id-gestion, .gestiones-online .listado-gestiones .table-thead-list {
    display: none;
  }
  .gestiones-online .listado-gestiones .table-tr-list {
    position: relative;
    padding-top: 20px;
  }
  .gestiones-online .listado-gestiones .table-tr-list:first-of-type {
    border-top: 1px solid #666666;
  }
  .gestiones-online .listado-gestiones .cell-tipo-gestion, .gestiones-online .listado-gestiones.has-searched .cell-tipo-gestion {
    width: 80%;
    width: calc(100% - 60px);
    text-align: inherit;
    position: relative;
    margin-bottom: 10px;
  }
  .gestiones-online .listado-gestiones .cell-solicitud, .gestiones-online .listado-gestiones.has-searched .cell-solicitud {
    width: 50%;
    text-align: inherit;
    position: relative;
  }
  .gestiones-online .listado-gestiones .cell-estado, .gestiones-online .listado-gestiones.has-searched .cell-estado {
    width: 50%;
    text-align: inherit;
    position: relative;
  }
  .gestiones-online .listado-gestiones .cell-detalle {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
  .gestiones-online .listado-gestiones .cell-tipo-gestion:before,
  .gestiones-online .listado-gestiones .cell-solicitud:before,
  .gestiones-online .listado-gestiones .cell-estado:before {
    content: attr(data-label) ":";
    position: absolute;
    top: -10px;
    font-family: "OpenSans-Regular", sans-serif;
  }
}
@media screen and (max-width: 768px) {
  .gestiones-online .wrapper-gestiones-online {
    padding: 0 15px;
  }
}
.gestiones-online .list-management .panel-management .panel-management {
  width: 50%;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .gestiones-online .list-management .panel-management .panel-management {
    width: 33.333%;
  }
}
.gestiones-online .sin-permisos {
  margin-top: 2em;
}

.ajustes-cliente .acceso {
  padding: 60px 0 35px 100px;
  background-repeat: no-repeat;
  background-position: 20px 70px;
  border-bottom: 1px solid #EAEAEA;
}
.ajustes-cliente .acceso:last-of-type {
  border-bottom: 0;
}
.ajustes-cliente .acceso.acceso-miperfil {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-ajuste-perfil.png");
}
.ajustes-cliente .acceso.acceso-cuentas-asociadas {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-ajuste-cuentasasociadas.png");
}
.ajustes-cliente .acceso.acceso-agrupaciones {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-ajuste-agrupaciones.png");
}
.ajustes-cliente .acceso.acceso-alertas {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-ajuste-alertas.png");
}
.ajustes-cliente .acceso.acceso-baja {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-ajuste-baja.png");
}
.ajustes-cliente .acceso.acceso-logout {
  text-align: center;
  padding-left: 0;
}
.ajustes-cliente .acceso.acceso-logout h3 {
  color: #013871;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.ajustes-cliente .acceso.acceso-logout .btn-primary {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4167rem;
  background-color: #97BA3C;
  text-decoration: none;
  padding: 5px 100px;
  border: 0;
  border-radius: 30px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}
.ajustes-cliente .acceso .descripcion {
  padding-right: 100px;
  position: relative;
}
.ajustes-cliente .acceso h3 {
  font-size: 1.6667rem;
  margin-top: 10px;
  margin-bottom: 20px;
}
.ajustes-cliente .acceso h3 a {
  color: #013871;
  text-decoration: inherit;
}
.ajustes-cliente .acceso h3 a:hover, .ajustes-cliente .acceso h3 a:focus {
  text-decoration: underline;
}
.ajustes-cliente .acceso p {
  font-size: 1.0833rem;
  margin-bottom: 15px;
}
.ajustes-cliente .acceso .arrow-access {
  position: absolute;
  right: 20px;
  top: 55px;
  display: block;
  width: 46px;
  height: 79px;
  clear: right;
  background: url("/o/classic-theme/images/hidrogea/icons/icon-ajuste-flecha.png") no-repeat center;
  background-size: contain;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .ajustes-cliente .acceso {
    background-position-y: center;
    padding: 30px 0 35px 80px;
    background-position-x: left;
  }
  .ajustes-cliente .acceso .descripcion p {
    display: none;
  }
  .ajustes-cliente .acceso .arrow-access {
    top: -15px;
    right: 0;
  }
}

.ajustes-alertas .info-tramite {
  margin-bottom: 60px;
  margin-top: 70px;
}
.ajustes-alertas .info-tramite .inner-info-tramite {
  background: rgba(246, 202, 83, 0.9) url("/o/classic-theme/images/hidrogea/ico-info.png") no-repeat left center;
  background-size: contain;
  box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);
  padding: 20px 20px 20px 110px;
  font-size: 1rem;
}
.ajustes-alertas .info-tramite .inner-info-tramite .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.ajustes-alertas .info-tramite .inner-info-tramite p {
  margin-bottom: 0;
  line-height: 1.1;
}
.ajustes-alertas .info-tramite .inner-info-tramite p span {
  margin-right: 35px;
}
.ajustes-alertas .info-tramite .inner-info-tramite p span:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .info-tramite {
    margin: 30px -15px;
  }
  .ajustes-alertas .info-tramite .inner-info-tramite {
    padding: 20px;
  }
}
.ajustes-alertas select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1 c3.5,7,0.8,15.5-6.1,19.1L255,331.9z'%20fill='%23869CAD'/%3E%3C/svg%3E");
  background-image: none \9 ;
  background-position: 90% center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 35px;
  padding-right: 0 \9 ;
  display: inline-block;
  width: auto;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 2px solid;
  border-radius: 0;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.ajustes-alertas select:focus {
  outline: none;
}
.ajustes-alertas .configuracion-alertas {
  color: #666;
  font-size: 1.0833rem;
}
.ajustes-alertas .configuracion-alertas h3 {
  font-size: 1.6667rem;
  color: #013871;
  margin-bottom: 5px;
}
.ajustes-alertas .configuracion-alertas i {
  color: #bd0303;
  display: inline-block;
  margin-right: 5px;
}
.ajustes-alertas .configuracion-alertas .msg-required {
  font-size: 0.92rem;
  color: black;
}
.ajustes-alertas .configuracion-alertas .check-all-alertas {
  width: 100%;
}
.ajustes-alertas .configuracion-alertas .check-all-alertas label {
  font-family: "OpenSans-Regular", sans-serif;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas {
  margin-top: 25px;
  margin-bottom: 25px;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas .input-group {
  width: 100%;
  height: 40px;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] + label {
  text-indent: 30px;
  height: 18px;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 10px;
  border-bottom: 5px solid #97BA3C;
  border-left: 5px solid #97BA3C;
  top: 4px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 20px;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas select, .ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=text] {
  font-family: "OpenSans-Regular", sans-serif;
  padding-left: 2px;
  padding-right: 2px;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas select {
  background-position-x: 98%;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=text] {
  border: 0;
  border-bottom: 2px solid #666;
  border-radius: 0;
  box-shadow: none;
}
.ajustes-alertas .configuracion-alertas .forma-aviso-alertas .sub-label {
  font-size: 0.8333rem;
  font-weight: normal;
}
.ajustes-alertas .configuracion-alertas .alertas-on {
  margin-bottom: 25px;
}
.ajustes-alertas .configuracion-alertas section.dropdown {
  background: rgba(104, 148, 206, 0.04); /* 6894CE */
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > [data-toggle] {
  border: 0;
  width: 100%;
  padding: 10px 15px;
  text-align: left;
  font-family: "OpenSans-Regular", sans-serif;
  color: #013871;
  display: block;
  cursor: pointer;
  background: url("/o/classic-theme/images/hidrogea/angle-faq-open.png") no-repeat 97% center;
}
.ajustes-alertas .configuracion-alertas section.dropdown > [data-toggle].collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas {
  padding: 0 15px 15px;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .list-alertas {
  list-style: none;
  padding-left: 50px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .list-alertas {
    padding-left: 0;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .list-alertas > li {
  position: relative;
  margin-bottom: 5px;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .list-alertas > li:after {
  content: " ";
  display: table;
  clear: both;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .list-alertas .input-group {
  width: 95%;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta {
    min-height: 40px;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta > .input-group {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta > .input-group {
    width: 100%;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta {
  margin-left: 55px;
  margin-right: 70px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta {
    margin-right: 0;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta > span {
  font-size: 0.8333rem;
  width: 50%;
  display: block;
  line-height: 1.1;
  margin-bottom: 20px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta > span {
    width: 100%;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .content-config-tipo-alerta {
  background-color: rgba(104, 148, 206, 0.06);
  padding: 15px;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .content-config-tipo-alerta label {
  font-size: 0.8333rem;
  font-weight: normal;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group:last-of-type {
  margin-bottom: 0;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group label {
  font-size: 0.8333rem;
  font-weight: normal;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group .field-label {
  font-size: 0.8333rem;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=text] {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  font-size: 0.92rem;
  font-family: "OpenSans-Regular", sans-serif;
  border-bottom: 2px solid;
  border-radius: 0;
  padding: 5px;
  width: auto;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=text].input-small {
  width: 100px;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio] + label {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #013871;
  background-color: rgba(211, 219, 228, 0.8);
  padding: 5px 30px;
  line-height: 1;
  border-top: 2px solid #ABADB0;
  border-bottom: 2px solid #ABADB0;
  border-right: 2px solid #ABADB0;
  margin-left: -5px;
  transition: 0.2s;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio] + label:first-of-type {
  border-left: 2px solid #ABADB0;
  margin-left: 0;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio]:checked + label {
  color: white;
  background-color: rgba(151, 186, 60, 0.9);
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf {
  padding-left: 35px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email,
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf {
    position: inherit;
    top: inherit;
    right: inherit !important;
    width: 100% !important;
    margin-left: 50px;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email input,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf input {
  border: 0;
  background-color: transparent;
  padding: 0;
  height: 40px;
  box-shadow: none;
  text-overflow: ellipsis;
  text-decoration: underline;
  color: #666;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email label,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf label {
  font-size: 0;
  height: 0;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.empty,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.empty {
  color: #013871;
  font-size: 0.92rem;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.edition,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.edition {
  width: 50%;
  right: 0;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.edition,
  .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.edition {
    width: 100%;
  }
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.edition input,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.edition input {
  width: 65%;
  border: 1px solid #013871;
  padding: 5px 10px;
  display: inline-block;
  height: 28px;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 20px;
  background-color: white;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.edition button,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.edition button {
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 20px;
  text-indent: -999em;
  border: 0;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  display: inline-block;
  margin-left: 0;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.edition .ok,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.edition .ok {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-accept.png");
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email.edition .nok,
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf.edition .nok {
  background-image: url("/o/classic-theme/images/hidrogea/icons/icon-remove.png");
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.email {
  width: 35%;
  right: 15%;
  background: url("/o/classic-theme/images/hidrogea/icons/icon-alertasemail.png") no-repeat 0 center;
}
.ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .comunicacion.telf {
  width: 15%;
  right: 0;
  background: url("/o/classic-theme/images/hidrogea/icons/icon-alertastelf.png") no-repeat 3.5px center;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox] + .label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 20px;
  background-color: #DDD;
  display: inline-block;
  border-radius: 20px;
  position: relative;
  margin-left: -15px;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox] + .label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox] + .label:before {
  font-family: "fontawesome-alloy", sans-serif;
  text-indent: 0;
  content: "\f00d";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 18px;
  line-height: 1;
  font-size: 0.92rem;
  font-weight: normal;
  transition: 0.4s;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox] + .label:active:after {
  width: 18px;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label {
  background-color: #97BA3C;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label:before {
  content: "\f00c";
  left: 2px;
  font-size: 0.813rem;
}
.ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}
.ajustes-alertas .configuracion-alertas .input-group label.checkbox-inline {
  padding-left: 50px;
  margin-left: -43px;
  position: relative;
  z-index: 1;
  line-height: 25px;
  width: calc(100% - 5px);
  vertical-align: top;
  padding-top: 5px;
}
.ajustes-alertas .btn-group {
  margin-top: 20px;
  text-align: right;
  float: right;
  clear: right;
}
.ajustes-alertas .btn-group button {
  margin-left: 12px !important;
  background-color: #D3DBE4;
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding: 10px 50px;
  border-radius: 30px !important;
  border: 0;
}
.ajustes-alertas .btn-group button.btn-primary {
  background-color: #97BA3C;
  padding: 10px 20px;
  color: #013871;
}
@media screen and (max-width: 768px) {
  .ajustes-alertas .btn-group {
    width: 100%;
  }
  .ajustes-alertas .btn-group button {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 60px;
  }
  .ajustes-alertas .btn-group button.btn-primary {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
  }
}

.ajustes-cliente-miperfil select {
  -moz-appearance: none;
  -webkit-appearance: none;
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1 c3.5,7,0.8,15.5-6.1,19.1L255,331.9z'%20fill='%23869CAD'/%3E%3C/svg%3E");*/
  background-image: none \9 ;
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  padding: 0 0 0 35px;
  padding-right: 0 \9 ;
  display: inline-block;
  width: auto;
}
.ajustes-cliente-miperfil .input-group .glyphicon-menu-down {
  position: absolute;
  bottom: 6px;
  right: 2px;
  top: unset;
}
.ajustes-cliente-miperfil .ajustes-cliente {
  font-size: 1.0833rem;
  font-family: "OpenSans-Light", sans-serif;
  color: #434343;
}
.ajustes-cliente-miperfil .ajustes-cliente h3 {
  font-size: 1.6667rem;
  color: #013871;
  margin-top: 25px;
  margin-bottom: 25px;
}
.ajustes-cliente-miperfil .ajustes-cliente.ajustes-datos-usuario h3 {
  margin-bottom: 5px;
}
.ajustes-cliente-miperfil .ajustes-cliente .ajustes-datos-usuario ul.instrucciones {
  list-style: none;
}
.ajustes-cliente-miperfil .ajustes-cliente .msg-required i, .ajustes-cliente-miperfil .ajustes-cliente .required i {
  color: #bd0303;
  display: inline-block;
}
.ajustes-cliente-miperfil .ajustes-cliente .msg-required {
  font-size: 0.92rem;
  margin-bottom: 25px;
  color: black;
  display: block;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .ajustes-cliente-miperfil .ajustes-cliente .row {
    margin-bottom: 30px;
  }
  .ajustes-cliente-miperfil .ajustes-cliente .row:last-of-type {
    margin-bottom: 0;
  }
}
.ajustes-cliente-miperfil strong {
  color: #444;
  font-family: "OpenSans-Regular", sans-serif;
}
.ajustes-cliente-miperfil select,
.ajustes-cliente-miperfil input[type=text],
.ajustes-cliente-miperfil input[type=password] {
  background-color: transparent;
  border: 0;
  padding-left: 2px;
  padding-top: 0;
  box-shadow: none;
  border-bottom: 2px solid;
  border-radius: 0;
  color: #444;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.ajustes-cliente-miperfil select:focus,
.ajustes-cliente-miperfil input[type=text]:focus,
.ajustes-cliente-miperfil input[type=password]:focus {
  outline: none;
}
.ajustes-cliente-miperfil .input-group {
  width: 100%;
  height: 40px;
}
.ajustes-cliente-miperfil .disabled {
  opacity: 0.5;
}
.ajustes-cliente-miperfil .disabled .input {
  color: #444;
  border-bottom: 2px solid;
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  padding-left: 2px;
  padding-bottom: 6px;
}
.ajustes-cliente-miperfil .sub-label {
  font-size: 0.8333rem;
  padding-left: 2px;
}
.ajustes-cliente-miperfil input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.ajustes-cliente-miperfil input[type=checkbox] + label {
  height: 18px;
  width: 18px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
}
.ajustes-cliente-miperfil input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 10px;
  border-bottom: 5px solid #97BA3C;
  border-left: 5px solid #97BA3C;
  top: 4px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
}
.ajustes-cliente-miperfil input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 20px;
}
.ajustes-cliente-miperfil .btn-group {
  margin-top: 20px;
  text-align: right;
  float: right;
  clear: right;
}
.ajustes-cliente-miperfil .btn-group button {
  margin-left: 12px !important;
  background-color: #D3DBE4;
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding: 10px 50px;
  border-radius: 30px !important;
  border: 0;
}
.ajustes-cliente-miperfil .btn-group button.btn-primary {
  background-color: #97BA3C;
  padding: 10px 20px;
  color: #013871;
}
@media screen and (max-width: 768px) {
  .ajustes-cliente-miperfil .btn-group {
    width: 100%;
  }
  .ajustes-cliente-miperfil .btn-group button {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 70px;
  }
  .ajustes-cliente-miperfil .btn-group button.btn-primary {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
  }
}

.domiciliacion-bancaria .aviso-ok {
  margin-top: 50px;
  margin-bottom: 50px;
}
.domiciliacion-bancaria .aviso-ok .icono-ok {
  width: 80px;
  float: left;
}
.domiciliacion-bancaria .aviso-ok .icono-ok span {
  line-height: 2.1;
  font-size: 1.17rem;
  text-align: center;
  width: 40px;
  height: 40px;
  display: block;
  background: #7ed321;
  top: 5px;
  left: 0;
  border-radius: 50%;
  color: #fff;
}
.domiciliacion-bancaria .aviso-ok .texto-ok {
  width: calc(100% - 80px);
  min-height: 48px;
  font-size: 1.17rem;
  text-align: left;
}
@media (max-width: 768px) {
  .domiciliacion-bancaria .aviso-ok .icono-ok {
    width: 50px;
    float: left;
  }
  .domiciliacion-bancaria .aviso-ok .texto-ok {
    width: 100%;
  }
}
.domiciliacion-bancaria .texto-importante {
  margin-bottom: 40px;
}
.domiciliacion-bancaria .texto-pie {
  margin-top: 40px;
  margin-bottom: 40px;
}
.domiciliacion-bancaria span.bold {
  font-weight: bold;
}
.domiciliacion-bancaria .descarga {
  margin-left: 40%;
  margin-right: 40%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.domiciliacion-bancaria .descarga .descargar-documento {
  text-align: center;
  border-radius: 27px;
  font-family: "OpenSans-Bold", sans-serif;
  color: #003a64;
  background-color: #d3dce5;
  padding: 9px 18px 10px 18px;
  width: 226px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  height: 43px;
}
.domiciliacion-bancaria .descarga .descargar-documento span.glyphicon.glyphicon-download {
  top: 5px;
  margin: 0px;
}
.domiciliacion-bancaria .descarga .descargar-documento span.texto-boton {
  margin-left: 10px;
}
.domiciliacion-bancaria .descarga .descargar-documento a {
  text-decoration: none;
}
.domiciliacion-bancaria .descarga.descarga-listado {
  margin: 0px;
}
.domiciliacion-bancaria .descarga.descarga-listado .descargar-documento span.glyphicon.glyphicon-download {
  top: 3px;
  margin: 0px;
}
.domiciliacion-bancaria .descarga.descarga-listado .descargar-documento {
  padding: 11px 18px 11px 18px;
  width: 200px;
}
.domiciliacion-bancaria .table-td-list-right {
  float: right;
}
.domiciliacion-bancaria .table-td-list-left {
  float: left;
}
@media (max-width: 768px) {
  .domiciliacion-bancaria .table-td-list-right,
  .domiciliacion-bancaria .table-td-list-left {
    float: left;
  }
  .domiciliacion-bancaria .descarga {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .domiciliacion-bancaria .descarga .descargar-documento {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .domiciliacion-bancaria .table-th-list.cell-todos.col-md-1 {
    width: 10%;
  }
}
@media (min-width: 767px) {
  .domiciliacion-bancaria #thank-you-page {
    font-size: 1rem;
    margin: 0px 100px;
  }
}
.domiciliacion-bancaria p.title {
  margin: 0px;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
.domiciliacion-bancaria p.help {
  font-weight: 400;
  font-size: 1rem;
  font-family: "PTSans-Regular", sans-serif;
  color: #3E3E3E;
  margin-bottom: 0px;
}

.formularios .domiciliacion-bancaria .form-group label.titulo {
  margin: 0px 24px 20px 0px;
  top: 2px;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
}

.desglose-facturas .modal-header {
  background-color: #fafafa;
}
.desglose-facturas .modal-header h1 {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #737373;
}
.desglose-facturas .modal-header p {
  font-family: OpenSans-Light, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #453937;
}
.desglose-facturas .close-modal {
  background-image: url(../images/hidrogea/close-modal.png);
  background-repeat: no-repeat;
  background-position: right center;
  height: 50px;
  width: 50px;
  display: block;
  opacity: 1.7;
}

.breakdown-container {
  display: flex;
  width: 80%;
  margin: 30px auto 0;
}

.list-desglose .field {
  margin-top: 18px;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #28234e;
}
.list-desglose .field-importe {
  text-align: right;
  margin-left: 4px;
}
.list-desglose .panel-group {
  width: 100%;
}
.list-desglose .panel-group .breakdown-graphics {
  display: grid;
  grid-template-areas: "grafica_desglose field-concepto field-importe graphic-arrow" ". breakdown-info breakdown-info breakdown-info";
  margin: 0;
  grid-template-columns: 10% 74% 8% 8%;
  justify-items: start;
  align-items: center;
  row-gap: 20px;
}
.list-desglose .panel-group .breakdown-graphics .grafica_desglose {
  grid-area: grafica_desglose;
}
.list-desglose .panel-group .breakdown-graphics .field-concepto {
  grid-area: field-concepto;
}
.list-desglose .panel-group .breakdown-graphics .field-importe {
  grid-area: field-importe;
}
.list-desglose .panel-group .breakdown-graphics .graphic-arrow {
  grid-area: graphic-arrow;
}
.list-desglose .panel-group .breakdown-graphics .breakdown-info {
  width: 100%;
  grid-area: breakdown-info;
}
.list-desglose .panel-group .breakdown-graphics .breakdown-info .subconceptos {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.list-desglose .panel-group .breakdown-graphics .breakdown-info .subconceptos .breakdown-data-container {
  display: grid;
  grid-template-columns: 10% 82% 8%;
}
.list-desglose .panel-group .breakdown-graphics a {
  background-image: url("../images/hidrogea/angle-up-blue.png");
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  width: 22px;
  height: 22px;
}
.list-desglose .panel-group .breakdown-graphics a.collapsed {
  background-image: url("../images/hidrogea/angle-down-blue.png");
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  width: 22px;
  height: 22px;
}

.line {
  margin-top: 14px;
  height: 2px;
  opacity: 0.3;
}

.grafica_desglose {
  margin-top: 0;
}

.grafica_contrato {
  margin-top: 50px;
}

.contrato .titulo {
  height: 43px;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #737373;
}
.contrato .alias {
  width: 405px;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #453937;
}
.contrato .direccion {
  width: 405px;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #453937;
}

p.titulo {
  margin-bottom: 0.6em;
}

p.alias {
  margin-bottom: 0em;
}

.porcentaje-grafico {
  margin-top: -0.5em;
  font-size: 0.6em;
  background-color: #ffffff;
}

.subconceptos .field-importe {
  height: 22px;
  opacity: 0.5;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #453937;
}

.subconceptos .field-concepto {
  height: auto;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #453937;
}
.subconceptos .field-porcentaje {
  height: auto;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #453937;
}

@media all and (max-width: 500px) {
  .subconceptos .field-concepto {
    font-size: 0.8125rem;
  }
  .subconceptos .field-porcentaje {
    font-size: 0.8125rem;
  }
  .subconceptos .field-importe {
    font-size: 0.8125rem;
  }
  .grafica_desglose {
    display: none;
  }
}
@media all and (min-width: 320px) and (max-width: 1024px) {
  .subconceptos .line {
    margin-top: 26px;
  }
  .list-desglose .line {
    margin-top: 26px;
  }
}
.documento-pago .input-group-checkbox {
  margin-left: 1em;
}

.documentos-pago-titulo {
  width: auto;
  height: auto;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.6667rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #013871;
}

.aviso {
  width: 1150px;
  height: 91px;
  background-color: rgba(1, 56, 113, 0.07);
  border: solid 1px #013871;
}

.aviso-texto {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1rem;
  margin: 1em;
}

.aviso-texto .imp {
  color: #d0021b;
  font-weight: bold;
}

.aviso-texto .mensaje {
  color: #737373;
  font-family: OpenSans-Regular, sans-serif;
}

.documento-pago-paso3 .titulo {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.6667rem;
  color: #013871;
  margin-top: 2em;
}

.documento-pago-paso3 .tabla {
  margin-top: 2em;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.25rem;
  color: #737373;
}

.tabla .row .columna-1 {
  font-size: 1.17rem;
  font-weight: 600;
}

.tabla .row .columna-2 {
  font-size: 1.25rem;
  font-weight: 600;
  font-weight: normal;
}

.tabla .row {
  margin-top: 1.5em;
}

.documento-pago-paso3 .descarga {
  margin-left: calc(50% - 175px);
  margin-right: auto;
}

.descarga {
  margin-left: 35%;
  margin-right: 40%;
  margin-top: 2em;
}
@media screen and (max-width: 768px) {
  .descarga {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

.descarga .descargar-documento {
  text-align: center;
  border-radius: 27px;
  font-family: "OpenSans-Bold", sans-serif;
  color: #003a64;
  background-color: #d3dce5;
  padding: 9px 18px 10px 18px;
  width: 337px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  height: 43px;
}

.descarga .descargar-documento span.glyphicon.glyphicon-download {
  top: 5px;
  margin: 0px;
}

.descarga .descargar-documento span.texto-boton {
  margin-left: 10px;
}

.descarga .descargar-documento a {
  text-decoration: none;
}

.titulo-pago-online {
  margin-top: 2em;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.5rem;
  color: #737373;
  font-weight: normal;
  text-align: center;
}

.boton-realizar-pago {
  margin-top: 2em;
  text-align: center;
}

.documento-pago .titulo {
  /*width: 788px;
  		height: 37px;*/
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.6667rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #013871;
  margin: 43px 0px 10px 0px;
}
.documento-pago .subtitulo {
  /*width: 1103px;
  		height: 37px;*/
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.17rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #737373;
  margin: 10px 0px;
}
.documento-pago .row-total .col-sm-4.text-right,
.documento-pago .row-total .col-sm-8.text-right {
  padding: 0px;
  margin: 0px;
}
.documento-pago .row-total .total {
  width: 100%;
  text-align: right;
  float: right;
  margin: 15px 0px;
  height: 24px;
}
.documento-pago .row-total .total .titulo {
  height: 24px;
  font-size: 1.17rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #737373;
  margin: 0px;
  float: left;
  padding: 5px 0;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .documento-pago .row-total .total .titulo {
    padding-left: 60px;
  }
}
.documento-pago .row-total .total .importe {
  height: 33px;
  font-size: 1.5rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #013871;
  float: right;
  padding-right: 30px;
}
.documento-pago .listado-contratos .table-tbody-list .table-tr-list .table-td-list .titulo {
  margin: 0px;
  font-size: 0.92rem;
}

/*.documento-pago*/
@media screen and (max-width: 768px) {
  .listado-contratos {
    /*.cell-alias*/
  }
  .listado-contratos .table-tbody-list-ov .table-tr-list .cell-alias {
    width: calc(100% - 40px) !important;
    margin-top: 10px;
  }
}

/*listado-contratos*/
.listado-general {
  margin-top: 40px;
  /*.table-list*/
  /*@media screen and (max-width: $ov-tablet-max-width)*/
  /*input[type="checkbox"]*/
  /*.allRowsIds*/
}
@media screen and (max-width: 768px) {
  .listado-general {
    margin-top: 20px;
  }
}
.listado-general .table-list {
  /*.cell-contratos*/
  /*.cell-contratos span*/
  /*.cell-contratos label.allRowsIds span*/
  /*.cell-codigo*/
  /*.cell-fecha*/
  /*.cell-periodo*/
  /*.cell-importe*/
}
.listado-general .table-list .table-thead-list {
  color: #737373;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  background-color: rgba(1, 56, 113, 0.04);
  font-weight: 600;
}
.listado-general .table-list .table-thead-list .table-tr-list {
  border-bottom-color: #666666;
}
.listado-general .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
@media screen and (max-width: 768px) {
  .listado-general .table-list .table-tbody-list {
    border-top: 2px solid #E3E3E3;
  }
}
.listado-general .table-list .table-tr-list {
  border-bottom: 2px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.listado-general .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.listado-general .table-list .table-tr-list:nth-of-type(2n) {
  background-color: rgba(1, 56, 113, 0.04);
}
.listado-general .table-list .table-th-list,
.listado-general .table-list .table-td-list {
  float: left;
  padding: 1px;
}
.listado-general .table-list .cell-contratos {
  width: 10%;
  height: 25px;
  font-family: "OpenSans-Light", sans-serif;
}
.listado-general .table-list .cell-contratos span {
  padding-left: 15px;
}
.listado-general .table-list .cell-contratos label.allRowsIds span {
  color: #737373;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  text-transform: uppercase;
}
.listado-general .table-list .cell-codigo {
  width: 25%;
  height: 25px;
  font-family: "OpenSans-Light", sans-serif;
}
.listado-general .table-list .cell-fecha {
  width: 20%;
  height: 25px;
  font-family: "OpenSans-Light", sans-serif;
}
.listado-general .table-list .cell-periodo {
  width: 30%;
  height: 25px;
  font-family: "OpenSans-Light", sans-serif;
}
.listado-general .table-list .cell-importe {
  width: 15%;
  height: 25px;
  font-family: "OpenSans-Light", sans-serif;
  text-align: right;
  padding-right: 30px;
}
.listado-general .table-list .cell-codigo.compromiso,
.listado-general .table-list .cell-fecha.compromiso,
.listado-general .table-list .cell-importe.compromiso {
  width: 30%;
}
.listado-general .cell-contrato {
  width: 15%;
}
.listado-general .cell-contrato .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  color: #55780F; /*AA*/
}
.listado-general .cell-contrato span {
  display: none;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .listado-general .cell-contrato span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .listado-general .cell-contrato {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 768px) {
  .listado-general {
    /*.cell-contratos*/
    /*.cell-alias*/
    /*.subcell-tipo*/
    /*.subcell-codigo*/
    /*.table-list*/
  }
  .listado-general .cell-contratos {
    width: 40px;
    margin-top: 10px;
  }
  .listado-general .cell-alias {
    width: calc(100% - 40px) !important;
    margin-top: 10px;
  }
  .listado-general .subcell-tipo {
    width: 30px;
    float: right;
  }
  .listado-general .subcell-codigo {
    width: calc(100% - 30px);
    float: left;
  }
  .listado-general .table-list {
    /* .table-thead-list {
    	display: block!important;
    }.table-thead-list */
    /*.table-thead-list*/
    /*.table-tbody-list*/
  }
  .listado-general .table-list .table-thead-list {
    /*.cell-contratos*/
    /*.cell-contratos label.allRowsIds span*/
  }
  .listado-general .table-list .table-thead-list .cell-contratos {
    display: block !important;
    width: 100%;
    height: 25px;
    font-family: "OpenSans-Light", sans-serif;
  }
  .listado-general .table-list .table-thead-list .cell-contratos label.allRowsIds span {
    color: black;
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.92rem;
    text-transform: uppercase;
  }
  .listado-general .table-list .table-tbody-list {
    /*.table-tr-list*/
  }
  .listado-general .table-list .table-tbody-list .table-tr-list {
    /*.cell-codigo,.cell-fecha,.cell-periodo*/
    /*.cell-importe*/
  }
  .listado-general .table-list .table-tbody-list .table-tr-list .cell-codigo,
  .listado-general .table-list .table-tbody-list .table-tr-list .cell-fecha,
  .listado-general .table-list .table-tbody-list .table-tr-list .cell-periodo,
  .listado-general .table-list .table-tbody-list .table-tr-list .cell-importe {
    width: calc(100% - 60px);
    padding: 10px 5px 0px 0px;
    float: right;
  }
  .listado-general .table-list .table-tbody-list .table-tr-list .cell-importe {
    text-align: left;
    float: left;
    width: calc(100% - 60px);
    padding: 10px 5px 0px 0px;
    margin-left: 60px;
  }
}
.listado-general input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  /*& + label*/
  /*&:checked + label:after*/
}
.listado-general input[type=checkbox] + label {
  text-indent: 30px;
  /*Modificado a�adido 20171120*/
  height: 18px !important;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: relative;
  transition: 0.2s ease-out;
  margin: 2px 0 0 10px;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
  background-color: white;
  /*&:before*/
  /*&:after*/
}
.listado-general input[type=checkbox] + label:before {
  content: none;
}
.listado-general input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 9px;
  border-bottom: 4px solid #97BA3C;
  border-left: 4px solid #97BA3C;
  top: 2px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
  background-color: transparent;
  box-shadow: none !important;
  border-radius: 0;
}
.listado-general input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 18px;
}
.listado-general .allRowsIds {
  font-weight: normal !important;
}

/*.listado-general*/
.mis-contratos .listado-contratos {
  /*@media screen and (max-width: $ov-tablet-max-width)*/
}
@media screen and (max-width: 768px) {
  .mis-contratos .listado-contratos {
    /*.subcell-codigo*/
  }
  .mis-contratos .listado-contratos .table-td-list.cell-radio {
    width: 40px;
    margin-top: 10px;
    float: left;
    height: 24px;
  }
  .mis-contratos .listado-contratos .table-td-list.cell-gotaContrato {
    width: 50px;
    float: right;
  }
  .mis-contratos .listado-contratos .table-td-list.cell-numContrato {
    width: calc(100% - 100px);
    margin-top: 10px;
    padding-left: 20px;
  }
  .mis-contratos .listado-contratos .table-td-list.cell-direccionContrato {
    width: calc(100% - 60px);
    margin-left: 60px;
    float: left;
  }
}

.load-more {
  text-align: center;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
  margin-top: 40px;
  margin-bottom: 40px;
}
.load-more a {
  color: #55780F;
  text-decoration: none;
}
.load-more a:hover {
  text-decoration: underline;
}

/*POP UP*/
.popup-documentos-pago .glyphicon.glyphicon-alert {
  font-size: 3em;
  color: #a94442;
  margin-top: 30px;
}

.popup-documentos-pago .modal-body {
  border-top: none;
  margin-top: 15px;
}
.popup-documentos-pago .modal-body p {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.5rem;
  color: #737373;
  text-align: center;
}

.popup-documentos-pago .modal .modal-header {
  place-items: flex-end;
  flex-direction: row-reverse;
}
.popup-documentos-pago .modal .modal-header .glyphicon {
  width: 100%;
  display: flex;
  justify-content: center;
}

.popup-documentos-pago .modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  border-top: 0;
  margin-bottom: 4em;
  margin-top: 2em;
}

.popup-documentos-pago .close, .desglose-facturas .modal-primary-action-button {
  background-image: url(../images/hidrogea/close-modal.png);
  background-repeat: no-repeat;
  background-position: right center;
  height: 50px;
  width: 50px;
  display: block;
  opacity: 1.7;
}

@media screen and (max-width: 768px) {
  .documento-pago .input-group-checkbox {
    margin-left: 0px;
  }
}
.calculadora {
  /**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
  /** */
  /* Large devices (tablets, 1280px and up) */
  /* Small devices */
  /*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRvci5jc3MiLCJzb3VyY2VzIjpbImNhbGN1bGF0b3Iuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcblxuJGZvbnQtZ2VuZXJhbDogT3BlblNhbnNSZWd1bGFyO1xuJGZvbnQtYm9sZDogT3BlblNhbnNCb2xkO1xuJGZvbnQtbGlnaHQ6IE9wZW5TYW5zTGlnaHQ7XG4kZm9udC1zZW1pYm9sZDogT3BlblNhbnNTZW1pYm9sZDtcbiRmb250LWJhc2U6IDE2cHg7XG5cbkBmdW5jdGlvbiBlbSgkdGFyZ2V0LCAkY29udGV4dDogJGZvbnQtYmFzZSkge1xuXHRAaWYgJHRhcmdldCA9PSAwIHtcblx0XHRAcmV0dXJuIDBcblx0fVxuXHRAcmV0dXJuICgkdGFyZ2V0IC8gJGNvbnRleHQgKSAqIDFlbTtcbn1cblxuLyogZm9udHMgKi9cblxuQGZvbnQtZmFjZSB7XG5cdGZvbnQtZmFtaWx5OiAnaWNvbW9vbic7XG5cdHNyYzogIHVybCgnZm9udHMvaWNvbW9vbi5lb3Q/bnRrMXVkJyk7XG5cdHNyYzogIHVybCgnZm9udHMvaWNvbW9vbi5lb3Q/bnRrMXVkI2llZml4JykgZm9ybWF0KCdlbWJlZGRlZC1vcGVudHlwZScpLFxuXHQgIHVybCgnZm9udHMvaWNvbW9vbi50dGY/bnRrMXVkJykgZm9ybWF0KCd0cnVldHlwZScpLFxuXHQgIHVybCgnZm9udHMvaWNvbW9vbi53b2ZmP250azF1ZCcpIGZvcm1hdCgnd29mZicpLFxuXHQgIHVybCgnZm9udHMvaWNvbW9vbi5zdmc/bnRrMXVkI2ljb21vb24nKSBmb3JtYXQoJ3N2ZycpO1xuXHRmb250LXdlaWdodDogbm9ybWFsO1xuXHRmb250LXN0eWxlOiBub3JtYWw7XG4gIH1cbiAgXG4gIFtjbGFzc149XCJpY29uLVwiXSwgW2NsYXNzKj1cIiBpY29uLVwiXSB7XG5cdC8qIHVzZSAhaW1wb3J0YW50IHRvIHByZXZlbnQgaXNzdWVzIHdpdGggYnJvd3NlciBleHRlbnNpb25zIHRoYXQgY2hhbmdlIGZvbnRzICovXG5cdGZvbnQtZmFtaWx5OiAnaWNvbW9vbicgIWltcG9ydGFudDtcblx0c3BlYWs6IG5vbmU7XG5cdGZvbnQtc3R5bGU6IG5vcm1hbDtcblx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcblx0Zm9udC12YXJpYW50OiBub3JtYWw7XG5cdHRleHQtdHJhbnNmb3JtOiBub25lO1xuXHRsaW5lLWhlaWdodDogMTtcbiAgXG5cdC8qIEJldHRlciBGb250IFJlbmRlcmluZyA9PT09PT09PT09PSAqL1xuXHQtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcblx0LW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgfVxuICBcbiAgLmljb24tYXJyb3ctbGVmdDpiZWZvcmUge1xuXHRjb250ZW50OiBcIlxcZTkxMVwiO1xuICB9XG4gIC5pY29uLWFycm93LXJpZ2h0OmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiXFxlOTEyXCI7XG4gIH1cbiAgLmljb24taGFwcHktZHJvcDpiZWZvcmUge1xuXHRjb250ZW50OiBcIlxcZTkwMFwiO1xuICB9XG4gIC5pY29uLWhvbWU6YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MDFcIjtcbiAgfVxuICAuaWNvbi1taW51czpiZWZvcmUge1xuXHRjb250ZW50OiBcIlxcZTkwMlwiO1xuXG4gIH1cbiAgLmljb24tcGx1czpiZWZvcmUge1xuXHRjb250ZW50OiBcIlxcZTkwM1wiO1xuICB9XG4gIC5pY29uLXJlbG9hZDpiZWZvcmUge1xuXHRjb250ZW50OiBcIlxcZTkwNFwiO1xuICB9XG4gIC5pY29uLWZvb2Q6YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MDVcIjtcbiAgfVxuICAuaWNvbi1iYXRoOmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiXFxlOTA2XCI7XG4gIH1cbiAgLmljb24tZmI6YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MDdcIjtcbiAgfVxuICAuaWNvbi1kcm9wOmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiXFxlOTA4XCI7XG4gIH1cbiAgLmljb24tZHJvcF9nb29kOmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiXFxlOTA5XCI7XG4gIH1cbiAgLmljb24tZHJvcF9iYWQ6YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MGFcIjtcbiAgfVxuICAuaWNvbi1kcm9wX2F2ZXJhZ2U6YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MGJcIjtcbiAgfVxuICAuaWNvbi1pbnN0YWdyYW06YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MGNcIjtcbiAgfVxuICAuaWNvbi13YXNoaW5nX21hY2hpbmU6YmVmb3JlIHtcblx0Y29udGVudDogXCJcXGU5MGRcIjtcbiAgfVxuICAuaWNvbi13YXZlOmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiXFxlOTBlXCI7XG4gIH1cbiAgLmljb24tdHdpdGVyOmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiXFxlOTBmXCI7XG4gIH1cbiAgLmljb24tdXNlcjpiZWZvcmUge1xuXHRjb250ZW50OiBcIlxcZTkxMFwiO1xuICB9XG4gIFxuXG5cbiAgXG4vKiEgR2VuZXJhdGVkIGJ5IEZvbnQgU3F1aXJyZWwgKGh0dHBzOi8vd3d3LmZvbnRzcXVpcnJlbC5jb20pIG9uIE1hcmNoIDE1LCAyMDE4ICovXG5cblxuXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ09wZW5TYW5zQm9sZCc7XG4gICAgc3JjOiB1cmwoJ2ZvbnRzL09wZW5TYW5zLUJvbGQuZW90Jyk7XG4gICAgc3JjOiB1cmwoJ2ZvbnRzL09wZW5TYW5zLUJvbGQuZW90PyNpZWZpeCcpIGZvcm1hdCgnZW1iZWRkZWQtb3BlbnR5cGUnKSxcbiAgICAgICAgIHVybCgnZm9udHMvT3BlblNhbnMtQm9sZC53b2ZmJykgZm9ybWF0KCd3b2ZmJyksXG4gICAgICAgICB1cmwoJ2ZvbnRzL09wZW5TYW5zLUJvbGQudHRmJykgZm9ybWF0KCd0cnVldHlwZScpO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbn1cblxuXG5cblxuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdPcGVuU2Fuc0xpZ2h0JztcbiAgICBzcmM6IHVybCgnZm9udHMvT3BlblNhbnMtTGlnaHQuZW90Jyk7XG4gICAgc3JjOiB1cmwoJ2ZvbnRzL09wZW5TYW5zLUxpZ2h0LmVvdD8jaWVmaXgnKSBmb3JtYXQoJ2VtYmVkZGVkLW9wZW50eXBlJyksXG4gICAgICAgICB1cmwoJ2ZvbnRzL09wZW5TYW5zLUxpZ2h0LndvZmYnKSBmb3JtYXQoJ3dvZmYnKSxcbiAgICAgICAgIHVybCgnZm9udHMvT3BlblNhbnMtTGlnaHQudHRmJykgZm9ybWF0KCd0cnVldHlwZScpO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuXG59XG5cblxuXG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnT3BlblNhbnNSZWd1bGFyJztcbiAgICBzcmM6IHVybCgnZm9udHMvT3BlblNhbnMtUmVndWxhci5lb3QnKTtcbiAgICBzcmM6IHVybCgnZm9udHMvT3BlblNhbnMtUmVndWxhci5lb3Q/I2llZml4JykgZm9ybWF0KCdlbWJlZGRlZC1vcGVudHlwZScpLFxuICAgICAgICAgdXJsKCdmb250cy9PcGVuU2Fucy1SZWd1bGFyLndvZmYnKSBmb3JtYXQoJ3dvZmYnKSxcbiAgICAgICAgIHVybCgnZm9udHMvT3BlblNhbnMtUmVndWxhci50dGYnKSBmb3JtYXQoJ3RydWV0eXBlJyk7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG59XG5cblxuXG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnT3BlblNhbnNTZW1pYm9sZCc7XG4gICAgc3JjOiB1cmwoJ2ZvbnRzL09wZW5TYW5zLVNlbWlCb2xkLmVvdCcpO1xuICAgIHNyYzogdXJsKCdmb250cy9PcGVuU2Fucy1TZW1pQm9sZC5lb3Q/I2llZml4JykgZm9ybWF0KCdlbWJlZGRlZC1vcGVudHlwZScpLFxuICAgICAgICAgdXJsKCdmb250cy9PcGVuU2Fucy1TZW1pQm9sZC53b2ZmJykgZm9ybWF0KCd3b2ZmJyksXG4gICAgICAgICB1cmwoJ2ZvbnRzL09wZW5TYW5zLVNlbWlCb2xkLnR0ZicpIGZvcm1hdCgndHJ1ZXR5cGUnKTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbn1cblxuLyogZm9udHMgKi9cblxuXG5cblxuYnV0dG9uIHtcblx0Ym9yZGVyOiBub25lO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG59XG5cbmh0bWwsIGJvZHkge1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luOiAwO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5cbiosICo6YmVmb3JlLCAqOmFmdGVyIHtcbiAgICBib3gtc2l6aW5nOiBpbmhlcml0O1xufVxuLmNvbnRhaW5lciB7XG4gICAgcGFkZGluZy1yaWdodDogMTVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xufVxuXG4ubW9kYWxmaWx0ZXIge1xuXHRwb3NpdGlvbjogZml4ZWQ7XG5cdGxlZnQ6IDA7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMHZ3O1xuXHRoZWlnaHQ6IDEwMHZoO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5cdHotaW5kZXg6IDE7XG59XG5cbi5tb2RhbCB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHRvcDogNTAlO1xuXHRsZWZ0OiA1MCU7XG5cdHBhZGRpbmc6IDFlbSA1ZW0gM2VtIDVlbTtcblx0YmFja2dyb3VuZC1jb2xvcjogI0ZGRkZGRjtcblx0Lm1haW5fX3VzZXJzIHtcblx0XHQudXNlci10eXBlLW9mLWNvbnN1bXB0aW9uLCAuaG9tZS10eXBlLW9mLWNvbnN1bXB0aW9uIHtcblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdG1hcmdpbi1ib3R0b206IDNlbTtcblx0XHR9XG5cdFx0LnVzZXItdHlwZS1vZi1jb25zdW1wdGlvbntcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdGxlZnQ6IDEwJTtcblx0XHR9XG5cdFx0LmhvbWUtdHlwZS1vZi1jb25zdW1wdGlvbntcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHJpZ2h0OiAtMjAlO1xuXHRcdH1cblx0XHRzcGFue1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHR3aWR0aDogMS4yNWVtO1xuXHRcdFx0aGVpZ2h0OiAxLjI1ZW07XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRmb250LXNpemU6IDEuMjVlbTtcblx0fVxufVxuXG4ucm93IHtcblx0bWFyZ2luLXJpZ2h0OiAtMTVweDtcbiAgICBtYXJnaW4tbGVmdDogLTE1cHg7XG4gICAgJjpiZWZvcmUge1xuICAgIFx0ZGlzcGxheTogdGFibGU7XG4gICAgXHRjb250ZW50OiBcIiBcIjtcbiAgICB9XG4gICAgJjphZnRlciB7XG4gICAgXHRkaXNwbGF5OiB0YWJsZTtcbiAgICBcdGNvbnRlbnQ6IFwiIFwiO1xuICAgIFx0Y2xlYXI6IGJvdGg7XG4gICAgfVxufVxuXG5bY2xhc3NePWNvbC1dIHtcbiAgICAvL3BhZGRpbmctdG9wOiAxMHB4O1xuICAgIC8vcGFkZGluZy1ib3R0b206IDEwcHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0bWluLWhlaWdodDogMXB4O1xuXHQvLyBwYWRkaW5nLXJpZ2h0OiAxNXB4O1xuXHQvLyBwYWRkaW5nLWxlZnQ6IDE1cHg7XG5cdGZsb2F0OiBsZWZ0O1xufVxuXG4uY29sLTYge1xuXHR3aWR0aDogNTAlO1xufVxuXG4uY29sLTQge1xuXHR3aWR0aDogMzMuMzMlO1xuXHRtYXJnaW46IGF1dG87XG5cdC8vIHBhZGRpbmctcmlnaHQ6IDdweDtcblx0Ly8gcGFkZGluZy1sZWZ0OiA3cHg7XG59XG5cbi5jb2wtMTIge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLmhlYWRlciB7XG5cdG1hcmdpbjogMCBhdXRvO1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICNFQUYyRjI7XG5cdHBhZGRpbmc6IDIwcHggMCAxMHB4O1xuXHQmX19pY29uIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcblx0ICAgIGNvbG9yOiAjOUE5QTlBO1xuXHQgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXHQgICAgZm9udC1zaXplOiAyMnB4O1xuXHQgICAgbGluZS1oZWlnaHQ6IDM4cHg7XG5cdCAgICB3aWR0aDogMzhweDtcblx0ICAgIGhlaWdodDogMzhweDtcblx0ICAgIHBhZGRpbmc6IDhweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDhweDtcblx0XHQmLS1zZWxlY3RlZCB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjOTdCQTNDO1xuXHRcdFx0Y29sb3I6IHdoaXRlO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdFx0Zm9udC1zaXplOiAyMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDM4cHg7XG5cdFx0XHR3aWR0aDogMzhweDtcblx0XHRcdGhlaWdodDogMzhweDtcblx0XHRcdHBhZGRpbmc6IDhweDtcblx0XHRcdG1hcmdpbi1yaWdodDogOHB4O1xuXHRcdH1cblx0XHQmOmxhc3Qtb2YtdHlwZSB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHRcdCYtLXJlbG9hZCB7XG5cdFx0XHRjb2xvcjogIzk3QkEzQztcblx0XHR9XG5cdFx0Ji0tYmFsbF9ncm91cF9kaXNwbGF5X25vbmUge1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHR9XG5cdFx0Ji0tYmFsbF9ncm91cF9kaXNwbGF5X2Jsb2NrIHtcblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHR9XG5cdFx0Ji0tYmFsbHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNjY2NjY2M7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0XHRwYWRkaW5nOiA3cHg7XG5cdFx0XHRmb250LXNpemU6IDAuMXB4O1xuXHRcdFx0bWFyZ2luLXJpZ2h0OiA4cHg7XG5cdFx0XHRwYWRkaW5nLWJvdHRvbTogMHB4O1xuXHRcdFx0cGFkZGluZy10b3A6IDEzcHg7XG5cdFx0fVxuXHRcdCYtLXNpbmdsZXtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICM5N0JBM0M7XG5cdFx0fVxuXHRcdFxuXHR9XG5cdCYtLWluZGV4IHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cdC5pY3MtdmVydGljYWwtbGluZSB7XG5cdFx0Zm9udC1zaXplOiAyZW07XG5cdFx0Ym9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzAxMzg3MTtcblx0XHRtYXJnaW4tcmlnaHQ6IDEwcHg7XG5cdH1cblxufVxuXG4ubWFpbiB7XG5cdC8vYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uL2ltYWdlcy9jYWxjdWxhZG9yYS5wbmcpO1xuICAgIC8vYmFja2dyb3VuZC1zaXplOiAzMyUgOyBcbiAgICAvL2JhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgLy9iYWNrZ3JvdW5kLXBvc2l0aW9uOiA1MCUgMTA5JTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI0Y0RjhFQjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6IDEzcHg7XG4gICAgJi0taW1hZ2Uge1xuXHRcdC8vYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXHRcdC8vYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcblx0XHQvL21pbi1oZWlnaHQ6IDQ3MXB4O1xuXHR9XG5cdCYtLWNvbmNsdXNpb24ge1xuXHRcdC5tYWluX19hZGRpdGlvbmFsIHtcblx0XHRcdG1hcmdpbjogMDtcblx0XHRcdGxpbmUtaGVpZ2h0OiBlbSgyMnB4LCAxOHB4KTtcblx0XHR9XG5cdFx0LnJvdyB7XG5cdFx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHRcdFx0cGFkZGluZy1sZWZ0OiA0M3B4O1xuICAgIFx0XHRwYWRkaW5nLXJpZ2h0OiA0M3B4O1xuXHRcdH1cblx0XHQuY29sLTQge1xuXHRcdFx0cGFkZGluZy1yaWdodDogMjVweDtcbiAgICBcdFx0cGFkZGluZy1sZWZ0OiAyNXB4O1xuXHRcdH1cblx0fVxuXHQmX19jb250YWluZXIge1xuXHRcdG1hcmdpbjogMCBhdXRvO1xuXHRcdC8vdGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdC8vYmFja2dyb3VuZC1jb2xvcjogI0Y0RjhFQjtcblx0XHQvL3BhZGRpbmc6IDIwcHggMjBweDtcblx0XHQvLyBtaW4taGVpZ2h0OiAyODZweDtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0cGFkZGluZy1sZWZ0OiAxNXB4O1xuXHRcdHBhZGRpbmctcmlnaHQ6IDE1cHg7XG5cdFx0Ji0tY29uY2x1c2lvbiB7XG5cdFx0XHRwYWRkaW5nLWxlZnQ6IDQzcHg7XG5cdFx0XHRwYWRkaW5nLXJpZ2h0OiA0M3B4O1xuXHRcdH1cblx0fVxuXHQmX190aXRsZSB7XG5cdFx0Zm9udC1mYW1pbHk6ICRmb250LWxpZ2h0O1xuXHRcdGNvbG9yOiAjMDEzODcxO1xuXHRcdGZvbnQtc2l6ZTogZW0oMjhweCwgMTZweCk7XG5cdFx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcblx0XHRtYXJnaW4tdG9wOiAwO1xuICAgIFx0bWFyZ2luLWJvdHRvbTogMzlweDtcbiAgICBcdGxpbmUtaGVpZ2h0OiBlbSg0NnB4LCA0OHB4KTtcblxuXG4gICAgXHQmLS1pbmRleCB7XG5cdFx0XHRmb250LXNpemU6IGVtKDQ4cHgsIDE2cHgpO1xuXHRcdFx0cGFkZGluZy10b3A6IDM0cHg7XG4gICAgXHR9XG4gICAgXHQmLS1jb25jbHVzaW9uIHtcbiAgICBcdFx0Zm9udC1zaXplOiBlbSg0OHB4LCAxNnB4KTtcbiAgICBcdFx0Ly9saW5lLWhlaWdodDogZW0oNDZweCwgNDhweCk7XG4gICAgXHRcdHBhZGRpbmctdG9wOiAyMHB4O1xuICAgIFx0XHRtYXJnaW4tYm90dG9tOiAxOXB4O1xuICAgIFx0fVxuXHR9XG5cdCZfX2J1dHRvbnMge1xuICAgXHRcdC8vcG9zaXRpb246IGFic29sdXRlO1xuXHQgIFx0Ly90b3A6IDUwJTtcblx0ICBcdC8vbGVmdDogNTAlO1xuXHQgIFx0Ly90cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0ICBcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ICBcdC8vd2lkdGg6IDIyMHB4O1xuXHQgIFx0cGFkZGluZy1sZWZ0OiAyMHB4O1xuICAgIFx0cGFkZGluZy1yaWdodDogMjBweDtcblx0ICBcdC5yb3cge1xuXHQgIFx0XHQvL3BhZGRpbmctYm90dG9tOiAxOHB4O1xuXHQgIFx0XHRwYWRkaW5nLWJvdHRvbTogNXB4O1xuXHQgIFx0XHQvL21hcmdpbjogMDtcblx0ICBcdFx0bWFyZ2luLWxlZnQ6IC03cHg7XG5cdCAgXHRcdG1hcmdpbi1yaWdodDogLTdweDtcblx0ICBcdH1cblx0ICBcdC5jZiB7XG5cdCAgXHRcdHdpZHRoOiAyMjBweDtcblx0XHRcdCAgbWFyZ2luOiAxZW0gYXV0bztcblx0XHRcdC5tYWluX19yYWRpb3tcblx0XHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdFx0fVxuXHRcdFx0OmZpcnN0LWNoaWxkIGlucHV0e1xuXHRcdFx0XHQubWFpbl9fcmFkaW97XG5cdFx0XHRcdFx0bWFyZ2luLXJpZ2h0OiBhdXRvO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0XHQ6bGFzdC1jaGlsZCB7XG5cdFx0XHRcdC5tYWluX19yYWRpb3tcblx0XHRcdFx0XHRtYXJnaW4tbGVmdDogYXV0bztcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdCAgfVxuXHRcdCAgJl9fbGVzcyB7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRmb250LXNpemU6IGVtKDM0cHgsIDE2cHgpO1xuXHRcdFx0cGFkZGluZzogMCA3cHg7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAyNSU7XG5cdFx0XHRsaW5lLWhlaWdodDogMTtcblx0XHRcdGZsb2F0OiBsZWZ0O1xuXHRcdFx0Ly9kaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHQvL21hcmdpbi1yaWdodDogMjBweDtcblx0XHRcdHdpZHRoOiA1MnB4O1xuXHRcdFx0aGVpZ2h0OiA1MnB4O1xuXHRcdFx0JjpiZWZvcmV7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0Ym90dG9tOiAxMHB4O1xuXHRcdFx0XHRsZWZ0OiAtMTZweDtcblx0XHRcdFx0Zm9udC1zaXplOiAyLjFlbTtcblx0XHRcdH1cblx0XHR9XG5cdFx0Jl9fbW9yZSB7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRmb250LXNpemU6IGVtKDM0cHgsIDE2cHgpO1xuXHRcdFx0cGFkZGluZzogMCA3cHg7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAyNSU7XG5cdFx0XHRsaW5lLWhlaWdodDogMTtcblx0XHRcdGZsb2F0OiByaWdodDtcblx0XHRcdHdpZHRoOiA1MnB4O1xuXHRcdFx0aGVpZ2h0OiA1MnB4O1xuXHRcdFx0Ly8gcmlnaHQ6IC0xNXB4O1xuXHRcdFx0Ly8gYm90dG9tOiA1MnB4O1xuXHRcdFx0Ly9kaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHQvL21hcmdpbi1sZWZ0OiAyMHB4O1xuXHRcdFx0JjpiZWZvcmV7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0Ym90dG9tOiAxMHB4O1xuXHRcdFx0XHRsZWZ0OiAtMTZweDtcblx0XHRcdFx0Zm9udC1zaXplOiAyLjFlbVxuXHRcdFx0fVxuXHRcdH1cblx0XHQmLS1ibHVlIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuXHRcdFx0Y29sb3I6ICMwMTM4NzE7XG5cdFx0fVxuXHRcdCYtLWdyYXkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5cdFx0XHRjb2xvcjogI0NDQ0NDQztcblx0XHR9XG5cblx0fVxuXHQmX19yYWRpbyB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogIzAxMzg3MTtcblx0XHRib3JkZXItcmFkaXVzOiA2cHg7XG5cdFx0aGVpZ2h0OiA2MHB4OyBcblx0XHR3aWR0aDogNjBweDtcblx0XHQvLyBsaW5lLWhlaWdodDogNDRweDtcblx0XHQvLyBtYXJnaW46IDNweDsgIFxuXHRcdGlucHV0IHtcblx0XHQgICAgZGlzcGxheTogbm9uZTtcblx0XHQgICAgJjpjaGVja2VkICsgbGFiZWwge1xuXHRcdCAgICBcdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRcdCAgICB9XG5cdFx0fVxuXHRcdGxhYmVsIHtcblx0XHQgICAgY3Vyc29yOiBwb2ludGVyO1xuXHRcdCAgICBjb2xvcjogd2hpdGU7XG5cdFx0XHRmb250LXNpemU6IGVtKDE4cHgsIDE2cHgpO1xuXHRcdFx0Zm9udC1mYW1pbHk6ICRmb250LWJvbGQ7XG5cdFx0XHRwYWRkaW5nLXRvcDogNnB4OyAgXG5cblx0XHR9XG5cdFx0c3BhbiB7XG5cdFx0XHQvLyBmb250LXNpemU6IGVtKDE0cHgsIDEycHgpO1xuXHRcdFx0Zm9udC1mYW1pbHk6ICRmb250LWxpZ2h0O1xuXHRcdH1cblx0fVxuXHQmX19jb250YWluZXIge1xuXHRcdC8vbWFyZ2luOiAwIGF1dG87XG5cdFx0Ly93aWR0aDogZml0LWNvbnRlbnQ7XG5cdFx0Ly93aWR0aDogMjI2cHg7XG5cdFx0Ly9tYXJnaW46IDAgMThweDtcblx0fVxuXG5cdCZfX3RleHQge1xuXHRcdGZvbnQtZmFtaWx5OiAkZm9udC1ib2xkO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdGZvbnQtc2l6ZTogZW0oMjJweCwgMTZweCk7XG5cdFx0Y29sb3I6ICMzMzMzMzM7XG5cdFx0Ly9mbG9hdDogcmlnaHQ7XG5cdFx0Ly9kaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdG1hcmdpbjogMDtcblx0XHRmbG9hdDogbGVmdDtcblx0XHR3aWR0aDogMTE2cHg7XG5cdFx0bGluZS1oZWlnaHQ6IDUycHg7XG5cdH1cblx0Jl9fYWRkaXRpb25hbCB7XG5cdFx0Zm9udC1mYW1pbHk6ICRmb250LWdlbmVyYWw7XG5cdFx0Zm9udC1zaXplOiBlbSgxOHB4LCAxNnB4KTtcblx0XHQvLyBtYXJnaW4tdG9wOiA3cHg7XG5cdFx0Ly8gbWFyZ2luLWJvdHRvbTogMTVweDtcblx0XHRtYXJnaW46IGF1dG87XG5cdFx0Ly8gd2lkdGg6IDYwJTtcbiAgICBcdHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBcdCYtLWluZGV4IHtcbiAgICBcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdFx0Ji0tc2Vjb25kLWluZGV4IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAkZm9udC1nZW5lcmFsO1xuXHRcdFx0Zm9udC1zaXplOiBlbSgxOHB4LCAxNnB4KTtcblx0XHRcdHRleHQtYWxpZ246IGxlZnQ7XG5cdFx0XHR3aWR0aDogNTAlO1xuXHRcdFx0bWF4LXdpZHRoOiA1MzVweDtcblx0XHRcdG1hcmdpbi10b3A6IDJlbTtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRwYWRkaW5nOiAwIDE1cHg7XG5cdFx0fVxuXHR9XG5cdCZfX2NhbGN1bGF0b3Ige1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9pbWFnZXMvY2FsY3VsYWRvcmEucG5nKTtcblx0XHR6LWluZGV4OiAwO1xuXHQgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXHQgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcblx0ICAgIGJhY2tncm91bmQtcG9zaXRpb246IDUwJSAzOHB4O1xuXHQgICAgLy9iYWNrZ3JvdW5kLXBvc2l0aW9uLXg6XG5cdCAgICBoZWlnaHQ6IDIxNnB4O1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHQmLS1zZWNvbmQge1xuXHRcdFx0YmFja2dyb3VuZC1wb3NpdGlvbi14OiA3MCU7XG5cdFx0fVxuXHQgICAgLm9uZGEge1xuXHQgICAgXHQvLyBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTkzcHggMDtcblx0ICAgIFx0JjphZnRlciB7XG5cdFx0XHQgICAgY29udGVudDogXCJcIjtcblx0XHRcdCAgICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL29uZGF2LnBuZyk7XG5cdFx0XHQgICAgLy8gb3BhY2l0eTogMC4zMDI7XG5cdFx0XHQgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTgxcHggMDtcblx0XHRcdCAgICBiYWNrZ3JvdW5kLXNpemU6IDM1MHB4O1xuXHRcdFx0ICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHotaW5kZXg6IC0xO1xuXHRcdFx0ICAgIGhlaWdodDogMzNweDtcblx0XHRcdCAgICB3aWR0aDogMTAwJTtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdH1cblx0XHR9XG5cdH1cblx0Jl9fdGV4dHMge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cblx0Jl9faW5mbyB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXHQmX191c2VycyB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0XHQmLS1zZWNvbmQtaW5kZXgge1xuXHRcdFx0d2lkdGg6IGF1dG87XG5cdFx0XHRtYXgtd2lkdGg6IDUwMHB4O1xuXHRcdH1cblx0fVxuXHQmX19yZXBlYXQge1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjRkZGRkZGO1xuXHRcdGhlaWdodDogMzhweDtcblx0XHR3aWR0aDogMzlweDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRtYXJnaW46IDAgYXV0bztcblx0XHQvL3BhZGRpbmctdG9wOiAxMnB4O1xuXHR9XG5cdCZfX2Ryb3Age1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vaW1hZ2VzL2Ryb3Atd2hpdGUucG5nJyk7XG5cdFx0YmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXHRcdGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHRvcDtcblx0XHRoZWlnaHQ6IDEwN3B4O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRwYWRkaW5nLXRvcDogNTZweDtcblx0XHRwIHtcblx0XHRcdGNvbG9yOiAjMDEzODcxO1xuXHRcdH1cblx0XHQmLS1ncmVlbiB7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9kcm9wLWdyZWVuLnBuZycpO1xuXHRcdFx0cCB7XG5cdFx0XHRcdGNvbG9yOiAjRThGMEYwO1xuXHRcdFx0fVxuXHRcdH1cblx0XHQmLS1saWdodCB7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9kcm9wLWxpZ2h0LnBuZycpO1xuXHRcdH1cblx0XHQmX19udW1iZXIge1xuICBcdFx0XHRmb250LXNpemU6IGVtKDMxcHgsIDE2cHgpO1xuICBcdFx0XHRmb250LWZhbWlseTogJGZvbnQtYm9sZDtcbiAgXHRcdFx0bGluZS1oZWlnaHQ6IDAuNzk4O1xuICBcdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRcdCZfX21lYXN1cmUge1xuICBcdFx0XHRmb250LXNpemU6IGVtKDEycHgsIDE2cHgpO1xuICBcdFx0XHRmb250LWZhbWlseTogJGZvbnQtZ2VuZXJhbDtcbiAgXHRcdFx0bGluZS1oZWlnaHQ6IGVtKDEycHgsIDEycHgpO1xuICBcdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRcdCZfX2NhdGVnb3J5IHtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcbiAgXHRcdFx0Zm9udC1zaXplOiBlbSgxNHB4LCAxNnB4KTtcbiAgXHRcdFx0Zm9udC1mYW1pbHk6ICRmb250LWdlbmVyYWw7XG4gIFx0XHRcdGNvbG9yOiAjMzMzMzMzO1xuICBcdFx0XHRsaW5lLWhlaWdodDogZW0oMThweCwgMTZweCk7XG5cdFx0fVxuXG5cdH1cblx0Jl9fc3VidGl0bGUge1xuICBcdFx0Zm9udC1zaXplOiBlbSgyNHB4LCAxNnB4KTtcbiAgXHRcdGZvbnQtZmFtaWx5OiAkZm9udC1saWdodDtcbiAgXHRcdGNvbG9yOiAjMDEzODcxO1xuICBcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuICBcdFx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgXHRcdGxpbmUtaGVpZ2h0OiBlbSgyNnB4LCAyNHB4KTtcbiAgXHRcdHBhZGRpbmctbGVmdDogNTVweDtcbiAgXHRcdHBhZGRpbmctcmlnaHQ6IDU1cHg7XG5cdH1cblxufVxuXG4ub25kYSB7XG5cdGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9pbWFnZXMvb25kYS5wbmcpO1xuICAgIGhlaWdodDogMzNweDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDM1MHB4O1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0yNzdweCAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAvL2JhY2tncm91bmQtY29sb3I6IHJnYmEoMjQzLCAyNDcsIDI0NywgMSk7XG5cdC8qJjphZnRlciB7XG5cdCAgICBjb250ZW50OiBcIlwiO1xuXHQgICAgYmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9vbmRhLnBuZyk7XG5cdCAgICBvcGFjaXR5OiAwLjMwMjtcblx0ICAgIGJhY2tncm91bmQtcG9zaXRpb246IC04MXB4IDA7XG5cdCAgICBiYWNrZ3JvdW5kLXNpemU6IDM1MHB4O1xuXHQgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdCAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG5cdCAgICBoZWlnaHQ6IDMzcHg7XG5cdCAgICB3aWR0aDogMTAwJTtcblx0ICAgIGxlZnQ6IDA7XG5cdH0qL1xufVxuXG4uZm9vdGVyIHtcblx0Ly9tYXJnaW46IDAgYXV0bztcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRmb250LWZhbWlseTogJGZvbnQtZ2VuZXJhbDtcblx0YmFja2dyb3VuZC1jb2xvcjogI0VBRjJGMjtcblx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAyMDBweDtcblx0cGFkZGluZy10b3A6IDYycHg7XG5cdC8vcGFkZGluZzogNjJweCAwIDUwcHggMDtcblx0Jl9fY2VudGVyIHtcblx0XHRtYXJnaW46IDAgYXV0bztcblx0XHRmbG9hdDogdW5zZXQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMThweDtcblx0XHR3aWR0aDogYXV0bztcblx0XHQvLyAuZm9vdGVyX19iZWZvcmUge1xuXHRcdC8vIFx0bWFyZ2luOiAwIGF1dG87XG5cdFx0Ly8gfVxuXHR9XG5cdCZfX2JlZm9yZSB7XG5cdFx0Zm9udC1mYW1pbHk6ICRmb250LWJvbGQ7XG5cdFx0Zm9udC1zaXplOiBlbSgxOHB4LCAxNnB4KTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcblx0XHRmb250LXdlaWdodDogYm9sZDtcblx0XHRjb2xvcjogIzAxMzg3MTtcblx0XHR0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGxpbmUtaGVpZ2h0OiAxO1xuXHRcdC8vIHBhZGRpbmc6IDE0cHggMDtcblx0XHR3aWR0aDogYXV0bztcblx0XHQvLyBtYXgtd2lkdGg6IDMwN3B4O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICMwMTM4NzE7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHRcdC5pY29uIHtcblx0XHRcdGZvbnQtc2l6ZTogM2VtO1xuXHRcdFx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdGxlZnQ6IC0yNSU7XG5cdFx0fVxuXHR9XG5cdCZfX25leHQge1xuXHRcdGZvbnQtZmFtaWx5OiAkZm9udC1ib2xkO1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0XHRmb250LXNpemU6IGVtKDE4cHgsIDE2cHgpO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMwMTM4NzE7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRsaW5lLWhlaWdodDogMTtcblx0XHQvLyBwYWRkaW5nOiAxNHB4IDA7XG5cdFx0d2lkdGg6IGF1dG87XG5cdFx0Ly8gbWF4LXdpZHRoOiAzMDdweDtcblx0XHRtYXJnaW46IGF1dG87XG5cdFx0Lmljb24ge1xuXHRcdFx0Zm9udC1zaXplOiAzZW07XG5cdFx0XHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0cmlnaHQ6IC0yNSU7XG5cdFx0fVxuXHR9XG5cdCZfX3N0YXJ0IHtcblx0XHRtYXgtd2lkdGg6IDIwN3B4O1xuXHRcdHBhZGRpbmc6IDE4cHggMDtcblx0fVxuXHQmX19mb290ZXIge1xuXHRcdGZvbnQtZmFtaWx5OiAkZm9udC1nZW5lcmFsO1xuXHRcdC8vZm9udC1zaXplOiBlbSgxNXB4LCAxNnB4KTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMDEzODcxO1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0XHRmb250LXdlaWdodDogbm9ybWFsO1xuXHRcdC8vcGFkZGluZzogMjRweCA0NHB4IDUwcHggNDRweDtcblx0XHRwYWRkaW5nOiAyNHB4IDQ0cHggMjRweCA0NHB4O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRtaW4taGVpZ2h0OiAxNjBweDtcblx0XHQvL2ZvbnQtc2l6ZTogMTNweDtcblx0XHQmLS1jb25jbHVzaW9uIHtcblx0XHRcdHBhZGRpbmctbGVmdDogNjBweDtcblx0XHRcdHBhZGRpbmctcmlnaHQ6IDYwcHg7XG5cdFx0fVxuXHR9XG5cdCZfX2NvbnRhaW5lciB7XG5cdFx0Ly9tYXJnaW4tdG9wOiAxOHB4O1xuICAgIFx0bWFyZ2luLWJvdHRvbTogMjBweDtcblx0fVxuXHQmX190ZXh0IHtcblx0XHRmb250LWZhbWlseTogJGZvbnQtZ2VuZXJhbDtcblx0XHRmb250LXNpemU6IGVtKDE0cHgsIDE2cHgpO1xuXHRcdG1hcmdpbjogMDtcblx0XHQmLS1jb25jbHVzaW9uIHtcblx0XHRcdGZvbnQtc2l6ZTogZW0oMThweCwgMTZweCk7XG5cdFx0XHRmb250LXdlaWdodDogYm9sZDtcblx0XHRcdHBhZGRpbmctdG9wOiA3cHg7XG5cdFx0XHRwYWRkaW5nLXJpZ2h0OiAzNnB4O1xuICAgIFx0XHRwYWRkaW5nLWxlZnQ6IDM2cHg7XG5cdFx0fVxuXG5cdH1cblx0Jl9faWNvbiB7XG5cdFx0Zm9udC1zaXplOiA0MnB4O1xuXHRcdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblx0XHRjb2xvcjogd2hpdGU7XG5cdFx0cGFkZGluZy1yaWdodDogNXB4O1xuXHRcdCY6bGFzdC1vZi10eXBlIHtcblx0XHRcdHBhZGRpbmctcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG59XG5cbi5idXR0b24tc3BhY2Uge1xuXHRtYXJnaW46IGF1dG8gMiU7XG59XG5cbi5jZjpiZWZvcmUsXG4uY2Y6YWZ0ZXIge1xuICBjb250ZW50OiBcIiBcIjsgLyogMSAqL1xuICBkaXNwbGF5OiB0YWJsZTsgLyogMiAqL1xufVxuXG4uY2Y6YWZ0ZXIge1xuICBjbGVhcjogYm90aDtcbn1cblxuLyoqXG4qIEZvciBJRSA2Lzcgb25seVxuKiBJbmNsdWRlIHRoaXMgcnVsZSB0byB0cmlnZ2VyIGhhc0xheW91dCBhbmQgY29udGFpbiBmbG9hdHMuXG4qL1xuLmNmIHtcbiAgKnpvb206IDE7XG59XG5cbi8qKiAqL1xuXG4ubWFpbl9fc3VidGl0bGV7XG5cdG1hcmdpbi10b3A6IDA7XG5cdHBhZGRpbmctdG9wOiAxLjVlbTtcbn1cblxuLmNvbmNsdXNpb24ge1xuXHR0YWJsZSB7XG5cdFx0Ym9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcblx0XHRmb250LWZhbWlseTogJGZvbnQtZ2VuZXJhbDtcblx0XHR3aWR0aDogODAlO1xuXHRcdC8vIG1heC13aWR0aDogMTAwJTtcblx0XHRtYXJnaW46IGF1dG87XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRwYWRkaW5nOiAyZW07XG5cdH1cblx0dGgsIHRkIHtcblx0XHR0ZXh0LWFsaWduOiBsZWZ0O1xuXHR9XG5cdC5jb25jbHVzaW9uX3RhYmxlX2hlYWRlcl9pY24ge1xuXHRcdGZvbnQtc2l6ZTogMi41ZW07XG5cdH1cbn1cblxuLmNvbmNsdXNpb24tdG9wIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI0Y0RjhFQjtcbn1cblxudGFibGUge1xuICAgIHRoZWFkIHRoIHtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0cGFkZGluZzogMSU7XG5cdH1cblxuXHQudGFibGVfX2NvbC10aXR0bGUge1xuXHRcdGZvbnQtc2l6ZTogMS4yNWVtO1xuXHR9XG5cbiAgICB0ZCB7XG5cdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICMwMTM4NzE7IFxuXHRcdHBhZGRpbmc6IDFlbSAwLjVlbTtcbiAgICB9XG4gICAgdHIgdGR7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC8vIGNvbnRlbnQ6IGF0dHIoZGF0YS10aCk7XG4gICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdC8vIG1pbi13aWR0aDogMTUwcHg7XG4gICAgICAgICAgICAvLyB3aWR0aDogNTAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLy90ZXh0LWFsaWduOiByaWdodDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblx0fVxufVxuLmN1c3RvbS1tYXJnaW4tdG9we1xuXHRtYXJnaW4tdG9wOiA3MHB4O1xufVxuXG4uaWNzX3N1bWFyeV90YWJsZSB7XG5cdGZvbnQtc2l6ZTogM2VtO1xufVxuXG4uaWNzX2Ryb3BfY29uY2x1c2lvbl90YWJsZSB7XG5cdGZvbnQtc2l6ZTogMmVtO1xufVxuXG4uaWNzX2hhcHB5LWRyb3Age1xuXHRjb2xvcjogIzk3QkEzQztcbn1cblxuLmNoYXJ0IHtcblx0bWFyZ2luOiBhdXRvO1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdGZvbnQtZmFtaWx5OiAkZm9udC1nZW5lcmFsO1xufVxuLmhpZ2hjaGFydHMtY29udGFpbmVye1xuXHRtYXJnaW46IGF1dG87XG59XG4uaGlnaGNoYXJ0cy1iYWNrZ3JvdW5kIHtcblx0ZmlsbDogbm9uZTtcbn1cbi5oaWdoY2hhcnRzLWJ1dHRvbi1ib3gsIC5oaWdoY2hhcnRzLWJ1dHRvbi1zeW1ib2wsIC5oaWdoY2hhcnRzLWNyZWRpdHN7XG5cdGRpc3BsYXk6IG5vbmU7XG5cdGZpbGw6IG5vbmU7XG59XG4uaGlnaGNoYXJ0cy1zZXJpZXMtZ3JvdXB7XG5cdHRyYW5zZm9ybTogcm90YXRlKDI1MmRlZyk7XG5cdHRyYW5zZm9ybS1vcmlnaW46IDMwJSA1MCU7XG59XG4ucm93LWNvbmNsdXNpb24tZGV0YWlsIHtcblx0d2lkdGg6IDgwJSAhaW1wb3J0YW50O1xuXHRtYXJnaW46IGF1dG87XG59XG5cbi8qIExhcmdlIGRldmljZXMgKHRhYmxldHMsIDEyODBweCBhbmQgdXApICovXG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcblx0Lm9mZnNldC1tZC0yIHtcblx0XHRtYXJnaW4tbGVmdDogMTYuNjclO1xuXHR9XG5cdC5vZmZzZXQtbWQtNiB7XG5cdFx0bWFyZ2luLWxlZnQ6IDUwJTtcblx0XHRwYWRkaW5nLWxlZnQ6IDIlO1xuICAgXHR9XG4gICBcdC5jb2wtbWQtNiB7XG4gICBcdFx0d2lkdGg6IDUwJTtcbiAgIFx0fVxuICAgXHQuY29sLW1kLTgge1xuICAgXHRcdHdpZHRoOiA2Ni42NyU7XG4gICBcdH1cbiAgIFx0LmhlYWRlci0taW5kZXgge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogNzZweDtcbiAgIFx0fVxuXHQubWFpbntcblx0XHQmX190aXRsZSB7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdCYtLWNvbmNsdXNpb24ge1xuXHRcdFx0LnJvdyB7XG5cdFx0XHRcdHBhZGRpbmctbGVmdDogMDtcblx0XHRcdFx0cGFkZGluZy1yaWdodDogMDtcblx0XHRcdH1cblx0XHRcdC5jb2wtNCB7XG5cdFx0XHRcdHBhZGRpbmctcmlnaHQ6IDdweDtcblx0XHRcdFx0cGFkZGluZy1sZWZ0OiA3cHg7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCZfX2NhbGN1bGF0b3Ige1xuXHRcdFx0aGVpZ2h0OiAyOTBweDtcblx0XHRcdCYtLXNlY29uZCB7XG5cdFx0XHRcdGJhY2tncm91bmQtcG9zaXRpb24teDogNzAlO1xuXHRcdFx0fVxuXHQgICAgXHQub25kYXtcblx0ICAgIFx0XHRiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjdweCAwO1xuXHQgICAgXHRcdCY6YWZ0ZXIge1xuXHRcdCAgICBcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgIFx0XHRiYWNrZ3JvdW5kLXNpemU6IDUzMHB4O1xuXHQgICAgXHRcdFx0aGVpZ2h0OiA0N3B4O1xuXHQgICAgXHRcdFx0YmFja2dyb3VuZC1wb3NpdGlvbjogMjExcHggLTNweDtcblx0XHQgICAgXHR9XG5cdCAgICBcdH1cblx0ICAgIH1cblx0ICAgICZfX2NvbnRhaW5lciB7XG5cdFx0XHQvLyBtYXJnaW46IDAgMjAwcHg7XG5cdFx0XHRtYXJnaW46IGluaGVyaXQ7XG5cdCAgICB9XG5cdCAgICAmX190aXRsZS0taW5kZXgge1xuXHQgICAgXHRtYXJnaW4tYm90dG9tOiAyNnB4O1xuXHQgICAgXHRwYWRkaW5nLXRvcDogMnB4O1xuXHQgICAgfVxuXHQgICAgJl9faW1hZ2Uge1xuXHRcdFx0aGVpZ2h0OiA0NzFweDtcblx0XHRcdGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcblx0XHRcdGJhY2tncm91bmQtcG9zaXRpb24teDogMjUlO1xuXHRcdFx0YmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcblx0XHRcdG1hcmdpbi1sZWZ0OiAwO1x0XG5cdCAgICBcdCYtLWNhbGN1bGF0b3Ige1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9jYWxjdWxhZG9yYS5wbmcnKTtcblx0ICAgIFx0fVxuXHQgICAgXHQmLS1wZW9wbGUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9wZW9wbGUucG5nJyk7XG5cdCAgICBcdH1cblx0ICAgIFx0Ji0tc2hvd2VyIHtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcuLi9pbWFnZXMvc2hvd2VyLnBuZycpO1xuXHQgICAgXHR9XG5cdCAgICBcdCYtLXNob3dlcjIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9zaG93ZXIyLnBuZycpO1xuXHQgICAgXHR9XG5cdCAgICBcdCYtLWJhdGgge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9iYXRoLnBuZycpO1xuXHRcdFx0XHRiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IDMlO1xuXHQgICAgXHR9XG5cdCAgICBcdCYtLXRlZXRoIHtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcuLi9pbWFnZXMvdGVldGgucG5nJyk7XG5cdCAgICBcdH1cblx0ICAgIFx0Ji0tY2lzdGVybiB7XG5cdFx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vaW1hZ2VzL2Npc3Rlcm5hLnBuZycpO1xuXHRcdFx0XHRiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IDQwJTtcblx0ICAgIFx0fVxuXHQgICAgXHQmLS10YXAtd2F0ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy92YXNvLnBuZycpO1xuXHQgICAgXHR9XG5cdCAgICBcdCYtLWRpc2h3YXNoZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9mcmllZ2FwbGF0b3MucG5nJyk7XG5cdCAgICBcdH1cblx0ICAgIFx0Ji0tY29va2luZyB7XG5cdFx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vaW1hZ2VzL2NvbWlkYS5wbmcnKTtcblx0ICAgIFx0fVxuXHQgICAgXHQmLS13YXNoaW5nLW1hY2hpbmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltYWdlcy9yb3BhLnBuZycpO1xuXHQgICAgXHR9XG5cdCAgICBcdCYtLWNsZWFuaW5nIHtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcuLi9pbWFnZXMvY3Viby5wbmcnKTtcblx0ICAgIFx0fVxuXHQgICAgXHQmLS1jb25jbHVzaW9uIHtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcuLi9pbWFnZXMvY2FsY3VsYWRvcmEucG5nJyk7XG5cdCAgICBcdH1cblx0ICAgIH1cblx0ICAgICZfX2luZm8ge1xuXHRcdFx0d2lkdGg6IDEwMHB4O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogNTBweDtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNDQ0NDQ0M7XG5cdFx0ICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHQgICAgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgIGxlZnQ6IDE1JTtcblx0XHRcdHRvcDogNTBweDtcblx0XHRcdFxuXHQgICAgXHQmX19jaXJjbGUge1xuXHQgICAgXHRcdGJhY2tncm91bmQtY29sb3I6ICMwMTM4NzE7XG4gICAgXHRcdFx0Y29sb3I6IHdoaXRlO1xuICAgIFx0XHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBcdFx0XHRmb250LXNpemU6IGVtKDE0cHgsIDE2cHgpO1xuICAgIFx0XHRcdHdpZHRoOiAxMDAlO1xuICAgIFx0XHRcdGhlaWdodDogMTAwcHg7XG4gICAgXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuICAgIFx0XHRcdHBhZGRpbmc6IDE1cHggMnB4IDE1cHg7XG4gICAgXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuICAgIFx0XHRcdCY6YmVmb3JlIHtcbiAgICBcdFx0XHRcdGZvbnQtc2l6ZTogNGVtO1xuICAgIFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdGJvdHRvbTogLTMzcHg7XG4gICAgXHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDI3cHgpO1xuICAgIFx0XHRcdFx0ei1pbmRleDogMzM7XG4gICAgXHRcdFx0XHRjb2xvcjogIzk3QkEzQztcblx0XHRcdFx0fVxuXHRcdFx0XHQmX190ZXh0IHtcblx0XHRcdFx0XHRmb250LWZhbWlseTogJGZvbnQtbGlnaHQ7XG5cdFx0XHRcdFx0bGluZS1oZWlnaHQ6IDEyNSU7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0ICAgIFx0Jl9faG9tZSB7XG5cdFx0XHRcdGZvbnQtc2l6ZTogZW0oMTZweCwgMTZweCk7XG5cdFx0XHQgIFx0Zm9udC1mYW1pbHk6ICRmb250LWJvbGQ7XG5cdFx0XHQgIFx0Y29sb3I6ICMwMTM4NzE7XG5cdFx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFlbTtcblx0ICAgIFx0fVxuXHQgICAgXHQmX19xdWFudGl0eSB7XG5cdCAgICBcdFx0d2lkdGg6IDcxcHg7XG5cdCAgICBcdFx0cGFkZGluZzogOHB4IDA7XG5cdCAgICBcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHQgICAgXHRcdGZvbnQtc2l6ZTogZW0oMjRweCwgMTZweCk7XG5cdCAgICBcdFx0Zm9udC1mYW1pbHk6ICRmb250LWJvbGQ7XG5cdCAgICBcdFx0Y29sb3I6ICMwMTM4NzE7XG5cdCAgICBcdFx0YmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5cdCAgICBcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHQgICAgXHRcdGJveC1zaGFkb3c6IGluc2V0IDBweCAycHggMnB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMzUpO1xuXHRcdFx0XHQvL2hlaWdodDogMzVweDtcblx0XHRcdFx0bWFyZ2luOiAwIGF1dG87XG5cdCAgICBcdH1cblx0ICAgIFx0Jl9fbGl0cmUge1xuXHRcdFx0ICBcdGZvbnQtc2l6ZTogZW0oMTJweCwgMTZweCk7XG5cdFx0XHQgIFx0Zm9udC1mYW1pbHk6ICRmb250LWdlbmVyYWw7XG5cdFx0XHQgIFx0Y29sb3I6ICMwMTM4NzE7XG5cdFx0XHQgIFx0bGluZS1oZWlnaHQ6IGVtKDEycHgsIDEycHgpO1xuXHRcdFx0XHQgIHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdFx0cGFkZGluZy1CT1RUT006IDFlbTtcblx0XHRcdH1cblx0XHR9XG5cdFx0Jl9fdXNlcnMge1xuXHRcdFx0c3BhbiB7XG5cdFx0XHRcdGNvbG9yOiB3aGl0ZTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogIzk3QkEzQztcblx0XHRcdFx0Zm9udC1zaXplOiAyZW07XG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZTtcblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogMjUlO1xuXHRcdFx0fVxuXHRcdFx0Lm1haW5fX3RleHRzIHtcblx0XHRcdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdFx0XHRmb250LXNpemU6IDAuOGVtO1xuXHRcdFx0XHRmb250LWZhbWlseTogJGZvbnQtZ2VuZXJhbDtcblx0XHRcdH1cblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cmlnaHQ6IDE1JTtcblx0XHRcdHRvcDogMzBweDtcblx0XHRcdCYtLXNlY29uZC1pbmRleCB7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG5cdFx0XHRcdHRvcDogMGVtO1xuXHRcdFx0XHRkaXYge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGlubGluZTtcblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdH1cblx0XHRcdFx0LnVzZXItdHlwZS1vZi1jb25zdW1wdGlvbiB7XG5cdFx0XHRcdFx0cmlnaHQ6IC0xMCU7XG5cdFx0XHRcdH1cblx0XHRcdFx0LmhvbWUtdHlwZS1vZi1jb25zdW1wdGlvbiB7XG5cdFx0XHRcdFx0bGVmdDogNDAlO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHQgICAgJl9fYnV0dG9ucyB7XG5cdCAgICBcdHdpZHRoOiAyMjBweDtcblx0ICAgIFx0cGFkZGluZy1sZWZ0OiAwO1xuXHRcdFx0cGFkZGluZy1yaWdodDogMDtcblx0ICAgIFx0Ji0tcmFkaW9idXR0b25zIHtcblx0XHRcdFx0d2lkdGg6IDI2NXB4O1xuXHQgICAgXHRcdC5jZiB7XG5cdCAgICBcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHQvLyBtYXJnaW46IDA7XG5cdFx0XHRcdH1cblx0XHRcdFx0XHQvLyAuaWNvbi1taW51czpiZWZvcmV7XG5cdFx0XHRcdFx0Ly8gXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0Ly8gXHRib3R0b206IC0xMHB4O1xuXHRcdFx0XHRcdC8vIFx0bGVmdDogLTEwcHg7XG5cdFx0XHRcdFx0Ly8gXHRmb250LXNpemU6IDIuMWVtO1xuXHRcdFx0XHRcdC8vIH1cblx0XHRcdFx0XHQvLyAuaWNvbi1wbHVzOmJlZm9yZXtcblx0XHRcdFx0XHQvLyBcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHQvLyBcdGJvdHRvbTogLTlweDtcblx0XHRcdFx0XHQvLyBcdGxlZnQ6IDIwNHB4O1xuXHRcdFx0XHRcdC8vIFx0Zm9udC1zaXplOiAyLjFlbVxuXHRcdFx0XHRcdC8vIH1cblx0ICAgIFx0XHQubWFpbl9fdGV4dCB7XG5cdCAgICBcdFx0XHR3aWR0aDogMTYwcHg7XG5cdFx0XHRcdH1cblx0ICAgIFx0fVxuXHQgICAgfVxuXHQgICAgJl9fcmFkaW8ge1xuXHQgICAgXHRsYWJlbCB7XG5cdFx0ICAgIFx0bGluZS1oZWlnaHQ6IDE7XG5cdFx0ICAgIFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgIFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHQgICAgXHR9XG5cdCAgICBcdHNwYW4ge1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdGxpbmUtaGVpZ2h0OiAxO1xuXHQgICAgXHR9XG5cdCAgICB9XG5cdCAgICAmX190ZXh0cyB7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHRleHQtYWxpZ246IGxlZnQ7XG5cdFx0XHRmb250LWZhbWlseTogJGZvbnQtZ2VuZXJhbDtcblx0XHRcdG1heC13aWR0aDogNDAwcHg7O1xuXHRcdH1cblx0XHQmX19kcm9wIHtcblx0XHRcdGhlaWdodDogMTMycHg7XG5cdFx0XHQmX19jYXRlZ29yeSB7XG5cdFx0XHRcdGZvbnQtc2l6ZTogZW0oMThweCwgMTZweCk7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCZfX3N1YnRpdGxlIHtcbiAgXHRcdFx0Zm9udC1zaXplOiBlbSgzNnB4LCAxNnB4KTtcblx0XHQgIH1cblx0fVxuXG5cdC5mb290ZXIge1xuXHRcdGhlaWdodDogMTQ1cHg7XG5cdFx0cGFkZGluZy10b3A6IDA7XG5cdFx0Jl9fY29udGFpbmVyIHtcblx0XHRcdHdpZHRoOiA3MjBweDtcblx0XHRcdHBhZGRpbmc6IDI1cHggMCA1MHB4O1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdFx0LmZvb3Rlcl9fYmVmb3Jle1xuXHRcdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0XHR9XG5cdFx0XHQuZm9vdGVyX19uZXh0e1xuXHRcdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCZfX3RleHQge1xuXHRcdFx0bWFyZ2luLXRvcDogMDtcblx0XHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0fVxuXHRcdCZfX2NlbnRlciB7XG5cdFx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHRcdFx0d2lkdGg6IDUwJTtcblx0XHR9XG5cdFx0Jl9fZm9vdGVyIHtcblx0XHRcdHAge1xuXHRcdFx0XHRkaXNwbGF5OiBub25lO1xuXHRcdFx0fVxuXHRcdFx0Ji0taW5kZXgge1xuXHRcdFx0XHRwIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdFx0Ji0tY29uY2x1c2lvbiB7XG5cdFx0XHRcdHAge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHRcdCZfX3RleHQtLWNvbmNsdXNpb24ge1xuXHRcdFx0XHRmb250LXNpemU6IGVtKDE4cHgsIDE0cHgpO1xuXHRcdFx0XHRmb250LXdlaWdodDogYm9sZDtcblx0XHRcdFx0cGFkZGluZy1sZWZ0OiAwO1xuXHRcdFx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHRcdFx0fVxuXHR9XG5cdC5vbmRhIHtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDUzMHB4O1xuICAgIFx0aGVpZ2h0OiA0N3B4O1xuXHRcdCY6YWZ0ZXIge1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHR9XG5cdH1cbiAgICAudGFibGUgeyBcbiAgICAgICAgdHIgdGQ6YmVmb3JlIHtcblx0XHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0fVxuXHR9XG5cbn1cblxuLyogU21hbGwgZGV2aWNlcyAqL1xuQG1lZGlhIChtYXgtd2lkdGg6IDc5OHB4KSB7XG5cdC5jb2wtbWQtNiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdH1cblx0Lm1haW5fdGFibGUge1xuXHRcdHRkIHtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdH1cblx0XHR0aCB7XG5cdFx0XHRib3JkZXItdG9wOiBub25lO1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHR9XG5cdFx0dHIge1xuXHRcdFx0Y29udGVudDogYXR0cihkYXRhLXRoKTtcblx0XHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAjMDEzODcxO1xuXHRcdH1cblx0XHR0ciB0ZHtcblx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0Y29udGVudDogYXR0cihkYXRhLXRoKTtcblx0XHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdFx0Ly8gd2lkdGg6IDUwJTtcblx0XHRcdFx0cGFkZGluZy1yaWdodDogMWVtO1xuXHRcdFx0fVxuXHRcdH1cblx0XHQubGFzdF90ZCB7XG5cdFx0XHRwYWRkaW5nLWJvdHRvbTogM2VtO1xuXHRcdH1cblx0fVxuXG5cdC5jb25jbHVzaW9uIHtcblx0XHR0YWJsZXtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdH1cblx0fVxuXHQubWFpbl9fc3VidGl0bGUge1xuXHRcdHBhZGRpbmc6IDJlbSAwIDFlbSAwO1xuXHR9XG5cblxuXHQuY3VzdG9tLW1hcmdpbi10b3B7XG5cdFx0bWFyZ2luLXRvcDogMHB4O1xuXHR9XG5cblx0LnJvdy1jb25jbHVzaW9uLWRldGFpbCB7XG5cdFx0dGFibGUge1xuXHRcdFx0ZGlzcGxheTogdGFibGU7XG5cdFx0fVxuXHR9XG5cdC5tYWluIHtcblx0XHQmX19hZGRpdGlvbmFsIHtcblx0XHRcdCYtLXNlY29uZC1pbmRleCB7XG5cdFx0XHRcdHRleHQtYWxpZ246IGxlZnQ7XG5cdFx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRwYWRkaW5nLXRvcDogMWVtO1xuXHRcdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGxlZnQ6IDAlO1xuXHRcdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuXHRcdFx0fVxuXHRcdH1cblx0XHQmX19jYWxjdWxhdG9yIHtcblx0XHRcdGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBib3R0b207XHRcblx0XHRcdG1hcmdpbi10b3A6IDMwJTtcblx0XHRcdHB7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0dG9wOiAtN2VtO1xuXHRcdFx0fVxuXHRcdH1cblx0XHQmX191c2Vycy0tc2Vjb25kLWluZGV4IHtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdG1hcmdpbjogYXV0bztcblx0XHRcdGxlZnQ6IDAlO1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcblx0XHRcdC51c2VyLXR5cGUtb2YtY29uc3VtcHRpb257XG5cdFx0XHRcdHJpZ2h0OiAxMCU7O1xuXHRcdFx0fVxuXHRcdFx0LmhvbWUtdHlwZS1vZi1jb25zdW1wdGlvbntcblx0XHRcdFx0bGVmdDogMTAlO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXHQuZm9vdGVyIHtcblx0XHQmX19uZXh0IHtcblx0XHRcdGZvbnQtc2l6ZTogMWVtO1xuXHRcdFx0Lmljb24ge1xuXHRcdFx0XHRsZWZ0OiA5JTtcblx0XHRcdH1cblx0XHR9XG5cdFx0Jl9fYmVmb3JlIHtcblx0XHRcdGZvbnQtc2l6ZTogMWVtO1xuXHRcdFx0Lmljb24ge1xuXHRcdFx0XHRyaWdodDogOSU7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIGFuZCAobWluLXdpZHRoOiA3NjhweCkge1xuXHQubWFpbiB7XG5cdFx0Jl9faW1hZ2Uge1xuXHRcdFx0aGVpZ2h0OiAzNDBweDtcblx0XHRcdGJhY2tncm91bmQtcG9zaXRpb24teDogMzAlO1xuXHRcdFx0bWFyZ2luLXRvcDogNyU7XG5cdFx0XHQmLS1jaXN0ZXJuIHtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcuLi9pbWFnZXMvY2lzdGVybmEucG5nJyk7XG5cdFx0XHRcdGJhY2tncm91bmQtcG9zaXRpb24teDogNDAlO1xuXHRcdFx0fVxuXHRcdFx0Ji0tYmF0aCB7XG5cdFx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vaW1hZ2VzL2JhdGgucG5nJyk7XG5cdFx0XHRcdGJhY2tncm91bmQtcG9zaXRpb24teDogMyU7XG5cdCAgICBcdH1cblx0XHR9XG5cdH1cbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDUwMHB4KSBhbmQgKG1heC13aWR0aDogNzk4cHgpIHtcblx0Lm1haW4ge1xuXHRcdCZfX2NhbGN1bGF0b3Ige1xuXHRcdFx0cCB7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0dG9wOiAtMTIwcHg7XG5cdFx0XHR9XG5cdFx0XHRtYXJnaW4tdG9wOiAyMCU7XG5cdFx0fVxuXHRcdCZfX3VzZXJzLS1zZWNvbmQtaW5kZXgge1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHR9XG5cdH1cbn0iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUEsV0FBVztBQUVYLFVBQVU7RUFDVCxXQUFXLEVBQUUsU0FBUztFQUN0QixHQUFHLEVBQUcsK0JBQStCO0VBQ3JDLEdBQUcsRUFBRyxxQ0FBcUMsQ0FBQywyQkFBMkIsRUFDckUsK0JBQStCLENBQUMsa0JBQWtCLEVBQ2xELGdDQUFnQyxDQUFDLGNBQWMsRUFDL0MsdUNBQXVDLENBQUMsYUFBYTtFQUN2RCxXQUFXLEVBQUUsTUFBTTtFQUNuQixVQUFVLEVBQUUsTUFBTTs7Q0FHakIsQUFBQSxBQUFBLEtBQUMsRUFBTyxPQUFPLEFBQWQsSUFBaUIsQUFBQSxLQUFDLEVBQU8sUUFBUSxBQUFmLEVBQWlCO0VBQ3JDLGdGQUFnRjtFQUNoRixXQUFXLEVBQUUsb0JBQW9CO0VBQ2pDLEtBQUssRUFBRSxJQUFJO0VBQ1gsVUFBVSxFQUFFLE1BQU07RUFDbEIsV0FBVyxFQUFFLE1BQU07RUFDbkIsWUFBWSxFQUFFLE1BQU07RUFDcEIsY0FBYyxFQUFFLElBQUk7RUFDcEIsV0FBVyxFQUFFLENBQUM7RUFFZCx1Q0FBdUM7RUFDdkMsc0JBQXNCLEVBQUUsV0FBVztFQUNuQyx1QkFBdUIsRUFBRSxTQUFTLEdBQ2hDOztBQUVELEFBQUEsZ0JBQWdCLEFBQUEsT0FBTyxDQUFDO0VBQ3pCLE9BQU8sRUFBRSxPQUFPLEdBQ2Q7O0FBQ0QsQUFBQSxpQkFBaUIsQUFBQSxPQUFPLENBQUM7RUFDMUIsT0FBTyxFQUFFLE9BQU8sR0FDZDs7QUFDRCxBQUFBLGdCQUFnQixBQUFBLE9BQU8sQ0FBQztFQUN6QixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsVUFBVSxBQUFBLE9BQU8sQ0FBQztFQUNuQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsV0FBVyxBQUFBLE9BQU8sQ0FBQztFQUNwQixPQUFPLEVBQUUsT0FBTyxHQUVkOztBQUNELEFBQUEsVUFBVSxBQUFBLE9BQU8sQ0FBQztFQUNuQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsWUFBWSxBQUFBLE9BQU8sQ0FBQztFQUNyQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsVUFBVSxBQUFBLE9BQU8sQ0FBQztFQUNuQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsVUFBVSxBQUFBLE9BQU8sQ0FBQztFQUNuQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsUUFBUSxBQUFBLE9BQU8sQ0FBQztFQUNqQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsVUFBVSxBQUFBLE9BQU8sQ0FBQztFQUNuQixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsZUFBZSxBQUFBLE9BQU8sQ0FBQztFQUN4QixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsY0FBYyxBQUFBLE9BQU8sQ0FBQztFQUN2QixPQUFPLEVBQUUsT0FBTyxHQUNkOztBQUNELEFBQUEsa0JBQWtCLEFBQUEsT0FBTyxDQUFDO0VBQzNCLE9BQU8sRUFBRSxPQUFPLEdBQ2Q7O0FBQ0QsQUFBQSxlQUFlLEFBQUEsT0FBTyxDQUFDO0VBQ3hCLE9BQU8sRUFBRSxPQUFPLEdBQ2Q7O0FBQ0QsQUFBQSxxQkFBcUIsQUFBQSxPQUFPLENBQUM7RUFDOUIsT0FBTyxFQUFFLE9BQU8sR0FDZDs7QUFDRCxBQUFBLFVBQVUsQUFBQSxPQUFPLENBQUM7RUFDbkIsT0FBTyxFQUFFLE9BQU8sR0FDZDs7QUFDRCxBQUFBLFlBQVksQUFBQSxPQUFPLENBQUM7RUFDckIsT0FBTyxFQUFFLE9BQU8sR0FDZDs7QUFDRCxBQUFBLFVBQVUsQUFBQSxPQUFPLENBQUM7RUFDbkIsT0FBTyxFQUFFLE9BQU8sR0FDZDs7QUFLSCxrRkFBa0Y7QUFJbEYsVUFBVTtFQUNOLFdBQVcsRUFBRSxjQUFjO0VBQzNCLEdBQUcsRUFBRSw4QkFBOEI7RUFDbkMsR0FBRyxFQUFFLHFDQUFxQyxDQUFDLDJCQUEyQixFQUNqRSwrQkFBK0IsQ0FBQyxjQUFjLEVBQzlDLDhCQUE4QixDQUFDLGtCQUFrQjtFQUN0RCxXQUFXLEVBQUUsSUFBSTtFQUNqQixVQUFVLEVBQUUsTUFBTTs7QUFNdEIsVUFBVTtFQUNOLFdBQVcsRUFBRSxlQUFlO0VBQzVCLEdBQUcsRUFBRSwrQkFBK0I7RUFDcEMsR0FBRyxFQUFFLHNDQUFzQyxDQUFDLDJCQUEyQixFQUNsRSxnQ0FBZ0MsQ0FBQyxjQUFjLEVBQy9DLCtCQUErQixDQUFDLGtCQUFrQjtFQUN2RCxXQUFXLEVBQUUsTUFBTTtFQUNuQixVQUFVLEVBQUUsTUFBTTs7QUFPdEIsVUFBVTtFQUNOLFdBQVcsRUFBRSxpQkFBaUI7RUFDOUIsR0FBRyxFQUFFLGlDQUFpQztFQUN0QyxHQUFHLEVBQUUsd0NBQXdDLENBQUMsMkJBQTJCLEVBQ3BFLGtDQUFrQyxDQUFDLGNBQWMsRUFDakQsaUNBQWlDLENBQUMsa0JBQWtCO0VBQ3pELFdBQVcsRUFBRSxNQUFNO0VBQ25CLFVBQVUsRUFBRSxNQUFNOztBQU10QixVQUFVO0VBQ04sV0FBVyxFQUFFLGtCQUFrQjtFQUMvQixHQUFHLEVBQUUsa0NBQWtDO0VBQ3ZDLEdBQUcsRUFBRSx5Q0FBeUMsQ0FBQywyQkFBMkIsRUFDckUsbUNBQW1DLENBQUMsY0FBYyxFQUNsRCxrQ0FBa0MsQ0FBQyxrQkFBa0I7RUFDMUQsV0FBVyxFQUFFLE1BQU07RUFDbkIsVUFBVSxFQUFFLE1BQU07O0FBR3RCLFdBQVc7QUFLWCxBQUFBLE1BQU0sQ0FBQztFQUNOLE1BQU0sRUFBRSxJQUFJO0VBQ1osTUFBTSxFQUFFLE9BQU8sR0FDZjs7QUFFRCxBQUFBLElBQUksRUFBRSxJQUFJLENBQUM7RUFDVixLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxDQUFDO0VBQ1QsVUFBVSxFQUFFLFVBQVUsR0FDdEI7O0FBR0QsQUFBQSxDQUFDLEVBQUUsQ0FBQyxBQUFBLE9BQU8sRUFBRSxDQUFDLEFBQUEsTUFBTSxDQUFDO0VBQ2pCLFVBQVUsRUFBRSxPQUFPLEdBQ3RCOztBQUNELEFBQUEsVUFBVSxDQUFDO0VBQ1AsYUFBYSxFQUFFLElBQUk7RUFDbkIsWUFBWSxFQUFFLElBQUk7RUFDbEIsWUFBWSxFQUFFLElBQUk7RUFDbEIsV0FBVyxFQUFFLElBQUksR0FDcEI7O0FBRUQsQUFBQSxZQUFZLENBQUM7RUFDWixRQUFRLEVBQUUsS0FBSztFQUNmLElBQUksRUFBRSxDQUFDO0VBQ1AsR0FBRyxFQUFFLENBQUM7RUFDTixLQUFLLEVBQUUsS0FBSztFQUNaLE1BQU0sRUFBRSxLQUFLO0VBQ2IsZ0JBQWdCLEVBQUUsa0JBQWtCO0VBQ3BDLE9BQU8sRUFBRSxDQUFDLEdBQ1Y7O0FBRUQsQUFBQSxNQUFNLENBQUM7RUFDTixRQUFRLEVBQUUsUUFBUTtFQUNsQixTQUFTLEVBQUUscUJBQXFCO0VBQ2hDLEdBQUcsRUFBRSxHQUFHO0VBQ1IsSUFBSSxFQUFFLEdBQUc7RUFDVCxPQUFPLEVBQUUsZUFBZTtFQUN4QixnQkFBZ0IsRUFBRSxPQUFPLEdBdUJ6QjtFQTdCRCxBQU9DLE1BUEssQ0FPTCxZQUFZLENBQUM7SUFtQlosUUFBUSxFQUFFLFFBQVE7SUFDbEIsU0FBUyxFQUFFLE1BQU0sR0FDakI7SUE1QkYsQUFRRSxNQVJJLENBT0wsWUFBWSxDQUNYLHlCQUF5QixFQVIzQixNQUFNLENBT0wsWUFBWSxDQUNnQix5QkFBeUIsQ0FBQztNQUNwRCxPQUFPLEVBQUUsWUFBWTtNQUNyQixhQUFhLEVBQUUsR0FBRyxHQUNsQjtJQVhILEFBWUUsTUFaSSxDQU9MLFlBQVksQ0FLWCx5QkFBeUIsQ0FBQTtNQUN4QixRQUFRLEVBQUUsUUFBUTtNQUNsQixJQUFJLEVBQUUsR0FBRyxHQUNUO0lBZkgsQUFnQkUsTUFoQkksQ0FPTCxZQUFZLENBU1gseUJBQXlCLENBQUE7TUFDeEIsUUFBUSxFQUFFLFFBQVE7TUFDbEIsS0FBSyxFQUFFLElBQUksR0FDWDtJQW5CSCxBQW9CRSxNQXBCSSxDQU9MLFlBQVksQ0FhWCxJQUFJLENBQUE7TUFDSCxPQUFPLEVBQUUsS0FBSztNQUNkLEtBQUssRUFBRSxNQUFNO01BQ2IsTUFBTSxFQUFFLE1BQU07TUFDZCxNQUFNLEVBQUUsSUFBSSxHQUNaOztBQU1ILEFBQUEsSUFBSSxDQUFDO0VBQ0osWUFBWSxFQUFFLEtBQUs7RUFDaEIsV0FBVyxFQUFFLEtBQUssR0FVckI7RUFaRCxBQUdJLElBSEEsQUFHQyxPQUFPLENBQUM7SUFDUixPQUFPLEVBQUUsS0FBSztJQUNkLE9BQU8sRUFBRSxHQUFHLEdBQ1o7RUFOTCxBQU9JLElBUEEsQUFPQyxNQUFNLENBQUM7SUFDUCxPQUFPLEVBQUUsS0FBSztJQUNkLE9BQU8sRUFBRSxHQUFHO0lBQ1osS0FBSyxFQUFFLElBQUksR0FDWDs7Q0FHTCxBQUFBLEFBQUEsS0FBQyxFQUFELElBQUMsQUFBQSxFQUFhO0VBR2IsUUFBUSxFQUFFLFFBQVE7RUFDbEIsVUFBVSxFQUFFLEdBQUc7RUFHZixLQUFLLEVBQUUsSUFBSSxHQUNYOztBQUVELEFBQUEsTUFBTSxDQUFDO0VBQ04sS0FBSyxFQUFFLEdBQUcsR0FDVjs7QUFFRCxBQUFBLE1BQU0sQ0FBQztFQUNOLEtBQUssRUFBRSxNQUFNO0VBQ2IsTUFBTSxFQUFFLElBQUksR0FHWjs7QUFFRCxBQUFBLE9BQU8sQ0FBQztFQUNQLEtBQUssRUFBRSxJQUFJLEdBQ1g7O0FBRUQsQUFBQSxPQUFPLENBQUM7RUFDUCxNQUFNLEVBQUUsTUFBTTtFQUNkLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLGdCQUFnQixFQUFFLE9BQU87RUFDekIsT0FBTyxFQUFFLFdBQVcsR0F5RHBCO0VBeERDLEFBQUQsYUFBTyxDQUFDO0lBQ1AsZ0JBQWdCLEVBQUUsS0FBSztJQUNwQixLQUFLLEVBQUUsT0FBTztJQUNkLGFBQWEsRUFBRSxHQUFHO0lBQ2xCLFNBQVMsRUFBRSxJQUFJO0lBQ2YsV0FBVyxFQUFFLElBQUk7SUFDakIsS0FBSyxFQUFFLElBQUk7SUFDWCxNQUFNLEVBQUUsSUFBSTtJQUNaLE9BQU8sRUFBRSxHQUFHO0lBQ2YsWUFBWSxFQUFFLEdBQUcsR0FxQ2pCO0lBcENDLEFBQUQsdUJBQVcsQ0FBQztNQUNYLGdCQUFnQixFQUFFLE9BQU87TUFDekIsS0FBSyxFQUFFLEtBQUs7TUFDWixhQUFhLEVBQUUsR0FBRztNQUNsQixTQUFTLEVBQUUsSUFBSTtNQUNmLFdBQVcsRUFBRSxJQUFJO01BQ2pCLEtBQUssRUFBRSxJQUFJO01BQ1gsTUFBTSxFQUFFLElBQUk7TUFDWixPQUFPLEVBQUUsR0FBRztNQUNaLFlBQVksRUFBRSxHQUFHLEdBQ2pCO0lBcEJELEFBcUJBLGFBckJNLEFBcUJMLGFBQWEsQ0FBQztNQUNkLFlBQVksRUFBRSxDQUFDLEdBQ2Y7SUFDQSxBQUFELHFCQUFTLENBQUM7TUFDVCxLQUFLLEVBQUUsT0FBTyxHQUNkO0lBQ0EsQUFBRCxzQ0FBMEIsQ0FBQztNQUMxQixPQUFPLEVBQUUsSUFBSSxHQUNiO0lBQ0EsQUFBRCx1Q0FBMkIsQ0FBQztNQUMzQixPQUFPLEVBQUUsWUFBWSxHQUNyQjtJQUNBLEFBQUQsbUJBQU8sQ0FBQTtNQUNOLGdCQUFnQixFQUFFLE9BQU87TUFDekIsYUFBYSxFQUFFLEdBQUc7TUFDbEIsT0FBTyxFQUFFLEdBQUc7TUFDWixTQUFTLEVBQUUsS0FBSztNQUNoQixZQUFZLEVBQUUsR0FBRztNQUNqQixjQUFjLEVBQUUsR0FBRztNQUNuQixXQUFXLEVBQUUsSUFBSSxHQUNqQjtJQUNBLEFBQUQscUJBQVMsQ0FBQTtNQUNSLGdCQUFnQixFQUFFLE9BQU8sR0FDekI7RUFHRCxBQUFELGNBQVEsQ0FBQztJQUNSLE9BQU8sRUFBRSxJQUFJLEdBQ2I7RUF0REYsQUF1REMsT0F2RE0sQ0F1RE4sa0JBQWtCLENBQUM7SUFDbEIsU0FBUyxFQUFFLEdBQUc7SUFDZCxZQUFZLEVBQUUsaUJBQWlCO0lBQy9CLFlBQVksRUFBRSxJQUFJLEdBQ2xCOztBQUlGLEFBQUEsS0FBSyxDQUFDO0VBS0YsUUFBUSxFQUFFLFFBQVE7RUFDbEIsZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixVQUFVLEVBQUUsTUFBTTtFQUNsQixXQUFXLEVBQUUsSUFBSSxHQXNUcEI7RUFoVEMsQUFDQSxpQkFEWSxDQUNaLGlCQUFpQixDQUFDO0lBQ2pCLE1BQU0sRUFBRSxDQUFDO0lBQ1QsV0FBVyxFQTlVTCxTQUEyQixHQStVakM7RUFKRCxBQUtBLGlCQUxZLENBS1osSUFBSSxDQUFDO0lBQ0osVUFBVSxFQUFFLElBQUk7SUFDaEIsWUFBWSxFQUFFLElBQUk7SUFDZixhQUFhLEVBQUUsSUFBSSxHQUN0QjtFQVRELEFBVUEsaUJBVlksQ0FVWixNQUFNLENBQUM7SUFDTixhQUFhLEVBQUUsSUFBSTtJQUNoQixZQUFZLEVBQUUsSUFBSSxHQUNyQjtFQUVELEFBQUQsZ0JBQVksQ0FBQztJQUNaLE1BQU0sRUFBRSxNQUFNO0lBS2QsUUFBUSxFQUFFLFFBQVE7SUFDbEIsWUFBWSxFQUFFLElBQUk7SUFDbEIsYUFBYSxFQUFFLElBQUksR0FLbkI7SUFKQyxBQUFELDRCQUFhLENBQUM7TUFDYixZQUFZLEVBQUUsSUFBSTtNQUNsQixhQUFhLEVBQUUsSUFBSSxHQUNuQjtFQUVELEFBQUQsWUFBUSxDQUFDO0lBQ1IsV0FBVyxFQWpYQSxhQUFhO0lBa1h4QixLQUFLLEVBQUUsT0FBTztJQUNkLFNBQVMsRUEzV0YsTUFBMkI7SUE0V2xDLFdBQVcsRUFBRSxNQUFNO0lBQ25CLFVBQVUsRUFBRSxDQUFDO0lBQ1YsYUFBYSxFQUFFLElBQUk7SUFDbkIsV0FBVyxFQS9XUCxTQUEyQixHQTRYbEM7SUFWSSxBQUFELG1CQUFRLENBQUM7TUFDWCxTQUFTLEVBblhILEdBQTJCO01Bb1hqQyxXQUFXLEVBQUUsSUFBSSxHQUNkO0lBQ0EsQUFBRCx3QkFBYSxDQUFDO01BQ2IsU0FBUyxFQXZYTixHQUEyQjtNQXlYOUIsV0FBVyxFQUFFLElBQUk7TUFDakIsYUFBYSxFQUFFLElBQUksR0FDbkI7RUFFSixBQUFELGNBQVUsQ0FBQztJQUtSLFFBQVEsRUFBRSxRQUFRO0lBRWxCLFlBQVksRUFBRSxJQUFJO0lBQ2pCLGFBQWEsRUFBRSxJQUFJLEdBd0V0QjtJQWhGQSxBQVNFLGNBVE8sQ0FTUCxJQUFJLENBQUM7TUFFSixjQUFjLEVBQUUsR0FBRztNQUVuQixXQUFXLEVBQUUsSUFBSTtNQUNqQixZQUFZLEVBQUUsSUFBSSxHQUNsQjtJQWZILEFBZ0JFLGNBaEJPLENBZ0JQLEdBQUcsQ0FBQztNQUNILEtBQUssRUFBRSxLQUFLO01BQ1osTUFBTSxFQUFFLFFBQVEsR0FjaEI7TUFoQ0gsQUFtQkMsY0FuQlEsQ0FnQlAsR0FBRyxDQUdKLFlBQVksQ0FBQTtRQUNYLE1BQU0sRUFBRSxJQUFJLEdBQ1o7TUFyQkYsQUF1QkUsY0F2Qk8sQ0FnQlAsR0FBRyxDQU1KLFlBQVksQ0FBQyxLQUFLLENBQ2pCLFlBQVksQ0FBQTtRQUNYLFlBQVksRUFBRSxJQUFJLEdBQ2xCO01BekJILEFBNEJFLGNBNUJPLENBZ0JQLEdBQUcsQ0FXSixXQUFXLENBQ1YsWUFBWSxDQUFBO1FBQ1gsV0FBVyxFQUFFLElBQUksR0FDakI7SUFHQSxBQUFELG9CQUFPLENBQUM7TUFDVCxRQUFRLEVBQUUsUUFBUTtNQUNsQixTQUFTLEVBaGFILE9BQTJCO01BaWFqQyxPQUFPLEVBQUUsS0FBSztNQUNkLGFBQWEsRUFBRSxHQUFHO01BQ2xCLFdBQVcsRUFBRSxDQUFDO01BQ2QsS0FBSyxFQUFFLElBQUk7TUFHWCxLQUFLLEVBQUUsSUFBSTtNQUNYLE1BQU0sRUFBRSxJQUFJLEdBT1o7TUFqQkUsQUFXRixvQkFYUSxBQVdQLE9BQU8sQ0FBQTtRQUNQLFFBQVEsRUFBRSxRQUFRO1FBQ2xCLE1BQU0sRUFBRSxJQUFJO1FBQ1osSUFBSSxFQUFFLEtBQUs7UUFDWCxTQUFTLEVBQUUsS0FBSyxHQUNoQjtJQUVELEFBQUQsb0JBQU8sQ0FBQztNQUNQLFFBQVEsRUFBRSxRQUFRO01BQ2xCLFNBQVMsRUFsYkgsT0FBMkI7TUFtYmpDLE9BQU8sRUFBRSxLQUFLO01BQ2QsYUFBYSxFQUFFLEdBQUc7TUFDbEIsV0FBVyxFQUFFLENBQUM7TUFDZCxLQUFLLEVBQUUsS0FBSztNQUNaLEtBQUssRUFBRSxJQUFJO01BQ1gsTUFBTSxFQUFFLElBQUksR0FXWjtNQW5CQSxBQWFBLG9CQWJNLEFBYUwsT0FBTyxDQUFBO1FBQ1AsUUFBUSxFQUFFLFFBQVE7UUFDbEIsTUFBTSxFQUFFLElBQUk7UUFDWixJQUFJLEVBQUUsS0FBSztRQUNYLFNBQVMsRUFBRSxLQUNaLEdBQUM7SUFFRCxBQUFELG9CQUFPLENBQUM7TUFDUCxnQkFBZ0IsRUFBRSxLQUFLO01BQ3ZCLEtBQUssRUFBRSxPQUFPLEdBQ2Q7SUFDQSxBQUFELG9CQUFPLENBQUM7TUFDUCxnQkFBZ0IsRUFBRSxLQUFLO01BQ3ZCLEtBQUssRUFBRSxPQUFPLEdBQ2Q7RUFHRCxBQUFELFlBQVEsQ0FBQztJQUNSLGdCQUFnQixFQUFFLE9BQU87SUFDekIsYUFBYSxFQUFFLEdBQUc7SUFDbEIsTUFBTSxFQUFFLElBQUk7SUFDWixLQUFLLEVBQUUsSUFBSSxHQXFCWDtJQXpCQSxBQU9BLFlBUE8sQ0FPUCxLQUFLLENBQUM7TUFDRixPQUFPLEVBQUUsSUFBSSxHQUloQjtNQVpELEFBU0ksWUFURyxDQU9QLEtBQUssQUFFQSxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFVBQVUsRUFBRSxXQUFXLEdBQ3ZCO0lBWEwsQUFhQSxZQWJPLENBYVAsS0FBSyxDQUFDO01BQ0YsTUFBTSxFQUFFLE9BQU87TUFDZixLQUFLLEVBQUUsS0FBSztNQUNmLFNBQVMsRUE5ZEgsT0FBMkI7TUErZGpDLFdBQVcsRUF4ZUYsWUFBWTtNQXllckIsV0FBVyxFQUFFLEdBQUcsR0FFaEI7SUFwQkQsQUFxQkEsWUFyQk8sQ0FxQlAsSUFBSSxDQUFDO01BRUosV0FBVyxFQTdlRCxhQUFhLEdBOGV2QjtFQVNELEFBQUQsV0FBTyxDQUFDO0lBQ1AsV0FBVyxFQXpmRCxZQUFZO0lBMGZ0QixXQUFXLEVBQUUsSUFBSTtJQUNqQixTQUFTLEVBbGZGLE9BQTJCO0lBbWZsQyxLQUFLLEVBQUUsT0FBTztJQUdkLFVBQVUsRUFBRSxNQUFNO0lBQ2xCLE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLElBQUk7SUFDWCxLQUFLLEVBQUUsS0FBSztJQUNaLFdBQVcsRUFBRSxJQUFJLEdBQ2pCO0VBQ0EsQUFBRCxpQkFBYSxDQUFDO0lBQ2IsV0FBVyxFQXZnQkUsZUFBZTtJQXdnQjVCLFNBQVMsRUE5ZkYsT0FBMkI7SUFpZ0JsQyxNQUFNLEVBQUUsSUFBSTtJQUVULFVBQVUsRUFBRSxNQUFNLEdBZ0JyQjtJQWZJLEFBQUQsd0JBQVEsQ0FBQztNQUNSLGFBQWEsRUFBRSxDQUFDLEdBQ25CO0lBQ0EsQUFBRCwrQkFBZSxDQUFDO01BQ2YsV0FBVyxFQWxoQkMsZUFBZTtNQW1oQjNCLFNBQVMsRUF6Z0JILE9BQTJCO01BMGdCakMsVUFBVSxFQUFFLElBQUk7TUFDaEIsS0FBSyxFQUFFLEdBQUc7TUFDVixTQUFTLEVBQUUsS0FBSztNQUNoQixVQUFVLEVBQUUsR0FBRztNQUNmLElBQUksRUFBRSxHQUFHO01BQ1QsU0FBUyxFQUFFLGlCQUFpQjtNQUM1QixRQUFRLEVBQUUsUUFBUTtNQUNsQixPQUFPLEVBQUUsTUFBTSxHQUNmO0VBRUQsQUFBRCxpQkFBYSxDQUFDO0lBQ2IsZ0JBQWdCLEVBQUUsOEJBQThCO0lBQ2hELE9BQU8sRUFBRSxDQUFDO0lBQ1AsZUFBZSxFQUFFLE9BQU87SUFDeEIsaUJBQWlCLEVBQUUsU0FBUztJQUM1QixtQkFBbUIsRUFBRSxRQUFRO0lBRTdCLE1BQU0sRUFBRSxLQUFLO0lBQ2hCLFFBQVEsRUFBRSxRQUFRLEdBb0JsQjtJQW5CQyxBQUFELHlCQUFTLENBQUM7TUFDVCxxQkFBcUIsRUFBRSxHQUFHLEdBQzFCO0lBWEQsQUFjSSxpQkFkUSxDQVlULEtBQUssQUFFSCxNQUFNLENBQUM7TUFDUCxPQUFPLEVBQUUsRUFBRTtNQUNYLFVBQVUsRUFBRSx3QkFBd0I7TUFFcEMsbUJBQW1CLEVBQUUsT0FBTztNQUM1QixlQUFlLEVBQUUsS0FBSztNQUN0QixnQkFBZ0IsRUFBRSxXQUFXO01BQ2hDLFFBQVEsRUFBRSxRQUFRO01BQ2xCLE9BQU8sRUFBRSxFQUFFO01BQ1IsTUFBTSxFQUFFLElBQUk7TUFDWixLQUFLLEVBQUUsSUFBSTtNQUNkLElBQUksRUFBRSxDQUFDLEdBQ1A7RUFHRixBQUFELFlBQVEsQ0FBQztJQUNSLE9BQU8sRUFBRSxJQUFJLEdBQ2I7RUFDQSxBQUFELFdBQU8sQ0FBQztJQUNQLE9BQU8sRUFBRSxJQUFJLEdBQ2I7RUFDQSxBQUFELFlBQVEsQ0FBQztJQUNSLE9BQU8sRUFBRSxJQUFJLEdBS2I7SUFKQyxBQUFELDBCQUFlLENBQUM7TUFDZixLQUFLLEVBQUUsSUFBSTtNQUNYLFNBQVMsRUFBRSxLQUFLLEdBQ2hCO0VBRUQsQUFBRCxhQUFTLENBQUM7SUFDVCxhQUFhLEVBQUUsR0FBRztJQUNsQixnQkFBZ0IsRUFBRSxPQUFPO0lBQ3pCLE1BQU0sRUFBRSxJQUFJO0lBQ1osS0FBSyxFQUFFLElBQUk7SUFDWCxPQUFPLEVBQUUsS0FBSztJQUNkLE1BQU0sRUFBRSxNQUFNLEdBRWQ7RUFDQSxBQUFELFdBQU8sQ0FBQztJQUNQLGdCQUFnQixFQUFFLCtCQUErQjtJQUNqRCxlQUFlLEVBQUUsT0FBTztJQUN4QixpQkFBaUIsRUFBRSxTQUFTO0lBQzVCLG1CQUFtQixFQUFFLFVBQVU7SUFDL0IsTUFBTSxFQUFFLEtBQUs7SUFDYixVQUFVLEVBQUUsTUFBTTtJQUNsQixXQUFXLEVBQUUsSUFBSSxHQWlDakI7SUF4Q0EsQUFRQSxXQVJNLENBUU4sQ0FBQyxDQUFDO01BQ0QsS0FBSyxFQUFFLE9BQU8sR0FDZDtJQUNBLEFBQUQsa0JBQVEsQ0FBQztNQUNSLGdCQUFnQixFQUFFLCtCQUErQixHQUlqRDtNQUxBLEFBRUEsa0JBRk8sQ0FFUCxDQUFDLENBQUM7UUFDRCxLQUFLLEVBQUUsT0FBTyxHQUNkO0lBRUQsQUFBRCxrQkFBUSxDQUFDO01BQ1IsZ0JBQWdCLEVBQUUsK0JBQStCLEdBQ2pEO0lBQ0EsQUFBRCxtQkFBUyxDQUFDO01BQ1AsU0FBUyxFQTVsQkwsUUFBMkI7TUE2bEIvQixXQUFXLEVBdG1CSixZQUFZO01BdW1CbkIsV0FBVyxFQUFFLEtBQUs7TUFDbEIsTUFBTSxFQUFFLENBQUMsR0FDWDtJQUNBLEFBQUQsb0JBQVUsQ0FBQztNQUNSLFNBQVMsRUFsbUJMLE1BQTJCO01BbW1CL0IsV0FBVyxFQTdtQkQsZUFBZTtNQThtQnpCLFdBQVcsRUFwbUJQLEdBQTJCO01BcW1CL0IsTUFBTSxFQUFFLENBQUMsR0FDWDtJQUNBLEFBQUQscUJBQVcsQ0FBQztNQUNYLFVBQVUsRUFBRSxNQUFNO01BQ2hCLFNBQVMsRUF6bUJMLE9BQTJCO01BMG1CL0IsV0FBVyxFQXBuQkQsZUFBZTtNQXFuQnpCLEtBQUssRUFBRSxPQUFPO01BQ2QsV0FBVyxFQTVtQlAsT0FBMkIsR0E2bUJqQztFQUdELEFBQUQsZUFBVyxDQUFDO0lBQ1QsU0FBUyxFQWpuQkosS0FBMkI7SUFrbkJoQyxXQUFXLEVBMW5CRixhQUFhO0lBMm5CdEIsS0FBSyxFQUFFLE9BQU87SUFDZCxVQUFVLEVBQUUsTUFBTTtJQUNsQixXQUFXLEVBQUUsTUFBTTtJQUNuQixXQUFXLEVBdG5CTixTQUEyQjtJQXVuQmhDLFlBQVksRUFBRSxJQUFJO0lBQ2xCLGFBQWEsRUFBRSxJQUFJLEdBQ3JCOztBQUlGLEFBQUEsS0FBSyxDQUFDO0VBQ0wsZ0JBQWdCLEVBQUUsdUJBQXVCO0VBQ3RDLE1BQU0sRUFBRSxJQUFJO0VBQ1osZUFBZSxFQUFFLEtBQUs7RUFDdEIsbUJBQW1CLEVBQUUsUUFBUTtFQUM3QixNQUFNLEVBQUUsQ0FBQztFQUNULElBQUksRUFBRSxDQUFDO0VBQ1AsS0FBSyxFQUFFLElBQUk7RUFDWCxRQUFRLEVBQUUsUUFBUTtFQUVyQjs7Ozs7Ozs7Ozs7SUFXRyxFQUNIOztBQUVELEFBQUEsT0FBTyxDQUFDO0VBRVAsVUFBVSxFQUFFLE1BQU07RUFDbEIsV0FBVyxFQWxxQkcsZUFBZTtFQW1xQjdCLGdCQUFnQixFQUFFLE9BQU87RUFDekIsV0FBVyxFQUFFLElBQUk7RUFDakIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsTUFBTSxFQUFFLEtBQUs7RUFDYixXQUFXLEVBQUUsSUFBSSxHQW9HakI7RUFsR0MsQUFBRCxlQUFTLENBQUM7SUFDVCxNQUFNLEVBQUUsTUFBTTtJQUNkLEtBQUssRUFBRSxLQUFLO0lBQ1osYUFBYSxFQUFFLElBQUk7SUFDbkIsS0FBSyxFQUFFLElBQUksR0FJWDtFQUNBLEFBQUQsZUFBUyxDQUFDO0lBQ1QsV0FBVyxFQWxyQkQsWUFBWTtJQW1yQnRCLFNBQVMsRUExcUJGLE9BQTJCO0lBMnFCbEMsZ0JBQWdCLEVBQUUsS0FBSztJQUN2QixXQUFXLEVBQUUsSUFBSTtJQUNqQixLQUFLLEVBQUUsT0FBTztJQUNkLGVBQWUsRUFBRSxJQUFJO0lBQ3JCLGFBQWEsRUFBRSxHQUFHO0lBQ2xCLE9BQU8sRUFBRSxLQUFLO0lBQ2QsV0FBVyxFQUFFLENBQUM7SUFFZCxLQUFLLEVBQUUsSUFBSTtJQUVYLE1BQU0sRUFBRSxpQkFBaUI7SUFDekIsTUFBTSxFQUFFLElBQUksR0FPWjtJQXJCQSxBQWVBLGVBZlEsQ0FlUixLQUFLLENBQUM7TUFDTCxTQUFTLEVBQUUsR0FBRztNQUNkLGNBQWMsRUFBRSxNQUFNO01BQ3RCLFFBQVEsRUFBRSxRQUFRO01BQ2xCLElBQUksRUFBRSxJQUFJLEdBQ1Y7RUFFRCxBQUFELGFBQU8sQ0FBQztJQUNQLFdBQVcsRUF4c0JELFlBQVk7SUF5c0J0QixLQUFLLEVBQUUsS0FBSztJQUNaLFNBQVMsRUFqc0JGLE9BQTJCO0lBa3NCbEMsZ0JBQWdCLEVBQUUsT0FBTztJQUN6QixXQUFXLEVBQUUsSUFBSTtJQUNqQixlQUFlLEVBQUUsSUFBSTtJQUNyQixhQUFhLEVBQUUsR0FBRztJQUNsQixPQUFPLEVBQUUsS0FBSztJQUNkLFdBQVcsRUFBRSxDQUFDO0lBRWQsS0FBSyxFQUFFLElBQUk7SUFFWCxNQUFNLEVBQUUsSUFBSSxHQU9aO0lBcEJBLEFBY0EsYUFkTSxDQWNOLEtBQUssQ0FBQztNQUNMLFNBQVMsRUFBRSxHQUFHO01BQ2QsY0FBYyxFQUFFLE1BQU07TUFDdEIsUUFBUSxFQUFFLFFBQVE7TUFDbEIsS0FBSyxFQUFFLElBQUksR0FDWDtFQUVELEFBQUQsY0FBUSxDQUFDO0lBQ1IsU0FBUyxFQUFFLEtBQUs7SUFDaEIsT0FBTyxFQUFFLE1BQU0sR0FDZjtFQUNBLEFBQUQsZUFBUyxDQUFDO0lBQ1QsV0FBVyxFQWx1QkUsZUFBZTtJQW91QjVCLGdCQUFnQixFQUFFLE9BQU87SUFDekIsS0FBSyxFQUFFLEtBQUs7SUFDWixXQUFXLEVBQUUsTUFBTTtJQUVuQixPQUFPLEVBQUUsbUJBQW1CO0lBQzVCLFVBQVUsRUFBRSxNQUFNO0lBQ2xCLFVBQVUsRUFBRSxLQUFLLEdBTWpCO0lBSkMsQUFBRCwyQkFBYSxDQUFDO01BQ2IsWUFBWSxFQUFFLElBQUk7TUFDbEIsYUFBYSxFQUFFLElBQUksR0FDbkI7RUFFRCxBQUFELGtCQUFZLENBQUM7SUFFVCxhQUFhLEVBQUUsSUFBSSxHQUN0QjtFQUNBLEFBQUQsYUFBTyxDQUFDO0lBQ1AsV0FBVyxFQXR2QkUsZUFBZTtJQXV2QjVCLFNBQVMsRUE3dUJGLE9BQTJCO0lBOHVCbEMsTUFBTSxFQUFFLENBQUMsR0FTVDtJQVJDLEFBQUQseUJBQWEsQ0FBQztNQUNiLFNBQVMsRUFodkJILE9BQTJCO01BaXZCakMsV0FBVyxFQUFFLElBQUk7TUFDakIsV0FBVyxFQUFFLEdBQUc7TUFDaEIsYUFBYSxFQUFFLElBQUk7TUFDaEIsWUFBWSxFQUFFLElBQUksR0FDckI7RUFHRCxBQUFELGFBQU8sQ0FBQztJQUNQLFNBQVMsRUFBRSxJQUFJO0lBQ2YsZUFBZSxFQUFFLElBQUk7SUFDckIsS0FBSyxFQUFFLEtBQUs7SUFDWixhQUFhLEVBQUUsR0FBRyxHQUlsQjtJQVJBLEFBS0EsYUFMTSxBQUtMLGFBQWEsQ0FBQztNQUNkLGFBQWEsRUFBRSxDQUFDLEdBQ2hCOztBQUlILEFBQUEsYUFBYSxDQUFDO0VBQ2IsTUFBTSxFQUFFLE9BQU8sR0FDZjs7QUFFRCxBQUFBLEdBQUcsQUFBQSxPQUFPO0FBQ1YsR0FBRyxBQUFBLE1BQU0sQ0FBQztFQUNSLE9BQU8sRUFBRSxHQUFHO0VBQUUsT0FBTztFQUNyQixPQUFPLEVBQUUsS0FBSztFQUFFLE9BQU8sRUFDeEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsTUFBTSxDQUFDO0VBQ1IsS0FBSyxFQUFFLElBQUksR0FDWjs7QUFFRDs7O0VBR0U7QUFDRixBQUFBLEdBQUcsQ0FBQztFQUNGLEtBQUssRUFBRSxDQUFDLEdBQ1Q7O0FBRUQsTUFBTTtBQUVOLEFBQUEsZUFBZSxDQUFBO0VBQ2QsVUFBVSxFQUFFLENBQUM7RUFDYixXQUFXLEVBQUUsS0FBSyxHQUNsQjs7QUFFRCxBQUNDLFdBRFUsQ0FDVixLQUFLLENBQUM7RUFDTCxlQUFlLEVBQUUsUUFBUTtFQUN6QixXQUFXLEVBN3lCRSxlQUFlO0VBOHlCNUIsS0FBSyxFQUFFLEdBQUc7RUFFVixNQUFNLEVBQUUsSUFBSTtFQUNaLFVBQVUsRUFBRSxVQUFVO0VBQ3RCLE9BQU8sRUFBRSxHQUFHLEdBQ1o7O0FBVEYsQUFVQyxXQVZVLENBVVYsRUFBRSxFQVZILFdBQVcsQ0FVTixFQUFFLENBQUM7RUFDTixVQUFVLEVBQUUsSUFBSSxHQUNoQjs7QUFaRixBQWFDLFdBYlUsQ0FhViw0QkFBNEIsQ0FBQztFQUM1QixTQUFTLEVBQUUsS0FBSyxHQUNoQjs7QUFHRixBQUFBLGVBQWUsQ0FBQztFQUNmLGdCQUFnQixFQUFFLE9BQU8sR0FDekI7O0FBRUQsQUFDSSxLQURDLENBQ0QsS0FBSyxDQUFDLEVBQUUsQ0FBQztFQUNYLE1BQU0sRUFBRSxJQUFJO0VBQ1osT0FBTyxFQUFFLEVBQUUsR0FDWDs7QUFKRixBQU1DLEtBTkksQ0FNSixrQkFBa0IsQ0FBQztFQUNsQixTQUFTLEVBQUUsTUFBTSxHQUNqQjs7QUFSRixBQVVJLEtBVkMsQ0FVRCxFQUFFLENBQUM7RUFDTCxVQUFVLEVBQUUsaUJBQWlCO0VBQzdCLE9BQU8sRUFBRSxTQUFTLEdBQ2Y7O0FBYkwsQUFlUSxLQWZILENBY0QsRUFBRSxDQUFDLEVBQUUsQUFDQSxPQUFPLENBQUM7RUFFTCxXQUFXLEVBQUUsSUFBSTtFQUMxQixPQUFPLEVBQUUsWUFBWSxHQUdmOztBQXJCVCxBQXdCUSxLQXhCSCxDQWNELEVBQUUsQ0FBQyxFQUFFLEFBVUEsY0FBYyxDQUFDO0VBQ1osVUFBVSxFQUFFLE1BQU07RUFDbEIsV0FBVyxFQUFFLElBQUksR0FJcEI7RUE5QlQsQUEyQlksS0EzQlAsQ0FjRCxFQUFFLENBQUMsRUFBRSxBQVVBLGNBQWMsQUFHVixPQUFPLENBQUM7SUFDTCxPQUFPLEVBQUUsSUFBSSxHQUNoQjs7QUFJYixBQUFBLGtCQUFrQixDQUFBO0VBQ2pCLFVBQVUsRUFBRSxJQUFJLEdBQ2hCOztBQUVELEFBQUEsaUJBQWlCLENBQUM7RUFDakIsU0FBUyxFQUFFLEdBQUcsR0FDZDs7QUFFRCxBQUFBLDBCQUEwQixDQUFDO0VBQzFCLFNBQVMsRUFBRSxHQUFHLEdBQ2Q7O0FBRUQsQUFBQSxlQUFlLENBQUM7RUFDZixLQUFLLEVBQUUsT0FBTyxHQUNkOztBQUVELEFBQUEsTUFBTSxDQUFDO0VBQ04sTUFBTSxFQUFFLElBQUk7RUFDWixVQUFVLEVBQUUsTUFBTTtFQUNsQixXQUFXLEVBcDNCRyxlQUFlLEdBcTNCN0I7O0FBQ0QsQUFBQSxxQkFBcUIsQ0FBQTtFQUNwQixNQUFNLEVBQUUsSUFBSSxHQUNaOztBQUNELEFBQUEsc0JBQXNCLENBQUM7RUFDdEIsSUFBSSxFQUFFLElBQUksR0FDVjs7QUFDRCxBQUFBLHNCQUFzQixFQUFFLHlCQUF5QixFQUFFLG1CQUFtQixDQUFBO0VBQ3JFLE9BQU8sRUFBRSxJQUFJO0VBQ2IsSUFBSSxFQUFFLElBQUksR0FDVjs7QUFDRCxBQUFBLHdCQUF3QixDQUFBO0VBQ3ZCLFNBQVMsRUFBRSxjQUFjO0VBQ3pCLGdCQUFnQixFQUFFLE9BQU8sR0FDekI7O0FBQ0QsQUFBQSxzQkFBc0IsQ0FBQztFQUN0QixLQUFLLEVBQUUsY0FBYztFQUNyQixNQUFNLEVBQUUsSUFBSSxHQUNaOztBQUVELDRDQUE0QztBQUM1QyxNQUFNLEVBQUUsU0FBUyxFQUFFLEtBQUs7RUFDdkIsQUFBQSxZQUFZLENBQUM7SUFDWixXQUFXLEVBQUUsTUFBTSxHQUNuQjtFQUNELEFBQUEsWUFBWSxDQUFDO0lBQ1osV0FBVyxFQUFFLEdBQUc7SUFDaEIsWUFBWSxFQUFFLEVBQUUsR0FDYjtFQUNELEFBQUEsU0FBUyxDQUFDO0lBQ1QsS0FBSyxFQUFFLEdBQUcsR0FDVjtFQUNELEFBQUEsU0FBUyxDQUFDO0lBQ1QsS0FBSyxFQUFFLE1BQU0sR0FDYjtFQUNELEFBQUEsY0FBYyxDQUFDO0lBQ2pCLE9BQU8sRUFBRSxLQUFLO0lBQ2QsTUFBTSxFQUFFLElBQUksR0FDVDtFQUVGLEFBQUQsWUFBUSxDQUFDO0lBQ1IsVUFBVSxFQUFFLE1BQU0sR0FDbEI7RUFDQSxBQUNBLGlCQURZLENBQ1osSUFBSSxDQUFDO0lBQ0osWUFBWSxFQUFFLENBQUM7SUFDZixhQUFhLEVBQUUsQ0FBQyxHQUNoQjtFQUpELEFBS0EsaUJBTFksQ0FLWixNQUFNLENBQUM7SUFDTixhQUFhLEVBQUUsR0FBRztJQUNsQixZQUFZLEVBQUUsR0FBRyxHQUNqQjtFQUVELEFBQUQsaUJBQWEsQ0FBQztJQUNiLE1BQU0sRUFBRSxLQUFLLEdBYVY7SUFaRixBQUFELHlCQUFTLENBQUM7TUFDVCxxQkFBcUIsRUFBRSxHQUFHLEdBQzFCO0lBSkQsQUFLRyxpQkFMUyxDQUtULEtBQUssQ0FBQTtNQUNKLG1CQUFtQixFQUFFLE9BQU8sR0FPNUI7TUFiSixBQU9JLGlCQVBRLENBS1QsS0FBSyxBQUVILE1BQU0sQ0FBQztRQUNQLE9BQU8sRUFBRSxLQUFLO1FBQ2QsZUFBZSxFQUFFLEtBQUs7UUFDdEIsTUFBTSxFQUFFLElBQUk7UUFDWixtQkFBbUIsRUFBRSxVQUFVLEdBQy9CO0VBR0YsQUFBRCxnQkFBWSxDQUFDO0lBRWYsTUFBTSxFQUFFLE9BQU8sR0FDWjtFQUNBLEFBQUQsbUJBQWUsQ0FBQztJQUNmLGFBQWEsRUFBRSxJQUFJO0lBQ25CLFdBQVcsRUFBRSxHQUFHLEdBQ2hCO0VBQ0EsQUFBRCxZQUFRLENBQUM7SUFDWCxNQUFNLEVBQUUsS0FBSztJQUNiLGVBQWUsRUFBRSxPQUFPO0lBQ3hCLHFCQUFxQixFQUFFLEdBQUc7SUFDMUIsaUJBQWlCLEVBQUUsU0FBUztJQUM1QixXQUFXLEVBQUUsQ0FBQyxHQTBDWDtJQXpDQyxBQUFELHdCQUFhLENBQUM7TUFDaEIsZ0JBQWdCLEVBQUUsZ0NBQWdDLEdBQy9DO0lBQ0EsQUFBRCxvQkFBUyxDQUFDO01BQ1osZ0JBQWdCLEVBQUUsMkJBQTJCLEdBQzFDO0lBQ0EsQUFBRCxvQkFBUyxDQUFDO01BQ1osZ0JBQWdCLEVBQUUsMkJBQTJCLEdBQzFDO0lBQ0EsQUFBRCxxQkFBVSxDQUFDO01BQ2IsZ0JBQWdCLEVBQUUsNEJBQTRCLEdBQzNDO0lBQ0EsQUFBRCxrQkFBTyxDQUFDO01BQ1YsZ0JBQWdCLEVBQUUseUJBQXlCO01BQzNDLHFCQUFxQixFQUFFLEVBQUUsR0FDdEI7SUFDQSxBQUFELG1CQUFRLENBQUM7TUFDWCxnQkFBZ0IsRUFBRSwwQkFBMEIsR0FDekM7SUFDQSxBQUFELHFCQUFVLENBQUM7TUFDYixnQkFBZ0IsRUFBRSw2QkFBNkI7TUFDL0MscUJBQXFCLEVBQUUsR0FBRyxHQUN2QjtJQUNBLEFBQUQsdUJBQVksQ0FBQztNQUNmLGdCQUFnQixFQUFFLHlCQUF5QixHQUN4QztJQUNBLEFBQUQsd0JBQWEsQ0FBQztNQUNoQixnQkFBZ0IsRUFBRSxpQ0FBaUMsR0FDaEQ7SUFDQSxBQUFELHFCQUFVLENBQUM7TUFDYixnQkFBZ0IsRUFBRSwyQkFBMkIsR0FDMUM7SUFDQSxBQUFELDZCQUFrQixDQUFDO01BQ3JCLGdCQUFnQixFQUFFLHlCQUF5QixHQUN4QztJQUNBLEFBQUQsc0JBQVcsQ0FBQztNQUNkLGdCQUFnQixFQUFFLHlCQUF5QixHQUN4QztJQUNBLEFBQUQsd0JBQWEsQ0FBQztNQUNoQixnQkFBZ0IsRUFBRSxnQ0FBZ0MsR0FDL0M7RUFFRCxBQUFELFdBQU8sQ0FBQztJQUNWLEtBQUssRUFBRSxLQUFLO0lBQ1osYUFBYSxFQUFFLElBQUk7SUFDbkIsZ0JBQWdCLEVBQUUsT0FBTztJQUN0QixRQUFRLEVBQUUsUUFBUTtJQUNsQixPQUFPLEVBQUUsS0FBSztJQUNkLElBQUksRUFBRSxHQUFHO0lBQ1osR0FBRyxFQUFFLElBQUksR0FxRFQ7SUFuREksQUFBRCxtQkFBUyxDQUFDO01BQ1QsZ0JBQWdCLEVBQUUsT0FBTztNQUN6QixLQUFLLEVBQUUsS0FBSztNQUNaLGFBQWEsRUFBRSxHQUFHO01BQ2xCLFNBQVMsRUFwL0JQLE9BQTJCO01BcS9CN0IsS0FBSyxFQUFFLElBQUk7TUFDWCxNQUFNLEVBQUUsS0FBSztNQUNiLFVBQVUsRUFBRSxNQUFNO01BQ2xCLE9BQU8sRUFBRSxhQUFhO01BQ3RCLFFBQVEsRUFBRSxRQUFRLEdBYXJCO01BdEJHLEFBVUEsbUJBVlEsQUFVUCxPQUFPLENBQUM7UUFDUixTQUFTLEVBQUUsR0FBRztRQUNkLFFBQVEsRUFBRSxRQUFRO1FBQ3JCLE1BQU0sRUFBRSxLQUFLO1FBQ1YsSUFBSSxFQUFFLGdCQUFnQjtRQUN0QixPQUFPLEVBQUUsRUFBRTtRQUNYLEtBQUssRUFBRSxPQUFPLEdBQ2pCO01BQ0EsQUFBRCx5QkFBTyxDQUFDO1FBQ1AsV0FBVyxFQTNnQ0gsYUFBYTtRQTRnQ3JCLFdBQVcsRUFBRSxJQUFJLEdBQ2pCO0lBRUUsQUFBRCxpQkFBTyxDQUFDO01BQ1YsU0FBUyxFQXhnQ0osR0FBMkI7TUF5Z0M5QixXQUFXLEVBbGhDTCxZQUFZO01BbWhDbEIsS0FBSyxFQUFFLE9BQU87TUFDaEIsVUFBVSxFQUFFLE1BQU07TUFDbEIsV0FBVyxFQUFFLEdBQUcsR0FDYjtJQUNBLEFBQUQscUJBQVcsQ0FBQztNQUNYLEtBQUssRUFBRSxJQUFJO01BQ1gsT0FBTyxFQUFFLEtBQUs7TUFDZCxVQUFVLEVBQUUsTUFBTTtNQUNsQixTQUFTLEVBbGhDUCxLQUEyQjtNQW1oQzdCLFdBQVcsRUE1aENOLFlBQVk7TUE2aENqQixLQUFLLEVBQUUsT0FBTztNQUNkLGdCQUFnQixFQUFFLEtBQUs7TUFDdkIsYUFBYSxFQUFFLEdBQUc7TUFDbEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsbUJBQW1CO01BRXhELE1BQU0sRUFBRSxNQUFNLEdBQ1g7SUFDQSxBQUFELGtCQUFRLENBQUM7TUFDVCxTQUFTLEVBNWhDTixNQUEyQjtNQTZoQzlCLFdBQVcsRUF2aUNGLGVBQWU7TUF3aUN4QixLQUFLLEVBQUUsT0FBTztNQUNkLFdBQVcsRUEvaENSLEdBQTJCO01BZ2lDOUIsVUFBVSxFQUFFLE1BQU07TUFDcEIsY0FBYyxFQUFFLEdBQUcsR0FDbkI7RUFFRCxBQUFELFlBQVEsQ0FBQztJQWFSLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLE9BQU8sRUFBRSxLQUFLO0lBQ2QsS0FBSyxFQUFFLEdBQUc7SUFDVixHQUFHLEVBQUUsSUFBSSxHQWlCVDtJQWpDQSxBQUNBLFlBRE8sQ0FDUCxJQUFJLENBQUM7TUFDSixLQUFLLEVBQUUsS0FBSztNQUNaLGdCQUFnQixFQUFFLE9BQU87TUFDekIsU0FBUyxFQUFFLEdBQUc7TUFDZCxPQUFPLEVBQUUsTUFBTTtNQUNmLGFBQWEsRUFBRSxHQUFHLEdBQ2xCO0lBUEQsQUFRQSxZQVJPLENBUVAsWUFBWSxDQUFDO01BQ1osT0FBTyxFQUFFLFlBQVk7TUFDckIsU0FBUyxFQUFFLEtBQUs7TUFDaEIsV0FBVyxFQXpqQ0EsZUFBZSxHQTBqQzFCO0lBS0EsQUFBRCwwQkFBZSxDQUFDO01BQ2YsUUFBUSxFQUFFLFFBQVE7TUFDbEIsSUFBSSxFQUFFLEdBQUc7TUFDVCxTQUFTLEVBQUUsZ0JBQWdCO01BQzNCLEdBQUcsRUFBRSxHQUFHLEdBV1I7TUFmQSxBQUtBLDBCQUxjLENBS2QsR0FBRyxDQUFDO1FBQ0gsT0FBTyxFQUFFLE1BQU07UUFDZixRQUFRLEVBQUUsUUFBUSxHQUNsQjtNQVJELEFBU0EsMEJBVGMsQ0FTZCx5QkFBeUIsQ0FBQztRQUN6QixLQUFLLEVBQUUsSUFBSSxHQUNYO01BWEQsQUFZQSwwQkFaYyxDQVlkLHlCQUF5QixDQUFDO1FBQ3pCLElBQUksRUFBRSxHQUFHLEdBQ1Q7RUFHQyxBQUFELGNBQVUsQ0FBQztJQUNWLEtBQUssRUFBRSxLQUFLO0lBQ1osWUFBWSxFQUFFLENBQUM7SUFDbEIsYUFBYSxFQUFFLENBQUMsR0F1QmI7SUF0QkMsQUFBRCw0QkFBZSxDQUFDO01BQ2xCLEtBQUssRUFBRSxLQUFLLEdBb0JUO01BckJBLEFBRUEsNEJBRmMsQ0FFZCxHQUFHLENBQUM7UUFDSCxLQUFLLEVBQUUsSUFBSSxHQUVkO01BTEUsQUFrQkEsNEJBbEJjLENBa0JkLFdBQVcsQ0FBQztRQUNYLEtBQUssRUFBRSxLQUFLLEdBQ2Y7RUFHQyxBQUNBLFlBRE8sQ0FDUCxLQUFLLENBQUM7SUFDTCxXQUFXLEVBQUUsQ0FBQztJQUNkLE9BQU8sRUFBRSxLQUFLO0lBQ2QsVUFBVSxFQUFFLE1BQU0sR0FDbEI7RUFMRCxBQU1BLFlBTk8sQ0FNUCxJQUFJLENBQUM7SUFDUCxLQUFLLEVBQUUsSUFBSTtJQUNYLE9BQU8sRUFBRSxLQUFLO0lBQ2QsV0FBVyxFQUFFLENBQUMsR0FDWDtFQUVELEFBQUQsWUFBUSxDQUFDO0lBQ1gsT0FBTyxFQUFFLEtBQUs7SUFDZCxVQUFVLEVBQUUsSUFBSTtJQUNoQixXQUFXLEVBMW5DQyxlQUFlO0lBMm5DM0IsU0FBUyxFQUFFLEtBQUssR0FDaEI7RUFDQSxBQUFELFdBQU8sQ0FBQztJQUNQLE1BQU0sRUFBRSxLQUFLLEdBSWI7SUFIQyxBQUFELHFCQUFXLENBQUM7TUFDWCxTQUFTLEVBdG5DSixPQUEyQixHQXVuQ2hDO0VBRUQsQUFBRCxlQUFXLENBQUM7SUFDVCxTQUFTLEVBMW5DTCxNQUEyQixHQTJuQy9CO0VBR0osQUFBQSxPQUFPLENBQUM7SUFDUCxNQUFNLEVBQUUsS0FBSztJQUNiLFdBQVcsRUFBRSxDQUFDLEdBeUNkO0lBeENDLEFBQUQsa0JBQVksQ0FBQztNQUNaLEtBQUssRUFBRSxLQUFLO01BQ1osT0FBTyxFQUFFLFdBQVc7TUFDcEIsTUFBTSxFQUFFLElBQUksR0FPWjtNQVZBLEFBSUEsa0JBSlcsQ0FJWCxlQUFlLENBQUE7UUFDZCxNQUFNLEVBQUUsSUFBSSxHQUNaO01BTkQsQUFPQSxrQkFQVyxDQU9YLGFBQWEsQ0FBQTtRQUNaLE1BQU0sRUFBRSxJQUFJLEdBQ1o7SUFFRCxBQUFELGFBQU8sQ0FBQztNQUNQLFVBQVUsRUFBRSxDQUFDO01BQ2IsYUFBYSxFQUFFLENBQUMsR0FDaEI7SUFDQSxBQUFELGVBQVMsQ0FBQztNQUNULFVBQVUsRUFBRSxJQUFJO01BQ2hCLEtBQUssRUFBRSxHQUFHLEdBQ1Y7SUFDQSxBQUNBLGVBRFEsQ0FDUixDQUFDLENBQUM7TUFDRCxPQUFPLEVBQUUsSUFBSSxHQUNiO0lBQ0EsQUFDQSxzQkFETyxDQUNQLENBQUMsQ0FBQztNQUNELE9BQU8sRUFBRSxLQUFLLEdBQ2Q7SUFFRCxBQUNBLDJCQURZLENBQ1osQ0FBQyxDQUFDO01BQ0QsT0FBTyxFQUFFLEtBQUssR0FDZDtJQUdGLEFBQUQseUJBQW1CLENBQUM7TUFDbEIsU0FBUyxFQXBxQ0osU0FBMkI7TUFxcUNoQyxXQUFXLEVBQUUsSUFBSTtNQUNqQixZQUFZLEVBQUUsQ0FBQztNQUNmLGFBQWEsRUFBRSxDQUFDLEdBQ2hCO0VBRUgsQUFBQSxLQUFLLENBQUM7SUFDTCxlQUFlLEVBQUUsS0FBSztJQUNuQixNQUFNLEVBQUUsSUFBSSxHQUlmO0lBTkQsQUFHQyxLQUhJLEFBR0gsTUFBTSxDQUFDO01BQ1AsT0FBTyxFQUFFLElBQUksR0FDYjtFQUVDLEFBQ0ksTUFERSxDQUNGLEVBQUUsQ0FBQyxFQUFFLEFBQUEsT0FBTyxDQUFDO0lBQ2xCLE9BQU8sRUFBRSxJQUFJLEdBQ2I7O0FBS0gsbUJBQW1CO0FBQ25CLE1BQU0sRUFBRSxTQUFTLEVBQUUsS0FBSztFQUN2QixBQUFBLFNBQVMsQ0FBQztJQUNULEtBQUssRUFBRSxJQUFJLEdBQ1g7RUFDRCxBQUNDLFdBRFUsQ0FDVixFQUFFLENBQUM7SUFDRixPQUFPLEVBQUUsS0FBSztJQUNkLE1BQU0sRUFBRSxJQUFJLEdBQ1o7RUFKRixBQUtDLFdBTFUsQ0FLVixFQUFFLENBQUM7SUFDRixVQUFVLEVBQUUsSUFBSTtJQUNoQixPQUFPLEVBQUUsSUFBSSxHQUNiO0VBUkYsQUFTQyxXQVRVLENBU1YsRUFBRSxDQUFDO0lBQ0YsT0FBTyxFQUFFLGFBQWE7SUFDdEIsVUFBVSxFQUFFLGlCQUFpQixHQUM3QjtFQVpGLEFBY0UsV0FkUyxDQWFWLEVBQUUsQ0FBQyxFQUFFLEFBQ0gsT0FBTyxDQUFDO0lBQ1IsT0FBTyxFQUFFLGFBQWE7SUFDdEIsV0FBVyxFQUFFLElBQUk7SUFDakIsT0FBTyxFQUFFLFlBQVk7SUFFckIsYUFBYSxFQUFFLEdBQUcsR0FDbEI7RUFwQkgsQUFzQkMsV0F0QlUsQ0FzQlYsUUFBUSxDQUFDO0lBQ1IsY0FBYyxFQUFFLEdBQUcsR0FDbkI7RUFHRixBQUNDLFdBRFUsQ0FDVixLQUFLLENBQUE7SUFDSixLQUFLLEVBQUUsSUFBSSxHQUNYO0VBRUYsQUFBQSxlQUFlLENBQUM7SUFDZixPQUFPLEVBQUUsV0FBVyxHQUNwQjtFQUdELEFBQUEsa0JBQWtCLENBQUE7SUFDakIsVUFBVSxFQUFFLEdBQUcsR0FDZjtFQUVELEFBQ0Msc0JBRHFCLENBQ3JCLEtBQUssQ0FBQztJQUNMLE9BQU8sRUFBRSxLQUFLLEdBQ2Q7RUFJQyxBQUFELCtCQUFlLENBQUM7SUFDZixVQUFVLEVBQUUsSUFBSTtJQUNoQixTQUFTLEVBQUUsSUFBSTtJQUNmLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFdBQVcsRUFBRSxHQUFHO0lBQ2hCLE1BQU0sRUFBRSxJQUFJO0lBQ1osVUFBVSxFQUFFLE1BQU07SUFDbEIsS0FBSyxFQUFFLElBQUk7SUFDWCxJQUFJLEVBQUUsRUFBRTtJQUNSLFNBQVMsRUFBRSxjQUFjLEdBQ3pCO0VBRUQsQUFBRCxpQkFBYSxDQUFDO0lBQ2IsbUJBQW1CLEVBQUUsYUFBYTtJQUNsQyxVQUFVLEVBQUUsR0FBRyxHQUtmO0lBUEEsQUFHQSxpQkFIWSxDQUdaLENBQUMsQ0FBQTtNQUNBLFFBQVEsRUFBRSxRQUFRO01BQ2xCLEdBQUcsRUFBRSxJQUFJLEdBQ1Q7RUFFRCxBQUFELDBCQUFzQixDQUFDO0lBQ3RCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLE1BQU0sRUFBRSxJQUFJO0lBQ1osSUFBSSxFQUFFLEVBQUU7SUFDUixTQUFTLEVBQUUsY0FBYyxHQU96QjtJQVhBLEFBS0EsMEJBTHFCLENBS3JCLHlCQUF5QixDQUFBO01BQ3hCLEtBQUssRUFBRSxHQUFHLEdBQ1Y7SUFQRCxBQVFBLDBCQVJxQixDQVFyQix5QkFBeUIsQ0FBQTtNQUN4QixJQUFJLEVBQUUsR0FBRyxHQUNUO0VBSUQsQUFBRCxhQUFPLENBQUM7SUFDUCxTQUFTLEVBQUUsR0FBRyxHQUlkO0lBTEEsQUFFQSxhQUZNLENBRU4sS0FBSyxDQUFDO01BQ0wsSUFBSSxFQUFFLEVBQUUsR0FDUjtFQUVELEFBQUQsZUFBUyxDQUFDO0lBQ1QsU0FBUyxFQUFFLEdBQUcsR0FJZDtJQUxBLEFBRUEsZUFGUSxDQUVSLEtBQUssQ0FBQztNQUNMLEtBQUssRUFBRSxFQUFFLEdBQ1Q7O0FBS0osTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sU0FBUyxFQUFFLEtBQUs7RUFFN0MsQUFBRCxZQUFRLENBQUM7SUFDUixNQUFNLEVBQUUsS0FBSztJQUNiLHFCQUFxQixFQUFFLEdBQUc7SUFDMUIsVUFBVSxFQUFFLEVBQUUsR0FTZDtJQVJDLEFBQUQscUJBQVUsQ0FBQztNQUNWLGdCQUFnQixFQUFFLDZCQUE2QjtNQUMvQyxxQkFBcUIsRUFBRSxHQUFHLEdBQzFCO0lBQ0EsQUFBRCxrQkFBTyxDQUFDO01BQ1AsZ0JBQWdCLEVBQUUseUJBQXlCO01BQzNDLHFCQUFxQixFQUFFLEVBQUUsR0FDdEI7O0FBS1AsTUFBTSxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQU8sU0FBUyxFQUFFLEtBQUs7RUFFNUMsQUFBRCxpQkFBYSxDQUFDO0lBS2IsVUFBVSxFQUFFLEdBQUcsR0FDZjtJQU5BLEFBQ0EsaUJBRFksQ0FDWixDQUFDLENBQUM7TUFDRCxRQUFRLEVBQUUsUUFBUTtNQUNsQixHQUFHLEVBQUUsTUFBTSxHQUNYO0VBR0QsQUFBRCwwQkFBc0IsQ0FBQztJQUN0QixPQUFPLEVBQUUsSUFBSSxHQUNiIn0= */
}
.calculadora .main__radio span {
  width: auto !important;
}
.calculadora [class^=icon-], .calculadora [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.calculadora .icon-arrow-left:before {
  content: "\e911";
}
.calculadora .icon-arrow-right:before {
  content: "\e912";
}
.calculadora .icon-happy-drop:before {
  content: "\e900";
}
.calculadora .icon-home:before {
  content: "\e901";
}
.calculadora .icon-minus:before {
  content: "\e902";
}
.calculadora .icon-plus:before {
  content: "\e903";
}
.calculadora .icon-reload:before {
  content: "\e904";
}
.calculadora .icon-food:before {
  content: "\e905";
}
.calculadora .icon-bath:before {
  content: "\e906";
}
.calculadora .icon-fb:before {
  content: "\e907";
}
.calculadora .icon-drop:before {
  content: "\e908";
}
.calculadora .icon-drop_good:before {
  content: "\e909";
}
.calculadora .icon-drop_bad:before {
  content: "\e90a";
}
.calculadora .icon-drop_average:before {
  content: "\e90b";
}
.calculadora .icon-instagram:before {
  content: "\e90c";
}
.calculadora .icon-washing_machine:before {
  content: "\e90d";
}
.calculadora .icon-wave:before {
  content: "\e90e";
}
.calculadora .icon-twiter:before {
  content: "\e90f";
}
.calculadora .icon-user:before {
  content: "\e910";
}
.calculadora button {
  border: none;
  cursor: pointer;
}
.calculadora html, .calculadora body {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.calculadora *, .calculadora *:before, .calculadora *:after {
  box-sizing: inherit;
}
.calculadora .modalfilter {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.calculadora .modal {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 1em 5em 3em 5em;
  background-color: #FFFFFF;
  width: 1000px;
  height: 400px;
  max-width: 90%;
  max-height: 90%;
}
.calculadora .modal .main__users {
  position: relative;
  font-size: 1.25em;
  margin-bottom: 60px;
}
.calculadora .modal .main__users .user-type-of-consumption, .calculadora .modal .main__users .home-type-of-consumption {
  display: inline-block;
  /* margin-bottom: 3em; */
}
.calculadora .modal .main__users .user-type-of-consumption {
  position: relative;
  left: 10%;
}
.calculadora .modal .main__users .home-type-of-consumption {
  position: relative;
  right: -20%;
}
.calculadora .modal .main__users span {
  display: block;
  width: 1.25em;
  height: 1.25em;
}
.calculadora .row {
  margin-right: -15px;
  margin-left: -15px;
}
.calculadora .row:before {
  display: table;
  content: " ";
}
.calculadora .row:after {
  display: table;
  content: " ";
  clear: both;
}
.calculadora [class^=col-] {
  position: relative;
  min-height: 1px;
  float: left;
}
.calculadora .col-6 {
  width: 50%;
}
.calculadora .col-4 {
  width: 33.33%;
  margin: auto;
}
.calculadora .col-12 {
  width: 100%;
}
.calculadora .header {
  margin: 0 auto;
  text-align: center;
  background-color: #EAF2F2;
  padding: 20px 0 10px;
}
.calculadora .header__icon {
  background-color: white;
  color: #9A9A9A;
  border-radius: 50%;
  font-size: 1.4167rem;
  line-height: 38px;
  width: 38px;
  height: 38px;
  padding: 8px;
  margin-right: 8px;
}
.calculadora .header__icon--selected {
  background-color: #97BA3C;
  color: white;
  border-radius: 50%;
  font-size: 1.4167rem;
  line-height: 38px;
  width: 38px;
  height: 38px;
  padding: 8px;
  margin-right: 8px;
}
.calculadora .header__icon:last-of-type {
  margin-right: 0;
}
.calculadora .header__icon--reload {
  color: #97BA3C;
  cursor: pointer;
}
.calculadora .header__icon--ball_group_display_none {
  display: none;
}
.calculadora .header__icon--ball_group_display_block {
  display: inline-block;
}
.calculadora .header__icon--ball {
  background-color: #cccccc;
  border-radius: 50%;
  padding: 7px;
  font-size: 0.1px;
  margin-right: 8px;
  padding-bottom: 0px;
  padding-top: 13px;
}
.calculadora .header__icon--single {
  background-color: #97BA3C;
}
.calculadora .header--index {
  display: none;
}
.calculadora .header .ics-vertical-line {
  font-size: 2em;
  border-right: 1px solid #013871;
  margin-right: 10px;
}
.calculadora .main {
  position: relative;
  background-color: #F4F8EB;
  text-align: center;
  padding-top: 13px;
}
.calculadora .main--conclusion .main__additional {
  margin: 0;
  line-height: 1.22222em;
}
.calculadora .main--conclusion .row {
  margin-top: 12px;
  padding-left: 43px;
  padding-right: 43px;
}
.calculadora .main--conclusion .col-4 {
  padding-right: 25px;
  padding-left: 25px;
}
.calculadora .main__container {
  margin: 0 auto;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
.calculadora .main__container--conclusion {
  padding-left: 43px;
  padding-right: 43px;
}
.calculadora .main__title {
  font-family: "OpenSansLight", sans-serif;
  color: #013871;
  font-size: 1.75em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 39px;
  line-height: 0.95833em;
}
.calculadora .main__title--index {
  font-size: 3em;
  padding-top: 34px;
}
.calculadora .main__title--conclusion {
  font-size: 3em;
  padding-top: 20px;
  margin-bottom: 19px;
}
.calculadora .main__buttons {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.calculadora .main__buttons .row {
  padding-bottom: 5px;
  margin-left: -7px;
  margin-right: -7px;
}
.calculadora .main__buttons .cf {
  width: 220px;
  margin: 1em auto;
}
.calculadora .main__buttons .cf .main__radio {
  margin: auto;
}
.calculadora .main__buttons .cf :first-child input .main__radio {
  margin-right: auto;
}
.calculadora .main__buttons .cf :last-child .main__radio {
  margin-left: auto;
}
.calculadora .main__buttons__less {
  position: relative;
  font-size: 2.125em;
  padding: 0 7px;
  border-radius: 25%;
  line-height: 1;
  float: left;
  width: 52px;
  height: 52px;
}
.calculadora .main__buttons__less:before {
  position: relative;
  bottom: 10px;
  left: -16px;
  font-size: 2.1em;
}
.calculadora .main__buttons__more {
  position: relative;
  font-size: 2.125em;
  padding: 0 7px;
  border-radius: 25%;
  line-height: 1;
  float: right;
  width: 52px;
  height: 52px;
}
.calculadora .main__buttons__more:before {
  position: relative;
  bottom: 10px;
  left: -16px;
  font-size: 2.1em;
}
.calculadora .main__buttons--blue {
  background-color: white;
  color: #013871;
}
.calculadora .main__buttons--gray {
  background-color: white;
  color: #CCCCCC;
}
.calculadora .main__radio {
  background-color: #013871;
  border-radius: 6px;
  height: 60px;
  width: 60px;
}
.calculadora .main__radio input {
  display: none;
}
.calculadora .main__radio input:checked + label {
  background: transparent;
}
.calculadora .main__radio label {
  cursor: pointer;
  color: white;
  font-size: 1.125em;
  font-family: "OpenSansBold", sans-serif;
  padding-top: 6px;
}
.calculadora .main__radio span {
  font-family: "OpenSansLight", sans-serif;
}
.calculadora .main__text {
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
  font-size: 1.375em;
  color: #333333;
  text-align: center;
  margin: 0;
  float: left;
  width: 116px;
  line-height: 52px;
}
.calculadora .main__additional {
  font-family: OpenSansRegular, sans-serif;
  font-size: 1.125em;
  margin: auto;
  text-align: center;
}
.calculadora .main__additional--index {
  margin-bottom: 0;
}
.calculadora .main__additional--second-index {
  font-family: OpenSansRegular, sans-serif;
  font-size: 1.125em;
  text-align: left;
  width: 50%;
  max-width: 535px;
  margin-top: 2em;
  left: 50%;
  transform: translateX(-100%);
  position: relative;
  padding: 0 15px;
}
.calculadora .main__calculator {
  background-image: url(/o/classic-theme/images/calculadora/calculadora.png);
  z-index: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 38px;
  height: 216px;
  position: relative;
}
.calculadora .main__calculator--second {
  background-position-x: 70%;
}
.calculadora .main__calculator .onda:after {
  content: "";
  background: url(/o/classic-theme/images/calculadora/ondav.png);
  background-position: -81px 0;
  background-size: 350px;
  background-color: transparent;
  position: absolute;
  z-index: -1;
  height: 33px;
  width: 100%;
  left: 0;
}
.calculadora .main__texts {
  display: none;
}
.calculadora .main__info {
  display: none;
}
.calculadora .main__users {
  display: none;
}
.calculadora .main__users--second-index {
  width: auto;
  max-width: 500px;
}
.calculadora .main__repeat {
  border-radius: 50%;
  background-color: #FFFFFF;
  height: 38px;
  width: 39px;
  display: block;
  margin: 0 auto;
}
.calculadora .main__drop {
  background-image: url("/o/classic-theme/images/calculadora/drop-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  height: 107px;
  text-align: center;
  padding-top: 56px;
}
.calculadora .main__drop p {
  color: #013871;
}
.calculadora .main__drop--green {
  background-image: url("/o/classic-theme/images/calculadora/drop-green.png");
}
.calculadora .main__drop--green p {
  color: #E8F0F0;
}
.calculadora .main__drop--light {
  background-image: url("/o/classic-theme/images/calculadora/drop-light.png");
}
.calculadora .main__drop__number {
  font-size: 1.9375em;
  font-family: "OpenSansBold", sans-serif;
  line-height: 0.798;
  margin: 0;
}
.calculadora .main__drop__measure {
  font-size: 0.75em;
  font-family: OpenSansRegular, sans-serif;
  line-height: 1em;
  /* margin: 0; */
  margin: 5px 0px;
}
.calculadora .main__drop__category {
  text-align: center;
  font-size: 0.875em;
  font-family: OpenSansRegular, sans-serif;
  color: #333333;
  line-height: 1.125em;
}
.calculadora .main__subtitle {
  font-size: 1.5em;
  font-family: "OpenSansLight", sans-serif;
  color: #013871;
  text-align: center;
  font-weight: normal;
  line-height: 1.08333em;
  padding-left: 55px;
  padding-right: 55px;
}
.calculadora .onda {
  background-image: url(/o/classic-theme/images/calculadora/onda.png);
  height: 33px;
  background-size: 350px;
  background-position: -277px 0;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  /*&:after {
      content: "";
      background: url(/o/classic-theme/images/calculadora/onda.png);
      opacity: 0.302;
      background-position: -81px 0;
      background-size: 350px;
      background-color: transparent;
      position: absolute;
      height: 33px;
      width: 100%;
      left: 0;
  }*/
}
.calculadora .footer {
  text-align: center;
  font-family: OpenSansRegular, sans-serif;
  background-color: #EAF2F2;
  font-weight: bold;
  position: relative;
  height: 200px;
  padding-top: 62px;
}
.calculadora .footer__center {
  margin: 0 auto;
  float: unset;
  margin-bottom: 18px;
  width: auto;
}
.calculadora .footer__before {
  font-family: "OpenSansBold", sans-serif;
  font-size: 1.125em;
  background-color: white;
  font-weight: bold;
  color: #013871;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  line-height: 1;
  width: auto;
  border: 1px solid #013871;
  margin: auto;
}
.calculadora .footer__before .icon {
  font-size: 3em;
  vertical-align: middle;
  position: relative;
  left: -25%;
}
.calculadora .footer__next {
  font-family: "OpenSansBold", sans-serif;
  color: white;
  font-size: 1.125em;
  background-color: #013871;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  line-height: 1;
  width: auto;
  margin: auto;
}
.calculadora .footer__next .icon {
  font-size: 3em;
  vertical-align: middle;
  position: relative;
  right: -25%;
}
.calculadora .footer__start {
  max-width: 207px;
  padding: 18px 0;
}
.calculadora .footer__footer {
  font-family: OpenSansRegular, sans-serif;
  background-color: #013871;
  color: white;
  font-weight: normal;
  padding: 24px 44px 24px 44px;
  text-align: center;
  min-height: 160px;
}
.calculadora .footer__footer--conclusion {
  padding-left: 60px;
  padding-right: 60px;
}
.calculadora .footer__container {
  margin-bottom: 20px;
}
.calculadora .footer__text {
  font-family: OpenSansRegular, sans-serif;
  font-size: 0.875em;
  margin: 0;
}
.calculadora .footer__text--conclusion {
  font-size: 1.125em;
  font-weight: bold;
  padding-top: 7px;
  padding-right: 36px;
  padding-left: 36px;
}
.calculadora .footer__icon {
  font-size: 2.625rem;
  text-decoration: none;
  color: white;
  padding-right: 5px;
}
.calculadora .footer__icon:last-of-type {
  padding-right: 0;
}
.calculadora .button-space {
  margin: auto 2%;
}
.calculadora .cf:before, .calculadora .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.calculadora .cf:after {
  clear: both;
}
.calculadora .cf {
  *zoom: 1;
}
.calculadora .main__subtitle {
  margin-top: 0;
  padding-top: 1.5em;
}
.calculadora .conclusion table {
  border-collapse: collapse;
  font-family: OpenSansRegular, sans-serif;
  width: 80%;
  margin: auto;
  box-sizing: border-box;
  padding: 2em;
}
.calculadora .conclusion th, .calculadora .conclusion td {
  text-align: left;
}
.calculadora .conclusion .conclusion_table_header_icn {
  font-size: 2.5em;
}
.calculadora .conclusion-top {
  background-color: #F4F8EB;
}
.calculadora table thead th {
  border: none !important;
  padding: 1% !important;
  background: none;
}
.calculadora table .table__col-tittle {
  font-size: 1.25em !important;
}
.calculadora table td {
  border-top: 1px solid #013871 !important;
  padding: 1em 0.5em !important;
}
.calculadora table tr td:before {
  font-weight: bold !important;
  display: inline-block !important;
}
.calculadora table tr td:first-of-type {
  text-align: center !important;
  font-weight: bold !important;
}
.calculadora table tr td:first-of-type:before {
  display: none !important;
}
.calculadora table th#bathAdvice, .calculadora table th#kitchenAdvice, .calculadora table th#cleanAdvice {
  width: 50%;
}
.calculadora .custom-margin-top {
  margin-top: 70px;
}
.calculadora .ics_sumary_table {
  font-size: 3em;
}
.calculadora .ics_drop_conclusion_table {
  font-size: 2em;
}
.calculadora .ics_happy-drop {
  color: #97BA3C;
}
.calculadora .chart {
  margin: auto;
  text-align: center;
  font-family: OpenSansRegular, sans-serif;
}
.calculadora .highcharts-container {
  margin: auto;
}
.calculadora .highcharts-background {
  fill: none;
}
.calculadora .highcharts-button-box, .calculadora .highcharts-button-symbol, .calculadora .highcharts-credits {
  display: none;
  fill: none;
}
.calculadora .highcharts-series-group {
  transform: rotate(252deg);
  transform-origin: 30% 50%;
}
.calculadora .row-conclusion-detail {
  width: 80% !important;
  margin: auto;
}
@media (min-width: 768px) {
  .calculadora .offset-md-2 {
    margin-left: 16.67%;
  }
  .calculadora .offset-md-6 {
    margin-left: 50%;
    padding-left: 2%;
  }
  .calculadora .col-md-6 {
    width: 50%;
  }
  .calculadora .col-md-8 {
    width: 66.67%;
  }
  .calculadora .header--index {
    display: block;
    height: 76px;
  }
  .calculadora .main__title {
    text-align: center;
  }
  .calculadora .main--conclusion .row {
    padding-left: 0;
    padding-right: 0;
  }
  .calculadora .main--conclusion .col-4 {
    padding-right: 7px;
    padding-left: 7px;
  }
  .calculadora .main__calculator {
    height: 290px;
  }
  .calculadora .main__calculator--second {
    background-position-x: 70%;
  }
  .calculadora .main__calculator .onda {
    background-position: -27px 0;
  }
  .calculadora .main__calculator .onda:after {
    display: block;
    background-size: 530px;
    height: 47px;
    background-position: 211px -3px;
  }
  .calculadora .main__container {
    margin: inherit;
  }
  .calculadora .main__title--index {
    margin-bottom: 26px;
    padding-top: 2px;
  }
  .calculadora .main__image {
    height: 471px;
    background-size: contain;
    background-position-x: 25%;
    background-repeat: no-repeat;
    margin-left: 0;
  }
  .calculadora .main__image--calculator {
    background-image: url("/o/classic-theme/images/calculadora/calculadora.png");
  }
  .calculadora .main__image--people {
    background-image: url("/o/classic-theme/images/calculadora/people.png");
  }
  .calculadora .main__image--shower {
    background-image: url("/o/classic-theme/images/calculadora/shower.png");
  }
  .calculadora .main__image--shower2 {
    background-image: url("/o/classic-theme/images/calculadora/shower2.png");
  }
  .calculadora .main__image--bath {
    background-image: url("/o/classic-theme/images/calculadora/bath.png");
    background-position-x: 3%;
  }
  .calculadora .main__image--teeth {
    background-image: url("/o/classic-theme/images/calculadora/teeth.png");
  }
  .calculadora .main__image--cistern {
    background-image: url("/o/classic-theme/images/calculadora/cisterna.png");
    background-position-x: 40%;
  }
  .calculadora .main__image--tap-water {
    background-image: url("/o/classic-theme/images/calculadora/vaso.png");
  }
  .calculadora .main__image--dishwasher {
    background-image: url("/o/classic-theme/images/calculadora/friegaplatos.png");
  }
  .calculadora .main__image--cooking {
    background-image: url("/o/classic-theme/images/calculadora/comida.png");
  }
  .calculadora .main__image--washing-machine {
    background-image: url("/o/classic-theme/images/calculadora/ropa.png");
  }
  .calculadora .main__image--cleaning {
    background-image: url("/o/classic-theme/images/calculadora/cubo.png");
  }
  .calculadora .main__image--conclusion {
    background-image: url("/o/classic-theme/images/calculadora/calculadora.png");
  }
  .calculadora .main__image--face_wash {
    background-image: url("/o/classic-theme/images/calculadora/face_wash.png");
  }
  .calculadora .main__image--other_uses {
    background-image: url("/o/classic-theme/images/calculadora/other_uses.png");
  }
  .calculadora .main__image--hands {
    background-image: url("/o/classic-theme/images/calculadora/hands.png");
  }
  .calculadora .main__image--hand_washing {
    background-image: url("/o/classic-theme/images/calculadora/hand_washing.png");
  }
  .calculadora .main__info {
    width: 100px;
    border-radius: 50px;
    background-color: #CCCCCC;
    position: absolute;
    display: block;
    left: 15%;
    top: 50px;
  }
  .calculadora .main__info__circle {
    background-color: #013871;
    color: white;
    border-radius: 50%;
    font-size: 0.875em;
    width: 100%;
    height: 100px;
    text-align: center;
    padding: 15px 2px 15px;
    position: relative;
  }
  .calculadora .main__info__circle:before {
    font-size: 4em;
    position: absolute;
    bottom: -33px;
    left: calc(50% - 27px);
    z-index: 33;
    color: #97BA3C;
  }
  .calculadora .main__info__circle__text {
    font-family: "OpenSansLight", sans-serif;
    line-height: 125%;
  }
  .calculadora .main__info__home {
    font-size: 1em;
    font-family: "OpenSansBold", sans-serif;
    color: #013871;
    text-align: center;
    padding-top: 1em;
    margin-top: 15px;
  }
  .calculadora .main__info__quantity {
    width: 71px;
    padding: 8px 0;
    text-align: center;
    font-size: 1.5em;
    font-family: "OpenSansBold", sans-serif;
    color: #013871;
    background-color: white;
    border-radius: 3px;
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
    margin: 0 auto;
  }
  .calculadora .main__info__litre {
    font-size: 0.75em;
    font-family: OpenSansRegular, sans-serif;
    color: #013871;
    line-height: 1em;
    text-align: center;
    padding-BOTTOM: 1em;
    margin-top: 10px;
  }
  .calculadora .main__users {
    position: absolute;
    display: block;
    right: 15%;
    top: 30px;
  }
  .calculadora .main__users span {
    color: white;
    background-color: #97BA3C;
    font-size: 2em;
    display: inline;
    border-radius: 25%;
  }
  .calculadora .main__users .main__texts {
    display: inline-block;
    font-size: 0.8em;
    font-family: OpenSansRegular, sans-serif;
  }
  .calculadora .main__users--second-index {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 0em;
  }
  .calculadora .main__users--second-index div {
    display: inline;
    position: relative;
  }
  .calculadora .main__users--second-index .user-type-of-consumption {
    right: -10%;
  }
  .calculadora .main__users--second-index .home-type-of-consumption {
    left: 40%;
  }
  .calculadora .main__buttons {
    width: 220px;
    padding-left: 0;
    padding-right: 0;
  }
  .calculadora .main__buttons--radiobuttons {
    width: 265px;
  }
  .calculadora .main__buttons--radiobuttons .cf {
    width: 100%;
  }
  .calculadora .main__buttons--radiobuttons .main__text {
    width: 160px;
  }
  .calculadora .main__radio label {
    line-height: 1;
    display: block;
    text-align: center;
  }
  .calculadora .main__radio span {
    width: auto;
    display: block;
    line-height: 1;
  }
  .calculadora .main__texts {
    display: block;
    text-align: left;
    font-family: OpenSansRegular, sans-serif;
    max-width: 400px;
  }
  .calculadora .main__drop {
    height: 132px;
  }
  .calculadora .main__drop__category {
    font-size: 1.125em;
    margin-top: 15px;
  }
  .calculadora .main__subtitle {
    font-size: 2.25em;
  }
  .calculadora .footer {
    height: 145px;
    padding-top: 0;
  }
  .calculadora .footer__container {
    width: 720px;
    padding: 25px 0 50px;
    margin: auto;
  }
  .calculadora .footer__container .footer__before {
    margin: auto;
  }
  .calculadora .footer__container .footer__next {
    margin: auto;
  }
  .calculadora .footer__text {
    margin-top: 0;
    margin-bottom: 0;
  }
  .calculadora .footer__center {
    margin-top: 12px;
    width: 50%;
  }
  .calculadora .footer__footer p {
    display: none;
  }
  .calculadora .footer__footer--index p {
    display: block;
  }
  .calculadora .footer__footer--conclusion p {
    display: block;
  }
  .calculadora .footer__text--conclusion {
    font-size: 1.28571em;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
  }
  .calculadora .onda {
    background-size: 530px;
    height: 47px;
  }
  .calculadora .onda:after {
    display: none;
  }
  .calculadora .table tr td:before {
    display: none;
  }
}
@media (max-width: 798px) {
  .calculadora .col-md-6 {
    width: 100%;
  }
  .calculadora .main_table td {
    display: block;
    border: none;
  }
  .calculadora .main_table th {
    border-top: none;
    display: none;
  }
  .calculadora .main_table tr {
    content: attr(data-th);
    border-top: 1px solid #013871;
  }
  .calculadora .main_table tr td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    padding-right: 1em;
  }
  .calculadora .main_table .last_td {
    padding-bottom: 3em;
  }
  .calculadora .conclusion table {
    width: 100%;
  }
  .calculadora .main__subtitle {
    padding: 2em 0 1em 0;
  }
  .calculadora .custom-margin-top {
    margin-top: 0px;
  }
  .calculadora .row-conclusion-detail table {
    display: table;
  }
  .calculadora .main__additional--second-index {
    max-width: 100%;
    position: relative;
    padding-top: 1em;
    margin: auto;
    text-align: center;
    width: 100%;
    left: 0%;
    transform: translateX(0%);
  }
  .calculadora .main__calculator {
    background-position: center bottom;
    margin-top: 30%;
  }
  .calculadora .main__calculator p {
    position: relative;
    top: -7em;
  }
  .calculadora .main__users--second-index {
    position: relative;
    margin: auto;
    left: 0%;
    transform: translateX(0%);
  }
  .calculadora .main__users--second-index .user-type-of-consumption {
    right: 10%;
  }
  .calculadora .main__users--second-index .home-type-of-consumption {
    left: 10%;
  }
  .calculadora .footer__next {
    font-size: 1em;
  }
  .calculadora .footer__next .icon {
    left: 9%;
  }
  .calculadora .footer__before {
    font-size: 1em;
  }
  .calculadora .footer__before .icon {
    right: 9%;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .calculadora .main__image {
    height: 340px;
    background-position-x: 30%;
    margin-top: 7%;
  }
  .calculadora .main__image--cistern {
    background-image: url("/o/classic-theme/images/calculadora/cisterna.png");
    background-position-x: 40%;
  }
  .calculadora .main__image--bath {
    background-image: url("/o/classic-theme/images/calculadora/bath.png");
    background-position-x: 3%;
  }
}
@media (min-width: 500px) and (max-width: 798px) {
  .calculadora .main__calculator {
    margin-top: 20%;
  }
  .calculadora .main__calculator p {
    position: relative;
    top: -120px;
  }
  .calculadora .main__users--second-index {
    display: none;
  }
}

.alertas-telelectura-titulo {
  font-family: OpenSans-Light, sans-serif;
  font-size: 1.8333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #013871;
}

.alertas-telelectura {
  margin-left: 0.5em;
  font-size: 1rem;
}
.alertas-telelectura .form-group,
.alertas-telelectura .input-group,
.alertas-telelectura .form-group.has-error,
.alertas-telelectura .input-group.has-error,
.alertas-telelectura .form-group.has-error.empty,
.alertas-telelectura .input-group.has-error.empty {
  margin-bottom: 15px;
}
.alertas-telelectura .conf-alertas {
  background-color: #f8f8f8;
}
.alertas-telelectura .conf-alertas {
  font-family: OpenSans-Light, sans-serif;
  font-size: 1.8333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #013871;
}
.alertas-telelectura .subtitulo {
  width: 100%;
  font-family: OpenSans-Light, sans-serif;
  font-size: 1.6667rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #013871;
}
.alertas-telelectura .alertas-config-form {
  margin-bottom: 40px;
}
.alertas-telelectura .form-sobreconsumo {
  margin: 30px 0;
}
.alertas-telelectura .email-fuga {
  margin: 15px 0;
}
.alertas-telelectura .email-sobreconsumo {
  margin: 15px 0;
}
.alertas-telelectura .glyphicon-remove {
  cursor: pointer;
}
.alertas-telelectura .subtitulo2 {
  width: 100%;
  font-family: OpenSans-Light, sans-serif;
  font-size: 1.6667rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #013871;
  margin-top: 2em;
}
.alertas-telelectura .num-dias {
  display: flex;
  justify-content: flex-end;
}
@media all and (max-width: 450px) {
  .alertas-telelectura .num-dias {
    justify-content: start;
    margin: 30px 0;
  }
}
.alertas-telelectura .num-dias .input-numdias {
  max-width: 70px;
  margin: 0 10px;
  text-align: center;
}
.alertas-telelectura .num-dias .texto-dias {
  margin-left: 20px;
}
.alertas-telelectura .seccion-titulo {
  margin-top: -2.27em;
}
.alertas-telelectura .botones {
  margin-bottom: 2em !important;
}

.row.email:nth-child(n+2) {
  margin-top: 2em !important;
}

#icon_minus,
#icon_plus {
  float: left;
}

/* Autor: Abs
* nueva versión de la distribuidara de gestiones online
*/
.distribuidora-gestiones {
  font-family: "OpenSans-Regular", sans-serif;
  margin-top: 20px;
  margin-bottom: 15px;
  /* .columna-grupo-gestiones */
}
.distribuidora-gestiones .columna-grupo-gestiones {
  /*.bloque-gestiones */
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones {
  background-color: #fbfbfb;
  float: left;
  margin-top: 20px;
  margin-bottom: 15px;
  width: 100%;
  /*.titulo-grupo*/
  /*.icono-grupo*/
  /*.grupo-gestiones */
  /* .grupo-gestiones.unica-gestion  */
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .titulo-grupo {
  /*height: 27px;*/
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #013871;
  margin: 25px 0px 0px 0px;
  text-transform: uppercase;
}
@media screen and (max-width: 900px) {
  .distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .titulo-grupo {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .titulo-grupo {
    text-align: center;
  }
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
  background-color: #e3e3e6;
  border-radius: 50%;
  margin: 25px 5px 50px 20px;
  width: 110px;
  height: 110px;
  /*.image-grupo*/
}
@media screen and (max-width: 900px) {
  .distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
    margin-left: calc(50% - 55px);
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
    margin-left: calc(50% - 55px);
  }
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-grupo {
  width: 78px;
  height: 73px;
  mix-blend-mode: multiply;
  /* margin: 18px 7px 19px 25px; */
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-facturas-pagos {
  background: url("/o/classic-theme/images/distribuidora/azul/facturas-pagos.png") no-repeat top center;
  margin-top: 20px;
  margin-left: 5px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-lectura-consumos {
  background: url("/o/classic-theme/images/distribuidora/azul/lectura-consumos.png") no-repeat top center;
  margin-top: 25px;
  margin-left: 5px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-contratos {
  background: url("/o/classic-theme/images/distribuidora/azul/contratos.png") no-repeat top center;
  margin-top: 20px;
  margin-left: 2px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-modificacion-datos {
  background: url("/o/classic-theme/images/distribuidora/azul/modificacion-datos.png") no-repeat top center;
  margin-top: 20px;
  margin-left: 2px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-contacta {
  background: url("/o/classic-theme/images/distribuidora/azul/contacta.png") no-repeat top center;
  margin-top: 30px;
  margin-left: 5px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo .image-area-cliente {
  background: url("/o/classic-theme/images/distribuidora/azul/area-clientes.png") no-repeat top center;
  margin-top: 22px;
  margin-left: 0px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones {
  font-size: 1.17rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.22;
  letter-spacing: normal;
  color: #013871;
  /* margin: 25px 32px 23px 0px; */
  /*.gestion  */
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion {
  margin: 5px 10px 5px 25px;
  list-style: none;
  /* a.gestion-link */
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion a.gestion-link {
  text-decoration: underline;
  padding-right: 5px;
}
.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones.unica-gestion {
  margin-top: 50px;
}
.distribuidora-gestiones .col2rowMaxElement3 {
  min-height: 220px;
}
.distribuidora-gestiones .col2rowMaxElement4 {
  min-height: 256px;
}
.distribuidora-gestiones .col2rowMaxElement5 {
  min-height: 298px;
}
@media screen and (max-width: 900px) {
  .distribuidora-gestiones .col2rowMaxElement4 {
    min-height: 480px;
  }
  .distribuidora-gestiones .col2rowMaxElement5 {
    min-height: 525px;
  }
}

/*.distribuidora-gestiones*/
/* @include media-query($ov-small-screen-max-width,1199px){
	.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
	    margin: 25px 0px 50px 5px;
	    width: 105px;
	    height: 105px;
	}
	.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion {
	    margin: 5px 5px 5px 0px;
	}
	.distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones {
	    margin: 0px;
	    width: 73%;
	}
}  */
@media screen and (min-width: 900px) and (max-width: 1023px) {
  .distribuidora-gestiones .ov-container { /*screen-md:992px*/
    width: 970px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
    margin: 25px 0px 50px 5px;
    width: 105px;
    height: 105px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion {
    margin: 5px 0px 5px 0px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones {
    margin: 0px;
    width: 73%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1088px) {
  .distribuidora-gestiones .ov-container {
    width: 1000px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
    margin: 25px 0px 50px 10px;
    width: 110px;
    height: 110px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion {
    margin: 5px 5px 5px 0px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones {
    margin: 0px;
    width: 73%;
  }
}
@media screen and (min-width: 1088px) and (max-width: 1152px) {
  .distribuidora-gestiones .ov-container {
    width: 1070px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
    margin: 25px 5px 50px 10px;
    width: 110px;
    height: 110px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion {
    margin: 5px 5px 5px 0px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones {
    margin: 0px;
    width: 73%;
  }
}
@media screen and (min-width: 1152px) and (max-width: 1199px) {
  .distribuidora-gestiones .ov-container {
    width: 1130px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .icono-grupo {
    margin: 25px 5px 50px 20px;
    width: 110px;
    height: 110px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones .gestion {
    margin: 5px 5px 5px 0px;
  }
  .distribuidora-gestiones .ov-container .columna-grupo-gestiones .bloque-gestiones .grupo-gestiones {
    margin: 0px;
    width: 73%;
  }
}

@media screen and (max-width: 900px) {
  .distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones.only1Col .icono-grupo {
    margin-left: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .distribuidora-gestiones .columna-grupo-gestiones .bloque-gestiones.only1Col .icono-grupo {
    margin-left: 100px;
  }
}

.avisos-digitales .notification.wrong ul {
  background-color: #fcedee !important;
}
.avisos-digitales .ov-container h2 {
  margin-top: 2em;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-tbody-list-ov .table-tr-list {
  display: flex;
  border-bottom: 1px solid #DDE4EB;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-tbody-list-ov .table-tr-list .cell-dir-link {
  float: right;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-tbody-list-ov .table-tr-list .cell-dir-link .action-desactivar a {
  color: #E91E0E;
  font-weight: 700;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-tbody-list-ov .table-tr-list .cell-dir-link .action-activar a {
  color: #013871;
  font-weight: 700;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-tbody-list-ov .table-tr-list .cell-dir-link .action-modificar a {
  color: #013871;
  font-weight: 700;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-thead-list-ov {
  border-bottom: none;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-thead-list-ov .table-tr-list .cell-dir-link {
  float: right;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-thead-list-ov .table-tr-list .cell-dir-link .action-desactivar a {
  color: #E91E0E;
  font-weight: 700;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-thead-list-ov .table-tr-list .cell-dir-link .action-activar a {
  color: #013871;
  font-weight: 700;
}
.avisos-digitales .mis-contratos .listado-contratos .table-list .table-thead-list-ov .table-tr-list .cell-dir-link .action-modificar a {
  color: #013871;
  font-weight: 700;
}
.avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media all and (max-width: 650px) {
  .avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 5px;
  }
  .avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer .process-avisos-digitales__pagination {
    grid-column: 1;
  }
}
@media all and (min-width: 650px) {
  .avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer .process-avisos-digitales__pagination {
    grid-column: 4;
  }
}
.avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer .process-avisos-digitales__pagination {
  display: flex;
  grid-gap: 15px;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer .process-avisos-digitales__pagination select.pagination-page-selector {
  width: 70px;
}
.avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer .process-avisos-digitales__pagination .btn-pagination {
  background-color: transparent;
  border: none;
}
.avisos-digitales .mis-contratos .listado-contratos .process-avisos-digitales__table_footer .process-avisos-digitales__pagination .btn-pagination[disabled] {
  color: #cfcfcf;
}
.avisos-digitales .formularios form {
  margin-top: 0px !important;
}
.avisos-digitales .row-group-submit {
  float: right;
  margin-top: 1em;
  margin-right: 2px;
}
.avisos-digitales a.menu-info-contrato {
  color: #013871;
  font-weight: bold;
  text-decoration: underline;
}
.avisos-digitales .modal {
  /*h1 {
      font-size: 36px;
      color: #013871;
      font-family: "PTSans-Regular", sans-serif;
  }*/
  /*h2 {
      font-size: $size26_667px;
      color: #013871;
      font-family: "PTSans-Regular", sans-serif;
  }*/
}
.avisos-digitales .modal span.subtitulo {
  color: #3e3e3e;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
}
@media (max-width: 768px) {
  .avisos-digitales .modal .modal-body {
    margin-top: 3em;
  }
}
@media screen and (min-width: 900px) {
  .avisos-digitales .modal .modal-content {
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media all and (max-width: 450px) {
  .mis-contratos .listado-contratos .table-list .table-thead-list-ov .cell-alias, .mis-contratos .listado-contratos .table-list .table-thead-list-ov .cell-dir-titular, .mis-contratos .listado-contratos .table-list .table-thead-list-ov .cell-dir-email, .table-tbody-list-ov .table-tr-list .cell-alias, .table-tbody-list-ov .table-tr-list .cell-dir-titular, .table-tbody-list-ov .table-tr-list .cell-dir-email {
    width: 100%;
  }
}
@media all and (min-width: 800px) {
  .listado-contratos .cell-alias {
    width: 10%;
  }
  .listado-contratos .cell-dir-titular {
    width: 20%;
  }
  .listado-contratos .cell-dir-email {
    width: 22%;
  }
  .listado-contratos .table-actions {
    width: 26%;
  }
}
.table-actions span:first-child {
  margin-left: 0;
}

.mis-contratos .listado-contratos .table-list .table-td-list {
  padding: 1px 5px;
}

.empty-state {
  text-align: center;
  padding-top: 56px;
}
.empty-state .ico-lock {
  width: 124px;
  height: 134px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/lock.svg") no-repeat center;
  text-indent: -999em;
}
@media screen and (max-width: 768px) {
  .empty-state .ico-lock {
    width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .empty-state .title {
    padding-top: 20px;
  }
}
.empty-state .title .seccion-title {
  font-size: 1.25rem;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .empty-state .title .seccion-title {
    font-size: 1rem;
  }
}
.empty-state .subtitle1 {
  padding-top: 20px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .empty-state .subtitle1 {
    padding-right: 30px;
    text-align: left;
    font-size: 0.813rem;
  }
}
@media screen and (max-width: 900px) {
  .empty-state .subtitle1 {
    padding-right: 30px;
    text-align: left;
    font-size: 0.813rem;
  }
}
.empty-state .subtitle2 {
  padding-bottom: 20px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .empty-state .subtitle2 {
    padding-right: 30px;
    text-align: left;
    font-size: 0.813rem;
  }
}
@media screen and (max-width: 900px) {
  .empty-state .subtitle2 {
    padding-right: 30px;
    text-align: left;
    font-size: 0.813rem;
  }
}
@media (max-width: 991px) {
  .empty-state .subtitle1, .empty-state .subtitle2 {
    text-align: center;
    font-size: 0.9em;
  }
}
.empty-state a {
  color: #1292EB;
  text-decoration: underline;
}

#portlet_alertas_consumo_settings_portlet {
  font-size: 1rem;
}

.white {
  color: #eceef2 !important;
}

h1.ov, .ql-container h1.ql-editor:before {
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: 1px;
  color: #002d63;
  margin-top: 20px;
  margin-bottom: 10px;
}

h2.ov, .card h2.ov, h2.ov-small, .card h2.ov-small, .ql-container h2.ql-editor:before {
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: 1px;
  color: #002d63;
}

.card {
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(151, 151, 151, 0.35);
  padding: 20px;
  margin: 20px 0;
}

.card h2.ov, .card .ql-container h2.ql-editor:before, .ql-container .card h2.ql-editor:before, .card h2.ov-small, h3, h2.ov-small {
  font-size: 1.38em;
  font-weight: 700;
  text-align: center;
  color: #002d63;
  margin: 0;
}

.ov-left {
  text-align: left !important;
}

.ov-container {
  font-family: "PT Sans", sans-serif;
}
.ov-container .bg-success,
.ov-container .bg-info,
.ov-container .bg-warning {
  background-color: transparent !important;
}

span.alias {
  font-size: 0.9em;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}

input.ov:disabled, .ov-form-field .field-element input[type]:disabled:not([type=submit]):not([type=reset]), .ql-container input.ql-editor:disabled:before {
  background-color: rgba(204, 204, 204, 0.2117647059) !important;
  color: #808080;
}

input.ov.disabled, .ov-form-field .field-element input.disabled[type]:not([type=submit]):not([type=reset]), .ql-container input.disabled.ql-editor:before {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

button.btn-primary-ov,
button.btn-secondary-ov,
button.btn-text-ov,
button.btn-cancel-ov,
.btn-tramite {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  font-size: 0.9rem;
  letter-spacing: 1.4px;
  border-radius: 5em;
  padding: 8px 24px;
  cursor: pointer;
  width: max-content;
  height: max-content;
}
button.btn-primary-ov:hover, button.btn-primary-ov:focus,
button.btn-secondary-ov:hover,
button.btn-secondary-ov:focus,
button.btn-text-ov:hover,
button.btn-text-ov:focus,
button.btn-cancel-ov:hover,
button.btn-cancel-ov:focus,
.btn-tramite:hover,
.btn-tramite:focus {
  font-size: 0.9rem;
  letter-spacing: 1.4px;
  border-radius: 5em;
  padding: 8px 24px;
  cursor: pointer;
  width: max-content;
  height: max-content;
}
button.btn-primary-ov.right,
button.btn-secondary-ov.right,
button.btn-text-ov.right,
button.btn-cancel-ov.right,
.btn-tramite.right {
  float: right;
  margin-left: 5px;
}
button.btn-primary-ov:disabled,
button.btn-secondary-ov:disabled,
button.btn-text-ov:disabled,
button.btn-cancel-ov:disabled,
.btn-tramite:disabled {
  cursor: default;
}

button.link-button {
  background: none;
  border: 0;
  text-decoration: underline;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.57px;
  padding: 0;
  color: #002d63;
}
button.btn-primary-ov, button.btn-tramite {
  color: #fff;
  background: #002d63;
  border: 2px solid #002d63;
}
button.btn-primary-ov:hover, button.btn-primary-ov:focus, button.btn-tramite:hover, button.btn-tramite:focus {
  color: #002d63;
  background: #fff;
  border: 2px solid #002d63;
}
button.btn-primary-ov:disabled, button.btn-tramite:disabled {
  background-color: #9fb4ca;
  color: #ffffff !important;
  border-color: #a2b3c5;
}
button.btn-secondary-ov {
  font-weight: 700;
  color: #002d63;
  background: #d3dce5;
  border: 2px solid #d3dce5;
}
button.btn-secondary-ov:hover, button.btn-secondary-ov:focus {
  font-weight: 700;
  color: #002d63;
  background: rgba(211, 220, 229, 0.4392156863);
  border: 2px solid #d3dce5;
}
button.btn-cancel-ov {
  color: #FFFFFF;
  background: #DD3F0E;
  border: 2px solid #DD3F0E;
}
button.btn-text-ov {
  font-weight: 700;
  color: #002d63;
  background: #fff;
  border: none;
}
button.btn-text-ov:hover, button.btn-text-ov:focus {
  font-weight: 700;
  color: #002d63;
  background: rgba(211, 220, 229, 0.4392156863);
  border: none;
}
button.btn-text-ov:disabled {
  background-color: #9fb4ca;
  color: #ffffff !important;
  border-color: #a2b3c5;
}

.ov-hidden-accesible-block {
  display: block;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
  color: transparent;
  background: none transparent;
  opacity: 0.00001;
  overflow: hidden;
  border: none;
  outline: none;
  clip: rect(0, 1px, 1px, 0);
}

.form-group-ov {
  text-align: left;
  margin-bottom: 1rem;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .form-group-ov {
    margin-bottom: 28px;
  }
}
.form-group-ov .title-section {
  margin-top: 64px;
  margin-bottom: 30px !important;
}

.ov-form-field .field-element {
  display: block;
}
.ov-form-field .field-error {
  display: none;
}
.ov-form-field.is-invalid .field-error, .ov-form-field.has-error .field-error {
  display: inline-block;
  color: #d0021b;
  font-size: 80%;
}

.ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea,
input[type=text].ov,
.ql-container input[type=text].ql-editor:before, input[type=date].ov, .ql-container input[type=date].ql-editor:before, input[type=number].ov, .ql-container input[type=number].ql-editor:before,
input[type=password].ov,
.ql-container input[type=password].ql-editor:before, input[type=tel].ov, .ql-container input[type=tel].ql-editor:before, input[type=time].ov, .ql-container input[type=time].ql-editor:before {
  display: block;
  width: 100%;
  padding: 7px 18px;
  font-size: 0.9em;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 0.35);
  border-radius: 4px;
  height: 40px;
}
.ov-form-field .field-element input[type]:not([type=submit]):not([type=reset])::placeholder,
.ov-form-field .field-element textarea::placeholder,
input[type=text].ov::placeholder, input[type=date].ov::placeholder, input[type=number].ov::placeholder,
input[type=number][type=text].ov::placeholder, input[type=number][type=date].ov::placeholder,
input[type=number][type=password].ov::placeholder, input[type=number][type=tel].ov::placeholder, input[type=number][type=time].ov::placeholder, input[type=number].ov::placeholder,
input[type=password].ov::placeholder, input[type=tel].ov::placeholder, input[type=time].ov::placeholder {
  font-family: "PT Sans", sans-serif !important;
}

input[type=date].ov, .ql-container input[type=date].ql-editor:before, .ov-form-field .field-element input[type=date][type]:not([type=submit]):not([type=reset]), input[type=time].ov, .ql-container input[type=time].ql-editor:before, .ov-form-field .field-element input[type=time][type]:not([type=submit]):not([type=reset]) {
  padding: 7px 7px 7px 18px !important;
}

.ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]),
.ov-form-field .field-element textarea, textarea.ov, .ql-container textarea.ql-editor:before {
  display: block;
  width: 100%;
  padding: 7px 7px 7px 18px;
  font-size: 0.9em;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 0.35);
  border-radius: 4px;
}

.ov-form-field .field-element select,
select.ov,
.ql-container select.ql-editor:before {
  border: 1px solid rgba(151, 151, 151, 0.35);
  padding: 7px 12px;
  border-radius: 4px;
  display: block;
  background-image: none;
  font-size: 0.95em;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  width: 100%;
  height: 40px;
}

select.wrong {
  border-bottom: 2px solid #d0021b !important;
}

select.correct {
  border-bottom: 2px solid #438a5e !important;
}

.ov-form-field.has-error .field-element input,
input.wrong {
  border-bottom: 2px solid #d0021b !important;
  background: url("/o/classic-theme/images/commons/wrong.svg") right no-repeat;
}

input[type=date].wrong {
  background-position-x: calc(100% - 15px);
}

.ov-form-field.has-error .field-element input,
input.wrong-no-image {
  border-bottom: 2px solid #d0021b !important;
}

.ov-form-field.is-valid .field-element input,
input.correct {
  border-bottom: 2px solid #438a5e !important;
  background: url("/o/classic-theme/images/commons/ok.svg") right no-repeat;
}

input[type=date], input[type=hour] {
  background-position: 31em;
}

textarea.correct {
  border-bottom: 2px solid #438a5e !important;
  background: url("/o/classic-theme/images/commons/ok.svg") right no-repeat;
  background-size: 40px;
}

.ov-form-field.is-valid .field-element input,
input.correct-no-image {
  border-bottom: 2px solid #438a5e !important;
}

.checkbox-ov {
  width: auto;
  margin-right: 10px;
}

hr.ov-form-separator {
  background-color: #e1e1e1;
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
  border: none;
  padding: 0;
  margin: 0 auto 22px;
}

.toogle-ov {
  padding: 15px 10px;
  background: #eceef2;
  margin-bottom: 2em;
  border-left: 4px solid #002d63;
}
.toogle-ov .notification {
  width: 100%;
  border-left: 0;
  overflow: hidden;
}
.toogle-ov .notification p.description {
  margin: 0;
  text-align: justify;
}
.toogle-ov .notification.completa {
  max-height: none;
}
.toogle-ov div.link-align {
  text-align: right;
  padding-top: 0.5em;
}
.toogle-ov div.link-align a {
  font-size: 0.9em;
  font-weight: 700;
}
.toogle-ov div.link-align.sm {
  display: none;
}

.ov-content {
  font-size: 1rem;
}

.table-list .table-thead-list-ov {
  color: black;
  font-family: "PT Sans", sans-serif;
  background: rgba(1, 56, 113, 0.04);
  font-size: 1rem;
}
.table-list .table-tbody-list-ov {
  font-family: "PT Sans", sans-serif;
  font-size: 1rem;
}
.table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.table-list .table-th-list,
.table-list .table-td-list {
  float: left;
  padding: 12px;
  background-color: transparent;
}

.table-thead-list-ov {
  background: rgba(1, 56, 113, 0.04);
  font-size: 1rem;
}

.table-tbody-list-ov {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .table-tbody-list-ov {
    border-top: 2px solid #E3E3E3;
  }
}
.table-tbody-list-ov .table-tr-list {
  padding: 10px 0;
}
.table-tbody-list-ov .table-tr-list .progress {
  color: #7dc034;
}
.table-tbody-list-ov .table-tr-list .closed {
  color: #d0021b;
}
.table-tbody-list-ov .table-tr-list:nth-child(even) {
  background: #f5f7f9;
}

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

.seleccionar-contrato {
  text-align: center;
  height: 30px;
  border: 2px solid #032e5f;
  border-radius: 5em;
}
.seleccionar-contrato a.ov.strong, .seleccionar-contrato .ql-container a.strong.ql-editor:before, .ql-container .seleccionar-contrato a.strong.ql-editor:before {
  text-decoration: none;
  margin: 10px;
}

.flecha-selector {
  width: 14px;
}

.selec-contrato .seccion-superior {
  padding: 0;
  margin-bottom: 0;
}

.contenido-generico {
  margin-bottom: 0;
  position: relative;
  float: left;
  height: fit-content;
  width: 100%;
}

.selec-contrato {
  position: relative;
  float: left;
  width: 100%;
}
.selec-contrato .selector-container {
  height: 80px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.portlet-boundary {
  float: left;
  width: 100%;
}

.label {
  border-radius: inherit;
  border-style: inherit;
  border-width: inherit;
}

.label-ov {
  font-family: "PT Sans", sans-serif;
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #032E62;
  font-size: 0.9em;
  padding-left: 0;
}
.label-ov.block {
  display: block;
}

/*BANNER DASHBOARD*/
/* Banner */
.banner-ov__long {
  background-color: #f5f5f5;
  padding: 0px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner-ov__long:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 50px solid transparent;
  border-top: 50px solid #002d63;
  border-left: 220px solid #002d63;
  border-bottom: 220px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.banner-ov__long .content-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 70%;
  width: 100%;
  padding: 20px 0;
}
.banner-ov__long .content-banner .banner-claim {
  display: flex;
  flex-direction: column;
}
.banner-ov__long .content-banner .banner-claim .title {
  font-size: 2em;
  font-weight: 700;
  color: #002d63;
  display: block;
  margin-bottom: 10px;
}
.banner-ov__long .content-banner .banner-claim .title span {
  font-size: 1em;
  color: #627CA0;
  font-weight: 400;
}
.banner-ov__long .content-banner .banner-claim .description {
  color: #002d63;
  display: block;
  font-size: 1.4em;
}
.banner-ov__long .image-banner {
  z-index: 1;
  display: flex;
  align-content: flex-end;
  margin-top: 10px;
}
.banner-ov__long .image-banner img {
  width: 130px;
  height: auto;
  max-width: 100%;
}

/*SMALL SCREEN*/
@media all and (max-width: 900px) {
  .banner-ov__long {
    align-items: flex-end;
    padding: 0px 20px;
  }
  .banner-ov__long:before {
    border-right: 60px solid rgba(255, 0, 0, 0);
    border-top: 100px solid #002d63;
    border-left: 220px solid #002d63;
    border-bottom: 350px solid transparent;
  }
  .banner-ov__long .content-banner {
    flex-direction: column;
    width: 60%;
    align-items: flex-start;
  }
  .banner-ov__long .image-banner {
    width: 40%;
  }
  .banner-ov__long .image-banner img {
    width: 200px !important;
  }
  .banner-ov__long .banner-claim {
    margin-bottom: 24px;
  }
}
/*TABLET*/
@media all and (max-width: 768px) {
  .banner-ov__long .content-banner {
    width: 50%;
  }
  .banner-ov__long .content-banner .banner-claim .title span {
    display: block;
  }
  .banner-ov__long .image-banner {
    width: 50%;
  }
  .banner-ov__long .image-banner img {
    width: 230px !important;
  }
}
.container-banner {
  margin-top: 4em;
  margin-bottom: 2em;
}

.condiciones-legales-autoreg {
  margin-bottom: 1em;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
}
.condiciones-legales-autoreg a {
  font-size: 0.92rem !important;
}

.banner-ov-autoreg {
  font-family: "PT Sans", sans-serif;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  position: relative;
}
.banner-ov-autoreg .content-banner {
  align-items: center;
  width: 100%;
  padding: 20px 0;
  margin-left: 15px;
}
.banner-ov-autoreg .content-banner .banner-claim {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner-ov-autoreg .content-banner .banner-claim .title {
  font-size: 1.17rem;
  font-weight: 700;
  color: #002d63;
  display: block;
  margin-bottom: 10px;
}
.banner-ov-autoreg .content-banner .banner-claim .title span {
  font-size: 1em;
  color: #627CA0;
  font-weight: 400;
}
.banner-ov-autoreg .content-banner .banner-claim .description {
  color: #002d63;
  display: block;
  font-size: 0.92rem;
  font-weight: 400;
}
.banner-ov-autoreg .image-banner {
  z-index: 1;
  display: flex;
  align-content: flex-end;
  margin-top: 5px;
}
.banner-ov-autoreg .image-banner img {
  width: 80px;
  height: auto;
  max-width: 100%;
}

/*SMALL SCREEN*/
@media all and (max-width: 900px) {
  .banner-ov-autoreg {
    align-items: flex-end;
    padding: 0px 20px;
  }
  .banner-ov-autoreg .content-banner {
    flex-direction: column;
    align-items: flex-start;
  }
  .banner-ov-autoreg .image-banner {
    width: 40%;
  }
  .banner-ov-autoreg .image-banner img {
    width: 100%;
  }
  .banner-ov-autoreg .banner-claim {
    margin-bottom: 24px;
  }
}
/*TABLET*/
@media all and (max-width: 768px) {
  .banner-ov-autoreg .content-banner .banner-claim .title span {
    display: block;
  }
  .banner-ov-autoreg .image-banner {
    width: 50%;
  }
  .banner-ov-autoreg .image-banner img {
    width: 100%;
    margin-left: 0;
  }
  .banner-ov-autoreg .banner-option {
    flex-direction: column;
    align-items: flex-start;
  }
}
.banner-option {
  display: flex;
}

.banner-ov-autoreg .banner-checks {
  font-size: 0.92rem;
  padding-top: 20px;
  color: #012d62;
}
.banner-ov-autoreg .banner-checks label {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}

.text-help.wrong {
  opacity: 1;
  font-size: 0.75rem;
  color: #d0021b;
}

.text-help {
  font-size: 0.813rem;
  font-family: "PT Sans", sans-serif;
}

.text-help-clear {
  font-size: 0.813rem;
  font-family: "PT Sans", sans-serif;
  opacity: 40%;
}

.alertas-consumo-settings .text-help {
  display: inline;
  opacity: 0.6;
  float: left;
  clear: both;
}

::-webkit-datetime-edit-month-field:focus,
::-webkit-datetime-edit-day-field:focus,
::-webkit-datetime-edit-year-field:focus {
  border-bottom: 2px solid #2196f3;
}

.content-agbar .portlet .portlet-content {
  padding: 0 !important;
}

.verificacion .row--step {
  margin-bottom: 31px;
}
.verificacion .row--labels--2 {
  margin-top: 45px;
}
.verificacion .row--block {
  margin-top: 45px;
}

.activacion, .thankyou {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.thankyou {
  justify-content: center;
  height: auto;
  margin: 20px 0;
}
@media (max-width: 500px) {
  .thankyou {
    margin: 0;
  }
}

@media all and (min-width: 600px) {
  .activacion .title {
    margin-top: 73px;
    font-size: 1.8333rem;
    color: #002D63;
    font-weight: 700;
  }
  .activacion p {
    text-align: center;
  }
  .activacion p.ov, .activacion .ql-container p.ql-editor:before, .ql-container .activacion p.ql-editor:before,
  .activacion .ql-container .ql-editor p,
  .ql-container .ql-editor .activacion p {
    margin-top: 18px;
    font-size: 0.92rem;
    max-width: 500px;
  }
  .activacion .email {
    margin-top: 30px;
  }
}
@media all and (max-width: 768px) {
  .activacion .title {
    margin-top: 73px;
    font-size: 1.8333rem;
    color: #002d63;
    font-weight: 700;
  }
  .activacion p {
    text-align: center;
  }
  .activacion p.ov, .activacion .ql-container p.ql-editor:before, .ql-container .activacion p.ql-editor:before,
  .activacion .ql-container .ql-editor p,
  .ql-container .ql-editor .activacion p {
    margin-top: 18px;
    max-width: 200px;
  }
  .activacion .email {
    margin-top: 40px;
  }
}
@media all and (min-width: 600px) {
  .thankyou .title {
    margin-top: 30px;
    font-size: 1.8333rem;
    color: #002D63;
    font-weight: 700;
  }
  .thankyou p {
    text-align: center;
  }
  .thankyou p.ov, .thankyou .ql-container p.ql-editor:before, .ql-container .thankyou p.ql-editor:before,
  .thankyou .ql-container .ql-editor p,
  .ql-container .ql-editor .thankyou p {
    margin-top: 18px;
    max-width: 500px;
  }
  .thankyou .email {
    margin-top: 30px;
  }
}
@media all and (max-width: 768px) {
  .thankyou .title {
    margin-top: 30px;
    font-size: 1.8333rem;
    color: #002d63;
    font-weight: 700;
  }
  .thankyou p {
    text-align: center;
  }
  .thankyou p.ov, .thankyou .ql-container p.ql-editor:before, .ql-container .thankyou p.ql-editor:before,
  .thankyou .ql-container .ql-editor p,
  .ql-container .ql-editor .thankyou p {
    margin-top: 18px;
    max-width: 200px;
  }
  .thankyou .email {
    margin-top: 40px;
  }
}
ul.data-list {
  list-style: none !important;
}

ul.data-list .title, ul.data-list .desc {
  display: block;
}

ul.data-list .title {
  font-weight: bold;
}

ul.data-list .desc {
  margin-bottom: 20px;
}

.divTable {
  display: table;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #03A6BE;
  font-weight: 400;
}

.divTableRow {
  display: table-row;
  background: #FFFFFF;
}

.divTableRow:first-child div {
  border-bottom: 1px solid #03A6BE;
}

.divTableRow:nth-child(2n) {
  background: #E8F7F9;
}

.divTableRow.detail > div:first-child {
  padding-left: 50px;
}

.divTableRow.detail > div {
  color: #05a6be;
}

.divTableRow.total,
.divTableRow.tableHead {
  font-weight: 700;
}

.divTableCell {
  display: table-cell;
  padding: 10px 10px;
  font-family: "PT Sans", sans-serif;
}

.divTableFoot {
  display: table-footer-group;
}

.divTableBody {
  display: table-row-group;
  font-weight: 400;
}

/*Drop zone ficheros*/
.ov-file-drop {
  color: #002d63;
  font-size: 0.92rem;
  font-weight: 700;
  font-family: "PT Sans", sans-serif;
}

.myFile {
  display: none !important;
}

.fileList {
  margin: 8px 0;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

.fileList span {
  color: #002d63;
}

.fileList button {
  border-radius: 11px;
  border: none;
  color: #002d63;
}

.placeholder {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.hide {
  display: none;
}

.file {
  display: flex;
}

.file img {
  margin-right: 6px;
}

.file span {
  margin-left: 6px;
}

.fileImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 32px;
  position: relative;
}
.fileImage .file-type-icon {
  background-image: url("../images/hidrogea/document.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
}
.fileImage .progress {
  width: 90%;
  height: 8px;
  padding: 0;
  margin: 6px 2px 34px 2px;
}
.fileImage .progress .progress-bar {
  min-width: 5px;
}

.fileImage .document {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  border-radius: 8px;
  background-color: #ECECEC;
}

.fileImage img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  object-fit: cover;
}

.fileImage .document img {
  width: 40px;
  height: 50px;
  border-radius: 8px;
  background-color: #ECECEC;
}

.fileImage .document.file-type-image img {
  width: auto;
  height: 100%;
}

.fileImage .name {
  color: #002d63;
  font-size: 0.92rem;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fileImage .delete {
  cursor: pointer;
  color: #D0021B;
  font-family: "PTSans-Bold", sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  margin: 10px 0 20px 0;
}

.invalidFormat {
  background-color: #FCEDEE;
  border-left: 4px solid #D0021B;
}

.invalidFormat .content {
  margin: 17px 25px 0;
}

.invalidFormat .content h3, .invalidFormat .content p {
  color: #3D3D3D;
}

.dragdrop.file-upload-error-message {
  border-left-width: 2px;
  border-left-style: solid;
  color: #3e3e3e;
  background: #FCEDEE;
  border-left-color: #D0021B;
  margin-bottom: 0px;
  overflow: hidden;
  width: auto !important;
  display: none;
}
.dragdrop p {
  margin: 0;
}
.dragdrop .title {
  font-weight: bold;
  padding: 20px 20px 0px 20px;
}
.dragdrop .description {
  padding: 10px 20px 20px 20px;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    height: auto;
    margin-bottom: 20px;
  }
  75% {
    opacity: 1;
    height: auto;
    margin-bottom: 20px;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
/*Drop zone ficheros Contacta*/
.tramite--lecturacontador .ov-file-drop {
  color: #002d63;
  font-size: 0.92rem;
  font-weight: 700;
  font-family: "PT Sans", sans-serif;
}
.tramite--lecturacontador .drop_zone p {
  margin-top: 13px;
  font-size: 0.92rem;
}
.tramite--lecturacontador .myFile {
  display: none !important;
}
.tramite--lecturacontador .fileList {
  margin: 8px 0;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.tramite--lecturacontador .fileList span {
  color: #002d63;
}
.tramite--lecturacontador .fileList button {
  border-radius: 11px;
  border: none;
  color: #002d63;
}
.tramite--lecturacontador .placeholder {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tramite--lecturacontador #fileDeleteBase, .tramite--lecturacontador .hide, .tramite--lecturacontador #fileDeleteDocumentBase {
  display: none;
}
.tramite--lecturacontador .file {
  display: flex;
}
.tramite--lecturacontador .file img {
  margin-right: 6px;
}
.tramite--lecturacontador .file span {
  margin-left: 6px;
}
.tramite--lecturacontador .fileImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 32px;
}
.tramite--lecturacontador .fileImage .document {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  border-radius: 8px;
  background-color: #ECECEC;
}
.tramite--lecturacontador .fileImage .document img {
  width: 40px;
  height: 50px;
  border-radius: 8px;
  background-color: #ECECEC;
}
.tramite--lecturacontador .fileImage img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  object-fit: cover;
}
.tramite--lecturacontador .fileImage .name {
  color: #002d63;
  font-size: 0.92rem;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tramite--lecturacontador .fileImage .delete {
  cursor: pointer;
  color: #D0021B;
  font-family: "PTSans-Bold", sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  margin: 10px 0 20px 0;
}
.tramite--lecturacontador .invalidFormat {
  background-color: #FCEDEE;
  border-left: 4px solid #D0021B;
}
.tramite--lecturacontador .invalidFormat .content {
  margin: 17px 25px 0;
}
.tramite--lecturacontador .invalidFormat .content h3, .tramite--lecturacontador .invalidFormat .content p {
  color: #3D3D3D;
}
.tramite--lecturacontador .dragdrop.wrong {
  animation: fadeOut 4s;
  height: 0;
  margin-bottom: 0px;
  overflow: hidden;
  background: #fcedee;
  border-left: 4px solid #d0021b;
  opacity: 0;
}
.tramite--lecturacontador .dragdrop.wrong.hide {
  display: inherit !important;
}
.tramite--lecturacontador .dragdrop p {
  margin: 0;
}
.tramite--lecturacontador .dragdrop .title {
  font-weight: bold;
  padding: 20px 20px 0px 20px;
}
.tramite--lecturacontador .dragdrop .description {
  padding: 10px 20px 20px 20px;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    height: auto;
    margin-bottom: 20px;
  }
  75% {
    opacity: 1;
    height: auto;
    margin-bottom: 20px;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
.tramite--lecturacontador .modal-header {
  display: none;
}

.tramite--cambio-titular .modal .modal-header {
  border-bottom: 0;
  display: none;
}

.tramite--registro div.ov-container.form-errors-container {
  max-width: 900px !important;
}

.grpd-text {
  margin-bottom: 2em;
}

.tramite--registro {
  margin-left: 1em;
  margin-right: 1em;
}

section.ov-container.registro .tramite-header .title-section h1.ov, section.ov-container.registro .tramite-header .title-section .ql-container h1.ql-editor:before, .ql-container section.ov-container.registro .tramite-header .title-section h1.ql-editor:before {
  margin-bottom: 24px;
}

label.ov-font-bold, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label label.label-text, .ac-tramite label.tramite-font-bold, .ac-tramite .tramite-wrapper label.btn-tramite, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-1, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-2 {
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold !important;
  color: #002d63;
}

label.ov-font-bold a, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label label.label-text a, .ac-tramite label.tramite-font-bold a, .ac-tramite .tramite-wrapper label.btn-tramite a, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-1 a, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-2 a {
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold !important;
  color: #002d63;
}

label.checkbox-inline.ov-text.ov-font-bold, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label label.checkbox-inline.ov-text.label-text, .ac-tramite label.checkbox-inline.ov-text.tramite-font-bold, .ac-tramite .tramite-wrapper label.checkbox-inline.ov-text.btn-tramite, .ac-tramite .tramite-wrapper label.checkbox-inline.ov-text.tramite-subtitle-lv-1, .ac-tramite .tramite-wrapper label.checkbox-inline.ov-text.tramite-subtitle-lv-2 {
  padding-right: 5px;
  line-height: normal;
}

label.ov-font-bold a.ov.strong, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label label.label-text a.ov.strong, .ac-tramite label.tramite-font-bold a.ov.strong, .ac-tramite .tramite-wrapper label.btn-tramite a.ov.strong, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-1 a.ov.strong, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-2 a.ov.strong, label.ov-font-bold .ql-container a.strong.ql-editor:before, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label label.label-text .ql-container a.strong.ql-editor:before, .ac-tramite label.tramite-font-bold .ql-container a.strong.ql-editor:before, .ac-tramite .tramite-wrapper label.btn-tramite .ql-container a.strong.ql-editor:before, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-1 .ql-container a.strong.ql-editor:before, .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-2 .ql-container a.strong.ql-editor:before, .ql-container label.ov-font-bold a.strong.ql-editor:before, .ql-container .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label label.label-text a.strong.ql-editor:before, .ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label .ql-container label.label-text a.strong.ql-editor:before, .ql-container .ac-tramite label.tramite-font-bold a.strong.ql-editor:before, .ql-container .ac-tramite .tramite-wrapper label.btn-tramite a.strong.ql-editor:before, .ql-container .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-1 a.strong.ql-editor:before, .ql-container .ac-tramite .tramite-wrapper label.tramite-subtitle-lv-2 a.strong.ql-editor:before, .ac-tramite .ql-container label.tramite-font-bold a.strong.ql-editor:before, .ac-tramite .ql-container .tramite-wrapper label.btn-tramite a.strong.ql-editor:before, .ac-tramite .tramite-wrapper .ql-container label.btn-tramite a.strong.ql-editor:before, .ac-tramite .ql-container .tramite-wrapper label.tramite-subtitle-lv-1 a.strong.ql-editor:before, .ac-tramite .ql-container .tramite-wrapper label.tramite-subtitle-lv-2 a.strong.ql-editor:before, .ac-tramite .tramite-wrapper .ql-container label.tramite-subtitle-lv-1 a.strong.ql-editor:before, .ac-tramite .tramite-wrapper .ql-container label.tramite-subtitle-lv-2 a.strong.ql-editor:before {
  text-decoration: underline;
  font-size: 0.92rem;
}

.columnas {
  display: flex;
  flex-direction: row;
  height: auto;
}
.columnas .dos-columnas {
  width: 50%;
  height: auto;
  padding-top: 50px;
}
.columnas .dos-columnas .columna1 {
  height: auto;
  background-color: #F3F4F8;
}

@media (max-width: 768px) {
  .columnas {
    flex-direction: column-reverse;
    width: 100%;
  }
  .columnas .dos-columnas {
    width: 100%;
  }
}
.columnas .dos-columnas.columna1 {
  height: auto;
  background-color: #F3F4F8;
}

.columnas .columna1 .contenido-web {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 650px;
  float: right;
}

.columnas .dos-columnas.columna2 {
  max-width: 650px;
  float: left;
  width: 100%;
}

#portlet_ac_activacion_particular .formularios form {
  position: relative;
  float: left;
  margin-top: 0px;
  width: 100%;
}

.seccion-superior-tramites {
  background-color: #f8f8f8;
  padding: 5px 20px 15px;
}

/*Banner Cambio titular*/
.banner-ov-cambiotitular {
  font-family: "PTSans-Regular", sans-serif;
  background-color: #f5f5f5;
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner-ov-cambiotitular:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.banner-ov-cambiotitular .content-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  margin-left: 15px;
}
.banner-ov-cambiotitular .content-banner .banner-claim {
  display: flex;
  flex-direction: column;
}
.banner-ov-cambiotitular .content-banner .banner-claim .title {
  font-size: 1.4167rem;
  font-weight: 700;
  color: #002d63;
  display: block;
  margin-bottom: 10px;
}
.banner-ov-cambiotitular .content-banner .banner-claim .title span {
  font-size: 1em;
  color: #627CA0;
  font-weight: 400;
}
.banner-ov-cambiotitular .content-banner .banner-claim .description {
  color: #002d63;
  display: block;
  font-size: 1rem;
}
.banner-ov-cambiotitular .image-banner {
  z-index: 1;
  display: flex;
  align-content: flex-end;
  margin-top: 5px;
}
.banner-ov-cambiotitular .image-banner img {
  width: 80px;
  height: auto;
  max-width: 100%;
}

/*SMALL SCREEN*/
@media all and (max-width: 900px) {
  .banner-ov-cambiotitular {
    align-items: flex-end;
    padding: 0px 20px;
  }
  .banner-ov-cambiotitular .content-banner {
    flex-direction: column;
    width: 60%;
    align-items: flex-start;
  }
  .banner-ov-cambiotitular .image-banner {
    width: 40%;
  }
  .banner-ov-cambiotitular .image-banner img {
    width: 100%;
  }
  .banner-ov-cambiotitular .banner-claim {
    margin-bottom: 24px;
  }
}
/*TABLET*/
@media all and (max-width: 768px) {
  .banner-ov-cambiotitular .content-banner {
    width: 50%;
  }
  .banner-ov-cambiotitular .content-banner .banner-claim .title span {
    display: block;
  }
  .banner-ov-cambiotitular .image-banner {
    width: 50%;
  }
  .banner-ov-cambiotitular .image-banner img {
    width: 100%;
    margin-left: 0;
  }
  .banner-ov-cambiotitular .banner-option {
    flex-direction: column;
  }
}
.banner-option {
  display: flex;
}

.divTableRow:first-child th {
  border-bottom: 1px solid #03A6BE;
}

.divTableRow.detail > td:first-child {
  padding-left: 50px;
}

.divTableRow.detail > td {
  color: #05a6be;
}

.iti {
  display: block !important;
  font-size: 0.92rem;
}

input[type=tel].ov.telefono, .ql-container input[type=tel].telefono.ql-editor:before, .ov-form-field .field-element input[type=tel].telefono[type]:not([type=submit]):not([type=reset]) {
  font-size: 0.8333rem;
}

.portlet-decorate .portlet-content {
  border-style: none !important;
  border-width: 0px !important;
  padding: 0px !important;
}

.portlet-content {
  padding: 0px !important;
}

.grid-drag-drop .column-left {
  width: 100% !important;
}

/********************************/
.seccion-superior-tramites.mis-gestiones {
  margin-bottom: 66px;
  background-color: #FFF;
}
@media (max-width: 500px) {
  .seccion-superior-tramites.mis-gestiones {
    display: none;
  }
}

.seccion-superior-tramites.mis-gestiones-mobile {
  margin-bottom: 66px;
  background-color: #FFF;
  padding: 0px;
  /*
      // General
      body {
        color: #2c3e50;
        background: #ecf0f1;
        padding: 0 1em 1em;
      }
      h1 {
        margin: 0;
        line-height: 2;
        text-align: center;
      }
      h2 {
        margin: 0 0 .5em;
        font-weight: normal;
      }*/
  /*
      // Layout
      .row {
        display:flex;
        .col {
          flex:1;
          &:last-child {
            margin-left: 1em;
          }
        }
      }
  */
  /* Accordion styles */
}
@media (min-width: 501px) {
  .seccion-superior-tramites.mis-gestiones-mobile {
    display: none;
  }
}
.seccion-superior-tramites.mis-gestiones-mobile .ov-container {
  margin: 0px;
  padding: 0px;
  width: 100% !important;
}
.seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section .seccion-superior.seccion-titulo {
  border: 0;
  padding: 5px 14px 15px 32px;
}
.seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.titulo {
  background-color: #FFF;
  padding: 29px 3px 29px 33px;
  font-size: 1.17rem;
  letter-spacing: 0.96px;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
.seccion-superior-tramites.mis-gestiones-mobile .ov-container .nd-title-section div.subtitulo {
  width: 100%;
  background-color: #f5f5f5;
  padding: 13px 2px 34px 24px;
  border-top: 1px solid #DDDDDD;
  font-family: "PTSans-Bold", sans-serif;
}
.seccion-superior-tramites.mis-gestiones-mobile input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.seccion-superior-tramites.mis-gestiones-mobile .tabs {
  overflow: hidden;
  border-top: solid 1px #D9D9D9;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab {
  width: 100%;
  color: #002D63;
  background-color: #FFF;
  border-bottom: solid 1px #D9D9D9;
  overflow: hidden;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 23px 23px 23px 35px;
  background-color: #FFF;
  cursor: pointer;
  font-size: 1rem;
  font-family: "PTSans-Bold", sans-serif;
  /* Icon */
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-label:hover {
  background: #1a252f;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-close:hover {
  background: #1a252f;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab .tab-content {
  background-color: #F5F5F5;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab ul.subsecciones {
  list-style: none;
  padding: 2px 27px 2px 22px;
  border-top: solid 1px #D9D9D9;
  background-color: #f5f5f5 !important;
  margin-bottom: 0px;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion {
  border-radius: 15px;
  border: solid 1px #DFDFDF;
  margin: 14px 0px;
  background: #fff;
  min-height: 92px;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion:hover {
  border: solid 2px #003775;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.subseccion {
  display: flex;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.icon-subseccion {
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  border-radius: 50%;
  background-color: #F3F9DC;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1.125em 0.875em 1.25em 0.75em;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.icon-subseccion i {
  font-size: 1.75rem;
  color: #6D8F00;
  padding-left: 0px;
  padding-top: 0px;
  font-weight: normal;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.descripcion-subseccion {
  padding: 0.75em 0.125em;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.descripcion-subseccion div.title-tramite {
  font-size: 1rem;
  color: #0E103E;
  font-family: "PTSans-Bold", sans-serif;
  margin-bottom: 8px;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab li.subseccion div.descripcion-subseccion div.description {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 0.92rem;
  color: #909090;
}
.seccion-superior-tramites.mis-gestiones-mobile .tab-label:hover {
  background-color: #fff;
}
.seccion-superior-tramites.mis-gestiones-mobile input:checked + .tab-label {
  background-color: #fff;
}
.seccion-superior-tramites.mis-gestiones-mobile input:checked + .tab-label::after {
  transform: rotate(90deg);
}
.seccion-superior-tramites.mis-gestiones-mobile input:checked + .tab-label:hover {
  background-color: #fff;
}
.seccion-superior-tramites.mis-gestiones-mobile input:checked ~ .tab-content {
  max-height: 100%;
  padding: 0px;
}

#mis-gestiones .tab-content .lista-tramites {
  list-style: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10px 0;
  padding: 0 20px;
}
#mis-gestiones .tab-content .lista-tramites.fade {
  display: none;
}
#mis-gestiones .tab-content .lista-tramites.fade.active {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}
#mis-gestiones .tab-content .lista-tramites li {
  background-color: #fff;
  max-width: 206px;
  width: 100%;
  min-height: 230px;
  border-radius: 8px;
  border: 1px solid #D3D3D6;
  padding: 30px 20px 20px 20px;
  margin: 0.2em;
  display: flex;
  align-items: center;
}
#mis-gestiones .tab-content .lista-tramites li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
#mis-gestiones .tab-content .lista-tramites li a i {
  font-size: 1.75rem;
  color: #6D8F00;
}
#mis-gestiones .tab-content .lista-tramites li a i:before {
  background: #F3F9DC;
  padding: 14px;
  border-radius: 5em;
  min-width: 56px;
  min-height: 56px;
  display: flex;
  justify-content: center;
}
#mis-gestiones .tab-content .lista-tramites li a .title-tramite {
  margin-top: 24px;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 12px;
}
#mis-gestiones .tab-content .lista-tramites li a .description {
  color: #909090;
  font-size: 0.9em;
  text-align: center;
  font-family: "Pt Sans", sans-serif;
}
#mis-gestiones .tab-content .lista-tramites li:hover {
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  border: 2px solid #002d63;
}
@media all and (max-width: 420px) {
  #mis-gestiones .tab-content .lista-tramites {
    flex-direction: column;
    align-items: center;
  }
  #mis-gestiones .tab-content .lista-tramites li {
    margin: 10px 0;
  }
}

@media screen and (max-width: 650px) {
  .tramite-navigation {
    padding-left: 15px !important;
  }
}
ul.listado-localidades {
  list-style: none !important;
  padding-right: 40px;
}
ul.listado-localidades li {
  list-style-type: none;
  border: solid 1px #CFCFCF;
  padding: 10px 15px;
  border-radius: 8px;
  margin-top: 8px;
}
ul.listado-localidades li:hover {
  cursor: pointer;
}

ul.listado-localidades li.selected {
  border: solid 2px #24A148;
  background: url(/o/cxov-theme/images/commons/ok.svg) right no-repeat;
}

.modal-seleccionar-municipios .modal-dialog {
  max-width: 600px;
}
.modal-seleccionar-municipios .modal-header {
  padding: 30px 55px 15px 55px;
  height: auto;
  display: inline-block;
}
.modal-seleccionar-municipios .buttons {
  display: flex;
  margin-top: 30px;
}
.modal-seleccionar-municipios .buttons .btn-primary-ov {
  float: right;
  margin-right: 20px;
}
.modal-seleccionar-municipios .buttons .btn-text-ov {
  text-decoration: underline;
}
.modal-seleccionar-municipios .subtitle-cp {
  font-weight: bold;
}
.modal-seleccionar-municipios .content-modal-body {
  overflow-y: auto;
  max-height: 200px;
}
.modal-seleccionar-municipios .modal-body {
  padding-bottom: 25px;
  border-top: none !important;
}

@media screen and (max-width: 650px) {
  .modal-seleccionar-municipios .modal-body {
    position: initial;
  }
}
.ov-check {
  transform: scale(1.7);
  margin-right: 20px !important;
  accent-color: #013871;
}

.form-data--datos-personales .direccion-correspondencia {
  margin-top: 25px;
}
.form-data--datos-personales .datos-solicitante {
  border-top: 1px solid #979797;
  margin-top: 25px;
}
.form-data--datos-personales label.ov.ov-check, .form-data--datos-personales .ql-container label.ov-check.ql-editor:before, .ql-container .form-data--datos-personales label.ov-check.ql-editor:before {
  display: inline;
  font-weight: bold !important;
}
.form-data--datos-personales .ov-block-check {
  margin-left: 7px;
}

.ac-tramite--domicilio-notificacion select.wrong {
  border-bottom: 2px solid #d0021b !important;
}

.ac-tramite--domiciliacion-bancaria label.ov.ov-check, .ac-tramite--domiciliacion-bancaria .ql-container label.ov-check.ql-editor:before, .ql-container .ac-tramite--domiciliacion-bancaria label.ov-check.ql-editor:before {
  display: inline;
  font-weight: bold !important;
}
.ac-tramite--domiciliacion-bancaria input#toggle_chk1 {
  width: 2em;
}
.ac-tramite--domiciliacion-bancaria input[type=radio] {
  width: 2em;
}

@media (max-width: 767px) {
  .alert.popup-alert-notice, .alert.popup-alert-warning, .alert.taglib-portal-message {
    margin: 0;
  }
}
.modal-info .modal-body.col-md-12.modal-body-no-footer {
  padding-left: 32px;
  padding-right: 32px;
}

.row.row-form.row--subtitle.row--step {
  margin-top: 56px;
}

.tramite--bajasuministro p {
  margin-bottom: 5em;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.tramite--bajasuministro p.ov, .tramite--bajasuministro .ql-container p.ql-editor:before, .ql-container .tramite--bajasuministro p.ql-editor:before,
.tramite--bajasuministro .ql-container .ql-editor p,
.ql-container .ql-editor .tramite--bajasuministro p {
  font-size: 0.92rem;
}

.row.subtitle {
  margin-bottom: 1em;
}

.title-tramite {
  margin-top: 1em;
  margin-bottom: 2em;
}

.notification.wrong p.title {
  padding-left: 1em;
  font-size: 1.0833rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.notification.wrong ul.messages.list {
  font-size: 0.92rem;
}

#BuscadorMunicipio .selector-municipio .select-municipio .selector-form input[type=text] {
  flex: none;
}

#BuscadorMunicipio .selector-municipio .select-municipio .input-group.btn-submit {
  display: block;
}

#BuscadorMunicipio .selector-municipio .select-municipio .btn-submit button.close {
  border-radius: 0px;
}

.bg-danger {
  background: initial !important;
}

.green-authorized-ov {
  background-color: #6D8F00;
}

.orange-authorized-ov {
  background-color: #F49719;
}

.light-green-authorized-ov {
  color: #FFFFFF !important;
  background-color: #6D8F00 !important;
}
@media screen and (max-width: 500px) {
  .light-green-authorized-ov {
    color: #6D8F00 !important;
    background-color: transparent !important;
  }
}

.light-orange-authorized-ov {
  color: #FFFFFF !important;
  background-color: #F49719 !important;
}
@media screen and (max-width: 500px) {
  .light-orange-authorized-ov {
    color: #F49719 !important;
    background-color: transparent !important;
  }
}

.authorized-chip {
  display: flex !important;
  justify-content: center;
  text-align: center;
  padding: 4px 8px !important;
  border-radius: 5em !important;
  font-family: "PT Sans", sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: 80px;
  max-width: 80px;
}
@media screen and (max-width: 500px) {
  .authorized-chip {
    justify-content: flex-start;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 0.92rem;
    min-width: auto;
  }
}

.tooltip-container {
  position: relative;
  display: inline-block;
}
.tooltip-container .element-disabled {
  color: #ACB3BB !important;
  opacity: 0.5;
  cursor: pointer;
  user-select: none;
}
.tooltip-container .element-disabled * {
  color: #ACB3BB !important;
  user-select: none;
  cursor: pointer;
}
.tooltip-container .tooltip {
  font-family: "PT Sans", sans-serif;
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 80%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip-container .tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.container-login .login-show {
  float: right;
  text-decoration: none !important;
}
.container-login .btn-tramite, .container-login .btn-tramite:hover, .container-login .btn-tramite:focus {
  width: 100%;
}
.container-login .btn-text-ov, .container-login .btn-text-ov:hover, .container-login .btn-text-ov:focus {
  width: 100%;
  margin-top: 1em;
}
.container-login .reset {
  text-decoration: underline;
  font-weight: 700;
}
.container-login .registro-cuenta {
  background: #F3F4F8;
  margin-top: 38px;
  height: 209px;
  border-radius: 8px;
  padding: 27px;
}
.container-login .registro-cuenta.form-group-ov.register-without-property-manager {
  height: 165px !important;
}
.container-login p.subtitle-2 {
  color: #002E67;
  font-size: 1.17rem;
  font-weight: bold;
  margin-bottom: 19px;
}
.container-login button.btn-line {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 1.4px;
  color: #002d63;
  background: #F3F4F8;
  border-radius: 5em;
  border: 2px solid #002D63;
  padding: 8px 24px;
  cursor: pointer;
  height: max-content;
  width: 100%;
}
.container-login p.subtitle-3 {
  color: #002E67;
  font-size: 0.92rem;
  font-weight: bold;
  margin-top: 19px;
  margin-bottom: 19px;
}
.container-login p.subtitle-3 .link {
  color: #8DBD0E;
  text-decoration: underline;
}
.container-login .registro-aqui {
  color: #013871;
  font-size: 0.92rem;
  font-weight: bold;
}
.container-login .registro-cuenta {
  text-align: left;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  height: 100%;
}
.container-login .login-wrapper {
  padding-left: 1em;
  padding-right: 2em;
}
.container-login .container-login {
  display: flex;
  justify-content: center;
}
.container-login .formulario {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 70px 20px;
  flex-direction: column;
  width: 90%;
  max-width: 320px;
}

.form-group-ov.ac-tramite.ac-tramite-reset {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
}

.ac-tramite-reset .botones.text-right {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.ac-tramite-reset .notification.ok {
  margin-bottom: 1em;
}
.ac-tramite-reset .notification.ok p {
  margin-top: 1rem;
}

@media all and (max-width: 420px) {
  .ac-tramite-reset .tramite-wrapper {
    padding: 20px;
  }
  .ac-tramite-reset .botones.text-right {
    flex-direction: column;
  }
  .ac-tramite-reset .botones.text-right button {
    margin-bottom: 20px;
    width: 100%;
  }
}
/* NEW LOGIN CSS*/
#login-page {
  display: flex;
}
#login-page .dos-columnas {
  width: 50%;
}
#login-page .dos-columnas.columna1 {
  height: auto;
  background-color: #F3F4F8;
  padding: 32px;
}
#login-page .dos-columnas.columna1 .column-container {
  float: right;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites {
  list-style: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 40px 0;
  padding: 0 20px;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li {
  background-color: #fff;
  max-width: 165px;
  width: 100%;
  min-height: 180px;
  border-radius: 8px;
  border: 1px solid #D3D3D6;
  padding: 20px;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li a i {
  width: 100%;
  font-size: 1.75rem;
  color: #6D8F00;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li a i:before {
  background: rgba(152, 193, 32, 0.19);
  padding: 14px;
  border-radius: 5em;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li a i:before {
  text-decoration: none;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li a .title-tramite {
  margin-top: 24px;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  text-align: center;
}
#login-page .dos-columnas.columna1 .column-container .lista-tramites li:hover {
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.17);
  cursor: pointer;
  border: 2px solid #002d63;
}
@media all and (max-width: 500px) {
  #login-page .dos-columnas.columna1 .column-container .lista-tramites {
    flex-direction: column;
    align-items: center;
  }
  #login-page .dos-columnas.columna1 .column-container .lista-tramites li {
    margin: 10px 0;
  }
}
#login-page .dos-columnas.columna2 .column-container {
  float: left;
}
#login-page .dos-columnas.columna2 .container-login {
  display: flex;
  justify-content: center;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta {
  background: #F3F4F8;
  margin-top: 38px;
  height: 209px;
  border-radius: 8px;
  padding: 27px;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta p.subtitle-2 {
  color: #002E67;
  font-size: 1.17rem;
  font-weight: bold;
  margin-bottom: 19px;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta button.btn-line {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 1.4px;
  color: #002d63;
  background: #F3F4F8;
  border-radius: 5em;
  border: 2px solid #002D63;
  padding: 8px 24px;
  cursor: pointer;
  height: max-content;
  width: 100%;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta button.btn-line a {
  color: inherit;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta button.btn-line a:hover {
  text-decoration: none;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta p.subtitle-3 {
  color: #002E67;
  font-size: 0.92rem;
  font-weight: bold;
  margin-top: 19px;
  margin-bottom: 19px;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta p.subtitle-3 .link {
  color: #8DBD0E;
  text-decoration: underline;
}
#login-page .dos-columnas.columna2 .container-login .registro-cuenta .registro-aqui {
  color: #013871;
  font-size: 0.92rem;
  font-weight: bold;
}
#login-page .dos-columnas.columna2 .formulario {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 70px 20px;
  flex-direction: column;
  width: 90%;
  max-width: 320px;
}
#login-page .dos-columnas .column-container {
  max-width: 650px;
  width: 100%;
}
@media all and (max-width: 500px) {
  #login-page {
    flex-direction: column-reverse;
  }
  #login-page .dos-columnas {
    width: 100%;
  }
}

#p_p_id_CustomLoginPortlet_ .portlet-content {
  padding: 0px;
}

.tipo-contratacion-text {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4167rem;
  color: #002D63;
}

.contractDocs-container h1.tramite-subtitle-lv-1, .contractDocs-container .ac-tramite .tramite-wrapper h1.tramite-subtitle-lv-2, .ac-tramite .tramite-wrapper .contractDocs-container h1.tramite-subtitle-lv-2, .contractDocs-container p.tramite-subtitle-description {
  text-align: center;
}
.contractDocs-container .tramite-subtitle-description {
  margin-top: 27px;
  font-size: 0.92rem;
  color: #002D63;
}
.contractDocs-container .form-data--localizacion-uso {
  padding: 23px 20px 23px 20px;
  background-color: #F8F8F8;
  border-radius: 4px;
}
.contractDocs-container .lista-tramites {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px 0;
  padding: 0;
}
.contractDocs-container .lista-tramites li {
  list-style: none;
  background-color: #fff !important;
  max-width: 204px;
  width: 100%;
  min-height: 153px;
  border-radius: 8px;
  border: 1px solid #D3D3D6;
  padding: 20px;
  position: relative;
  margin-right: 10px;
}
.contractDocs-container .lista-tramites li.selected {
  border: 2px solid #002d63;
}
.contractDocs-container .lista-tramites li:not(.selected) {
  background-color: #ffffff;
}
.contractDocs-container .lista-tramites li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.contractDocs-container .lista-tramites li a i {
  font-size: 1.75rem;
  color: #6D8F00;
}
.contractDocs-container .lista-tramites li a .title-tramite {
  margin-top: 24px;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  text-align: center;
}
.contractDocs-container .lista-tramites li a .subtitle-tramite {
  color: #ADB4BC;
  font-size: 0.75rem;
  text-align: center;
}
.contractDocs-container .required-documentation-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: flex-end;
  margin-top: 25px;
}
.contractDocs-container .required-documentation-container h2 {
  font-size: 1.5rem;
  color: #002D63;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
.contractDocs-container .required-documentation-container .subtitle {
  color: #002D63;
  font-size: 1rem;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
  margin-top: 11px;
}
.contractDocs-container .required-documentation-container .text {
  color: #0E103E;
  font-size: 0.92rem;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
}
.contractDocs-container .required-documentation-container ul {
  list-style: none;
  padding: 0;
  margin-top: 26px;
}
.contractDocs-container .required-documentation-container ul li {
  display: flex;
  align-items: baseline;
}
.contractDocs-container .required-documentation-container ul li i {
  margin-right: 8px;
  color: #6D8F00;
}
.contractDocs-container .lista-tramites li.selected:after {
  content: "\f00c";
  font-family: "fontawesome-alloy", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  margin: 10px;
  color: #FFFFFF;
  background-color: #203564;
  border-radius: 50%;
}
@media all and (max-width: 900px) {
  .contractDocs-container .lista-tramites {
    padding: 0;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
  .contractDocs-container .lista-tramites li {
    margin-top: 12px;
  }
  .contractDocs-container .form-data--localizacion-uso h2 {
    margin-left: 20px;
  }
}
.contractDocs-container .icon-altasuministro {
  background-image: url(/o/cxov-theme/images/hidrogea/alta_suministro.svg) !important;
  width: 56px;
  height: 56px;
  background-size: cover;
}
.contractDocs-container .icon-solicitudacometida {
  background-image: url(/o/cxov-theme/images/hidrogea/solicitud_acometida.svg) !important;
  width: 56px;
  height: 56px;
  background-size: cover;
}
.contractDocs-container .icon-cambiotitular {
  background-image: url(/o/cxov-theme/images/hidrogea/cambio_titular.svg) !important;
  width: 56px;
  height: 56px;
  background-size: cover;
}
.contractDocs-container .empty-state-docs {
  background-image: url(/o/cxov-theme/images/hidrogea/empty_docs.svg);
  width: 105px;
  height: 133px;
  background-repeat: no-repeat;
}
.contractDocs-container .no-docs-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contractDocs-container .no-docs-container .empty-state-docs {
  margin-top: 32px;
}
.contractDocs-container .no-docs-container p.ov, .contractDocs-container .no-docs-container .ql-container p.ql-editor:before, .ql-container .contractDocs-container .no-docs-container p.ql-editor:before,
.contractDocs-container .no-docs-container .ql-container .ql-editor p,
.ql-container .ql-editor .contractDocs-container .no-docs-container p {
  margin-top: 25px;
}

#BuscadorMunicipioPopup .selector-municipio .select-municipio {
  font-family: "PTSans-Regular";
  font-size: 1.0833rem;
  text-align: center;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio h1 {
  font-family: "PTSans-Regular";
  font-size: 2.1667rem;
  margin-top: 0;
  margin-bottom: 40px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio form {
  margin-top: 50px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .municipios-list {
  margin-top: 75px;
  overflow-y: scroll;
  max-height: 275px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .municipios-list p {
  margin-bottom: 0;
  font-weight: bold;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language {
  margin: 0 auto 60px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language > label {
  background-color: #4c78b2;
  color: white;
  padding: 5px 30px;
  border-right: 1px solid white;
  height: auto;
  width: auto;
  margin: 0;
  display: block;
  float: left;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language > label:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-left: 20px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language input[type=radio]:first-child + label {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-right: 20px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language input[type=radio] + label:before, #BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language input[type=radio] + label:after {
  content: none;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language input[type=radio]:checked + label {
  background-color: #C3D4EB;
  color: #222;
  font-family: "PTSans-Bold";
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .icon-position {
  width: 15px;
  height: 20px;
  display: inline-block;
  background: #999 url("/o/classic-theme/images/hidrogea/icon-position-avisos.png") no-repeat center !important;
  background-size: contain;
  padding: 0 10px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .help-block {
  display: table-footer-group;
  text-align: left;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-form {
  margin-bottom: 50px;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-form input[type=text] {
  height: 45px;
  font-size: 1.17rem;
  border: 0 solid #ccc;
  border-radius: 0;
  border-bottom-width: 1px;
  box-shadow: none;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-form .input-group-btn {
  border-radius: 0;
  border: none;
  background-color: #999;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-form .input-group-btn .btn {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  font-weight: 800;
  box-shadow: none;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .btn-submit {
  width: 100%;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .btn-submit .input-group-btn {
  background: none;
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .btn-submit button {
  background-color: #97BA3C;
  padding: 10px 50px;
  border-radius: 25px;
  text-transform: uppercase;
  font-family: "PTSans-Bold";
  font-size: 1.17rem;
  z-index: auto;
}
@media only screen and (max-width: 767px) {
  #BuscadorMunicipioPopup .selector-municipio .select-municipio h1 {
    font-size: 1.6667rem;
    margin-bottom: 20px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio p {
    line-height: normal;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio form {
    margin-top: 20px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language {
    margin-bottom: 40px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-form {
    margin-bottom: 30px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio .btn-submit button {
    font-size: 1rem;
  }
}
#BuscadorMunicipioPopup .selector-municipio .modal {
  display: none;
}
@media (max-width: 400px) {
  #BuscadorMunicipioPopup .selector-municipio .modal-body {
    padding: 10px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio {
    margin: auto -15px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language > label {
    padding: 5px 15px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language > label:last-child {
    padding-left: 10px;
  }
  #BuscadorMunicipioPopup .selector-municipio .select-municipio .selector-language input[type=radio]:first-child + label {
    padding-right: 10px;
  }
}
#BuscadorMunicipioPopup .selector-municipio .row {
  justify-content: center;
}
#BuscadorMunicipioPopup .selector-municipio .selector-form input[type=text] {
  height: 45px;
  font-size: 1.17rem;
  border: 0 solid #ccc;
  border-radius: 0;
  border-bottom-width: 1px;
  box-shadow: none;
}
#BuscadorMunicipioPopup #select-municipio .input-group-sm > .form-control, #BuscadorMunicipioPopup #select-municipio .input-group-sm > .input-group-addon, #BuscadorMunicipioPopup #select-municipio .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 3px;
}
#BuscadorMunicipioPopup #select-municipio select.input-group-sm > .form-control, #BuscadorMunicipioPopup #select-municipio select.input-group-sm > .input-group-addon, #BuscadorMunicipioPopup #select-municipio select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
#BuscadorMunicipioPopup #select-municipio select[multiple].input-group-sm > .form-control, #BuscadorMunicipioPopup #select-municipio select[multiple].input-group-sm > .input-group-addon, #BuscadorMunicipioPopup #select-municipio select[multiple].input-group-sm > .input-group-btn > .btn, #BuscadorMunicipioPopup #select-municipio textarea.input-group-sm > .form-control, #BuscadorMunicipioPopup #select-municipio textarea.input-group-sm > .input-group-addon, #BuscadorMunicipioPopup #select-municipio textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
#BuscadorMunicipioPopup #select-municipio .input-group .form-control, #BuscadorMunicipioPopup #select-municipio .input-group-addon, #BuscadorMunicipioPopup #select-municipio .input-group-btn {
  display: table-cell;
}
#BuscadorMunicipioPopup #select-municipio .input-group .form-control:not(:first-child):not(:last-child), #BuscadorMunicipioPopup #select-municipio .input-group-addon:not(:first-child):not(:last-child), #BuscadorMunicipioPopup #select-municipio .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon, #BuscadorMunicipioPopup #select-municipio .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon {
  padding: 6px 12px;
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 0.75rem;
  border-radius: 3px;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 1.17rem;
  border-radius: 6px;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon input[type=checkbox], #BuscadorMunicipioPopup #select-municipio .input-group-addon input[type=radio] {
  margin-top: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group .form-control:first-child, #BuscadorMunicipioPopup #select-municipio .input-group-addon:first-child, #BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .btn-group > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .dropdown-toggle, #BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon:first-child {
  border-right: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group .form-control:last-child, #BuscadorMunicipioPopup #select-municipio .input-group-addon:last-child, #BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .btn:not(:first-child), #BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .btn-group > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group-addon:last-child {
  border-left: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
#BuscadorMunicipioPopup #select-municipio .input-group-btn > .btn {
  position: relative;
}
#BuscadorMunicipioPopup #select-municipio .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
#BuscadorMunicipioPopup #select-municipio .input-group-btn > .btn:active, #BuscadorMunicipioPopup #select-municipio .input-group-btn > .btn:focus, #BuscadorMunicipioPopup #select-municipio .input-group-btn > .btn:hover {
  z-index: 2;
}
#BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
#BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .btn, #BuscadorMunicipioPopup #select-municipio .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
#BuscadorMunicipioPopup #select-municipio .btn-group, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn, #BuscadorMunicipioPopup #select-municipio .btn-group > .btn {
  position: relative;
  float: left;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn.active, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn:active, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn:focus, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn:hover, #BuscadorMunicipioPopup #select-municipio .btn-group > .btn.active, #BuscadorMunicipioPopup #select-municipio .btn-group > .btn:active, #BuscadorMunicipioPopup #select-municipio .btn-group > .btn:focus, #BuscadorMunicipioPopup #select-municipio .btn-group > .btn:hover {
  z-index: 2;
}
#BuscadorMunicipioPopup #select-municipio .btn-group .btn + .btn, #BuscadorMunicipioPopup #select-municipio .btn-group .btn + .btn-group, #BuscadorMunicipioPopup #select-municipio .btn-group .btn-group + .btn, #BuscadorMunicipioPopup #select-municipio .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
#BuscadorMunicipioPopup #select-municipio .btn-toolbar {
  margin-left: -5px;
}
#BuscadorMunicipioPopup #select-municipio .btn-toolbar .btn, #BuscadorMunicipioPopup #select-municipio .btn-toolbar .btn-group, #BuscadorMunicipioPopup #select-municipio .btn-toolbar .input-group {
  float: left;
}
#BuscadorMunicipioPopup #select-municipio .btn-toolbar > .btn, #BuscadorMunicipioPopup #select-municipio .btn-toolbar > .btn-group, #BuscadorMunicipioPopup #select-municipio .btn-toolbar > .input-group {
  margin-left: 5px;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn:first-child {
  margin-left: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn:last-child:not(:first-child), #BuscadorMunicipioPopup #select-municipio .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn-group {
  float: left;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, #BuscadorMunicipioPopup #select-municipio .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group .dropdown-toggle:active, #BuscadorMunicipioPopup #select-municipio .btn-group.open .dropdown-toggle {
  outline: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
#BuscadorMunicipioPopup #select-municipio .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
#BuscadorMunicipioPopup #select-municipio .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#BuscadorMunicipioPopup #select-municipio .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#BuscadorMunicipioPopup #select-municipio .btn .caret {
  margin-left: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
#BuscadorMunicipioPopup #select-municipio .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group > .btn {
  float: none;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn + .btn, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn + .btn-group, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group + .btn, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, #BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-justified > .btn, #BuscadorMunicipioPopup #select-municipio .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-justified > .btn-group .btn {
  width: 100%;
}
#BuscadorMunicipioPopup #select-municipio .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
#BuscadorMunicipioPopup #select-municipio [data-toggle=buttons] > .btn input[type=checkbox], #BuscadorMunicipioPopup #select-municipio [data-toggle=buttons] > .btn input[type=radio], #BuscadorMunicipioPopup #select-municipio [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], #BuscadorMunicipioPopup #select-municipio [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
#BuscadorMunicipioPopup #select-municipio .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#BuscadorMunicipioPopup #select-municipio .input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
#BuscadorMunicipioPopup #select-municipio .input-group .form-control:focus {
  z-index: 3;
}
#BuscadorMunicipioPopup #select-municipio .input-group-lg > .form-control, #BuscadorMunicipioPopup #select-municipio .input-group-lg > .input-group-addon, #BuscadorMunicipioPopup #select-municipio .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 1.17rem;
  line-height: 1.3333333;
  border-radius: 6px;
}
#BuscadorMunicipioPopup .modal-full-screen {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
@media (min-width: 768px) {
  #BuscadorMunicipioPopup .modal-full-screen {
    bottom: 45px;
    left: 45px;
    right: 45px;
    top: 45px;
  }
  #BuscadorMunicipioPopup .modal-full-screen .modal-content {
    border-radius: 6px;
    border-width: 1px;
  }
}
#BuscadorMunicipioPopup .selector-municipio .select-municipio .icon-position {
  width: 15px;
  height: 20px;
  display: inline-block;
  background: #999 url("/o/classic-theme/images/hidrogea/icon-position-avisos.png") no-repeat center !important;
  background-size: contain;
  padding: 0 10px;
}

.green-theme #BuscadorMunicipioPopup .generic-content .btn.btn-primary {
  background-color: #97BA3C;
  font-family: "PTSans-Bold";
  font-size: 1.17rem;
  color: #013871;
  text-decoration: none;
  border-radius: 30px !important;
  border: 0;
  display: inline-block;
}

.blue-theme #BuscadorMunicipioPopup .generic-content .btn.btn-primary {
  background-color: #013871;
  font-family: "PTSans-Bold";
  font-size: 1.17rem;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 30px !important;
  border: 0;
  display: inline-block;
}

@font-face {
  font-family: "PTSans-Regular", sans-serif;
  src: url("./fonts/PTSans-Regular.eot");
  src: url("./fonts/PTSans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/PTSans-Regular.woff2") format("woff2"), url("./fonts/PTSans-Regular.woff") format("woff"), url("./fonts/PTSans-Regular.ttf") format("truetype"), url("./fonts/PTSans-Regular.svg#PTSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PTSans-Italic";
  src: url("./fonts/PTSans-Italic.eot");
  src: url("./fonts/PTSans-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/PTSans-Italic.woff2") format("woff2"), url("./fonts/PTSans-Italic.woff") format("woff"), url("./fonts/PTSans-Italic.ttf") format("truetype"), url("./fonts/PTSans-Italic.svg#PTSans-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "PT Sans", sans-serif;
  src: url("./fonts/PTSans-Bold.eot");
  src: url("./fonts/PTSans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/PTSans-Bold.woff2") format("woff2"), url("./fonts/PTSans-Bold.woff") format("woff"), url("./fonts/PTSans-Bold.ttf") format("truetype"), url("./fonts/PTSans-Bold.svg#PTSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PTSans-BoldItalic";
  src: url("./fonts/PTSans-BoldItalic.eot");
  src: url("./fonts/PTSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/PTSans-BoldItalic.woff2") format("woff2"), url("./fonts/PTSans-BoldItalic.woff") format("woff"), url("./fonts/PTSans-BoldItalic.ttf") format("truetype"), url("./fonts/PTSans-BoldItalic.svg#PTSans-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-Italic";
  src: url("./fonts/OpenSans-Italic.eot");
  src: url("./fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Italic.woff2") format("woff2"), url("./fonts/OpenSans-Italic.woff") format("woff"), url("./fonts/OpenSans-Italic.ttf") format("truetype"), url("./fonts/OpenSans-Italic.svg#OpenSans-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-ExtraBold", sans-serif;
  src: url("./fonts/OpenSans-ExtraBold.eot");
  src: url("./fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("./fonts/OpenSans-ExtraBold.woff") format("woff"), url("./fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("./fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-ExtraBoldItalic";
  src: url("./fonts/OpenSans-ExtraBoldItalic.eot");
  src: url("./fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("./fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("./fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("./fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-Regular", sans-serif;
  src: url("./fonts/OpenSans-Regular.eot");
  src: url("./fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Regular.woff2") format("woff2"), url("./fonts/OpenSans-Regular.woff") format("woff"), url("./fonts/OpenSans-Regular.ttf") format("truetype"), url("./fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Light", sans-serif;
  src: url("./fonts/OpenSans-Light.eot");
  src: url("./fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Light.woff2") format("woff2"), url("./fonts/OpenSans-Light.woff") format("woff"), url("./fonts/OpenSans-Light.ttf") format("truetype"), url("./fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-LightItalic";
  src: url("./fonts/OpenSans-LightItalic.eot");
  src: url("./fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-LightItalic.woff2") format("woff2"), url("./fonts/OpenSans-LightItalic.woff") format("woff"), url("./fonts/OpenSans-LightItalic.ttf") format("truetype"), url("./fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-SemiBold", sans-serif;
  src: url("./fonts/OpenSans-SemiBold.eot");
  src: url("./fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-SemiBold.woff2") format("woff2"), url("./fonts/OpenSans-SemiBold.woff") format("woff"), url("./fonts/OpenSans-SemiBold.ttf") format("truetype"), url("./fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Italic";
  src: url("./fonts/OpenSans-BoldItalic.eot");
  src: url("./fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("./fonts/OpenSans-BoldItalic.woff") format("woff"), url("./fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("./fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-BoldItalic";
  src: url("./fonts/OpenSans-SemiBoldItalic.eot");
  src: url("./fonts/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("./fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("./fonts/OpenSans-SemiBoldItalic.ttf") format("truetype"), url("./fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-Bold", sans-serif;
  src: url("./fonts/OpenSans-Bold.eot");
  src: url("./fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Bold.woff2") format("woff2"), url("./fonts/OpenSans-Bold.woff") format("woff"), url("./fonts/OpenSans-Bold.ttf") format("truetype"), url("./fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("./fonts/icomoon.eot?ntk1ud");
  src: url("./fonts/icomoon.eot?ntk1ud#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?ntk1ud") format("truetype"), url("./fonts/icomoon.woff?ntk1ud") format("woff"), url("./fonts/icomoon.svg?ntk1ud#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 15, 2018 */
@font-face {
  font-family: "OpenSansBold";
  src: url("./fonts/OpenSans-Bold.eot");
  src: url("./fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Bold.woff") format("woff"), url("./fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansLight";
  src: url("./fonts/OpenSans-Light.eot");
  src: url("./fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Light.woff") format("woff"), url("./fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansRegular";
  src: url("./fonts/OpenSans-Regular.eot");
  src: url("./fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Regular.woff") format("woff"), url("./fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansSemibold";
  src: url("./fonts/OpenSans-SemiBold.eot");
  src: url("./fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-SemiBold.woff") format("woff"), url("./fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PTSans-Regular";
  src: url("./fonts/PTSans-Regular.eot");
  src: url("./fonts/PTSans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/PTSans-Regular.woff2") format("woff2"), url("./fonts/PTSans-Regular.woff") format("woff"), url("./fonts/PTSans-Regular.ttf") format("truetype"), url("./fonts/PTSans-Regular.svg#PTSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PTSans-Bold";
  src: url("./fonts/PTSans-Bold.eot");
  src: url("./fonts/PTSans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/PTSans-Bold.woff2") format("woff2"), url("./fonts/PTSans-Bold.woff") format("woff"), url("./fonts/PTSans-Bold.ttf") format("truetype"), url("./fonts/PTSans-Bold.svg#PTSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/*Esta fuente se usa para los iconos del menu de navegacion de la parte publica*/
@font-face {
  font-family: "agbarIcons";
  src: url("fonts/agbarIcons.eot?ox6m0m");
  src: url("fonts/agbarIcons.eot?ox6m0m#iefix") format("embedded-opentype"), url("fonts/agbarIcons.ttf?ox6m0m") format("truetype"), url("fonts/agbarIcons.woff?ox6m0m") format("woff"), url("fonts/agbarIcons.svg?ox6m0m#agbarIcons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* fonts */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

.portlet-borderless .portlet-content {
  padding: 0;
  border-width: 0;
}
.portlet-borderless .portlet-title-text {
  display: none;
}

#footer {
  color: white;
  overflow: hidden;
  font-family: "PT Sans", sans-serif;
  position: relative;
  width: 100%;
}
#footer a {
  color: white;
  text-decoration: underline;
  display: inline-block;
}
#footer ul li {
  display: inline-block;
}
#footer #footer-top {
  padding: 1em 0;
  position: relative;
  margin-top: 100px;
  min-height: 85px;
  background-color: #013871;
}
#footer #footer-top:before {
  content: "";
  width: 130%;
  height: 250%;
  top: -25px;
  left: -25%;
  position: absolute;
  background-color: #013871;
  z-index: -1;
  transform: rotate(3deg);
  transform-origin: center;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-top .etiqueta {
    margin-right: 2em;
  }
}
#footer #footer-top > .ov-container {
  position: relative;
}
#footer #footer-top .links-external {
  float: left;
  text-align: center;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-top .links-external li {
    margin-right: 1.5em;
  }
}
#footer #footer-top .links-external a {
  padding: 5px 17px 5px 0;
  position: relative;
  text-decoration: none;
}
#footer #footer-top .redes-sociales {
  margin-bottom: 1em;
}
#footer #footer-top .apps {
  margin-bottom: 1em;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-top .apps {
    text-align: right;
    width: 100%;
  }
}
#footer #footer-top .apps a {
  text-decoration: none;
}
@media screen and (min-width: 900px) {
  #footer #footer-top .apps {
    position: absolute;
    right: 0;
    margin-bottom: 0;
    z-index: 1;
    width: auto;
  }
}
#footer #footer-top .redes-sociales ul,
#footer #footer-top .apps ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-top .redes-sociales ul li,
  #footer #footer-top .apps ul li {
    margin-bottom: 1em;
    display: inline-block;
  }
  #footer #footer-top .redes-sociales ul img,
  #footer #footer-top .apps ul img {
    max-height: 54px;
    margin-right: 1em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 768px) {
  #footer #footer-top .redes-sociales ul,
  #footer #footer-top .apps ul,
  #footer #footer-top .links-external li,
  #footer #footer-top .etiqueta {
    display: block;
    text-align: center;
  }
  #footer #footer-top .links-external {
    float: none;
  }
  #footer #footer-top .links-external li {
    margin-bottom: 10px;
  }
  #footer #footer-top .redes-sociales,
  #footer #footer-top .apps {
    margin-bottom: 1.5em;
  }
  #footer #footer-top .etiqueta {
    margin-bottom: 1.2em;
  }
  #footer #footer-top .apps ul {
    list-style: none;
  }
  #footer #footer-top .apps li {
    margin-bottom: 1em;
  }
  #footer #footer-top .apps img {
    max-height: 60px;
  }
}
#footer #footer-bottom {
  background-color: #022e5f;
  padding: 1px 0 33px 0;
}
#footer #footer-bottom .links-footer {
  margin-top: 1em;
  text-align: inherit;
}
#footer #footer-bottom .links-footer ul {
  padding-left: 0;
  margin-bottom: 2em;
}
#footer #footer-bottom .links-footer li {
  margin-right: 1em;
}
#footer #footer-bottom .links-footer li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #footer #footer-bottom .links-footer {
    margin-top: inherit;
    margin-bottom: 1em;
  }
  #footer #footer-bottom .links-footer ul {
    text-align: center;
  }
  #footer #footer-bottom .links-footer ul li {
    display: block;
    margin-bottom: 10px;
  }
  #footer #footer-bottom .links-footer .icons-footer {
    text-align: center;
  }
  #footer #footer-bottom .links-footer .icons-footer li {
    margin-left: 5px;
    margin-bottom: 10px;
  }
  #footer #footer-bottom .links-footer .icons-footer li:first-child {
    margin-left: 0;
  }
}
#footer #footer-bottom .icons-footer {
  text-align: right;
}
#footer #footer-bottom .icons-footer ul {
  padding: 0;
  margin: 0;
}
#footer #footer-bottom .icons-footer li {
  margin-left: 10px;
}
#footer #footer-logos {
  position: relative;
  margin-top: 0px;
  min-height: 85px;
  background-color: #FFFFFF;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-logos .etiqueta {
    margin-right: 2em;
  }
}
#footer #footer-logos > .ov-container {
  position: relative;
}
#footer #footer-logos .apps {
  margin-bottom: 1em;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-logos .apps {
    text-align: center;
    width: 100%;
  }
}
#footer #footer-logos .apps a {
  text-decoration: none;
}
@media screen and (min-width: 900px) {
  #footer #footer-logos .apps {
    margin-bottom: 1px;
    z-index: 1;
  }
}
#footer #footer-logos .apps ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  #footer #footer-logos .apps ul li {
    margin-bottom: 1em;
    display: inline-block;
  }
  #footer #footer-logos .apps ul img {
    max-height: 54px;
    margin-right: 1em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 768px) {
  #footer #footer-logos .apps ul {
    display: block;
    text-align: center;
  }
  #footer #footer-logos .apps {
    margin-bottom: 1.5em;
  }
  #footer #footer-logos .apps ul {
    list-style: none;
  }
  #footer #footer-logos .apps li {
    margin-bottom: 1em;
  }
  #footer #footer-logos .apps img {
    max-height: 60px;
  }
}

.ov-tooltip {
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.ov-tooltip .ov-tooltip-icon {
  margin-right: 10px;
}
.ov-tooltip .question-icon:before {
  display: inline-block;
  transform: scale(0.8);
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e085";
}

.ov-tooltip-icon:hover + .ov-tooltip-text,
.ov-tooltip-trigger:hover + .ov-tooltip-text {
  display: block;
}

.ov-tooltip-text {
  padding: 8px;
  position: absolute;
  max-width: 215px;
  margin-left: 25px;
  margin-bottom: 8px;
  text-align: justify;
  background-color: #3a3a3a;
  color: #b4b4b4;
  font-size: 0.75rem;
  display: none;
}
.ov-tooltip-text.ov-tooltip-bottom {
  bottom: 50px;
  margin: 0;
}
.ov-tooltip-text:not(.ov-tooltip-bottom):not(.tooltip-arrow-right):before {
  content: "";
  position: absolute;
  bottom: 36%;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  background-color: #3a3a3a;
  left: 0;
  margin-left: -3px;
}
.ov-tooltip-text.tooltip-arrow-right {
  margin-right: 70px;
}
.ov-tooltip-text.tooltip-arrow-right:after {
  content: "";
  position: absolute;
  bottom: 36%;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  background-color: #3a3a3a;
  right: 0;
  margin-right: -3px;
}

@keyframes show-in-panel {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 1;
    max-height: 100%;
  }
}
@keyframes show-out-panel {
  0% {
    opacity: 1;
    max-height: 100%;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
.list-management {
  margin-top: 80px;
}
.list-management .panel-management {
  width: 50%;
  float: left;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .list-management .panel-management {
    width: 33.3333%;
  }
}
@media screen and (min-width: 900px) {
  .list-management .panel-management {
    width: 16.6666%;
  }
}
.list-management .panel-management.panel-movible {
  opacity: 0;
  width: 100%;
  clear: both;
  max-height: 0;
  animation: show-out-panel 0.3s ease-in-out;
}
.list-management .panel-management.panel-movible.inserted {
  opacity: 1;
  max-height: 100%;
  animation: show-in-panel 0.4s ease-in-out;
}
.list-management .panel-management.panel-movible.inserted > .panel-management-content.initialized, .list-management .panel-management.panel-movible.inserted .panel-management.panel-movible.inserted .panel-management .panel-management-content.initialized {
  max-height: 100%;
}
.list-management .panel-management.panel-movible > .panel-management-content {
  border-top: 1px solid #DCDCDC;
}
.list-management .panel-management.panel-movible > .panel-management-content .panel-management-content {
  border-top: 0;
  background-color: #f3f3f3;
}
.list-management .group-panel-management {
  overflow: hidden;
}
.list-management .panel-management-content {
  overflow: hidden;
  max-height: 0;
  position: relative;
}
.list-management .btn-secciones {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #747474;
  width: 100%;
  text-align: center;
  display: inline-block;
  padding-bottom: 60px;
  height: 225px;
  transition: 0.4s;
}
.list-management .btn-secciones img {
  max-height: 120px;
  min-height: 76px;
  margin-bottom: 20px;
  transition: 0.4s ease-in-out;
}
.list-management .btn-secciones img.hover-active {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list-management .btn-secciones span {
  display: block;
}
.list-management .btn-secciones.btnNivelOne.active {
  border-bottom: 3px solid #97BA3C;
}
.list-management .btn-secciones.btnNivelOne:hover img.hover-inactive, .list-management .btn-secciones.btnNivelOne:focus img.hover-inactive, .list-management .btn-secciones.btnNivelOne.active img.hover-inactive {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list-management .btn-secciones.btnNivelOne:hover img.hover-active, .list-management .btn-secciones.btnNivelOne:focus img.hover-active, .list-management .btn-secciones.btnNivelOne.active img.hover-active {
  opacity: 1;
  visibility: visible;
  position: inherit;
  clip: inherit;
}
.list-management .btn-secciones.btnNivelSecond {
  padding-top: 90px;
  height: 245px;
}
.list-management .btn-secciones.btnNivelSecond:hover, .list-management .btn-secciones.btnNivelSecond:focus, .list-management .btn-secciones.btnNivelSecond.active {
  background-color: #f3f3f3;
}
.list-management .item-management-content {
  margin-top: 50px;
  clear: both;
}
.list-management .item-management-content h4 {
  font-size: 1.6667rem;
  margin-bottom: 30px;
}
.list-management .close {
  width: 40px;
  height: 40px;
  font-size: 0;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("/o/classic-theme/images/hidrogea/icon-close-avisos.png");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  z-index: 1;
  box-shadow: none;
}
.list-management .close:hover {
  opacity: 1;
}
.list-management .box {
  padding-top: 55px;
  padding-bottom: 10px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .list-management .box {
    padding-bottom: 40px;
  }
}
.list-management .box h4 {
  font-family: "PTSans-Regular", sans-serif;
  font-size: 1.6667rem;
  text-align: center;
}
.list-management .box .botones {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 35px;
}
.list-management .box .botones .btn {
  background-color: #97BA3C;
  background-position: 30px center;
  background-repeat: no-repeat;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding-left: 55px;
  padding-right: 35px;
  border: 0;
  border-radius: 30px;
  text-decoration: none;
  width: 100%;
  margin: 0 0 20px;
  box-shadow: 0 5px 10px -5px #333;
}
.list-management .box .botones .btn:last-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .list-management .box .botones .btn {
    width: auto;
    margin-right: 18px;
    margin-bottom: 0;
  }
}
.list-management .box .ico-desbloqueado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-desbloqueado.png");
}
.list-management .box .ico-bloqueado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-bloqueado.png");
}
.list-management .box .group-faqs {
  margin-bottom: 0;
}
.list-management .box .group-faqs .faq {
  padding-bottom: 0;
}
.list-management .box .group-faqs .faq .question {
  background-color: #E5E9EF;
  margin-bottom: 0 !important;
}
.list-management .box .group-faqs .faq.active .question, .list-management .box .group-faqs .faq.active .answer {
  background-color: #EEEFF2;
}

.iti {
  position: relative;
  display: block !important;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 40px;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/o/classic-theme/images/intlTelInput/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/o/classic-theme/images/intlTelInput/flags@2x.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

.tramite-descarga-masiva {
  margin-bottom: 45px;
  /*.listado-contratos{*/
}
.tramite-descarga-masiva .seccion-superior-tramites {
  border-bottom: 1px solid #D6DAE3;
}
.tramite-descarga-masiva .step-items .step-item.step-done .step-label {
  color: #003874 !important;
}
.tramite-descarga-masiva .error-message {
  color: #d0021b;
  display: none;
  font-size: 0.75rem;
}
.tramite-descarga-masiva .descarga-masiva .table-list .table-thead-list {
  border-bottom: 2px solid #ABABAB;
  background-color: rgba(1, 56, 113, 0.04);
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.tramite-descarga-masiva .descarga-masiva .table-list .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
  color: #666;
}
.tramite-descarga-masiva .descarga-masiva .table-list .table-tr-list {
  border-bottom: 1px solid #ddd;
  padding: 12px 5px;
}
.tramite-descarga-masiva .descarga-masiva .table-list .table-tr-list:after {
  clear: both;
  display: table;
  content: " ";
}
.tramite-descarga-masiva .descarga-masiva .table-list .table-th-list,
.tramite-descarga-masiva .descarga-masiva .table-list .table-td-list {
  float: left;
  min-height: 10px;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .tab-pane {
    padding: 0;
  }
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills {
  margin: 20px -15px 40px;
  padding: 0;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li {
  float: left;
  width: 50%;
  padding: 0 6px;
  margin: 0;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li:first-of-type {
  padding-left: 0;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li:last-of-type {
  padding-right: 0;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li a {
  color: #747474;
  border-bottom: 2px solid #b2b2b2;
  border-radius: 0;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.17rem;
  padding: 10px 0;
  text-decoration: none;
  text-align: center;
  background: none;
  transition: 0.4s;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li a:hover {
  background: #f5f6fa;
  color: #022e5f;
  border-bottom: 2px solid #022e5f;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li.active a {
  background: #f5f6fa;
  color: #022e5f;
  border-bottom: 2px solid #022e5f;
}
.tramite-descarga-masiva .descarga-masiva ul.nav.nav-pills li.descarga-factura {
  width: 100%;
}
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-nombre-descarga,
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fichero,
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fecha {
  width: 33.3333%;
}
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .table-th-list,
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .table-td-list {
  text-align: center;
}
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fichero {
  font-family: "OpenSans-Regular", sans-serif;
}
.tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fichero a {
  color: #013871;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .table-thead-list {
    display: none;
  }
  .tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-nombre-descarga,
  .tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fichero,
  .tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fecha {
    width: 100%;
    float: none;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
  }
  .tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-nombre-descarga:before,
  .tramite-descarga-masiva .descarga-masiva .listado-descargas-solicitadas .table-list .cell-fichero:before {
    content: attr(data-label) ": ";
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas {
  /*.input-group-checkbox { position: relative; }*/
  /*@media screen and (max-width: $ov-tablet-max-width)*/
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas header {
  background: none;
  overflow: hidden;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas header .bs-wizard {
  margin: auto;
  float: none;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas header .bs-wizard .bs-wizard-step {
  width: 33%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas header .bs-wizard .descarga-facturas-bs-wizard-step {
  width: 50%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .list-avisos {
  float: none;
  margin: 0 auto 45px auto;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .list-avisos section .ov-container .caja  {
  margin: auto;
  float: none;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-tbody-list .table-tr-list {
  display: flex;
  align-items: center;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-tbody-list .table-tr-list.selected, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-tbody-list .table-tr-list:hover {
  background-color: rgba(1, 56, 113, 0.04);
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-dir-suministros,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-dir-correspondencia { /* las dos direcciones*/
  width: 35% !important;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-contrato {
  width: 10% !important;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-alias { /*pago plano gota, alias y codigo contrato		*/
  width: 20% !important;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-alias .ico-gota {
  background: url("/o/classic-theme/images/hidrogea/gota.png") no-repeat center;
  display: inline-block;
  margin-bottom: 0;
  height: 30px;
  width: 20px;
  margin-right: 10px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-alias span.titulo-alias {
  padding-left: 30px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .subcell-tipo {
  float: left;
  width: 30px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .subcell-codigo {
  float: left;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas {
    /*.cell-dir-suministros,
                .cell-dir-correspondencia*/
    /*.table-list*/
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-dir-suministros,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-dir-correspondencia {
    clear: both;
    width: 100% !important;
    margin-top: 10px;
    padding-left: 30px !important;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-contratos {
    width: 30px;
    margin-top: 10px;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .cell-alias {
    width: calc(100% - 40px) !important;
    margin-top: 10px;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .subcell-tipo {
    width: 30px;
    float: right;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .subcell-codigo {
    width: calc(100% - 30px);
    float: left;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list {
    /*.table-thead-list*/
    /*.table-thead-list*/
    /*.table-tbody-list*/
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list {
    display: block !important;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list {
    /*.cell-dir-correspondencia,
                        .cell-dir-suministros,
                        .cell-alias*/
    /*.cell-contratos*/
    /*.cell-contratos label spa*/
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list .cell-dir-correspondencia,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list .cell-dir-suministros,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list .cell-alias {
    display: none;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list .cell-contratos {
    display: block !important;
    width: 100%;
    height: 25px;
    font-family: "OpenSans-Light", sans-serif;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-thead-list .cell-contratos label span {
    color: black;
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.92rem;
    text-transform: uppercase;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .table-list .table-tbody-list .table-tr-list {
    display: block;
  }
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido {
  float: none;
  margin: auto;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 900px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .msg-required {
  color: black;
  font-size: 0.92rem;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .msg-required i {
  color: #bd0303;
  display: inline-block;
  margin-right: 5px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido p span {
  line-height: 28px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .mensaje {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .mensaje span {
  font-family: "OpenSans-Regular", sans-serif;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila {
  overflow: hidden;
  margin: 30px 0;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .required.empty::after {
  font-size: 1.0833rem;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila p.titular {
  font-family: OpenSans-Regular, sans-serif;
  color: #555;
  font-size: 1.0833rem;
  margin-bottom: 13px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .col-md-3 {
  float: left;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .col-md-6, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .col-md-3 {
  padding-left: 0;
  padding-right: 10px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group {
  margin-bottom: 5px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group input {
  font-size: 1rem;
  padding-left: 15px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .with-gap[type=radio]:not(:checked) + label::before {
  border: 1px solid #cdcdcd;
  width: 24px;
  height: 24px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .with-gap[type=radio]:checked + label::before {
  border: 1px solid #cdcdcd;
  width: 24px;
  height: 24px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .with-gap[type=radio]:checked + label::after {
  transform: scale(0.6);
  border: 1px solid #cdcdcd;
  background: #666;
  width: 24px;
  height: 24px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group select {
  font-size: 1rem;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form {
  padding: 0;
  width: 100%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form .form-group {
  width: 100%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form input[type=text] {
  width: calc(100% - 45px);
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default {
  padding: 0;
  border: 0;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 900px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .form-group .navbar-form button.btn.btn-default span {
  height: 22px;
  font-size: 1.17rem;
  width: 14px;
  left: -3px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .input-group input {
  font-size: 1rem;
  background: none;
  padding-left: 15px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido input[type=checkbox] + label {
  text-indent: 30px;
  height: 18px;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
  background-color: white;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido input[type=checkbox] + label:before {
  content: none;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 9px;
  border-bottom: 4px solid #97BA3C;
  border-left: 4px solid #97BA3C;
  top: 2px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
  background-color: transparent;
  box-shadow: none !important;
  border-radius: 0;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 18px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones {
  margin: 30px 0;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones .btn-primary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones .btn-secundary {
  float: right;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones .btn-primary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones .btn-primary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .botones .btn-secundary {
    float: none;
    margin: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas header .bs-wizard .bs-wizard-step {
    width: 100%;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .col-md-6, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .contenido .fila .col-md-3 {
    padding-bottom: 17px;
  }
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones {
  margin: 55px 0 0 0;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-primary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-secundary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-yellow {
  float: right;
  margin: 0 10px;
  padding: 10px 0;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-yellow {
  font-family: "OpenSans-Bold", sans-serif;
  color: #013871;
  background-color: #f7cb53;
  border: none;
  border-radius: 30px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-primary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-secundary, .tramite-descarga-masiva .descarga-masiva .solicitud-descargas .botones .btn-yellow {
    float: none;
    margin: 10px 0;
  }
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .table-list .table-tr-list {
  padding: 15px;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .table-list .table-tbody-list .table-tr-list {
  display: block;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .table-list .table-tbody-list .table-tr-list:hover {
  background-color: transparent;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-contrato {
  width: 10%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-poblacion {
  width: 16%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-numdoc {
  width: 10%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-anyo,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-periodo,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-consumo,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-cobro,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-importe,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-iva,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-total {
  width: 8%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-factura {
  width: 20%;
}
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-contrato,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-anyo,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-periodo,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-consumo,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-importe,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-iva,
.tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-total {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .list-avisos {
    padding: 0;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .table-list .table-thead-list {
    display: none;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-contrato,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-poblacion,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-numdoc,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-factura,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-anyo,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-periodo,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-consumo,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-cobro,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-importe,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-iva,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-total {
    width: 100% !important;
    padding: 5px;
    text-align: left;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-contrato:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-poblacion:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-numdoc:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-factura:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-anyo:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-periodo:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-consumo:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-cobro:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-importe:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-iva:before,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga td.table-td-list.cell-total:before {
    content: attr(data-label) ": ";
    font-family: "OpenSans-Regular", sans-serif;
  }
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-contrato,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-poblacion,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-numdoc,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-factura,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-anyo,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-periodo,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-consumo,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-cobro,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-importe,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-iva,
  .tramite-descarga-masiva .descarga-masiva .solicitud-descargas.confirmacion-descarga .cell-total {
    width: 100%;
    padding: 5px;
    text-align: left;
  }
}
.tramite-descarga-masiva .listado-contratos {
  /*.cell-dir-suministros,
          .cell-dir-correspondencia*/
  /*.cell-alias*/
  /*.cell-alias .ico-gota */
  /*.cell-alias span.titulo-alias*/
  /*.subcell-tipo*/
  /*.subcell-codigo*/
  /*@media screen and (max-width: $ov-tablet-max-width)*/
  /*input[type="checkbox"]*/
  /*.allRowsIds*/
}
.tramite-descarga-masiva .listado-contratos .cell-dir-suministros,
.tramite-descarga-masiva .listado-contratos .cell-dir-correspondencia { /* las dos direcciones*/
  width: 35%;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.tramite-descarga-masiva .listado-contratos .cell-alias { /*pago plano gota, alias y codigo contrato		*/
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.tramite-descarga-masiva .listado-contratos .cell-alias .ico-gota {
  background: url("/o/classic-theme/images/hidrogea/gota.png") no-repeat center;
  display: inline-block;
  margin-bottom: 0;
  height: 30px;
  width: 20px;
  margin-right: 10px;
}
.tramite-descarga-masiva .listado-contratos .cell-alias span.titulo-alias {
  padding-left: 30px;
}
.tramite-descarga-masiva .listado-contratos .subcell-tipo {
  float: left;
  width: 30px;
}
.tramite-descarga-masiva .listado-contratos .subcell-codigo {
  float: left;
}
@media screen and (max-width: 768px) {
  .tramite-descarga-masiva .listado-contratos {
    /*.fila*/
    /*.cell-dir-suministros,
                .cell-dir-correspondencia*/
    /*.cell-contratos*/
    /*.cell-alias*/
    /*.subcell-tipo*/
    /*.subcell-codigo*/
    /*.table-list*/
  }
  .tramite-descarga-masiva .listado-contratos .fila {
    width: 100%;
  }
  .tramite-descarga-masiva .listado-contratos .cell-dir-suministros,
  .tramite-descarga-masiva .listado-contratos .cell-dir-correspondencia {
    width: 100%;
    margin-top: 10px;
    padding-left: 40px !important;
  }
  .tramite-descarga-masiva .listado-contratos .cell-contratos {
    width: 40px;
    margin-top: 10px;
  }
  .tramite-descarga-masiva .listado-contratos .cell-alias {
    width: calc(100% - 40px) !important;
    margin-top: 10px;
  }
  .tramite-descarga-masiva .listado-contratos .cell-alias span.titulo-alias {
    padding-left: 0px !important;
  }
  .tramite-descarga-masiva .listado-contratos .subcell-tipo {
    width: 30px;
    float: right;
  }
  .tramite-descarga-masiva .listado-contratos .subcell-codigo {
    width: calc(100% - 30px);
    float: left;
  }
  .tramite-descarga-masiva .listado-contratos .table-list {
    /*.table-thead-list*/
    /*.table-thead-list*/
    /*.table-tbody-list*/
  }
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list {
    display: block !important;
  }
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list {
    /*.cell-contratos*/
    /*.cell-contratos label.allRowsIds span*/
  }
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list .cell-dir-correspondencia,
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list .cell-dir-suministros,
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list .cell-alias,
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list .cell-contratos {
    display: block !important;
    width: 100%;
    height: 25px;
    font-family: "OpenSans-Light", sans-serif;
  }
  .tramite-descarga-masiva .listado-contratos .table-list .table-thead-list .cell-contratos label.allRowsIds span {
    color: black;
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.92rem;
    text-transform: uppercase;
  }
  .tramite-descarga-masiva .listado-contratos .table-list .table-tbody-list {
    /*.table-tr-list*/
  }
  .tramite-descarga-masiva .listado-contratos .table-list .table-tbody-list .table-tr-list {
    display: block;
  }
}
.tramite-descarga-masiva .listado-contratos input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  /*& + label*/
  /*&:checked + label:after*/
}
.tramite-descarga-masiva .listado-contratos input[type=checkbox] + label {
  text-indent: 30px;
  /*Modificado a�adido 20171120*/
  height: 18px !important;
  width: 18px;
  border: 1px solid #CCC;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s ease-out;
  margin: 2px 0 0 10px;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 1;
  background-color: white;
  /*&:before*/
  /*&:after*/
}
.tramite-descarga-masiva .listado-contratos input[type=checkbox] + label:before {
  content: none;
}
.tramite-descarga-masiva .listado-contratos input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 9px;
  border-bottom: 4px solid #97BA3C;
  border-left: 4px solid #97BA3C;
  top: 2px;
  left: 8px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.2s ease-out;
  background-color: transparent;
  box-shadow: none !important;
  border-radius: 0;
}
.tramite-descarga-masiva .listado-contratos input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 18px;
}
.tramite-descarga-masiva .listado-contratos .allRowsIds {
  font-weight: normal !important;
}
.tramite-descarga-masiva .info-pie a {
  font-size: 1.0833rem;
  font-family: "OpenSans-SemiBold", sans-serif;
  margin: 0;
  color: #013871;
}
.tramite-descarga-masiva .tramite-descarga-masiva h2.list-downloads {
  float: left;
}

#portlet_ac_activacion_particular .formularios form {
  position: relative;
  float: left;
  margin-top: 0px;
  width: 100%;
}

.registro .container-banner {
  margin-bottom: 2em;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.registro button.btn-tramite.to-right {
  min-width: 100%;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
}

.registro .tramite-subtitle-description.ov-text {
  font-family: "PT Sans", sans-serif;
  font-size: 0.75rem;
  color: #002d63;
  font-weight: 400;
}

section.ov-container.registro {
  max-width: 350px;
}

.tramite-body.tramite-container.ov-container {
  width: auto;
}

section.ov-container.registro header.tramite-header .title-section h1.ov, section.ov-container.registro header.tramite-header .title-section .ql-container h1.ql-editor:before, .ql-container section.ov-container.registro header.tramite-header .title-section h1.ql-editor:before {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  color: #002d63;
}

section.ov-container.registro header.tramite-header .title-section h1.ov, section.ov-container.registro header.tramite-header .title-section .ql-container h1.ql-editor:before, .ql-container section.ov-container.registro header.tramite-header .title-section h1.ql-editor:before, section.ov-container.registro header.tramite-header .title-section h1.ov-text, section.ov-container.registro header.tramite-header .title-section .ov-form-field h1.field-label, .ov-form-field section.ov-container.registro header.tramite-header .title-section h1.field-label {
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif !important;
}

section.ov-container.registro header.tramite-header .title-section h2.ov, section.ov-container.registro header.tramite-header .title-section .ql-container h2.ql-editor:before, .ql-container section.ov-container.registro header.tramite-header .title-section h2.ql-editor:before, section.ov-container.registro header.tramite-header .title-section h2.ov-small, section.ov-container.registro header.tramite-header .title-section h2.ov-text, section.ov-container.registro header.tramite-header .title-section .ov-form-field h1.field-label, .ov-form-field section.ov-container.registro header.tramite-header .title-section h2.field-label {
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif !important;
}

.banner-ov-autoreg .content-banner .banner-claim .title {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}

.registro button.btn-tramite.to-right {
  font-size: 1em;
}

section.col-sm-12.formularios.banner-ov_small {
  border-radius: 8px;
}

.icon-banner {
  margin-top: -32px;
}

/* Banner pequeño autoregistro*/
.banner-ov_small {
  padding: 0 0.813em;
}
.banner-ov_small .banner-ov-autoreg .content-banner {
  margin: 0;
}
.banner-ov_small .banner-ov-autoreg .banner-checks {
  padding-top: 0px;
}
.banner-ov_small .banner-ov-autoreg .banner-checks label.checkbox-inline {
  padding-right: 0;
  padding-bottom: 0.413em;
  line-height: 20px;
}
.banner-ov_small .banner-ov-autoreg .content-banner {
  padding: 1.25em 0 0.313em 0;
}

.registro .container-banner .icon-banner {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.registro .container-banner .icon-banner .icon-banner-circle-border {
  background-color: white;
  border-radius: 50%;
}
.registro .container-banner i {
  font-size: 1.8333rem;
  color: #6D8F00;
}
.registro .container-banner i.icon-file-alt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}
.registro .container-banner i:before {
  background-color: #EAF0DB;
  padding: 14px;
  border-radius: 5em;
}
.registro .container-banner .bi-files::before {
  content: "\f3c2";
}
.registro .container-banner .bi::before, .registro .container-banner [class^=bi-]::before, .registro .container-banner [class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons, sans-serif !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.registro .form-group-ov.col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.registro .container-banner i:before {
  background-color: #EAF0DB;
  font-size: 0.85em;
  border-radius: 5em;
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.registro .banner-option {
  display: flex;
  flex-direction: column;
  padding-top: 21px;
}

section.registro {
  max-width: 385px;
  text-align: left;
  padding-bottom: 54px;
}
section.registro h2.ov, section.registro .ql-container h2.ql-editor:before, .ql-container section.registro h2.ql-editor:before, section.registro h2.ov-small {
  font-weight: 700;
  font-size: 1.5rem;
  text-align: left;
  font-family: "PTSans-Bold", "PTSans-Regular", sans-serif !important;
}
section.registro h3.ov, section.registro .ql-container h3.ql-editor:before, .ql-container section.registro h3.ql-editor:before, section.registro h3 {
  font-weight: 400;
  font-size: 1rem;
  text-align: left;
  margin-bottom: 30px;
}
section.registro ul.ov, section.registro .ql-container ul.ql-editor:before, .ql-container section.registro ul.ql-editor:before {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.registro li.ov, section.registro .ql-container li.ql-editor:before, .ql-container section.registro li.ql-editor:before {
  font-weight: 700;
  font-size: 0.92rem;
  color: #002d63;
  margin-top: 39px;
  position: relative;
  padding-left: 28px;
}
section.registro li.ov:before, section.registro .ql-container li.ql-editor:before, .ql-container section.registro li.ql-editor:before {
  content: "";
  position: absolute;
  background-image: url("/o/cxov-theme/images/hidrogea/check-circle.svg");
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
section.registro .titulo-admin-fincas {
  margin: 42px 0px 10px 0px;
}
section.registro .boton-admin-fincas button.btn-tramite.to-right {
  background-color: #F3F4F8;
  color: #002d63;
}

.separador-bloques {
  border-bottom: 1px solid #DBDBDB;
}

.separador-bloques-sin-linea {
  border-bottom: 0px;
}

.contenido-web h2.ov, .contenido-web .ql-container h2.ql-editor:before, .ql-container .contenido-web h2.ql-editor:before, .contenido-web h2.ov-small {
  padding-bottom: 14px;
}

.registro h2.ov, .registro .ql-container h2.ql-editor:before, .ql-container .registro h2.ql-editor:before, .registro h2.ov-small {
  padding-bottom: 24px;
}

.registro.separador-bloques h2.ov, .registro.separador-bloques .ql-container h2.ql-editor:before, .ql-container .registro.separador-bloques h2.ql-editor:before, .registro.separador-bloques h2.ov-small {
  padding-bottom: 10px;
}

.registro.separador-bloques h3.ov, .registro.separador-bloques .ql-container h3.ql-editor:before, .ql-container .registro.separador-bloques h3.ql-editor:before, .registro.separador-bloques h3 {
  margin-bottom: 45px;
}

section#portlet_cxov_registros_particular .portlet-content {
  padding: 0px;
}

.alloy-editor-switch.hide {
  display: block !important;
}

.fright {
  float: right;
  margin-left: 45px;
}

.fleft {
  float: left;
  margin-right: 45px;
}

blockquote {
  border-color: #97BA3C;
  border-left-width: 4px;
  margin: 50px 0 50px 50px;
}
@media screen and (max-width: 900px) {
  blockquote {
    margin-left: 25px;
  }
}

video {
  width: 100%;
  margin: 50px 0 1em;
}

.home-section-4col {
  margin: 4em auto;
}
.home-section-4col .title-section {
  text-align: center;
  display: block;
  margin: 1em 0 2em;
  font-size: 2rem;
  font-family: "OpenSans-Light", sans-serif;
}
.home-section-4col .group-dest {
  text-align: center;
}
.home-section-4col .group-dest a {
  color: #222;
}
.home-section-4col .group-dest span {
  display: block;
}
.home-section-4col .group-dest span.title-dest {
  text-transform: uppercase;
  font-family: "PT Sans", sans-serif;
  font-size: 1.2em;
  margin-top: 1em;
  color: #6d6d6d;
}
@media screen and (max-width: 768px) {
  .home-section-4col .title-section {
    margin-bottom: 1em;
  }
  .home-section-4col .group-dest {
    margin-top: 2em;
  }
}

.home-interes {
  padding-top: 1em;
}
.home-interes .title-section {
  text-align: center;
  display: block;
  margin: 1em 0 2em;
  font-size: 2rem;
  font-family: "OpenSans-Light", sans-serif;
  color: #6D6D6D;
}
.home-interes .col-sm-4, .home-interes .col-sm-6 {
  margin-bottom: 50px;
  padding-right: 6px;
  padding-left: 6px;
}
.home-interes .col-sm-4 .img-responsive {
  height: 295px;
}
.home-interes .group-dest.col-sm-4 > div {
  overflow: hidden;
  position: relative;
}
.home-interes .group-dest.col-sm-4 a {
  color: #fff;
}
.home-interes .group-dest.col-sm-4 a:before {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 500%;
  bottom: -607%;
  content: "";
  display: block;
  height: 650%;
  left: -120%;
  margin: 0 auto;
  position: absolute;
  width: 340%;
  z-index: 10;
}
.home-interes .group-dest.col-sm-4 a:hover span {
  opacity: 1;
}
.home-interes .group-dest.col-sm-4 a:hover:before {
  background-color: rgba(0, 0, 0, 0.7);
}
.home-interes .group-dest.col-sm-4 a img {
  width: 100%;
}
.home-interes .group-dest.col-sm-4 span {
  position: absolute;
  bottom: 15px;
  text-align: center;
  margin: 0 15px;
  left: 0;
  z-index: 100;
  height: 70px;
  color: white;
  font-size: 1rem;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "OpenSans-Regular", sans-serif;
}
.home-interes .group-dest.col-sm-4 span strong {
  font-family: "OpenSans-Bold", sans-serif;
}

@media (max-width: 1200px) {
  .home-interes .col-sm-4 .img-responsive, .home-interes .col-sm-6 .img-responsive {
    height: auto;
  }
  .home-interes .group-dest.col-sm-4 span {
    font-size: 0.92rem;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
  }
}
@media (max-width: 992px) {
  .home-interes .col-sm-4 .img-responsive, .home-interes .col-sm-6 .img-responsive {
    height: auto;
  }
  .home-interes .group-dest.col-sm-4 span {
    position: relative;
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #222;
    text-align: left;
    margin: 10px 0 0;
    line-height: 1.1;
    display: block;
    font-size: 0.92rem;
    margin-top: 10px;
    height: auto;
    padding-bottom: 5px;
  }
  .home-interes .group-dest.col-sm-4 a::before {
    content: none;
  }
  .home-interes > div a {
    color: #013871;
  }
  .home-interes .group-dest {
    margin-bottom: 20px;
  }
  .home-interes .banners {
    margin-top: 1em;
  }
}
@media (max-width: 768px) {
  .home-interes > div a {
    font-size: 0.92rem;
  }
  .home-interes .banners {
    margin-top: 0;
  }
  .home-interes .banners .group-dest {
    margin-bottom: 0;
  }
  .home-interes .group-dest.col-sm-4 span {
    font-family: "PT Sans", sans-serif;
    font-size: 1.0833rem;
  }
  .home-interes .group-dest.col-sm-4 span strong {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
  }
}
.home-section-gestion-servicios {
  padding: 2em 0 3em;
}
.home-section-gestion-servicios .title-section {
  text-align: center;
  display: block;
  margin: 1em 0 2em;
  font-size: 2rem;
  font-family: "OpenSans-Light", sans-serif;
}
.home-section-gestion-servicios .group-dest {
  text-align: center;
}
@media screen and (max-width: 900px) {
  .home-section-gestion-servicios .group-dest {
    margin-bottom: 2em;
  }
  .home-section-gestion-servicios .group-dest:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) {
  .home-section-gestion-servicios .group-dest:nth-child(3n+1) {
    clear: inherit;
  }
  .home-section-gestion-servicios .group-dest:nth-child(2n+1) {
    clear: left;
  }
}
.home-section-gestion-servicios .group-dest a, .home-section-gestion-servicios .group-dest span {
  display: block;
}
.home-section-gestion-servicios .group-dest a {
  color: #013871;
}
.home-section-gestion-servicios .group-dest .title-dest {
  margin-top: 1em;
  font-size: 1rem;
}

.home-section-twitter {
  padding-top: 60px;
  padding-bottom: 60px;
}
.home-section-twitter .title-section {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.6667rem;
  color: #013871;
  text-align: center;
  display: block;
  margin-bottom: 60px;
}
.home-section-twitter .title-section a {
  font-family: "OpenSans-Regular", sans-serif;
  color: #013871;
}
@media screen and (max-width: 900px) {
  .home-section-twitter .title-section {
    padding-top: 60px;
    background: url("/o/classic-theme/images/hidrogea/icon-twitter-home-mv.png") no-repeat center top;
    font-family: "PT Sans", sans-serif;
    font-size: 1rem;
  }
  .home-section-twitter .title-section a {
    font-size: 1.25rem;
    display: block;
  }
}
.home-section-twitter .content-twitter {
  font-family: "OpenSans-Light", sans-serif;
  padding-top: 60px;
  text-align: center;
  font-size: 1rem;
  background: url("/o/classic-theme/images/hidrogea/icon-twitter-home-blue.png") no-repeat top center;
}
.home-section-twitter .content-twitter a {
  font-family: "OpenSans-Regular", sans-serif;
  color: #222;
}
.home-section-twitter .carousel {
  margin: auto 80px 60px;
}
.home-section-twitter .carousel .carousel-indicators {
  bottom: -60px;
}
.home-section-twitter .carousel .carousel-indicators li {
  vertical-align: middle;
  border: 0;
  background-color: rgba(151, 186, 60, 0.4);
}
.home-section-twitter .carousel .carousel-indicators li.active {
  background-color: #97BA3C;
  width: 15px;
  height: 15px;
}
.home-section-twitter .carousel .carousel-control {
  text-shadow: none;
  background: none;
  top: 45%;
}
.home-section-twitter .carousel .carousel-control.left {
  left: -125px;
}
.home-section-twitter .carousel .carousel-control.right {
  right: -125px;
}
.home-section-twitter .carousel .carousel-control .icon-left,
.home-section-twitter .carousel .carousel-control .icon-right {
  width: 12px;
  height: 24px;
  display: inline-block;
}
.home-section-twitter .carousel .carousel-control .icon-left {
  background: url("/o/classic-theme/images/hidrogea/icon-arrow-left-green.png") no-repeat center;
}
.home-section-twitter .carousel .carousel-control .icon-right {
  background: url("/o/classic-theme/images/hidrogea/icon-arrow-right-green.png") no-repeat center;
}
@media screen and (max-width: 900px) {
  .home-section-twitter .carousel {
    margin: auto 50px 30px;
  }
  .home-section-twitter .carousel .carousel-control {
    width: 45px;
  }
  .home-section-twitter .carousel .carousel-control.left {
    left: -60px;
  }
  .home-section-twitter .carousel .carousel-control.right {
    right: -60px;
  }
}
@media screen and (max-width: 768px) {
  .home-section-twitter .carousel {
    margin: auto 30px 30px;
  }
  .home-section-twitter .carousel .carousel-indicators {
    display: none;
  }
  .home-section-twitter .carousel .content-twitter {
    padding-top: 0;
    background: none;
  }
  .home-section-twitter .carousel .carousel-control.left {
    left: -40px;
  }
  .home-section-twitter .carousel .carousel-control.right {
    right: -40px;
  }
}
.home-section-twitter #twitter-home .cloneditem-1, .home-section-twitter #twitter-home .cloneditem-2,
.home-section-twitter #twitter-home .cloneditem-3, .home-section-twitter #twitter-home .cloneditem-4,
.home-section-twitter #twitter-home .cloneditem-5 {
  display: none;
}
@media screen and (min-width: 500px) and (max-width: 768px) and (transform-3d), screen and (min-width: 500px) and (max-width: 768px) and (-webkit-transform-3d) {
  .home-section-twitter #twitter-home .carousel-inner > .item.active.right,
  .home-section-twitter #twitter-home .carousel-inner > .item.next {
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .home-section-twitter #twitter-home .carousel-inner > .item.active.left,
  .home-section-twitter #twitter-home .carousel-inner > .item.prev {
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .home-section-twitter #twitter-home .carousel-inner > .item.left,
  .home-section-twitter #twitter-home .carousel-inner > .item.prev.right,
  .home-section-twitter #twitter-home .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .home-section-twitter #twitter-home .carousel-inner > .active.left,
  .home-section-twitter #twitter-home .carousel-inner > .prev {
    left: -50%;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .home-section-twitter #twitter-home .carousel-inner > .active.right,
  .home-section-twitter #twitter-home .carousel-inner > .next {
    left: 50%;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .home-section-twitter #twitter-home .carousel-inner > .left,
  .home-section-twitter #twitter-home .carousel-inner > .prev.right,
  .home-section-twitter #twitter-home .carousel-inner > .active {
    left: 0;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .home-section-twitter #twitter-home .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media screen and (min-width: 900px) and (transform-3d), screen and (min-width: 900px) and (-webkit-transform-3d) {
  .home-section-twitter #twitter-home .carousel-inner > .item.active.right,
  .home-section-twitter #twitter-home .carousel-inner > .item.next {
    transform: translate3d(33.333%, 0, 0);
    left: 0;
  }
  .home-section-twitter #twitter-home .carousel-inner > .item.active.left,
  .home-section-twitter #twitter-home .carousel-inner > .item.prev {
    transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }
  .home-section-twitter #twitter-home .carousel-inner > .item.left,
  .home-section-twitter #twitter-home .carousel-inner > .item.prev.right,
  .home-section-twitter #twitter-home .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media screen and (min-width: 900px) {
  .home-section-twitter #twitter-home .carousel-inner > .active.left,
  .home-section-twitter #twitter-home .carousel-inner > .prev {
    left: -33.333%;
  }
}
@media screen and (min-width: 900px) {
  .home-section-twitter #twitter-home .carousel-inner > .active.right,
  .home-section-twitter #twitter-home .carousel-inner > .next {
    left: 33.333%;
  }
}
@media screen and (min-width: 900px) {
  .home-section-twitter #twitter-home .carousel-inner > .left,
  .home-section-twitter #twitter-home .carousel-inner > .prev.right,
  .home-section-twitter #twitter-home .carousel-inner > .active {
    left: 0;
  }
}
@media screen and (min-width: 900px) {
  .home-section-twitter #twitter-home .carousel-inner .cloneditem-2 {
    display: block;
  }
}

.home-section-contactanos {
  padding: 2em 0;
  font-family: "PT Sans", sans-serif;
  font-size: 1.0833rem;
}
.home-section-contactanos a {
  text-decoration: underline;
}
.home-section-contactanos h2 {
  margin: 0.5em 0 1.5em;
  font-size: 2rem;
  text-align: center;
}
.home-section-contactanos .glyphicon {
  font-size: 150%;
  margin-right: 2px;
  top: 3px;
  color: #55780F;
}
.home-section-contactanos .group-dest {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .home-section-contactanos .group-dest {
    margin-bottom: 20px;
  }
}

.generic-content {
  font-size: 1.0833rem;
  margin-bottom: 2em;
  font-family: "OpenSans-Light", sans-serif;
}
.generic-content a {
  text-decoration: underline;
}
.generic-content a.btn {
  text-decoration: none;
}
.generic-content p, .generic-content ul {
  line-height: 30px;
}
.generic-content header {
  background-color: #fbfbfb;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-bottom: 30px;
}
.generic-content header h1, .generic-content header h2 {
  margin-bottom: 0.5em;
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-size: 2.8333rem;
}
@media screen and (max-width: 768px) {
  .generic-content header h1, .generic-content header h2 {
    font-size: 2rem;
  }
}
.generic-content header time {
  background-color: #013871;
  color: white;
  padding: 7px 15px;
  text-transform: uppercase;
  display: inline-block;
  font-family: "OpenSans-Light", sans-serif;
}
@media screen and (max-width: 900px) {
  .generic-content header time {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .generic-content header {
    margin-bottom: 0;
    background-color: transparent;
  }
  .generic-content header h1, .generic-content header h2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.generic-content header .bg-image {
  position: relative;
}
.generic-content header .bg-image .content-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 200px;
  margin-bottom: 20px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content header .bg-image .content-image {
    min-height: 400px;
    margin-bottom: 0;
  }
}
.generic-content header .bg-image .content-header h1, .generic-content header .bg-image .content-header h2 {
  margin: 0 15px 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content header .bg-image .content-header {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top: 20px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .generic-content header .bg-image .content-header h1, .generic-content header .bg-image .content-header h2 {
    color: white;
    margin: 0 50px 20px;
  }
}
@media screen and (min-width: 900px) {
  .generic-content header .bg-image .content-header {
    text-align: left;
  }
  .generic-content header .bg-image .content-header time {
    margin-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .generic-content header .bg-image {
    text-align: center;
  }
  .generic-content header .bg-image h1, .generic-content header .bg-image h2 {
    color: #013871;
    margin: 0 15px 20px;
  }
}
@media screen and (max-width: 768px) {
  .generic-content header .bg-image {
    text-align: left;
  }
  .generic-content header .bg-image img {
    margin-bottom: 20px;
  }
  .generic-content header .bg-image h1, .generic-content header .bg-image h2 {
    color: #013871;
  }
}
.generic-content header:first-child {
  padding-top: 0;
}
.generic-content .subtitulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  color: #013871;
  font-size: 1.17rem;
}
@media screen and (max-width: 900px) {
  .generic-content .subtitulo {
    margin-top: 2em;
  }
}
.generic-content .info-dest {
  margin: 1em;
  border-left: 3px solid #97BA3C;
  padding: 0.5em 1em;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content .info-dest {
    margin: 2em;
  }
}
.generic-content .info-dest .titulo {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin-bottom: 10px;
  display: block;
}
.generic-content .info-dest p {
  font-family: "OpenSans-Light", sans-serif;
}
.generic-content table {
  width: 100%;
  border: 0;
}
.generic-content table th, .generic-content table td {
  padding: 7px 10px;
  border: 0;
}
.generic-content table td {
  border-bottom: 1px dashed #365A88;
}
.generic-content table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.generic-content #video-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
  .generic-content #video-wrapper .ov-container {
    padding: 0;
  }
  .generic-content #video-wrapper video {
    margin: 30px 0;
  }
}
.generic-content .contenido {
  margin: 70px auto;
}
@media screen and (max-width: 768px) {
  .generic-content .contenido {
    margin: 20px auto;
  }
}
@media screen and (max-width: 900px) {
  .generic-content .contenido {
    margin: 20px auto;
  }
}
.generic-content .contenido .bloque h2 {
  margin: 20px auto;
  font-size: 1.6667rem;
  color: #013871;
}
.generic-content .contenido .bloque span {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
  color: #013871;
}
.generic-content .contenido .bloque ul {
  padding-left: 0;
  margin-left: 18px;
  margin-top: 40px;
}
.generic-content .contenido .bloque ul li a {
  color: #365A88;
}
.generic-content .contenido .bloque-img {
  text-align: center;
}
.generic-content .contenido .bloque-img .input-group {
  margin: 20px auto 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .generic-content .contenido .bloque-img img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .generic-content .row {
    margin: 0 2em;
  }
}
.generic-content .listado-destacados {
  margin-bottom: 30px;
  background-color: #fbfbfb;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  font-family: "OpenSans-Light", sans-serif;
}
@media screen and (max-width: 900px) {
  .generic-content .listado-destacados {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.generic-content .listado-destacados h2 {
  margin: 20px auto;
  text-align: center;
  font-size: 1.6667rem;
  color: #013871;
}
.generic-content .listado-destacados h2 + .summary {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 2em;
}
.generic-content .listado-destacados .group-dest {
  margin-bottom: 2em;
  padding: 0 5px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content .listado-destacados .group-dest {
    margin-bottom: 1em;
  }
}
.generic-content .listado-destacados figcaption h3 {
  font-size: 1rem;
  font-family: "OpenSans-Regular", sans-serif;
  margin-top: 25px;
}
.generic-content .listado-destacados figcaption .summary {
  font-size: 0.92rem;
  line-height: 1.5;
  margin-bottom: auto;
}
.generic-content .listado-destacados .contenido .bloque h2 {
  margin: 20px auto;
  font-size: 1.6667rem;
  color: #013871;
  text-align: left;
}
.generic-content .listado-destacados .contenido .bloque span {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.0833rem;
  color: #013871;
  margin-bottom: 20px;
  display: block;
}
.generic-content .listado-destacados .contenido .bloque .input-group {
  margin: 20px auto 0 auto;
}
.generic-content .listado-destacados .contenido .bloque-img {
  text-align: center;
  padding: 0;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .generic-content .listado-destacados .contenido .bloque-img img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .generic-content .listado-destacados .row {
    margin: 0 2em;
  }
}
@media screen and (max-width: 768px) {
  .generic-content .listado-destacados img {
    width: 100%;
  }
}
.generic-content .listado-te-lo-ponemos-facil h2 {
  margin: 20px auto 5px !important;
  font-size: 1.6667rem;
  color: #013871;
  text-align: center;
}
.generic-content .listado-te-lo-ponemos-facil .summary {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.17rem;
  text-align: center;
}
.generic-content .listado-te-lo-ponemos-facil ul {
  overflow: hidden;
  list-style: none;
}
.generic-content .listado-te-lo-ponemos-facil ul li {
  width: 50%;
  float: left;
  text-align: left;
  padding-left: 75px;
  padding-right: 4%;
  position: relative;
  font-family: "OpenSans-Light", sans-serif;
  color: #444;
  clear: left;
}
.generic-content .listado-te-lo-ponemos-facil ul li > img {
  position: absolute;
  top: 0;
  left: 0;
}
.generic-content .listado-te-lo-ponemos-facil ul li > a {
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  text-decoration: none;
  color: #013871;
}
.generic-content .listado-te-lo-ponemos-facil ul li > a:hover {
  text-decoration: underline;
}
.generic-content .listado-te-lo-ponemos-facil ul li p {
  margin-bottom: 10px;
}
.generic-content .listado-te-lo-ponemos-facil ul li:nth-child(2n) {
  float: right;
  clear: right;
}
@media screen and (max-width: 768px) {
  .generic-content .listado-te-lo-ponemos-facil ul li {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .generic-content .listado-te-lo-ponemos-facil ul li {
    width: 100%;
  }
}
.generic-content .check-list {
  margin: 0 !important;
  list-style: none;
}
.generic-content .check-list li {
  width: 100%;
  padding-left: 40px;
  background-image: url("/o/classic-theme/images/hidrogea/color_schemes/green-theme/ico-check.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.generic-content .special-content p {
  line-height: 1.75em;
  margin-bottom: 40px;
}
.generic-content .special-content ul {
  margin-bottom: 40px;
  line-height: 2.25em;
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-green.png");
}
.generic-content #stats {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 900px) {
  .generic-content #stats .container-stats {
    width: 900px;
  }
}
.generic-content #stats .back-stat {
  margin-bottom: 20px;
}
.generic-content #stats .back-stat .inner {
  background-color: #f4f8ea;
  padding: 0 20px;
}
.generic-content #stats .back-stat .inner p.cifra {
  font-size: 4.375rem;
  margin-bottom: 5px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content #stats .back-stat {
    padding-left: 5px;
    padding-right: 5px;
  }
  .generic-content #stats .back-stat:first-child() {
    padding-left: 0;
  }
  .generic-content #stats .back-stat:last-child() {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .generic-content #stats .back-stat {
    padding: 0;
  }
}
.generic-content #stats .inner {
  overflow: hidden;
}
.generic-content #stats h1 {
  color: #013871;
  text-transform: uppercase;
  font-size: 1.17rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  margin: 20px 0;
}
.generic-content #stats p {
  margin: 0;
}
.generic-content #stats p:last-child {
  margin-bottom: 20px;
}
.generic-content #stats p.cifra {
  font-size: 3.1667rem;
  font-family: "OpenSans-Light", sans-serif;
  line-height: 1;
  margin-bottom: 5px;
}
.generic-content #stats p.unidad small {
  font-size: 1.3333rem;
}
.generic-content #stats .special-content > p {
  margin: 20px 0;
}
.generic-content .pagination {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content hr {
    width: 120%;
    margin-left: -10%;
    margin-top: 2em;
    margin-bottom: 3em;
  }
}
.generic-content .more-info {
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content .more-info {
    margin-left: auto;
    margin-right: auto;
  }
}
.generic-content .entradilla {
  font-family: "OpenSans-Regular", sans-serif;
}
.generic-content p {
  margin-bottom: 30px;
  line-height: 1.75;
}
.generic-content ul {
  margin-bottom: 1.5em;
}
.generic-content ul > li {
  margin-bottom: 15px;
}
.generic-content ul > li:last-child {
  margin-bottom: 0;
}
.generic-content .img-full-width {
  text-align: center;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.generic-content .img-full-width img {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .generic-content .img-full-width {
    margin-left: auto;
    margin-right: auto;
  }
}
.generic-content .pie-foto {
  font-size: 0.92rem;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 900px) {
  .generic-content .pie-foto {
    text-align: center;
  }
}
.generic-content blockquote {
  font-family: "OpenSans-Light", sans-serif;
}
.generic-content blockquote * {
  margin: 0;
}
.generic-content blockquote h3 {
  margin-bottom: 10px;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-weight: normal;
  font-size: 1.25rem;
}
.generic-content blockquote p {
  font-size: 1.25rem;
}
.generic-content .share {
  width: 19px;
  height: 19px;
  background: transparent url("/o/classic-theme/images/hidrogea/color_schemes/green-theme/ico-share.png") 0 0 no-repeat;
}
.generic-content .fright {
  margin-right: -10%;
}
.generic-content .fright img {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .generic-content .fright {
    margin: 0 0 1.5em;
    width: 100%;
    float: none;
  }
}

.content-faqs hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-faqs h2 {
  margin-bottom: 30px;
}

.group-faqs {
  margin-bottom: 60px;
}
.group-faqs .faqs {
  padding: 0;
  list-style: none;
  margin: 0 -15px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .group-faqs .faqs {
    margin: 0;
  }
}
.group-faqs .faq {
  margin-bottom: 10px;
  overflow: hidden;
  font-family: "OpenSans-Light", sans-serif;
}
.group-faqs .faq .question {
  background-color: #f0f4fa;
  cursor: pointer;
  line-height: normal;
  margin: 0;
  font-size: 1.0833rem;
  color: #013871;
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
  background-repeat: no-repeat;
  padding: 10px 65px 10px 15px;
  background-position: 98% center;
  background-position-x: calc(100% - 30px);
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .group-faqs .faq .question {
    padding: 10px 100px 10px 20px;
  }
}
.group-faqs .faq .answer {
  display: none;
  padding: 30px 20px 20px;
  overflow: hidden;
  font-size: 1.0833rem;
}
.group-faqs .faq .answer table tbody {
  background-color: white;
}
.group-faqs .faq .answer a {
  color: #062a58;
}
.group-faqs .faq.active > .question {
  background-color: #f0f4fa;
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  font-family: "OpenSans-Regular", sans-serif;
  color: #013871;
}
.group-faqs .faq.active > .answer {
  background-color: rgba(104, 148, 206, 0.04);
  display: block;
}

.wrapper-group-faqs .collapsable {
  cursor: pointer;
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq.png");
  background-repeat: no-repeat;
  padding: 10px 65px 10px 0;
  background-position: 98% center;
  background-position-x: calc(100% - 30px);
  margin: 0;
}
.wrapper-group-faqs .content-group-faqs {
  display: none;
}
.wrapper-group-faqs.active .collapsable {
  background-image: url("/o/classic-theme/images/hidrogea/angle-faq-open.png");
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .wrapper-group-faqs {
    margin: 0 -15px;
  }
  .wrapper-group-faqs .collapsable {
    margin-left: 15px;
  }
  .wrapper-group-faqs .content-group-faqs {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.print-redes {
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
  .print-redes {
    display: none;
  }
}
.print-redes ul, .print-redes ul li, .print-redes ul li a {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.print-redes ul {
  float: right;
}
.print-redes ul li, .print-redes ul li a {
  display: inline-block;
}
.print-redes ul li a {
  font-size: 1.4em;
  padding: 0 5px;
}
.print-redes ul li a.print-content {
  text-decoration: underline;
  padding-right: 20px;
  font-size: 1em;
}
.print-redes ul li:nth-child(2) a {
  padding-left: 20px;
}
.print-redes ul li:last-child a {
  position: relative;
  top: 1px;
}
.print-redes ul li a.share {
  width: 19px;
  height: 19px;
  background: transparent url("/o/classic-theme/images/hidrogea/ico-share.png") 0 0 no-repeat;
}
.print-redes a {
  text-decoration: none;
}
.print-redes a.print-content {
  text-decoration: underline;
}

.perfil-contratante .content-perfil-contratante {
  margin-top: 30px;
}
.perfil-contratante .content-perfil-contratante .group-perfil-contratante > h2 {
  margin-bottom: 30px;
}
.perfil-contratante .content-perfil-contratante .group-faqs {
  margin-bottom: 50px;
}
.perfil-contratante .content-perfil-contratante hr {
  margin-top: 40px;
  margin-bottom: 40px;
}

.generic-content .agbar-list.list-news {
  color: #222;
}
.generic-content .agbar-list.list-news header {
  padding-bottom: 30px;
  padding-top: 0;
  margin-bottom: 0;
}
.generic-content .agbar-list.list-news time {
  color: #666;
  display: inline-block;
  margin: 15px 0 0;
  text-transform: uppercase;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.8333rem;
}
.generic-content .agbar-list.list-news a {
  text-decoration: none;
  font-family: "OpenSans-Regular", sans-serif;
}
.generic-content .agbar-list.list-news a:hover, .generic-content .agbar-list.list-news a:focus {
  text-decoration: underline;
}
.generic-content .agbar-list.list-news .principal {
  overflow: hidden;
  margin: auto -15px;
}
.generic-content .agbar-list.list-news .principal time {
  padding: 3px 10px;
  background-color: #747474;
  color: white;
}
.generic-content .agbar-list.list-news .principal h2 {
  margin-bottom: 0.5em;
  font-size: 2.5rem;
  font-family: "PT Sans", sans-serif;
}
.generic-content .agbar-list.list-news .principal figure > a {
  height: auto;
}
@media screen and (min-width: 900px) {
  .generic-content .agbar-list.list-news .principal figure > a {
    margin-right: 35px;
    float: left;
    max-width: 50%;
    width: 50%;
    height: 400px;
  }
}
.generic-content .agbar-list.list-news .principal img {
  width: 100%;
  max-width: none;
  height: auto;
}
.generic-content .agbar-list.list-news .principal p {
  line-height: 1.5;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
}
@media screen and (max-width: 900px) {
  .generic-content .agbar-list.list-news .principal {
    margin-left: -15px;
    margin-right: -15px;
  }
  .generic-content .agbar-list.list-news .principal time {
    margin-top: 0;
  }
  .generic-content .agbar-list.list-news .principal h2, .generic-content .agbar-list.list-news .principal p {
    padding: 0 15px;
  }
  .generic-content .agbar-list.list-news .principal h2 {
    font-size: 1.5rem;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .generic-content .agbar-list.list-news .principal figure > span {
    margin: 0;
  }
  .generic-content .agbar-list.list-news .principal figure > span > span {
    width: 100%;
    float: none;
    display: block;
  }
  .generic-content .agbar-list.list-news .principal figure > span > span:first-child {
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 768px) {
  .generic-content .agbar-list.list-news .principal figure > span > span {
    padding: 0;
  }
}
.generic-content .agbar-list.list-news .list-item-news {
  margin-top: 65px;
  padding-left: 5px;
  padding-right: 5px;
}
.generic-content .agbar-list.list-news .list-item-news h2 {
  font-size: 1.25rem;
  margin-top: 10px;
  line-height: 1.4;
}
@media screen and (max-width: 900px) {
  .generic-content .agbar-list.list-news .list-item-news h2 {
    padding: 0 10px;
  }
}
.generic-content .agbar-list.list-news .list-item-news figure > a {
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  height: auto;
}
.generic-content .agbar-list.list-news .list-item-news figure > a img {
  width: 100%;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .generic-content .agbar-list.list-news .list-item-news figure > a {
    overflow: hidden;
    height: 250px;
    height: 28.1262305226vw;
  }
  .generic-content .agbar-list.list-news .list-item-news figure > a img {
    height: 250px;
    height: 28.1262305226vw;
  }
}
@media screen and (min-width: 900px) {
  .generic-content .agbar-list.list-news .list-item-news figure > a {
    height: 181.8829573794px;
  }
  .generic-content .agbar-list.list-news .list-item-news figure > a img {
    height: 181.8829573794px;
  }
}
@media screen and (min-width: 1200px) {
  .generic-content .agbar-list.list-news .list-item-news figure > a {
    height: 260px;
  }
  .generic-content .agbar-list.list-news .list-item-news figure > a img {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .generic-content .agbar-list.list-news .list-item-news {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .generic-content .agbar-list.list-news .list-item-news {
    margin-top: 40px;
  }
  .generic-content .agbar-list.list-news .list-item-news:nth-child(2n+3) {
    clear: left;
  }
  .generic-content .agbar-list.list-news .list-item-news time {
    padding: 3px 10px;
    margin-top: 0;
  }
  .generic-content .agbar-list.list-news .list-item-news h2 {
    padding: 0 10px;
  }
}
@media screen and (min-width: 900px) {
  .generic-content .agbar-list.list-news .list-item-news:nth-child(3n+4) {
    clear: left;
  }
}
.generic-content .agbar-list.list-news .taglib-page-iterator {
  margin-top: 2em;
}

.wrapper-slide {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 15px 30px -15px black;
  width: 100%;
}
.wrapper-slide .carousel .item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.wrapper-slide .carousel .bullets {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 35px;
}
@media screen and (max-width: 768px) {
  .wrapper-slide .carousel .bullets {
    bottom: 0;
  }
}
.wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators {
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  margin-left: 12%;
  padding-left: 0;
  list-style: none;
  text-align: left;
}
.wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators li {
  vertical-align: middle;
  border: 0;
  background-color: rgba(255, 255, 255, 0.6);
  width: 13px;
  height: 13px;
  margin: 3px;
}
.wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators li.active {
  width: 17px;
  height: 17px;
  margin: 3px;
  background-color: white;
}
@media screen and (max-width: 900px) {
  .wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators {
    margin-left: 14%;
  }
}
@media screen and (max-width: 768px) {
  .wrapper-slide .carousel .bullets .ov-container .row .carousel-indicators {
    bottom: 5px;
    text-align: center;
    margin-left: 0;
  }
}
.wrapper-slide .carousel .carousel-controls-home {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -27px;
}
.wrapper-slide .carousel .carousel-control {
  width: 25px;
  height: 55px;
  background: none;
  position: inherit;
}
@media screen and (max-width: 768px) {
  .wrapper-slide .carousel .carousel-control {
    display: none;
  }
}
.wrapper-slide .carousel .carousel-control.left {
  left: 0;
  float: left;
  margin-left: 1%;
}
@media screen and (min-width: 900px) {
  .wrapper-slide .carousel .carousel-control.left {
    margin-left: -15px;
  }
}
@media (min-width: 1300px) {
  .wrapper-slide .carousel .carousel-control.left {
    margin-left: -45px;
  }
}
.wrapper-slide .carousel .carousel-control.right {
  right: 0;
  float: right;
  margin-right: 1%;
}
@media screen and (min-width: 900px) {
  .wrapper-slide .carousel .carousel-control.right {
    margin-right: -15px;
  }
}
@media (min-width: 1300px) {
  .wrapper-slide .carousel .carousel-control.right {
    margin-right: -45px;
  }
}
.wrapper-slide .carousel .carousel-control .icon-left {
  width: 25px;
  height: 54px;
  display: block;
  background: url("/o/classic-theme/images/hidrogea/icon-left-slide.png") no-repeat center;
}
.wrapper-slide .carousel .carousel-control .icon-right {
  width: 25px;
  height: 54px;
  display: block;
  background: url("/o/classic-theme/images/hidrogea/icon-right-slide.png") no-repeat center;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .wrapper-slide .carousel .carousel-inner > .item:after {
    content: "";
    background-image: url("/o/classic-theme/images/hidrogea/fondo-texto-slide.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 37.5%;
  }
  .wrapper-slide .carousel .carousel-inner > .item.circular-item:after {
    background-image: url("/o/classic-theme/images/hidrogea/fondo-texto-slide-circular.png");
  }
}
@media screen and (min-width: 900px) {
  .wrapper-slide .carousel .carousel-inner > .item:after {
    right: 50%;
  }
}
.wrapper-slide .carousel .carousel-inner > .item:before {
  content: "";
  width: 120px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.wrapper-slide .slide-content {
  height: 225px;
  height: 56.2746201463vw;
  position: relative;
  z-index: 2;
}
.wrapper-slide .slide-content .inner-slide-content {
  position: absolute;
  width: 100%;
  color: white;
  bottom: 100px;
}
@media screen and (max-width: 768px) {
  .wrapper-slide .slide-content .inner-slide-content {
    text-align: center;
    bottom: 60px;
    width: 90%;
    left: 5%;
  }
  .wrapper-slide .slide-content .inner-slide-content h1 {
    margin-top: 5px;
    font-size: 1.8333rem;
  }
  .wrapper-slide .slide-content .inner-slide-content .previo {
    font-family: "PT Sans", sans-serif;
    font-size: 1.4167rem;
  }
}
@media screen and (max-width: 768px) {
  .wrapper-slide .slide-content .inner-slide-content h1 {
    font-size: 1.4167rem;
  }
  .wrapper-slide .slide-content .inner-slide-content .previo {
    font-size: 1.17rem;
  }
}
.wrapper-slide .slide-content a {
  color: white;
}
.wrapper-slide .slide-content h1 {
  font-size: 2.1667rem;
  margin-bottom: 0;
  font-family: "PT Sans", sans-serif;
  line-height: 1.1;
}
.wrapper-slide .slide-content .previo {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.17rem;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .wrapper-slide .slide-content {
    height: 350px;
    height: 56.2746201463vw;
    padding-left: 2%;
  }
}
@media screen and (min-width: 900px) {
  .wrapper-slide .slide-content {
    height: 550px;
  }
  .wrapper-slide .slide-content h1 {
    line-height: normal;
  }
}

.wrapper-aviso {
  background-color: rgba(247, 203, 83, 0.9);
  box-shadow: 0 10px 10px -10px #333;
  padding: 1.2em 0;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1rem;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .wrapper-aviso {
    position: absolute;
  }
  .wrapper-aviso .aviso {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .wrapper-aviso {
    position: relative;
  }
  .wrapper-aviso:after {
    content: "";
    background-image: url(/o/classic-theme/images/hidrogea/ico-aviso.png);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 150px;
    height: 100%;
    opacity: 0.35;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.wrapper-aviso .fecha-aviso {
  position: relative;
}
@media screen and (max-width: 768px) {
  .wrapper-aviso .fecha-aviso {
    text-align: center;
    margin-bottom: 10px;
  }
}
.wrapper-aviso .fecha-aviso:after {
  content: "";
  background-image: url("/o/classic-theme/images/hidrogea/ico-aviso.png");
  position: absolute;
  z-index: 0;
  top: -50px;
  left: -40%;
  width: 150px;
  height: 150px;
  opacity: 0.35;
  background-size: contain;
  background-repeat: no-repeat;
}
.wrapper-aviso .fecha-aviso span {
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .wrapper-aviso .fecha-aviso span {
    display: inline-block;
  }
}
.wrapper-aviso .fecha-aviso .dia-mes-aviso {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.wrapper-aviso .detalle-aviso a {
  color: #222;
  text-decoration: underline;
}
.wrapper-aviso .pagination-aviso {
  text-align: right;
  font-family: "OpenSans-Regular", sans-serif;
  color: #013871;
}
@media screen and (max-width: 768px) {
  .wrapper-aviso .pagination-aviso {
    text-align: center;
    margin-top: 20px;
  }
}
.wrapper-aviso .pagination-aviso span {
  margin-left: 15px;
  display: inline-table;
  height: 24px;
  vertical-align: middle;
}
.wrapper-aviso .pagination-aviso a {
  width: 12px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #013871;
  font-size: 0;
}
.wrapper-aviso .pagination-aviso .prev-aviso a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-prev-pag-aviso.png");
}
.wrapper-aviso .pagination-aviso .next-aviso a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-next-pag-aviso.png");
}

.listado-contenidos h2 {
  font-family: "OpenSans-Light", sans-serif;
  margin-bottom: 1em;
}
.listado-contenidos hr {
  margin-top: 4em;
  margin-bottom: 4em;
}
.listado-contenidos .icon-external {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-link-external-webmap.png");
}
.listado-contenidos .group-list article {
  margin-bottom: 2em;
}
.listado-contenidos .group-list .title {
  margin-bottom: 1em;
  display: block;
  font-size: 1.2em;
}
.listado-contenidos .group-list .description {
  font-family: "OpenSans-Light", sans-serif;
}
.listado-contenidos .group-list .url-enlace {
  display: block;
  font-size: 0.9em;
  font-family: "OpenSans-Light", sans-serif;
}
.listado-contenidos .group-list .type-file {
  font-size: 0.8em;
  font-family: "OpenSans-Light", sans-serif;
}
.listado-contenidos .group-list .img-article {
  width: 180px;
  height: 120px;
  float: left;
  margin-right: 15px;
}
.listado-contenidos .group-list .img-article img {
  max-width: 100%;
}

.page-error {
  padding: 2em 1em 4em;
  text-align: center;
}
.page-error .msg-error {
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-size: 2.8333rem;
  margin-bottom: 20px;
}
.page-error .code-error {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  margin-bottom: 3em;
  display: block;
}
.page-error .info-error {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
}
.page-error .info-error p {
  margin-bottom: 30px;
}
.page-error .info-error ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-error .info-error ul li {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.page-error .info-error ul li:after {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #434343;
  position: absolute;
  right: -5px;
  top: 5px;
}
.page-error .info-error ul li:last-child:after {
  content: none;
}
.page-error .info-error strong {
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: bold;
}

.listado-poblaciones {
  font-family: "OpenSans-Light", sans-serif;
  margin-bottom: 4em;
}
.listado-poblaciones .print-redes {
  margin-bottom: 30px;
  margin-top: 20px;
}
.listado-poblaciones .icon-external {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-link-external-webmap.png");
}
.listado-poblaciones .block-poblaciones {
  margin-top: 20px;
  margin-bottom: 20px;
}
.listado-poblaciones .block-poblaciones h2 {
  margin-bottom: 30px;
}
.listado-poblaciones .block-poblaciones ul {
  overflow: hidden;
}
.listado-poblaciones .block-poblaciones ul li {
  margin-bottom: 7px;
  line-height: normal;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .listado-poblaciones .block-poblaciones ul li {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .listado-poblaciones .block-poblaciones ul li {
    width: 33.33%;
  }
}
.listado-poblaciones .wrapper-map {
  margin-bottom: 30px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .listado-poblaciones .wrapper-map {
    margin-bottom: 60px;
  }
}
.listado-poblaciones #map-poblaciones {
  height: 500px;
}
.listado-poblaciones #map-poblaciones .info-window {
  background-color: white;
  padding: 20px;
}
.listado-poblaciones #map-poblaciones .info-window p {
  font-size: 0.8333rem;
  line-height: normal;
  margin-bottom: 5px;
}
.listado-poblaciones #map-poblaciones .info-window strong {
  font-size: 1rem;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.listado-poblaciones #map-poblaciones .info-window .sitio-web {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .listado-poblaciones #map-poblaciones {
    height: 300px;
  }
}

.canales-atencion {
  padding: 50px 0 70px;
  text-align: center;
  font-family: "OpenSans-Light", sans-serif;
}
@media screen and (max-width: 768px) {
  .canales-atencion {
    padding: 20px 0 20px;
  }
}
.canales-atencion .title-section {
  display: block;
  margin: 0 0 50px;
  font-size: 2rem;
}
.canales-atencion .web-channel span {
  display: block;
  margin-bottom: 20px;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.canales-atencion .web-channel a {
  color: #222;
}
@media screen and (max-width: 768px) {
  .canales-atencion .web-channel {
    margin-bottom: 30px;
  }
  .canales-atencion .web-channel:nth-child(2n+1) {
    clear: left;
  }
}
.canales-atencion .phone-channel .title-channel {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.canales-atencion .phone-channel .number-phone {
  color: #55780F;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.canales-atencion .phone-channel p {
  font-size: 1.0833rem;
}
.canales-atencion .phone-channel .horario {
  font-size: 1rem;
}
.canales-atencion .phone-channel .horario .label {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .canales-atencion .phone-channel {
    margin-bottom: 25px;
  }
}
.canales-atencion .online-channel .title-channel {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.canales-atencion .online-channel .dir-contact a {
  color: #55780F;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.canales-atencion .online-channel .horario {
  font-size: 1rem;
}
.canales-atencion .online-channel .horario .label {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .canales-atencion .online-channel {
    margin-bottom: 25px;
  }
}
.canales-atencion .oficina .title-channel {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.canales-atencion .oficina .index-office {
  width: 25px;
  line-height: 25px;
  display: inline-block;
  background-color: #97BA3C;
  border-radius: 50%;
  color: #013871;
}
.canales-atencion .oficina .title {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
}
.canales-atencion .oficina .address {
  font-size: 1.0833rem;
}
.canales-atencion .oficina .label {
  font-size: 1rem;
  color: #222;
  font-weight: normal;
}
.canales-atencion .oficina .horario {
  font-size: 1rem;
}
.canales-atencion .oficina .horario .label {
  text-decoration: underline;
  line-height: 30px;
}
.canales-atencion .oficina .phone-number {
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 1.5rem;
  color: #55780F;
  margin-top: 40px;
}
.canales-atencion .oficina .phone-number .label {
  display: block;
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: normal;
}
.canales-atencion .oficina .solicitar-cita {
  margin-top: 40px;
}
.canales-atencion .oficina .solicitar-cita .label {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  display: block;
  margin-bottom: 15px;
}
.canales-atencion .oficina .solicitar-cita .btn-cita {
  background-color: #97BA3C;
  color: #013871;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 30px;
  box-shadow: 0 2px 10px -5px #222;
}
@media screen and (max-width: 768px) {
  .canales-atencion .oficina .solicitar-cita {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .canales-atencion .oficina .group-dest {
    margin-bottom: 25px;
  }
  .canales-atencion .oficina .group-dest:nth-child(2n+1) {
    clear: left;
  }
}
.canales-atencion.wrapper-oficina {
  background-color: #F1F1F1;
  padding-bottom: 0;
}
.canales-atencion .wrapper-map-oficinas {
  margin-top: 50px;
  position: relative;
}
.canales-atencion .wrapper-map-oficinas #map-oficinas {
  height: 650px;
}
@media screen and (max-width: 768px) {
  .canales-atencion .wrapper-map-oficinas {
    margin-top: 10px;
  }
  .canales-atencion .wrapper-map-oficinas #map-oficinas {
    height: 300px;
  }
}

.list-avisos {
  font-family: "OpenSans-Light", sans-serif;
  padding: 0 15px;
}
@media screen and (min-width: 900px) {
  .list-avisos {
    padding: 0;
  }
}
.list-avisos section {
  margin-top: 40px;
  overflow: hidden;
}
.list-avisos .select-municipio {
  border: 1px solid rgba(1, 56, 113, 0.3);
  text-align: center;
  padding: 30px 50px;
  overflow: hidden;
  position: relative;
}
.list-avisos .select-municipio .msg-select-municipio {
  font-size: 1rem;
  color: #013871;
}
.list-avisos .select-municipio form input {
  color: #666;
  font-size: 1.0833rem;
  height: 45px;
}
.list-avisos .select-municipio form .input-group {
  height: 45px;
}
.list-avisos .select-municipio form .input-group-btn {
  background-color: #013871;
}
.list-avisos .select-municipio form .input-group-btn .btn.btn-default {
  padding: 0 12px;
}
.list-avisos .select-municipio form .input-group-btn .icon-position-aviso {
  width: 22px;
  height: 28px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/icon-position-avisos.png") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.list-avisos .select-municipio #close-select-municipio {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
}
.list-avisos .select-municipio #close-select-municipio .icon-close-aviso {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/icon-close-avisos.png") no-repeat center;
}
.list-avisos .wrapper-avisos .tab-avisos {
  border: 0;
}
.list-avisos .wrapper-avisos .tab-avisos a {
  text-decoration: none;
  border-bottom: 1px solid;
  border-left: 0;
  padding-left: 0;
  transition: 0.3s;
}
.list-avisos .wrapper-avisos .tab-avisos a:focus {
  outline: none;
}
.list-avisos .wrapper-avisos .tab-avisos a:hover {
  border-width: 0 0 1px;
  background-color: transparent;
}
.list-avisos .wrapper-avisos .tab-avisos li {
  font-size: 1rem;
  text-align: left;
  padding-left: 10px;
  border: 0;
  margin-bottom: 0;
}
.list-avisos .wrapper-avisos .tab-avisos li:first-child {
  padding-left: 0;
}
.list-avisos .wrapper-avisos .tab-avisos li.active a {
  border: 0;
  color: #222;
  font-size: 1.0833rem;
  font-family: "OpenSans-Regular", sans-serif;
  border-bottom: 2px solid #222;
  line-height: 21px;
}
@media screen and (max-width: 768px) {
  .list-avisos .wrapper-avisos .tab-avisos li {
    text-transform: capitalize;
  }
}
.list-avisos .wrapper-avisos .aviso {
  border-bottom: 1px solid #CCC;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
.list-avisos .wrapper-avisos .aviso .icono-aviso {
  text-align: center;
}
.list-avisos .wrapper-avisos .aviso .icono-aviso .icon-aviso {
  width: 52px;
  height: 35px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/icon-avisos.png") no-repeat center;
  background-size: contain;
}
.orange-theme .list-avisos .wrapper-avisos .aviso .icono-aviso .icon-aviso {
  background-image: url("/o/classic-theme/images/hidrogea/icon-avisos-orange.png");
}
.blue-theme .list-avisos .wrapper-avisos .aviso .icono-aviso .icon-aviso {
  background-image: url("/o/classic-theme/images/hidrogea/icon-avisos-blue.png");
}
.list-avisos .wrapper-avisos .aviso .fecha-aviso {
  text-align: center;
}
.list-avisos .wrapper-avisos .aviso .fecha-aviso .dia, .list-avisos .wrapper-avisos .aviso .fecha-aviso .hora {
  display: block;
  font-size: 0.92rem;
}
.list-avisos .wrapper-avisos .aviso .fecha-aviso .dia {
  font-family: "OpenSans-Regular";
}
.list-avisos .wrapper-avisos .aviso .descripcion-aviso a {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.0833rem;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}
.list-avisos .wrapper-avisos .aviso .descripcion-aviso .municipios {
  font-size: 1rem;
}
.list-avisos .wrapper-avisos .aviso .descripcion-aviso .more-info a {
  display: inline-block;
}
.list-avisos .wrapper-avisos .aviso:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .list-avisos .wrapper-avisos .aviso .icono-aviso {
    width: 70px;
    float: left;
  }
  .list-avisos .wrapper-avisos .aviso .icono-aviso .icon-aviso {
    width: 100%;
  }
  .list-avisos .wrapper-avisos .aviso .fecha-aviso {
    width: 100%;
    margin-left: 60px;
    float: none;
    text-align: inherit;
  }
  .list-avisos .wrapper-avisos .aviso .fecha-aviso .dia, .list-avisos .wrapper-avisos .aviso .fecha-aviso .hora {
    display: inline-block;
    margin-bottom: 20px;
  }
  .list-avisos .wrapper-avisos .aviso .descripcion-aviso {
    float: none;
    margin-left: 60px;
  }
}
.list-avisos .info-avisos .msg-info-aviso {
  border: 1px solid rgba(1, 56, 113, 0.3);
  padding: 30px;
  color: #013871;
  background: url("/o/classic-theme/images/hidrogea/icon-info-averias.png") no-repeat 45px 20px;
}
@media screen and (max-width: 768px) {
  .list-avisos .info-avisos .msg-info-aviso {
    background: none;
  }
}
.list-avisos .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
  padding-left: 130px;
  font-size: 1rem;
}
.list-avisos .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.list-avisos .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a, .list-avisos .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.list-avisos .info-avisos .msg-info-aviso .wrapper-msg-info-aviso p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .list-avisos .info-avisos .msg-info-aviso {
    padding: 15px;
    background-position-x: 25px;
  }
  .list-avisos .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.list-avisos .info-avisos .msg-info-aviso-green {
  border: 1px solid rgba(14, 99, 3, 0.3);
  padding: 30px;
  color: #0E6303;
  background: url("/o/classic-theme/images/hidrogea/icon-info-check.png") no-repeat 45px 20px;
}
@media screen and (max-width: 768px) {
  .list-avisos .info-avisos .msg-info-aviso-green {
    background: none;
  }
}
.list-avisos .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso {
  padding-left: 130px;
  font-size: 1rem;
}
.list-avisos .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso .title {
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.list-avisos .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso a, .list-avisos .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso .resaltado {
  font-family: "OpenSans-Regular", sans-serif;
}
.list-avisos .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .list-avisos .info-avisos .msg-info-aviso-green {
    padding: 15px;
    background-position-x: 25px;
  }
  .list-avisos .info-avisos .msg-info-aviso-green .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}

.detalle-aviso .content-header {
  text-align: center;
  padding-top: 20px;
}
.detalle-aviso .content-header .icon-aviso {
  display: block;
  width: 100%;
  height: 60px;
  background: url("/o/classic-theme/images/hidrogea/icon-avisos.png") no-repeat center;
  background-size: contain;
  margin-bottom: 20px;
}
.orange-theme .detalle-aviso .content-header .icon-aviso {
  background-image: url("/o/classic-theme/images/hidrogea/icon-avisos-orange.png");
}
.blue-theme .detalle-aviso .content-header .icon-aviso {
  background-image: url("/o/classic-theme/images/hidrogea/icon-avisos-blue.png");
}
.detalle-aviso .content-header h1 {
  font-family: "PT Sans", sans-serif;
  font-size: 1.6667rem;
  padding: 0 10%;
  margin-bottom: 20px;
  line-height: 40px;
}
.detalle-aviso .content-header summary span {
  display: block;
  margin-top: 10px;
  font-size: 1rem;
}
.detalle-aviso #map-aviso {
  height: 480px;
  margin-top: 40px;
}
.detalle-aviso #map-aviso img {
  width: 100%;
}

.more-info {
  font-size: 0.92rem;
  padding: 1em 2.5em;
  background-color: #f9fbfd;
  font-family: "OpenSans-Regular", sans-serif;
}
.more-info a {
  display: inline-block;
  color: #062a58;
}

.selector-municipio .select-municipio {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  text-align: center;
}
.selector-municipio .select-municipio h1 {
  font-family: "PT Sans", sans-serif;
  font-size: 2.1667rem;
  margin-top: 0;
  margin-bottom: 40px;
}
.selector-municipio .select-municipio form {
  margin-top: 50px;
}
.selector-municipio .select-municipio .selector-language {
  margin: 0 auto 60px;
}
.selector-municipio .select-municipio .selector-language > label {
  background-color: #4c78b2;
  color: white;
  padding: 5px 30px;
  border-right: 1px solid white;
  height: auto;
  width: auto;
  margin: 0;
  display: block;
  float: left;
}
.selector-municipio .select-municipio .selector-language > label:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-left: 20px;
}
.selector-municipio .select-municipio .selector-language input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.selector-municipio .select-municipio .selector-language input[type=radio]:first-child + label {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-right: 20px;
}
.selector-municipio .select-municipio .selector-language input[type=radio] + label:before, .selector-municipio .select-municipio .selector-language input[type=radio] + label:after {
  content: none;
}
.selector-municipio .select-municipio .selector-language input[type=radio]:checked + label {
  background-color: #C3D4EB;
  color: #222;
  font-family: "OpenSans-Bold", sans-serif;
}
.selector-municipio .select-municipio .icon-position {
  width: 15px;
  height: 20px;
  display: inline-block;
  background: #999 url("/o/classic-theme/images/hidrogea/icon-position-avisos.png") no-repeat center;
  background-size: contain;
  padding: 0 10px;
}
.selector-municipio .select-municipio .help-block {
  display: table-footer-group;
  text-align: left;
}
.selector-municipio .select-municipio .selector-form {
  margin-bottom: 50px;
}
.selector-municipio .select-municipio .selector-form input[type=text] {
  height: 45px;
  font-size: 1.17rem;
  border: 0 solid #ccc;
  border-radius: 0;
  border-bottom-width: 1px;
  box-shadow: none;
}
.selector-municipio .select-municipio .selector-form .input-group-btn {
  border-radius: 0;
  border: none;
  background-color: #999;
}
.selector-municipio .select-municipio .selector-form .input-group-btn .btn {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  font-weight: 800;
  box-shadow: none;
}
.selector-municipio .select-municipio .btn-submit {
  width: 100%;
}
.selector-municipio .select-municipio .btn-submit .input-group-btn {
  background: none;
}
.selector-municipio .select-municipio .btn-submit button {
  background-color: #97BA3C;
  padding: 10px 50px;
  border-radius: 25px;
  text-transform: uppercase;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  z-index: auto;
}
@media screen and (max-width: 768px) {
  .selector-municipio .select-municipio h1 {
    font-size: 1.6667rem;
    margin-bottom: 20px;
  }
  .selector-municipio .select-municipio p {
    line-height: normal;
  }
  .selector-municipio .select-municipio form {
    margin-top: 20px;
  }
  .selector-municipio .select-municipio .selector-language {
    margin-bottom: 40px;
  }
  .selector-municipio .select-municipio .selector-form {
    margin-bottom: 30px;
  }
  .selector-municipio .select-municipio .btn-submit button {
    font-size: 1rem;
  }
}
.selector-municipio .modal {
  display: none;
}
@media (max-width: 400px) {
  .selector-municipio .modal-body {
    padding: 10px;
  }
  .selector-municipio .select-municipio {
    margin: auto -15px;
  }
  .selector-municipio .select-municipio .selector-language > label {
    padding: 5px 15px;
  }
  .selector-municipio .select-municipio .selector-language > label:last-child {
    padding-left: 10px;
  }
  .selector-municipio .select-municipio .selector-language input[type=radio]:first-child + label {
    padding-right: 10px;
  }
}

.dudas {
  float: none;
  margin: auto;
}
.dudas h4 {
  margin: 30px 0;
  display: block;
  float: left;
  width: 100%;
  font-size: 1.8333rem;
  text-align: left;
}
.dudas .group-faqs {
  margin-bottom: 0;
  float: left;
  width: 100%;
}
.dudas .group-faqs .faqs .faq, .dudas .group-faqs .faqs .faq.active {
  border-top: 0;
}

.resultado-busqueda {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
  color: #666;
}
.resultado-busqueda form {
  margin-bottom: 30px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .resultado-busqueda form {
    margin-bottom: 60px;
  }
}
.resultado-busqueda form input[type=text] {
  border-bottom: 1px solid #CCC;
}
.resultado-busqueda form input[type=text]:focus {
  border-color: #CCC;
}
.resultado-busqueda .search-results {
  margin-top: 50px;
}
.resultado-busqueda .msg-search-results {
  font-size: 1rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .resultado-busqueda .msg-search-results {
    margin-bottom: 40px;
  }
}
.resultado-busqueda .msg-search-results strong {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.resultado-busqueda .search-results .asset-abstract {
  margin-bottom: 30px;
  color: #444;
}
.resultado-busqueda .search-results .asset-abstract .asset-title {
  font-size: 1.17rem;
  font-family: "OpenSans-Regular", sans-serif;
  margin-bottom: 5px;
}
.resultado-busqueda .search-results .asset-abstract .asset-title a {
  text-decoration: none;
}
.resultado-busqueda .search-results .asset-abstract .asset-title a:hover {
  text-decoration: underline;
}
.resultado-busqueda .search-results .asset-abstract .asset-content strong {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.resultado-busqueda .search-results .asset-abstract .breadcrumb-result {
  font-size: 0.92rem;
  color: #222;
}
.resultado-busqueda .search-results .asset-abstract .breadcrumb-result .breadcrumb {
  background: none;
  padding: 0;
  margin: 10px 0 0;
}
.resultado-busqueda .search-results .asset-abstract .breadcrumb-result .breadcrumb a {
  color: #222;
  text-decoration: none;
}
.resultado-busqueda .search-results .asset-abstract .breadcrumb-result .breadcrumb a:hover {
  text-decoration: underline;
}
.resultado-busqueda .search-results .asset-abstract .breadcrumb-result .breadcrumb li {
  margin-bottom: 0;
}
.resultado-busqueda .search-results .asset-abstract .breadcrumb-result .breadcrumb li + li:before {
  content: "\\";
  padding: 0 5px 0 0;
  color: #444;
}
.resultado-busqueda .pagination {
  margin-top: 20px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .resultado-busqueda .pagination {
    margin-top: 50px;
  }
}
.resultado-busqueda .pagination a {
  font-size: 1rem;
  line-height: 1;
  padding: 5px 10px !important;
}
.resultado-busqueda .pagination li {
  display: inline-block;
  margin: 0;
}
.resultado-busqueda .pagination .active {
  font-family: "OpenSans-Bold", sans-serif;
}

body {
  font-family: "PT Sans", sans-serif;
  font-size: 0.92rem;
  line-height: normal;
  color: #222;
}
body.mobile-menu-is-active, body.search-is-active {
  overflow: hidden;
}

a {
  color: #365A88;
}

ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list.png");
}

.tree-view ul {
  list-style: none;
}

#wrapper {
  padding: 0;
}

.no-permission-show-dockbar.has-control-menu #wrapper {
  margin-top: 0;
}

.portlet {
  margin-bottom: 0;
}

.diligentia-theme.has-control-menu.open.signed-in.private-page.site .portlet {
  margin: 12px 8px;
  display: block;
  outline: 2px dashed red;
  border-radius: 12px;
  box-shadow: 6px 6px rgba(141, 111, 111, 0.7843137255);
  min-height: 46px;
}

img {
  max-width: 100%;
}

strong {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}

body select::-ms-expand {
  display: none !important;
}

body select:-ms-expand {
  display: none !important;
}

.sr-only {
  color: white !important;
  background-color: black !important;
}

.diligentia-theme table {
  width: 100%;
  margin-bottom: 30px;
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
  border: none;
}
.diligentia-theme table caption {
  font-size: 0.8333rem;
  text-align: center;
  margin-bottom: 10px;
  color: #444;
}
.diligentia-theme table thead tr {
  border-bottom: 1px solid #979797;
}
.diligentia-theme table th {
  font-family: "PT Sans", sans-serif;
  border-top: 0 !important;
}
.diligentia-theme table.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: transparent;
}
.diligentia-theme table.table-striped > tbody > tr:nth-of-type(2n) {
  background-color: rgba(102, 102, 102, 0.04);
}
.diligentia-theme table > thead > tr > th,
.diligentia-theme table > thead > tr > td,
.diligentia-theme table > tbody > tr > th,
.diligentia-theme table > tbody > tr > td,
.diligentia-theme table > tfoot > tr > th,
.diligentia-theme table > tfoot > tr > td {
  padding: 15px;
}

.modal#BuscadorMunicipio, .modal.detalleAviso {
  display: none;
}
.modal .modal-header {
  border-bottom: 0;
}
.modal .modal-header .btn.close {
  width: 25px;
  height: 25px;
  opacity: 1;
  background: url("/o/classic-theme/images/hidrogea/icon-close-avisos.png") no-repeat center;
  float: right;
}

::-webkit-input-placeholder {
  color: #222 !important;
  opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
  color: #222 !important;
  opacity: 1 !important;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #222 !important;
  opacity: 1 !important;
}

:-ms-input-placeholder {
  color: #222 !important;
  opacity: 1 !important;
}

.content-agbar .portlet-content, .content-agbar .portlet-minimized .portlet-content-container {
  padding: 0;
}

.icon-external {
  background: url("/o/classic-theme/images/hidrogea/arrow-link-external.png") no-repeat center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
}

.menu-overlay {
  position: fixed;
  z-index: 1009;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
}

.portlet-layout-gray {
  background-color: #F1F1F1;
}

.container-layout-title {
  color: #222;
  background-color: #f8f8f8;
  padding-top: 1em 15px 1.5em;
}
.container-layout-title .layout-title-page {
  color: #032A69;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 1.8333rem;
  display: block;
  font-family: "OpenSans-Light", sans-serif;
}
@media screen and (max-width: 900px) {
  .container-layout-title .layout-title-page {
    padding: 0 15px;
  }
}
.container-layout-title .summary {
  font-family: "PT Sans", sans-serif;
  font-size: 1.0833rem;
  margin-bottom: 30px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .container-layout-title {
    padding-left: 0;
    padding-right: 0;
  }
}

.container-fluid-1200 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid-900 {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  padding-left: 15px;
  padding-right: 15px;
}

#breadcrumbs {
  background-color: #F8F8F8;
  display: none;
}
#breadcrumbs ul {
  list-style-image: none;
}
#breadcrumbs .breadcrumb {
  margin-bottom: 1em;
  margin-top: 1em;
  background-color: #FBFBFB;
  border-radius: 0;
  padding: 0;
}
#breadcrumbs .breadcrumb-horizontal > li + li:before {
  content: "/";
  background: none;
  top: inherit;
  margin-top: inherit;
}
@media screen and (min-width: 900px) {
  #breadcrumbs {
    display: block;
  }
}

.hidrogea-web-map .icon-external {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-link-external-webmap.png");
}
.hidrogea-web-map h1 {
  border-bottom: 3px solid #94ADC5;
  font-size: 1.4em;
  text-transform: uppercase;
  font-family: "OpenSans-Bold", sans-serif;
  padding-bottom: 5px;
  margin-top: 1em;
}
.hidrogea-web-map h1 a {
  color: #013871;
}
.hidrogea-web-map .title-grouper {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
  display: block;
  color: #365A88;
}
.hidrogea-web-map ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hidrogea-web-map .list-child-menu li {
  margin-bottom: 5px;
}
.hidrogea-web-map .list-child-menu li.child-orphan a {
  font-family: "OpenSans-SemiBold", sans-serif;
  text-transform: uppercase;
}
.hidrogea-web-map .list-child-menu > li {
  border-left: 1px solid #94ADC5;
}
.hidrogea-web-map .list-child-menu > li:first-child {
  border-left: 0;
}
@media screen and (max-width: 900px) {
  .hidrogea-web-map .list-child-menu > li {
    border-left: 0;
    margin-bottom: 1em;
  }
}
.hidrogea-web-map .list-child-menu + .list-child-menu {
  border-top: 1px solid #94ADC5;
  padding-top: 1em;
  margin-top: 1em;
}

.wrapper-cookies {
  display: none;
  background-color: #595959;
  padding: 1em 0;
  color: #DCDCDC;
}
@media screen and (max-width: 900px) {
  .wrapper-cookies {
    padding: 10px 15px;
  }
}
.wrapper-cookies span {
  vertical-align: middle;
}
.wrapper-cookies a {
  color: #DCDCDC;
  text-decoration: underline;
}
.wrapper-cookies a:focus {
  outline: #00EB08 solid 2px !important;
}
.wrapper-cookies #cookie-info {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("/o/classic-theme/images/hidrogea/icon-info-cookie.png") no-repeat center;
}
.wrapper-cookies #btn-cookies {
  float: right;
}
.wrapper-cookies #btn-cookies a {
  text-decoration: none;
  display: block;
  width: 25px;
  height: 25px;
  background: url("/o/classic-theme/images/hidrogea/icon-close-cookie.png") no-repeat center;
  font-size: 0;
}

a#to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  font-size: 2.1667rem;
  color: white;
  z-index: 9999;
  border-radius: 50%;
}
a#to-top:hover, a#to-top:focus, a#to-top:active {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
}
a#to-top.visible {
  display: block;
}
@media (max-width: 500px) {
  a#to-top.visible {
    display: none;
  }
}

.marginTop50 {
  margin-top: 50px;
}

.content-agbar #column-1 .generic-content.noticia .ov-container {
  width: 1170px;
}
@media screen and (max-width: 768px) {
  .content-agbar #column-1 .generic-content.noticia .ov-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 900px) {
  .content-agbar #column-1 .generic-content.noticia .ov-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 900px) {
  .content-agbar #column-1 .generic-content.noticia .ov-container {
    width: 100% !important;
  }
}

.dropdown button {
  background-color: #97BA3C;
  margin: 0 0 0 10px;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #013871;
  border: none;
  border-radius: 30px;
  padding: 5px 100px 5px 25px;
  background-image: url("/o/diligentia-theme-1.0/images/hidrogea/angle-down-select.png");
  background-repeat: no-repeat;
  background-position: 92% center;
  font-size: 1.17rem;
  background-size: 16px auto;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}
.dropdown ul.dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.errores_container {
  margin-bottom: -20px;
}

.login.errores p {
  margin-bottom: 0px;
  color: #a94442;
  font-size: 0.85em;
  font-weight: bold;
}

.info-acceso {
  z-index: 100;
}

.alert-danger.alert-danger-content {
  font-weight: 900;
}

.alert-warning.alert-warning-content {
  font-weight: 900;
}

.hidden-download-link {
  display: block;
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-indent: -9999px;
}

#install-app-wrapper {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #013871;
  text-align: center;
  z-index: 1000;
}
#install-app-wrapper #install-app-close {
  margin-right: 10px;
  width: fit-content;
  float: right;
  color: white;
  font-weight: bold;
}
#install-app-wrapper #install-app-close #install-close {
  cursor: pointer;
}
#install-app-wrapper #install-app-label {
  text-align: center;
  color: white;
}
#install-app-wrapper #install-button {
  border: none;
  color: white;
  background-color: #013871;
  margin-top: 4%;
  margin-bottom: 2%;
  text-decoration: underline;
  font-weight: bold;
}

.portlet-header, .hide-accessible, .portlet-icon-back {
  display: none;
}

.cruz-class-msg {
  float: right;
  color: #a94442;
  width: 100%;
  margin-left: -6px;
}

.cruz-class {
  width: 95% !important;
  float: right;
}

.add-file {
  left: 5% !important;
}

.cruz-css, a:hover.cruz-css, a:focus.cruz-css, a:visited.cruz-css {
  text-decoration: none !important;
  margin-left: 1%;
  color: #013871;
}

/* home selector*/
#home-selector {
  height: 400px;
  background-image: url(/o/classic-theme/images/hidrogea/background-home-selector-mixta.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#home-selector h2 {
  text-align: center;
  color: #fff;
  margin-top: 130px;
  margin-bottom: 25px;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 2.3333rem;
}

#home-selector select {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4167rem;
}

.orange-theme #home-selector,
.blue-theme #home-selector {
  height: 300px;
  background-image: url(/o/classic-theme/images/hidrogea/background-home-selector.jpg);
}

.orange-theme #home-selector h2,
.blue-theme #home-selector h2 {
  margin-top: 90px;
}

#home-selector .formularios select.form-control {
  background-image: url(/o/classic-theme/images/hidrogea/selector-home.png);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: inherit;
}

#home-selector select.form-control {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  background-position: right 15px center;
  border: none;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #013871;
  min-height: 45px;
  line-height: normal;
}

#home-selector label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  font-size: 85%;
  font-weight: normal;
  padding-left: 5px;
}

.formularios {
  /*Form Wizard*/
  /*END Form Wizard*/
  /* Solo para Alta de suministro */
  /* Paginación */
  /* Tooltip*/
  /**/
  /* Accordion*/
  /*  */
}
.formularios .form-group .glyphicon-menu-down {
  position: absolute;
  bottom: 30px;
  right: 2px;
  top: unset;
}
.formularios .row.bs-wizard {
  margin-top: 40px;
}
.formularios li.bs-wizard-step {
  list-style: none;
}
.formularios .bs-wizard {
  padding: 0 0 10px 0;
}
.formularios .bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
.formularios .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 1rem;
  margin-bottom: 5px;
}
.formularios .bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #003874;
  font-size: 0.8333rem;
  font-family: "OpenSans-Light", sans-serif;
}
.formularios .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  font-family: "OpenSans-Regular", sans-serif;
  line-height: 2.1;
  font-size: 1.17rem;
  text-align: center;
  position: absolute;
  width: 40px;
  height: 40px;
  display: block;
  background: #003874;
  top: 25px;
  left: 50%;
  margin-top: -15px;
  margin-left: -20px;
  border-radius: 50%;
}
.formularios .bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 2px;
  box-shadow: none;
  margin: 30px 0;
  background-color: #d3dae0;
}
.formularios .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #013870;
}
.formularios .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.formularios .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.formularios #d3dae0 .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.formularios .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #d3dce5;
}
.formularios .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.formularios .bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.formularios .bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.formularios .step-ok {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M53.6,306.1l33.2-36.8c5.1-5.7,13.8-6.2,19.6-1.2l63.3,55.4c5.5,4.8,13.9,4.6,19.1-0.6L414.1,97.4c5.5-5.5,14.3-5.5,19.7,0 l42,42c5.5,5.5,5.5,14.3,0,19.7L193.4,441.7c-5.4,5.4-14.1,5.5-19.6,0.1L54.2,325.4C48.8,320.2,48.6,311.7,53.6,306.1z'%20fill='%23ffffff'/%3E%3C/svg%3E");
  background-image: none \9 ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px auto;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 26px;
  padding-right: 0 \9 ;
}
.formularios .step-pencil {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <path fill="white" d="M498.6,124.1L197.9,424.7c-3.5,3.5-9.3,3.5-12.8,0L104,343.6c-3.5-3.5-3.5-9.3,0-12.8L404.6,30.1 c3.5-3.5,9.3-3.5,12.8,0l81.1,81.1C502.1,114.8,502.1,120.5,498.6,124.1z"/><path fill="white" d="M163.2,441.2l-77.4-77.4c-5.5-5.5-15-2.8-16.7,4.9L46.5,472.3c-1.6,7.2,5,13.5,12.2,11.7l100.1-26.2 C166.1,455.8,168.6,446.6,163.2,441.2z"/></g></svg>');
  background-image: none \9 ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px auto;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 26px;
  padding-right: 0 \9 ;
}
.formularios header .volver {
  display: none;
}
@media (max-width: 768px) {
  .formularios header {
    padding-top: 15px;
  }
  .formularios .row.bs-wizard {
    margin-top: 10px;
  }
  .formularios .volver {
    display: none;
  }
  .formularios header .volver {
    width: 28px;
    display: table-cell;
    vertical-align: middle;
    height: 40.6px;
    margin-right: 20px;
  }
  .formularios header .volver svg {
    vertical-align: middle;
  }
  .formularios header h1 {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
  }
}
.formularios form {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .formularios header {
    background-color: transparent;
    margin-bottom: 0;
  }
  .formularios header h1 {
    text-transform: uppercase;
  }
  .formularios .bs-wizard {
    padding: 12px 0;
    background-color: #2a4c81;
  }
  .formularios .bs-wizard-step.active .bs-wizard-info.text-center {
    color: #fff;
  }
  .formularios .bs-wizard-info .badge {
    background-color: #97BA3C;
    color: #013871;
  }
  .orange-theme .formularios .bs-wizard-info .badge {
    background-color: #ea8a02;
  }
  .blue-theme .formularios .bs-wizard-info .badge {
    background-color: #28234e;
    color: #FFF;
  }
  .formularios .bs-wizard-info:first-letter {
    text-transform: uppercase;
  }
  .formularios .bs-wizard-info .badge span {
    font-size: 150%;
  }
  .formularios .bs-wizard-info {
    font-size: 1.6667rem;
  }
  .formularios form {
    margin-top: 0px;
  }
}
.formularios .row.bs-wizard .bs-wizard-step {
  width: 20%;
}
.formularios .row.bs-wizard .bs-wizard-step-as {
  width: 14% !important;
}
.formularios .btn {
  font-size: 1.0833rem;
  font-family: "OpenSans-Bold", sans-serif;
  font-weight: bold;
}
.formularios .btn:hover,
.formularios .btn:focus,
.formularios .btn.focus {
  color: #555;
  text-decoration: none;
}
.formularios .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot {
  color: #fff;
}
.formularios .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
  background-color: #97BA3C;
  color: #013871;
}
.orange-theme .formularios .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
  background-color: #ea8a02;
}
.blue-theme .formularios .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
  background-color: #28234e;
  color: #FFF;
}
.formularios .bs-wizard > .bs-wizard-step.active > .bs-wizard-info {
  font-family: "OpenSans-SemiBold", sans-serif;
}
.formularios .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  color: #003874;
}
.formularios .bs-wizard-info .badge {
  display: none;
}
@media (max-width: 768px) {
  .formularios .bs-wizard-step {
    display: none;
  }
  .formularios .bs-wizard-step.active {
    display: block;
    padding: 0 15px;
  }
  .formularios .bs-wizard-step.active .progress {
    display: none;
  }
  .formularios .bs-wizard-step.active .bs-wizard-dot {
    display: none;
  }
  .formularios .bs-wizard-step.active .bs-wizard-info.text-center {
    text-align: left;
    font-size: 1.6667rem;
    line-height: 1.8;
    font-family: "OpenSans-Regular", sans-serif;
  }
  .formularios .bs-wizard-info .badge {
    display: inline-block;
    padding: 12px 9px;
    white-space: normal;
    margin-left: 10px;
    float: right;
  }
  .formularios .row.bs-wizard .bs-wizard-step {
    width: 100%;
  }
}
.formularios .row {
  /*
   margin-top: 20px;
   margin-bottom: 20px;
   */
}
.formularios header h1 {
  color: #013871;
  font-size: 1.8em;
}
.formularios {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.0833rem;
}
.formularios h2 {
  color: #013871;
  margin: 40px 0 20px;
  font-size: 1.6667rem;
}
.formularios h2.gris {
  color: #555;
  margin: 40px 0 10px;
  font-size: 1.17rem;
  font-family: "OpenSans-Regular", sans-serif;
}
@media (max-width: 768px) {
  .formularios header h1 {
    font-size: 2em;
  }
  .formularios h2 {
    font-family: "OpenSans-Regular", sans-serif;
  }
}
.formularios form .col-xs-1,
.formularios form .col-sm-1,
.formularios form .col-md-1,
.formularios form .col-lg-1,
.formularios form .col-xs-2,
.formularios form .col-sm-2,
.formularios form .col-md-2,
.formularios form .col-lg-2,
.formularios form .col-xs-3,
.formularios form .col-sm-3,
.formularios form .col-md-3,
.formularios form .col-lg-3,
.formularios form .col-xs-4,
.formularios form .col-sm-4,
.formularios form .col-md-4,
.formularios form .col-lg-4,
.formularios form .col-xs-5,
.formularios form .col-sm-5,
.formularios form .col-md-5,
.formularios form .col-lg-5,
.formularios form .col-xs-6,
.formularios form .col-sm-6,
.formularios form .col-md-6,
.formularios form .col-lg-6,
.formularios form .col-xs-7,
.formularios form .col-sm-7,
.formularios form .col-md-7,
.formularios form .col-lg-7,
.formularios form .col-xs-8,
.formularios form .col-sm-8,
.formularios form .col-md-8,
.formularios form .col-lg-8,
.formularios form .col-xs-9,
.formularios form .col-sm-9,
.formularios form .col-md-9,
.formularios form .col-lg-9,
.formularios form .col-xs-10,
.formularios form .col-sm-10,
.formularios form .col-md-10,
.formularios form .col-lg-10,
.formularios form .col-xs-11,
.formularios form .col-sm-11,
.formularios form .col-md-11,
.formularios form .col-lg-11,
.formularios form .col-xs-12,
.formularios form .col-sm-12,
.formularios form .col-md-12,
.formularios form .col-lg-12 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .formularios form .row {
    margin-top: 0;
    margin-bottom: 0;
  }
  .formularios h2 {
    margin: 20px 0 10px;
  }
}
.formularios .form-group,
.formularios .input-group {
  position: relative;
  font-family: "OpenSans-Regular", sans-serif;
}
.formularios .form-group.empty,
.formularios .input-group.empty {
  font-family: "OpenSans-Light", sans-serif;
}
.formularios .form-group label,
.formularios .input-group label,
.formularios .label-file {
  font-size: 85%;
  font-weight: normal;
  margin: 5px 0 0 0;
  position: relative;
  color: #666;
}
.formularios .row.readonly .form-group label,
.formularios .row.readonly .input-group label,
.formularios .row.readonly .label-file {
  color: rgba(0, 0, 0, 0.35);
}
.formularios .form-group .help-block,
.formularios .input-group .help-block {
  font-family: "OpenSans-Light", sans-serif;
}
.formularios .help-block strong {
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: normal;
}
.formularios .form-group label,
.formularios .input-group label {
  font-family: "OpenSans-Light", sans-serif;
}
.formularios .label-file {
  display: inline-block;
}
.formularios .input-group.empty label,
.formularios .form-group.empty label,
.formularios .form-group.has-success label,
.formularios .form-group.has-warning label,
.formularios .form-group.has-error label,
.formularios .input-group.has-success label,
.formularios .input-group.has-warning label,
.formularios .input-group.has-error label,
.formularios .f-search label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  font-size: 85%;
  font-weight: normal;
  padding-left: 5px;
}
.formularios .has-success label {
  color: #3c763d;
}
.formularios .has-warning label {
  color: #8a6d3b;
}
.formularios .has-error label {
  color: #bd0404;
}
.formularios .bg-success .glyphicon,
.formularios .bg-info .glyphicon,
.formularios .bg-warning .glyphicon,
.formularios .bg-danger .glyphicon {
  margin-right: 10px;
  font-size: 125%;
}
.formularios .lead .lexicon-icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.formularios .yui3-widget-bd {
  font-weight: bold;
}
.formularios .bg-success .glyphicon,
.formularios .bg-info .glyphicon,
.formularios .bg-warning .glyphicon,
.formularios .bg-danger .glyphicon {
  margin-right: 10px;
  font-size: 125%;
}
.formularios .bg-success,
.formularios .bg-info,
.formularios .bg-warning,
.formularios .bg-danger {
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px;
}
.formularios .bg-success {
  color: #159504;
  border: 1px solid #159504;
}
.formularios .bg-info {
  color: #737373 !important;
  border: 1px solid #013871 !important;
  background-color: #ecf0f6 !important;
}
.formularios .bg-info .texto-info {
  float: left;
  width: calc(100% - 50px);
}
@media (max-width: 768px) {
  .formularios .bg-info .texto-info {
    float: none;
    width: 100%;
    padding-left: 35px;
  }
}
.formularios .bg-info .icono-info {
  float: left;
  width: 50px;
  margin-top: 3px;
  color: #013871;
}
.formularios .bg-info .icono-info span.glyphicon.glyphicon-info-sign {
  margin-left: 10px;
}
@media (max-width: 768px) {
  .formularios .bg-info .icono-info {
    width: 35px;
  }
  .formularios .bg-info .icono-info span.glyphicon.glyphicon-info-sign {
    margin: 0px;
  }
}
.formularios .bg-warning {
  color: #8a6d3b;
  border: 1px solid #8a6d3b;
}
.formularios .bg-danger {
  color: #a94442;
  border: 1px solid #a94442;
  background-color: #f8e4dd !important;
}
.formularios .lfr-alert-container {
  margin-right: -15px;
  margin-left: -15px;
}
.formularios .form-control {
  font-size: 1.17rem;
}
.formularios .form-control,
.formularios .has-success .form-control,
.formularios .has-warning .form-control,
.formularios .has-error .form-control {
  border: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  box-shadow: none;
  border-radius: 0;
  padding-left: 5px;
  border-bottom-color: #666;
}
.formularios .empty .form-control {
  border-bottom-width: 1px;
  border-bottom-color: #666;
}
.formularios .has-success .form-control {
  border-bottom-color: #3c763d;
}
.formularios .has-warning .form-control {
  border-bottom-color: #8a6d3b;
}
.formularios .has-error .form-control {
  border-bottom-color: #bd0404;
}
.formularios .form-control:focus,
.formularios .has-success .form-control:focus,
.formularios .has-warning .form-control:focus,
.formularios .has-error .form-control:focus {
  box-shadow: none;
  border-bottom-color: #66afe9;
}
.formularios .form-group.required.empty:after,
.formularios .input-group.required.empty::after {
  color: #b80711;
  content: "*";
  font-family: "OpenSans-SemiBold", sans-serif;
  left: 3px;
  position: absolute;
  top: 7px;
  /*z-index: 200;*/
}
.formularios .form-group.required.empty .form-control,
.formularios .input-group.required.empty .form-control {
  padding-left: 20px;
  color: #555;
  opacity: 0.8;
}
.formularios .form-group .help-block,
.formularios .input-group .help-block {
  font-size: 85%;
}
.formularios .input-group.date .help-block,
.formularios .input-group.date label {
  display: table-footer-group;
}
.formularios select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1c3.5,7,0.8,15.5-6.1,19.1L255,331.9z'%20fill='black'/%3E%3C/svg%3E");*/
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 18px;
  padding-right: 0 \9 ;
}
.formularios .input-group {
  z-index: 0;
}
.formularios .input-group-addon,
.formularios .input-group-btn {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #999;
}
.formularios .form-file-upload .input-group-btn {
  background-color: #013871;
}
.formularios .input-group-btn .btn.btn-default {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-weight: 800;
  padding: 0 15px;
}
.formularios select.form-control:focus {
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1 c3.5,7,0.8,15.5-6.1,19.1L255,331.9z'%20fill='%2365B6F0'/%3E%3C/svg%3E");
  background-image: none \9;*/
}
.formularios select.form-control:-ms-expand {
  display: none;
}
.formularios .radio input[type=radio],
.formularios .radio-inline input[type=radio],
.formularios .checkbox input.checkbox-deco[type=checkbox],
.formularios .checkbox-inline input.checkbox-deco[type=checkbox] {
  height: 20px;
  margin-left: -25px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.formularios [type=radio]:not(:checked),
.formularios [type=radio]:checked {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.formularios [type=radio]:not(:checked) + label,
.formularios [type=radio]:checked + label,
.formularios .label-before-radio:not(.checked),
.formularios .label-before-radio.checked {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-left: 35px;
  padding-right: 50px;
  position: relative;
  transition: all 0.28s ease 0s;
}
.formularios [type=radio] + label:before,
.formularios [type=radio] + label:after,
.formularios .label-before-radio:before,
.formularios .label-before-radio:after {
  content: "";
  height: 16px;
  left: 0;
  margin: 4px;
  position: absolute;
  top: 0;
  transition: all 0.28s ease 0s;
  width: 16px;
  z-index: 0;
}
.formularios [type=radio]:not(:checked) + label:before,
.formularios [type=radio]:not(:checked) + label:after,
.formularios [type=radio]:checked + label:before,
.formularios [type=radio]:checked + label:after,
.formularios .with-gap[type=radio]:checked + label:before,
.formularios .with-gap[type=radio]:checked + label:after,
.formularios .label-before-radio:not(.checked):before,
.formularios .label-before-radio:not(.checked):after,
.formularios .label-before-radio.checked:before,
.formularios .label-before-radio.checked:after,
.formularios .label-before-radio.with-gap.checked:before,
.formularios .label-before-radio.with-gap.checked:after {
  border-radius: 50%;
}
.formularios [type=radio]:not(:checked) + label:before,
.formularios [type=radio]:not(:checked) + label:after,
.formularios .label-before-radio:not(.checked):before,
.formularios .label-before-radio:not(.checked):after {
  border: 1px solid #999;
}
.formularios [type=radio]:not(:checked) + label:after,
.formularios .label-before-radio:not(.checked):after {
  transform: scale(0);
}
.formularios [type=radio]:checked + label:before,
.formularios .label-before-radio.checked:before {
  border: 1px solid transparent;
}
.formularios [type=radio]:checked + label:after,
.formularios .with-gap[type=radio]:checked + label:before,
.formularios .with-gap[type=radio]:checked + label:after,
.formularios .label-before-radio.checked:after,
.formularios .label-before-radio.with-gap.checked:before,
.formularios .label-before-radio.with-gap.checked:after {
  border: 1px solid #666;
}
.formularios [type=radio]:checked + label:after,
.formularios .with-gap[type=radio]:checked + label:after,
.formularios .label-before-radio.checked:after,
.formularios .label-before-radio.with-gap.checked:after {
  background-color: #666;
}
.formularios [type=radio]:checked + label:after,
.formularios .label-before-radio.checked:after {
  transform: scale(1.02);
}
.formularios .with-gap[type=radio]:checked + label:after,
.formularios .label-before-radio.with-gap.checked:after {
  transform: scale(0.5);
}
.formularios [type=radio]:focus + label:before,
.formularios .label-before-radio.focused:before {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}
.formularios .with-gap[type=radio]:disabled:checked + label:before,
.formularios .label-before-radio.disabled.checked:before {
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.formularios .with-gap[type=radio]:disabled:checked + label:after,
.formularios .label-before-radio.disabled.checked:after {
  background-color: rgba(0, 0, 0, 0.35);
  border: medium none;
}
.formularios [type=radio]:disabled:not(:checked) + label:before,
.formularios [type=radio]:disabled:checked + label:before,
.formularios .label-before-radio.disabled:not(.checked):before,
.formularios .label-before-radio.disabled.checked:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
}
.formularios [type=radio]:disabled + label,
.formularios .label-before-radio.disabled,
.formularios .checkbox-deco[type=checkbox]:disabled + label,
.formularios .label-before-checkbox.disabled {
  color: rgba(0, 0, 0, 0.35);
}
.formularios [type=radio]:disabled:not(:checked) + label:before,
.formularios .label-before-radio.disabled:not(.checked):before {
  border-color: rgba(0, 0, 0, 0.2);
}
.formularios [type=radio]:disabled:checked + label:after,
.formularios .label-before-radio.disabled.checked:after {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: #949494;
}
.formularios .checkbox-deco[type=checkbox]:not(:checked),
.formularios .checkbox-deco[type=checkbox]:checked {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.formularios .checkbox-deco[type=checkbox] + label,
.formularios .label-before-checkbox.with-deco {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-left: 35px;
  padding-right: 50px;
  position: relative;
}
.formularios .checkbox-deco[type=checkbox] + label:before,
.formularios .checkbox-deco[type=checkbox]:not(.filled-in) + label:after,
.formularios .label-before-checkbox.with-deco:before,
.formularios .label-before-checkbox.with-deco:not(.is-filled-in):after {
  border: 1px solid #999;
  border-radius: 3px;
  content: "";
  height: 18px;
  left: 0;
  margin-top: 2px;
  position: absolute;
  top: 0;
  transition: all 0.2s ease 0s;
  width: 18px;
  z-index: 0;
}
.formularios .checkbox-deco[type=checkbox]:not(.filled-in) + label:after,
.formularios .label-before-checkbox.with-deco:not(.is-filled-in):after {
  border: 0 none;
  transform: scale(0);
}
.formularios .checkbox-deco[type=checkbox]:disabled:not(:checked) + label:before,
.formularios .label-before-checkbox.with-deco.disabled:not(.checked):before {
  background-color: rgba(0, 0, 0, 0.15);
  border: medium none;
}
.formularios .checkbox-deco[type=checkbox]:focus + label:after,
.formularios .label-before-checkbox.with-deco.focused:after {
  background-color: rgba(0, 0, 0, 0.1);
  border: 0 none;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1) !important;
  transform: scale(1);
}
.formularios .checkbox-deco[type=checkbox]:checked + label:before,
.formularios .label-before-checkbox.with-deco.checked:before {
  backface-visibility: hidden;
  border-color: transparent #26a69a #26a69a transparent;
  border-style: solid;
  border-width: px;
  height: 22px;
  left: -5px;
  top: -4px;
  transform: rotate(40deg);
  transform-origin: 100% 100% 0;
  width: 12px;
}
.formularios .checkbox-deco[type=checkbox]:checked:disabled + label:before,
.formularios .label-before-checkbox.with-deco.checked.disabled:before {
  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
  border-right: 2px solid rgba(0, 0, 0, 0.42);
}
.formularios .checkbox-deco[type=checkbox]:indeterminate + label:before,
.formularios .label-before-checkbox.with-deco.indeterminated:before {
  backface-visibility: hidden;
  border-color: currentcolor #26a69a currentcolor currentcolor;
  border-style: none solid none none;
  border-width: medium 2px medium medium;
  height: 22px;
  left: -12px;
  top: -11px;
  transform: rotate(90deg);
  transform-origin: 100% 100% 0;
  width: 10px;
}
.formularios .checkbox-deco[type=checkbox]:indeterminate:disabled + label:before,
.formularios .label-before-checkbox.with-deco.indeterminated.disabled:before {
  background-color: transparent;
  border-right: 2px solid rgba(0, 0, 0, 0.42);
}
.formularios input.checkbox-deco[type=checkbox]:checked:not(:disabled) ~ .lever:active:before,
.formularios input.checkbox-deco[type=checkbox]:checked:focus:not(:disabled) ~ .lever:before,
.formularios .label-before-checkbox.with-deco.checked:not(.disabled) ~ .lever:active:before,
.formularios .label-before-checkbox.with-deco.checked.focused:not(.disabled) ~ .lever:before {
  background-color: rgba(38, 166, 154, 0.15);
  transform: scale(2.4);
}
.formularios input.checkbox-deco[type=checkbox]:not(:disabled) ~ .lever:active:before,
.formularios input.checkbox-deco[type=checkbox]:focus:not(:disabled) ~ .lever:before,
.formularios .label-before-checkbox.with-deco:not(.disabled) ~ .lever:active:before,
.formularios .label-before-checkbox.with-deco.focused:not(.disabled) ~ .lever:before {
  background-color: rgba(0, 0, 0, 0.08);
  transform: scale(2.4);
}
.formularios .radio-inline,
.formularios .checkbox-inline,
.formularios .radio,
.formularios .checkbox {
  height: auto !important;
  font-weight: normal;
}
.formularios .radio-inline,
.formularios .checkbox-inline {
  margin-bottom: 10px;
}
.formularios .radio,
.formularios .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.formularios .btn-primary {
  font-family: "OpenSans-Bold", sans-serif;
  color: #013871;
  background-color: #97BA3C;
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.orange-theme .formularios .btn-primary {
  background-color: #ea8a02;
}
.blue-theme .formularios .btn-primary {
  background-color: #28234e;
  color: #FFF;
}
.formularios .btn-primary:focus,
.formularios .btn-primary.focus {
  color: #013871;
  background-color: #149503;
}
.orange-theme .formularios .btn-primary:focus,
.orange-theme .formularios .btn-primary.focus {
  background-color: #ea6a02;
}
.blue-theme .formularios .btn-primary:focus,
.blue-theme .formularios .btn-primary.focus {
  background-color: #28234e;
  color: #FFF;
}
.formularios .btn-primary:hover {
  color: #013871;
  background-color: #149503;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
.orange-theme .formularios .btn-primary:hover {
  background-color: #ea6a02;
}
.blue-theme .formularios .btn-primary:hover {
  background-color: #28234e;
  color: #FFF;
}
.formularios .btn-primary:active,
.formularios .btn-primary.active,
.formularios .open > .dropdown-toggle.btn-primary {
  color: #013871;
  background-color: #149503;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
.orange-theme .formularios .btn-primary:active,
.orange-theme .formularios .btn-primary.active,
.orange-theme .formularios .open > .dropdown-toggle.btn-primary {
  background-color: #ea6a02;
}
.blue-theme .formularios .btn-primary:active,
.blue-theme .formularios .btn-primary.active,
.blue-theme .formularios .open > .dropdown-toggle.btn-primary {
  background-color: #28234e;
  color: #FFF;
}
.formularios .btn-primary:active:hover,
.formularios .btn-primary.active:hover,
.formularios .open > .dropdown-toggle.btn-primary:hover,
.formularios .btn-primary:active:focus,
.formularios .btn-primary.active:focus,
.formularios .open > .dropdown-toggle.btn-primary:focus,
.formularios .btn-primary:active.focus,
.formularios .btn-primary.active.focus,
.formularios .open > .dropdown-toggle.btn-primary.focus {
  color: #013871;
  background-color: #149503;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.orange-theme .formularios .btn-primary:active:hover,
.orange-theme .formularios .btn-primary.active:hover,
.orange-theme .formularios .open > .dropdown-toggle.btn-primary:hover,
.orange-theme .formularios .btn-primary:active:focus,
.orange-theme .formularios .btn-primary.active:focus,
.orange-theme .formularios .open > .dropdown-toggle.btn-primary:focus,
.orange-theme .formularios .btn-primary:active.focus,
.orange-theme .formularios .btn-primary.active.focus,
.orange-theme .formularios .open > .dropdown-toggle.btn-primary.focus {
  background-color: #ea6a02;
}
.blue-theme .formularios .btn-primary:active:hover,
.blue-theme .formularios .btn-primary.active:hover,
.blue-theme .formularios .open > .dropdown-toggle.btn-primary:hover,
.blue-theme .formularios .btn-primary:active:focus,
.blue-theme .formularios .btn-primary.active:focus,
.blue-theme .formularios .open > .dropdown-toggle.btn-primary:focus,
.blue-theme .formularios .btn-primary:active.focus,
.blue-theme .formularios .btn-primary.active.focus,
.blue-theme .formularios .open > .dropdown-toggle.btn-primary.focus {
  background-color: #28234e;
  color: #FFF;
}
.formularios .btn-secundary, .formularios .btn-add {
  font-family: "OpenSans-Bold", sans-serif;
  color: #003a64;
  background-color: #d3dce5;
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.formularios .btn-primary:focus,
.formularios .btn-primary.focus {
  color: #003a64;
  background-color: #adbccc;
}
.formularios .btn-secundary:hover, .formularios .btn-add:hover {
  color: #003a64;
  background-color: #adbccc;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
.formularios .btn-secundary:active,
.formularios .btn-add:active,
.formularios .btn-secundary.active,
.formularios .open > .dropdown-toggle.btn-secundary,
.formularios .open > .dropdown-toggle.btn-add {
  color: #003a64;
  background-color: #adbccc;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
.formularios .btn-secundary:active:hover,
.formularios .btn-add.active:hover,
.formularios .open > .dropdown-toggle.btn-secundary:hover,
.formularios .open > .dropdown-toggle.btn-add:hover,
.formularios .btn-secundary:active:focus,
.formularios .btn-add.active:focus,
.formularios .open > .dropdown-toggle.btn-secundary:focus,
.formularios .open > .dropdown-toggle.btn-add:focus,
.formularios .btn-secundary:active.focus,
.formularios .btn-add.active.focus,
.formularios .open > .dropdown-toggle.btn-secundary.focus,
.formularios .open > .dropdown-toggle.btn-add.focus {
  color: #003a64;
  background-color: #adbccc;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.formularios .btn-add span.btn-text {
  margin-left: 10px;
}
.formularios .btn-add span.glyphicon.glyphicon-plus-sign {
  top: 3px;
}
.formularios .btn-add {
  margin-right: 0px;
  padding: 5px 20px;
}
.formularios .form-file-upload.is-fileinput.form-file {
  width: calc(100% - 225px);
  float: left;
}
.formularios .text-right .btn-primary {
  margin-left: 15px;
}
.formularios .text-right .btn-secundary {
  margin-right: 15px;
}
@media (max-width: 768px) {
  .formularios .btn-secundary,
  .formularios .btn-primary {
    width: 100%;
    margin: 10px 0;
  }
  .formularios .text-right .btn-primary {
    margin-left: 0;
  }
  .formularios .text-right .btn-secundary {
    margin-right: 0;
  }
  .formularios .text-right .btn-add {
    margin-right: 0;
  }
}
.formularios .yui3-calendar-pane {
  width: 100%;
}
.formularios .yui3-calendar-grid {
  width: 100%;
}
.formularios .yui3-calendar-column-hidden,
.formularios .yui3-calendar-hidden {
  display: none;
}
.formularios .yui3-calendar-content {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(to left top, #f9f9f9 0px, #f2f2f2 100%) repeat scroll 0 0;
  border: 1px solid gray;
  border-radius: 5px;
  color: #000;
  padding: 10px;
}
.formularios .yui3-calendar-grid {
  border-collapse: collapse;
  padding: 5px;
}
.formularios .yui3-calendar-header {
  padding-bottom: 10px;
}
.formularios .yui3-calendar-header-label {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  text-align: center;
  width: 100%;
}
.formularios .yui3-calendar-day,
.formularios .yui3-calendar-prevmonth-day,
.formularios .yui3-calendar-nextmonth-day {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
}
.formularios .yui3-calendar-day:hover {
  background: #06c none repeat scroll 0 0;
  color: #fff;
}
.formularios .yui3-calendar-selection-disabled,
.formularios .yui3-calendar-selection-disabled:hover {
  background: #ccc none repeat scroll 0 0;
  color: #a6a6a6;
}
.formularios .yui3-calendar-weekday {
  font-weight: bold;
}
.formularios .yui3-calendar-prevmonth-day,
.formularios .yui3-calendar-nextmonth-day {
  color: #a6a6a6;
}
.formularios .yui3-calendar-day {
  font-weight: bold;
}
.formularios .yui3-calendar-day-selected {
  background-color: #b3d4ff;
  color: #000;
}
.formularios .yui3-calendar-left-grid {
  margin-right: 1em;
}
.formularios [dir=rtl] .yui3-calendar-left-grid,
.formularios [dir=rtl] .yui3-calendar-left-grid {
  margin-left: 1em;
  margin-right: auto;
}
.formularios .yui3-calendar-right-grid {
  margin-left: 1em;
}
.formularios [dir=rtl] .yui3-calendar-right-grid,
.formularios [dir=rtl] .yui3-calendar-right-grid {
  margin-left: auto;
  margin-right: 1em;
}
.formularios .yui3-calendar-day-highlighted {
  background-color: #dcdef5;
}
.formularios .yui3-calendar-day-selected.yui3-calendar-day-highlighted {
  background-color: #758fbb;
}
.formularios #yui3-css-stamp.skin-sam-calendar-base {
  display: none;
}
.formularios .yui3-calendar-header {
  position: relative;
  text-align: center;
  width: 100%;
}
.formularios .yui3-calendar-header-label {
  display: inline;
}
.formularios .yui3-calendarnav-prevmonth {
  cursor: pointer;
}
.formularios .yui3-calendarnav-nextmonth {
  cursor: pointer;
}
.formularios .yui3-calendarnav-prevmonth,
.formularios .yui3-calendarnav-nextmonth {
  border: 10px solid transparent;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 0;
}
.formularios .yui3-calendarnav-prevmonth:hover,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth:hover,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth:hover {
  border-right-color: #06c;
}
.formularios .yui3-calendarnav-nextmonth:hover,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth:hover,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth:hover {
  border-left-color: #06c;
}
.formularios .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled,
.formularios .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled:hover,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled:hover,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled:hover {
  border-left-color: transparent;
  border-right-color: #ccc;
  cursor: default;
}
.formularios .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled,
.formularios .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled:hover,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled:hover,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled:hover {
  border-left-color: #ccc;
  border-right-color: transparent;
  cursor: default;
}
.formularios .yui3-calendarnav-prevmonth {
  border-right-color: #000;
  left: 0;
  margin-left: -10px;
}
.formularios .yui3-calendarnav-nextmonth {
  border-left-color: #000;
  margin-right: -10px;
  right: 0;
}
.formularios [dir=rtl] .yui3-calendarnav-prevmonth,
.formularios [dir=rtl] .yui3-calendarnav-prevmonth {
  border-left-color: #000;
  border-right-color: transparent;
  left: auto;
  right: 0;
}
.formularios [dir=rtl] .yui3-calendarnav-nextmonth,
.formularios [dir=rtl] .yui3-calendarnav-nextmonth {
  border-left-color: transparent;
  border-right-color: #000;
  left: 0;
  right: auto;
}
.formularios #yui3-css-stamp.skin-sam-calendarnavigator {
  display: none;
}
.formularios .yui3-calendar-column-hidden,
.formularios .yui3-calendar-hidden {
  display: none;
}
.formularios .yui3-calendar-day {
  cursor: pointer;
}
.formularios .yui3-calendar-selection-disabled {
  cursor: default;
}
.formularios .yui3-calendar-prevmonth-day {
  cursor: default;
}
.formularios .yui3-calendar-nextmonth-day {
  cursor: default;
}
.formularios .yui3-calendar-content:hover .yui3-calendar-day,
.formularios .yui3-calendar-content:hover .yui3-calendar-prevmonth-day,
.formularios .yui3-calendar-content:hover .yui3-calendar-nextmonth-day {
  -moz-user-select: none;
}
.formularios .yui3-calendar-day-highlighted {
  background-color: #dcdef5;
}
.formularios .yui3-calendar-day-selected.yui3-calendar-day-highlighted {
  background-color: #758fbb;
}
.formularios #yui3-css-stamp.skin-sam-calendar {
  display: none;
}
.formularios .file-upload {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.formularios .input-group.file-upload label {
  display: inline-block;
  float: left;
  font-size: 100%;
  height: auto;
  margin: 10px 0 0;
  position: relative;
  width: auto;
  max-width: 50%;
  padding-bottom: 10px;
}
.formularios input[type=file] {
  display: inline-block;
  float: right;
  padding: 10px 0;
}
.formularios .input-group button.w-help,
.formularios .form-group button.w-help,
.formularios button.w-help {
  margin-left: 20px;
  /*margin-top: 12px;*/
  /*color: #000;*/
  color: #013871;
  border: 0;
  background-color: transparent;
}
.formularios .form-group.w-help label {
  display: inline;
}
.formularios .form-group button.w-help {
  margin-left: 0;
  margin-top: 5px;
  position: relative;
}
@media (max-width: 1200px) {
  .formularios .input-group.file-upload label {
    max-width: 42%;
    padding-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .formularios .input-group.file-upload label {
    max-width: 39%;
  }
}
@media (max-width: 768px) {
  .formularios .input-group.file-upload label {
    max-width: 100%;
    width: 100%;
  }
  .formularios input[type=file] {
    display: inline-block;
    float: left;
    padding: 10px 0;
  }
}
.formularios .red {
  color: #a94442;
  font-family: "OpenSans-SemiBold", sans-serif;
}
.formularios .pagination > li > a,
.formularios .pagination > li > span {
  border: 0;
  margin-left: -1px;
  padding: 6px 12px;
  text-decoration: underline;
}
.formularios .pagination > li > a:hover,
.formularios .pagination > li > span:hover,
.formularios .pagination > li > a:focus,
.formularios .pagination > li > span:focus {
  background: transparent;
  border: 0;
}
.formularios .pagination > .active > a,
.formularios .pagination > .active > a:hover,
.formularios .pagination > .active > a:focus,
.formularios .pagination > .active > span,
.formularios .pagination > .active > span:hover,
.formularios .pagination > .active > span:focus {
  background-color: #97BA3C;
  border: none;
  color: #fff;
  cursor: default;
  z-index: 2;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  margin-left: 2px;
}
.formularios .volver {
  text-decoration: underline;
  font-size: 1rem;
  line-height: 2;
}
.formularios .button-group {
  margin-top: 40px;
}
.formularios .button-group a.volver {
  float: left;
  line-height: 2;
}
.formularios .form-file-upload {
  position: relative;
}
.formularios .form-file-upload input[type=file] {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
.formularios input[type=file] {
  display: block;
}
.formularios .form-file-upload .input-group {
  width: 100%;
}
.formularios .input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}
.formularios .btn-file {
  font-size: 0.92rem;
  /*background-color: #989898;*/
  background-color: #013871;
  color: #fff;
  border: 0;
  padding: 0 10px;
}
.formularios .form-file-upload-help {
  margin-bottom: 0;
}
.formularios .w-help.help-input-file {
  margin-left: 0;
  margin-top: 5px;
}
.formularios .btn-file {
  font-size: 0;
}
.formularios .btn-file:before {
  font-size: 0.92rem;
  /* content: " Seleccionar archivo"; */
}
@media (max-width: 768px) {
  .formularios .btn-file:before {
    font-size: 0.92rem;
    content: " Selecciona";
  }
}
.formularios .tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.formularios .tooltip-arrow {
  display: none;
}
.formularios .tooltip-inner {
  border-radius: 0;
  padding: 20px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: left;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  opacity: 1;
  min-width: 350px;
}
@media (max-width: 768px) {
  .formularios .tooltip-inner {
    min-width: 250px;
  }
}
.formularios .alert-danger,
.formularios .alert-success,
.formularios .alert-info,
.formularios .portlet-msg-error {
  background-color: #fff;
}
.formularios .alert-danger {
  color: #bd0404;
}
.formularios .alert-success {
  color: #159504;
}
.formularios .alert-info {
  color: #013871;
}
.formularios .table > thead > tr > th {
  vertical-align: top;
}
.formularios .form-control[disabled],
.formularios .form-control[readonly],
.formularios fieldset[disabled] .form-control {
  background-color: transparent;
  border-bottom-style: dashed;
  color: #6E6E6E;
  /*color: rgba(0, 0, 0, 0.35);
  border-color: rgba(0,0,0,0.35);*/
}
.formularios .form-group.required.empty .form-control,
.formularios .input-group.required.empty .form-control {
  opacity: 1;
}
.formularios .form-group.disabled,
.formularios .input-group.disabled {
  opacity: 0.35;
}
.formularios :-webkit-input-placeholder {
  color: #555 !important;
  opacity: 1 !important;
}
.formularios ::-moz-placeholder {
  /* Firefox 18- */
  color: #555 !important;
  opacity: 1 !important;
}
.formularios :-moz-placeholder {
  /* Firefox 19+ */
  color: #555 !important;
  opacity: 1 !important;
}
.formularios :-ms-input-placeholder {
  color: #555 !important;
  opacity: 1 !important;
}
.formularios .form-group label.label-file-selec {
  font-size: 0;
}
.formularios h2.gris.has-error {
  margin-bottom: 0;
}
.formularios .has-error .input-group-addon {
  background-color: #999;
  border-bottom: 2px solid #bd0404;
  color: #fff;
}
.formularios .help-block {
  font-size: 85%;
}
.formularios .form-group,
.formularios .input-group,
.formularios .form-group.has-error,
.formularios .input-group.has-error,
.formularios .form-group.has-error.empty,
.formularios .input-group.has-error.empty {
  margin-bottom: -27px;
}
.formularios .form-group.has-error,
.formularios .input-group.has-error {
  margin-bottom: -37px;
}
.formularios .form-group.empty,
.formularios .input-group.empty {
  margin-bottom: 0;
}
.formularios .form-file-upload .form-group,
.formularios .form-file-upload .input-group,
.formularios .form-file-upload .form-group.has-error,
.formularios .form-file-upload .input-group.has-error,
.formularios .form-file-upload .form-group.has-error.empty,
.formularios .form-file-upload .input-group.has-error.empty {
  margin-bottom: 0;
}
.formularios .form-group-file {
  margin-bottom: -25px;
}
.formularios .form-group.form-group-file.has-error.empty,
.formularios .form-group.form-group-file.has-error {
  margin-bottom: -37px;
}
.formularios .date {
  margin-bottom: -21px;
}
.formularios .form-group-file.empty {
  margin-bottom: 0;
}
.formularios .date.form-group.has-error,
.formularios .date.input-group.has-error {
  margin-bottom: -27px;
}
.formularios .datepicker-popover {
  z-index: 1000 !important;
}
.formularios button.w-help {
  line-height: 0;
}
.formularios .group-help {
  margin-bottom: -27px !important;
}
.formularios .accordion .panel {
  background-color: #fbfbff;
  margin-bottom: 30px;
  border-width: 0;
  box-shadow: none;
}
.formularios .panel {
  border-width: 1px;
}
.formularios .accordion .accordion-toggle {
  display: block;
  padding: 10px;
  margin-right: 25px;
  color: #013871;
  font-family: "OpenSans-Regular", sans-serif;
  text-decoration: none;
  -moz-appearance: none;
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20width=\'512\'%20height=\'512\'%20viewBox=\'0%200%20512%20512\'%3E%3Cpath%20class=\'lexicon-icon-outline\'%20d=\'M251,181.9l241.3,123.2c6.9,3.5,9.7,12,6.2,19s-11.9,9.8-18.8,6.3L251.1,213.6L26.3,330.3	c-6.9,3.6-15.3,0.8-18.8-6.1c-3.5-7-0.8-15.5,6.1-19.1L251,181.9z\'%20fill=\'%23869CAD\'/%3E%3C/svg%3E");*/
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}
.formularios .accordion-toggle.collapsed {
  -moz-appearance: none;
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20width=\'512\'%20height=\'512\'%20viewBox=\'0%200%20512%20512\'%3E%3Cpath%20class=\'lexicon-icon-outline\'%20d=\'M255,331.9L13.7,208.7c-6.9-3.5-9.7-12-6.2-19c3.5-7,11.9-9.8,18.8-6.3l228.6,116.8l224.8-116.7c6.9-3.6,15.3-0.8,18.8,6.1 c3.5,7,0.8,15.5-6.1,19.1L255,331.9z\'%20fill=\'%23869CAD\'/%3E%3C/svg%3E");*/
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}
.formularios .accordion .accordion-inner {
  position: relative;
}
.formularios .accordion .accordion-body {
  padding: 25px;
}
.formularios .accordion .accordion-inner .data-group {
  margin-bottom: 10px;
}
.formularios .accordion .accordion-inner .concept {
  color: #013871;
  font-family: "OpenSans-Regular", sans-serif;
}
.formularios .accordion .accordion-inner .headline {
  color: #013871;
  font-family: "OpenSans-SemiBold", sans-serif;
  margin: 20px 0;
}
.formularios .accordion .accordion-inner .edit {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  .formularios .accordion .accordion-inner {
    padding-top: 50px;
  }
}
.formularios .accordion .accordion-inner .edit a {
  color: #013871;
  font-family: "OpenSans-Regular", sans-serif;
  text-decoration: underline;
}
.formularios .ico-gota {
  width: 20px;
  height: 30px;
  display: inline-block;
  text-indent: -999em;
  background: url("/o/classic-theme/images/hidrogea/gota.png") center center no-repeat;
}
.formularios .ultimas-gestiones .table-thead-list {
  border-bottom: 2px solid #ABABAB;
  background-color: #F5F7F9;
  color: black;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 0.92rem;
}
.formularios .ultimas-gestiones .table-tbody-list {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 0.92rem;
  background-color: white;
}
.formularios .ultimas-gestiones .table-tr-list {
  border-bottom: 1px solid #ddd;
}
.formularios .ultimas-gestiones .table-tr-list:after {
  content: " ";
  clear: both;
  display: table;
}
.formularios .ultimas-gestiones .table-th-list, .formularios .ultimas-gestiones .table-td-list {
  float: left;
  padding: 12px;
}
.formularios .ultimas-gestiones .cell-num-contrato {
  width: 20%;
}
.formularios .ultimas-gestiones .cell-direccion {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .formularios .ultimas-gestiones .cell-num-contrato,
  .formularios .ultimas-gestiones .cell-direccion {
    width: 100%;
    padding-bottom: 5px;
  }
  .formularios .ultimas-gestiones .cell-num-contrato:before,
  .formularios .ultimas-gestiones .cell-direccion:before {
    content: attr(data-label) ":";
    font-family: "OpenSans-Regular", sans-serif;
    margin-right: 5px;
  }
  .formularios .ultimas-gestiones .table-thead-list {
    display: none;
  }
}
.formularios .form-errors {
  color: #a94442;
}
.formularios .form-errors h1, .formularios .form-errors h2, .formularios .form-errors h3, .formularios .form-errors h4, .formularios .form-errors h5, .formularios .form-errors h6 {
  font-family: "OpenSans-SemiBold", sans-serif;
  margin: 0 0 30px 0;
  line-height: 1.75;
  color: #a94442;
  font-size: 1.0833rem;
}
.formularios .form-errors ul.form-error-list {
  list-style-image: none;
  list-style-type: disc;
}
.pestanas {
  /*.agrupador-pestanas*/
}
.pestanas .agrupador-inferior-pestanas {
  width: 100%;
  height: 10px;
  background-color: #ecf0f6;
}
.pestanas .agrupador-pestanas {
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 1.6667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  /*ul*/
}
.pestanas .agrupador-pestanas ul {
  margin: 0;
  padding: 0;
  background-color: #fff;
  /*li*/
}
.pestanas .agrupador-pestanas ul li {
  float: left;
  margin: 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
  /*.ocultar*/
  /*a*/
  /*&.active*/
}
@media screen and (max-width: 768px) {
  .pestanas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .pestanas .agrupador-pestanas ul li .ocultar {
    display: none;
  }
}
.pestanas .agrupador-pestanas ul li a {
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1.0833rem;
  text-decoration: none;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #28234e;
  color: #fff;
}
.pestanas .agrupador-pestanas ul li a.active {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ecf0f6;
  color: #453937;
}
.pestanas .agrupador-pestanas ul li a.gest {
  width: 98%;
  height: auto;
  padding-top: 15px;
  padding-bottom: 8px;
}
.pestanas .agrupador-pestanas ul li a.gest.nav-first {
  margin-right: 2%;
}
.pestanas .agrupador-pestanas ul li a.gest.nav-last {
  margin-left: 2%;
}
.pestanas .agrupador-pestanas ul li a.gest.nav-middle {
  margin-left: 1%;
}
.pestanas .agrupador-pestanas ul li .nav-first {
  padding-left: 0px;
  padding-right: 10px;
}
.pestanas .agrupador-pestanas ul li .nav-last {
  padding-left: 0px;
  padding-right: 10px;
}
.pestanas .agrupador-pestanas ul li .nav-middle {
  padding-left: 10px;
  padding-right: 10px;
}
.pestanas .agrupador-pestanas ul li a.active {
  background-color: #ecf0f6;
  color: #453937;
}

/*.pestanas*/
.formularios .form-group:not(.empty):not(.form-group-file):not(.form-group-radio) {
  display: flex;
  flex-wrap: wrap;
}
.formularios .form-group:not(.empty):not(.form-group-file):not(.form-group-radio) > label,
.formularios .form-group:not(.empty):not(.form-group-file):not(.form-group-radio) > input,
.formularios .form-group:not(.empty):not(.form-group-file):not(.form-group-radio) > select,
.formularios .form-group:not(.empty):not(.form-group-file):not(.form-group-radio) > textarea {
  order: 2;
  display: block;
  width: 100%;
}
.formularios .form-group:not(.empty):not(.form-group-file):not(.form-group-radio) > label {
  order: 3;
}

/** 200% zoom fixes **/
.dashboard-privado .ov-container .botones.botones-small .col-sm-6.btn-primary {
  margin-left: 0.9%;
}
.dashboard-privado .ov-container .botones.botones-small .col-sm-6.btn-primary,
.dashboard-privado .ov-container .botones.botones-small .col-sm-6.btn-secundary {
  width: 48.4%;
}

div.instrucciones, span.instrucciones, p.instrucciones {
  background-color: #fbfbfb;
  padding: 20px 54px 18px 54px;
  margin: 28px 0px;
}
div.instrucciones div, span.instrucciones div, p.instrucciones div {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.17rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.22;
  letter-spacing: normal;
  color: #4a4a4a;
}
div.instrucciones span, span.instrucciones span, p.instrucciones span {
  font-family: "OpenSans-Light", sans-serif;
  font-size: 1.17rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.22;
  letter-spacing: normal;
  color: #4a4a4a;
}

div.instrucciones-new, span.instrucciones-new, p.instrucciones-new {
  background-color: transparent;
  padding: 0;
  margin: 28px 0px;
}

.btn-buscar-descarga {
  order: 2;
}

.taglib-page-iterator {
  font-family: "OpenSans-Bold", sans-serif;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator small.search-results {
  display: none;
}
.taglib-page-iterator .dropdown-toggle {
  background: #97BA3C;
  border: none;
  color: white;
}
.taglib-page-iterator .lfr-pagination-buttons li.disabled a {
  border: none;
  background-color: #d3dce5;
  color: #013871;
}
.taglib-page-iterator .lfr-pagination-buttons li > a {
  border: none;
  background: #97BA3C;
  color: white;
}
.taglib-page-iterator .lfr-pagination a:hover {
  background-color: #d3dce5;
  color: #013871;
}

.ov-pagination-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ov-pagination-container .ov-pagination {
  display: flex;
  grid-gap: 15px;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.ov-pagination-container .ov-pagination select.pagination-page-selector {
  width: 70px;
}
.ov-pagination-container .ov-pagination .btn-pagination {
  background-color: transparent;
  border: none;
}
.ov-pagination-container .ov-pagination .btn-pagination[disabled] {
  color: #cfcfcf;
}

@media all and (max-width: 650px) {
  .ov-pagination-container {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 5px;
  }
  .ov-pagination-container .ov-pagination {
    grid-column: 1;
  }
}
@media all and (min-width: 650px) {
  .ov-pagination-container .ov-pagination {
    grid-column: 4;
  }
}
.green-theme .generic-content header .title-generic-content {
  color: #97BA3C;
}
.green-theme .generic-content .info-dest {
  border-color: #97BA3C;
}
.green-theme .generic-content .special-content ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-green.png");
}
.green-theme .generic-content #stats {
  /*h1 {
      color: $green-hidrogea;
  }*/
}
.green-theme .generic-content #stats .back-stat .inner {
  background-color: rgba(151, 186, 60, 0.1);
}
.green-theme .generic-content .btn.btn-primary {
  background-color: #97BA3C;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  color: #013871;
  text-decoration: none;
  border-radius: 30px;
  border: 0;
  display: inline-block;
  box-shadow: 0 3px 5px -5px #888;
}
.green-theme .mis-contratos .listado-contratos .cell-tipo-contrato .ico-gota {
  background-image: url("/o/classic-theme/images/hidrogea/gota-v.png");
}
.green-theme .mis-contratos .listado-contratos .ico-tele {
  background: url("/o/classic-theme/images/hidrogea/telelectura-v.png") no-repeat center;
  background-size: 30px 30px;
}
.green-theme .mis-contratos .listado-contratos .cell-contrato .titulo {
  color: #97BA3C;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.green-theme .mis-contratos .listado-contratos .titulo {
  color: #97BA3C;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.green-theme .mis-contratos .load-more a {
  color: #97BA3C;
}
.green-theme .mis-consumos .bloques-consumos .medida-consumo .medida .graph {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-v.png'); */
  /*                 background-color: rgba($green-hidrogea, .04); */
  color: #97BA3C;
}
.green-theme .mis-consumos .bloques-consumos .info-consumo.consumo-neg {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-v.png");
}
.green-theme .mis-consumos .bloques-consumos .info-consumo.consumo-pos {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-v.png");
}
.green-theme .mis-consumos .bloques-consumos .tab-menu ul li.active a {
  /*background-color: $newblue-hidrogea-dark;*/
  color: #FFF;
}
.green-theme .dashboard-privado .graph {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-blue.png'); */
  /*             	background-color: rgba(#dfe5eb, .6); */
  color: #222;
}
.green-theme .print-redes a {
  color: #97BA3C;
}

.green-theme {
  /*#login-page .dos-columnas.columna1 .column-container .lista-tramites li a*/
}
.green-theme .generic-content header .title-generic-content {
  color: #97BA3C;
}
.green-theme .generic-content .info-dest {
  border-color: #97BA3C;
}
.green-theme .generic-content .special-content ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-green.png");
}
.green-theme .generic-content #stats {
  /*h1 {
      color: $green-hidrogea;
  }*/
}
.green-theme .generic-content #stats .back-stat .inner {
  background-color: rgba(151, 186, 60, 0.1);
}
.green-theme .generic-content .btn.btn-primary {
  background-color: #97BA3C;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  color: #013871;
  text-decoration: none;
  border-radius: 30px;
  border: 0;
  display: inline-block;
  box-shadow: 0 3px 5px -5px #888;
}
.green-theme .mis-contratos .listado-contratos .cell-tipo-contrato .ico-gota {
  background-image: url("/o/classic-theme/images/hidrogea/gota-v.png");
}
.green-theme .mis-contratos .listado-contratos .ico-tele {
  background: url("/o/classic-theme/images/hidrogea/telelectura-v.png") no-repeat center;
  background-size: 30px 30px;
}
.green-theme .mis-contratos .listado-contratos .cell-contrato .titulo {
  color: #97BA3C;
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  text-transform: uppercase;
}
.green-theme .mis-contratos .listado-contratos .titulo {
  color: #97BA3C;
  font-family: "OpenSans-SemiBold", sans-serif;
  display: block;
  text-transform: uppercase;
}
.green-theme .mis-contratos .load-more a {
  color: #97BA3C;
}
.green-theme .mis-consumos .bloques-consumos .medida-consumo .medida .graph {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-v.png'); */
  /*                 background-color: rgba($green-hidrogea, .04); */
  color: #97BA3C;
}
.green-theme .mis-consumos .bloques-consumos .info-consumo.consumo-neg {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-v.png");
}
.green-theme .mis-consumos .bloques-consumos .info-consumo.consumo-pos {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-v.png");
}
.green-theme .mis-consumos .bloques-consumos .tab-menu ul li.active a {
  /*background-color: $newblue-hidrogea-dark;*/
  color: #FFF;
}
.green-theme .dashboard-privado .graph {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-blue.png'); */
  /*             	background-color: rgba(#dfe5eb, .6); */
  color: #222;
}
.green-theme .print-redes a {
  color: #97BA3C;
}
.green-theme #header-top .town {
  background-image: url("/o/classic-theme/images/hidrogea/icon-position-blue.png");
  color: #3C8AC0;
  font-size: 0.8em;
}
.green-theme #header-top a {
  color: #3C8AC0;
}
.green-theme #header-top .links-top-header ul.links-user li a {
  color: #ffffff;
}
.green-theme #header-middle.private {
  background-color: #FFFFFF;
  color: #002E67;
}
.green-theme #header-middle.private .links-top-header ul.links-user li.area-cliente {
  background-color: #FFFFFF;
}
.green-theme #header-middle.private .links-top-header ul.links-user li.area-cliente a {
  color: #3C8AC0;
  background-color: #FFFFFF;
  font-size: 0.92rem;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
}
.green-theme #header-middle.private #menu-desktop-private nav ul li a {
  color: #002E67;
  border-color: #002E67;
}
.green-theme #header-middle.private #menu-desktop-private nav ul li a span {
  color: #FFFFFF;
}
.green-theme #header-middle.private #menu-desktop-private nav ul li a:hover {
  border-color: #3C8AC0 !important;
}
.green-theme #header-middle.private #menu-desktop-private nav ul li.list-menu.active a {
  border-color: #3C8AC0 !important;
}
.green-theme #header-middle.public {
  background-color: #002E67;
}
.green-theme #header-middle.public .links-top-header ul.links-user li {
  background-color: #FFF;
}
.green-theme #header-middle.public .links-top-header ul.links-user li a {
  color: #002E67;
}
.green-theme #header-middle.public nav#navigation ul.root-pages li a:hover {
  border-color: #3C8AC0 !important;
}
.green-theme #header-middle.public nav#navigation ul.root-pages li span.title-grouper.list-menu {
  color: #FFF !important;
}
.green-theme #header-middle.public .area-cliente a {
  color: #3C8AC0;
}
.green-theme #header-middle.public nav#navigation ul.root-pages > li > a:hover {
  color: #FFFFFF;
  border-color: #3C8AC0 !important;
}
.green-theme #header-middle.public nav ul.root-pages li a {
  color: #FFFFFF;
  border-color: #002E67;
}
.green-theme #header-middle.public nav ul.root-pages li a span {
  color: #FFFFFF;
}
.green-theme #header-middle.public nav ul.root-pages li a:hover {
  border-color: #3C8AC0 !important;
}
.green-theme #header-middle.public nav ul.root-pages li div.child-menu span, .green-theme #header-middle.public nav ul.root-pages li div.child-menu a {
  color: #002E67;
}
.green-theme #header-middle.public nav ul li.list-menu.active a {
  border-color: #3C8AC0 !important;
}
.green-theme #header-top.public .town {
  color: #FFFFFF;
}
.green-theme #header-bottom.public nav ul li a {
  color: #002E67;
}
.green-theme #header-top.public, .green-theme #header-top.private {
  background-color: #3C8AC0;
}
.green-theme #header-middle.public, .green-theme #header-middle.private {
  background-color: #002E67;
}
.green-theme #mis-gestiones .tab-content .lista-tramites li a i {
  color: #3C8AC0;
}
.green-theme #mis-gestiones .tab-content .lista-tramites li a i:before {
  background: rgba(60, 138, 192, 0.1254901961);
}
.green-theme .paymentonline-container .select-payment-modal .select-payment-group .type-payment-card i {
  color: #3C8AC0;
}
.green-theme .paymentonline-container .select-payment-modal .select-payment-group .type-payment-card i:before {
  background: rgba(60, 138, 192, 0.1254901961);
}
.green-theme .paymentonline-container .select-payment-modal .select-payment-group .type-payment-card i.icon-image-container {
  background-color: rgba(60, 138, 192, 0.1254901961); /* Color de fondo deseado */
}
.green-theme #mis-gestiones-mobile .tab-content li a i {
  color: #3C8AC0;
}
.green-theme #mis-gestiones-mobile .tab li.subseccion div.icon-subseccion {
  background: rgba(60, 138, 192, 0.1254901961);
}
.green-theme #mis-gestiones-mobile .tab li.subseccion div.icon-subseccion i {
  color: #3C8AC0;
}
.green-theme #login-page .dos-columnas.columna1 .column-container .lista-tramites li a i {
  color: #3C8AC0;
}
.green-theme #login-page .dos-columnas.columna1 .column-container .lista-tramites li a i:before {
  background: rgba(60, 138, 192, 0.1254901961);
}

.blue-theme .formularios .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .formularios .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .dropdown button {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .title-section {
  color: #303030;
}
.blue-theme ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-blue.png");
}
.blue-theme .tree-view ul,
.blue-theme .control-menu-nav,
.blue-theme .hidrogea-web-map ul {
  list-style: none;
}
.blue-theme blockquote {
  border-color: #002E67;
}
.blue-theme .pagination > .active > a,
.blue-theme .pagination > .active > a:hover,
.blue-theme .pagination > .active > a:focus,
.blue-theme .pagination > .active > span,
.blue-theme .pagination > .active > span:hover,
.blue-theme .pagination > .active > span:focus {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .links-top-header ul.links-user li {
  background-color: #002E67;
}
.blue-theme .links-top-header ul.links-user li a {
  color: #FFF !important;
}
.blue-theme .links-top-header ul.links-user li.area-cliente {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-white.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .configuration a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-config-white.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .notifications a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-avisos-white.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .notifications-empty a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-avisos-vacio.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .logout a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-logout-white.png");
}
.blue-theme #header-top .town {
  background-image: url("/o/classic-theme/images/hidrogea/icon-position-blue.png");
  color: #FFFFFF;
  font-size: 0.8em;
}
.blue-theme #header-top a {
  color: #3C8AC0;
}
.blue-theme #header-top .links-top-header ul.links-user li a {
  color: #ffffff;
}
@media screen and (min-width: 900px) {
  .blue-theme #header-bottom {
    background-color: white;
    border-top: 1px solid #DDDDDD;
  }
  .blue-theme #header-bottom a {
    color: #013871;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme #navigation li.hasChildren.opened {
    background: #013871;
  }
}
.blue-theme #navigation .title-grouper {
  color: white;
}
@media screen and (min-width: 900px) {
  .blue-theme #navigation > ul > li > .child-menu {
    background-color: white;
    border-top: 1px solid #013871;
  }
  .blue-theme #navigation > ul > li > .child-menu .list-child-menu > li:before {
    background-color: #013871;
  }
  .blue-theme #navigation > ul > li > .child-menu .child-orphan span {
    color: #013871;
  }
  .blue-theme #navigation > ul > li:hover {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #013871;
  }
  .blue-theme #navigation > ul > li:focus-within {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #013871;
  }
  .blue-theme #navigation .title-grouper {
    color: #013871;
  }
}
.blue-theme #footer-top {
  padding: 1em 0 1em;
  margin-top: 1em;
}
.blue-theme #footer-top:before {
  transform: rotate(0);
}
.blue-theme .home-section-twitter {
  background-color: #013871;
}
.blue-theme .home-section-twitter .title-section {
  color: white;
}
.blue-theme .home-section-twitter .title-section a {
  color: white;
}
.blue-theme .home-section-twitter .content-twitter {
  color: white;
  background-image: url("/o/classic-theme/images/hidrogea/icon-twitter-home.png");
}
.blue-theme .home-section-twitter .content-twitter a {
  color: white;
}
.blue-theme .home-section-twitter .carousel .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.4);
}
.blue-theme .home-section-twitter .carousel .carousel-indicators li.active {
  background-color: white;
}
.blue-theme .home-section-twitter .carousel .carousel-control .icon-left {
  background-image: url("/o/classic-theme/images/hidrogea/icon-arrow-left-white.png");
}
.blue-theme .home-section-twitter .carousel .carousel-control .icon-right {
  background-image: url("/o/classic-theme/images/hidrogea/icon-arrow-right-white.png");
}
@media screen and (max-width: 768px) {
  .blue-theme .home-section-twitter .content-twitter {
    background: none;
  }
}
.blue-theme .home-section-contactanos .glyphicon {
  color: #002E67;
}
.blue-theme .generic-content header .title-generic-content {
  color: #002E67;
}
.blue-theme .generic-content .info-dest {
  border-color: #002E67;
}
.blue-theme .generic-content .special-content ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-blue.png");
}
.blue-theme .generic-content #stats .back-stat .inner {
  background-color: rgba(0, 46, 103, 0.1);
}
.blue-theme .generic-content .btn.btn-primary {
  background-color: #002E67;
  color: #FFF;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  text-decoration: none;
  padding: 8px 50px;
  border-radius: 30px;
  border: 0;
  display: inline-block;
}
.blue-theme .generic-content .check-list li {
  background-image: url("/o/classic-theme/images/hidrogea/color_schemes/blue-theme/ico-check.png");
}
.blue-theme .taglib-page-iterator .dropdown-toggle {
  background: #002E67;
  color: #FFF;
}
.blue-theme .taglib-page-iterator .lfr-pagination-buttons li.disabled a {
  background-color: #d3dce5;
}
.blue-theme .taglib-page-iterator .lfr-pagination-buttons li > a {
  background: #002E67;
}
.blue-theme .buscador .btn-search {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/icon-search-blue.png') */
  background: none;
  border: none;
  font-size: 1.5em;
  color: #013871;
  padding: 8px;
}
.blue-theme .buscador .portlet-search .icon-monospaced a {
  color: #FFF;
}
.blue-theme .buscador .portlet-search .icon-monospaced a:focus {
  outline: none !important;
  border: none !important;
}
.blue-theme .buscador .portlet-search .icon-monospaced a:focus .lexicon-icon {
  outline: #FFFFFF solid 2px !important;
}
.blue-theme .canales-atencion .phone-channel .number-phone {
  color: #002E67;
}
.blue-theme .canales-atencion .online-channel .dir-contact a {
  color: #002E67;
}
.blue-theme .canales-atencion .oficina .index-office {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .canales-atencion .oficina .phone-number {
  color: #002E67;
}
.blue-theme .canales-atencion .oficina .solicitar-cita .btn-cita {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .selector-municipio .select-municipio .btn-submit button {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .list-management .btn-toggle.btnNivelOne.active {
  border-color: #002E67;
}
.blue-theme .list-management .doc-pago {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/doc-pago-blue.png");
}
.blue-theme .list-management .duplicado-factura {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/duplicado-factura-blue.png");
}
.blue-theme .list-management .sol-bonificaciones {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/sol-bonificaciones-blue.png");
}
.blue-theme .list-management .sol-info-tarifas {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/sol-info-tarifas-blue.png");
}
.blue-theme .list-management .pago-online {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/pago-online2-blue.png");
}
.blue-theme .list-management .fijar-dia-pago {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/fijar-dia-pago-blue.png");
}
.blue-theme .list-management .compromiso-pago {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/compromisos-pagos-blue.png");
}
.blue-theme .list-management .registro-usuario-varios-mail {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/registro-usuarios-blue.png");
}
.blue-theme .list-management .box .botones .btn {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .list-management .box .ico-desbloqueado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-desbloqueado-white.png");
}
.blue-theme .list-management .box .ico-bloqueado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-bloqueado-white.png");
}
.blue-theme .formulario-busquedas .input-group-submit [type=submit] {
  background: #002E67;
  color: #FFF;
}
.blue-theme .gestiones-online .list-management .panel-management .panel-management .btnNivelSecond.act-datos-banco {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/act-datos-bancarios-blue.png");
}
.blue-theme .gestiones-online .list-management .panel-management .panel-management .btnNivelSecond.act-datos-personales {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/act-datos-personales-blue.png");
}
.blue-theme .gestiones-online .list-management .panel-management .panel-management .btnNivelSecond.cambio-titular {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/act-cambio-titular-blue.png");
}
.blue-theme .print-redes a {
  color: #3C8AC0;
}
.blue-theme .print-redes ul li a.share {
  width: 19px;
  height: 19px;
  background: transparent url("/o/classic-theme/images/hidrogea/color_schemes/blue-theme/ico-share.png") 0 0 no-repeat;
}
.blue-theme .ajustes-cliente .acceso.acceso-logout .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] + label:after {
  border-bottom: 5px solid #002E67;
  border-left: 5px solid #002E67;
}
.blue-theme .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio]:checked + label {
  background-color: rgba(0, 46, 103, 0.9);
}
.blue-theme .ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .ajustes-alertas .btn-group button.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .necesitas-ayuda a.telf, .blue-theme .necesitas-ayuda a.tuit {
  color: #002E67;
}
.blue-theme .notificaciones .list-notificaciones .contrato {
  color: #002E67;
}
.blue-theme .mis-contratos .listado-contratos .cell-tipo-contrato .ico-gota {
  background-image: url("/o/classic-theme/images/hidrogea/gota-blue.png");
}
.blue-theme .mis-contratos .listado-contratos .ico-tele {
  background: url("/o/classic-theme/images/hidrogea/telelectura.png") no-repeat center;
  background-size: 30px 30px;
}
.blue-theme .mis-contratos .listado-contratos .cell-contrato .titulo {
  color: #002E67;
}
.blue-theme .mis-contratos .load-more a {
  color: #002E67;
}
.blue-theme .detalle-contrato .section-detalle-contrato .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .ajustes-cliente-miperfil input[type=checkbox] + label:after {
  border-bottom-color: #002E67;
  border-left-color: #002E67;
}
.blue-theme .ajustes-cliente-miperfil .btn-group button.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .ajustes-cliente .acceso.acceso-logout .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] + label:after {
  border-bottom: 5px solid #002E67;
  border-left: 5px solid #002E67;
}
.blue-theme .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio]:checked + label {
  background-color: rgba(0, 46, 103, 0.9);
}
.blue-theme .ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .ajustes-alertas .btn-group button.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .mis-consumos .btn.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .mis-consumos .bloques-consumos .info-consumo.consumo-neg {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .info-consumo.consumo-pos {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .info-consumo .percent {
  color: #002E67;
}
.blue-theme .mis-consumos .bloques-consumos input[type=radio]:checked + label {
  background-color: rgba(0, 46, 103, 0.9);
}
.blue-theme .mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos {
  color: #002E67;
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .load-more a {
  color: #002E67; /* AA */
}
.blue-theme .mis-consumos .bloques-consumos .medida-consumo .medida .graph {
  /*                     background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-blue.png'); */
  /*                     background-color: rgba(#dfe5eb, .6); */
  color: #434343;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .mensaje h1, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .mensaje h1 {
  color: #002E67;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .titulo, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .titulo {
  color: #002E67;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cargar-mas a, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cargar-mas a {
  color: #002E67;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cell-link .btn-link, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cell-link .btn-link {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-right-blue.png");
}
.blue-theme .plan-12-gotas .evolucion-plan .table-list span.importe {
  color: #002E67;
}
.blue-theme .contactanos .phone-channel .number-phone {
  color: #002E67;
}
.blue-theme .contactanos .online-channel .dir-contact a {
  color: #002E67;
}
.blue-theme .contactanos .oficina .index-office {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .contactanos .oficina .phone-number {
  color: #002E67;
}
.blue-theme .contactanos .oficina .solicitar-cita .btn-cita {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .seleccion-contrato-carga p span {
  color: #002E67;
}
.blue-theme .seleccion-contrato-carga .spinner > div {
  background-color: #002E67;
}
.blue-theme .btn-combined {
  background-color: #002E67;
}
.blue-theme .btn-combined a {
  text-decoration: none;
  color: #FFF;
}
.blue-theme .mis-facturas .tab-content #menu1 .info-grafica .mensaje span {
  color: #002E67;
}
.blue-theme .mis-facturas .tab-content #menu1 .info-grafica .casa-negativo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-blue.png");
}
.blue-theme .mis-facturas .tab-content #menu1 .info-grafica .casa-positivo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-blue.png");
}
@media screen and (max-width: 768px) {
  .blue-theme .mis-facturas .tab-content #menu1 .combo .buscador-facturas .faq .question {
    background-image: url("/o/classic-theme/images/hidrogea/lupa-blue.png");
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .mis-facturas .tab-content #menu1 .combo .buscador-facturas .faq .question {
    background-image: url("/o/classic-theme/images/hidrogea/lupa-blue.png");
  }
}
.blue-theme .mis-facturas .tab-content #menu1 .combo .buscador-facturas .faq.active .answer .formulario .fila .form-group.empty .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .mis-facturas .tab-content #menu1 .combo .botones .dropdown button {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision .fecha_yellow {
  color: #002E67;
}
.blue-theme .mis-facturas .tab-content #menu1 .listado-facturas .cell-fecha-emision.type-12-gotas {
  background-image: url("/o/classic-theme/images/hidrogea/gota-blue.png");
}
.blue-theme .mis-facturas .tab-content #menu1 .listado-facturas .cell-pago .ico-pago {
  background-image: url("/o/classic-theme/images/hidrogea/ico-pago-online-blue.png");
}
.blue-theme .mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto {
  background-color: #002E67;
}
.blue-theme .mis-facturas .tab-content #menu1 .listado-facturas .cell-detalle .boton-compuesto a {
  color: #FFF;
}
.blue-theme .mis-facturas .tab-content #menu1 .cargar-mas a {
  color: #002E67;
}
@media screen and (max-width: 900px) {
  .blue-theme .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-fecha-emision .fecha_yellow {
    color: #002E67;
  }
  .blue-theme .mis-facturas .tab-content .listado-facturas-responsive .table-list .table-tr-list .fila .cell-detalle a {
    background-image: url("/o/classic-theme/images/hidrogea/ico-factura-detalle-blue.png");
  }
}
.blue-theme .detalle-factura .ov-container .cabecera .top .titulo {
  color: #002E67;
}
.blue-theme .detalle-factura .ov-container .cabecera .bottom .form-group select {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .plan-12-gotas .evolucion-plan .show-grafica-evolucion {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
}
.blue-theme .plan-12-gotas .evolucion-plan .show-grafica-evolucion.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
.blue-theme .plan-12-gotas .evolucion-plan .table-list span.importe {
  color: #002E67;
}
.blue-theme .plan-12-gotas #modal-cancelar-plan-12gotas header {
  color: #002E67;
}
.blue-theme .detalle-contrato .section-detalle-contrato .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .detalle-contrato .section-detalle-contrato .check-on-auth {
  background-image: url("/o/classic-theme/images/hidrogea/ico-checkbox-blue.png");
}
.blue-theme .detalle-contrato .section-detalle-contrato .favorito {
  background-image: url("/o/classic-theme/images/hidrogea/favorito-blue.png");
}
.blue-theme .detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .info-avisos {
  overflow: hidden;
  margin-bottom: 100px;
  box-shadow: 3px 7px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos {
    margin: 15px;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .info-avisos {
    margin: 15px;
  }
}
.blue-theme .info-avisos .msg-info-aviso {
  color: #013871;
  background-color: #ccea83;
  background-image: url("/o/classic-theme/images/hidrogea/ico-info.png");
  background-position: left center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso {
    background-image: none;
  }
}
.blue-theme .info-avisos .msg-info-aviso a {
  font-family: "PTSans-Regular", sans-serif;
  color: #013871;
  font-size: 1rem;
  text-align: right;
  margin-top: 10px;
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
  padding: 10px 0 10px 130px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding: 10px;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding: 10px;
  }
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .title {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #000;
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .resaltado {
  font-family: "PTSans-Regular", sans-serif;
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso p {
  margin-bottom: 0;
  color: #000;
  font-family: "PTSans-Regular", sans-serif;
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso {
    padding: 15px;
  }
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.blue-theme .dashboard-privado .ov-container .combo .grafico .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .grafico .ico-gota-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/grifo-icon-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .title_ifactura .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .botones .boton-compuesto {
  background-color: #002E67;
}
.blue-theme .dashboard-privado .ov-container .combo .botones .boton-compuesto a {
  color: #FFF;
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie select {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie .mensaje span {
  color: #002E67;
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie .casa-negativo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie .casa-positivo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-blue.png");
}
.blue-theme .dashboard-privado .graph {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-blue.png'); */
  /*             	background-color: rgba(#dfe5eb, .6); */
  color: #222;
}
.blue-theme .acceso-cliente .ov-container .info-acceso .form-group .dropdown button {
  background-color: #002E67;
  color: white;
}
.blue-theme .recuperac-usuario .fila .form-group .avatar {
  background-image: url("/o/classic-theme/images/hidrogea/ico-avatar-blue.png");
}
.blue-theme .mis-contratos .listado-contratos .cell-contrato .titulo {
  color: #002E67;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.blue-theme .mis-contratos .listado-contratos .titulo {
  color: #002E67;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.blue-theme .mis-contratos .load-more a {
  color: #002E67;
}
.blue-theme .registro-sg-perfil .cabecera .box h1 {
  color: #3C8AC0;
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .consulta-contratos {
  background-image: url("/o/classic-theme/images/hidrogea/consulta-contratos-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .descarga-facturas {
  background-image: url("/o/classic-theme/images/hidrogea/descarga-facturas-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .evoluc-consumo {
  background-image: url("/o/classic-theme/images/hidrogea/evoluc-consumo-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .otras-gestiones {
  background-image: url("/o/classic-theme/images/hidrogea/otras-gestiones-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo h3 {
  color: #002E67;
}
.blue-theme .seccion-superior .seccion-mis-facturas span {
  color: #002E67;
}

.blue-theme {
  /*#login-page .dos-columnas.columna1 .column-container .lista-tramites li a*/
}
.blue-theme .formularios .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .formularios .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .dropdown button {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .title-section {
  color: #303030;
}
.blue-theme ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-blue.png");
}
.blue-theme .tree-view ul,
.blue-theme .control-menu-nav,
.blue-theme .hidrogea-web-map ul {
  list-style: none;
}
.blue-theme blockquote {
  border-color: #002E67;
}
.blue-theme .pagination > .active > a,
.blue-theme .pagination > .active > a:hover,
.blue-theme .pagination > .active > a:focus,
.blue-theme .pagination > .active > span,
.blue-theme .pagination > .active > span:hover,
.blue-theme .pagination > .active > span:focus {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .links-top-header ul.links-user li {
  background-color: #002E67;
}
.blue-theme .links-top-header ul.links-user li a {
  color: #FFF !important;
}
.blue-theme .links-top-header ul.links-user li.area-cliente {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-white.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .configuration a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-config-white.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .notifications a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-avisos-white.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .notifications-empty a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-avisos-vacio.png");
}
.blue-theme .links-top-header ul.links-user li.area-cliente.signed_in .logout a {
  background-image: url("/o/classic-theme/images/hidrogea/icon-user-logout-white.png");
}
.blue-theme #header-top .town {
  background-image: url("/o/classic-theme/images/hidrogea/icon-position-blue.png");
  color: #FFFFFF;
  font-size: 0.8em;
}
.blue-theme #header-top a {
  color: #3C8AC0;
}
.blue-theme #header-top .links-top-header ul.links-user li a {
  color: #ffffff;
}
@media screen and (min-width: 900px) {
  .blue-theme #header-bottom {
    background-color: white;
    border-top: 1px solid #DDDDDD;
  }
  .blue-theme #header-bottom a {
    color: #013871;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme nav#navigation li.hasChildren.opened {
    background: #013871;
  }
}
.blue-theme nav#navigation ul li span.title-grouper {
  color: #022e5f;
}
@media screen and (min-width: 900px) {
  .blue-theme nav#navigation > ul > li > .child-menu {
    background-color: white;
    border-top: 1px solid #013871;
  }
  .blue-theme nav#navigation > ul > li > .child-menu .list-child-menu > li:before {
    background-color: #013871;
  }
  .blue-theme nav#navigation > ul > li > .child-menu .child-orphan span {
    color: #013871;
  }
  .blue-theme nav#navigation > ul > li:hover {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #013871;
  }
  .blue-theme nav#navigation > ul > li:focus-within {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #013871;
  }
  .blue-theme nav#navigation .title-grouper {
    color: #013871;
  }
}
.blue-theme #footer-top {
  padding: 1em 0 1em;
  margin-top: 1em;
}
.blue-theme #footer-top:before {
  transform: rotate(0);
}
.blue-theme .home-section-twitter {
  background-color: #013871;
}
.blue-theme .home-section-twitter .title-section {
  color: white;
}
.blue-theme .home-section-twitter .title-section a {
  color: white;
}
.blue-theme .home-section-twitter .content-twitter {
  color: white;
  background-image: url("/o/classic-theme/images/hidrogea/icon-twitter-home.png");
}
.blue-theme .home-section-twitter .content-twitter a {
  color: white;
}
.blue-theme .home-section-twitter .carousel .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.4);
}
.blue-theme .home-section-twitter .carousel .carousel-indicators li.active {
  background-color: white;
}
.blue-theme .home-section-twitter .carousel .carousel-control .icon-left {
  background-image: url("/o/classic-theme/images/hidrogea/icon-arrow-left-white.png");
}
.blue-theme .home-section-twitter .carousel .carousel-control .icon-right {
  background-image: url("/o/classic-theme/images/hidrogea/icon-arrow-right-white.png");
}
@media screen and (max-width: 768px) {
  .blue-theme .home-section-twitter .content-twitter {
    background: none;
  }
}
.blue-theme .home-section-contactanos .glyphicon {
  color: #002E67;
}
.blue-theme .generic-content header .title-generic-content {
  color: #002E67;
}
.blue-theme .generic-content .info-dest {
  border-color: #002E67;
}
.blue-theme .generic-content .special-content ul {
  list-style-image: url("/o/classic-theme/images/hidrogea/dot-list-blue.png");
}
.blue-theme .generic-content #stats .back-stat .inner {
  background-color: rgba(0, 46, 103, 0.1);
}
.blue-theme .generic-content .btn.btn-primary {
  background-color: #002E67;
  color: #FFF;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.17rem;
  text-decoration: none;
  padding: 8px 50px;
  border-radius: 30px;
  border: 0;
  display: inline-block;
  box-shadow: 0 3px 5px -5px #888;
}
.blue-theme .generic-content .check-list li {
  background-image: url("/o/classic-theme/images/hidrogea/color_schemes/blue-theme/ico-check.png");
}
.blue-theme .taglib-page-iterator .dropdown-toggle {
  background: #002E67;
  color: #FFF;
}
.blue-theme .taglib-page-iterator .lfr-pagination-buttons li.disabled a {
  background-color: #d3dce5;
}
.blue-theme .taglib-page-iterator .lfr-pagination-buttons li > a {
  background: #002E67;
}
.blue-theme .buscador .btn-search {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/icon-search-blue.png') */
  background: none;
  border: none;
  font-size: 1.5em;
  color: #013871;
  padding: 8px;
}
.blue-theme .buscador .portlet-search .icon-monospaced a {
  color: #FFF;
}
.blue-theme .buscador .portlet-search .icon-monospaced a:focus {
  outline: none !important;
  border: none !important;
}
.blue-theme .buscador .portlet-search .icon-monospaced a:focus .lexicon-icon {
  outline: #FFFFFF solid 2px !important;
}
.blue-theme .canales-atencion .phone-channel .number-phone {
  color: #002E67;
}
.blue-theme .canales-atencion .online-channel .dir-contact a {
  color: #002E67;
}
.blue-theme .canales-atencion .oficina .index-office {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .canales-atencion .oficina .phone-number {
  color: #002E67;
}
.blue-theme .canales-atencion .oficina .solicitar-cita .btn-cita {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .selector-municipio .select-municipio .btn-submit button {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .list-management .btn-toggle.btnNivelOne.active {
  border-color: #002E67;
}
.blue-theme .list-management .doc-pago {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/doc-pago-blue.png");
}
.blue-theme .list-management .duplicado-factura {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/duplicado-factura-blue.png");
}
.blue-theme .list-management .sol-bonificaciones {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/sol-bonificaciones-blue.png");
}
.blue-theme .list-management .sol-info-tarifas {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/sol-info-tarifas-blue.png");
}
.blue-theme .list-management .pago-online {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/pago-online2-blue.png");
}
.blue-theme .list-management .fijar-dia-pago {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/fijar-dia-pago-blue.png");
}
.blue-theme .list-management .compromiso-pago {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/compromisos-pagos-blue.png");
}
.blue-theme .list-management .registro-usuario-varios-mail {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/registro-usuarios-blue.png");
}
.blue-theme .list-management .box .botones .btn {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .list-management .box .ico-desbloqueado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-desbloqueado-white.png");
}
.blue-theme .list-management .box .ico-bloqueado {
  background-image: url("/o/classic-theme/images/hidrogea/ico-bloqueado-white.png");
}
.blue-theme .formulario-busquedas .input-group-submit [type=submit] {
  background: #002E67;
  color: #FFF;
}
.blue-theme .gestiones-online .list-management .panel-management .panel-management .btnNivelSecond.act-datos-banco {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/act-datos-bancarios-blue.png");
}
.blue-theme .gestiones-online .list-management .panel-management .panel-management .btnNivelSecond.act-datos-personales {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/act-datos-personales-blue.png");
}
.blue-theme .gestiones-online .list-management .panel-management .panel-management .btnNivelSecond.cambio-titular {
  background-image: url("/o/classic-theme/images/hidrogea/icons/gestiones/act-cambio-titular-blue.png");
}
.blue-theme .print-redes a {
  color: #3C8AC0;
}
.blue-theme .print-redes ul li a.share {
  width: 19px;
  height: 19px;
  background: transparent url("/o/classic-theme/images/hidrogea/color_schemes/blue-theme/ico-share.png") 0 0 no-repeat;
}
.blue-theme .ajustes-cliente .acceso.acceso-logout .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] + label:after {
  border-bottom: 5px solid #002E67;
  border-left: 5px solid #002E67;
}
.blue-theme .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio]:checked + label {
  background-color: rgba(0, 46, 103, 0.9);
}
.blue-theme .ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .ajustes-alertas .btn-group button.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .necesitas-ayuda a.telf, .blue-theme .necesitas-ayuda a.tuit {
  color: #002E67;
}
.blue-theme .notificaciones .list-notificaciones .contrato {
  color: #002E67;
}
.blue-theme .mis-contratos .listado-contratos .cell-tipo-contrato .ico-gota {
  background-image: url("/o/classic-theme/images/hidrogea/gota-blue.png");
}
.blue-theme .mis-contratos .listado-contratos .ico-tele {
  background: url("/o/classic-theme/images/hidrogea/telelectura.png") no-repeat center;
  background-size: 30px 30px;
}
.blue-theme .mis-contratos .listado-contratos .cell-contrato .titulo {
  color: #002E67;
}
.blue-theme .mis-contratos .load-more a {
  color: #002E67;
}
.blue-theme .detalle-contrato .section-detalle-contrato .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .ajustes-cliente-miperfil input[type=checkbox] + label:after {
  border-bottom-color: #002E67;
  border-left-color: #002E67;
}
.blue-theme .ajustes-cliente-miperfil .btn-group button.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .ajustes-cliente .acceso.acceso-logout .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .ajustes-alertas .configuracion-alertas .forma-aviso-alertas input[type=checkbox] + label:after {
  border-bottom: 5px solid #002E67;
  border-left: 5px solid #002E67;
}
.blue-theme .ajustes-alertas .configuracion-alertas section.dropdown > .content-alertas .check-alerta .config-tipo-alerta .form-group input[type=radio]:checked + label {
  background-color: rgba(0, 46, 103, 0.9);
}
.blue-theme .ajustes-alertas .configuracion-alertas .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .ajustes-alertas .btn-group button.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .mis-consumos .btn.btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .mis-consumos .bloques-consumos .info-consumo.consumo-neg {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .info-consumo.consumo-pos {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .info-consumo .percent {
  color: #002E67;
}
.blue-theme .mis-consumos .bloques-consumos input[type=radio]:checked + label {
  background-color: rgba(0, 46, 103, 0.9);
}
.blue-theme .mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos {
  color: #002E67;
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .group-buttons-right .btn-mostrar-graficos.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-blue.png");
}
.blue-theme .mis-consumos .bloques-consumos .load-more a {
  color: #002E67; /* AA */
}
.blue-theme .mis-consumos .bloques-consumos .medida-consumo .medida .graph {
  /*                     background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-blue.png'); */
  /*                     background-color: rgba(#dfe5eb, .6); */
  color: #434343;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .mensaje h1, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .mensaje h1 {
  color: #002E67;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .titulo, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .titulo {
  color: #002E67;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cargar-mas a, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cargar-mas a {
  color: #002E67;
}
.blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cell-link .btn-link, .blue-theme .selec-contrato .contenedor .modal.show .modal-dialog .modal-body .cell-link .btn-link {
  background-image: url("/o/classic-theme/images/hidrogea/arrow-right-blue.png");
}
.blue-theme .plan-12-gotas .evolucion-plan .table-list span.importe {
  color: #002E67;
}
.blue-theme .contactanos .phone-channel .number-phone {
  color: #002E67;
}
.blue-theme .contactanos .online-channel .dir-contact a {
  color: #002E67;
}
.blue-theme .contactanos .oficina .index-office {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .contactanos .oficina .phone-number {
  color: #002E67;
}
.blue-theme .contactanos .oficina .solicitar-cita .btn-cita {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .seleccion-contrato-carga p span {
  color: #002E67;
}
.blue-theme .seleccion-contrato-carga .spinner > div {
  background-color: #002E67;
}
.blue-theme .detalle-factura .ov-container .cabecera .top .titulo {
  color: #002E67;
}
.blue-theme .detalle-factura .ov-container .cabecera .bottom .form-group select {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .plan-12-gotas .evolucion-plan .show-grafica-evolucion {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-up-buscador.png");
}
.blue-theme .plan-12-gotas .evolucion-plan .show-grafica-evolucion.collapsed {
  background-image: url("/o/classic-theme/images/hidrogea/grafico-blue.png"), url("/o/classic-theme/images/hidrogea/angle-down-buscador.png");
}
.blue-theme .plan-12-gotas .evolucion-plan .table-list span.importe {
  color: #002E67;
}
.blue-theme .plan-12-gotas #modal-cancelar-plan-12gotas header {
  color: #002E67;
}
.blue-theme .detalle-contrato .section-detalle-contrato .btn-primary {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .detalle-contrato .section-detalle-contrato .check-on-auth {
  background-image: url("/o/classic-theme/images/hidrogea/ico-checkbox-blue.png");
}
.blue-theme .detalle-contrato .section-detalle-contrato .favorito {
  background-image: url("/o/classic-theme/images/hidrogea/favorito-blue.png");
}
.blue-theme .detalle-contrato .section-detalle-contrato .input-group input[type=checkbox]:checked + .label {
  background-color: #002E67;
}
.blue-theme .info-avisos {
  overflow: hidden;
  margin-bottom: 100px;
  box-shadow: 3px 7px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos {
    margin: 15px;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .info-avisos {
    margin: 15px;
  }
}
.blue-theme .info-avisos .msg-info-aviso {
  color: #013871;
  background-color: #ccea83;
  background-image: url("/o/classic-theme/images/hidrogea/ico-info.png");
  background-position: left center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso {
    background-image: none;
  }
}
.blue-theme .info-avisos .msg-info-aviso a {
  font-family: "PTSans-Regular", sans-serif;
  color: #013871;
  font-size: 1rem;
  text-align: right;
  margin-top: 10px;
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
  padding: 10px 0 10px 130px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding: 10px;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding: 10px;
  }
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .title {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #000;
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso .resaltado {
  font-family: "PTSans-Regular", sans-serif;
}
.blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso p {
  margin-bottom: 0;
  color: #000;
  font-family: "PTSans-Regular", sans-serif;
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .blue-theme .info-avisos .msg-info-aviso {
    padding: 15px;
  }
  .blue-theme .info-avisos .msg-info-aviso .wrapper-msg-info-aviso {
    padding-left: 0;
  }
}
.blue-theme .dashboard-privado .ov-container .combo .grafico .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .grafico .ico-gota-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/grifo-icon-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .title_ifactura .ico-factura-grafico {
  background-image: url("/o/classic-theme/images/hidrogea/importe-icon-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .botones .boton-compuesto {
  background-color: #002E67;
}
.blue-theme .dashboard-privado .ov-container .combo .botones .boton-compuesto a {
  color: #FFF;
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie select {
  background-color: #002E67;
  color: #FFF;
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie .mensaje span {
  color: #002E67;
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie .casa-negativo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-negativo-blue.png");
}
.blue-theme .dashboard-privado .ov-container .combo .info-pie .casa-positivo {
  background-image: url("/o/classic-theme/images/hidrogea/casa-positivo-blue.png");
}
.blue-theme .dashboard-privado .graph {
  /*                 background-image: url('/o/classic-theme/images/hidrogea/ico-ondas-blue.png'); */
  /*             	background-color: rgba(#dfe5eb, .6); */
  color: #222;
}
.blue-theme .acceso-cliente .ov-container .info-acceso .form-group .dropdown button {
  background-color: #002E67;
  color: white;
}
.blue-theme .recuperac-usuario .fila .form-group .avatar {
  background-image: url("/o/classic-theme/images/hidrogea/ico-avatar-blue.png");
}
.blue-theme .mis-contratos .listado-contratos .cell-contrato .titulo {
  color: #002E67;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.blue-theme .mis-contratos .listado-contratos .titulo {
  color: #002E67;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.blue-theme .mis-contratos .load-more a {
  color: #002E67;
}
.blue-theme .registro-sg-perfil .cabecera .box h1 {
  color: #3C8AC0;
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .consulta-contratos {
  background-image: url("/o/classic-theme/images/hidrogea/consulta-contratos-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .descarga-facturas {
  background-image: url("/o/classic-theme/images/hidrogea/descarga-facturas-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .evoluc-consumo {
  background-image: url("/o/classic-theme/images/hidrogea/evoluc-consumo-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo ul .otras-gestiones {
  background-image: url("/o/classic-theme/images/hidrogea/otras-gestiones-blue.png");
}
.blue-theme .registro-sg-perfil .contenedor .combo h3 {
  color: #002E67;
}
.blue-theme .seccion-superior .seccion-mis-facturas span {
  color: #002E67;
}
.blue-theme #header-top {
  background-color: #002E67;
  color: #FFFFFF;
}
.blue-theme #header-top a {
  color: #FFFFFF;
}
.blue-theme #header-top .town {
  background-image: url("/o/classic-theme/images/hidrogea/icon-position-blue.png");
  font-size: 0.8em;
}
.blue-theme #header-top .seleccionMunicipio {
  color: #FFFFFF;
}
.blue-theme #header-top .seleccionMunicipio span.town span.town-selected {
  color: #FFFFFF;
}
.blue-theme #header-middle {
  background-color: #FFFFFF;
}
.blue-theme #header-middle .area-cliente {
  background-color: #3C8AC0;
}
.blue-theme #header-middle .area-cliente a {
  color: #FFFFFF;
}
.blue-theme #header-middle {
  background-color: #FFFFFF;
}
.blue-theme #header-middle .links-top-header ul.links-user li.area-cliente {
  background-color: #3DA48A;
}
.blue-theme #header-middle .links-top-header ul.links-user li.area-cliente a {
  color: #3C8AC0;
}
.blue-theme #header-middle .links-top-header ul.links-user li.area-cliente a div.logout-text {
  color: #FFFFFF;
}
.blue-theme #header-middle .links-top-header ul.links-user li.area-cliente a div.logout-icon i {
  color: #FFFFFF;
}
.blue-theme #header-middle .links-top-header ul.links-user li a {
  color: #002E67;
}
.blue-theme #header-middle.public .links-top-header ul.links-user li.area-cliente a {
  color: #FFFFFF;
}
.blue-theme #header-middle.public nav#navigation ul li a {
  border-color: #002E67;
  color: #FFFFFF;
}
.blue-theme #header-middle.public nav#navigation ul li a span {
  color: #FFFFFF;
}
.blue-theme #header-middle.public nav#navigation ul li a:hover {
  border-color: #3C8AC0 !important;
}
.blue-theme #header-middle.public nav#navigation ul li .child-menu ul li a {
  color: #002E67;
}
.blue-theme #header-middle.public nav#navigation ul li .child-menu ul li a span {
  color: #002E67;
}
.blue-theme #header-middle.public nav ul li.list-menu.active a {
  border-color: #3C8AC0 !important;
}
.blue-theme #header-middle.private #menu-desktop-private nav ul li.list-menu {
  border-color: #FFFFFF !important;
}
.blue-theme #header-middle.private #menu-desktop-private nav ul li.list-menu a {
  border-color: #FFFFFF !important;
}
.blue-theme #header-middle.private #menu-desktop-private nav ul li.list-menu a span {
  color: #002E67;
}
.blue-theme #header-middle.private #menu-desktop-private nav ul li.list-menu a:hover {
  border-color: #3DA48A !important;
}
.blue-theme #header-middle.private #menu-desktop-private nav ul li.list-menu.active a {
  border-color: #3DA48A !important;
}
.blue-theme #header-middle.public nav#navigation ul.root-pages li a {
  color: #002E67;
  border-bottom: 3px solid transparent;
}
.blue-theme #header-middle.public nav#navigation ul.root-pages li a:hover {
  border-color: #3C8AC0;
  border-bottom: 3px solid #3C8AC0;
}
.blue-theme #header-middle.public nav#navigation ul.root-pages li .ver-gestiones a:hover {
  border: none;
}
.blue-theme #header-middle.public nav#navigation ul.root-pages li ul li a:hover {
  border-bottom: 0;
}
.blue-theme #header-middle.public nav#navigation ul.root-pages li a:hover {
  color: #002E67;
  border-color: #3DA48A !important;
}
.blue-theme #header-middle.public nav ul li.list-menu a {
  border-color: #FFFFFF;
}
.blue-theme #header-middle.public nav ul li.list-menu a span {
  color: #002E67;
}
.blue-theme #header-middle.public nav ul li.list-menu a:hover {
  border-color: #3DA48A !important;
}
.blue-theme #header-middle.public nav ul li.list-menu.active a {
  border-color: #3DA48A !important;
}
.blue-theme #header-top.public .town {
  color: #FFFFFF;
}
.blue-theme #footer-bottom .links-heading {
  background-color: white;
  width: 200%;
  margin-left: -50%;
  padding-bottom: 15px;
  padding-top: 15px;
}
.blue-theme #mis-gestiones .tab-content .lista-tramites li a i {
  color: #6EBBA8;
}
.blue-theme #mis-gestiones .tab-content .lista-tramites li a i:before {
  background: rgba(110, 187, 168, 0.1254901961);
}
.blue-theme .paymentonline-container .select-payment-modal .select-payment-group .type-payment-card i {
  color: #6EBBA8;
}
.blue-theme .paymentonline-container .select-payment-modal .select-payment-group .type-payment-card i:before {
  background: rgba(110, 187, 168, 0.1254901961);
}
.blue-theme .paymentonline-container .select-payment-modal .select-payment-group .type-payment-card i.icon-image-container {
  background-color: rgba(110, 187, 168, 0.1254901961); /* Color de fondo deseado */
}
.blue-theme #mis-gestiones-mobile .tab li.subseccion div.icon-subseccion {
  background: rgba(110, 187, 168, 0.1254901961);
}
.blue-theme #mis-gestiones-mobile .tab li.subseccion div.icon-subseccion i {
  color: #6EBBA8;
}
.blue-theme #login-page .dos-columnas.columna1 .column-container .lista-tramites li a i {
  color: #6EBBA8;
}
.blue-theme #login-page .dos-columnas.columna1 .column-container .lista-tramites li a i:before {
  background: rgba(110, 187, 168, 0.1254901961);
}

body table thead tr th.empty, body table thead tr td.empty, body table tbody tr th.empty, body table tbody tr td.empty, body table tfoot tr th.empty, body table tfoot tr td.empty {
  background-color: transparent;
  background-image: none;
}
body #multimedia #destacado-multimedia {
  background-color: #fbfbfb;
  padding-bottom: 50px;
  margin-bottom: 30px;
}
body #multimedia #destacado-multimedia > div:first-child {
  padding: 0;
}
body #multimedia #destacado-multimedia .destacado-multimedia-content {
  position: relative;
}
body #multimedia #destacado-multimedia .destacado-multimedia-content video {
  margin: 0;
}
body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 0 0 30px 40px;
  font-family: "OpenSans-Light", sans-serif;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data * {
  margin: 0;
  padding: 0;
}
body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data header {
  background-color: transparent;
}
body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data header h1.video-title {
  color: white;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data .entradilla-video {
  font-size: 1.0833rem;
  line-height: 1.25;
}
@media screen and (max-width: 900px) {
  body #multimedia #destacado-multimedia {
    padding-bottom: 20px;
  }
  body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data {
    position: relative;
    color: #222;
    padding: 20px;
  }
  body #multimedia #destacado-multimedia .destacado-multimedia-content .video-data header h1.video-title {
    color: #222;
    margin-bottom: 10px;
  }
  body #multimedia #destacado-multimedia .entradilla-destacado-multimedia {
    padding: 0 15px;
  }
}
body #multimedia #listado-multimedia header {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
body #multimedia #listado-multimedia header h1 {
  font-size: 1rem;
  margin: 10px 0 0;
  padding: 0;
}
body #multimedia #listado-multimedia .multimedia-row {
  margin-top: 30px;
}
@media screen and (max-width: 900px) {
  body #multimedia #listado-multimedia .multimedia-row {
    padding: 0 10px;
  }
}
body #multimedia #listado-multimedia .item-multimedia {
  padding: 0 5px;
}
@media screen and (max-width: 900px) {
  body #multimedia #listado-multimedia .item-multimedia {
    margin-bottom: 20px;
  }
  body #multimedia #listado-multimedia .item-multimedia:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 900px) {
  body #multimedia #listado-multimedia .item-multimedia:nth-child(4n+1) {
    clear: left;
  }
}
body #multimedia #listado-multimedia .listado-multimedia-agrupado {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  body #multimedia #listado-multimedia .listado-multimedia-agrupado {
    margin-top: 30px;
  }
}
body #multimedia #listado-multimedia .listado-multimedia-agrupado > header h1 {
  font-size: 1.6667rem;
  font-family: "OpenSans-Light", sans-serif;
}
body #multimedia #listado-multimedia .more-multimedia {
  margin: 70px 0;
  text-align: center;
  font-size: 0.8333rem;
  font-family: "OpenSans-Regular", sans-serif;
}
@media screen and (max-width: 768px) {
  body #multimedia #listado-multimedia .more-multimedia {
    margin: 30px 0;
  }
}
body #multimedia #listado-multimedia video.thumbnail {
  border: 0;
  padding: 0;
  border-radius: 0;
  margin: 0;
}
body #multimedia #listado-multimedia a.thumbnail {
  border: 0;
}
body .modal.fade {
  display: none;
}
body .modal.fade.in {
  display: block;
  overflow: auto;
}
body .detalle-multimedia {
  overflow: auto;
}
@media screen and (max-width: 900px) {
  body .detalle-multimedia .modal-dialog {
    width: 100%;
  }
}
body .detalle-multimedia .modal-dialog .modal-content {
  border-radius: 0;
}
body .detalle-multimedia .modal-dialog .modal-content .modal-header .btn.close {
  font-size: 0;
  float: right;
}
body .detalle-multimedia .modal-dialog .modal-content .modal-body {
  padding: 0;
}
body .detalle-multimedia .modal-dialog .modal-content .modal-body h1 {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  font-family: "PTSans-Regular", sans-serif;
  font-size: 2.1667rem;
  padding: 0 5%;
  margin-top: 0;
}
body .detalle-multimedia .modal-dialog .modal-content .modal-body p.video-description {
  width: 100%;
  text-align: center;
  margin: 0;
  font-size: 1.0833rem;
  font-family: "OpenSans-Light", sans-serif;
  padding: 0 5%;
}
body .detalle-multimedia .modal-dialog .modal-content .modal-body .print-redes {
  margin: 0 30px 30px 0;
}
body #span-seleccion-municipio {
  cursor: pointer;
}

input:focus,
button:focus,
a:focus,
textarea:focus,
select:focus,
.yui3-calendar-grid:focus,
.yui3-calendar-day:focus {
  outline: solid 2px #00a905 !important;
  text-decoration: underline !important;
}

label:focus {
  border: solid 2px #008f05 !important;
  outline: none;
}

h2:focus,
h3:focus,
h4:focus {
  border: solid 2px #00a905 !important;
  outline: none;
}

.alert-dismissable .close {
  opacity: unset;
  color: #a94442;
}

button.close:focus {
  outline: #a94442 solid 2px !important;
  border: solid 0px #a94442 !important;
}

h2:focus.question,
h3:focus.question {
  border: #00A905 solid 2px !important;
}

div.yui3-u-1:focus {
  outline: solid 2px #00A905 !important;
}

div:focus.yui3-widget.yui3-calendarbase.yui3-calendar.yui3-calendar-focused {
  outline: solid 2px #00a905 !important;
}

/*Colocar los selects glyphicon*/
.formularios .form-group .glyphicon-menu-down {
  position: absolute;
  bottom: 5px;
  right: 10px;
  top: 10px;
  z-index: -1;
}

.plan-12-gotas .glyphicon.glyphicon-menu-down {
  position: absolute;
  bottom: 5px;
  right: 5px;
  top: unset;
}

.bs-wizard .bs-wizard-dot .glyphicon {
  display: inline-grid;
  margin-top: 25%;
}

.formularios .form-group .form-control {
  background: transparent;
}

.formularios form .form-group {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.grupo-gestiones {
  list-style: none;
}

.generic-content table > thead > tr > th {
  border-bottom: 0px !important;
  text-align: left !important;
  height: auto !important;
}

.table-list > tbody > tr {
  height: auto !important;
}

.table-list > tbody td,
.table-list > tfoot td {
  box-shadow: inset 0 0px #ddd;
}

.generic-content table td {
  border-bottom: transparent !important;
}

.generic-content table > tbody > tr > td.table-td-list {
  text-align: left !important;
}

.table-list > tbody > tr:hover td,
.table-list > tfoot > tr:hover td {
  box-shadow: inset 0 0px #ddd;
}

#lista_gestiones tbody tr.table-tr-list {
  height: 65px !important;
}

#lista_gestiones tbody td.table-td-list {
  padding-top: 12px !important;
}

.mis-contratos .listado-contratos .table-list .table-th-list {
  padding: 1px;
  border-bottom: 0px solid #ddd !important;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 15px;
  text-align: left !important;
  height: auto;
  background: none;
}

table.table-th-list {
  border-bottom: 0px !important;
}

.mis-contratos .listado-contratos .table-list .table-td-list {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 15px;
  height: 55px;
  background: none;
}

.mis-facturas .tab-content #menu1 .listado-facturas .table-list .table-th-list {
  height: auto;
}

input[type=checkbox] + label {
  position: relative !important;
}

.mis-contratos .listado-contratos .table-list .table-tr-list {
  display: block;
  text-align: left;
}

th.table-th-list.cell-tipo-gestion {
  text-align: left !important;
}

.dashboard-privado .graficos-factura-consumo .combo .titulo h3 {
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (min-width: 1092px) and (max-width: 3000px) {
  .mis-consumos .bloques-consumos .medida-consumo {
    min-height: 230px;
  }
  .card {
    min-height: 380px !important;
  }
  .graficos-factura-consumo .card {
    min-height: 420px !important;
  }
  .distribuidora-gestiones .card {
    min-height: 290px !important;
  }
}
@media (max-width: 768px) {
  .mis-contratos .listado-contratos .table-list .table-td-list {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
  }
  .mis-contratos .listado-contratos .table-list .table-th-list {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .mis-contratos .listado-contratos .table-list .table-thead-list-ov .table-th-list.cell-detalle {
    display: none;
  }
  .dashboard-privado .box .contenedor .ultimas-gestiones .cell-tipo-gestion {
    margin-top: 25px;
  }
  .descarga-masiva .solicitud-descargas.confirmacion-descarga .table-th-list {
    text-align: left !important;
  }
  .mis-contratos .listado-contratos .table-list .table-tr-list {
    display: block;
  }
  .mis-contratos .listado-contratos .table-list .table-tr-list select.ov, .mis-contratos .listado-contratos .table-list .table-tr-list .ql-container select.ql-editor:before, .ql-container .mis-contratos .listado-contratos .table-list .table-tr-list select.ql-editor:before, .mis-contratos .listado-contratos .table-list .table-tr-list .ov-form-field .field-element select, .ov-form-field .field-element .mis-contratos .listado-contratos .table-list .table-tr-list select {
    margin: 15px 0px;
  }
  .dashboard-privado .box .contenedor .table-list .table-th-list {
    padding: 0px;
  }
}
/*
New styles for new tramites are all prefixed by .tramite-container class and that class must be added into each
portlet root tag

The styles are defined in a theme contributor under context /ac-ov-tramite-ui but fonts and colors must be defined
within the main theme
*/
.ac-tramite {
  /* Common styles for all tramites */
}
.ac-tramite .tramite-font-regular, .ac-tramite form.ov-form .ov-form-field .field-error, .ac-tramite form.ov-form .ov-form-field .field-help, .ac-tramite form.ov-form .ov-form-field label, .ac-tramite form.ov-form .ov-form-field .label-text, .ac-tramite .tramite-wrapper .tramite-subtitle-description, .ac-tramite .tramite-wrapper .footer-help, .ac-tramite .tramite-wrapper {
  font-weight: 400;
}
.ac-tramite .tramite-font-bold, .ac-tramite .tramite-wrapper .btn-tramite, .ac-tramite .tramite-wrapper .tramite-subtitle-description strong, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-1, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-2 {
  font-weight: 700;
}
.ac-tramite .tramite-wrapper {
  margin-bottom: 2em;
  display: block;
  color: #222;
}
.ac-tramite .tramite-wrapper .ov-container {
  /* Inside tramites containers doesn't have padding nor margin */
  padding: 0;
  margin: 0 auto;
}
.ac-tramite .tramite-wrapper.ov-container .ov-hidden-accesible-text {
  text-indent: -9999px;
  display: block;
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  color: transparent;
  opacity: 0.00001;
}
.ac-tramite .tramite-wrapper .tramite-header {
  background-color: #fbfbfb;
  padding: 1.5em 0;
  margin-bottom: 30px;
}
.ac-tramite .tramite-wrapper .tramite-header.border-bottom {
  border-bottom: 1px solid #D6DAE3;
}
.ac-tramite .tramite-wrapper .tramite-header h1.ov, .ac-tramite .tramite-wrapper .tramite-header .ql-container h1.ql-editor:before, .ql-container .ac-tramite .tramite-wrapper .tramite-header h1.ql-editor:before {
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: 1px;
  color: #002d63;
  padding-bottom: 20px;
  margin: 0;
}
.ac-tramite .tramite-wrapper .tramite-header .title-section {
  padding-right: 70px;
  border-bottom: 1px solid #D6DAE3;
}
.ac-tramite .tramite-wrapper .tramite-container.ov-container,
.ac-tramite .tramite-wrapper .tramite-body .ov-container {
  max-width: 900px;
}
.ac-tramite .tramite-wrapper .row--form [type=submit].to-right,
.ac-tramite .tramite-wrapper .row--form [type=reset].to-right,
.ac-tramite .tramite-wrapper .row--form button.to-right,
.ac-tramite .tramite-wrapper .row--form a.to-right {
  float: right;
}
.ac-tramite .tramite-wrapper .row--form [type=submit].to-left,
.ac-tramite .tramite-wrapper .row--form [type=reset].to-left,
.ac-tramite .tramite-wrapper .row--form button.to-left,
.ac-tramite .tramite-wrapper .row--form a.to-left {
  float: left;
}
.ac-tramite .tramite-wrapper .row--form.row--buttons {
  padding-top: 60px;
}
.ac-tramite .tramite-wrapper .row--form.row--buttons .ov-form-separator {
  margin-top: 0;
}
.ac-tramite .tramite-wrapper .row--form.no-margin {
  margin: 0;
}
.ac-tramite .tramite-wrapper .row--form.row--subtitle {
  margin-bottom: 20px;
}
.ac-tramite .tramite-wrapper .form-group-ov {
  margin-bottom: 30px;
}
.ac-tramite .tramite-wrapper .form-group-ov.margin-bottom-40 {
  margin-bottom: 40px;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel {
  padding: 30px;
  background-color: #F8F8F8;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle {
  display: none;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle.visible {
  display: block;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source {
  margin-bottom: 0;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source .ov-form-field.checkbox label.checkbox-inline.ov, .ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source .ov-form-field.checkbox .ql-container label.checkbox-inline.ql-editor:before, .ql-container .ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source .ov-form-field.checkbox label.checkbox-inline.ql-editor:before {
  margin-bottom: 0;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source.visible {
  margin: 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #979797;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source.visible .ov-form-field.checkbox label.checkbox-inline.ov, .ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source.visible .ov-form-field.checkbox .ql-container label.checkbox-inline.ql-editor:before, .ql-container .ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle-source.visible .ov-form-field.checkbox label.checkbox-inline.ql-editor:before {
  margin-bottom: 8px;
}
.ac-tramite .tramite-wrapper .form-group-ov.panel .row--form.row--panel-toggle {
  margin: 30px 0;
}
.ac-tramite .tramite-wrapper .footer-help {
  color: #002D63;
  font-size: 0.92rem;
  margin: 0;
  padding: 0;
}
.ac-tramite .tramite-wrapper .tramite-subtitle-lv-1, .ac-tramite .tramite-wrapper .tramite-subtitle-lv-2 {
  font-weight: 700;
  color: #002D63;
  font-size: 1.4167rem;
  margin-top: 0;
  margin-bottom: 15px;
}
.ac-tramite .tramite-wrapper .tramite-subtitle-lv-2 {
  font-size: 1.17rem;
}
.ac-tramite .tramite-wrapper .tramite-subtitle-description {
  color: #002D63;
  font-size: 0.92rem;
  font-weight: 400;
  margin-bottom: 0;
}
.ac-tramite .tramite-wrapper .form-errors-container {
  margin-bottom: 30px;
}
.ac-tramite .tramite-wrapper .form-errors-container .form-errors.notification.wrong ul {
  list-style-image: none;
}
.ac-tramite .tramite-wrapper .form-errors-container-tramites {
  margin-bottom: 30px;
  max-width: 900px;
}
.ac-tramite .tramite-wrapper .form-errors-container-tramites .form-errors.notification.wrong ul {
  list-style-image: none;
}
.ac-tramite .tramite-wrapper .btn-tramite {
  letter-spacing: 0.57px;
  font-size: 1rem;
  min-width: 150px;
}
.ac-tramite .empty-state {
  text-align: center;
  padding-top: 38px;
  width: 100%;
}
.ac-tramite .container-attachments {
  display: flex;
  align-items: center;
}
.ac-tramite .icon-paper-clip {
  margin-right: 8px;
}
.ac-tramite .link-attachments {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ac-tramite form.ov-form .ov-form-field {
  margin-top: 15px;
}
.ac-tramite form.ov-form .ov-form-field.no-margin {
  margin-top: 0;
}
.ac-tramite form.ov-form .ov-form-field input.ov, .ac-tramite form.ov-form .ov-form-field .ql-container input.ql-editor:before, .ql-container .ac-tramite form.ov-form .ov-form-field input.ql-editor:before, .ac-tramite form.ov-form .ov-form-field .field-element input[type]:not([type=submit]):not([type=reset]),
.ac-tramite form.ov-form .ov-form-field input[type=text] {
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ac-tramite form.ov-form .ov-form-field label, .ac-tramite form.ov-form .ov-form-field .label-text {
  color: #002D63;
  font-size: 0.92rem;
  font-style: normal;
  letter-spacing: 0.5px;
}
.ac-tramite form.ov-form .ov-form-field label[tabindex="0"]:focus, .ac-tramite form.ov-form .ov-form-field .label-text[tabindex="0"]:focus {
  /* Style for focusable labels. 
  Hint: in _accesibility.scss label outline is set to "none" and border is forced with "!important" to a 
  2px line that makes a weird efect while navigating between elements with the keyboard.
  Our new tramite labels doesn't have border so we must force it to 0 and we use a box shadow to generate
  a pretty rounded outline 
  */
  border-width: 0px !important;
  border-radius: 4px !important;
  /* Rounded border box shadow with 2px width and 1px of blur */
  box-shadow: 0 0 1px 2px #008f05;
}
.ac-tramite form.ov-form .ov-form-field .field-error, .ac-tramite form.ov-form .ov-form-field .field-help {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 12px;
  letter-spacing: 0.43px;
  /* Use all width to force use of two lines*/
  width: 100%;
}
.ac-tramite form.ov-form .ov-form-field .field-help {
  color: #3E3E3E;
}
.ac-tramite form.ov-form .ov-form-field .field-element textarea.ov-hidden-input,
.ac-tramite form.ov-form .ov-form-field .field-element select.ov-hidden-input,
.ac-tramite form.ov-form .ov-form-field .field-element input.ov-hidden-input {
  display: block;
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0.00001;
  color: transparent;
  background: none;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button {
  position: relative;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper {
  position: relative;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button {
  position: relative;
  display: flex;
  flex-direction: row;
  border: 1px solid rgba(151, 151, 151, 0.35);
  border-radius: 4px;
  margin: 5px 0;
  padding: 0;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button:focus {
  outline: solid 2px #00a905;
  text-decoration: underline;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px 25px 16px 20px;
  margin: 0;
  cursor: pointer;
  /*Clear before and after styles*/
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label:before {
  display: none;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label:after {
  display: none;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label > * {
  height: 40px;
  display: block;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label .radio-icon {
  width: 40px;
  vertical-align: middle;
  flex-grow: 0;
  flex-shrink: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label .label-text {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.25rem;
  color: #002d63;
  margin: 0;
  padding: 0 0.25em;
  line-height: 0.95em;
  height: auto;
  display: inline;
  text-align: center;
  word-break: keep-all;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button label .radio-status {
  width: 20px;
  vertical-align: middle;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  background-position: right center;
  background-repeat: no-repeat;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button.radio-persona-fisica .radio-icon {
  background-image: url("../images/tramites/icon-person.png");
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button.radio-persona-juridica .radio-icon {
  background-image: url("../images/tramites/icon-briefcase.png");
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button.is-checked {
  background-color: RGBA(140, 189, 13, 0.05);
  border-color: #8CBD0D;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button.is-checked .radio-status {
  background: url("/o/cxov-theme/images/commons/ok.svg") center no-repeat;
  fill: #8CBD0D;
  background-size: auto 100%;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button.is-checked .radio-status svg {
  width: 100%;
  height: auto;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button .radio-button-wrapper .field-element.radio-button.is-checked .radio-status svg path {
  fill: #8CBD0D;
}
.ac-tramite form.ov-form .ov-form-field.big-radio-button.has-error .field-element.radio-button {
  border-bottom: 2px solid #d0021b;
}

.main-div {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding-bottom: 24px;
  color: #002d62;
}
.main-div .upload-div {
  display: flex;
}
.main-div .upload-div .file-div {
  display: flex;
  flex-direction: row;
}
.main-div .upload-div .file-input {
  display: none;
}
.main-div .upload-div .custom-file-upload {
  display: inline-block;
  border: 1px solid #002d62;
  background: #002d62;
  color: #fff;
  border-radius: 5em;
  margin: 0;
  height: fit-content;
  max-height: 40px;
  padding: 6px 12px;
  cursor: pointer;
  max-width: 150px;
  min-width: 130px;
}
.main-div .upload-div .custom-file-upload .icon-cloud-download {
  margin-right: 5px;
}
.main-div .upload-div .label-text {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  max-width: 200px;
}
.main-div .upload-div .file-div {
  align-items: center;
}
.main-div .upload-div .file-div .file-preview {
  margin: 0 10px;
}
.main-div .upload-div .file-div .cruz-css, .main-div .upload-div .file-div a:hover.cruz-css, .main-div .upload-div .file-div a:focus.cruz-css, .main-div .upload-div .file-div a:visited.cruz-css {
  cursor: pointer;
}