@charset "UTF-8";
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
@import "./primereact_components/quill/quill.snow.css";
.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/babylon-project-theme/images/states/empty_state.gif);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/babylon-project-theme/images/states/search_state.gif);
  max-width: 210px;
  padding-top: 232px;
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/babylon-project-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/babylon-project-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/babylon-project-theme/images/states/search_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

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

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

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

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

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

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

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

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

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

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

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

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

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

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

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

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn):focus, .lfr-search-container-wrapper a:not(.component-action):not(.btn):hover {
  color: #000;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

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

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

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

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

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

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

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

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

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

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .management-bar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

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

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

.active-area {
  background: #ffc;
}

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

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

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

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

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

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

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

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

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

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.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;
}

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;
}

:root {
  --blue10-color: #ebeeff;
  --blue20-color: #d7dcff;
  --blue40-color: #9ba8ff;
  --blue60-color: #3751ff;
  --blue80-color: #001bcc;
  --blue100-color: #001499;
  --turquoise10-color: #ecfaf9;
  --turquoise20-color: #d8f6f3;
  --turquoise40-color: #b1ece6;
  --turquoise60-color: #3dd0c1;
  --turquoise80-color: #28a497;
  --turquoise100-color: #1e7b72;
  --pink10-color: #fff2f7;
  --pink20-color: #ffbed4;
  --pink40-color: #e86993;
  --pink60-color: #cb3668;
  --pink80-color: #a61c4a;
  --pink100-color: #750a2e;
  --purple10-color: #f5e8ff;
  --purple20-color: #d8aafd;
  --purple40-color: #ac54f0;
  --purple60-color: #8219d4;
  --purple80-color: #530094;
  --purple100-color: #320059;
  --indigo10-color: #edecff;
  --indigo20-color: #b0a9ff;
  --indigo40-color: #7a6dff;
  --indigo60-color: #4032dc;
  --indigo80-color: #0e00ab;
  --indigo100-color: #0a0075;
  --cyan10-color: #eafaff;
  --cyan20-color: #9fdbef;
  --cyan40-color: #41add1;
  --cyan60-color: #007ea8;
  --cyan80-color: #006182;
  --cyan100-color: #004157;
  --lime10-color: #f9ffea;
  --lime20-color: #d8ee9b;
  --lime40-color: #97b544;
  --lime60-color: #638404;
  --lime80-color: #486300;
  --lime100-color: #354800;
  --orange10-color: #ffefea;
  --orange20-color: #ffb199;
  --orange40-color: #f47048;
  --orange60-color: #cf4920;
  --orange80-color: #a82700;
  --orange100-color: #621700;
  --success10-color: #f8fbeb;
  --success20-color: #f2f8d7;
  --success40-color: #e5f1b0;
  --success60-color: #bbda2c;
  --success80-color: #83991f;
  --success100-color: #576615;
  --info10-color: #e6f7fe;
  --info20-color: #cdeffc;
  --info40-color: #9bdffa;
  --info60-color: #05aff2;
  --info80-color: #0494cc;
  --info100-color: #0381b2;
  --warning10: #fef5e6;
  --warning20: #fceccd;
  --warning40: #fad99b;
  --warning60: #f29f05;
  --warning80: #cc8604;
  --warning100: #b27504;
  --warning10-color: #fef5e6;
  --warning20-color: #fceccd;
  --warning40-color: #fad99b;
  --warning60-color: #f29f05;
  --warning80-color: #cc8604;
  --warning100-color: #b27504;
  --error10-color: #fbebeb;
  --error20-color: #f7d6d6;
  --error40-color: #efadad;
  --error60-color: #d83232;
  --error80-color: #b22a2a;
  --error100-color: #992424;
  --neutral10-color: #f6f8fc;
  --neutral20-color: #f1f4f9;
  --border-one: #cbd4e1;
  --neutral40-color: #64748b;
  --neutral80-color: #27364b;
  --neutral90-color: #1e2a3b;
  --neutral100-color: #0f1a2a;
  --grayBackground: #fcfdfe;
  --disabled-color: #f0f1f7;
  --border-two: #9fa2b4;
  --ReFont: "IsidoraRg";
  --BdFont: "IsidoraBd";
  --LtFont: "IsidoraLt";
  --header-height: 100px;
}

@font-face {
  font-family: "IsidoraRg";
  src: url("fonts/typography/isidora/IsidoraSans-Regular.eot"), url("fonts/typography/isidora/IsidoraSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/typography/isidora/IsidoraSans-Regular.woff2") format("woff2"), url("fonts/typography/isidora/IsidoraSans-Regular.woff") format("woff"), url("fonts/typography/isidora/IsidoraSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IsidoraLt";
  src: url("fonts/typography/isidora/IsidoraSans-Light.eot"), url("fonts/typography/isidora/IsidoraSans-Light.eot?#iefix") format("embedded-opentype"), url("fonts/typography/isidora/IsidoraSans-Light.woff2") format("woff2"), url("fonts/typography/isidora/IsidoraSans-Light.woff") format("woff"), url("fonts/typography/isidora/IsidoraSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IsidoraBd";
  src: url("fonts/typography/isidora/IsidoraSans-Bold.eot"), url("fonts/typography/isidora/IsidoraSans-Bold.woff2") format("woff2"), url("fonts/typography/isidora/IsidoraSans-Bold.woff") format("woff"), url("fonts/typography/isidora/IsidoraSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoRg";
  src: url("fonts/typography/noto/NotoSans-Regular.eot"), url("fonts/typography/noto/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/typography/noto/NotoSans-Regular.woff2") format("woff2"), url("fonts/typography/noto/NotoSans-Regular.woff") format("woff"), url("fonts/typography/noto/NotoSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoLt";
  src: url("fonts/typography/noto/NotoSans-Light.eot"), url("fonts/typography/noto/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("fonts/typography/noto/NotoSans-Light.woff2") format("woff2"), url("fonts/typography/noto/NotoSans-Light.woff") format("woff"), url("fonts/typography/noto/NotoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoBd";
  src: url("fonts/typography/noto/NotoSans-Bold.eot"), url("fonts/typography/noto/NotoSans-Bold.woff2") format("woff2"), url("fonts/typography/noto/NotoSans-Bold.woff") format("woff"), url("fonts/typography/noto/NotoSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("fonts/icons/icommon-coverages/icomoon.eot?byw7zd");
  src: url("fonts/icons/icommon-coverages/icomoon.eot?byw7zd#iefix") format("embedded-opentype"), url("fonts/icons/icommon-coverages/icomoon.ttf?byw7zd") format("truetype"), url("fonts/icons/icommon-coverages/icomoon.woff?byw7zd") format("woff"), url("fonts/icons/icommon-coverages/icomoon.svg?byw7zd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !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-Theft-01:before {
  content: "\eb23";
}

.icon-Theft-02:before {
  content: "\eb2c";
}

.icon-Theft-03:before {
  content: "\eb2b";
}

.icon-Theft-04:before {
  content: "\eb2a";
}

.icon-Theft-05:before {
  content: "\eb29";
}

.icon-Theft-06:before {
  content: "\eb28";
}

.icon-Theft-07:before {
  content: "\eb27";
}

.icon-Theft-08:before {
  content: "\eb26";
}

.icon-Theft-09:before {
  content: "\eb25";
}

.icon-Theft-10:before {
  content: "\eb24";
}

.icon-Replacement-01:before {
  content: "\eb36";
}

.icon-Replacement-02:before {
  content: "\eb35";
}

.icon-Replacement-03:before {
  content: "\eb34";
}

.icon-Replacement-04:before {
  content: "\eb33";
}

.icon-Replacement-05:before {
  content: "\eb32";
}

.icon-Replacement-06:before {
  content: "\eb31";
}

.icon-Replacement-07:before {
  content: "\eb30";
}

.icon-Replacement-08:before {
  content: "\eb2f";
}

.icon-Replacement-09:before {
  content: "\eb2e";
}

.icon-Replacement-10:before {
  content: "\eb2d";
}

.icon-Rent-01:before {
  content: "\eb3f";
}

.icon-Rent-02:before {
  content: "\eb3e";
}

.icon-Rent-03:before {
  content: "\eb3d";
}

.icon-Rent-04:before {
  content: "\eb3c";
}

.icon-Rent-06:before {
  content: "\eb3b";
}

.icon-Rent-07:before {
  content: "\eb3a";
}

.icon-Rent-08:before {
  content: "\eb39";
}

.icon-Rent-09:before {
  content: "\eb38";
}

.icon-Rent-10:before {
  content: "\eb37";
}

.icon-Pymes-01:before {
  content: "\eb49";
}

.icon-Pymes-02:before {
  content: "\eb48";
}

.icon-Pymes-03:before {
  content: "\eb47";
}

.icon-Pymes-04:before {
  content: "\eb46";
}

.icon-Pymes-05:before {
  content: "\eb45";
}

.icon-Pymes-06:before {
  content: "\eb44";
}

.icon-Pymes-07:before {
  content: "\eb43";
}

.icon-Pymes-08:before {
  content: "\eb42";
}

.icon-Pymes-09:before {
  content: "\eb41";
}

.icon-Pymes-10:before {
  content: "\eb40";
}

.icon-Purchase-01:before {
  content: "\eb5b";
}

.icon-Purchase-02:before {
  content: "\eb5a";
}

.icon-Purchase-03:before {
  content: "\eb59";
}

.icon-Purchase-04:before {
  content: "\eb58";
}

.icon-Purchase-05:before {
  content: "\eb57";
}

.icon-Purchase-06:before {
  content: "\eb56";
}

.icon-Purchase-07:before {
  content: "\eb55";
}

.icon-Purchase-08:before {
  content: "\eb54";
}

.icon-Purchase-09:before {
  content: "\eb53";
}

.icon-Purchase-10:before {
  content: "\eb52";
}

.icon-Purchase-11:before {
  content: "\eb51";
}

.icon-Purchase-12:before {
  content: "\eb50";
}

.icon-Purchase-13:before {
  content: "\eb4f";
}

.icon-Purchase-14:before {
  content: "\eb4e";
}

.icon-Purchase-15:before {
  content: "\eb4d";
}

.icon-Purchase-16:before {
  content: "\eb4c";
}

.icon-Purchase-17:before {
  content: "\eb4b";
}

.icon-Purchase-18:before {
  content: "\eb4a";
}

.icon-Pet-03:before {
  content: "\eb64";
}

.icon-Pet-04:before {
  content: "\eb63";
}

.icon-Pet-05:before {
  content: "\eb62";
}

.icon-Pet-06:before {
  content: "\eb61";
}

.icon-Pet-07:before {
  content: "\eb60";
}

.icon-Pet-08:before {
  content: "\eb5f";
}

.icon-Pet-09:before {
  content: "\eb5e";
}

.icon-Pet-10:before {
  content: "\eb5d";
}

.icon-Pet-11:before {
  content: "\eb5c";
}

.icon-Personal_Accidents-01:before {
  content: "\eb6e";
}

.icon-Personal_Accidents-02:before {
  content: "\eb6d";
}

.icon-Personal_Accidents-03:before {
  content: "\eb6c";
}

.icon-Personal_Accidents-04:before {
  content: "\eb6b";
}

.icon-Personal_Accidents-05:before {
  content: "\eb6a";
}

.icon-Personal_Accidents-06:before {
  content: "\eb69";
}

.icon-Personal_Accidents-07:before {
  content: "\eb68";
}

.icon-Personal_Accidents-08:before {
  content: "\eb67";
}

.icon-Personal_Accidents-09:before {
  content: "\eb66";
}

.icon-Personal_Accidents-10:before {
  content: "\eb65";
}

.icon-Obsequies-01:before {
  content: "\eb78";
}

.icon-Obsequies-02:before {
  content: "\eb77";
}

.icon-Obsequies-03:before {
  content: "\eb76";
}

.icon-Obsequies-04:before {
  content: "\eb75";
}

.icon-Obsequies-05:before {
  content: "\eb74";
}

.icon-Obsequies-06:before {
  content: "\eb73";
}

.icon-Obsequies-07:before {
  content: "\eb72";
}

.icon-Obsequies-08:before {
  content: "\eb71";
}

.icon-Obsequies-09:before {
  content: "\eb70";
}

.icon-Obsequies-10:before {
  content: "\eb6f";
}

.icon-Mobility-01:before {
  content: "\eb87";
}

.icon-Mobility-02:before {
  content: "\eb86";
}

.icon-Mobility-03:before {
  content: "\eb85";
}

.icon-Mobility-04:before {
  content: "\eb84";
}

.icon-Mobility-05:before {
  content: "\eb83";
}

.icon-Mobility-06:before {
  content: "\eb82";
}

.icon-Mobility-07:before {
  content: "\eb81";
}

.icon-Mobility-08:before {
  content: "\eb80";
}

.icon-Mobility-09:before {
  content: "\eb7f";
}

.icon-Mobility-10:before {
  content: "\eb7e";
}

.icon-Mobility-11:before {
  content: "\eb7d";
}

.icon-Mobility-12:before {
  content: "\eb7c";
}

.icon-Mobility-13:before {
  content: "\eb7b";
}

.icon-Mobility-15:before {
  content: "\eb7a";
}

.icon-Mobility-16:before {
  content: "\eb79";
}

.icon-Hospital-01:before {
  content: "\eb91";
}

.icon-Hospital-02:before {
  content: "\eb90";
}

.icon-Hospital-03:before {
  content: "\eb8f";
}

.icon-Hospital-04:before {
  content: "\eb8e";
}

.icon-Hospital-05:before {
  content: "\eb8d";
}

.icon-Hospital-06:before {
  content: "\eb8c";
}

.icon-Hospital-07:before {
  content: "\eb8b";
}

.icon-Hospital-08:before {
  content: "\eb8a";
}

.icon-Hospital-09:before {
  content: "\eb89";
}

.icon-Hospital-10:before {
  content: "\eb88";
}

.icon-Home-01:before {
  content: "\eb9b";
}

.icon-Home-02:before {
  content: "\eb9a";
}

.icon-Home-03:before {
  content: "\eb99";
}

.icon-Home-04:before {
  content: "\eb98";
}

.icon-Home-05:before {
  content: "\eb97";
}

.icon-Home-06:before {
  content: "\eb96";
}

.icon-Home-07:before {
  content: "\eb95";
}

.icon-Home-08:before {
  content: "\eb94";
}

.icon-Home-09:before {
  content: "\eb93";
}

.icon-Home-10:before {
  content: "\eb92";
}

.icon-Fraud-01:before {
  content: "\eba5";
}

.icon-Fraud-02:before {
  content: "\eba4";
}

.icon-Fraud-03:before {
  content: "\eba3";
}

.icon-Fraud-04:before {
  content: "\eba2";
}

.icon-Fraud-05:before {
  content: "\eba1";
}

.icon-Fraud-06:before {
  content: "\eba0";
}

.icon-Fraud-07:before {
  content: "\eb9f";
}

.icon-Fraud-08:before {
  content: "\eb9e";
}

.icon-Fraud-09:before {
  content: "\eb9d";
}

.icon-Fraud-10:before {
  content: "\eb9c";
}

.icon-Employment-01:before {
  content: "\ebb2";
}

.icon-Employment-02:before {
  content: "\ebb1";
}

.icon-Employment-03:before {
  content: "\ebb0";
}

.icon-Employment-04:before {
  content: "\ebaf";
}

.icon-Employment-05:before {
  content: "\ebae";
}

.icon-Employment-06:before {
  content: "\ebad";
}

.icon-Employment-07:before {
  content: "\ebac";
}

.icon-Employment-08:before {
  content: "\ebab";
}

.icon-Employment-09:before {
  content: "\ebaa";
}

.icon-Employment-10:before {
  content: "\eba9";
}

.icon-Employment-11:before {
  content: "\eba8";
}

.icon-Employment-12:before {
  content: "\eba7";
}

.icon-Employment-13:before {
  content: "\eba6";
}

.icon-Disease-01:before {
  content: "\ebbc";
}

.icon-Disease-02:before {
  content: "\ebbb";
}

.icon-Disease-03:before {
  content: "\ebba";
}

.icon-Disease-04:before {
  content: "\ebb9";
}

.icon-Disease-05:before {
  content: "\ebb8";
}

.icon-Disease-06:before {
  content: "\ebb7";
}

.icon-Disease-07:before {
  content: "\ebb6";
}

.icon-Disease-08:before {
  content: "\ebb5";
}

.icon-Disease-09:before {
  content: "\ebb4";
}

.icon-Disease-10:before {
  content: "\ebb3";
}

.icon-Disability-01:before {
  content: "\ebc6";
}

.icon-Disability-02:before {
  content: "\ebc5";
}

.icon-Disability-03:before {
  content: "\ebc4";
}

.icon-Disability-04:before {
  content: "\ebc3";
}

.icon-Disability-05:before {
  content: "\ebc2";
}

.icon-Disability-06:before {
  content: "\ebc1";
}

.icon-Disability-07:before {
  content: "\ebc0";
}

.icon-Disability-08:before {
  content: "\ebbf";
}

.icon-Disability-09:before {
  content: "\ebbe";
}

.icon-Disability-10:before {
  content: "\ebbd";
}

.icon-Death-01:before {
  content: "\ebd5";
}

.icon-Death-02:before {
  content: "\ebd4";
}

.icon-Death-03:before {
  content: "\ebd3";
}

.icon-Death-04:before {
  content: "\ebd2";
}

.icon-Death-05:before {
  content: "\ebd1";
}

.icon-Death-06:before {
  content: "\ebd0";
}

.icon-Death-07:before {
  content: "\ebcf";
}

.icon-Death-08:before {
  content: "\ebce";
}

.icon-Death-09:before {
  content: "\ebcd";
}

.icon-Death-10:before {
  content: "\ebcc";
}

.icon-Death-11:before {
  content: "\ebcb";
}

.icon-Death-12:before {
  content: "\ebca";
}

.icon-Death-13:before {
  content: "\ebc9";
}

.icon-Death-14:before {
  content: "\ebc8";
}

.icon-Death-15:before {
  content: "\ebc7";
}

.icon-Cellphone-01:before {
  content: "\ebdf";
}

.icon-Cellphone-02:before {
  content: "\ebde";
}

.icon-Cellphone-03:before {
  content: "\ebdd";
}

.icon-Cellphone-04:before {
  content: "\ebdc";
}

.icon-Cellphone-05:before {
  content: "\ebdb";
}

.icon-Cellphone-06:before {
  content: "\ebda";
}

.icon-Cellphone-07:before {
  content: "\ebd9";
}

.icon-Cellphone-08:before {
  content: "\ebd8";
}

.icon-Cellphone-09:before {
  content: "\ebd7";
}

.icon-Cellphone-10:before {
  content: "\ebd6";
}

.icon-Cancer-01:before {
  content: "\ebe8";
}

.icon-Cancer-02:before {
  content: "\ebe7";
}

.icon-Cancer-03:before {
  content: "\ebe6";
}

.icon-Cancer-04:before {
  content: "\ebe5";
}

.icon-Cancer-05:before {
  content: "\ebe4";
}

.icon-Cancer-06:before {
  content: "\ebe3";
}

.icon-Cancer-07:before {
  content: "\ebe2";
}

.icon-Cancer-09:before {
  content: "\ebe1";
}

.icon-Cancer-10:before {
  content: "\ebe0";
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icons/iconmoon/icomoon.eot?og64hd");
  src: url("fonts/icons/iconmoon/icomoon.eot?og64hd#iefix") format("embedded-opentype"), url("fonts/icons/iconmoon/icomoon.ttf?og64hd") format("truetype"), url("fonts/icons/iconmoon/icomoon.woff?og64hd") format("woff"), url("fonts/icons/iconmoon/icomoon.svg?og64hd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !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-bell-point:before {
  content: "\eb36";
  color: #fff;
}

.icon-film-icon:before {
  content: "\eb37";
  color: #3751ff;
}

.icon-exam-icon:before {
  content: "\eb38";
  color: #3751ff;
}

.icon-check-circle:before {
  content: "\eb39";
  color: #638404;
}

.icon-heart-off:before {
  content: "\eb34";
  color: #64748b;
}

.icon-heart-on:before {
  content: "\eb35";
  color: #d83232;
}

.icon-info:before {
  content: "\eb33";
  color: #170f49;
}

.icon-graduation-cap:before {
  content: "\eb32";
  color: #94a3b8;
}

.icon-birthday:before {
  content: "\eb31";
  color: #003057;
}

.icon-claim-instance:before {
  content: "\eb28";
}

.icon-policy-modification:before {
  content: "\eb29";
}

.icon-insurance-premium:before {
  content: "\eb2a";
}

.icon-renewals:before {
  content: "\eb2b";
}

.icon-claim-process:before {
  content: "\eb2c";
}

.icon-consumer-service:before {
  content: "\eb2d";
}

.icon-insurable-asset:before {
  content: "\eb2e";
}

.icon-insurance-conditions:before {
  content: "\eb2f";
}

.icon-additional-information:before {
  content: "\eb30";
}

.icon-close-active:before {
  content: "\eb23";
}

.icon-checkbox-checked .path1:before {
  content: "\eb24";
  color: rgb(55, 81, 255);
}

.icon-checkbox-checked .path2:before {
  content: "\eb25";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-close-hover:before {
  content: "\eb26";
  color: #94a3b8;
}

.icon-checkbox-empty:before {
  content: "\eb27";
  color: #94a3b8;
}

.icon-file-search:before {
  content: "\e911";
}

.icon-constance:before {
  content: "\eaf0";
}

.icon-similar-text:before {
  content: "\eaf1";
}

.icon-sheet:before {
  content: "\eaf2";
}

.icon-service-profile:before {
  content: "\eaf3";
}

.icon-reject-sheet:before {
  content: "\eaf4";
}

.icon-reject-calendar:before {
  content: "\eaf5";
}

.icon-shield-line:before {
  content: "\eaf7";
}

.icon-percent-offer:before {
  content: "\eafc";
}

.icon-insurance-price:before {
  content: "\eb20";
}

.icon-pig-bank:before {
  content: "\eb21";
}

.icon-Vector-Stroke:before {
  content: "\eb22";
}

.icon-angry .path1:before {
  content: "\e91d";
  color: rgb(226, 232, 240);
}

.icon-angry .path2:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-angry .path3:before {
  content: "\e948";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-angry .path4:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-angry .path5:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-angry .path6:before {
  content: "\eabc";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-conditionals:before {
  content: "\eaf6";
}

.icon-ehm .path1:before {
  content: "\eaf8";
  color: rgb(226, 232, 240);
}

.icon-ehm .path2:before {
  content: "\eaf9";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-ehm .path3:before {
  content: "\eafa";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-ehm .path4:before {
  content: "\eafb";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-excited .path1:before {
  content: "\eafd";
  color: rgb(226, 232, 240);
}

.icon-excited .path2:before {
  content: "\eafe";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-excited .path3:before {
  content: "\eaff";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-excited .path4:before {
  content: "\eb00";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-very-happiness1 .path1:before {
  content: "\eb01";
  color: rgb(226, 232, 240);
}

.icon-very-happiness1 .path2:before {
  content: "\eb02";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-very-happiness1 .path3:before {
  content: "\eb03";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-very-happiness1 .path4:before {
  content: "\eb04";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-muted .path1:before {
  content: "\eb05";
  color: rgb(226, 232, 240);
}

.icon-muted .path2:before {
  content: "\eb06";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-muted .path3:before {
  content: "\eb07";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-muted .path4:before {
  content: "\eb08";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-muted .path5:before {
  content: "\eb09";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-ouch .path1:before {
  content: "\eb0a";
  color: rgb(226, 232, 240);
}

.icon-ouch .path2:before {
  content: "\eb0b";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-ouch .path3:before {
  content: "\eb0c";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-ouch .path4:before {
  content: "\eb0d";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-sad1 .path1:before {
  content: "\eb0e";
  color: rgb(226, 232, 240);
}

.icon-sad1 .path2:before {
  content: "\eb0f";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-sad1 .path3:before {
  content: "\eb10";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-sad1 .path4:before {
  content: "\eb11";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-surprise .path1:before {
  content: "\eb12";
  color: rgb(226, 232, 240);
}

.icon-surprise .path2:before {
  content: "\eb13";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-surprise .path3:before {
  content: "\eb14";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-surprise .path4:before {
  content: "\eb15";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-thinking .path1:before {
  content: "\eb16";
  color: rgb(226, 232, 240);
}

.icon-thinking .path2:before {
  content: "\eb17";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-thinking .path3:before {
  content: "\eb18";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-thinking .path4:before {
  content: "\eb19";
  margin-left: -1em;
  color: rgb(39, 54, 75);
}

.icon-umm .path1:before {
  content: "\eb1a";
  color: rgb(226, 232, 240);
}

.icon-umm .path2:before {
  content: "\eb1b";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-umm .path3:before {
  content: "\eb1c";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-umm .path4:before {
  content: "\eb1d";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-umm .path5:before {
  content: "\eb1e";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-umm .path6:before {
  content: "\eb1f";
  margin-left: -1.0322265625em;
  color: rgb(39, 54, 75);
}

.icon-copy:before {
  content: "\eaef";
}

.icon-smartphone:before {
  content: "\eaee";
}

.icon-image:before {
  content: "\eaed";
}

.icon-files:before {
  content: "\eaeb";
}

.icon-server-crash:before {
  content: "\eaec";
}

.icon-eye-off:before {
  content: "\eaea";
}

.icon-accidental-death:before {
  content: "\e900";
}

.icon-api-upload:before {
  content: "\e901";
}

.icon-ellipse-1:before {
  content: "\e902";
  color: #94a3b8;
}

.icon-extended-warranty-buy:before {
  content: "\e903";
}

.icon-life:before {
  content: "\e904";
}

.icon-neutral:before {
  content: "\e905";
  color: #94a3b8;
}

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

.icon-temporary-total-disability:before {
  content: "\e907";
}

.icon-temporary-total-disability-2:before {
  content: "\e908";
}

.icon-credit-card:before {
  content: "\e909";
}

.icon-credit-card-2:before {
  content: "\e90a";
}

.icon-credit-card-3:before {
  content: "\e90b";
}

.icon-credit-card-4:before {
  content: "\e90c";
}

.icon-fraudulent-use-of-checkbook:before {
  content: "\e90d";
}

.icon-guarded:before {
  content: "\e90e";
}

.icon-location-1:before {
  content: "\e90f";
}

.icon-policyholder:before {
  content: "\e910";
}

.icon-scroll:before {
  content: "\e912";
}

.icon-star:before {
  content: "\e913";
}

.icon-star-half:before {
  content: "\e914";
}

.icon-star-o:before {
  content: "\e915";
}

.icon-support:before {
  content: "\e916";
}

.icon-suspended:before {
  content: "\e917";
}

.icon-swipe:before {
  content: "\e918";
}

.icon-umbrella:before {
  content: "\e919";
}

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

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

.icon-vehicle:before {
  content: "\e91c";
}

.icon-web-cam:before {
  content: "\e91e";
}

.icon-week:before {
  content: "\e91f";
}

.icon-zone:before {
  content: "\e920";
}

.icon-bag-or-wallet-replacement:before {
  content: "\e921";
}

.icon-broken-bones:before {
  content: "\e922";
}

.icon-car-theft:before {
  content: "\e923";
}

.icon-death-any-cause:before {
  content: "\e924";
}

.icon-death-consequence-cancer:before {
  content: "\e925";
}

.icon-death-monthly-rent:before {
  content: "\e926";
}

.icon-disability-income:before {
  content: "\e927";
}

.icon-eye-close:before {
  content: "\e928";
}

.icon-eye-open:before {
  content: "\e929";
}

.icon-family-death:before {
  content: "\e92a";
}

.icon-family-market-rent:before {
  content: "\e92b";
}

.icon-guaranteed-car-protection:before {
  content: "\e92c";
}

.icon-home-all-risk-policy:before {
  content: "\e92d";
}

.icon-income-death-cancer:before {
  content: "\e92e";
}

.icon-income-education-children:before {
  content: "\e92f";
}

.icon-involuntary-unemployment-income:before {
  content: "\e930";
}

.icon-lost-card-theft:before {
  content: "\e931";
}

.icon-notification:before {
  content: "\e932";
}

.icon-paid:before {
  content: "\e933";
}

.icon-play:before {
  content: "\e934";
}

.icon-policy:before {
  content: "\e935";
}

.icon-profile:before {
  content: "\e936";
}

.icon-protected-persons:before {
  content: "\e937";
}

.icon-protected-persons-2:before {
  content: "\e938";
}

.icon-region:before {
  content: "\e939";
}

.icon-rent-cancer-treatment:before {
  content: "\e93a";
}

.icon-rent-hospitalization-accident:before {
  content: "\e93b";
}

.icon-rent-medicines-cancer:before {
  content: "\e93c";
}

.icon-settled:before {
  content: "\e93d";
}

.icon-vehicle-all-risk-policy:before {
  content: "\e93e";
}

.icon-accidental-death-holder-companions:before {
  content: "\e93f";
}

.icon-accidental-death-public-roads:before {
  content: "\e940";
}

.icon-accrued-incentives:before {
  content: "\e941";
}

.icon-ATM-theft:before {
  content: "\e942";
}

.icon-dead:before {
  content: "\e943";
}

.icon-extended-warranty:before {
  content: "\e944";
}

.icon-free-destiny:before {
  content: "\e945";
}

.icon-funeral-expenses:before {
  content: "\e946";
}

.icon-home:before {
  content: "\e949";
}

.icon-identity:before {
  content: "\e94a";
}

.icon-IVA:before {
  content: "\e94c";
}

.icon-i-want-to:before {
  content: "\e94d";
}

.icon-like:before {
  content: "\e94e";
}

.icon-login:before {
  content: "\e94f";
}

.icon-microcredits:before {
  content: "\e950";
}

.icon-mobile-photo:before {
  content: "\e951";
}

.icon-money:before {
  content: "\e952";
}

.icon-month:before {
  content: "\e953";
}

.icon-more:before {
  content: "\e954";
}

.icon-mortgage:before {
  content: "\e955";
}

.icon-photo:before {
  content: "\e956";
}

.icon-temporary-total-disability-accidental-fracture:before {
  content: "\e957";
}

.icon-temporary-total-disability-cancer:before {
  content: "\e958";
}

.icon-theft:before {
  content: "\e959";
}

.icon-today:before {
  content: "\e95a";
}

.icon-after-IVA:before {
  content: "\e95b";
}

.icon-arrow-bold:before {
  content: "\e95c";
}

.icon-arrow-left:before {
  content: "\e95e";
}

.icon-arrow-down:before {
  content: "\e95d";
}

.icon-arrow-up:before {
  content: "\e960";
}

.icon-arrow-right:before {
  content: "\e95f";
}

.icon-crediservices:before {
  content: "\e961";
}

.icon-cycle:before {
  content: "\e962";
}

.icon-date-2:before {
  content: "\e963";
}

.icon-delete:before {
  content: "\e964";
  color: #3751ff;
}

.icon-denied:before {
  content: "\e965";
}

.icon-details:before {
  content: "\e966";
}

.icon-disease:before {
  content: "\e967";
}

.icon-dismissal-without-just-cause:before {
  content: "\e968";
}

.icon-download-letter:before {
  content: "\e969";
}

.icon-edit:before {
  content: "\e96a";
}

.icon-extended-care:before {
  content: "\e96c";
}

.icon-heart-25:before {
  content: "\e96d";
}

.icon-heart-50:before {
  content: "\e96e";
}

.icon-heart-75:before {
  content: "\e96f";
}

.icon-heart-empty:before {
  content: "\e970";
}

.icon-heart-full:before {
  content: "\e971";
}

.icon-life-2:before {
  content: "\e972";
}

.icon-ornamentation-2:before {
  content: "\e973";
}

.icon-ornamentation-3:before {
  content: "\e974";
}

.icon-unemployment2:before {
  content: "\e975";
}

.icon-write-us:before {
  content: "\e976";
}

.icon-accident:before {
  content: "\e977";
}

.icon-alert:before {
  content: "\e978";
}

.icon-analysis:before {
  content: "\e979";
}

.icon-arrow-detail-bottom:before {
  content: "\e97a";
}

.icon-arrow-detail-left:before {
  content: "\e97b";
}

.icon-arrow-detail-right:before {
  content: "\e97c";
}

.icon-arrow-detail-top:before {
  content: "\e97d";
}

.icon-arrow-swipe:before {
  content: "\e97e";
}

.icon-attached-file:before {
  content: "\e97f";
}

.icon-before-IVA:before {
  content: "\e980";
}

.icon-cancer:before {
  content: "\e981";
}

.icon-check:before {
  content: "\e982";
}

.icon-close:before {
  content: "\e983";
}

.icon-estate-phone:before {
  content: "\e984";
}

.icon-family-food-basket-death-case:before {
  content: "\e985";
}

.icon-hooter:before {
  content: "\e986";
}

.icon-search-photo:before {
  content: "\e987";
}

.icon-total-disability-family-basket:before {
  content: "\e988";
}

.icon-yearly:before {
  content: "\e989";
}

.icon-actors:before {
  content: "\e98a";
}

.icon-assured-time:before {
  content: "\e98b";
}

.icon-authorizations:before {
  content: "\e98c";
}

.icon-beneficiaries:before {
  content: "\e98d";
}

.icon-colombia:before {
  content: "\e98e";
}

.icon-consumer-credit:before {
  content: "\e98f";
}

.icon-credit-card-5:before {
  content: "\e990";
}

.icon-debit-card:before {
  content: "\e991";
}

.icon-debit-card-2:before {
  content: "\e992";
}

.icon-fax:before {
  content: "\e993";
}

.icon-gps:before {
  content: "\e994";
}

.icon-home-coverage:before {
  content: "\e995";
}

.icon-important:before {
  content: "\e996";
}

.icon-insurance:before {
  content: "\e997";
}

.icon-insurance-renewal:before {
  content: "\e998";
}

.icon-insured:before {
  content: "\e999";
}

.icon-life-3:before {
  content: "\e99a";
}

.icon-mail:before {
  content: "\e99b";
}

.icon-main-defender:before {
  content: "\e99c";
}

.icon-open-letter:before {
  content: "\e99d";
}

.icon-responsibilities:before {
  content: "\e99e";
}

.icon-schedule:before {
  content: "\e99f";
}

.icon-secured-letter:before {
  content: "\e9a0";
}

.icon-statements:before {
  content: "\e9a1";
}

.icon-waiting-time:before {
  content: "\e9a2";
}

.icon-wallet:before {
  content: "\e9a3";
}

.icon-watch:before {
  content: "\e9a4";
}

.icon-way-to-pay:before {
  content: "\e9a5";
}

.icon-whatsApp:before {
  content: "\e9a6";
}

.icon-accidental-death-driver-vehicle:before {
  content: "\e9a7";
}

.icon-accidental-death-vehicle-occupants:before {
  content: "\e9a8";
}

.icon-accidental-permanent-disability-vehicle-occupants:before {
  content: "\e9a9";
}

.icon-ATM:before {
  content: "\e9aa";
}

.icon-bag:before {
  content: "\e9ab";
}

.icon-cash:before {
  content: "\e9ac";
}

.icon-child-education-expenses:before {
  content: "\e9ad";
}

.icon-companion-transfer:before {
  content: "\e9ae";
}

.icon-dead-3:before {
  content: "\e9af";
}

.icon-death-private-vehicle-pedestrian:before {
  content: "\e9b0";
}

.icon-doctor-transfer:before {
  content: "\e9b1";
}

.icon-employees-temporary-total-disability:before {
  content: "\e9b2";
}

.icon-home-doctor:before {
  content: "\e9b3";
}

.icon-home-electronics-theft:before {
  content: "\e9b4";
}

.icon-home-nursing:before {
  content: "\e9b5";
}

.icon-home-states-theft:before {
  content: "\e9b6";
}

.icon-instagram:before {
  content: "\e9b7";
}

.icon-legal-assistance:before {
  content: "\e9b8";
}

.icon-location:before {
  content: "\e9b9";
}

.icon-medical-guidance:before {
  content: "\e9ba";
}

.icon-permanent-total-disability-accident:before {
  content: "\e9bb";
}

.icon-pills:before {
  content: "\e9bc";
}

.icon-psychological-assistance:before {
  content: "\e9bd";
}

.icon-purchase-coordination:before {
  content: "\e9be";
}

.icon-reconstructive-surgery:before {
  content: "\e9bf";
}

.icon-repayment:before {
  content: "\e9c0";
}

.icon-shopping-basket:before {
  content: "\e9c1";
}

.icon-surgery:before {
  content: "\e9c2";
}

.icon-temporary-total-disability-accident:before {
  content: "\e9c3";
}

.icon-theft-vehicle-elements:before {
  content: "\e9c4";
}

.icon-transportation-assistance:before {
  content: "\e9c5";
}

.icon-universal:before {
  content: "\e9c6";
}

.icon-WA-Logo:before {
  content: "\e9c7";
}

.icon-25:before {
  content: "\e9c8";
}

.icon-44:before {
  content: "\e9c9";
}

.icon-65:before {
  content: "\e9ca";
}

.icon-66:before {
  content: "\e9cb";
}

.icon-accidental-death-public-transport:before {
  content: "\e9cc";
}

.icon-accounts:before {
  content: "\e9cd";
}

.icon-broken-glass-mirrors:before {
  content: "\e9ce";
}

.icon-consumer-credit-2:before {
  content: "\e9cf";
}

.icon-diagnosed-cancer:before {
  content: "\e9d0";
}

.icon-dismemberment:before {
  content: "\e9d1";
}

.icon-estate:before {
  content: "\e9d2";
}

.icon-forced:before {
  content: "\e9d3";
}

.icon-funeral-aid:before {
  content: "\e9d4";
}

.icon-hospitalization-expenses:before {
  content: "\e9d5";
}

.icon-improper:before {
  content: "\e9d6";
}

.icon-independent:before {
  content: "\e9d7";
}

.icon-massive:before {
  content: "\e9d8";
}

.icon-office-theft:before {
  content: "\e9d9";
}

.icon-parking-vehicle:before {
  content: "\e9da";
}

.icon-pensionary:before {
  content: "\e9db";
}

.icon-permanent-total-disability:before {
  content: "\e9dc";
}

.icon-permanent-total-disability-accident-of-any-transport:before {
  content: "\e9dd";
}

.icon-plane-crash-disability:before {
  content: "\e9de";
}

.icon-preferential:before {
  content: "\e9df";
}

.icon-protected-event:before {
  content: "\e9e0";
}

.icon-qualified-theft-property:before {
  content: "\e9e1";
}

.icon-replacement-documents:before {
  content: "\e9e2";
}

.icon-replacement-keys:before {
  content: "\e9e3";
}

.icon-salaried:before {
  content: "\e9e4";
}

.icon-serious-diseases:before {
  content: "\e9e5";
}

.icon-student:before {
  content: "\e9e6";
}

.icon-vehicle-2:before {
  content: "\e9e7";
}

.icon-age:before {
  content: "\e9e8";
}

.icon-arrow-right-large:before {
  content: "\e9e9";
}

.icon-broken-house:before {
  content: "\e9ea";
}

.icon-car-accident:before {
  content: "\e9eb";
}

.icon-car-accident-2:before {
  content: "\e9ec";
}

.icon-card-cloning:before {
  content: "\e9ed";
}

.icon-date:before {
  content: "\e9ee";
}

.icon-edit-shape:before {
  content: "\e9ef";
}

.icon-electric-home:before {
  content: "\e9f0";
}

.icon-exclusions:before {
  content: "\e9f1";
}

.icon-fraudulent-internet-purchases:before {
  content: "\e9f2";
}

.icon-home-2:before {
  content: "\e9f3";
}

.icon-home-earthquake:before {
  content: "\e9f4";
}

.icon-home-fire:before {
  content: "\e9f5";
}

.icon-home-flood:before {
  content: "\e9f6";
}

.icon-home-responsibilities:before {
  content: "\e9f7";
}

.icon-home-robbery:before {
  content: "\e9f8";
}

.icon-i-have-been-robbed:before {
  content: "\e9f9";
}

.icon-level-1:before {
  content: "\e9fa";
}

.icon-level-2:before {
  content: "\e9fb";
}

.icon-level-3:before {
  content: "\e9fc";
}

.icon-level-4:before {
  content: "\e9fd";
}

.icon-level-5:before {
  content: "\e9fe";
}

.icon-link:before {
  content: "\e9ff";
}

.icon-maximum-age:before {
  content: "\ea00";
}

.icon-maximum-age-2:before {
  content: "\ea01";
}

.icon-medical-expenses:before {
  content: "\ea02";
}

.icon-old-man:before {
  content: "\ea03";
}

.icon-password:before {
  content: "\ea04";
}

.icon-profesional:before {
  content: "\ea05";
}

.icon-substitute-defender:before {
  content: "\ea06";
}

.icon-tel-ring:before {
  content: "\ea07";
}

.icon-with-childrens:before {
  content: "\ea08";
}

.icon-youtube:before {
  content: "\ea09";
}

.icon-assent:before {
  content: "\ea0a";
}

.icon-attention:before {
  content: "\ea0b";
}

.icon-attention-2:before {
  content: "\ea0c";
}

.icon-attention-3:before {
  content: "\ea0d";
}

.icon-attention-4:before {
  content: "\ea0e";
}

.icon-call:before {
  content: "\ea0f";
}

.icon-characteristics:before {
  content: "\ea10";
}

.icon-conditions:before {
  content: "\ea11";
}

.icon-credits:before {
  content: "\ea12";
}

.icon-data:before {
  content: "\ea13";
}

.icon-education:before {
  content: "\ea14";
}

.icon-interest:before {
  content: "\ea15";
}

.icon-interest-2:before {
  content: "\ea16";
}

.icon-interest-3:before {
  content: "\ea17";
}

.icon-interest-4:before {
  content: "\ea18";
}

.icon-interest-5:before {
  content: "\ea19";
}

.icon-interest-6:before {
  content: "\ea1a";
}

.icon-interest-7:before {
  content: "\ea1b";
}

.icon-light-bulb:before {
  content: "\ea1c";
}

.icon-minimum-age:before {
  content: "\ea1d";
}

.icon-questions:before {
  content: "\ea1e";
}

.icon-revocation:before {
  content: "\ea1f";
}

.icon-revocation-2:before {
  content: "\ea20";
}

.icon-scales:before {
  content: "\ea21";
}

.icon-search:before {
  content: "\ea22";
}

.icon-secured-card:before {
  content: "\ea23";
}

.icon-shield:before {
  content: "\ea24";
}

.icon-skills:before {
  content: "\ea25";
}

.icon-sms:before {
  content: "\ea26";
}

.icon-strategy:before {
  content: "\ea27";
}

.icon-termination:before {
  content: "\ea28";
}

.icon-ask-him-doctor:before {
  content: "\ea29";
}

.icon-brain:before {
  content: "\ea2a";
}

.icon-cardiovascular:before {
  content: "\ea2b";
}

.icon-cardiovascular-heart:before {
  content: "\ea2c";
}

.icon-change:before {
  content: "\ea2d";
}

.icon-check-shape-circle:before {
  content: "\ea2e";
}

.icon-classic:before {
  content: "\ea2f";
}

.icon-coursera-icon:before {
  content: "\ea30";
}

.icon-coursera-logo:before {
  content: "\ea31";
}

.icon-dancing:before {
  content: "\ea32";
}

.icon-degenerative:before {
  content: "\ea33";
}

.icon-doctor:before {
  content: "\ea34";
}

.icon-doctor-chat-2:before {
  content: "\ea35";
}

.icon-evaluate-symptoms:before {
  content: "\ea36";
}

.icon-for-you-and-your-family:before {
  content: "\ea37";
}

.icon-functional-training:before {
  content: "\ea38";
}

.icon-gastrointestinal:before {
  content: "\ea39";
}

.icon-genetics:before {
  content: "\ea3a";
}

.icon-gym:before {
  content: "\ea3b";
}

.icon-hematological:before {
  content: "\ea3c";
}

.icon-high-risk:before {
  content: "\ea3d";
}

.icon-import:before {
  content: "\ea3e";
}

.icon-infectious:before {
  content: "\ea3f";
}

.icon-injury:before {
  content: "\ea40";
}

.icon-instafit-icon:before {
  content: "\ea41";
}

.icon-instafit-logo:before {
  content: "\ea42";
}

.icon-kidney:before {
  content: "\ea43";
}

.icon-mail-2:before {
  content: "\ea44";
}

.icon-meditation:before {
  content: "\ea45";
}

.icon-mental:before {
  content: "\ea46";
}

.icon-metabolic:before {
  content: "\ea47";
}

.icon-oncology:before {
  content: "\ea48";
}

.icon-premium:before {
  content: "\ea49";
}

.icon-reduces-stress:before {
  content: "\ea4a";
}

.icon-swm1:before {
  content: "\ea4b";
}

.icon-accidental-damage:before {
  content: "\ea4c";
}

.icon-advance:before {
  content: "\ea4d";
}

.icon-avatar-1:before {
  content: "\ea4e";
}

.icon-avatar-2:before {
  content: "\ea4f";
}

.icon-avatar-3:before {
  content: "\ea50";
}

.icon-avatar-4:before {
  content: "\ea51";
}

.icon-avatar-5:before {
  content: "\ea52";
}

.icon-before-dinner:before {
  content: "\ea53";
}

.icon-cancel-1:before {
  content: "\ea54";
}

.icon-clock-1:before {
  content: "\ea55";
}

.icon-delete-2:before {
  content: "\ea56";
}

.icon-doc3:before {
  content: "\ea57";
}

.icon-edit-2:before {
  content: "\ea58";
}

.icon-fast:before {
  content: "\ea59";
}

.icon-financial-education:before {
  content: "\ea5a";
}

.icon-financial-education-2:before {
  content: "\ea5b";
}

.icon-married:before {
  content: "\ea5c";
}

.icon-married-with-children:before {
  content: "\ea5d";
}

.icon-mobile:before {
  content: "\ea5e";
}

.icon-new-customer:before {
  content: "\ea5f";
}

.icon-nobike:before {
  content: "\ea60";
}

.icon-no-smoking-1:before {
  content: "\ea61";
}

.icon-personal-accidents:before {
  content: "\ea62";
}

.icon-pets-chip:before {
  content: "\ea63";
}

.icon-pet-trainer:before {
  content: "\ea64";
}

.icon-respiratory:before {
  content: "\ea65";
}

.icon-scooter:before {
  content: "\ea66";
}

.icon-storage:before {
  content: "\ea67";
}

.icon-unemployment-3:before {
  content: "\ea68";
}

.icon-watchman:before {
  content: "\ea69";
}

.icon-cat:before {
  content: "\ea6a";
}

.icon-cell-phone-theft:before {
  content: "\ea6b";
}

.icon-cell-phone-theft-2:before {
  content: "\ea6c";
}

.icon-civil-liability:before {
  content: "\ea6d";
}

.icon-companies:before {
  content: "\ea6e";
}

.icon-credit-card-6:before {
  content: "\ea6f";
}

.icon-credit-lock:before {
  content: "\ea70";
}

.icon-credits-2:before {
  content: "\ea71";
}

.icon-disclaimer:before {
  content: "\ea72";
}

.icon-disclaimer-cybersecurity:before {
  content: "\ea73";
}

.icon-dog:before {
  content: "\ea74";
}

.icon-dog-walk:before {
  content: "\ea75";
}

.icon-financial-score:before {
  content: "\ea76";
}

.icon-forced-use:before {
  content: "\ea77";
}

.icon-fraud:before {
  content: "\ea78";
}

.icon-medical-expenses-pets:before {
  content: "\ea79";
}

.icon-minor-expenses:before {
  content: "\ea7a";
}

.icon-mobility:before {
  content: "\ea7b";
}

.icon-modular-home:before {
  content: "\ea7c";
}

.icon-moving:before {
  content: "\ea7d";
}

.icon-obsequies-pets:before {
  content: "\ea7e";
}

.icon-other-professionals:before {
  content: "\ea7f";
}

.icon-people:before {
  content: "\ea80";
}

.icon-pet-daycare:before {
  content: "\ea81";
}

.icon-pet-liability:before {
  content: "\ea82";
}

.icon-pet-medical-guidance:before {
  content: "\ea83";
}

.icon-pet-vaccination:before {
  content: "\ea84";
}

.icon-profit:before {
  content: "\ea85";
}

.icon-pymes-bussines:before {
  content: "\ea86";
}

.icon-pymes-life:before {
  content: "\ea87";
}

.icon-shooting-guard:before {
  content: "\ea88";
}

.icon-arrow-down-circle:before {
  content: "\ea89";
  color: #94a3b8;
}

.icon-bell:before {
  content: "\ea8a";
  color: #94a3b8;
}

.icon-benefits-heart:before {
  content: "\ea8b";
  color: #97b544;
}

.icon-box:before {
  content: "\ea8c";
  color: #8219d5;
}

.icon-clipboard-list:before {
  content: "\ea8d";
  color: #28a497;
}

.icon-help-circle:before {
  content: "\ea8e";
}

.icon-instafilt-color:before {
  content: "\ea8f";
}

.icon-layout-grid:before {
  content: "\ea90";
}

.icon-layout-list:before {
  content: "\ea91";
}

.icon-logo .path1:before {
  content: "\ea92";
  color: rgb(55, 81, 255);
}

.icon-logo .path2:before {
  content: "\ea93";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path3:before {
  content: "\ea94";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path4:before {
  content: "\ea95";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path5:before {
  content: "\ea96";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path6:before {
  content: "\ea97";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path7:before {
  content: "\ea98";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path8:before {
  content: "\ea99";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path9:before {
  content: "\ea9a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path10:before {
  content: "\ea9b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-logo .path11:before {
  content: "\ea9c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-pyme-fire:before {
  content: "\ea9d";
}

.icon-pyme-flood:before {
  content: "\ea9e";
}

.icon-pyme-structure:before {
  content: "\ea9f";
}

.icon-range:before {
  content: "\eaa0";
  color: #94a3b8;
}

.icon-savings-account:before {
  content: "\eaa1";
  color: #475569;
}

.icon-sort-asc:before {
  content: "\eaa2";
  color: #94a3b8;
}

.icon-swm:before {
  content: "\eaa3";
}

.icon-text:before {
  content: "\eaa4";
  color: #94a3b8;
}

.icon-unmarried:before {
  content: "\eaa5";
}

.icon-unmarried-with-children:before {
  content: "\eaa6";
}

.icon-upload-cloud:before {
  content: "\eaa7";
  color: #94a3b8;
}

.icon-accidents:before {
  content: "\eaa8";
}

.icon-business-rules:before {
  content: "\eaa9";
}

.icon-calendar:before {
  content: "\eaaa";
}

.icon-car-workshop:before {
  content: "\eaab";
}

.icon-configure-products:before {
  content: "\eaac";
}

.icon-coursera-color:before {
  content: "\eaad";
  color: #0056d2;
}

.icon-crane-for-cars:before {
  content: "\eaae";
}

.icon-curriculum-vitae:before {
  content: "\eaaf";
}

.icon-customer-support:before {
  content: "\eab0";
}

.icon-diploma-2:before {
  content: "\eab1";
}

.icon-doc3-color:before {
  content: "\eab2";
  color: #00a6ca;
}

.icon-doctor-chat:before {
  content: "\eab3";
}

.icon-edit-3:before {
  content: "\eab4";
}

.icon-emitted-emotions:before {
  content: "\eab5";
}

.icon-facebook-logo .path1:before {
  content: "\eab6";
  color: rgb(148, 163, 184);
}

.icon-facebook-logo .path2:before {
  content: "\eab7";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-incentives:before {
  content: "\eab8";
}

.icon-instagram_logo .path1:before {
  content: "\eab9";
  color: rgb(148, 163, 184);
}

.icon-instagram_logo .path2:before {
  content: "\eaba";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-languages:before {
  content: "\eabb";
}

.icon-linkedin-Logo .path1:before {
  content: "\eabd";
  color: rgb(148, 163, 184);
}

.icon-linkedin-Logo .path2:before {
  content: "\eabe";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-linkedin-Logo .path3:before {
  content: "\eabf";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-medal:before {
  content: "\eac0";
}

.icon-mind:before {
  content: "\eac1";
  color: #64748b;
}

.icon-nutrition:before {
  content: "\eac2";
  color: #64748b;
}

.icon-package-plus:before {
  content: "\eac3";
}

.icon-parametric-tables:before {
  content: "\eac4";
}

.icon-production:before {
  content: "\eac5";
}

.icon-repeat:before {
  content: "\eac6";
}

.icon-scaling:before {
  content: "\eac7";
}

.icon-share-2:before {
  content: "\eac8";
}

.icon-text-2:before {
  content: "\eac9";
  color: #94a3b8;
}

.icon-use-cases:before {
  content: "\eaca";
}

.icon-avance:before {
  content: "\eacb";
}

.icon-benefits:before {
  content: "\eacc";
}

.icon-car-shopping:before {
  content: "\eacd";
}

.icon-course:before {
  content: "\eace";
}

.icon-dog-trainer:before {
  content: "\eacf";
}

.icon-download:before {
  content: "\ead0";
}

.icon-eye-on:before {
  content: "\ead1";
}

.icon-file-text:before {
  content: "\ead2";
}

.icon-file-upload:before {
  content: "\ead3";
}

.icon-folder-minus:before {
  content: "\ead4";
}

.icon-lamp:before {
  content: "\ead5";
}

.icon-mastercard-logo .path1:before {
  content: "\ead6";
  color: rgb(255, 95, 0);
}

.icon-mastercard-logo .path2:before {
  content: "\ead7";
  margin-left: -1em;
  color: rgb(235, 0, 27);
}

.icon-mastercard-logo .path3:before {
  content: "\ead8";
  margin-left: -1em;
  color: rgb(247, 158, 27);
}

.icon-meh:before {
  content: "\ead9";
}

.icon-monitor:before {
  content: "\eada";
}

.icon-pets:before {
  content: "\eadb";
}

.icon-pets-collar-2:before {
  content: "\eadc";
}

.icon-points:before {
  content: "\eadd";
}

.icon-printer:before {
  content: "\eade";
}

.icon-redemption:before {
  content: "\eadf";
}

.icon-table-2:before {
  content: "\eae0";
}

.icon-temporary-disability:before {
  content: "\eae1";
}

.icon-trophy:before {
  content: "\eae2";
}

.icon-twitter-logo:before {
  content: "\eae3";
  color: #94a3b8;
}

.icon-university:before {
  content: "\eae4";
}

.icon-welcome:before {
  content: "\eae5";
}

.icon-work:before {
  content: "\eae6";
}

.icon-your-health:before {
  content: "\eae7";
}

.icon-your-phone:before {
  content: "\eae8";
}

.icon-your-trip:before {
  content: "\eae9";
}

@media (min-width: 768px) {
  .test-babylon-btn-primary {
    background-color: var(--test-babylon-btn-primary-background-color, #ffffff);
    color: var(--test-babylon-btn-primary-color, #ffffff);
  }
  #navigation {
    /*Cierre nav bar*/
  }
  #navigation .navbar-nav {
    /*Cierre li*/
  }
  #navigation .navbar-nav > li {
    /*Cierre a*/
    /*Cierre open*/
  }
  #navigation .navbar-nav > li > a {
    color: #27364b;
    font-size: 14px;
    outline: none;
    padding: 10px 34px;
  }
  #navigation .navbar-nav > li > a span {
    position: relative;
  }
  #navigation .navbar-nav > li > a span span {
    margin-top: 8px;
    color: #3751ff;
  }
  #navigation .navbar-nav > li > a > img {
    height: 23px;
    margin-right: 5px;
  }
  #navigation .navbar-nav > li > a .pull-left {
    margin-right: 5px;
  }
  #navigation .navbar-nav > li > a .pull-right {
    margin-left: 5px;
  }
  #navigation .navbar-nav > li > a .pull-right span {
    color: #27364b;
  }
  #navigation .navbar-nav > li > a .signed-user {
    display: inline-block;
    color: #27364b;
  }
  #navigation .navbar-nav > li > a .signed-user:hover {
    color: #fff;
  }
  #navigation .navbar-nav > li > a .signed-user #cargo-user {
    color: #3751ff;
    margin-top: -15px;
    text-transform: capitalize;
    font-size: 11px;
  }
  #navigation .navbar-nav > li.open, #navigation .navbar-nav > li.show {
    background: #3751ff;
    box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.3);
    /*Cierre a*/
    /*Cierre user-menu*/
  }
  #navigation .navbar-nav > li.open .signed-user, #navigation .navbar-nav > li.show .signed-user {
    color: #fff;
  }
  #navigation .navbar-nav > li.open span span, #navigation .navbar-nav > li.show span span {
    color: #fff;
  }
  #navigation .navbar-nav > li.open > a, #navigation .navbar-nav > li.show > a {
    color: #27364b;
    background: inherit;
  }
  #navigation .navbar-nav > li.open > a .signed-user #cargo-user, #navigation .navbar-nav > li.show > a .signed-user #cargo-user {
    color: #27364b;
  }
  #navigation .navbar-nav > li.open > a.dropdown-toggle, #navigation .navbar-nav > li.show > a.dropdown-toggle {
    color: #fff;
  }
  #navigation .navbar-nav > li.open .dropdown-menu, #navigation .navbar-nav > li.show .dropdown-menu {
    margin-top: -1%;
    padding-top: 0;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #fff;
    min-width: 100% !important;
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li, #navigation .navbar-nav > li.show .dropdown-menu > li {
    padding: 0;
    /*Cierre ul generic 2*/
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li > ul, #navigation .navbar-nav > li.show .dropdown-menu > li > ul {
    /*Inicio ul generic 2*/
    padding: 0;
    /*Cierre li generic 2*/
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li > ul > li, #navigation .navbar-nav > li.show .dropdown-menu > li > ul > li {
    /*Inicio li generic 2*/
    padding-left: 20px;
    padding-right: 0px;
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li > ul > li > a, #navigation .navbar-nav > li.show .dropdown-menu > li > ul > li > a {
    color: #27364b;
    font-weight: bold;
    margin-left: 0;
    display: table;
    line-height: 1.5;
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li > ul > li > a > img, #navigation .navbar-nav > li.show .dropdown-menu > li > ul > li > a > img {
    width: 65px;
    margin-right: 5px;
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li > ul > li > a > span > img, #navigation .navbar-nav > li.show .dropdown-menu > li > ul > li > a > span > img {
    height: auto;
    width: 20px;
    margin-right: 10px;
  }
  #navigation .navbar-nav > li.open .dropdown-menu > li > ul > hr, #navigation .navbar-nav > li.show .dropdown-menu > li > ul > hr {
    margin: auto;
  }
  #navigation .navbar-nav > li.open .user-menu, #navigation .navbar-nav > li.show .user-menu {
    margin-top: -1%;
    margin-left: -122px;
    width: 280px !important;
    padding-top: 0;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    /*Cierre li*/
  }
  #navigation .navbar-nav > li.open .user-menu > li, #navigation .navbar-nav > li.show .user-menu > li {
    padding: 0;
    /*Cierre ul 2*/
  }
  #navigation .navbar-nav > li.open .user-menu > li > ul, #navigation .navbar-nav > li.show .user-menu > li > ul {
    /*Inicio ul 2*/
    padding: 0;
    /*Cierre li 2*/
  }
  #navigation .navbar-nav > li.open .user-menu > li > ul > li, #navigation .navbar-nav > li.show .user-menu > li > ul > li {
    /*Inicio li 2*/
    padding-left: 20px;
    padding-right: 0px;
  }
  #navigation .navbar-nav > li.open .user-menu > li > ul > li > a, #navigation .navbar-nav > li.show .user-menu > li > ul > li > a {
    color: #27364b;
    font-weight: bold;
    font-size: 16px;
  }
  #navigation .navbar-nav > li.open .user-menu > li > ul > li > a span, #navigation .navbar-nav > li.show .user-menu > li > ul > li > a span {
    font-size: 24px;
    margin-right: 5px;
    color: #3751ff !important;
  }
  #navigation .navbar-nav > li.open .user-menu > li > ul > hr, #navigation .navbar-nav > li.show .user-menu > li > ul > hr {
    margin: auto;
  }
  #navigation .navbar-nav .selected {
    border-bottom: 2px solid #3751ff;
  }
  #navigation .navbar-nav .selected a {
    font-family: IsidoraBd;
  }
  #navigation .navbar-nav .selected a .pull-right span {
    color: #fff;
  }
  /*Cierre navigation*/
  /*Inicio estilos registro*/
  .dropdown-toggle::after {
    border: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
  .control-menu-nav-link::after {
    border: none;
  }
  .p-dialog-header-icons button {
    border-radius: 100%;
  }
  .p-dialog-header-icons button:focus {
    outline: 1px solid #c7d2fe;
  }
  #content .row {
    margin: 0;
  }
  /*Inicio btn send login*/
  /*Fin squared terms*/
}
#wrapper .container-portal {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

#main-content .content-page {
  max-width: 1260px;
  margin: 0px auto;
  float: none;
}

.display-grid {
  display: grid;
}

.text-bold {
  font-family: IsidoraBd;
}

.text-semibold {
  font-weight: 600;
}

.normal-text {
  font-size: 16px;
}

.small-text {
  font-size: 14px;
}

b,
strong {
  font-family: IsidoraBd;
}

.text-grey {
  color: #94a3bb;
}

.overflow-hidden {
  overflow: auto;
}
.overflow-hidden .list-overflow {
  overflow-x: auto;
}

.box-shadow {
  box-shadow: 0px 1px 1px 0px rgba(9, 30, 66, 0.2509803922);
}

.box-shadow-dark {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

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

.close-float-landing {
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-color: #3751ff;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  padding-left: 6px;
  margin: 3px 6px 3px 6px;
}

.cursor-mouse-event {
  cursor: pointer;
}

.landing-status::before {
  content: "✓";
  font-size: 15px;
  display: inline-block;
  margin: 0 5px;
}

.landing-status {
  border-radius: 50px;
  padding: 5px 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  background: #d7dcff;
  color: #3751ff;
}

.text-with-border-bottom:after {
  content: "";
  height: 3px;
  width: 20px;
  display: table;
  margin: 0 auto;
  background: #cb3668;
}

.form-label {
  font-size: 18px;
}

.border-dotted {
  border: 2px dashed #cbd4e1;
}

.list-style-none {
  list-style: none;
}

.recommended-tag {
  display: table;
  margin: 10px auto 20px;
  font-size: 14px;
  color: #41add1;
  font-family: IsidoraBd;
  border-radius: 50px;
  background: #e6f7fe;
  padding: 2px 7px;
}

.logo-benefits {
  font-size: 20px;
  display: table;
  margin: 0 auto 20px;
}

.important-advertising {
  background: #e6f7fe;
  padding: 5px 14px;
  border-radius: 8px;
  color: #41add1;
}

.bx-sizing-bb {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.bx-sizing-cb {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.component-heading {
  font-family: IsidoraBd;
  color: #27364b;
  padding-top: 20px;
}

.text-info,
.text-primary {
  color: #3751ff !important;
}

.item-visibility-hidden {
  position: absolute;
  visibility: hidden;
}

.image-conditioned-recent {
  height: 330px;
  width: 100%;
  padding: 4px 16px 0px 1px;
}

.cursor-pointer-show {
  cursor: pointer;
}

.slide-in-left-animation {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slide-in-right-animation {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: none;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.stars-container .rating-stars {
  color: #cbd4e1;
}
.stars-container .rating-stars.active-start {
  color: #dfb300;
}

.nav.nav-tabs > li > a {
  color: #27364b;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.nav.nav-tabs > li > a:hover {
  text-decoration: none;
}
.nav.nav-tabs > li > a.active {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #3751ff;
  color: #3751ff;
  font-family: IsidoraBd;
}

.big-icon-size {
  font-size: 40px;
}

.medium-icon-size {
  font-size: 30px;
}

.small-icon-size {
  font-size: 20px;
}

.class-rating-icon {
  color: #cbd4e1;
  font-size: 23px;
  padding: 0 9px 0 0;
}
.class-rating-icon.rating-active {
  color: #3751ff;
}

.pulse {
  box-shadow: 0 0 0 rgba(85, 85, 85, 0.5);
  animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(85, 85, 85, 0.5);
  }
  70% {
    -webkit-box-shadow: 0 0 10px 3px rgba(85, 85, 85, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(85, 85, 85, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(85, 85, 85, 0.5);
    box-shadow: 0 0 0 0 rgba(85, 85, 85, 0.5);
  }
  70% {
    -moz-box-shadow: 0 0 10px 3px rgba(85, 85, 85, 0.6);
    box-shadow: 0 0 10px 3px rgba(85, 85, 85, 0.6);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(85, 85, 85, 0);
    box-shadow: 0 0 0 0 rgba(85, 85, 85, 0);
  }
}
.custom-hide {
  display: none;
}

.btn-menu,
#notifica {
  margin-top: 0;
}

#notifica {
  position: relative;
}
#notifica .shortIcon {
  width: 100%;
}

#counts {
  background: #3dd0c1;
  width: 10px;
  height: 10px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font: 400 16px/1.3 IsidoraRg;
  position: absolute;
  top: 0;
  right: 0;
}
#counts.desktop {
  position: absolute !important;
  top: 15px;
  line-height: 1.3;
  left: 5px;
}

#navigation #padre .dropdown-menu {
  left: 122px !important;
  width: 400px !important;
  max-width: 400px;
  border: none;
  padding-bottom: 0px;
  box-shadow: none;
  border-bottom: 1px solid #3dd0c1;
}

#padre .list-group-item-field .user-info,
#padre .list-group-item-content .title,
#navigation #padre .dropdown-menu .dropdown-header,
#navigation #padre .dropdown-menu:before,
#navigation #padre .dropdown-menu:after {
  display: none;
}

#padre .list-group-item-field {
  padding: 0px !important;
  vertical-align: middle;
}
#padre .display-style-descriptive {
  margin: 0;
  box-shadow: none;
}
#padre .list-group-item-content {
  padding: 10px !important;
  vertical-align: middle;
  font: 400 16px/1.3 IsidoraRg;
}
#padre .list-group-item-content .block1 {
  color: #f47048;
  font: 300 14px/1.3 IsidoraRg;
}
#padre .list-group-item-content .block2 {
  font: 400 18px/1.3 IsidoraRg;
}
#padre .list-group-item-content .timestamp {
  font: 400 14px/1.3 IsidoraRg;
  color: #3751ff;
}

#verNoti {
  background: #f9f7f4;
  text-align: center;
  padding: 14px 5px;
  background-size: inherit;
  background-repeat: no-repeat;
  position: relative;
}
#verNoti:before {
  content: "";
  width: 2px;
  background: red;
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
}
#verNoti:after {
  content: "";
  width: 2px;
  background: #3751ff;
  display: table;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
}

#verNoti a {
  font: 400 16px/1.3 IsidoraRg;
  color: #3751ff;
}
#verNoti a:hover {
  color: #3751ff;
}

.taglib-search-iterator-page-iterator-bottom {
  display: none;
}

.float-box {
  display: none;
  position: absolute;
  top: 59%;
  right: 56%;
  background: #fff;
  z-index: 2;
  width: auto;
  max-width: 300px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.close-float-box {
  border-radius: 100%;
  background: #fff;
  position: absolute;
  right: -16px;
  top: -15px;
  padding: 10px;
  color: #3751ff;
  border: 1px solid #ddd;
  display: block;
  font-size: 13px;
  line-height: 7px;
  font-family: IsidoraBd;
  cursor: pointer;
}

.listnav {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.listnav .item-nav:hover {
  background: #ebeeff;
}
.listnav .linkdelete {
  color: #d83232;
}

.aside-floating-box {
  position: fixed;
  left: 0;
  top: 18vh;
  bottom: 0;
  max-width: 310px;
}
.aside-floating-box .profile-icon-aside {
  border-radius: 100%;
  background: #fff2f6;
  padding: 13px;
  font-size: 26px;
  margin: 20px auto;
  display: table;
}
.aside-floating-box .list-info-customer-floating {
  padding: 0;
  list-style: none;
  margin: 15px;
}
.aside-floating-box .list-info-customer-floating .list-items-customer-floating {
  line-height: 2.5em;
  font-size: 14px;
}

.close-content {
  font-size: 14px;
  cursor: pointer;
}

.container-phone_image {
  max-width: 320px;
  left: 25%;
}

.message-duplicate-input {
  max-height: 394px;
  scroll-behavior: auto;
}

.m-0px {
  margin: 0px;
}

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

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

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

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

.m-4px {
  margin: 4px;
}

.mt-4px {
  margin-top: 4px;
}

.mr-4px {
  margin-right: 4px;
}

.mb-4px {
  margin-bottom: 4px;
}

.ml-4px {
  margin-left: 4px;
}

.m-8px {
  margin: 8px;
}

.mt-8px {
  margin-top: 8px;
}

.mr-8px {
  margin-right: 8px;
}

.mb-8px {
  margin-bottom: 8px;
}

.ml-8px {
  margin-left: 8px;
}

.m-16px {
  margin: 16px;
}

.mt-16px {
  margin-top: 16px;
}

.mr-16px {
  margin-right: 16px;
}

.mb-16px {
  margin-bottom: 16px;
}

.ml-16px {
  margin-left: 16px;
}

.m-24px {
  margin: 24px;
}

.mt-24px {
  margin-top: 24px;
}

.mr-24px {
  margin-right: 24px;
}

.mb-24px {
  margin-bottom: 24px;
}

.ml-24px {
  margin-left: 24px;
}

.m-32px {
  margin: 32px;
}

.mt-32px {
  margin-top: 32px;
}

.mr-32px {
  margin-right: 32px;
}

.mb-32px {
  margin-bottom: 32px;
}

.ml-32px {
  margin-left: 32px;
}

.m-35px {
  margin: 35px;
}

.mt-35px {
  margin-top: 35px;
}

.mr-35px {
  margin-right: 35px;
}

.mb-35px {
  margin-bottom: 35px;
}

.ml-35px {
  margin-left: 35px;
}

.m-36px {
  margin: 36px;
}

.mt-36px {
  margin-top: 36px;
}

.mr-36px {
  margin-right: 36px;
}

.mb-36px {
  margin-bottom: 36px;
}

.ml-36px {
  margin-left: 36px;
}

.m-40px {
  margin: 40px;
}

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

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

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

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

.m-48px {
  margin: 48px;
}

.mt-48px {
  margin-top: 48px;
}

.mr-48px {
  margin-right: 48px;
}

.mb-48px {
  margin-bottom: 48px;
}

.ml-48px {
  margin-left: 48px;
}

.m-56px {
  margin: 56px;
}

.mt-56px {
  margin-top: 56px;
}

.mr-56px {
  margin-right: 56px;
}

.mb-56px {
  margin-bottom: 56px;
}

.ml-56px {
  margin-left: 56px;
}

.m-64px {
  margin: 64px;
}

.mt-64px {
  margin-top: 64px;
}

.mr-64px {
  margin-right: 64px;
}

.mb-64px {
  margin-bottom: 64px;
}

.ml-64px {
  margin-left: 64px;
}

.m-88px {
  margin: 88px;
}

.mt-88px {
  margin-top: 88px;
}

.mr-88px {
  margin-right: 88px;
}

.mb-88px {
  margin-bottom: 88px;
}

.ml-88px {
  margin-left: 88px;
}

.p-0px {
  padding: 0px;
}

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

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

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

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

.p-4px {
  padding: 4px;
}

.pt-4px {
  padding-top: 4px;
}

.pr-4px {
  padding-right: 4px;
}

.pb-4px {
  padding-bottom: 4px;
}

.pl-4px {
  padding-left: 4px;
}

.p-8px {
  padding: 8px;
}

.pt-8px {
  padding-top: 8px;
}

.pr-8px {
  padding-right: 8px;
}

.pb-8px {
  padding-bottom: 8px;
}

.pl-8px {
  padding-left: 8px;
}

.p-16px {
  padding: 16px;
}

.pt-16px {
  padding-top: 16px;
}

.pr-16px {
  padding-right: 16px;
}

.pb-16px {
  padding-bottom: 16px;
}

.pl-16px {
  padding-left: 16px;
}

.p-24px {
  padding: 24px;
}

.pt-24px {
  padding-top: 24px;
}

.pr-24px {
  padding-right: 24px;
}

.pb-24px {
  padding-bottom: 24px;
}

.pl-24px {
  padding-left: 24px;
}

.p-32px {
  padding: 32px;
}

.pt-32px {
  padding-top: 32px;
}

.pr-32px {
  padding-right: 32px;
}

.pb-32px {
  padding-bottom: 32px;
}

.pl-32px {
  padding-left: 32px;
}

.p-35px {
  padding: 35px;
}

.pt-35px {
  padding-top: 35px;
}

.pr-35px {
  padding-right: 35px;
}

.pb-35px {
  padding-bottom: 35px;
}

.pl-35px {
  padding-left: 35px;
}

.p-36px {
  padding: 36px;
}

.pt-36px {
  padding-top: 36px;
}

.pr-36px {
  padding-right: 36px;
}

.pb-36px {
  padding-bottom: 36px;
}

.pl-36px {
  padding-left: 36px;
}

.p-40px {
  padding: 40px;
}

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

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

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

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

.p-48px {
  padding: 48px;
}

.pt-48px {
  padding-top: 48px;
}

.pr-48px {
  padding-right: 48px;
}

.pb-48px {
  padding-bottom: 48px;
}

.pl-48px {
  padding-left: 48px;
}

.p-56px {
  padding: 56px;
}

.pt-56px {
  padding-top: 56px;
}

.pr-56px {
  padding-right: 56px;
}

.pb-56px {
  padding-bottom: 56px;
}

.pl-56px {
  padding-left: 56px;
}

.p-64px {
  padding: 64px;
}

.pt-64px {
  padding-top: 64px;
}

.pr-64px {
  padding-right: 64px;
}

.pb-64px {
  padding-bottom: 64px;
}

.pl-64px {
  padding-left: 64px;
}

.p-88px {
  padding: 88px;
}

.pt-88px {
  padding-top: 88px;
}

.pr-88px {
  padding-right: 88px;
}

.pb-88px {
  padding-bottom: 88px;
}

.pl-88px {
  padding-left: 88px;
}

.status-validate-tag {
  border-radius: 30px;
  text-align: center;
  font-size: 13px;
  padding: 2px 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.status-validate-tag:before {
  content: "•";
  display: inline-table;
  font-size: 35px;
  line-height: 0;
  vertical-align: middle;
}
.status-validate-tag.state-active {
  color: #41add1;
  background: #eafaff;
}
.status-validate-tag.state-inactive {
  color: #64748b;
  background: #cbd4e1;
}
.status-validate-tag.state-deleted {
  color: #d83232;
  background: #f7d6d6;
}
.status-validate-tag.state-pending {
  color: #cf4920;
  background: #ffefea;
}
.status-validate-tag.state-pay-for {
  color: #638404;
  background: #f9ffea;
}
.status-validate-tag.state-valid {
  color: #3dd0c1;
  background: #E6F7FE;
}
.status-validate-tag.state-open {
  color: #41add1;
  background: #E6F7FE;
}
.status-validate-tag.state-close {
  color: #cbd4e1;
  background: #F6F8FC;
}

.high-priority {
  background: #cb3668;
}

.expired-priority {
  background: #cf4920;
}

.medium-priority {
  background: #41add1;
}

.low-priority {
  background: #638404;
}

.taghighLight, .tag-high-light {
  position: absolute;
  top: 4%;
  left: 6%;
  background: #05aff2;
  color: #fff;
  border-radius: 20px;
  padding: 5px 20px;
  margin: 0;
  display: table;
  font-size: 13px;
}
.taghighLight:before, .tag-high-light:before {
  content: "";
  border-radius: 100%;
  display: inline-table;
  vertical-align: middle;
  background: #fff;
  height: 10px;
  width: 10px;
  margin: 0 10px 0 0;
}

.content-status-form {
  list-style: none;
}
.content-status-form .status-box:before {
  display: none;
}
.content-status-form .status-box {
  background: #F6F8FC;
  border-radius: 50px;
  cursor: pointer;
  padding: 5px 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
.content-status-form .status-box.active-box {
  background: #D7DCFF;
  color: #3751ff;
}
.content-status-form.list-with-checks .status-box.active-box:before {
  content: "✓";
  display: inline-block;
  font-size: 15px;
  margin: 0 5px;
}

.similar-products-content .status-box {
  border-radius: 30px;
  text-align: center;
  font-size: 14px;
  padding: 5px 10px;
  display: inline-block;
  border: none;
}
.similar-products-content .status-box.status-box-inactive {
  background: #efefef;
}
.similar-products-content .status-box.status-box-inactive .delete-item-list {
  display: none;
}
.similar-products-content .status-box.active-box {
  background: #d7dcff;
  color: #3751ff;
}
.similar-products-content .status-box.active-box:before {
  content: "✓";
  display: inline-block;
  font-size: 15px;
  margin: 0 5px;
}
.similar-products-content .status-box.active-box .delete-item-list {
  display: inline-block;
  margin: 0 5px;
  border-radius: 100%;
  background: #3751ff;
  padding: 0 8px;
  color: #fff;
  cursor: pointer;
}
.similar-products-content .status-box.informative-box {
  background: #d8f6f3;
  color: #28a497;
}
.similar-products-content .status-box.informative-box:before {
  content: "✓";
  display: inline-block;
  font-size: 15px;
  margin: 0 5px;
}
.similar-products-content .status-box.informative-box:after {
  content: "x";
  display: inline-block;
  margin: 0 5px;
  border-radius: 100%;
  background: #28a497;
  padding: 0 6px;
  color: #fff;
  font-size: 13px;
}

.status-product {
  border-radius: 20px;
  padding: 2px 12px;
  margin: 0;
  display: table;
  font-size: 13px;
}
.status-product.status-product-active {
  border: 1px solid #41add1;
  color: #41add1;
}
.status-product.discount-label {
  background: #7a6dff;
  color: #fff;
  font-weight: 600;
}

.color-success-100 {
  color: #576615 !important;
}

.color-violet-40 {
  color: #ac54f0 !important;
}

.color-bluepr-light {
  color: #ebeeff !important;
}

.color-white {
  color: #fff;
}

.color-bluepr {
  color: #3751ff !important;
}

.color-bluepr-dark {
  color: #001499 !important;
}

.color-greenpr-light {
  color: #ecfaf9 !important;
}

.color-greenpr {
  color: #3dd0c1 !important;
}

.color-greenpr-dark {
  color: #1e7b72 !important;
}

.color-link {
  color: #28a497 !important;
}

.color-greenpr-dark {
  color: #1e7b72 !important;
}

.color-fuchsiapr-light {
  color: #fff2f7 !important;
}

.color-fuchsiapr {
  color: #cb3668 !important;
}

.color-fuchsiasc {
  color: #750a2e !important;
}

.color-lime {
  color: #97b544 !important;
}

.color-violet-light {
  color: #f5e8ff !important;
}

.color-violet {
  color: #8219d4 !important;
}

.color-violet-dark {
  color: #320059 !important;
}

.color-bluein-light {
  color: #edecff !important;
}

.color-bluein {
  color: #4032dc !important;
}

.color-bluein-dark {
  color: #0a0075 !important;
}

.color-blueth {
  color: #41add1 !important;
}

.color-bluesc {
  color: #007ea8 !important;
}

.color-bluesc-dark {
  color: #004157 !important;
}

.color-greensc-light {
  color: #f9ffea !important;
}

.color-greensc {
  color: #638404 !important;
}

.color-greensc-dark {
  color: #354800 !important;
}

.color-orange-light {
  color: #ffefea !important;
}

.color-orange {
  color: #cf4920 !important;
}

.color-orangesc {
  color: #621700 !important;
}

.color-success {
  color: #bbda2c !important;
}

.color-info {
  color: #05aff2 !important;
}

.color-info80 {
  color: #0494cc !important;
}

.color-warning {
  color: #f29f05 !important;
}

.color-error {
  color: #d83232 !important;
}

.color-graysc {
  color: #cbd4e1 !important;
}

.color-graypr {
  color: #27364b !important;
}

.color-red-error {
  color: #64748b !important;
}

.color-border {
  color: #cbd4e1 !important;
}

.color-white {
  color: #fff;
}

.color-neutral100 {
  color: #0f1a2a !important;
}

.bg-bluein-light {
  background-color: #edecff;
}

.bg-blue-indigo-40 {
  background: #7a6dff;
}

.bg-lime-40 {
  background: #97b544;
}

.bg-success-40 {
  background: #bbda2c;
}

.bg-pink-40 {
  background: #e86993;
}

.bg-grey-light {
  background: #fcfdfe;
}

.bg-blue-light {
  background: rgba(235, 238, 255, 0.5);
}

.bg-cyan-40 {
  background: #41add1;
}

.bg-pink-light {
  background: #fff2f7;
}

.bg-violet-light {
  background: #f5e8ff;
}

.bg-violet-dark {
  background: #530094;
}

.bg-cyan-light {
  background: #eafaff;
}

.bg-orange-light {
  background: #ffefea;
}

.bg-blue-neutral-10 {
  background: #f6f8fc;
}

.bg-neutral-20 {
  background: #f1f4f9;
}

.bg-purple-40 {
  background: #ac54f0;
}

.bg-orange-40 {
  background: #f47048;
}

.bg-red-60 {
  background: #d83232;
}

.bg-warning-60 {
  background: #f29f05;
}

.bg-info-60 {
  background: #05aff2;
}

.bg-blue-10 {
  background: #ebeeff;
}

.bg-blue-60 {
  background: #3751ff;
}

.bg-turquoise-20 {
  background: #d8f6f3;
}

.bg-turquoise-60 {
  background: #3dd0c1;
}

.bg-pink-60 {
  background: #cb3668;
}

.bg-purple-60 {
  background: #8219d4;
}

.bg-blue-indigo-60 {
  background: #4032dc;
}

.bg-cyan-60 {
  background: #007ea8;
}

.bg-lime-60 {
  background: #638404;
}

.bg-orange-60 {
  background: #cf4920;
}

.bg-gray-mid {
  background: #f7f8fa;
}

.border-blue {
  border: 1px solid #9ba8ff;
}

.border-blue-neutral-30 {
  border: 1px solid #e2e8f0;
}

.border-white {
  border: 1px solid #fff;
}

.border-bluepr {
  border: 1px solid #3751ff;
}

.border-greenpr-dark {
  border: 1px solid #1e7b72;
}

.border-fuchsiapr {
  border: 1px solid #cb3668;
}

.border-violet {
  border: 1px solid #8219d4;
}

.border-bluin {
  border: 1px solid #4032dc;
}

.border-bluesc {
  border: 1px solid #007ea8;
}

.border-greensc {
  border: 1px solid #638404;
}

.border {
  border-color: #f6f8fc !important;
}

.bordered-rounded {
  border-radius: 24px;
  overflow: hidden;
}

.border-bottom-rounded {
  border-radius: 0 0 10px 10px;
}

.border-top-rounded {
  border-radius: 10px 10px 0 0;
}

.border-rounded {
  border-radius: 8px;
}

.toolbar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .toolbar-container {
    flex-direction: column;
    gap: 12px;
  }
  .toolbar-container .bh-main__menu-button {
    width: 100%;
    justify-content: center;
  }
  .toolbar-container form {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .toolbar-container {
    flex-direction: row;
    gap: 20px;
  }
  .toolbar-container .bh-main__menu-button {
    flex-shrink: 0;
  }
  .toolbar-container form {
    flex: 1;
    max-width: 400px;
  }
  .toolbar-container form.search-form-full {
    max-width: none;
  }
}
@media only screen and (min-width: 992px) {
  .toolbar-container {
    flex-direction: row;
    gap: 20px;
  }
  .toolbar-container .bh-main__menu-button {
    flex-shrink: 0;
  }
  .toolbar-container form {
    flex: 1;
    max-width: 400px;
  }
  .toolbar-container form.search-form-full {
    max-width: none;
  }
}

.cards-grid-container {
  display: grid;
  gap: 24px;
  width: 100%;
  margin: 24px 0;
  padding: 0 16px;
}
@media only screen and (max-width: 767px) {
  .cards-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 768px) {
  .cards-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .cards-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin: 24px 0;
  }
}

.categories-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  width: 100%;
  margin: 24px 0;
  padding: 0 16px;
}
@media only screen and (max-width: 767px) {
  .categories-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 768px) {
  .categories-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .categories-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin: 24px auto;
  }
}

.course-tabs {
  width: 1031px;
  height: 44px;
  margin: 0 auto;
  border-bottom: 1px solid #E2E8F0;
}
.course-tabs__menu .p-tabmenu-nav {
  border: none;
  background: transparent;
  display: flex;
  justify-content: space-around;
}
.course-tabs__menu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  font-family: "Isidora Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 10px 16px;
  color: #64748B;
  background: transparent;
  transition: all 0.3s ease;
}
.course-tabs__menu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover {
  color: #3751FF;
  background: transparent;
}
.course-tabs__menu .p-tabmenu-nav .p-tabmenuitem.p-tabmenuitem-active .p-menuitem-link {
  color: #3751FF;
  border-bottom-color: #3751FF;
  background: transparent;
}
.course-tabs__menu .p-tabmenu-nav .p-tabmenuitem.p-disabled .p-menuitem-link {
  background: #64748B;
  color: #FFFFFF;
  opacity: 1;
  cursor: not-allowed;
}
@media only screen and (max-width: 767px) {
  .course-tabs {
    width: 100%;
    margin: 0 16px;
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .course-tabs {
    width: 90%;
    max-width: 1031px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .course-tabs {
    width: 1031px;
    margin: 0 auto;
  }
}

.lesson-layout {
  display: flex;
  gap: 24px;
  padding: 24px;
  width: 100%;
}
.lesson-layout__sidebar {
  flex: 0 0 35%;
  max-width: 35%;
}
.lesson-layout__sidebar-sticky {
  position: sticky;
  top: 24px;
}
.lesson-layout__content {
  flex: 0 0 65%;
  max-width: 65%;
  background: white;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 767px) {
  .lesson-layout {
    flex-direction: column;
    padding: 16px;
    gap: 16px;
  }
  .lesson-layout__sidebar, .lesson-layout__content {
    flex: 1;
    max-width: 100%;
  }
  .lesson-layout__content {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .lesson-layout {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
  .lesson-layout__sidebar, .lesson-layout__content {
    flex: 1;
    max-width: 100%;
  }
  .lesson-layout__content {
    padding: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .lesson-layout {
    flex-direction: row;
  }
  .lesson-layout__sidebar {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .lesson-layout__content {
    flex: 0 0 65%;
    max-width: 65%;
  }
}
.lesson-layout__lesson-header {
  margin-bottom: 24px;
}
.lesson-layout__lesson-header h1 {
  color: #3751FF;
  font-family: "Isidora Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .lesson-layout__lesson-header h1 {
    font-size: 32px;
  }
}
.lesson-layout__lesson-description {
  margin-bottom: 24px;
}
.lesson-layout__lesson-description h2 {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 16px 0;
}
@media only screen and (min-width: 768px) {
  .lesson-layout__lesson-description h2 {
    font-size: 24px;
  }
}
.lesson-layout__lesson-description p {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .lesson-layout__lesson-description p {
    font-size: 18px;
  }
}

.course-info {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0px 0px 1px 0px rgba(9, 30, 66, 0.3098039216), 0px 1px 1px 0px rgba(9, 30, 66, 0.2509803922);
  margin: -20px auto 24px;
  width: 75%;
  position: relative;
  z-index: 10;
}
.course-info__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  flex-wrap: nowrap;
  width: 100%;
}
.course-info__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.course-info__item--rating {
  flex: 1.2;
}
.course-info__item--rating .course-info__value {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.course-info__label {
  font-size: 12px;
  color: #6B7280;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 4px;
}
.course-info__value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.course-info__value--text {
  font-size: 14px;
  color: #111827;
  font-weight: 500;
}
.course-info__value--custom {
  display: flex;
  align-items: center;
}
.course-info__rating-number {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.course-info__rating-stars {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .course-info {
    margin: 20px auto 24px;
    width: 95%;
    padding: 12px;
  }
  .course-info__container {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .course-info__item {
    width: 100%;
    flex: none;
  }
  .course-info__item--rating {
    width: 100%;
    flex: none;
  }
  .course-info__label {
    font-size: 11px;
    margin-bottom: 2px;
  }
  .course-info__value--text {
    font-size: 13px;
  }
  .course-info__rating-number {
    font-size: 13px;
  }
}

.course-accordion {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 0px 1px 0px rgba(9, 30, 66, 0.3098039216), 0px 1px 1px 0px rgba(9, 30, 66, 0.2509803922);
  padding: 8px;
  width: 100%;
}
.course-accordion .p-accordion {
  border: none;
  background: transparent;
}
.course-accordion .p-accordion-tab {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.course-accordion .p-accordion-tab + .p-accordion-tab {
  margin-top: 12px;
}
.course-accordion .p-accordion-header .p-accordion-header-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: none;
  background: #ffffff;
}
.course-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  color: #3751FF;
}
.course-accordion .p-accordion-content {
  padding: 0 16px 16px 16px;
  background: #ffffff;
}
.course-accordion__header {
  display: flex;
  flex-direction: column;
}
.course-accordion__module-label {
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #3751FF;
  margin-bottom: 4px;
}
.course-accordion__title {
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-style: bold;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #000000;
}
.course-accordion__panel {
  display: flex;
  flex-direction: column;
}
.course-accordion__lesson {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #e5e7eb;
  color: inherit;
  text-decoration: none;
}
.course-accordion__lesson:last-child {
  border-bottom: none;
}
.course-accordion__lesson--clickable {
  cursor: pointer;
}
.course-accordion__lesson--clickable:hover {
  background: #f9fafb;
}
.course-accordion__lesson--clickable:hover .course-accordion__lesson-text, .course-accordion__lesson--clickable:focus .course-accordion__lesson-text {
  text-decoration: underline;
}
.course-accordion__lesson-icon {
  color: #3751FF;
  font-size: 16px;
}
.course-accordion__lesson-text {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  flex: 1;
}
.course-accordion__lesson-check-icon {
  margin-left: auto;
  color: #22C55E;
  font-size: 16px;
  display: inline-block;
}
@media (max-width: 768px) {
  .course-accordion {
    max-width: 100%;
    padding: 4px;
    margin: 0 auto;
  }
  .course-accordion .p-accordion-header .p-accordion-header-link {
    padding: 12px;
    gap: 8px;
  }
  .course-accordion .p-accordion-content {
    padding: 0 12px 12px 12px;
  }
  .course-accordion__header {
    width: 100%;
    overflow: hidden;
  }
  .course-accordion__module-label {
    font-size: 12px;
    line-height: 18px;
  }
  .course-accordion__title {
    font-size: 18px;
    line-height: 28px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .course-accordion__lesson {
    gap: 8px;
    padding: 8px 0;
  }
  .course-accordion__lesson-text {
    font-size: 13px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media (max-width: 640px) {
  .course-accordion {
    padding: 2px;
  }
  .course-accordion .p-accordion-header .p-accordion-header-link {
    padding: 10px;
    gap: 6px;
  }
  .course-accordion .p-accordion-content {
    padding: 0 10px 10px 10px;
  }
  .course-accordion__module-label {
    font-size: 11px;
    line-height: 16px;
  }
  .course-accordion__title {
    font-size: 16px;
    line-height: 24px;
  }
  .course-accordion__lesson {
    gap: 6px;
    padding: 6px 0;
  }
  .course-accordion__lesson-text {
    font-size: 12px;
    line-height: 18px;
  }
  .course-accordion__lesson-icon {
    font-size: 14px;
    flex-shrink: 0;
  }
}

.testimonials-carousel {
  padding: 2rem 0;
  width: 100%;
}
.testimonials-carousel__container {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.testimonials-carousel__items {
  display: flex;
  gap: 1.5rem;
  flex: 1;
  overflow: visible;
  justify-content: center;
  padding-top: 10px;
}
.testimonials-carousel__item {
  flex: 0 0 302px;
  width: 302px;
  min-width: 302px;
  max-width: 302px;
  position: relative;
}
.testimonials-carousel__card {
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  width: 302px;
  height: 259px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.testimonials-carousel__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 10px -3px rgba(0, 0, 0, 0.05);
}
.testimonials-carousel__quote-icon {
  position: absolute;
  top: -10px;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.testimonials-carousel__icon {
  color: white;
  font-size: 0.875rem;
}
.testimonials-carousel__author {
  margin-bottom: 0.75rem;
}
.testimonials-carousel__author-name {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 0.25rem 0;
  line-height: 1.3;
}
.testimonials-carousel__author-role {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}
.testimonials-carousel__rating {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
}
.testimonials-carousel__rating .babylon-rating .p-rating .p-rating-icon {
  color: #fbbf24;
  font-size: 1rem;
  margin-right: 0.125rem;
}
.testimonials-carousel__rating .babylon-rating .p-rating .p-rating-icon.p-rating-icon-active {
  color: #f59e0b;
}
.testimonials-carousel__content {
  flex: 1;
  display: flex;
  align-items: center;
}
.testimonials-carousel__text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #4b5563;
  font-style: italic;
  margin: 0;
  text-align: left;
}
.testimonials-carousel__nav {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #EBEEFF;
  border: 2px solid #3B82F6;
  color: #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.testimonials-carousel__nav:hover:not(:disabled) {
  background-color: #3B82F6;
  color: white;
}
.testimonials-carousel__nav:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.testimonials-carousel__nav:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.testimonials-carousel__nav i {
  font-size: 1rem;
}
.testimonials-carousel__indicators {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.testimonials-carousel__indicator {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #d1d5db;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.testimonials-carousel__indicator:hover {
  background-color: #9ca3af;
}
.testimonials-carousel__indicator--active {
  background-color: #3B82F6;
}
@media (min-width: 1080px) {
  .testimonials-carousel__items {
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media (max-width: 1079px) and (min-width: 800px) {
  .testimonials-carousel__container {
    gap: 0.75rem;
  }
  .testimonials-carousel__items {
    gap: 1rem;
  }
  .testimonials-carousel__item {
    flex: 0 0 302px;
    width: 302px;
  }
  .testimonials-carousel__item:nth-child(3) {
    display: none;
  }
  .testimonials-carousel__card {
    width: 302px;
    height: 259px;
  }
}
@media (max-width: 799px) {
  .testimonials-carousel {
    padding: 1rem 0;
  }
  .testimonials-carousel__container {
    gap: 0.5rem;
    padding: 0 1rem;
  }
  .testimonials-carousel__items {
    gap: 0;
    justify-content: center;
    padding-top: 10px;
  }
  .testimonials-carousel__item {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .testimonials-carousel__item:nth-child(2), .testimonials-carousel__item:nth-child(3) {
    display: none;
  }
  .testimonials-carousel__card {
    width: 90%;
    max-width: 302px;
    min-width: 280px;
    height: auto;
    min-height: 259px;
  }
  .testimonials-carousel__nav {
    width: 2rem;
    height: 2rem;
  }
  .testimonials-carousel__nav i {
    font-size: 0.75rem;
  }
}

.course-card {
  background: #7A6DFF;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  gap: 12px;
  width: 271px;
  height: 149px;
  padding: 16px;
}
@media only screen and (min-width: 768px) {
  .course-card {
    width: 401px;
    height: 182px;
    padding: 16px 27px;
    gap: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .course-card {
    width: 100%;
    height: 182px;
    padding: 16px 27px;
    gap: 12px;
    margin-bottom: 24px;
  }
}
.course-card__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding-right: 50px;
}
@media only screen and (min-width: 768px) {
  .course-card__header {
    width: 347px;
    height: 89px;
    padding-right: 70px;
  }
}
.course-card__title {
  color: #FFFFFF;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .course-card__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.course-card__icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6154EF;
  border-radius: 8px;
  position: absolute;
  top: 16px;
  right: 27px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .course-card__icon {
    width: 60px;
    height: 60px;
    top: 16px;
    right: 27px;
  }
}
.course-card__icon svg, .course-card__icon img, .course-card__icon i {
  width: 20px;
  height: 20px;
  color: #7A6DFF;
  filter: none;
}
@media only screen and (min-width: 768px) {
  .course-card__icon svg, .course-card__icon img, .course-card__icon i {
    width: 30px;
    height: 30px;
  }
}
.course-card__icon i {
  font-size: 20px;
  color: #7A6DFF;
}
@media only screen and (min-width: 768px) {
  .course-card__icon i {
    font-size: 30px;
  }
}
.course-card__icon:empty::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #E0E0E0;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) {
  .course-card__icon:empty::before {
    width: 30px;
    height: 30px;
  }
}
.course-card__instructor {
  color: #FFFFFF;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .course-card__instructor {
    font-size: 16px;
    line-height: 24px;
  }
}
.course-card__progress {
  margin-top: auto;
  width: 100%;
  gap: 4px;
}
@media only screen and (min-width: 768px) {
  .course-card__progress {
    width: 100%;
    height: 49px;
  }
}
.course-card__progress-label {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Isidora Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 4px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .course-card__progress-label {
    font-size: 13px;
    margin: 0 0 4px 0;
  }
}
.course-card__progress-label span:first-child {
  color: rgba(255, 255, 255, 0.85);
}
.course-card__progress-bar {
  width: 100%;
  height: 8px;
  background: #F1F4F9;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .course-card__progress-bar {
    height: 8px;
    border-radius: 4px;
  }
}
.course-card__progress-fill {
  height: 100%;
  background: #3DD0C1;
  border-radius: inherit;
  transition: width 0.3s ease;
  position: relative;
}
.course-card__progress-fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(61, 208, 193, 0) 0%, rgba(61, 208, 193, 0.2) 50%, rgba(61, 208, 193, 0) 100%);
  animation: shimmer 2s infinite;
}
.course-card__percentage {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .course-card__percentage {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .course-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(122, 109, 255, 0.35);
    background: #9187ff;
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.lesson-layout__video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.lesson-layout__video-container video, .lesson-layout__video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lesson-layout__exam-container {
  background: #FFFFFF;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 24px;
}
.lesson-layout__exam-title {
  color: #3751FF;
  font-family: "Isidora Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
}
.lesson-layout__exam-question {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E0E0E0;
}
.lesson-layout__exam-question:last-child {
  border-bottom: none;
}
.lesson-layout__exam-question-text {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 16px;
}
.lesson-layout__exam-option {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  cursor: pointer;
}
.lesson-layout__exam-option input[type=radio] {
  margin-right: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #3751FF;
}
.lesson-layout__exam-option span {
  color: #64748B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
.lesson-layout__exam-option:hover span {
  color: #27364B;
}
.lesson-layout__mark-read-btn {
  background: #3751FF;
  color: white;
  padding: 12px 32px;
  border-radius: 8px;
  border: none;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  margin-top: 24px;
  transition: all 0.3s ease;
}
.lesson-layout__mark-read-btn:hover {
  background: #0425ff;
  transform: translateY(-1px);
}
.lesson-layout__workshop-container {
  background: #FFFFFF;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 24px;
}
.lesson-layout__workshop-title {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.lesson-layout__workshop-description {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 24px;
}
.lesson-layout__workshop-questions {
  margin-bottom: 32px;
  padding: 20px;
  border-radius: 8px;
}
.lesson-layout__workshop-questions p {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
}
.lesson-layout__workshop-questions ol {
  margin-left: 20px;
}
.lesson-layout__workshop-questions ol li {
  color: #64748B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 8px;
}
.lesson-layout__workshop-download {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.lesson-layout__workshop-download label {
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin: 0;
}
.lesson-layout__download-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: "Isidora Sans", sans-serif;
  transition: all 0.3s ease;
}
.lesson-layout__download-btn span {
  color: #27364B;
  font-size: 14px;
  font-weight: 400;
}
.lesson-layout__download-btn i {
  color: #3751FF;
  font-size: 24px;
  font-weight: 700;
}
.lesson-layout__download-btn:hover span {
  text-decoration: underline;
}
.lesson-layout__workshop-upload {
  margin-bottom: 32px;
}
.lesson-layout__workshop-upload .p-fileupload {
  border: 2px dashed #E0E0E0;
  border-radius: 8px;
  background: #F7F8FA;
}
.lesson-layout__workshop-upload .p-fileupload:hover {
  border-color: #3751FF;
  background: #F0F4FF;
}
.lesson-layout__uploaded-file {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #F0FFF4;
  border: 1px solid #638404;
  border-radius: 8px;
  margin-top: 12px;
}
.lesson-layout__uploaded-file i.icon-file {
  color: #638404;
  font-size: 20px;
}
.lesson-layout__uploaded-file span {
  flex: 1;
  color: #27364B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 14px;
}
.lesson-layout__uploaded-file button {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: #EF4444;
  cursor: pointer;
  font-family: "Isidora Sans", sans-serif;
  font-size: 14px;
  transition: all 0.3s ease;
}
.lesson-layout__uploaded-file button i {
  font-size: 16px;
}
.lesson-layout__uploaded-file button:hover {
  text-decoration: underline;
}
.lesson-layout__workshop-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid #E0E0E0;
}
.lesson-layout__mark-read-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.lesson-layout__mark-read-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #3751FF;
}
.lesson-layout__mark-read-checkbox span {
  color: #64748B;
  font-family: "Isidora Sans", sans-serif;
  font-size: 15px;
}
.lesson-layout__mark-read-checkbox i.icon-check-circle {
  font-size: 20px;
  margin-left: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lesson-layout__mark-read-checkbox input:checked ~ i {
  opacity: 1;
}
.lesson-layout__completed-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 6px;
}
.lesson-layout__completed-icon {
  color: #638404;
  font-size: 16px;
}
.lesson-layout__completed-text {
  color: #638404;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
}
.lesson-layout__next-btn {
  background: #3751FF;
  color: white;
  padding: 12px 32px;
  border-radius: 8px;
  border: none;
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.lesson-layout__next-btn:hover {
  background: #0425ff;
  transform: translateY(-1px);
}
.lesson-layout__next-btn--right {
  margin-left: auto;
}
.lesson-layout__syllabus {
  margin-top: 24px;
}
.lesson-layout__syllabus h3 {
  font-family: "Isidora Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #27364B;
  margin: 0 0 16px 0;
}

.lesson-module-header {
  width: 100%;
  padding: 20px 32px;
}
.lesson-module-header__label {
  font-family: "Isidora Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 4px;
}
.lesson-module-header__title {
  font-family: "Isidora Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #27364B;
}

/* Estilos para acordeón personalizado */
.learning-config {
  /* Acciones del syllabus */
  /* Texto de enlace */
}
.learning-config .custom-accordion .p-accordion-header-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.learning-config .custom-accordion .p-accordion-header-link .p-accordion-toggle-icon {
  display: none;
}
.learning-config .custom-accordion .p-accordion-tab.p-accordion-tab-active .accordion-title {
  display: block;
}
.learning-config .custom-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-header-link {
  justify-content: space-between;
}
.learning-config .syllabus-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.learning-config .syllabus-header-inside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.learning-config .link-text {
  color: var(--primary-color);
  cursor: pointer;
  font-weight: 500;
}
.learning-config .link-text:hover {
  text-decoration: underline;
}

/* Estilos para formulario de preguntas */
.learning-config .questions-form .answer-option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.learning-config .questions-form .answer-option.selected .check-shape-circle i {
  color: #28a745 !important;
}
.learning-config .questions-form .answer-option.selected .option-input {
  border-color: #28a745 !important;
}
.learning-config .questions-form .answer-option .check-shape-circle {
  margin-top: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
}
.learning-config .questions-form .answer-option .check-shape-circle i {
  font-size: 18px;
  color: #dee2e6;
  transition: color 0.2s ease;
  cursor: pointer;
}
.learning-config .questions-form .answer-option .option-content {
  flex: 1;
}
.learning-config .questions-form .answer-option .option-content .option-label {
  font-weight: 600;
  margin-bottom: 4px;
  color: #495057;
}
.learning-config .questions-form .answer-option .option-content .option-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
}
.learning-config .questions-form .answer-option .option-content .option-input:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.learning-config .questions-form .answer-option .delete-question {
  color: #dc3545;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  margin-top: 24px;
}
.learning-config .questions-form .answer-option .delete-question:hover {
  color: #c82333;
}
.learning-config .questions-form .answer-actions {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 15px;
}
.learning-config .questions-form .answer-actions .icon-more {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.learning-config .questions-form .answer-actions .icon-more .landing-link-config {
  color: var(--primary-color) !important;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}
.learning-config .questions-form .answer-actions .icon-more .landing-link-config:hover {
  text-decoration: underline;
}
.learning-config .questions-form .question-header-inside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.learning-config .questions-form .question-header-inside .icon-delete {
  color: #dc3545;
  cursor: pointer;
  font-size: 18px;
  padding: 4px;
}
.learning-config .questions-form .question-header-inside .icon-delete:hover {
  color: #c82333;
}
.learning-config .questions-form .question-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 20px;
}

/* Estilos para TabView */
.learning-config .p-tabview {
  width: 100%;
}
.learning-config .p-tabview .p-tabview-nav {
  width: 100%;
  display: flex;
}
.learning-config .p-tabview .p-tabview-nav li {
  flex: 1;
}
.learning-config .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.learning-config .p-tabview .p-tabview-panels {
  width: 100%;
}
.learning-config .p-tabview .p-tabview-panels .p-tabview-panel {
  width: 100%;
}

.table.table-borderless td {
  border: none;
}

.tag-icon-arrow {
  border-radius: 100%;
  padding: 2px;
  border: 1px solid #64748b;
  font-size: 11px;
  margin: 0 10px;
  color: #64748b;
}

.icon-table-row {
  font-size: 22px;
  margin: 0 20px 0 0;
}

.dataTables_wrapper {
  background: rgb(241, 244, 249);
  background: linear-gradient(0deg, rgb(241, 244, 249) 0%, rgb(255, 255, 255) 100%);
  display: flex;
  flex-wrap: wrap;
}
.dataTables_wrapper .dataTables_info {
  padding: 10px;
  float: right;
  font-size: 14px;
}
.dataTables_wrapper .general-data-table {
  float: none;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
  color: #3751ff;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button:not(.disabled):hover {
  background: #3751ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button:not(.disabled):hover > [class*=icon-] {
  color: #fff;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
  background: #3751ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
  background: #3751ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px;
}
.dataTables_wrapper .dataTables_length {
  display: inline-block;
  float: right !important;
  margin: 9px 20px 9px auto;
  vertical-align: middle;
  font-size: 14px;
}
.dataTables_wrapper .dataTables_length select {
  margin: 0 5px;
}
.dataTables_wrapper .dataTables_filter {
  float: left !important;
  margin: 0 20px;
  position: relative;
}
.dataTables_wrapper .dataTables_filter label {
  display: flex;
  color: #fff;
}
.dataTables_wrapper .dataTables_filter label input[type=search] {
  padding: 7px 25px;
  width: 320px;
  display: block;
  line-height: 24px;
  font-size: 15px;
  border-color: #f0f1f7;
}
.dataTables_wrapper .dataTables_filter label input[type=search]:focus-visible {
  outline: none;
}
.dataTables_wrapper .dataTables_filter label i[class*=icon-] {
  position: absolute;
  right: 9px;
  top: 10px;
  color: #64748b;
}

table.dataTable thead th {
  border-bottom-color: #f0f1f7 !important;
}
table.dataTable thead td {
  border-bottom-color: #f0f1f7 !important;
}
table.dataTable.no-footer {
  border-bottom-color: #f0f1f7 !important;
}

.table-datatable.table thead td, .table-datatable.table thead th {
  background: #f1f4f9;
}

.link-item-arrow-td {
  color: #64748b;
  border-radius: 100%;
  border: 1px solid #cbd4e1;
  font-size: 10px;
  padding: 3px;
  margin: 10px;
  background: #fff;
}
.link-item-arrow-td.link-item-arrow-td-active {
  transform: rotate(180deg);
}

.parent-double-cells.active-double-view {
  background: #ecfaf9;
}
.parent-double-cells td {
  vertical-align: top;
}
.parent-double-cells td .td-main {
  min-height: 70px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.parent-double-cells td .th-hide {
  height: 60px;
  background: #f1f4f9;
  font-weight: bold;
  margin: 0 -15px;
  padding: 10px 20px;
}
.parent-double-cells td .td-hide {
  padding: 10px 0;
}

.ul-choose-list-icons {
  list-style: none;
  padding: 0;
}

.choose-list-icons {
  cursor: pointer;
  position: relative;
}
.choose-list-icons.active-icon .content-icon-table {
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  position: relative;
}
.choose-list-icons.active-icon .content-icon-table:before {
  content: "✓";
  color: #fff;
  border-radius: 100%;
  background: #3dd0c1;
  padding: 6px;
  font-size: 17px;
  line-height: 13px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.choose-list-icons.active-icon .content-icon-table .choose-icons {
  color: #3751ff;
  border: 1px solid #3751ff;
  background: #fff;
}
.choose-list-icons .content-icon-table {
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  position: relative;
}
.choose-list-icons .content-icon-table .choose-icons {
  border-radius: 10px;
  background: #f1f4f9;
  font-size: 65px;
  padding: 13px;
  color: #64748b;
  display: flex;
  width: calc(12.5% - 14px);
  margin: 4px;
  justify-content: center;
  align-items: center;
}
.choose-list-icons .content-icon-table .choose-icons.active {
  border: 1px solid #3751ff;
}

.icons-table-search .dataTables_filter {
  display: block;
  width: 100%;
  margin: 0;
}
.icons-table-search .dataTables_filter > label {
  display: block;
  text-align: left;
  font-family: IsidoraBd;
  padding: 0 15px;
}
.icons-table-search .dataTables_filter > label > input {
  width: 100% !important;
  border: 1px solid #f0f1f7;
  font-family: IsidoraRg;
  display: block;
}
.icons-table-search .dataTables_filter > label > i[class*=icon-] {
  bottom: 20px;
  top: initial;
  right: 22px;
}
.icons-table-search.dataTable tbody td {
  padding: 8px;
}

.button-filter-active-inactive {
  background: #fff;
  border: 1px solid #3dd0c1;
  border-radius: 50px;
  padding: 9px 30px;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #64748b;
  position: relative;
  z-index: 2;
}
.button-filter-active-inactive:hover, .button-filter-active-inactive:focus {
  outline: none;
  border-color: #1e7b72;
}
.button-filter-active-inactive + .box-filter-active-inactive {
  position: absolute;
  z-index: 1;
  background: #fff;
  top: 30px;
  left: 17px;
  padding: 15px;
  border: 1px solid #007ea8;
  width: 100%;
  max-width: 135px;
}

.pointer-none {
  pointer-events: none;
}

.tr-list-interactions {
  border: 1px solid #ccc;
  border-radius: 20px;
  display: inline-flex;
  width: 100%;
  margin: 10px 0;
  justify-content: space-between;
  align-items: center;
}

.typication-item {
  border-radius: 16px;
  background: #ddd;
  padding: 3px 5px;
  margin: 0 5px;
  font-size: 14px;
}

.title-interaction {
  background: #f0f1f7;
  max-width: 240px;
  width: 100%;
  border-radius: 20px 0 0 20px;
}

.delete-item-table {
  border: none;
  background: none;
  color: #3751ff;
  font-size: 20px;
}

.coverage-icons {
  font-size: 27px;
  margin: 5px;
}

.high-opacity {
  opacity: 0.7;
}

.options-floating-values-plan {
  width: 190px;
}

.content-list-planes-ref {
  list-style: none;
}

.ref-items-list-planes {
  padding: 5px 10px;
  cursor: pointer;
}

.ref-items-list-planes:focus,
.ref-items-list-planes:hover,
.ref-items-list-planes.active-item-ref {
  background: #e6f7fe;
  color: #007ea8;
}

.ref-items-list-planes.active-item-ref:after {
  content: "✓";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 5px;
}

.cov-plan-icon {
  margin: 0 10px;
  font-size: 50px;
}

.content-form-coverage-plan {
  background: #ecfaf9;
}

.options-layouts {
  cursor: pointer;
}

.layout-active {
  border-color: #007ea8 !important;
  color: #4032dc;
}

.display-grid-view {
  padding: 50px 20px 20px;
  display: inline-flex;
  margin: 10px auto;
  flex-direction: column;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
  position: relative;
  max-width: 300px;
}
.display-grid-view .id-plan-product-cov:before {
  content: attr(data-before);
  display: inline-block;
  vertical-align: middle;
}
.display-grid-view .section-tag-cov:before {
  content: attr(data-before);
  display: block;
  text-transform: uppercase;
  font-size: 11px;
}
.display-grid-view .section-tag-cov .cov-plan-icon {
  display: block;
  font-size: 40px;
}
.display-grid-view .check-input-box-cov {
  display: none;
}
.display-grid-view .coverages-tag-cov {
  order: 4;
}
.display-grid-view .coverages-tag-cov .name-country .cov-plan-icon {
  display: none;
}
.display-grid-view .coverages-tag-cov .name-country .d-flex.justify-content-start {
  justify-content: center !important;
}
.display-grid-view .coverages-tag-cov .name-plan-product-cov:before {
  content: "✓";
}
.display-grid-view .coverages-tag-cov:before {
  content: attr(data-before);
  display: block;
  text-transform: uppercase;
  font-size: 11px;
}
.display-grid-view .dates-tag-cov .name-country {
  display: flex;
  justify-content: space-between;
}
.display-grid-view .dates-tag-cov .name-country h6 {
  font-size: 14px;
  font-family: IsidoraRg;
  margin: 0 5px !important;
}
.display-grid-view .options-floating-values-cov {
  position: initial !important;
  order: 5;
}
.display-grid-view .more-options-for-cov {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0;
}
.display-grid-view .status-tag-cov {
  position: absolute;
  left: 5px;
  top: 5px;
}
.display-grid-view .link-item-arrow-td {
  display: none;
}
.display-grid-view .floatBox {
  top: 30px;
  left: 100%;
}
.display-grid-view .floatBox .closeFloatBox {
  right: 100%;
}

.main-container .p-tabview-nav-container {
  max-width: 90vw !important;
  overflow: auto !important;
}

.editable-card__item, .bh-opinion__menu-container, .bh-main__form-container, .bh-cancel-appointment__form-wrapper--centered, .bh-beneficiaries-list__item, .bh-assignments__search {
  background-color: var(--surface-0);
  border-radius: 8px;
  box-shadow: 0px 1px 1px 0px rgba(9, 30, 66, 0.25), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
}

.sm-login__banner-title, .bh-login__banner-title {
  font-family: IsidoraBd;
  font-size: 4rem;
  line-height: 3.625rem;
}

.bh-card-details__title, .bh-card-preview__title, .sm-login__banner-description, .bh-login__banner-description, .bh-home__banner-description {
  font-family: IsidoraRg;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.bh-home__card-title, .sm-login__form-title, .bh-login__form-title, .bh-main__form-title, .bh-home__section-title {
  font-family: IsidoraBd;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.bh-card-details__section-title, .bh-main__form-title--small, .bh-beneficiaries-list__item-name, .bh-beneficiaries-list__item-document {
  font-family: IsidoraBd;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.bh-main__otp-link, .bh-opinion__menu-title, .bh-home__card-description, .sm-login__form-error, .bh-login__form-error, .bh-main__form-blue-alert, .sm-login__form-subtitle, .bh-login__form-subtitle, .sm-login__form-content .control-label, .bh-login__form-content .control-label, .bh-main__form .general-label {
  font-family: IsidoraRg;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.bh-main__closing-header, .bh-main__form .radio-group .radio-group__option label, .bh-main__form .radio-group .radio-group__label, .bh-main__form-subtitle, .bh-beneficiaries-list__item-relationship {
  font-family: IsidoraBd;
  font-size: 1rem;
  line-height: 1.75rem;
}

.bh-home__banner-title {
  font-family: IsidoraBd;
  font-size: 2rem;
  line-height: 2.5rem;
}

.bh-main__menu-description, .bh-main__menu-title, .bh-home__banner__button {
  font-family: IsidoraRg;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.bh-beneficiaries-list__item-percentage {
  font-family: IsidoraBd;
  font-size: 1.75rem;
  line-height: 3.625rem;
}

.sm-login__form-content .control-label, .bh-login__form-content .control-label, .bh-main__form .general-label {
  font-family: IsidoraBd;
}

.sm-login__form-subtitle, .bh-login__form-subtitle {
  font-family: IsidoraLt;
}

.bh-main nav.p-breadcrumb {
  padding-left: 0;
}
.bh-main .p-breadcrumb-list {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .bh-main .p-tabmenu {
    max-width: 200px;
    overflow-y: scroll;
    box-shadow: 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
  }
}
@media only screen and (min-width: 768px) {
  .bh-main .p-tabmenu {
    max-width: unset;
    overflow-y: unset;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main .p-tabmenu {
    max-width: unset;
    overflow-y: unset;
  }
}
.bh-main .p-tabmenu-nav {
  margin-top: 32px;
  margin-bottom: 32px;
}
.bh-main .p-tabmenu-nav .p-menuitem-link {
  padding: 13px;
}

.bh-container {
  max-width: 1248px;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .bh-container {
    padding: 0;
  }
}

.bh-statement .radio-group + label {
  display: none;
}
.bh-statement .p-inputtext {
  margin-top: 11px;
}

.bh-assignments__search {
  padding: 30px 37px;
}
.bh-assignments__search-input {
  width: 100%;
}
.bh-assignments-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bh-assignments-container ul,
.bh-assignments-container li {
  padding: 0;
  margin: 0;
}

.bh-beneficiaries-list__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bh-beneficiaries-list__container p {
  margin-bottom: 0;
}
.bh-beneficiaries-list__item {
  display: grid;
  gap: 24px;
  align-items: center;
  padding: 32px 24px;
}
@media only screen and (max-width: 767px) {
  .bh-beneficiaries-list__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .bh-beneficiaries-list__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .bh-beneficiaries-list__item {
    grid-template-columns: repeat(5, 1fr);
  }
}
.bh-beneficiaries-list__item-name, .bh-beneficiaries-list__item-document {
  font-family: IsidoraRg;
}
.bh-beneficiaries-list__item-relationship {
  padding: 0px 8px;
  background-color: #7c8aea;
  border-radius: 100px;
  width: fit-content;
}
.bh-beneficiaries-list__item-actions {
  display: flex;
  gap: 16px;
  justify-content: end;
}
.bh-beneficiaries-list__item-button {
  background-color: var(--surface-0);
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
}
.bh-beneficiaries-list__item-button i {
  font-size: 18px;
  color: var(--blue60-color);
}
.bh-beneficiaries-list__add {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--surface-0);
  border: none;
  width: fit-content;
}
.bh-beneficiaries-list__add svg {
  width: 24px;
  height: 24px;
}

.bh-home {
  width: 100%;
}
.bh-home__banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--indigo40-color);
}
@media only screen and (max-width: 767px) {
  .bh-home__banner {
    padding-left: 0;
    min-height: unset;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__banner {
    padding-left: 51px;
    min-height: unset;
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home__banner {
    padding-left: 71px;
    min-height: 200px;
    flex-direction: row;
  }
}
.bh-home__banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .bh-home__banner-content {
    align-items: center;
    text-align: center;
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__banner-content {
    align-items: flex-start;
    text-align: left;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home__banner-content {
    align-items: flex-start;
    text-align: left;
    padding-right: 40px;
  }
}
.bh-home__banner-title {
  color: var(--surface-0);
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .bh-home__banner-title {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: 22px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__banner-title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.bh-home__banner-description {
  color: var(--surface-0);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .bh-home__banner-description {
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 16px 22px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__banner-description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.bh-home__banner__button {
  background-color: var(--surface-0);
  color: var(--indigo40-color);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: IsidoraBd;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .bh-home__banner__button {
    margin: 16px 22px;
    margin-right: 0;
    padding: 0.5rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__banner__button {
    padding: 0.75rem 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home__banner__button {
    padding: 0.75rem 1.5rem;
  }
}
.bh-home__banner__button:hover {
  background-color: var(--blue60-color);
  color: var(--surface-0);
}
.bh-home__banner__button.border-round {
  border-radius: 100px;
}
.bh-home .search-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .bh-home .search-filter-container {
    flex-direction: column;
    gap: 12px;
  }
  .bh-home .search-filter-container .bh-main__menu-button {
    width: 100%;
    justify-content: center;
  }
  .bh-home .search-filter-container form {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home .search-filter-container {
    flex-direction: row;
  }
  .bh-home .search-filter-container .bh-main__menu-button {
    flex-shrink: 0;
  }
  .bh-home .search-filter-container form {
    flex: 1;
    max-width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home .search-filter-container {
    flex-direction: row;
  }
  .bh-home .search-filter-container .bh-main__menu-button {
    flex-shrink: 0;
  }
  .bh-home .search-filter-container form {
    flex: 1;
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .bh-home-bg {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home-bg {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home-bg {
    width: auto;
  }
}
.bh-home__section-title {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .bh-home__section-title {
    margin-bottom: 24px;
    margin-top: 24px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__section-title {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home__section-title {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}

.bh-cancel-appointment__content {
  display: flex;
  gap: 32px;
  width: 100%;
}
.bh-cancel-appointment__form-wrapper {
  width: 57%;
}
.bh-cancel-appointment__form-wrapper--centered {
  width: 100%;
}
.bh-cancel-appointment__card {
  width: 43%;
}
.bh-cancel-appointment ul,
.bh-cancel-appointment li {
  padding: 0;
  margin: 0;
}
.bh-cancel-appointment .bh-card-details--info .bh-card-details__sub-title {
  gap: 24px;
}

.add-new-data {
  background: #3751ff;
  color: #fff;
  border-radius: 100%;
  border: none;
  width: 30px;
  height: 30px;
  display: block;
  font-size: 23px;
  line-height: 0;
}

.rounded-border-button {
  width: 25px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 32px;
  border-radius: 100%;
  margin: 5px;
  border: none;
  font-weight: bold;
}

.form-label {
  font-size: 18px;
}

.double-range-slider-box {
  position: relative;
  width: 100%;
  background: white;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 20px;
  padding: 25px 0 13px;
}
.double-range-slider-box .double-range-slider {
  width: 100%;
  height: 7px;
  position: relative;
  background-color: #ebeef2;
  border-radius: 20px;
}
.double-range-slider-box .range-track {
  height: 100%;
  position: absolute;
  border-radius: 20px;
  background-color: #3751ff;
}
.double-range-slider-box .input-range-gen {
  position: absolute;
  width: 100%;
  height: 5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  top: 50%;
  transform: translateY(-50%);
}
.double-range-slider-box .input-range-gen::-webkit-slider-thumb {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
  margin-bottom: 1px;
}
.double-range-slider-box .input-range-gen::-moz-range-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
  -moz-appearance: none;
  cursor: pointer;
  margin-top: 30%;
}
.double-range-slider-box .input-range-gen.min.errors + label.errors {
  font-size: 14px;
  color: #d83232;
  position: absolute;
  bottom: -60px;
  left: 0;
}
.double-range-slider-box .input-range-gen.max.errors + label.errors {
  font-size: 14px;
  color: #d83232;
  position: absolute;
  bottom: -60px;
  right: 0;
}
.double-range-slider-box .minvalue {
  position: absolute;
  padding: 6px 15px 6px 0;
  border-radius: 1rem;
  bottom: 0;
  transform: translate(-55%, -20%);
  left: 0;
  font-size: 1rem;
  transition: left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: left, transform;
}
.double-range-slider-box .maxvalue {
  position: absolute;
  padding: 6px 0 6px 20px;
  border-radius: 1rem;
  top: 0;
  transform: translate(67%, -100%);
  right: 0;
  font-size: 1rem;
  transition: right 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: right, transform;
}

.form-control {
  box-shadow: none;
}

.list-info-input-range {
  list-style: none;
}

input.check[type=checkbox] {
  display: none;
}
input.check[type=checkbox] + .check-box {
  border-radius: 4px;
  display: flex;
  margin: 0;
  margin-right: 0px;
  cursor: pointer;
  padding: 0;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  position: relative;
  transition: border-color ease 0.2s;
  margin-right: 10px !important;
  background: #fff;
  border: 1px solid #ccc;
}
input.check[type=checkbox]:checked + .check-box,
input.check[type=checkbox] .check-box.checked {
  background: #3751ff;
}
input.check[type=checkbox]:checked + .check-box:before,
input.check[type=checkbox] .check-box.checked:before {
  content: "✓";
  border-radius: 0.2em;
  display: inline-flex;
  width: 15px;
  height: 15px;
  padding-left: 2px;
  padding-bottom: 2px;
  margin-right: 0.2em;
  justify-content: center;
  color: #fff;
  transition: 0.2s;
  font-size: 17px;
  align-items: center;
}

.br-dropzone {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.br-dropzone .input-file-drag {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  font-size: 2rem;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
.br-dropzone .input-filonload {
  background: none;
  border: none;
  font-family: IsidoraBd;
}
.br-dropzone .input-filonload::placeholder {
  color: #3751ff;
  font-family: IsidoraRg;
}
.br-dropzone .type-icon-file {
  font-size: 30px;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.br-dropzone .type-icon-file[data-type=document] {
  background: #f9ffea;
  color: #97b544;
}
.br-dropzone .type-icon-file[data-type=document]:before {
  content: "\eaeb";
  font-family: "icomoon" !important;
  display: table;
}
.br-dropzone .type-icon-file[data-type=image] {
  background: #e6f7fe;
  color: #05aff2;
}
.br-dropzone .type-icon-file[data-type=image]:before {
  content: "\eaed";
  font-family: "icomoon" !important;
  display: table;
  font-weight: 600;
}
.br-dropzone .button-delete-file-from-input {
  z-index: 1;
  position: relative;
  background: none;
  padding: 3px 0 0;
}
.br-dropzone .button-delete-file-from-input:focus {
  outline: none;
}
.br-dropzone.dragover {
  background-color: #05aff2;
  border: 4px solid #05aff2;
}
.br-dropzone.dragover .form-label {
  color: #05aff2;
}
.br-dropzone.dragover .into-dragover {
  opacity: 0;
}
.br-dropzone.dragover:after {
  content: "\eaeb";
  font-family: "icomoon" !important;
  display: table;
  margin: auto;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 44px;
}
.br-dropzone label.errors {
  position: absolute;
  bottom: -35px;
  left: 0;
  font-size: 14px;
  color: #d83232;
}
.br-dropzone.error-border {
  border: 1px dashed #d83232;
}

/*----------------------------Diseño de los input----------------------------*/
.general-label {
  display: block;
  font: 14px IsidoraBd;
}

.field-bonus-content:before {
  content: "$";
  position: absolute;
  left: 22px;
  bottom: 5px;
  color: #cbd4e1;
  display: inline-block;
}
.field-bonus-content .primary-input {
  padding-left: 20px;
}

.field-var-bd-content:after {
  content: "{ }";
  position: absolute;
  right: 22px;
  bottom: 5px;
  color: #3751ff;
  display: inline-block;
  font-size: 21px;
}
.field-var-bd-content .primary-input {
  padding-right: 20px;
}
.field-var-bd-content .select2.select2-container--default .select2-selection .select2-selection__arrow > b:before {
  display: none;
}

.field-percent-content:after {
  content: "%";
  position: absolute;
  left: 22px;
  bottom: 5px;
  color: #cbd4e1;
  display: inline-block;
}
.field-percent-content .primary-input {
  padding-left: 20px;
}

.primary-input {
  padding: 7px 10px;
  height: auto;
  border-radius: 4px;
  color: #27364b;
  background-color: #fff;
  font-size: 16px;
  border: 1px solid #f0f1f7;
}
.primary-input:focus {
  color: #3751ff;
  border-color: #3751ff;
  box-shadow: none;
  outline: none;
}
.primary-input.errors {
  border-color: #d83232;
}
.primary-input::placeholder {
  text-transform: lowercase;
}
.primary-input::placeholder::first-letter {
  text-transform: uppercase;
}
.primary-input::placeholder:first-letter {
  text-transform: uppercase;
}
.primary-input + label.errors {
  font-size: 14px;
  color: #d83232;
}

.search-icon {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #cbd4e1;
}

.inputCss.input-design[readonly] {
  padding: 7px 30px 6px 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  border-radius: 4px !important;
  width: 100%;
  background: #fff;
  color: #f0f1f7;
  font: 400 16px/1.3 IsidoraRg;
  cursor: pointer;
  height: 34px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #3751ff;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #3751ff;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider:before {
  border-radius: 50%;
}

/*------------------------Diseños de los checkbox radiales---------------------------*/
input.radioBox[type=radio] {
  display: none;
}
input.radioBox[type=radio] + label {
  display: inline-flex;
  width: 20px;
  height: 20px;
  border: 2px solid #3751ff;
  position: relative;
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
  border-radius: 50%;
  cursor: pointer;
  align-items: center;
  margin: 0px 10px 0px 0px;
}
input.radioBox[type=radio] + label:last-child {
  margin-bottom: 0;
}
input.radioBox[type=radio] + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
  border-radius: 50%;
}
input.radioBox[type=radio]:checked + label:before {
  width: 10px;
  height: 10px;
  top: 3px;
  left: 3px;
  opacity: 1;
  background: #3751ff;
}

fieldset legend {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  width: 100%;
}

/*------------------------Diseños de los select---------------------------*/
.form-group-select {
  display: grid;
}

.select2.select2-container--default .select2-selection {
  background: #fff;
  font: 500 16px/1.3 IsidoraRg;
  border-radius: 4px;
  color: #27364b;
  border: 1px solid #f0f1f7;
  padding: 8px 10px 7px 15px;
  height: 39px;
}
.select2.select2-container--default .select2-selection .select2-selection__arrow {
  height: 36px;
}
.select2.select2-container--default .select2-selection .select2-selection__arrow > b {
  border-color: transparent transparent transparent transparent;
  left: -7%;
  top: 20%;
}
.select2.select2-container--default .select2-selection .select2-selection__arrow > b:before {
  content: "\e95d";
  font-family: "icomoon";
  color: #3751ff;
}
.select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent transparent transparent;
}
.select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  content: "\e960";
  font-family: "icomoon";
  color: #3751ff;
}
.select2.select2-container--default .select2-selection__rendered {
  color: #3751ff;
}
.select2.select2-container--default.select2-container--open .select2-selection {
  border-color: #3751ff;
}
.select2.errors + label.errors {
  order: 4;
  color: #d83232;
  font-size: 14px;
}
.select2.errors + label.errors + .select2 .select2-selection {
  border: 1px solid #d83232;
}

.select2-container--open .select2-search {
  position: relative;
}
.select2-container--open .select2-search:after {
  content: "\ea22";
  font-family: "icomoon";
  color: #3751ff;
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 15px;
}

.select2-container--open {
  color: #3751ff;
}
.select2-container--open .select2-selection {
  border-color: #3751ff;
}
.select2-container--open .select2-dropdown {
  border-color: #3751ff;
}
.select2-container--open .select2-dropdown .select2-search .select2-search__field {
  border-color: #3751ff;
}
.select2-container--open .select2-dropdown .select2-search .select2-search__field:focus-visible, .select2-container--open .select2-dropdown .select2-search .select2-search__field:focus, .select2-container--open .select2-dropdown .select2-search .select2-search__field:active {
  outline: none;
}
.select2-container--open .select2-results__option--highlighted.select2-results__option--selectable {
  background: #3751ff !important;
  color: #fff;
}

.selectpicker + label.errors {
  font-size: 14px;
  color: #d83232;
  position: absolute;
  bottom: 0;
  left: 14px;
}
.selectpicker + label.errors + .select2.select2-container--default .select2-selection {
  border-color: #d83232;
}

.list-result-search {
  background: #fff;
  display: table;
  position: absolute;
  z-index: 1;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  border-radius: 0 0 10px 10px;
  max-width: 200px;
  top: 90%;
  left: 10px;
}
.list-result-search .items-list-results {
  padding: 10px;
  cursor: pointer;
}
.list-result-search .items-list-results:hover {
  background: var(--grayBackground);
}

.daterangepicker {
  font-family: IsidoraRg;
}
.daterangepicker td.active:hover {
  background-color: #3751ff;
}

.datepicker-dropdown {
  border-radius: 10px;
  padding: 20px !important;
}

.datepicker-dropdown th.prev,
.datepicker-dropdown th.next,
.datepicker-switch {
  color: #3751ff;
}

.date-icon-input {
  right: 10px;
  top: 7px;
  position: absolute;
  color: #3751ff;
  padding: 0 10px;
  font-size: 20px;
}

.document-icon-input {
  right: 1px;
  top: 10px;
  position: absolute;
  color: #27364b;
  padding: 0 10px;
  font-size: 18px;
  z-index: 1;
}

.datepicker:focus {
  box-shadow: none;
  border-color: #3751ff;
}
.datepicker.dropdown-menu {
  overflow: hidden;
}
.datepicker table {
  width: 100%;
}
.datepicker table tr td.today {
  color: #3751ff !important;
  font-weight: 800;
  background: #fff !important;
}
.datepicker table tr td.today:hover {
  background: #3751ff !important;
  border-radius: 50%;
  color: #3751ff;
}
.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background: #3751ff !important;
  border-radius: 50%;
  color: #3751ff;
}
.datepicker table tr td span.decade {
  width: calc(33.3333333333% - 3px);
  margin: 0;
  height: auto;
}
.datepicker table tr td span.active.active {
  color: #3751ff !important;
  font-weight: 800;
  background: #fff !important;
}
.datepicker table tr td span.focused {
  background: #3751ff !important;
  border-radius: 50%;
  color: #fff !important;
  height: 40px;
  line-height: 40px;
  top: 7px;
  position: relative;
}
.datepicker table tr td.active.active {
  background: #3751ff !important;
  border-radius: 50%;
  color: #fff;
}
.datepicker table.table-condensed > thead > tr > th {
  color: #3751ff;
}

.daterangepicker {
  font-family: IsidoraRg !important;
}
.daterangepicker table {
  width: 100%;
}
.daterangepicker table tr td.today {
  color: #3751ff !important;
  font-weight: 800;
  background: #fff !important;
}
.daterangepicker table tr td.today:hover {
  background: #3751ff !important;
  border-radius: 50%;
  color: #3751ff;
}
.daterangepicker table tr td.today.disabled, .daterangepicker table tr td.today.disabled:hover {
  background: #3751ff !important;
  border-radius: 50%;
  color: #3751ff;
}
.daterangepicker table tr td span.active.active {
  color: #3751ff !important;
  font-weight: 800;
  background: #fff !important;
}
.daterangepicker table tr td span.focused {
  background: #3751ff !important;
  border-radius: 50%;
  color: #3751ff !important;
  height: 40px;
  line-height: 40px;
  top: 7px;
  position: relative;
}
.daterangepicker table tr td.active.active {
  background: #3751ff !important;
  border-radius: 50%;
  color: #fff !important;
}
.daterangepicker table.table-condensed > thead > tr > th {
  color: #3751ff;
}
.daterangepicker .drp-buttons {
  text-align: center !important;
}
.daterangepicker .drp-buttons .btn {
  font-size: 13px !important;
  border-radius: 100px;
}
.daterangepicker .drp-buttons .btn.cancelBtn {
  color: #3751ff;
  background: none;
  border: 1px solid #3751ff;
  border-radius: 100px;
}
.daterangepicker .drp-buttons .btn.applyBtn {
  background: #3751ff;
  border: 1px solid #3751ff;
}

.btn-primary {
  background: #3751ff;
  padding: 10px 50px;
  border-radius: 100px;
  font: 600 16px/1.3 IsidoraRg;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  color: #fff;
  position: relative;
  display: table;
  text-align: center;
  border: 1px solid #3751ff;
  width: 90%;
  margin: 0 auto 25px;
}

.primary-button {
  background: #3751ff;
  padding: 10px 50px;
  border-radius: 100px;
  font: 600 16px/1.3 IsidoraRg;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  color: #fff !important;
  position: relative;
  display: table;
  text-align: center;
  border: 1px solid #3751ff;
  box-shadow: 0px 0px 5px 0px rgba(55, 81, 255, 0.2392156863);
}
.primary-button:focus {
  outline: none;
  text-decoration: none;
  border-color: #3dd0c1;
}
.primary-button > span[class*=icon-] {
  font-size: 15px;
  position: absolute;
  left: 10px;
  top: 13px;
  color: #fff;
}
.primary-button:hover {
  text-decoration: none;
  background: #3dd0c1;
  border-color: #3dd0c1;
  color: #fff !important;
}
.primary-button:hover > span[class*=icon-] {
  font-size: 15px;
  position: absolute;
  left: 10px;
  top: 13px;
  color: #fff;
  text-align: initial;
}

.btn-secondary {
  background: #fff;
  padding: 10px 50px;
  border-radius: 100px;
  font: 600 16px/1.3 IsidoraRg;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  color: #3751ff !important;
  position: relative;
  display: table;
  text-align: center;
  border: 1px solid #3751ff;
  box-shadow: 0px 0px 5px 0px rgba(55, 81, 255, 0.2392156863);
}

.secondary-button {
  background: #fff;
  padding: 10px 50px;
  border-radius: 100px;
  font: 600 16px/1.3 IsidoraRg;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  color: #3751ff !important;
  position: relative;
  display: table;
  text-align: center;
  border: 1px solid #3751ff;
  box-shadow: 0px 0px 5px 0px rgba(55, 81, 255, 0.2392156863);
}
.secondary-button:focus {
  outline: none;
  border-color: #3dd0c1;
  color: #3751ff !important;
}
.secondary-button > span[class*=icon-] {
  font-size: 15px;
  position: absolute;
  left: 10px;
  top: 13px;
  color: #3751ff;
  text-align: initial;
}
.secondary-button:hover {
  text-decoration: none;
  border-color: #3dd0c1;
  color: #3dd0c1 !important;
}
.secondary-button:hover > span[class*=icon-] {
  font-size: 15px;
  position: absolute;
  left: 10px;
  top: 13px;
  color: #3dd0c1 !important;
}

.disabled-button,
button[disabled] {
  background: transparent;
  color: #9ba8ff !important;
  pointer-events: none;
  border-color: transparent;
}

.disabled-contents {
  opacity: 0.5;
  pointer-events: none;
}

.link-more-options {
  display: table;
  transform: rotate(90deg);
  font-size: 22px;
  color: #3751ff;
  margin: 0 auto;
  font-family: IsidoraBd;
  letter-spacing: 1.5px;
}
.link-more-options:hover {
  text-decoration: none;
  color: #3751ff;
}

.link-view-more {
  color: #3751ff;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  display: table;
  border: none;
  background: no-repeat;
  outline: none;
  letter-spacing: 0.3px;
}
.link-view-more span[class*=icon-] {
  color: #3751ff;
  font-size: 15px;
}
.link-view-more:hover {
  text-decoration: none;
  color: #3751ff;
}
.link-view-more:focus {
  outline: none;
}
.link-view-more.link-view-more-icon {
  transform: none;
  border: none;
  background: none;
  margin: 10px;
  font-family: IsidoraBd;
  font-size: 21px;
  letter-spacing: initial;
}

.links-dots {
  background: #ebeeff;
  border: none;
  border-radius: 100%;
  transform: rotate(90deg);
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-family: IsidoraBd;
  color: #3751ff;
}

.field-container {
  position: relative;
  height: 100%;
  min-height: 108px;
}
.field-container__delete {
  position: absolute;
  bottom: 45px;
  right: -32px;
}

.bh-main__form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 32px;
}
.bh-main__form-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 24px;
}
@media only screen and (max-width: 767px) {
  .bh-main__form-container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .bh-main__form-container--appointment {
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__form-container--appointment {
    padding: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-container--appointment {
    padding: 24px 105px;
  }
}
.bh-main__form-container--menu {
  padding: 32px 24px;
}
.bh-main__form-container--reschedule {
  min-height: 444px;
  gap: 32px;
  padding: 40px;
}
.bh-main__form-container--consult {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  max-width: 420px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .bh-main__form-container--consult {
    padding-inline: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__form-container--consult {
    padding-inline: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-container--consult {
    padding-inline: 0;
  }
}
.bh-main__form-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 515px) {
  .bh-main__form-content {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__form-content {
    align-items: unset;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-content {
    align-items: unset;
  }
}
.bh-main__form-content--together {
  gap: 4px;
}
.bh-main__form-row {
  display: flex;
  gap: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .bh-main__form-row {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__form-row {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-row {
    flex-direction: row;
    align-items: unset;
  }
}
.bh-main__form-field {
  width: 100%;
}
@media (max-width: 515px) {
  .bh-main__form-field {
    max-width: 195px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__form-field {
    max-width: unset;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-field {
    max-width: unset;
  }
}
.bh-main__form-header--centered {
  text-align: center;
}
.bh-main__form-title {
  color: var(--blue60-color);
  margin-bottom: 0;
}
.bh-main__form-title--small {
  margin-bottom: 0;
  color: #212529;
}
.bh-main__form-subtitle {
  font-family: IsidoraRg;
  margin-top: 16px;
  margin-bottom: 0;
  color: #212529;
}
.bh-main__form-subtitle--together {
  margin-top: 4px;
}
.bh-main__form-actions {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
@media only screen and (max-width: 767px) {
  .bh-main__form-actions {
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__form-actions {
    flex-direction: row;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-actions {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__form-actions--center {
    justify-content: center;
  }
}
.bh-main__form-button[disabled], .bh-main__form-button--disabled {
  color: var(--surface-0) !important;
  background-color: #94a3b8 !important;
  border: 1px solid #94a3b8 !important;
  cursor: unset;
}
.bh-main__form-button[disabled]:hover, .bh-main__form-button--disabled:hover {
  background-color: #94a3b8 !important;
  border: 1px solid #94a3b8 !important;
}
.bh-main__form-blue-alert {
  position: relative;
  padding-inline: 40px;
  padding-block: 6px;
  background: #e6f7fe;
  border-radius: 8px;
}
.bh-main__form-blue-alert-text {
  margin-bottom: 0;
}
.bh-main__form-blue-alert-list {
  list-style-position: inside;
  padding: 0;
}
.bh-main__form-blue-alert i {
  position: absolute;
  left: 16px;
  top: 10px;
  color: #05aff2;
  font-size: 13px;
}
.bh-main__form .radio-group .radio-group__options {
  display: flex;
  gap: 24px;
}
.bh-main__form .radio-group .radio-group__label {
  font-family: IsidoraRg;
  margin-bottom: 23px;
}
.bh-main__form .radio-group .radio-group__option {
  display: flex;
  gap: 12px;
  align-items: center;
}
.bh-main__form .radio-group .radio-group__option label {
  margin-bottom: 0;
  line-height: 1.563rem;
}
.bh-main__form .radio-group [type=radio] {
  height: 100%;
  width: 100%;
}

.form-product-emision .info-card__title {
  color: #27364b;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding-top: 9px;
}
.form-product-emision .p-icon.p-accordion-toggle-icon {
  position: absolute;
  right: 0;
  width: 100px;
}
.form-product-emision .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  background: #fff;
}
.form-product-emision .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: #fff;
}
.form-product-emision .p-accordion .p-accordion-header .p-accordion-header-link {
  border: 1px solid #fff;
  padding: 24px 0px 24px 48px;
  background-color: #fff;
}
.form-product-emision .p-accordion-header.p-highlight {
  border-bottom: 1px solid #fff;
  margin-bottom: -9px;
}
.form-product-emision .p-accordion-header {
  border-top: 1px solid #e5e7eb;
  border-radius: 7px;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.loadEmisionModal {
  text-align: center;
}
.loadEmisionModal .p-dialog-header {
  padding: 44px 21px 12px;
}
.loadEmisionModal .p-dialog-header-icons {
  position: absolute;
  padding: 8px 10px;
}

.loadEmision__text-muted {
  color: #27364b;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  padding: 0px 0px 24px;
}
.loadEmision__option {
  border-radius: 8px;
  border: 1px solid #cbd4e1;
  background: #fff;
  height: 100%;
  min-height: 116px;
  padding: 16px;
}
.loadEmision__option:hover {
  border-radius: 8px;
  border: 1.5px solid #3751ff;
  background: #fff;
  cursor: pointer;
}
.loadEmision__card-title {
  color: #27364b;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.loadEmision__icon {
  font-size: 24px;
}

.reload-button.p-button.p-component {
  border: none;
  background-color: transparent;
  color: var(--blue60-color);
}

.reload-button .p-button-icon {
  padding-right: 12px;
}

.ql-toolbar.ql-snow {
  background-color: #fff;
  border: 1px solid #f0f1f7;
  border-radius: 8px 8px 0px 0px;
}

.ql-container.ql-snow {
  background-color: #fff;
  border: 1px solid #f0f1f7;
  border-radius: 0px 0px 8px 8px;
  min-height: 80px;
}

.add-action {
  color: #3751ff;
  gap: 16px;
  display: flex;
  cursor: pointer;
}

.panel-container {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin: 32px 0px;
}

.select-panel {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31);
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: initial;
  gap: 40px;
  flex: 1 0 0;
}
.select-panel__title {
  color: var(--pink100-color, #750a2e);
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  font-family: var(--BdFont);
}
.select-panel .p-accordion-header-link {
  display: flex;
  height: 64px;
  padding: 16px 8px 16px 16px;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--gray-200, #f1f2f5);
  border-top: 1px solid transparent;
  background: #fff;
  border-left: 0px solid transparent;
  border-radius: 0px;
  border-right: 0px solid transparent;
}
.select-panel .p-highlight .p-accordion-header-link {
  border-bottom: none;
}
.select-panel .p-accordion-content {
  border-bottom: 1px solid var(--gray-200);
  border-top: none;
  border-left: none;
  border-radius: 0px;
  border-right: none;
  padding: 0px 30px;
}
.select-panel .p-accordion-header-text {
  color: var(--neutral80-color, #27364b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.select-panel .p-component label {
  color: var(--neutral40-color, #64748b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  display: inline;
}
.select-panel .radio-group__option {
  display: flex;
  height: 40px;
  padding: 0px 10px 0px 0px;
  align-items: flex-start;
  gap: 16px;
}
.select-panel [type=radio] {
  width: 100%;
  height: 100%;
}

.offer-panel {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 8px;
  background: var(--neutral10-color, #f6f8fc);
}
.offer-panel__title {
  color: var(--pink100-color, #750a2e);
  font-family: var(--BdFont);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.offer-panel [type=radio] {
  border: 1px solid var(--neutral40-color);
  background-color: #fff;
  appearance: none;
  border-radius: 40px;
  height: 20px;
  width: 20px;
  margin-top: 4px;
  margin-right: 16px;
}
.offer-panel .offer-list {
  width: 100%;
}
.offer-panel .offer-list__card {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid var(--border-one, #cbd4e1);
  background: #fff;
  width: 100%;
  margin: 24px 0px;
}
.offer-panel .offer-list__content {
  display: flex;
  margin: 0 19px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0px 32px;
}
.offer-panel .offer-list__title {
  color: var(--cyan80-color, #006182);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-left: 2px;
}
.offer-panel .offer-list__card.active [type=radio] {
  background-color: #fff;
  border: 6px solid var(--blue60-color, #3751ff);
}
.offer-panel .offer-list__header {
  display: flex;
  position: relative;
  width: 100%;
}
.offer-panel .offer-list__link {
  color: var(--blue60-color, #3751ff);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-left: 36px;
}
.offer-panel .offer-list__label {
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 30px;
  background: var(--cyan10-color, #eafaff);
  position: absolute;
  right: 0;
  top: 0;
  color: var(--cyan60-color, #007ea8);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.offer-panel .empty-offers-state {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #fff;
  border: 1px solid #cbd4e1;
  border-radius: 4px;
  padding: 16px;
  min-height: 528px;
}
.offer-panel .empty-offers-state__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.c-card-info__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--neutral80-color, #27364b);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
.c-card-info__code {
  display: flex;
  color: var(--primary, #3751ff);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.c-card-info__cod {
  color: var(--primary, #3751ff);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  font-family: var(--BdFont);
  padding-right: 4px;
}

.sac-modal-history .p-dialog-title {
  padding: 30px 1px 0px 50px;
  text-align: center;
}

.card-discount-body-title {
  color: var(--neutral80-color, #27364b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.card-discount-body-text {
  margin: 24px 0 36px;
}
.card-discount-body-list {
  padding: 8px 14px;
}
.card-discount-body-list li {
  padding: 4px 1px;
}

.card-hold-header-title {
  color: var(--neutral80-color, #27364b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  padding: 0px 0px 40px;
}
.card-hold-body-text {
  color: var(--neutral80-color, #27364b);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.card-hold [type=checkbox] {
  height: 14px;
  width: 20px;
}

.card-cancel .alert-static.alert-static-info {
  border-radius: 8px;
  background: var(--info10-color, #e6f7fe) !important;
  display: flex;
  padding: 6px 16px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.card-cancel-header-title {
  color: var(--neutral80-color, #27364b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  padding: 10px 0px 20px;
}
.card-cancel-body-info {
  background: var(--neutral10-color, #f6f8fc);
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 20px 0px;
}
.card-cancel-body-text {
  color: var(--neutral80-color, #27364b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0px 0px 20px;
}
.card-cancel-body-title {
  color: var(--neutral80-color, #27364b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-right: 5px;
}
.card-cancel .col-md-12 {
  padding: 0px;
}
.card-cancel [type=checkbox] {
  height: 14px;
  width: 20px;
}
.card-cancel .alert-static__text-container__message {
  display: flex;
  padding: 0px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0px;
}
.card-cancel .alert-static__icon {
  background-color: #05aff2;
  height: 20px;
  width: 42px;
  color: #fff;
  border-radius: 20px;
  display: flex;
  rotate: 180deg;
  margin: 4px 0px 2px;
}
.card-cancel .alert-static__icon .icon-info::before {
  color: #fff;
  font-size: 20px;
}

.lfr-layout-structure-item-container,
.lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet {
  display: grid;
  margin: 0 auto;
  padding: 0 15px;
}

.titulo_options {
  font-family: IsidoraBd;
  color: #007ea8;
}

.titular_boxesMenu {
  text-transform: uppercase;
  font: 20px IsidoraBd;
  color: #27364b;
}

.iconFrom_options {
  display: table;
  margin: 20px auto;
  font-size: 30px;
  color: #007ea8;
}

.link-page-class {
  color: #4032dc;
  text-decoration: underline;
  font-family: IsidoraBd;
}

#login-embed-content-id {
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1;
  border: 1px solid;
  border-image-slice: 1;
  border-width: 65px;
  border-image-source: linear-gradient(270deg, #4268fb -0.97%, #9a00fd 102.78%);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  height: calc(100% - 80px);
  overflow: hidden;
}
#login-embed-content-id .close-login-content {
  text-align: right;
  display: table;
  font-size: 25px;
  cursor: pointer;
  background: #ebeeff;
  color: #3751ff;
  border-radius: 100%;
  padding: 4px 16px;
  float: right;
  margin: 20px 20px 20px auto;
}
#login-embed-content-id .inner-content-login {
  padding: 30px;
  max-width: 600px;
  margin: 6% auto;
  background: #fff;
  border-radius: 8px;
}
#login-embed-content-id .inner-content-login .control-label {
  font-family: IsidoraBd;
}
#login-embed-content-id .inner-content-login .form-control {
  padding: 20px 15px;
  font-size: 17px;
  border: 1px solid #f0f1f7;
}
#login-embed-content-id .inner-content-login .button-holder button.btn-default {
  background: #3751ff;
  border-color: #3751ff;
  width: 100%;
  border-radius: 50px;
  padding: 9px;
  font-family: IsidoraBd;
  box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24);
}
#login-embed-content-id .inner-content-login .input-checkbox-wrapper {
  display: none;
}
#login-embed-content-id .inner-content-login .login-container .navigation li {
  float: none !important;
  margin: 0 auto;
  display: table;
  border-bottom: none !important;
}
#login-embed-content-id .inner-content-login .login-container .navigation li a.lfr-icon-item {
  color: #3751ff !important;
  font-family: IsidoraBd !important;
  text-decoration: underline;
  text-align: center;
}
#login-embed-content-id .inner-content-login .login-container .navigation li:hover a {
  color: #3751ff;
}
#login-embed-content-id .inner-content-login .login-container .navigation li #_com_liferay_login_web_portlet_LoginPortlet_rjus____ {
  display: none;
}
#login-embed-content-id .inner-content-login .login-container #show-password-icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  #login-embed-content-id {
    border-width: 25px;
  }
  #login-embed-content-id .close-login-content {
    padding: 3px 13px;
    font-size: 20px;
  }
}
.bh-login {
  display: flex;
  min-height: 100vh;
  position: relative;
}
.bh-login::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, #1e7b72 -0.97%, #3d5295 73.06%, #530094 102.78%);
  opacity: 0.7;
  z-index: 2;
  mix-blend-mode: multiply;
}
.bh-login__banner {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.bh-login__banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.bh-login__banner-content {
  color: var(--surface-0);
  z-index: 4;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bh-login__banner-content {
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    padding: 22px;
    margin-block: 88px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__banner-content {
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    padding: 22px;
    margin-block: 88px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login__banner-content {
    text-align: left;
    padding: 0px;
    margin-block: unset;
    margin-bottom: 220px;
    margin-left: 96px;
  }
}
.bh-login__banner-title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .bh-login__banner-title {
    font-size: 2rem;
    line-height: 2.25rem;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__banner-title {
    font-size: 3rem;
    line-height: 3.25rem;
  }
}
.bh-login__banner-description {
  margin-bottom: 0;
  width: 66.194%;
}
@media only screen and (max-width: 767px) {
  .bh-login__banner-description {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__banner-description {
    font-size: 1.25rem;
    line-height: 1.875rem;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login__banner-description {
    width: 66.194%;
  }
}
@media only screen and (max-width: 767px) {
  .bh-login__banner {
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__banner {
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login__banner {
    flex: 1;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
.bh-login__form {
  background-color: rgba(0, 65, 87, 0.2);
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.bh-login__form-error {
  color: var(--red-200);
  text-align: center;
}
.bh-login__form-container {
  width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  .bh-login__form-container {
    max-width: 100%;
  }
}
.bh-login__form-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  z-index: 4;
}
.bh-login__form-title {
  color: var(--blue60-color, #3751ff);
  margin-bottom: 0;
}
.bh-login__form-subtitle {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.bh-login__form-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.bh-login__form-content section.portlet {
  margin: 0;
  padding: 0;
}
.bh-login__form-content .portlet-content,
.bh-login__form-content .panel-body {
  padding: 0;
}
.bh-login__form-content .control-label {
  color: var(--surface-0);
}
.bh-login__form-content .form-group {
  margin-bottom: 24px;
}
.bh-login__form-content .show-password-icon {
  position: absolute;
  top: 38px;
  right: 7px;
}
.bh-login__form-content .show-password-icon:before {
  font-size: 22px;
}
.bh-login__form-content input {
  border-radius: 2px;
  padding: 10px 12px;
}
.bh-login__form-content button {
  width: 100%;
  padding: 5px;
  max-height: 32px;
  z-index: 4;
}
.bh-login__form-content button:hover {
  text-decoration: none;
  background: var(--turquoise60-color);
  border-color: var(--turquoise60-color);
}
.bh-login__form-content .navigation,
.bh-login__form-content .input-checkbox-wrapper {
  display: none;
}
@media only screen and (max-width: 767px) {
  .bh-login__form {
    flex: 1;
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__form {
    flex: 1;
    padding: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login__form {
    flex: 0 0 436px;
    padding-inline: 68px;
    padding-top: 132px;
  }
}
.bh-login__bg-image {
  position: absolute;
  z-index: 1;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .bh-login__bg-image--bottom {
    right: 24px;
    bottom: 16px;
    width: 124px;
    height: 132px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__bg-image--bottom {
    right: 24px;
    bottom: 16px;
    width: 274px;
    height: 232px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login__bg-image--bottom {
    left: 224px;
    bottom: 76px;
    right: auto;
    width: 274px;
    height: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .bh-login__bg-image--top {
    left: 24px;
    top: 16px;
    width: 124px;
    height: 132px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login__bg-image--top {
    left: 48px;
    top: 16px;
    width: 224px;
    height: 232px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login__bg-image--top {
    left: 291px;
    top: 24px;
    right: auto;
    width: 224px;
    height: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .bh-login {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .bh-login {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .bh-login {
    flex-direction: row;
  }
}

.sm-login {
  display: flex;
  min-height: 100vh;
  position: relative;
}
.sm-login::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--Gradient-Aura, linear-gradient(179deg, #b9c2ff 31.25%, #8e86ea 59.07%, #3a388f 93.39%, #252f3d 115.04%));
  opacity: 0.7;
  z-index: 2;
  mix-blend-mode: multiply;
}
.sm-login__banner {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.sm-login__banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.sm-login__banner-content {
  color: var(--surface-0);
  z-index: 4;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .sm-login__banner-content {
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    padding: 22px;
    margin-block: 88px;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__banner-content {
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    padding: 22px;
    margin-block: 88px;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login__banner-content {
    text-align: left;
    padding: 0px;
    margin-block: unset;
    margin-bottom: 220px;
    margin-left: 96px;
  }
}
.sm-login__banner-title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .sm-login__banner-title {
    font-size: 2rem;
    line-height: 2.25rem;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__banner-title {
    font-size: 3rem;
    line-height: 3.25rem;
  }
}
.sm-login__banner-description {
  margin-bottom: 0;
  width: 66.194%;
}
@media only screen and (max-width: 767px) {
  .sm-login__banner-description {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__banner-description {
    font-size: 1.25rem;
    line-height: 1.875rem;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login__banner-description {
    width: 66.194%;
  }
}
@media only screen and (max-width: 767px) {
  .sm-login__banner {
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__banner {
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login__banner {
    flex: 1;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
.sm-login__form {
  background-color: var(--background-container-secondary, #f6f8fc);
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.sm-login__form-error {
  color: var(--red-200);
  text-align: center;
}
.sm-login__form-container {
  width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  .sm-login__form-container {
    max-width: 100%;
  }
}
.sm-login__form-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  z-index: 4;
}
.sm-login__form-title {
  color: var(--blue60-color, #3751ff);
  margin-bottom: 0;
}
.sm-login__form-subtitle {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  display: none;
}
.sm-login__form-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.sm-login__form-content section.portlet {
  margin: 0;
  padding: 0;
}
.sm-login__form-content .portlet-content,
.sm-login__form-content .panel-body {
  padding: 0;
}
.sm-login__form-content .control-label {
  color: var(--surface-0);
}
.sm-login__form-content .form-group {
  margin-bottom: 24px;
}
.sm-login__form-content .show-password-icon {
  position: absolute;
  top: 38px;
  right: 7px;
}
.sm-login__form-content .show-password-icon:before {
  font-size: 22px;
}
.sm-login__form-content input {
  border-radius: 2px;
  padding: 10px 12px;
}
.sm-login__form-content button {
  width: 100%;
  padding: 5px;
  max-height: 32px;
  z-index: 4;
}
.sm-login__form-content button:hover {
  text-decoration: none;
  background: var(--turquoise60-color);
  border-color: var(--turquoise60-color);
}
.sm-login__form-content .navigation,
.sm-login__form-content .input-checkbox-wrapper {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sm-login__form {
    flex: 1;
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__form {
    flex: 1;
    padding: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login__form {
    flex: 0 0 514px;
    padding-inline: 68px;
    padding-top: 30vh;
  }
}
.sm-login__bg-image {
  position: absolute;
  z-index: 1;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .sm-login__bg-image--bottom {
    right: 24px;
    bottom: 16px;
    width: 124px;
    height: 132px;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__bg-image--bottom {
    right: 24px;
    bottom: 16px;
    width: 274px;
    height: 232px;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login__bg-image--bottom {
    left: 224px;
    bottom: 76px;
    right: auto;
    width: 274px;
    height: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .sm-login__bg-image--top {
    left: 24px;
    top: 16px;
    width: 124px;
    height: 132px;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login__bg-image--top {
    left: 48px;
    top: 16px;
    width: 224px;
    height: 232px;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login__bg-image--top {
    left: 291px;
    top: 24px;
    right: auto;
    width: 224px;
    height: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .sm-login {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .sm-login {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .sm-login {
    flex-direction: row;
  }
}
.sm-login .panel-body {
  padding: 0px;
}
.sm-login .portlet-decorate .portlet-content {
  padding: 0px;
}
.sm-login #show-password-icon {
  position: absolute;
  right: 9px;
  top: 43px;
}
.sm-login .list-unstyled {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--blue60-color, #3751ff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.loader {
  color: #3751ff;
  font-size: 10px;
  margin: 60px auto 70px;
  position: relative;
  text-indent: 0px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before, .loader:after {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader span {
  text-align: center;
  margin: 0px;
  position: relative;
  left: -45px;
  top: -35px;
  color: #27364b;
  font: 400 25px/1.3 IsidoraRg;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.modals {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.modals .modal-bodys {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.modals .modal-bodys .content {
  margin: 0 auto;
  display: table;
  width: 90%;
  max-width: 600px;
  border-radius: 6px;
  background: #fff;
  padding: 30px;
  position: relative;
}
.modals .modal-bodys .content > .close-action {
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px;
  font-size: 25px;
  color: #cbd4e1;
  cursor: pointer;
}
.modals .modal-bodys .content > .close-action:hover {
  color: #3751ff;
}
.modals .modal-bodys .content > .close-action.styles-2 {
  right: 15px;
  top: 15px;
  color: #3751ff;
  font-family: IsidoraLt;
  border-radius: 100%;
  background: #EBEEFF;
  padding: 10px;
  opacity: 1;
}
.modals .modal-bodys .content > .close-action.styles-2:hover {
  color: #3751ff;
}
.modals .modal-bodys .content > .close-action-2 {
  right: 20px;
  top: 15px;
  color: #3751FF;
  font-family: IsidoraLt;
  border-radius: 100%;
  background: #EBEEFF;
  padding: 0px 3px 0px 11px;
  opacity: 1;
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  font-size: 28px;
  cursor: pointer;
  z-index: 999;
}
.modals .modal-bodys .content > .close-action-2:hover {
  color: #3751ff;
  text-decoration: none;
}
.modals .modal-bodys .content .message {
  text-align: center;
  margin: 0;
  padding: 20px 0px 10px;
  color: #27364b;
  font-family: IsidoraBd;
}
.modals .modal-bodys .content .general-message-icon {
  display: table;
  margin: 10px auto;
  font-size: 30px;
  color: #3751ff;
}
.modals .modal-bodys .content .tag-icon-delete {
  font-size: 50px;
  color: #d83232;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modals .modal-bodys .content .tag-icon-error {
  color: #d83232;
  font-size: 55px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modals .modal-bodys .content .tag-icon-alert {
  color: #cf4920;
  font-size: 55px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modals .modal-bodys .content .tag-icon-succesful {
  color: #3751ff;
  font-size: 55px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.content {
  margin: 0 auto;
  display: table;
  width: 90%;
  max-width: 600px;
  border-radius: 6px;
  background: #fff;
  padding: 30px;
  position: relative;
}
.content > .close-action {
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px;
  font-size: 25px;
  color: #cbd4e1;
  cursor: pointer;
}
.content > .close-action:hover {
  color: #3751ff;
}
.content > .close-action.styles-2 {
  right: 15px;
  top: 15px;
  color: #3751ff;
  font-family: IsidoraLt;
  border-radius: 100%;
  background: #EBEEFF;
  padding: 10px;
  opacity: 1;
}
.content > .close-action.styles-2:hover {
  color: #3751ff;
}
.content > .close-action-2 {
  right: 20px;
  top: 15px;
  color: #3751FF;
  font-family: IsidoraLt;
  border-radius: 100%;
  background: #EBEEFF;
  padding: 0px 3px 0px 11px;
  opacity: 1;
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  font-size: 28px;
  cursor: pointer;
  z-index: 999;
}
.content > .close-action-2:hover {
  color: #3751ff;
  text-decoration: none;
}
.content .message {
  text-align: center;
  margin: 0;
  padding: 20px 0px 10px;
  color: #27364b;
  font-family: IsidoraBd;
}
.content .general-message-icon {
  display: table;
  margin: 10px auto;
  font-size: 30px;
  color: #3751ff;
}
.content .tag-icon-delete {
  font-size: 50px;
  color: #d83232;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.content .tag-icon-error {
  color: #d83232;
  font-size: 55px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.content .tag-icon-alert {
  color: #cf4920;
  font-size: 55px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.content .tag-icon-succesful {
  color: #3751ff;
  font-size: 55px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

#general-loader .content {
  background: none;
  border: none;
  max-inline-size: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#general-loader .vessel {
  --uib-size: 65px;
  --uib-color: #FFF;
  --uib-speed: 1.75s;
  display: flex;
  align-items: flex-end;
  padding-bottom: 20%;
  justify-content: space-between;
  width: var(--uib-size);
  height: calc(var(--uib-size) * 0.6);
}
#general-loader .cube {
  flex-shrink: 0;
  width: calc(var(--uib-size) * 0.2);
  height: calc(var(--uib-size) * 0.2);
  animation: jump var(--uib-speed) ease-in-out infinite;
}
#general-loader .cube__inner {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 25%;
  background-color: var(--uib-color);
  transform-origin: center bottom;
  animation: morph var(--uib-speed) ease-in-out infinite;
  transition: background-color 0.3s ease;
}
#general-loader .cube:nth-child(2) {
  animation-delay: calc(var(--uib-speed) * -0.36);
}
#general-loader .cube:nth-child(2) .cube__inner {
  animation-delay: calc(var(--uib-speed) * -0.36);
}
#general-loader .cube:nth-child(3) {
  animation-delay: calc(var(--uib-speed) * -0.2);
}
#general-loader .cube:nth-child(3) .cube__inner {
  animation-delay: calc(var(--uib-speed) * -0.2);
}

@keyframes jump {
  0% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-200%);
    animation-timing-function: ease-in;
  }
  75% {
    transform: translateY(0px);
    animation-timing-function: ease-in;
  }
}
@keyframes morph {
  0% {
    transform: scaleY(1);
  }
  10% {
    transform: scaleY(1);
  }
  20%, 25% {
    transform: scaleY(0.6) scaleX(1.3);
    animation-timing-function: ease-in-out;
  }
  30% {
    transform: scaleY(1.15) scaleX(0.9);
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: scaleY(1);
  }
  70%, 85%, 100% {
    transform: scaleY(1);
  }
  75% {
    transform: scaleY(0.8) scaleX(1.2);
  }
}
.header-content {
  border-radius: 8px;
  background: var(--Neutral-20, #f1f4f9);
  padding: 35px 38px 48px;
}

.box-data-customer {
  position: sticky;
  background-color: #fff;
  z-index: 4;
  padding: 0px;
  margin: 0px;
}
.box-data-customer__image {
  max-width: 180px;
  display: table;
  margin: 0 auto 25px;
}
.box-data-customer__item {
  list-style: none;
}
.box-data-customer__item--link {
  margin-top: 45px;
}
.box-data-customer__list {
  background-color: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  padding: 20px 30px !important;
  flex-direction: column;
  margin-bottom: 7px;
  margin-top: 5px;
  border: 1px solid var(--border-one, #cbd4e1);
  border-radius: 6px;
}

.box-data-customer::before {
  background-color: var(--indigo-10, #edecff);
  height: 99%;
  content: "";
  width: 99%;
  position: absolute;
  z-index: -6;
  left: -17px;
  top: -15px;
  border-radius: 6px;
}

.bg-portal-sac {
  background: url(/documents/d/guest/bg-sac-search);
  background-position: center;
  background-size: cover;
  padding: 10% 5%;
}

.box-profile-detail__customer--border {
  border-left: 1px solid var(--border-one, #cbd4e1);
}

.rating-box #ratingScore {
  color: var(--blue60-color, #3751ff);
  text-align: center;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 58px;
}
.rating-box__title {
  color: var(--success40-color, #576615);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.rating-box .class-rating-icon {
  color: var(--border-one, #cbd4e1);
  font-size: 18px;
  padding: 0 1px 0 0;
}
.rating-box .class-rating-icon.rating-active {
  color: #3751ff;
}
.rating-box .secondary-button {
  display: flex;
  width: 140px;
  height: 40px;
  padding: 8px 15px 8px 15px;
  justify-content: center;
  align-items: center;
}

.contact-info-modal__description {
  color: #27364b;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  font-family: IsidoraRg;
  font-weight: 600;
}
.contact-info-modal .dynamic-form__container-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
}
.contact-info-modal .dynamic-form__btn-primary,
.contact-info-modal .dynamic-form__btn-secondary,
.contact-info-modal .primary-button,
.contact-info-modal .secondary-button {
  width: auto;
  min-width: 140px;
  height: 40px;
  padding: 8px 16px;
}
.contact-info-modal .dynamic-form__btn-secondary,
.contact-info-modal .secondary-button {
  margin-right: 8px;
}

.accidents-box {
  width: 100%;
}
.accidents-box__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.accidents-box .secondary-button {
  display: flex;
  padding: 10px 19px 10px 19px;
  justify-content: center;
  align-items: center;
}
.accidents-box .p-datatable .p-datatable-thead > tr > th {
  background: var(--cyan10-color, #eafaff);
}
.accidents-box .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.accidents-box .p-component {
  font-size: 0.85rem;
}
.accidents-box .p-datatable-wrapper {
  box-shadow: none;
}
.accidents-box .p-datatable {
  box-shadow: none;
}

.product-customer .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.product-customer .p-datatable-wrapper {
  box-shadow: none;
}
.product-customer .p-datatable {
  box-shadow: none;
}

.general-activities-box__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.general-activities-box .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.general-activities-box .p-datatable .p-datatable-thead > tr > th {
  background: #ebeeff;
}
.general-activities-box .p-datatable-wrapper {
  box-shadow: none;
}
.general-activities-box .p-datatable {
  box-shadow: none;
}

.general-cancellations-box__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.general-cancellations-box .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.general-cancellations-box .p-datatable .p-datatable-thead > tr > th {
  background: #f6f8fc;
}
.general-cancellations-box .p-datatable-wrapper {
  box-shadow: none;
}
.general-cancellations-box .p-datatable {
  box-shadow: none;
}
.general-cancellations-box .secondary-button {
  display: flex;
  padding: 10px 19px 10px 19px;
  justify-content: center;
  align-items: center;
}

.pqrs-box__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.pqrs-box .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.pqrs-box .p-datatable .p-datatable-thead > tr > th {
  background: #f6f8fc;
}
.pqrs-box .p-datatable-wrapper {
  box-shadow: none;
}
.pqrs-box .p-datatable {
  box-shadow: none;
}
.pqrs-box .secondary-button {
  display: flex;
  padding: 10px 19px 10px 19px;
  justify-content: center;
  align-items: center;
}

.group-data-list-profile-customer .className-rating-icon {
  color: #f2f2f2;
}
.group-data-list-profile-customer .className-rating-icon.rating-active {
  color: #3751ff;
}
.group-data-list-profile-customer .small-icon-size {
  margin-right: 12px;
}

.product-detail-container .p-datatable-wrapper {
  box-shadow: none;
}
.product-detail-container .p-datatable {
  box-shadow: none;
}
.product-detail-container .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.product-detail-container .p-datatable .p-datatable-thead > tr > th {
  background: #f1f4f9;
}
.product-detail-container .link-button {
  color: #3751ff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  background-color: transparent;
  border: none;
  text-decoration: underline;
}
.product-detail-container .link-button:focus {
  outline: none !important;
}

.sac-welcome {
  border-radius: 8px;
  background: #f1f4f9;
  padding: 45px 21px 38px 48px;
  width: 100%;
}
.sac-welcome__subtitle {
  color: #27364b;
  font-size: 24px;
  line-height: 36px;
  font-family: IsidoraRg;
}

.custom-assistances-dialog.p-dialog .p-dialog-header,
.custom-ecosystems-dialog.p-dialog .p-dialog-header,
.custom-coverages-dialog.p-dialog .p-dialog-header {
  background: #f6f8fc;
  position: absolute;
  width: 100%;
  padding: 20px;
  margin: -84px 0px 0px 0px;
  height: 80%;
}

.custom-assistances-dialog .icon-policy,
.custom-ecosystems-dialog .icon-policy,
.custom-coverages-dialog .icon-policy {
  display: flex;
  font-size: 80px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.sac-product-detail-header {
  border-radius: 8px;
  background: #f1f4f9;
  padding: 48px;
  width: 100%;
  margin-bottom: 24px;
}

.sac-product-detail-card {
  border-radius: 8px;
  border: 1.5px solid #750707;
  background: #fff;
}
.sac-product-detail-card__policy-status {
  background: #fff7f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px;
  position: relative;
  border-bottom: 1.5px solid #750707;
}
.sac-product-detail-card__policy-status-title {
  color: #750707;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.sac-product-detail-card__policy-status-title:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDIxQzE2LjUyMjggMjEgMjEgMTYuNTIyOCAyMSAxMUMyMSA1LjQ3NzE1IDE2LjUyMjggMSAxMSAxQzUuNDc3MTUgMSAxIDUuNDc3MTUgMSAxMUMxIDE2LjUyMjggNS40NzcxNSAyMSAxMSAyMVoiIHN0cm9rZT0iIzc1MDcwNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCA4TDggMTQiIHN0cm9rZT0iIzc1MDcwNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04IDhMMTQgMTQiIHN0cm9rZT0iIzc1MDcwNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  display: block;
  margin-right: 8px;
  margin-top: 4px;
}
.sac-product-detail-card__policy-status-reason {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sac-product-detail-card__policy-status-reason-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  row-gap: 12px;
  align-items: start;
}
.sac-product-detail-card__policy-status-reason-column {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 24px;
  row-gap: 12px;
  align-items: start;
}
.sac-product-detail-card__policy-status-reason-pair {
  display: contents;
}
.sac-product-detail-card__policy-status-reason-label {
  font-family: IsidoraBd;
  font-size: 16px;
  line-height: 24px;
  color: #27364b;
}
.sac-product-detail-card__policy-status-reason-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #27364b;
}
.sac-product-detail-card__policy-status .link-more-options {
  position: absolute;
  right: 0;
  top: 0;
  margin: 20px 30px;
}
.sac-product-detail-card__product-info {
  padding: 24px;
}
.sac-product-detail-card__product-info-title {
  color: #750707;
  font-family: IsidoraBd;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.sac-product-detail-card__product-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  row-gap: 16px;
  align-items: start;
  padding: 24px;
}
.sac-product-detail-card__product-info-column {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 24px;
  row-gap: 16px;
  align-items: start;
}
.sac-product-detail-card__product-info-pair {
  display: contents;
}
.sac-product-detail-card__product-info-label {
  font-family: IsidoraBd;
  font-size: 16px;
  line-height: 24px;
  color: #27364b;
  white-space: nowrap;
}
.sac-product-detail-card__product-info-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #27364b;
}
.sac-product-detail-card__product-info .link-button {
  color: #3751ff;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  background-color: transparent;
  border: none;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}
.sac-product-detail-card__product-info .link-button:focus {
  outline: none !important;
}
.sac-product-detail-card__product-info-link {
  color: #3751ff;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  background-color: transparent;
  border: none;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}
.sac-product-detail-card__product-info-link:focus {
  outline: none !important;
}
.sac-product-detail-card--active {
  border-color: #486300;
}
.sac-product-detail-card--active .sac-product-detail-card__policy-status {
  background: #fdfff8;
  border-bottom: 1.5px solid #97b544;
}
.sac-product-detail-card--active .sac-product-detail-card__policy-status-title {
  color: #638404;
  font-size: 24px;
  font-style: normal;
  font-family: IsidoraBd;
  line-height: 36px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.sac-product-detail-card--active .sac-product-detail-card__policy-status-title:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDIxQzE2LjUyMjggMjEgMjEgMTYuNTIyOCAyMSAxMUMyMSA1LjQ3NzE1IDE2LjUyMjggMSAxMSAxQzUuNDc3MTUgMSAxIDUuNDc3MTUgMSAxMUMxIDE2LjUyMjggNS40NzcxNSAyMSAxMSAyMVoiIHN0cm9rZT0iIzU4QzY0NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi41IDExTDkuNSAxNEwxNS41IDgiIHN0cm9rZT0iIzU4QzY0NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  display: block;
  margin-right: 8px;
  margin-top: 4px;
}
.sac-product-detail-card--active .sac-product-detail-card__product-info-title {
  color: #0c0e45;
  font-size: 24px;
  font-style: normal;
  font-family: IsidoraBd;
  line-height: 36px;
  margin-bottom: 0;
}

.collections-history-modal {
  padding: 4px 0 0 0;
}
.collections-history-modal__alert {
  border-radius: 8px;
  background: var(--pink10-color, #fff1f1);
  border: 1px solid transparent;
  margin-bottom: 16px;
  display: flex;
  padding: 12px 8px 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.collections-history-modal__alert-title {
  color: #d83232;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 6px;
}
.collections-history-modal__alert-desc {
  color: #27364b;
  font-size: 14px;
  line-height: 20px;
}
.collections-history-modal__table .p-datatable-wrapper {
  box-shadow: none;
}
.collections-history-modal__table .p-datatable {
  box-shadow: none;
}
.collections-history-modal__table .p-datatable .p-datatable-thead > tr > th {
  background: #f1f4f9;
}
.collections-history-modal__table .p-datatable-table .p-column-title {
  color: #475569;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 18px;
}

.card-coverage {
  border-radius: 4px;
  background: var(--neutral10-color, #f6f8fc);
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: start;
  gap: 24px;
}
.card-coverage-header {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.card-coverage-header-icon {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 4px 6px 6px 4px;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  color: var(--blue60-color);
}
.card-coverage-header-title {
  color: var(--neutral80-color, #27364b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.card-coverage-body-text {
  color: var(--neutral90-color, #27364b);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.card-coverage-body-title {
  padding-top: 8px;
  margin-bottom: 8px;
  color: var(--neutral90-color, #27364b);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.card-discount-header-title {
  color: var(--neutral80-color, #27364b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

/* Nuevo contenedor para centrar la imagen */
.portal-sac-container {
  display: flex;
  align-items: center; /* Centra la imagen verticalmente */
  justify-content: center; /* Centra la imagen horizontalmente */
  height: 100%; /* Opcional: asegura que ocupe toda la altura disponible */
  padding: 0; /* Añade un poco de aire alrededor */
}

/* Estilos para la imagen dentro del nuevo contenedor */
.portal-sac-container img {
  max-width: 100%; /* La imagen nunca será más ancha que su contenedor */
  height: auto; /* Mantiene la proporción correcta de la imagen */
  object-fit: contain; /* Asegura que la imagen se vea completa */
}

.container-sac {
  margin-top: 100px;
}

.subtitle-sac-form-consultation {
  margin-bottom: 50px;
}

.bh-main__menu-container {
  max-width: 820px;
  margin: 12px auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.bh-main__menu-options {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bh-main__menu-options i {
  font-size: 21px;
  color: var(--blue60-color);
}
@media only screen and (max-width: 767px) {
  .bh-main__menu-options {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__menu-options {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__menu-options {
    width: 820px;
  }
}
.bh-main__menu-options--big-icons i {
  font-size: 26px;
}
.bh-main__menu-options--big-icons .icon-service-profile {
  font-weight: 600;
}
.bh-main__menu-button {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--surface-0);
  border-radius: 8px;
  border: 1px solid #cbd4e1;
  padding: 24px 32px;
  min-height: 80px;
}
@media only screen and (max-width: 767px) {
  .bh-main__menu-button {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__menu-button {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__menu-button {
    flex-direction: row;
  }
}
.bh-main__menu-button--active {
  border-color: var(--blue60-color);
}
@media only screen and (max-width: 767px) {
  .bh-main__menu-content {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__menu-content {
    text-align: start;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__menu-content {
    text-align: start;
  }
}
.bh-main__menu-title {
  margin-bottom: 0;
  margin-top: 3px;
}
@media only screen and (max-width: 767px) {
  .bh-main__menu-title {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__menu-title {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__menu-title {
    font-size: 1.125rem;
  }
}
.bh-main__menu-title--bold {
  font-family: IsidoraBd;
}
.bh-main__menu-description {
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .bh-main__menu-description {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__menu-description {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__menu-description {
    font-size: 1.125rem;
  }
}

.bh-home__cards {
  display: flex;
  gap: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .bh-home__cards {
    flex-direction: column;
    gap: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .bh-home__cards {
    flex-direction: column;
    gap: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .bh-home__cards {
    flex-direction: row;
    gap: 24px;
  }
}
.bh-home__card {
  display: flex;
  flex-direction: column;
  align-items: start;
  border: 1px solid #cbd4e1;
  gap: 24px;
  border-radius: 8px;
  background-color: var(--surface-0);
  padding: 24px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  width: 100%;
  text-align: left;
}
.bh-home__card:hover {
  transform: translateY(-2px);
}
.bh-home__card i {
  font-size: 24px;
  color: var(--blue60-color);
}
.bh-home__card .icon-production,
.bh-home__card .icon-claim-process {
  font-weight: 600;
}
.bh-home__card-title {
  margin-bottom: 0;
}
.bh-home__card-description {
  margin-bottom: 1px;
}

.bh-opinion__menu-container {
  display: flex;
  flex-direction: column;
  min-height: 444px;
  gap: 32px;
  padding: 40px;
  margin: 0;
}
.bh-opinion__menu-options {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
}
.bh-opinion__menu-options i {
  font-size: 24px;
  color: var(--blue60-color);
  font-weight: 600;
}
.bh-opinion__menu-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #F6F8FC;
  border-radius: 8px;
  border: 1px solid #F6F8FC;
  min-height: 200px;
  min-width: 200px;
  padding: 0;
}
.bh-opinion__menu-title {
  font-family: IsidoraBd;
  margin-bottom: 0;
  margin-top: 3px;
}

.bh-main__otp-container {
  max-width: 666px;
  margin: 0 auto 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  text-align: center;
}
.bh-main__otp-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.bh-main__otp-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bh-main__otp-content .p-inputotp {
  justify-content: center;
}
.bh-main__otp-content .p-inputotp .p-inputotp-input {
  width: 72px;
  height: 72px;
  font-family: IsidoraBd;
}
@media only screen and (max-width: 767px) {
  .bh-main__otp-content .p-inputotp .p-inputotp-input {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__otp-content .p-inputotp .p-inputotp-input {
    width: 72px;
    height: 72px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__otp-content .p-inputotp .p-inputotp-input {
    width: 72px;
    height: 72px;
    font-size: 1.5rem;
  }
}
.bh-main__otp-content p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: IsidoraBd;
  margin-bottom: 0;
}
.bh-main__otp-links {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .bh-main__otp-links {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .bh-main__otp-links {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .bh-main__otp-links {
    flex-direction: row;
  }
}
.bh-main__otp-link {
  width: fit-content;
  line-height: 1;
  color: #475569;
  border: none;
  border-bottom: 1px solid #475569;
  padding: 0;
  padding-bottom: 1px;
  background-color: var(--surface-0);
  cursor: pointer;
}
.bh-main__otp-link--primary {
  color: var(--blue60-color);
  border-bottom: 1px solid var(--blue60-color);
}

.bh-main__closing-container {
  max-width: 619px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
}
.bh-main__closing-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bh-main__closing-header {
  text-align: left;
  margin-bottom: 0;
}
.bh-main__closing-content {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding-block: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.bh-main__closing-content-circle {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #41add1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bh-main__closing-content-circle span {
  font-size: 1rem;
  font-family: IsidoraBd;
}
.bh-main__closing-content-text {
  flex: 1;
}
.bh-main__closing-content-text p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #27364b;
}

.bh-cards-beneficiaries {
  display: flex;
  gap: 32px;
}
.bh-cards-beneficiaries__preview, .bh-cards-beneficiaries__details {
  width: 100%;
}
.bh-cards-beneficiaries__preview {
  width: calc(100% - 62px);
  max-width: 592px;
}
.bh-cards-beneficiaries__preview .p-dataview-content {
  background: transparent;
}
.bh-cards-beneficiaries__preview .bh-cards-preview {
  width: 100%;
}

.bh-card-preview {
  background: #fff;
  border-radius: 10px;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 24px;
  transition: border 0.2s;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.bh-card-preview--active {
  outline: 1px solid #815afd;
  outline-offset: 0px;
}
.bh-card-preview:focus {
  outline: 1px solid #815afd;
  outline-offset: 0px;
}
.bh-card-preview__container {
  display: flex;
  height: 100%;
  padding: 24px;
  gap: 24px;
  align-items: center;
  width: 100%;
}
.bh-card-preview__avatar-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.bh-card-preview__avatar {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  object-fit: cover;
}
.bh-card-preview__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.bh-card-preview__content .p-tag {
  justify-content: start;
  padding: 0;
}
.bh-card-preview__content .p-tag span {
  height: 23.5px;
}
.bh-card-preview__header {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 16px;
  margin-top: 8px;
}
.bh-card-preview__title {
  font-family: IsidoraBd;
  margin: 0;
}
.bh-card-preview__info {
  display: flex;
  gap: 28px;
}
.bh-card-preview__info-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  line-height: 24px;
}
.bh-card-preview__info-label {
  font-family: IsidoraBd;
  color: #475569;
  opacity: 0.9;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0;
}
.bh-card-preview__info-value {
  font-family: IsidoraRg;
  color: #475569;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: 16px;
}
.bh-card-preview__dropdown-panel .p-dropdown-item {
  display: flex;
  justify-content: center;
  padding: 5px 0px;
  font-size: 12px;
}
.bh-card-preview__dropdown-panel .p-dropdown-item:focus {
  outline: none;
}
.bh-card-preview__dropdown-panel .p-dropdown-items {
  padding: 0;
}
.bh-card-preview .filter-input {
  width: 100%;
}
.bh-card-preview__paginator {
  background: transparent;
  margin-top: 0px;
  margin-bottom: 24px;
}
.bh-card-preview__paginator .paginator-report,
.bh-card-preview__paginator .p-dropdown-label,
.bh-card-preview__paginator .paginator-label {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.bh-card-preview__paginator .paginator-report {
  margin-right: 19px;
  margin-left: 10px;
}
.bh-card-preview__paginator .p-dropdown-trigger {
  justify-content: start;
  padding-left: 8px;
}
.bh-card-preview__paginator .p-icon {
  color: #3751ff;
}
.bh-card-preview__paginator .p-dropdown {
  border: none;
}
.bh-card-preview__dropdown {
  align-items: center;
  margin-left: 10px;
  background-color: transparent;
}
.bh-card-preview__dropdown:not(.p-disabled).p-focus {
  box-shadow: none;
}
.bh-card-preview__dropdown .pi-sort-down-fill,
.bh-card-preview__dropdown .pi-sort-up-fill {
  color: #3751ff;
  font-size: 10px;
}

.bh-card-details {
  background: #fff;
  border-radius: 10px;
  padding: 0;
  text-align: left;
}
.bh-card-details__container {
  display: flex;
  flex-direction: column;
  padding: 40px;
  text-align: left;
}
.bh-card-details__avatar {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  object-fit: cover;
}
.bh-card-details__header {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.bh-card-details__title {
  font-family: IsidoraBd;
  margin: 0;
}
.bh-card-details__sub-title {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  padding-top: 8px;
  padding-bottom: 7px;
  line-height: 1.5rem;
  border-bottom: 1px inset #e2e2e2;
}
.bh-card-details__content {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  gap: 32px;
}
.bh-card-details__section-title {
  color: #475569;
  margin-bottom: 4px;
}
.bh-card-details__section-title--exams {
  color: #475569;
  font-family: IsidoraBd;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 4px;
}
.bh-card-details__section-list {
  list-style-position: inside;
  color: #475569;
  line-height: 24px;
}
.bh-card-details__section-list li {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.bh-card-details__section-list li:last-child {
  margin-bottom: 0;
}
.bh-card-details__section-list li::before {
  content: "•";
  color: #475569;
  margin-right: 8px;
  flex-shrink: 0;
  font-size: 1.4em;
}
.bh-card-details__info-label {
  font-family: IsidoraBd;
  color: #475569;
  opacity: 0.9;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 4px;
}
.bh-card-details__info-label:last-child {
  margin-bottom: 0;
}
.bh-card-details__info-label--head {
  margin-bottom: 0px;
}
.bh-card-details__info-value {
  font-family: IsidoraRg;
  color: #475569;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: 8px;
}

.editable-card__item, .bh-assignments__search, .bh-beneficiaries-list__item, .bh-cancel-appointment__form-wrapper--centered, .bh-main__form-container, .bh-opinion__menu-container {
  background-color: var(--surface-0);
  border-radius: 8px;
  box-shadow: 0px 1px 1px 0px rgba(9, 30, 66, 0.25), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
}

.editable-card__item {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-around;
  padding: 32px 24px;
}
@media only screen and (max-width: 767px) {
  .editable-card__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .editable-card__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .editable-card__item {
    grid-template-columns: repeat(6, 1fr);
  }
}
.editable-card__item-actions {
  display: flex;
  gap: 16px;
  justify-content: end;
}
.editable-card__item-button {
  background-color: var(--surface-0);
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
}
.editable-card__item-button i {
  font-size: 18px;
  color: var(--blue60-color);
}

.self-management-component {
  position: relative;
  width: 80vw;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 500px) {
  .self-management-component {
    max-width: 90vw;
  }
  .self-management-component .editable-card__item {
    display: flex;
    gap: 2px;
    align-items: self-start;
    justify-content: center;
    padding: 32px 24px;
    flex-direction: column;
  }
  .self-management-component .p-card {
    box-shadow: none;
    margin: 0px;
  }
  .self-management-component .button-group {
    flex-direction: column;
    gap: 24px;
  }
  .self-management-component .secondary-button {
    width: 100%;
  }
  .self-management-component .primary-button {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .self-management-component {
    max-width: 80vw;
  }
}
@media only screen and (min-width: 992px) {
  .self-management-component {
    max-width: 930px;
  }
}
.self-management-component .p-tabview-nav-link {
  display: flex;
  width: 100%;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border-default, #e2e8f0);
  background: var(--white, #fff);
  color: var(--neutral40-color, #64748b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.self-management-component .p-tabview-selected.p-highlight .p-tabview-nav-link {
  font-family: var(--BdFont);
  border-radius: 8px;
  background: var(--blue60-color, #3751ff);
  color: var(--white, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border: none;
}
.self-management-component .p-tabview-selected.p-highlight {
  box-shadow: none;
  border-radius: 8px;
  background: transparent;
  border: none;
}
.self-management-component .p-unselectable-text {
  margin: 0px 7px;
}
.self-management-component .p-tabview .p-tabview-panels {
  padding-top: 0px;
}
.self-management-component .p-tabview-nav {
  margin: 24px 0px;
}
.self-management-component .greeting__img {
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 168px;
}

.container-self-management {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
}
.container-self-management__welcome {
  margin-bottom: 38px;
}
.container-self-management__title {
  color: var(--blue60-color, #3751ff);
  font-size: 32px;
  font-family: var(--BdFont);
  line-height: 40px;
}
.container-self-management__subtitle {
  color: var(--neutral80-color, #27364b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.container-self-management__container {
  border-radius: 8px;
  background: var(--blue10-color, #ebeeff);
  justify-content: start;
  width: 100%;
}
@media only screen and (max-width: 500px) {
  .container-self-management__container {
    padding: 24px 24px 0px;
  }
}
@media only screen and (min-width: 768px) {
  .container-self-management__container {
    padding: 51px 50px 31px;
  }
}

.content-home__title {
  width: 100%;
  color: var(--neutral80-color, #27364b);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  font-family: var(--BdFont);
}
@media only screen and (max-width: 500px) {
  .content-home__title {
    padding: 14px 22px;
  }
}
@media only screen and (min-width: 768px) {
  .content-home__title {
    padding: 18px 0px;
  }
}
.content-home__subtitle {
  display: flex;
  height: 19px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  color: var(--neutral90-color, #1e2a3b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  margin-bottom: 40px;
}
.content-home__card-image-inner {
  display: flex;
  width: 129px;
  height: 129px;
  padding: 3.202px 16.052px 3.171px 16.053px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.banner-carousel {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .banner-carousel {
    max-width: 100%;
  }
}
.banner-carousel__status {
  display: inline-flex;
  height: 25px;
  padding: 0 8px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--cyan60-color, #41add1);
  background: #fff;
  color: var(--cyan40-color, #41add1);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  position: absolute;
  right: 0;
  margin-top: 17px;
  margin-right: 22px;
}
.banner-carousel__title {
  color: var(--white, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 8px;
}
.banner-carousel__details {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: none;
  margin-top: 10px;
}
.banner-carousel__value-container {
  display: flex;
  margin-bottom: 24px;
}
.banner-carousel__value {
  color: var(--white, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-left: 6px;
}
.banner-carousel__image {
  width: 100%;
  height: 337px;
  margin: 0 auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.banner-carousel__card {
  width: 95%;
  position: relative;
  max-width: 335px;
  margin: 0 auto;
  min-height: 337px;
}
.banner-carousel__content {
  position: absolute;
  width: 80%;
  left: 20px;
  top: 130px;
}
.banner-carousel__value-label {
  color: var(--white, #fff);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.banner-carousel__entrance {
  color: var(--white, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.banner-carousel .p-carousel-indicator.p-highlight .p-link {
  width: 35px;
  height: 8px;
  border-radius: 40px;
}
.banner-carousel .p-carousel-indicator .p-link {
  width: 8px;
  border-radius: 10px;
}

.banner-carousel-detail {
  border-radius: 8px;
  background: linear-gradient(181deg, #b9c2ff -48.35%, #8e86ea 17.06%, #3a388f 97.79%, #252f3d 148.72%);
  mix-blend-mode: multiply;
  width: 100%;
  display: flex;
  padding: 27px 0 37px 59px;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}
.banner-carousel-detail__status {
  display: inline-flex;
  height: 25px;
  padding: 0 8px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--cyan60-color, #41add1);
  background: #fff;
  color: var(--cyan40-color, #41add1);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.banner-carousel-detail__entrance {
  color: var(--white, #fff);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  height: 16px;
}
.banner-carousel-detail__title {
  color: var(--white, #fff);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

.resume-content {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 8px;
  background: var(--white, #fff);
}
@media only screen and (max-width: 500px) {
  .resume-content {
    padding: 0px;
    gap: 0px;
  }
}
.resume-content__title {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  font-family: var(--BdFont);
}
.resume-content .card-coverage {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid rgba(151, 151, 151, 0.2);
  background: var(--primary-color-text, #fff);
  box-shadow: 0 1px 1px 0 rgba(60, 133, 127, 0.15);
  width: 96%;
  height: 97%;
}
.resume-content .card-coverage-body {
  min-height: 90px;
}
.resume-content .card-coverage-footer {
  display: flex;
  gap: 11px;
  border-top: 2px solid #e2e8f0;
  width: 100%;
  padding: 20px 1px 0px;
}
.resume-content .card-coverage-header {
  display: flex;
  align-items: start;
  gap: 24px;
  align-self: stretch;
  flex-direction: column;
}
.resume-content .card-coverage-header-title {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.resume-content .card-coverage-footer {
  display: flex;
  gap: 11px;
  border-top: 2px solid #e2e8f0;
  width: 100%;
  padding: 20px 1px 0px;
  color: var(--neutral90-color, #1e2a3b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  justify-content: space-between;
}
.resume-content .card-coverage-footer-text {
  font-family: var(--BdFont);
}

.header-page__title {
  color: var(--neutral90-color, #1e2a3b);
  font-family: var(--BdFont);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

.coverage-grid {
  display: grid;
  gap: 16px;
  width: 100%;
}
.coverage-grid--2 {
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .coverage-grid--2 {
    grid-template-columns: 1fr;
  }
}
.coverage-grid--3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .coverage-grid--3 {
    grid-template-columns: 1fr;
  }
}

.insurance-summary-card {
  border-radius: 8px;
  background: var(--neutral10-color, #f6f8fc);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
@media only screen and (max-width: 500px) {
  .insurance-summary-card {
    margin: 20px 0px;
  }
}
.insurance-summary-card__info {
  display: flex;
  padding: 44px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
@media only screen and (max-width: 500px) {
  .insurance-summary-card__info {
    padding: 10px 20px 10px 10px;
    width: 100%;
    margin-left: -15px;
  }
}
.insurance-summary-card__row {
  display: flex;
  padding: 8px 0;
  justify-content: space-between;
  align-items: baseline;
  gap: 4px;
  align-self: stretch;
}
.insurance-summary-card__row:first-child {
  border-bottom: 2px solid #e2e8f0;
}
.insurance-summary-card__row:nth-child(2) {
  border-bottom: 2px solid #e2e8f0;
}
.insurance-summary-card__image img {
  width: 175px;
  height: 175px;
}
@media only screen and (max-width: 500px) {
  .insurance-summary-card__image img {
    display: none;
  }
}
.insurance-summary-card__icon {
  display: flex;
  width: 29px;
  justify-content: center;
  align-items: center;
  float: left;
  padding-right: 4px;
  padding-top: 4px;
}

.content-home__cards {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding-left: 24px;
  max-height: 337px;
}
@media only screen and (max-width: 500px) {
  .content-home__cards {
    flex-direction: column;
    max-height: 100%;
    padding-left: 0px;
    width: 80vw;
  }
}
.content-home__card--benefits {
  background: var(--indigo-10, #edecff);
  margin-left: 4px;
}
.content-home__card--buy {
  background: var(--cyan10-color, #eafaff);
}
.content-home__card {
  display: block;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 27px 28px;
  width: 95%;
}
.content-home__card-title {
  color: var(--neutral90-color, #0f1a2a);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  font-family: var(--BdFont);
}
.content-home__card-image {
  height: 130px;
  margin-bottom: 24px;
}
.content-home__card-subtitle {
  margin-bottom: 22px;
}

.document-item {
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: var(--white, #fff);
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  margin: 16px 0px;
  padding: 16px;
}
.document-item .document-icon {
  font-size: 28px;
  color: var(--blue60-color);
}

.documents-tab__title {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.documents-tab__container {
  padding: 16px;
  border-radius: 8px;
  background: var(--white, #fff);
}
.documents-tab .link-more-options {
  right: 30px;
  position: absolute;
}

.cancel-tab .p-accordion .p-accordion-header-text {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.cancel-tab .p-icon.p-accordion-toggle-icon {
  position: absolute;
  right: 20px;
}
.cancel-tab .cause-list .p-listbox {
  background: #ffffff;
  color: #4b5563;
  border: 1px solid transparent;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  outline-color: transparent;
}
.cancel-tab .cause-list .p-listbox-item {
  border-radius: 8px;
  border: 1px solid var(--border-default, #e2e8f0);
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 24px;
  margin: 16px 0px;
}
.cancel-tab .cause-list .list-item-cause {
  width: 100%;
}
.cancel-tab .cause-list .icon-arrow-right {
  position: absolute;
  right: 19px;
  top: 19px;
}

.upgrade-header__title {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

.upgrade-plan-card {
  display: flex;
  padding: 24px 56px;
  justify-content: center;
  align-items: center;
  gap: 56px;
  border-radius: 8px;
  background: var(--turquoise10-color, #ecfaf9);
  margin: 24px 0px;
}
.upgrade-plan-card__left {
  display: flex;
  flex-direction: row;
}
.upgrade-plan-card__cta {
  display: flex;
  padding: 9px 32px 9px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #03a6a6;
  border: none;
  color: var(--white, #fff);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.upgrade-plan-card__discount {
  display: flex;
  height: 25px;
  padding: 8px 14px 9px 12px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: #8219d4;
  width: 155px;
  color: var(--white, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.upgrade-plan-card__title {
  color: #5a5d5e;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin: 10px;
}
.upgrade-plan-card__icon {
  width: 80px;
  height: 80px;
  display: inline;
  align-content: center;
  font-size: 40px;
  background-color: #b1ece6;
  border-radius: 100%;
  text-align: center;
  margin: 20px 30px 20px 1px;
}

.current-benefits__title {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.current-benefits__carousel {
  margin-top: 24px;
}
.current-benefits__container {
  border-radius: 8px;
  background: var(--blue10-color, #ebeeff);
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.current-benefits__card {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: var(--white, #fff);
  box-shadow: none;
  margin: 0px 12px;
  max-height: 195px;
}
@media only screen and (max-width: 500px) {
  .current-benefits__card {
    min-height: 330px;
    align-items: baseline;
  }
}
.current-benefits__card-content {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 500px) {
  .current-benefits__card-content {
    flex-direction: column;
  }
}
.current-benefits__image {
  width: 155px;
  height: 179px;
  margin-right: 10px;
}
@media only screen and (max-width: 500px) {
  .current-benefits__image {
    width: 100%;
    height: 130px;
    margin-right: 10px;
    object-fit: cover;
    border-radius: 8px;
  }
}
.current-benefits__card-title {
  color: var(--neutral90-color, #27364b);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
@media only screen and (max-width: 500px) {
  .current-benefits__card-title .primary-button {
    font-size: 18px;
    line-height: 28px;
  }
}
.current-benefits__button {
  color: var(--blue60-color, #3751ff);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border: none;
  padding: 0px;
  background: none;
}

.current-benefits__carousel .p-card-body {
  padding: 0px;
}
.current-benefits__carousel .p-card-content {
  padding: 0px;
}

.custom-experiences__container {
  padding: 32px 24px;
  text-align: center;
  border-radius: 8px;
  background: var(--turquoise10-color, #ecfaf9);
  margin-top: 40px;
}
@media only screen and (max-width: 500px) {
  .custom-experiences__container .primary-button {
    padding: 10px 5px;
  }
}
.custom-experiences__title {
  color: var(--neutral90-color, #1e2a3b);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  font-family: var(--BdFont);
}
.custom-experiences__row {
  display: flex;
  height: 203px;
  justify-content: center;
  align-items: center;
  gap: 26.824px;
}
.custom-experiences__logo {
  object-fit: contain;
  width: 7vw;
  margin: 0px;
}
.custom-experiences__button {
  margin: 0 auto;
}

.my-benefits__categories-carousel .p-carousel-item {
  display: flex;
  width: 188px;
  padding: 0px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

.self-management-component__title {
  color: var(--neutral90-color, #1e2a3b);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.self-management-component__description {
  color: var(--neutral90-color, #1e2a3b);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
}

.my-benefits__category-name {
  color: var(--neutral40-color, #64748b);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.my-benefits__category-icon {
  width: 85px;
  height: 71px;
}
.my-benefits__categories-carousel .p-link {
  background: var(--Primary-Blue-10, #ebeeff);
  border-radius: 60px;
  margin: 10px;
}
.my-benefits__category-item.active {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 2px solid var(--turquoise60-color, #3dd0c1);
  background: #fff;
}

.recent-benefits {
  border-radius: 8px;
  background: var(--Primary-Blue-10, #ebeeff);
  padding: 24px;
  margin: 40px 0px;
}
.recent-benefits__heading {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.recent-benefits__card {
  border-radius: 8px;
  background: var(--white, #fff);
  box-shadow: none;
  display: flex;
  width: 400px;
  height: 195px;
  padding: 8px;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 500px) {
  .recent-benefits__card {
    width: 250px;
    height: 100%;
  }
}
.recent-benefits__carousel .p-card-body {
  padding: 0px;
}
.recent-benefits__image {
  width: 155px;
  height: 179px;
}
@media only screen and (max-width: 500px) {
  .recent-benefits__image {
    width: 100%;
    height: 179px;
    object-fit: cover;
    border-radius: 8px;
  }
}
.recent-benefits__carousel .p-carousel-container {
  position: relative;
}
.recent-benefits__carousel .p-carousel-prev {
  position: absolute;
  bottom: -50px;
  right: 50px;
}
.recent-benefits__carousel .p-carousel-next {
  position: absolute;
  right: 0;
  bottom: -50px;
}
.recent-benefits .p-card-content {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 500px) {
  .recent-benefits .p-card-content {
    flex-direction: column;
  }
}

.category-benefits__cards {
  display: flex;
  height: 416px;
  align-items: center;
  gap: 24px;
}
.category-benefits__card-title {
  color: var(--neutral80-color, #27364b);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  width: 100%;
}
.category-benefits__card-desc {
  color: var(--neutral80-color, #27364b);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.category-benefits__button {
  border: none;
  background-color: #fff;
  color: var(--blue60-color, #3751ff);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding: 14px 0px;
}
.category-benefits__card {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 12px 0 rgba(9, 30, 66, 0.15), 0 0 1px 0 rgba(9, 30, 66, 0.31);
  display: flex;
  height: 100%;
  align-items: start;
  gap: 24px;
  margin: 8px;
  width: 100%;
  min-height: 430px;
}
.category-benefits__title {
  color: var(--neutral90-color, #1e2a3b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}
.category-benefits__image-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
}
.category-benefits__image {
  height: 186px;
  width: 100%;
  object-position: 0px;
}
.category-benefits__card-body {
  display: flex;
  gap: 16px;
  padding: 16px;
  flex-direction: column;
  height: 100%;
  min-height: 240px;
  position: relative;
  align-items: center;
}
.category-benefits__rating {
  display: none;
}
.category-benefits__card-button {
  position: absolute;
  bottom: 23px;
}
.category-benefits .p-card-body {
  padding: 0px;
}

.benefit-detail__stat--access {
  border-radius: 16px;
}
@media only screen and (min-width: 768px) {
  .benefit-detail__banner {
    width: 100%;
    height: 549px;
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__stats {
    border-radius: 24px;
    background: var(--Neutral-White, #fff);
    margin: -30px auto 30px;
    width: 80vw;
    padding: 40px;
  }
}
.benefit-detail__title {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--BdFont);
}
@media only screen and (min-width: 768px) {
  .benefit-detail__title {
    font-size: 26px;
    line-height: 30px;
    font-family: var(--BdFont);
  }
}
.benefit-detail__text {
  font-size: 14px;
  line-height: 22px;
}
.benefit-detail__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__intro {
    align-items: center;
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__intro {
    width: 60%;
    padding: 80px 10px 30px 8%;
  }
}
.benefit-detail__description {
  color: var(--white, #fff);
}
@media only screen and (min-width: 768px) {
  .benefit-detail__description {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
  }
}
.benefit-detail__text {
  color: var(--white, #fff);
}
@media only screen and (min-width: 768px) {
  .benefit-detail__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
}
.benefit-detail__cta {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__cta {
    flex-direction: column;
  }
}
.benefit-detail__cta-btn {
  display: flex;
  width: 193px;
  padding: 5px 32px 9px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__cta-btn {
    min-width: 260px;
  }
}
.benefit-detail__media-features {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__media-features {
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__media-features {
    height: 335px;
    gap: 48px;
    margin: 50px 0px;
  }
}
.benefit-detail__features-title {
  color: var(--neutral80-color, #27364b);
}
@media only screen and (max-width: 500px) {
  .benefit-detail__features-title {
    font-size: 23px;
    line-height: 33px;
    font-family: var(--BdFont);
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__features-title {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    font-family: var(--BdFont);
  }
}
.benefit-detail__areas-title {
  color: var(--neutral80-color, #27364b);
  font-size: 24px;
  line-height: 36px;
  font-family: var(--BdFont);
}
.benefit-detail__area {
  padding: 24px 12px;
  border-radius: 8px;
  background: #ebeeff;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 99%;
  height: 120px;
}
.benefit-detail__areas-list {
  display: grid;
  gap: 12px;
  align-items: flex-start;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__areas-list {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__areas-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .benefit-detail__areas-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__video {
    width: 673px;
    height: 380px;
  }
}
.benefit-detail__stats-group {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__stats-group {
    flex-direction: column;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__stats-group {
    height: 171px;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.benefit-detail__stats-group .p-carousel-item {
  display: flex;
  width: 100%;
}
.benefit-detail__stat {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__stat {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .benefit-detail__stat {
    flex-direction: column;
    width: 266px;
  }
}
.benefit-detail__stat--access {
  border-radius: 16px;
}
.benefit-detail__stat--access .benefit-detail__cta-btn {
  display: flex;
  padding: 5px 32px 9px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  margin: 12px;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__stat--access .benefit-detail__cta-btn {
    min-width: 20%;
  }
}
.benefit-detail__stat-value {
  font-size: 32px;
  line-height: 40px;
  font-family: var(--BdFont);
}
.benefit-detail__discount {
  display: flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 24px;
}
.benefit-detail__label {
  color: var(--neutral90-color, #27364b);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.benefit-detail__stat--price {
  display: flex;
  width: 266px;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 16px;
}
.benefit-detail__stat--access {
  display: flex;
  width: 276px;
  padding: 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
@media only screen and (max-width: 500px) {
  .benefit-detail__stat--access {
    width: 100%;
  }
}
.benefit-detail__price {
  color: var(--white, #fff);
  font-size: 24px;
  line-height: 36px;
  font-family: var(--BdFont);
}
.benefit-detail__period {
  color: var(--white, #fff);
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (max-width: 500px) {
  .crehana-theme {
    width: 85vw;
  }
}
.crehana-theme .benefit-detail__title {
  color: var(--white, #fff);
}
.crehana-theme .benefit-detail__stat--access {
  background: linear-gradient(359deg, #b9c2ff -46.44%, #8e86ea 12.98%, #3a388f 86.32%, #252f3d 132.58%);
}
.crehana-theme .benefit-detail__stat--access .benefit-detail__cta-btn {
  background: var(--blue60-color, #3751ff);
  color: var(--white, #fff);
}
.crehana-theme .benefit-detail__cta-btn.cta-btn--primary {
  border-radius: 100px;
  background: var(--turquoise60-color, #3dd0c1);
  color: var(--neutral90-color, #0f1a2a);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.crehana-theme .benefit-detail__cta-btn.cta-btn--secondary {
  border-radius: 100px;
  border: 1px solid var(--turquoise60-color, #3dd0c1);
  background: var(--white, #fff);
  box-shadow: 0 0 5px 0 rgba(55, 81, 255, 0.24);
  color: var(--turquoise100-color, #1e7b72);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.crehana-theme .benefit-detail__stat-value {
  color: var(--blue60-color, #3751ff);
  font-family: var(--BdFont);
}
.crehana-theme .benefit-detail__stat-value {
  color: var(--blue60-color, #3751ff);
}
.crehana-theme .benefit-detail__discount {
  background: var(--blue60-color, #3751ff);
  color: var(--white, #fff);
}
.crehana-theme .benefit-detail__stat--price {
  background: var(--blue10-color, #ebeeff);
}

.product-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 280px;
  max-width: 350px;
  min-height: 100%;
  background: #FCFDFE;
  border-radius: 8px;
  border: 1px solid #E2E8F0;
  transition: transform 0.2s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .product-card {
    margin: 0 auto;
  }
}
.product-card--big {
  width: calc(33.3333333333% - 14px);
}
@media only screen and (max-width: 767px) {
  .product-card--big {
    width: 100%;
    border: 1px solid #00008F;
  }
}
.product-card__image-container {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.product-card__favorite {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.product-card__favorite:hover {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.product-card__favorite.active i {
  color: #ff4757 !important;
}
.product-card__favorite i {
  font-size: 18px;
  color: #666;
}
.product-card__check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #28a745;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.product-card__check i {
  font-size: 18px;
  color: #fff;
}
.product-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  flex: 1;
}
.product-card__title {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: IsidoraBd;
}
.product-card__title--medium {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.product-card__title--small {
  font-size: 16px;
  line-height: 24px;
}
.product-card__rating {
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.product-card__progress {
  margin-bottom: 20px;
}
.product-card__progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.product-card__progress-label {
  font-size: 14px;
  color: #27364b;
  font-family: IsidoraRg;
}
.product-card__progress-text {
  font-size: 14px;
  color: #64748b;
  font-family: IsidoraBd;
}
.product-card__progress-bar {
  position: relative;
  width: 100%;
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
}
.product-card__progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #3dd0c1 0%, #28a497 100%);
  border-radius: 4px;
  transition: width 0.3s ease-in-out;
}
.product-card__button {
  width: 100%;
  padding: 12px 24px;
  font-size: 16px;
  font-family: IsidoraBd;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border-width: 2px;
  border-style: solid;
  outline: none;
}
.product-card__button--half {
  width: 70%;
}
.product-card__button--full {
  width: 100%;
}
.product-card__button--left {
  margin-right: auto;
  display: block;
}
.product-card__button--right {
  margin-left: auto;
  display: block;
}
.product-card__button--center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.product-card__button--custom {
  background-color: #3751FF;
  color: #fff;
  border-color: #3751FF;
  border-radius: 100px;
}
.product-card__button--custom:hover {
  background-color: #3751FF;
  color: #fff;
}
.product-card--horizontal {
  flex-direction: row;
  max-width: 100%;
  width: 95%;
  height: 350px;
  gap: 24px;
  border-radius: 8px;
  border: 1px solid #CBD4E1;
  background: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal {
    flex-direction: column;
    width: 324px;
    height: auto;
    min-height: 100%;
    gap: 0;
  }
}
.product-card--horizontal .product-card__image-container {
  width: 50%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__image-container {
    width: 100%;
    height: 200px;
    border-radius: 0;
  }
}
.product-card--horizontal .product-card__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.product-card--horizontal .product-card__body {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__body {
    padding: 24px;
    width: 100%;
  }
}
.product-card--horizontal .product-card__content {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__content {
    margin-bottom: 24px;
  }
}
.product-card--horizontal .product-card__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.product-card--horizontal .product-card__description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__description {
    -webkit-line-clamp: 3;
    font-size: 16px;
  }
}
.product-card--horizontal .product-card__progress {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__progress {
    margin-bottom: 20px;
  }
}
.product-card--horizontal .product-card__rating {
  margin-top: 12px;
  margin-bottom: 24px;
}
.product-card--horizontal .product-card__button {
  width: auto;
  align-self: flex-start;
  padding: 12px 32px;
  background-color: #3751FF;
  color: #fff;
  border-color: #3751FF;
  font-size: 16px;
}
.product-card--horizontal .product-card__button:hover {
  background-color: #2940d3;
  border-color: #2940d3;
}
@media only screen and (max-width: 767px) {
  .product-card--horizontal .product-card__button {
    width: 100%;
  }
}

.category-card {
  display: flex;
  flex-direction: column;
  background: #FCFDFE;
  border-radius: 4px;
  border: 1px solid #CBD4E1;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  cursor: pointer;
  text-align: left;
  padding: 0;
}
.category-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.category-card:focus {
  outline: 2px solid #3751FF;
  outline-offset: 2px;
}
.category-card__icon-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .category-card__icon-container {
    justify-content: center;
    padding: 15px;
  }
}
.category-card__image {
  width: 100px;
  height: 90px;
  object-fit: contain;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .category-card__image {
    width: 70px;
    height: 70px;
  }
}
.category-card__image--desktop {
  display: block;
}
@media only screen and (max-width: 767px) {
  .category-card__image--desktop {
    display: none;
  }
}
.category-card__image--mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .category-card__image--mobile {
    display: block;
  }
}
.category-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px 20px 20px;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .category-card__body {
    padding: 0 15px 15px 15px;
  }
}
.category-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.category-card__title {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: IsidoraBd;
}
.category-card__title--medium {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.category-card__title--small {
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .category-card__title {
    font-size: 16px;
    line-height: 22px;
  }
  .category-card__title--medium {
    font-size: 14px;
    line-height: 20px;
  }
  .category-card__title--small {
    font-size: 12px;
    line-height: 18px;
  }
}
.category-card__description {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #64748B;
}
@media only screen and (max-width: 767px) {
  .category-card__description {
    font-size: 12px;
    line-height: 18px;
  }
}

.title-section {
  margin: 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .title-section {
    flex-direction: column;
    gap: 16px;
  }
}
.title-section__content {
  flex: 1;
}
.title-section__title {
  font-size: 28px;
  line-height: 36px;
  font-family: IsidoraBd;
  color: #212529;
  margin: 0 0 8px 0;
}
@media only screen and (max-width: 767px) {
  .title-section__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.title-section__subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #6c757d;
  margin: 0;
  font-family: IsidoraRg;
}
@media only screen and (max-width: 767px) {
  .title-section__subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}
.title-section__action {
  flex-shrink: 0;
  margin-left: 24px;
}
@media only screen and (max-width: 767px) {
  .title-section__action {
    margin-left: 0;
    display: none;
  }
}
.title-section__link {
  font-size: 16px;
  line-height: 24px;
  color: #3751FF;
  text-decoration: none;
  font-family: IsidoraRg;
}
.title-section__link:hover {
  text-decoration: underline;
  color: #2940d3;
}
@media only screen and (max-width: 767px) {
  .title-section__link {
    font-size: 14px;
    line-height: 20px;
  }
}
.title-section--center {
  text-align: center;
  justify-content: center;
}
.title-section--center .title-section__action {
  margin-left: 0;
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .title-section--center .title-section__action {
    margin-top: 8px;
  }
}
.title-section--right {
  text-align: right;
  justify-content: flex-end;
}

.testimonials-carousel {
  padding: 2rem 0;
  width: 100%;
}
.testimonials-carousel__container {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.testimonials-carousel__items {
  display: flex;
  gap: 1.5rem;
  flex: 1;
  overflow: visible;
  justify-content: center;
  padding-top: 10px;
}
.testimonials-carousel__item {
  flex: 0 0 302px;
  width: 302px;
  min-width: 302px;
  max-width: 302px;
  position: relative;
}
.testimonials-carousel__card {
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  width: 302px;
  height: 259px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.testimonials-carousel__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 10px -3px rgba(0, 0, 0, 0.05);
}
.testimonials-carousel__quote-icon {
  position: absolute;
  top: -10px;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.testimonials-carousel__icon {
  color: white;
  font-size: 0.875rem;
}
.testimonials-carousel__author {
  margin-bottom: 0.75rem;
}
.testimonials-carousel__author-name {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 0.25rem 0;
  line-height: 1.3;
}
.testimonials-carousel__author-role {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}
.testimonials-carousel__rating {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
}
.testimonials-carousel__rating .babylon-rating .p-rating .p-rating-icon {
  color: #fbbf24;
  font-size: 1rem;
  margin-right: 0.125rem;
}
.testimonials-carousel__rating .babylon-rating .p-rating .p-rating-icon.p-rating-icon-active {
  color: #f59e0b;
}
.testimonials-carousel__content {
  flex: 1;
  display: flex;
  align-items: center;
}
.testimonials-carousel__text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #4b5563;
  font-style: italic;
  margin: 0;
  text-align: left;
}
.testimonials-carousel__nav {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #EBEEFF;
  border: 2px solid #3B82F6;
  color: #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.testimonials-carousel__nav:hover:not(:disabled) {
  background-color: #3B82F6;
  color: white;
}
.testimonials-carousel__nav:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.testimonials-carousel__nav:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.testimonials-carousel__nav i {
  font-size: 1rem;
}
.testimonials-carousel__indicators {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.testimonials-carousel__indicator {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #d1d5db;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.testimonials-carousel__indicator:hover {
  background-color: #9ca3af;
}
.testimonials-carousel__indicator--active {
  background-color: #3B82F6;
}
@media (min-width: 1080px) {
  .testimonials-carousel__items {
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media (max-width: 1079px) and (min-width: 800px) {
  .testimonials-carousel__container {
    gap: 0.75rem;
  }
  .testimonials-carousel__items {
    gap: 1rem;
  }
  .testimonials-carousel__item {
    flex: 0 0 302px;
    width: 302px;
  }
  .testimonials-carousel__item:nth-child(3) {
    display: none;
  }
  .testimonials-carousel__card {
    width: 302px;
    height: 259px;
  }
}
@media (max-width: 799px) {
  .testimonials-carousel {
    padding: 1rem 0;
  }
  .testimonials-carousel__container {
    gap: 0.5rem;
    padding: 0 1rem;
  }
  .testimonials-carousel__items {
    gap: 0;
    justify-content: center;
    padding-top: 10px;
  }
  .testimonials-carousel__item {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .testimonials-carousel__item:nth-child(2), .testimonials-carousel__item:nth-child(3) {
    display: none;
  }
  .testimonials-carousel__card {
    width: 90%;
    max-width: 302px;
    min-width: 280px;
    height: auto;
    min-height: 259px;
  }
  .testimonials-carousel__nav {
    width: 2rem;
    height: 2rem;
  }
  .testimonials-carousel__nav i {
    font-size: 0.75rem;
  }
}

.policy-history-card {
  background: #ebeeff;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  box-shadow: 2px 2px 10px 0px rgba(127, 126, 126, 0.1019607843);
}
.policy-history-card__header {
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
}
.policy-history-card__title {
  color: #001499;
  font-style: Bold;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
}
.policy-history-card__vigencia-text {
  color: #27364b;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}
.policy-history-card__conditions-link {
  background: none;
  border: none;
  color: #3751ff;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  padding: 0;
}
.policy-history-card__conditions-link:hover {
  color: #3751ff;
}
/* Estilos para el carousel de Reports Progress */
.reports-progress-container {
  position: relative;
  width: 100%;
}
.reports-progress-container .reports-progress-carousel {
  width: 100%;
}
.reports-progress-container .reports-progress-carousel .p-carousel {
  width: 100%;
}
.reports-progress-container .reports-progress-carousel .p-carousel-content {
  overflow: hidden;
}
.reports-progress-container .reports-progress-carousel .p-carousel-items-container {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
.reports-progress-container .reports-progress-carousel .p-carousel-item {
  padding: 0 8px;
  flex-shrink: 0;
}
.reports-progress-container .reports-progress-navigators {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.reports-progress-container .reports-progress-navigators .reports-nav-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #c5d3e8;
  background-color: #fff;
  color: #5a7ba6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 18px;
  font-weight: bold;
}
.reports-progress-container .reports-progress-navigators .reports-nav-button:hover:not(:disabled) {
  border-color: #8ba4c9;
  color: #3d6a9f;
}
.reports-progress-container .reports-progress-navigators .reports-nav-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.reports-progress-container .reports-progress-navigators .reports-nav-button:focus {
  outline: none;
}

/* Responsive adjustments */
@media (max-width: 575px) {
  .reports-progress-container .reports-progress-navigators {
    justify-content: center;
  }
}
.aside-navigation {
  position: sticky;
  top: 0;
  left: 0;
}

#aside-nav {
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
}
#aside-nav.nav-visibility-hidden {
  background: #fff;
  width: 66px;
  z-index: 2;
}

#wrapper.fixed #aside-nav {
  top: 0;
}

.mp-pusher {
  position: relative;
  left: 0;
  height: 810px;
  overflow-x: clip;
  float: left;
  margin-right: 20px;
  width: 360px;
  overflow-y: auto;
}
.mp-pusher::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 10px;
}
.mp-pusher::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}
.mp-pusher::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
  background-image: rgba(155, 168, 255, 0.2);
}

.mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 92%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
  z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
  cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1;
}

.mp-pusher,
.mp-level {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
  -webkit-transform: translate3d(-41px, 0, 0);
  -moz-transform: translate3d(-41px, 0, 0);
  transform: translate3d(-41px, 0, 0);
  background: #fff;
  z-index: 2;
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mp-menu ul li > a {
  display: block;
  padding: 0.7em 1em 0.7em 1.8em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-size: 1.4em;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
  position: absolute;
  left: 10px;
  z-index: -1;
  color: rgba(0, 0, 0, 0.2);
  line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
  background: #ecfaf9;
  outline: none;
  color: #007ea8;
  letter-spacing: 1px;
  display: block;
  font-size: 16px;
  padding: 1em;
  position: relative;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back {
  background: transparent;
  box-shadow: none;
  color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
  padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
  display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
  display: block;
}

.class-hover-li {
  background: #fff;
}

.class-hover-li:hover,
.class-hover-li.activeList,
.class-hover-li.activeList.selected,
.class-hover-li.selected {
  background: #ecfaf9;
  font-family: IsidoraBd;
  color: #3dd0c1;
  text-decoration: none;
}

.class-hover-li:hover .list-item-class,
.class-hover-li.activeList .list-item-class,
.class-hover-li.activeList.selected .list-item-class,
.class-hover-li.selected .list-item-class {
  color: #3dd0c1;
}

.list-item-class .shortIcon {
  width: 21px;
  margin: 13px 21px 13px 15px;
  color: #94a3b8;
  font-size: 21px;
}

#top-menu .list-item-class .shortIcon {
  margin: 0px 8px;
  color: #94a3b8;
  font-size: 21px;
  width: 18px;
  height: 18px;
}

.sublevels-active li[class*=item-] {
  background: #fff;
}
.sublevels-active li[class*=item-] .nav-link {
  background: #f6f8fc;
}

.sublevels-active li[class*=item-] > .list-item-class {
  padding: 0.5rem 5px;
  transform: translateX(18.2em);
}

.sublevels-active li[class*=item-].activeList,
.selected.activeList:not(.class-hover-li),
.nav-first-level.selected[class*=item-],
.nav-first-level[class*=item-]:hover {
  background: rgba(155, 168, 255, 0.2);
}

.sublevels-active li[class*=item-].activeList .text-item,
.selected.activeList .text-item,
.selected.nav-first-level .text-item,
.nav-first-level[class*=item-]:hover .text-item {
  color: #4032dc;
  font-family: IsidoraBd;
}

.sublevels-active li[class*=item-] > .list-item-class .shortIcon {
  margin: 2px 19px;
}

#mp-menu {
  background-color: #fff;
}
#mp-menu .nav-link {
  padding: 0px 0px 0px 10px;
  height: 54px;
  width: 100%;
  flex-direction: row;
}

#top-menu {
  flex-direction: row;
}

.sublevels-active li[class*=item-].activeList,
.selected.activeList:not(.class-hover-li),
.nav-first-level.selected[class*=item-],
.nav-first-level[class*=item-]:hover {
  background: transparent;
}

:root {
  /** BBY CHANGES font-family: "Inter var", sans-serif;*/
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  /** BBY CHANGES --font-family: "Inter var", sans-serif;*/
  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --surface-a: #ffffff;
  --surface-b: #f9fafb;
  --surface-c: #f3f4f6;
  --surface-d: #e5e7eb;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #4b5563;
  --text-color-secondary: #6b7280;
  --primary-color: $blue60;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-300: #d1d5db;
  --surface-400: #9ca3af;
  --surface-500: #6b7280;
  --surface-600: #4b5563;
  --surface-700: #374151;
  --surface-800: #1f2937;
  --surface-900: #111827;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #f9fafb;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dfe7ef;
  --surface-hover: #f6f9fc;
  --focus-ring: 0 0 0 0.2rem #c7d2fe;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: $blue10;
  --highlight-text-color: $blue60;
  color-scheme: light;
}

/** BBY CHANGES
@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: "Regular";
    src: url("./fonts/InterVariable.woff2") format("woff2");
}

@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance: "Italic";
    src: url("./fonts/InterVariable-Italic.woff2") format("woff2");
}
*/
:root {
  --blue-50: #f5f9ff;
  --blue-100: #d0e1fd;
  --blue-200: #abc9fb;
  --blue-300: #85b2f9;
  --blue-400: #609af8;
  --blue-500: #3b82f6;
  --blue-600: #326fd1;
  --blue-700: #295bac;
  --blue-800: #204887;
  --blue-900: #183462;
  --green-50: #f4fcf7;
  --green-100: #caf1d8;
  --green-200: #a0e6ba;
  --green-300: #76db9b;
  --green-400: #4cd07d;
  --green-500: #22c55e;
  --green-600: #1da750;
  --green-700: #188a42;
  --green-800: #136c34;
  --green-900: #0e4f26;
  --yellow-50: #fefbf3;
  --yellow-100: #faedc4;
  --yellow-200: #f6de95;
  --yellow-300: #f2d066;
  --yellow-400: #eec137;
  --yellow-500: #eab308;
  --yellow-600: #c79807;
  --yellow-700: #a47d06;
  --yellow-800: #816204;
  --yellow-900: #5e4803;
  --cyan-50: #f3fbfd;
  --cyan-100: #c3edf5;
  --cyan-200: #94e0ed;
  --cyan-300: #65d2e4;
  --cyan-400: #35c4dc;
  --cyan-500: #06b6d4;
  --cyan-600: #059bb4;
  --cyan-700: #047f94;
  --cyan-800: #036475;
  --cyan-900: #024955;
  --pink-50: #fef6fa;
  --pink-100: #fad3e7;
  --pink-200: #f7b0d3;
  --pink-300: #f38ec0;
  --pink-400: #f06bac;
  --pink-500: #ec4899;
  --pink-600: #c93d82;
  --pink-700: #a5326b;
  --pink-800: #822854;
  --pink-900: #5e1d3d;
  --indigo-50: #f7f7fe;
  --indigo-100: #dadafc;
  --indigo-200: #bcbdf9;
  --indigo-300: #9ea0f6;
  --indigo-400: #8183f4;
  --indigo-500: $blue60;
  --indigo-600: #5457cd;
  --indigo-700: #4547a9;
  --indigo-800: #363885;
  --indigo-900: #282960;
  --teal-50: #f3fbfb;
  --teal-100: #c7eeea;
  --teal-200: #9ae0d9;
  --teal-300: #6dd3c8;
  --teal-400: #41c5b7;
  --teal-500: #14b8a6;
  --teal-600: #119c8d;
  --teal-700: #0e8174;
  --teal-800: #0b655b;
  --teal-900: #084a42;
  --orange-50: #fff8f3;
  --orange-100: #feddc7;
  --orange-200: #fcc39b;
  --orange-300: #fba86f;
  --orange-400: #fa8e42;
  --orange-500: #f97316;
  --orange-600: #d46213;
  --orange-700: #ae510f;
  --orange-800: #893f0c;
  --orange-900: #642e09;
  --bluegray-50: #f7f8f9;
  --bluegray-100: #dadee3;
  --bluegray-200: #bcc3cd;
  --bluegray-300: #9fa9b7;
  --bluegray-400: #818ea1;
  --bluegray-500: #64748b;
  --bluegray-600: #556376;
  --bluegray-700: #465161;
  --bluegray-800: #37404c;
  --bluegray-900: #282e38;
  --purple-50: #fbf7ff;
  --purple-100: #ead6fd;
  --purple-200: #dab6fc;
  --purple-300: #c996fa;
  --purple-400: #b975f9;
  --purple-500: #a855f7;
  --purple-600: #8f48d2;
  --purple-700: #763cad;
  --purple-800: #5c2f88;
  --purple-900: #432263;
  --red-50: #fff5f5;
  --red-100: #ffd0ce;
  --red-200: #ffaca7;
  --red-300: #ff8780;
  --red-400: #ff6259;
  --red-500: #ff3d32;
  --red-600: #d9342b;
  --red-700: #b32b23;
  --red-800: #8c221c;
  --red-900: #661814;
  --primary-50: #f7f7fe;
  --primary-100: #dadafc;
  --primary-200: #bcbdf9;
  --primary-300: #9ea0f6;
  --primary-400: #8183f4;
  --primary-500: $blue60;
  --primary-600: #5457cd;
  --primary-700: #4547a9;
  --primary-800: #363885;
  --primary-900: #282960;
}

.p-editor-container .p-editor-toolbar {
  background: #f9fafb;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #e5e7eb;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6b7280;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6b7280;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6b7280;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 0.75rem 0;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #4b5563;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #4b5563;
  background: #f3f4f6;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.75rem 1.25rem;
}

.p-editor-container .p-editor-content {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #e5e7eb;
}

.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #4b5563;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #4b5563;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #4b5563;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #4b5563;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #3751ff;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #3751ff;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #3751ff;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #3751ff;
}

@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    /** BBY CHANGES font-family: var(--font-family); */
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }
  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
  }
  .p-disabled,
  .p-component:disabled {
    opacity: 0.6;
  }
  .p-error {
    color: #d83232;
  }
  .p-text-secondary {
    color: #6b7280;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    /** BBY CHANGES font-family: var(--font-family);*/
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 6px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.75rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 3.75rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.375rem 0.75rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #3751ff;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.375rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    /** BBY CHANGES font-family: var(--font-family);*/
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #ebeeff;
    color: #3751ff;
    border-radius: 6px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #d83232;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #d83232;
  }
  /** BBY CHANGES
    .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem #bfdbfe;
        border-color: #3b82f6;
     }*/
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #4b5563;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #3751ff;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    /** BBY CHANGES border-radius: 50%;*/
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #d1d5db;
    color: #4b5563;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #e5e7eb;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #e5e7eb;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #3751ff;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.75rem 0.75rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #d83232;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.75rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.75rem 1.25rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 22px;
    height: 22px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #d1d5db;
    border-radius: 6px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #3751ff;
    background: #3751ff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #3751ff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #3751ff;
    background: #3751ff;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #d83232;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #3751ff;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #3751ff;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #3751ff;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #3751ff;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #3751ff;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #3751ff;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #3751ff;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.375rem 0.75rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #e5e7eb;
    color: #4b5563;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.375rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    /** BBY CHANGES font-family: var(--font-family);*/
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #d83232;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .p-dropdown {
    background: #ffffff;
    /** BBY CHANGES border: 1px solid #d1d5db;*/
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #3751ff;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-dropdown.p-variant-filled {
    background: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.75rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6b7280;
  }
  .p-dropdown .p-dropdown-label:focus,
  .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #3751ff;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #d83232;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid var(--indigo-400, #7a6dff);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.75rem;
    margin-right: -1.75rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.75rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    /** BBY CHANGES padding: 0.75rem 1.25rem; */
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #f3f4f6;
    color: #6b7280;
    border-top: 1px solid #d1d5db;
    border-left: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    padding: 0.75rem 0.75rem;
    min-width: 3rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #d1d5db;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 3rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #d83232;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
    outline-color: transparent;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #3751ff;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b7bcc5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #4f46e5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #d83232;
  }
  .p-inputtext {
    /** BBY CHANGES font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);*/
    font-size: 1rem;
    color: #4b5563;
    background: #ffffff;
    /** BBY CHANGES padding: 0.75rem 0.75rem;
        border: 1px solid #d1d5db; */
    padding: 0.4rem 0.75rem;
    border: 1px solid #f0f1f7;
    /** END BBY CHANGES*/
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #3751ff;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #d83232;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }
  .p-float-label > label {
    left: 0.75rem;
    color: #6b7280;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #d83232;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2.5rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2.5rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2.5rem;
  }
  ::-webkit-input-placeholder {
    color: #6b7280;
  }
  :-moz-placeholder {
    color: #6b7280;
  }
  ::-moz-placeholder {
    color: #6b7280;
  }
  :-ms-input-placeholder {
    color: #6b7280;
  }
  .p-input-filled .p-inputtext {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.75rem;
    color: #6b7280;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2.5rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.75rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-listbox .p-listbox-list {
    padding: 0.75rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-listbox.p-invalid {
    border-color: #d83232;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-mention-panel .p-mention-items {
    padding: 0.75rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #3751ff;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-multiselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #d83232;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.75rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.75rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-password.p-invalid.p-component > .p-inputtext {
    border-color: #d83232;
  }
  .p-password-panel {
    padding: 1.25rem;
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #e5e7eb;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #ea5455;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #ff9f42;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #29c76f;
  }
  .p-radiobutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 22px;
    height: 22px;
  }
  .p-radiobutton .p-radiobutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #d1d5db;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #3751ff;
    background: #3751ff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #3751ff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #3751ff;
    background: #3751ff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #d83232;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #3751ff;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #3751ff;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #3751ff;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #3751ff;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #ea5455;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #3751ff;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #3751ff;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #e73d3e;
  }
  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #374151;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #3751ff;
    border-color: #3751ff;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #d83232;
  }
  .p-slider {
    background: #e5e7eb;
    border: 0 none;
    border-radius: 6px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #3751ff;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-slider .p-slider-range {
    background: #3751ff;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #3751ff;
    border-color: #3751ff;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #3751ff;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.75rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #d83232;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.75rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-togglebutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-togglebutton .p-button {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #3751ff;
    border-color: #3751ff;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #374151;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #3751ff;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #d83232;
  }
  .p-button {
    color: #ffffff;
    /* BBY CHANGES
    background: #3b82f6;
           border: 1px solid #3b82f6;
    */
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-button:not(:disabled):hover {
    background: #4f46e5;
    color: #ffffff;
    border-color: #4f46e5;
  }
  .p-button:not(:disabled):active {
    background: #3751ff;
    color: #ffffff;
    border-color: #3751ff;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #3751ff;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #3751ff;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #3751ff;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #3751ff;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #3751ff;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #3751ff;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #3751ff;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary,
  .p-button-group.p-button-secondary > .p-button,
  .p-splitbutton.p-button-secondary > .p-button,
  .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #64748b;
    border: 1px solid #64748b;
  }
  .p-button.p-button-secondary:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
  }
  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e2e8f0;
  }
  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #334155;
    color: #ffffff;
    border-color: #334155;
  }
  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text,
  .p-button-group.p-button-secondary > .p-button.p-button-text,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text,
  .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-info,
  .p-button-group.p-button-info > .p-button,
  .p-splitbutton.p-button-info > .p-button,
  .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0ea5e9;
    border: 1px solid #0ea5e9;
  }
  .p-button.p-button-info:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
  }
  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bfdbfe;
  }
  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #0369a1;
    color: #ffffff;
    border-color: #0369a1;
  }
  .p-button.p-button-info.p-button-outlined,
  .p-button-group.p-button-info > .p-button.p-button-outlined,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text,
  .p-button-group.p-button-info > .p-button.p-button-text,
  .p-splitbutton.p-button-info > .p-button.p-button-text,
  .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-success,
  .p-button-group.p-button-success > .p-button,
  .p-splitbutton.p-button-success > .p-button,
  .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #22c55e;
    border: 1px solid #22c55e;
  }
  .p-button.p-button-success:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #16a34a;
    color: #ffffff;
    border-color: #16a34a;
  }
  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bbf7d0;
  }
  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #15803d;
    color: #ffffff;
    border-color: #15803d;
  }
  .p-button.p-button-success.p-button-outlined,
  .p-button-group.p-button-success > .p-button.p-button-outlined,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text,
  .p-button-group.p-button-success > .p-button.p-button-text,
  .p-splitbutton.p-button-success > .p-button.p-button-text,
  .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-warning,
  .p-button-group.p-button-warning > .p-button,
  .p-splitbutton.p-button-warning > .p-button,
  .p-fileupload-choose.p-button-warning {
    color: #ffffff;
    background: #f97316;
    border: 1px solid #f97316;
  }
  .p-button.p-button-warning:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #ea580c;
    color: #ffffff;
    border-color: #ea580c;
  }
  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde68a;
  }
  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #c2410c;
    color: #ffffff;
    border-color: #c2410c;
  }
  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.p-button-warning > .p-button.p-button-outlined,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text,
  .p-button-group.p-button-warning > .p-button.p-button-text,
  .p-splitbutton.p-button-warning > .p-button.p-button-text,
  .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-help,
  .p-button-group.p-button-help > .p-button,
  .p-splitbutton.p-button-help > .p-button,
  .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #a855f7;
    border: 1px solid #a855f7;
  }
  .p-button.p-button-help:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #9333ea;
    color: #ffffff;
    border-color: #9333ea;
  }
  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e9d5ff;
  }
  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7e22ce;
    color: #ffffff;
    border-color: #7e22ce;
  }
  .p-button.p-button-help.p-button-outlined,
  .p-button-group.p-button-help > .p-button.p-button-outlined,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text,
  .p-button-group.p-button-help > .p-button.p-button-text,
  .p-splitbutton.p-button-help > .p-button.p-button-text,
  .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-danger,
  .p-button-group.p-button-danger > .p-button,
  .p-splitbutton.p-button-danger > .p-button,
  .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #ef4444;
    border: 1px solid #ef4444;
  }
  .p-button.p-button-danger:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #dc2626;
    color: #ffffff;
    border-color: #dc2626;
  }
  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fecaca;
  }
  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #b91c1c;
    color: #ffffff;
    border-color: #b91c1c;
  }
  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.p-button-danger > .p-button.p-button-outlined,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text,
  .p-button-group.p-button-danger > .p-button.p-button-text,
  .p-splitbutton.p-button-danger > .p-button.p-button-text,
  .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-contrast,
  .p-button-group.p-button-contrast > .p-button,
  .p-splitbutton.p-button-contrast > .p-button {
    color: #ffffff;
    background: #1f2937;
    border: 1px solid #1f2937;
  }
  .p-button.p-button-contrast:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
    background: #374151;
    color: #ffffff;
    border-color: #374151;
  }
  .p-button.p-button-contrast:not(:disabled):focus,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-contrast:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
    background: #4b5563;
    color: #ffffff;
    border-color: #4b5563;
  }
  .p-button.p-button-contrast.p-button-outlined,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
    background-color: transparent;
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(31, 41, 55, 0.04);
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(31, 41, 55, 0.16);
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-text,
  .p-button-group.p-button-contrast > .p-button.p-button-text,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text {
    background-color: transparent;
    color: #1f2937;
    border-color: transparent;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(31, 41, 55, 0.04);
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
    background: rgba(31, 41, 55, 0.16);
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-link {
    color: #3751ff;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #3751ff;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #3751ff;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 6px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #3751ff;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #3751ff;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #3751ff;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #3751ff;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #3751ff;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #3751ff;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #ef4444;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #4b5563;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #022354;
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child,
  .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #d1d5db;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #9ca3af;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.3rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #3751ff;
    background: #ebeeff;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #374151;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #3751ff;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #3751ff;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 700;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #ebeeff;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #ebeeff;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable .p-column-resizer-helper {
    background: #3751ff;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f9fafb;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f9fafb;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #3751ff;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #3751ff;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable-drag-selection-helper {
    background: rgba(99, 102, 241, 0.16);
  }
  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  /** BBY CHANGES
    .p-dataview .p-paginator-bottom {
        border-width: 0 0 1px 0;
        border-radius: 0;
    }
    .p-dataview .p-dataview-header {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 1px 0 1px 0;
        padding: 1rem 1rem;
        font-weight: 700;
    }*/
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e5e7eb;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open,
  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active,
  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.75rem 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.75rem 1.25rem;
  }
  /** BBY CHANGES
    .p-column-filter-overlay-menu .p-column-filter-buttonbar {
        padding: 1.25rem;
    }*/
  .p-orderlist .p-orderlist-controls {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.75rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #f8f8fa;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #f3f4f6;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6f91ff;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 1.25rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-paginator {
    background: #ffffff;
    color: #6b7280;
    border: solid #f3f4f6;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #3751ff;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    /** BBY CHANGES background: #f3f4f6; */
    background: transparent;
    border-color: transparent;
    /** BBY CHANGES color: #374151;*/
    color: #001bcc;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    height: 3rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 3rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #ebeeff;
    border-color: #ebeeff;
    color: #3751ff;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-picklist .p-picklist-buttons {
    padding: 1.25rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.75rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 1.25rem;
    border-radius: 6px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition: box-shadow 0.2s;
    padding: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6b7280;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #3751ff;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #3751ff;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.75rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #8ba7ff;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-treetable .p-sortable-column {
    outline-color: #c7d2fe;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #3751ff;
    background: #ebeeff;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #374151;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #3751ff;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #4b5563;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #3751ff;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #3751ff;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover,
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler,
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #4b5563;
  }
  .p-treetable .p-column-resizer-helper {
    background: #3751ff;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #f9fafb;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #3751ff;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #3751ff;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #3751ff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #e5e7eb;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #fff;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-accordion .p-accordion-content {
    /** BBY CHANGES padding: 1.25rem;*/
    padding: 2rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 4px;
  }
  .p-card {
    background: #ffffff;
    color: #4b5563;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
  }
  .p-card .p-button-link:focus {
    outline: none !important;
  }
  .p-card .p-card-body {
    padding: 1.25rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6b7280;
  }
  .p-card .p-card-content {
    /** BBY CHANGES padding: 1.25rem 0;*/
    padding: 0 0 1.25rem;
  }
  .p-card .p-card-footer {
    padding: 1.25rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-radius: 6px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1.25rem;
    color: #374151;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1.25rem;
  }
  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #e5e7eb;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #e5e7eb;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-panel .p-panel-header {
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    background: #f9fafb;
    color: #374151;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.75rem 1.25rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0 none;
  }
  .p-panel .p-panel-footer {
    padding: 0.75rem 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0 none;
  }
  .p-splitter {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 6px;
    color: #4b5563;
  }
  .p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f9fafb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #e5e7eb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #e5e7eb;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6b7280;
    font-weight: 700;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #4b5563;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #3751ff;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1.25rem;
    color: #4b5563;
  }
  .p-stepper .p-stepper-separator {
    background-color: #e5e7eb;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #4b5563;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #3751ff;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f9fafb;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  /* BBY CHANGES
    .p-tabview .p-tabview-nav {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-width: 0 0 2px 0;
    } */
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    /** BBY CHANGES background: #ffffff; */
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    /** BBY CHANGES background: #ffffff; */
    border-color: #3751ff;
    color: #3751ff;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #3751ff;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  /** BBY CHANGES
    .p-tabview .p-tabview-panels {
        background: #ffffff;
        padding: 1.25rem;
        border: 0 none;
        color: #4b5563;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }*/
  .p-toolbar {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    border-radius: 6px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #374151;
    padding: 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    /** BBY CHANGES color: #6b7280; */
    color: var(--blue60-color);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  /** BBY CHANGES
    .p-dialog .p-dialog-content:last-of-type {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .p-dialog .p-dialog-footer {
        border-top: 0 none;
        background: #ffffff;
        color: #4b5563;
        padding: 0 1.5rem 1.5rem 1.5rem;
        text-align: right;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }*/
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header,
  .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #3751ff;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #4f46e5;
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }
  .p-sidebar {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1.25rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1.25rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #4b5563;
    color: #ffffff;
    padding: 0.75rem 0.75rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #4b5563;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #4b5563;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #4b5563;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #4b5563;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #f9fafb;
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    /** BBY CHANGES  padding: 2rem 1rem;*/
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  /** BBY CHANGES
    .p-breadcrumb {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        padding: 1rem;
    }*/
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6b7280;
  }
  .p-contextmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  /** BBY CHANGES
    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6;
    }
     */
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 6px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-dock .p-dock-action {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container,
  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container,
  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    /** BBY CHANGES background: #f9fafb;*/
    color: #4b5563;
    /** BBY CHANGES border: 1px solid #e5e7eb;*/
    border-radius: 6px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  /** BBY CHANGES
    .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: 0.5rem;
    }
    .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280;
    }
    */
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  /** BBY CHANGES
    .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
     .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
         color: $blue60;
     }*/
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.5rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.5rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.5rem 0;
    /** BBY CHANGES background: #ffffff; */
    color: #4b5563;
    /** BBY CHANGES border: 1px solid #e5e7eb; */
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width: 12.5rem;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6b7280;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6b7280;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #c7d2fe;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.5rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menu-separator {
      border-top: 1px solid #e5e7eb;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
      width: 0.875rem;
      height: 0.875rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
      color: #4b5563;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #4b5563;
      padding: 0.75rem 1.25rem;
      user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6b7280;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #3751ff;
      background: #ebeeff;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #3751ff;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #3751ff;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: rgba(99, 102, 241, 0.24);
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #4b5563;
      background: #e5e7eb;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #4b5563;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list ul li a {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li a {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li a {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.5rem 0;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 4px;
  }
  .p-slidemenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #ebeeff;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #3751ff;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon,
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #3751ff;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 6px;
    min-width: 150px;
    /** BBY CHANGES background: #ffffff;*/
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    font-weight: 700;
    color: #6b7280;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: #4b5563;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #ffffff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #3751ff;
    color: #3751ff;
  }
  .p-tieredmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #3751ff;
    background: #ebeeff;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #3751ff;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #3751ff;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.75rem 0.75rem;
    margin: 0;
    border-radius: 6px;
  }
  .p-inline-message.p-inline-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0px;
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0px;
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0px;
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0px;
    color: #ff5757;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #ff5757;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 6px;
  }
  .p-message .p-message-wrapper {
    padding: 1.25rem 1.75rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-message.p-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-icon {
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-close {
    color: #3b82f6;
  }
  .p-message.p-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-icon {
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-close {
    color: #1ea97c;
  }
  .p-message.p-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-close {
    color: #cc8925;
  }
  .p-message.p-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-icon {
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-close {
    color: #ff5757;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-message-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 1;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #ff5757;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f9fafb;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #d1d5db;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #9ca3af;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #ebeeff;
    color: #3751ff;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f9fafb;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-image-preview-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
    padding: 0 0.75rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
  }
  .p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f9fafb;
  }
  .p-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  }
  /** BBY CHANGES
    .p-tag {
        background: #3b82f6;
        color: #ffffff;
        font-size: 0.75rem;
        font-weight: 700;
        padding: 0.25rem 0.4rem;
        border-radius: 6px;
    }*/
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.75rem 0.75rem;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #3751ff;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #3751ff;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    /** BBY CHANGES height: 1.5rem;*/
    height: 0.8rem;
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #3751ff;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
  }
  .p-terminal .p-terminal-input {
    /** BBY CHANGES font-family: var(--font-family);*/
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #3751ff;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #64748b;
    color: #ffffff;
  }
  .p-badge.p-badge-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-badge.p-badge-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  /** BBY CHANGES
    .p-tag {
        background: #3b82f6;
        color: #ffffff;
        font-size: 0.75rem;
        font-weight: 700;
        padding: 0.25rem 0.4rem;
        border-radius: 6px;
    }*/
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
}
@layer primereact {
  .p-button-label {
    font-weight: 700;
  }
  .p-selectbutton > .p-button,
  .p-togglebutton.p-button {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #3751ff;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #3751ff;
  }
  .p-button:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-secondary:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-success:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-info:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-warning:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-help:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-danger:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #3751ff;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #3751ff;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-toast-message {
    backdrop-filter: blur(10px);
  }
  .p-inline-message-text {
    font-weight: 500;
  }
  .p-picklist-buttons .p-button,
  .p-orderlist-controls .p-button {
    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #3751ff;
    color: #ffffff;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #3751ff;
    color: #ffffff;
  }
}
/******************** START BABYLON CHANGES *********************************/
[type=checkbox] {
  height: 22px;
  width: 22px;
}

.p-datatable-header {
  background-color: white;
  border: 0px;
}

.paginator-select {
  height: 25px;
  justify-content: right;
  background-color: transparent;
}

.paginator-select span {
  padding: 0px 1px 2px 14px;
}

.table-datatable .p-paginator-bottom {
  background: #f1f4f9;
}

.p-datatable .p-datatable-loading-overlay {
  z-index: 3;
}

.p-dataview .p-dataview-header {
  background-color: transparent;
  border: none;
  padding: 0;
}

.p-dataview .p-paginator-bottom {
  background: transparent;
}

.p-dataview.choose-list-icons .p-paginator-bottom {
  background: #f1f4f9;
}

.p-paginator-bottom {
  justify-content: right;
}

.paginator-items ul.p-dropdown-items > li,
.status-filter ul.p-listbox-list > li {
  padding: 3px 8px;
}

.paginator-items ul.p-dropdown-items,
.status-filter ul.p-listbox-list {
  margin-bottom: 1px;
}

.p-tieredmenu {
  font-family: IsidoraRg;
}

.p-tieredmenu ul {
  margin-bottom: 0px;
}

.p-tieredmenu .p-menuitem-link,
p-dropdown-item p-focus p-dropdown-item-empty {
  padding: 0.5rem 0.8rem;
}

.p-menuitem.linkdelete a,
.p-menuitem.linkdelete span {
  color: #d83232;
}

.header-box {
  display: flex;
  flex-wrap: wrap;
}

.header-box-child {
  flex: 1 1 auto;
}

section.portlet {
  display: grid;
  margin: 0 auto;
  padding: 0 15px;
  margin-top: 0.5rem;
}

.inputs-100 input,
.inputs-100 span.p-calendar {
  width: 100% !important;
}

.right-0 {
  right: 0;
}

.left-0 {
  left: 0;
}

.p-dropdown.p-invalid.p-component {
  border-color: #d83232 !important;
}

.p-dropdown-label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  white-space: nowrap;
}

.select-variables {
  width: 0;
  position: absolute;
  right: 30px;
  top: 44px;
  background: none;
}

.select-variables .p-dropdown-label.p-inputtext {
  display: none;
}

.select-variables span {
  font-size: 22px;
  color: #3751ff;
  letter-spacing: 1.5px;
  left: -1px;
  position: absolute;
}

.w320 {
  max-width: 320px !important;
}

.search-container input {
  padding: 7px 25px;
  width: 100%;
  border-color: #f0f1f7;
}

.filter-menu-container .p-column-filter-constraint {
  padding: 0px;
}

.by-calendar {
  max-width: 412px !important;
  min-width: 270px !important;
}

.br-dropzone {
  box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.1);
}

.main-container {
  padding-right: 1.5rem;
}

.p-fileupload-content .upload-empty {
  padding: 1rem;
}

.image-card-container {
  display: flex;
  flex-wrap: wrap;
}

.image-table-container .p-dataview .p-dataview-header {
  border: 0px;
  padding: 9px;
}

.image-table-container .p-dataview-content {
  background: transparent;
}

.image-card-container .p-card-content {
  padding: 0px;
}

.container-dialog {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0.8rem;
}

.p-calendar .p-inputtext {
  border-right: none;
  height: 38.59px;
}
.p-calendar .p-button {
  background: none;
  color: #3751ff;
  border: 1px solid #f0f1f7;
  border-left: none;
  height: 38.59px;
}
.p-calendar .p-button:hover {
  background: #4f46e5;
  color: #ffffff;
}
.p-calendar .p-invalid.p-component > .p-inputtext {
  border-color: #d83232;
}
.p-calendar .p-invalid.p-component .p-button {
  border-color: #d83232;
}
.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
  outline: 0 none;
  outline-offset: 0;
  border-color: #3751ff;
}
.p-calendar:not(.p-calendar-disabled).p-focus > .p-button {
  border-color: #3751ff;
}

.p-datepicker table td {
  padding: 0.1rem;
}
.p-datepicker table td > span {
  border-radius: 30%;
  width: 2rem;
  height: 1.8rem;
}

.p-dropdown {
  border: 1px solid #f0f1f7;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 0.35rem 1rem;
}

.p-inputswitch > .p-inputswitch-input {
  height: 100%;
  width: 100%;
}

.p-datatable-wrapper {
  background: #f9fafb;
  border-radius: 8px;
  box-shadow: 0px 0px 1px 0px rgba(9, 30, 66, 0.3098039216);
  box-shadow: 0px 1px 1px 0px rgba(9, 30, 66, 0.2509803922);
}

.p-dataview .p-dataview-header {
  color: #374151;
  font-weight: 700;
  background-color: transparent;
  border: none;
  padding: 0;
}
.p-dataview .p-paginator-bottom {
  background: #cbd4e1;
  font-size: 15px;
  padding: 0;
  margin-top: 18px;
}
.p-dataview .p-paginator .p-paginator-first,
.p-dataview .p-paginator .p-paginator-prev,
.p-dataview .p-paginator .p-paginator-next,
.p-dataview .p-paginator .p-paginator-last {
  color: #3751ff;
}

.p-tabview-nav {
  padding: 0;
  list-style: none;
  display: flex;
}

.p-tabview .p-tabview-panels {
  padding-top: 30px;
}

.p-megamenu .p-menuitem-content .p-menuitem-link:hover {
  text-decoration: none !important;
}

.menu-components-icons {
  background: none;
  border: none;
}
.menu-components-icons .item-megamenu {
  background: #ffffff;
  margin: 10px 0;
  border: 1px solid #f0f1f7;
  border-radius: 6px;
}
.menu-components-icons .item-megamenu .active {
  border: 1px solid #007ea8;
  border-radius: 6px;
}
.menu-components-icons .item-megamenu .p-menuitem-link:hover .p-menuitem-icon {
  color: #ffffff !important;
}
.menu-components-icons .item-megamenu .p-menuitem-icon {
  background: #7a6dff;
  border-radius: 10px;
  padding: 5px;
  color: #ffffff;
  margin-right: 8px;
}
.menu-components-icons .item-megamenu:nth-child(11n+2) .p-menuitem-icon {
  background: #97b544;
}
.menu-components-icons .item-megamenu:nth-child(11n+3) .p-menuitem-icon {
  background: #e86993;
}
.menu-components-icons .item-megamenu:nth-child(11n+4) .p-menuitem-icon {
  background: #41add1;
}
.menu-components-icons .item-megamenu:nth-child(11n+5) .p-menuitem-icon {
  background: #ac54f0;
}
.menu-components-icons .item-megamenu:nth-child(11n+6) .p-menuitem-icon {
  background: #f47048;
}
.menu-components-icons .item-megamenu:nth-child(11n+7) .p-menuitem-icon {
  background: #d83232;
}
.menu-components-icons .item-megamenu:nth-child(11n+8) .p-menuitem-icon {
  background: #f29f05;
}
.menu-components-icons .item-megamenu:nth-child(11n+9) .p-menuitem-icon {
  background: #05aff2;
}
.menu-components-icons .item-megamenu:nth-child(11n+10) .p-menuitem-icon {
  background: #8219d4;
}
.menu-components-icons .item-megamenu:nth-child(11n+11) .p-menuitem-icon {
  background: #3dd0c1;
}

.p-dialog .p-dialog-header .p-dialog-header-icons {
  top: 5px;
  right: 5px;
}

.p-dialog .p-dialog-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-breadcrumb .p-breadcrumb-list {
  align-items: end;
}

.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator .custom-breadcrumb-separator-icon {
  color: #4b5563;
  height: 12px;
  width: 12px;
}

.p-breadcrumb .p-breadcrumb-list .breadcrumb-item:last-child .breadcrumb-link {
  color: #475569 !important;
  font-family: var(--BdFont);
}

.p-breadcrumb .breadcrumb-item .breadcrumb-link {
  height: 17px;
}

.p-megamenu {
  background: #f6f8fc;
}
.p-megamenu .p-menuitem {
  background: #ffffff;
  margin: 10px 0;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.p-tag {
  background: var(--blue10-color);
  color: var(--blue60-color);
  padding: 0.25rem 0.8rem;
  border-radius: 16px;
}

.vertical-tabs {
  background: #f6f8fc;
}

.custom-disabled {
  pointer-events: all;
  /* Permite que los eventos del ratón ocurran */
  cursor: pointer;
  /* Cambia el cursor al de clic */
  opacity: 1 !important;
  /* Asegúrate de que no se vea deshabilitado visualmente */
}

.custom-disabled .p-multiselect {
  background-color: #f0f0f0;
  /* Color de fondo para que parezca clicable */
  border: 1px solid #ccc;
  /* Borde activo */
}

.custom-disabled .p-multiselect-label {
  color: #000;
  /* Color de texto para que no parezca deshabilitado */
}

.custom-disabled:hover {
  background-color: #ffffff;
  /* Cambia el color al pasar el ratón para hacer que parezca interactivo */
  border-color: #3751ff;
}

.selected-options ul {
  list-style-type: none;
  padding-left: 0;
}

.selected-option-item {
  background-color: #e3f2fd;
  padding: 5px;
  margin-bottom: 4px;
  border-radius: 4px;
  display: inline-block;
}

.selected-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.chip-like {
  padding: 5px 10px;
  background-color: #e0e0e0;
  border-radius: 15px;
  margin: 5px;
  display: inline-block;
  font-size: 14px;
  color: #333;
}

.show-all-btn {
  margin-left: 10px;
  color: #007bff;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}

.content-status-form .status-box.p-highlight {
  background: #d7dcff;
  color: #3751ff;
  outline: none;
}

.content-status-form .status-box label {
  cursor: pointer;
}

.content-status-form .p-selectbutton {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}

.p-tabview-selected.p-highlight {
  box-shadow: 0px -2px 0px 0px #3751ff inset;
}

.p-tabview-selected.p-highlight .p-tabview-nav-link {
  color: #3751ff;
  font-family: var(--BdFont);
}

.p-column-header-content svg {
  width: 10px;
}

.p-steps .p-steps-item:before {
  content: " ";
  border-top: 4px solid #cccccc;
  width: 60%;
  top: 32%;
  left: 68%;
  display: block;
  position: absolute;
  margin-top: -1rem;
  border-radius: 10px;
}

.p-steps .icon-check:before {
  margin-left: 5px;
  font-size: 10px;
}

.p-steps .icon-check-circle:before {
  content: "";
  position: absolute;
  left: 48%;
  top: 14%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #0f6ff5;
}

.p-steps {
  font-size: 15px;
}

.p-steps .text-disable {
  color: #6da8e3;
}

.accordion-no-padding .p-accordion-content {
  padding: 0;
}

.cut-text-80 {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80%;
  white-space: nowrap;
}

.top-80 {
  top: 80%;
}

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */
.CircularProgressbar {
  /*
  * This fixes an issue where the CircularProgressbar svg has
  * 0 width inside a "display: flex" container, and thus not visible.
  */
  width: 100%;
  /*
  * This fixes a centering issue with CircularProgressbarWithChildren:
  * https://github.com/kevinsqi/react-circular-progressbar/issues/94
  */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #ffffff;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

.dynamic-form__btn-primary {
  display: inline;
}
.dynamic-form__btn-secondary {
  display: inline;
}

.dynamic-form {
  gap: 24px;
  border-radius: 4px;
  padding-top: 24px;
  padding-right: 20px;
  padding-bottom: 24px;
  padding-left: 20px;
  background: var(--Background-Bg_Container, #ffffff);
  box-shadow: 0px 0px 3px 0px rgba(7, 45, 118, 0.1607843137);
}
.dynamic-form__field--full-row {
  flex: 1 1 100%;
}
.dynamic-form__field--align-left {
  text-align: left;
}
.dynamic-form__field--align-center {
  text-align: center;
}
.dynamic-form__field--align-right {
  text-align: right;
}
.dynamic-form__row {
  padding-top: 25px;
}
.dynamic-form__container-buttons {
  display: flex;
  gap: 24px;
  cursor: pointer;
  padding-top: 25px;
}
.dynamic-form__container-buttons--center {
  justify-content: center;
}
.dynamic-form__container-buttons--left {
  justify-content: left;
}
.dynamic-form__container-buttons--right {
  justify-content: right;
}

.portlet-title-text {
  display: none;
}

.portlet-decorate .portlet-content {
  background: transparent !important;
}

a:hover {
  text-decoration: none;
}

[type=checkbox] {
  height: 100%;
  width: 100%;
}

body.bg-white {
  background-color: #fff;
}
body.bg-white #wrapper {
  background-color: #fff;
}
body.babylon {
  background-color: #fcfdfe;
}
body.babylon #wrapper {
  background-color: #fcfdfe;
}
body.babylon #wrapper #content:before {
  display: none;
}
body.has-control-menu .product-menu .sidebar-header {
  padding: 15px 9px 48px 25px;
}
@media only screen and (max-width: 767px) {
  body.has-control-menu .product-menu .sidebar-header {
    padding: 8px 9px 40px 25px;
  }
}
body.has-control-menu #wrapper #banner {
  top: 4px;
  z-index: 3;
  height: 94px;
}
@media only screen and (max-width: 767px) {
  body.has-control-menu #wrapper #banner {
    top: 48px;
    z-index: 3;
  }
}
body.has-control-menu #wrapper.fixed {
  margin-top: 96px;
}
@media only screen and (max-width: 767px) {
  body.has-control-menu #wrapper.fixed {
    margin-top: 48px;
  }
}
body.has-control-menu #wrapper.fixed #banner {
  position: fixed;
  z-index: 3;
}
body #wrapper {
  margin-bottom: 20px;
  font-family: IsidoraRg;
  padding-top: 0px;
}
@media only screen and (max-width: 767px) {
  body #wrapper {
    padding-top: 65px;
  }
}
body #wrapper #banner {
  position: relative;
  z-index: 3;
  top: 0;
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner {
    background: #fff;
    padding: 0px 15px 0px 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner {
    padding: 0px !important;
    background: #fff;
  }
}
body #wrapper #banner a:active,
body #wrapper #banner a:hover,
body #wrapper #banner a:focus {
  text-decoration: none;
  outline: none;
}
body #wrapper #banner .portlet-topper {
  z-index: 1;
}
body #wrapper #banner .navbar-toggle {
  margin: 12px 0 12px 6px;
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #heading {
    margin: 22px 0;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #heading {
    margin: 20px auto !important;
    float: none;
    display: table;
    padding: 0px;
  }
}
body #wrapper #banner .container-portal #heading .site-name {
  color: #0f1a2a;
  font-size: 150%;
  margin-left: 8px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #heading .logo img {
    max-width: 200px;
  }
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #heading .logo img {
    max-width: 100%;
    max-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #back-events-main {
    font-size: 25px;
    margin: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
body #wrapper #banner .container-portal .btn-menu {
  display: none;
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal .btn-menu {
    width: 25px;
    height: 20px;
    position: relative;
    margin-top: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 20px;
  }
}
body #wrapper #banner .container-portal .btn-menu span:before, body #wrapper #banner .container-portal .btn-menu span:after {
  content: "";
  position: absolute;
  transition-duration: 0.2s;
  width: 100%;
  height: 4px;
  display: block;
  background: #3751ff;
  border-radius: 40px;
}
body #wrapper #banner .container-portal .btn-menu span:before {
  top: 0;
}
body #wrapper #banner .container-portal .btn-menu span:after {
  bottom: 0;
}
body #wrapper #banner .container-portal .btn-menu .active {
  background: none;
}
body #wrapper #banner .container-portal .btn-menu .active:before {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -1px;
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #navigation {
    float: left;
    margin-left: 3%;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation {
    display: none;
    width: 100%;
    margin: 0;
  }
}
body #wrapper #banner .container-portal #navigation.list-right {
  margin: 0;
  min-width: 160px;
}
body #wrapper #banner .container-portal #navigation.list-right-signed {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav {
    margin: 0;
    z-index: 1 !important;
    float: right;
    position: relative;
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav {
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li {
    padding-right: 5px;
    padding-left: 5px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    transition: all 0.3s;
  }
  body #wrapper #banner .container-portal #navigation .navbar-nav li:hover a {
    color: #27364b;
    font-family: IsidoraBd;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d9d9d9;
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li .icon-flecha-abajo {
    transform: rotate(-90deg);
    transition: all 0.3s;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li a {
    padding: 15px 20px;
    font: 600 18px/1.3 IsidoraRg;
    color: #007ea8;
    width: 100%;
    outline: none;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li a.signed-user {
    font: 600 16px/1.3 IsidoraRg;
    color: #828995;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li a .shortIcon {
    display: none;
  }
}
body #wrapper #banner .container-portal #navigation .navbar-nav li.login-button #button-login-public {
  background: #3dd0c1;
  border-color: #3dd0c1;
  font: 16px IsidoraBd;
  color: #0f1a2a !important;
  padding: 10px 50px;
}
body #wrapper #banner .container-portal #navigation .navbar-nav li.login-button #button-login-public:hover {
  font-family: IsidoraBd;
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li.login-button #button-login-public {
    border-radius: 0;
    text-align: left;
    padding: 16px 20px;
  }
}
body #wrapper #banner .container-portal #navigation .navbar-nav li#item-contact-menu .link-contact-menu {
  color: #3751ff;
  font: 16px IsidoraBd;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body #wrapper #banner .container-portal #navigation .navbar-nav li#item-contact-menu .link-contact-menu > [class*=icon-] {
  color: #64748b;
  font-size: 20px;
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav li#item-contact-menu .link-contact-menu {
    font-family: IsidoraBd;
  }
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login {
    right: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login {
    position: relative;
    height: auto;
    box-shadow: none;
    border-radius: 0px;
    outline: none;
    padding: 0px;
    order: 0;
  }
}
body #wrapper #banner .container-portal #navigation .navbar-nav .login .portrait-user {
  width: 40px;
  outline: 2px solid #e2e8f0;
  border: 2px solid #fff;
  border-radius: 50%;
}
body #wrapper #banner .container-portal #navigation .navbar-nav .login:hover a {
  color: #fff;
}
body #wrapper #banner .container-portal #navigation .navbar-nav .login:hover a span span {
  color: #fff;
}
body #wrapper #banner .container-portal #navigation .navbar-nav .login .open:hover *,
body #wrapper #banner .container-portal #navigation .navbar-nav .login .show:hover * {
  color: #27364b;
}
body #wrapper #banner .container-portal #navigation .navbar-nav .login .open:hover .signed-user,
body #wrapper #banner .container-portal #navigation .navbar-nav .login .show:hover .signed-user {
  color: #3751ff;
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open > a,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show > a {
    color: #007ea8;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .user-menu,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .user-menu {
    margin-top: 0px;
    margin-left: 0px;
    width: 100% !important;
    padding-top: 0;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    box-shadow: none;
    position: relative !important;
    transform: none !important;
    max-width: inherit;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .user-menu li:last-child,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .user-menu li:last-child {
    border: none;
  }
}
@media only screen and (min-width: 768px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .user-menu li,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .user-menu li {
    padding: 0px;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .user-menu li:hover,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .user-menu li:hover {
    background: inherit;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .user-menu li:hover a,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .user-menu li:hover a {
    color: #64748b;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .user-menu .dropdown-header a span span,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .user-menu .dropdown-header a span span {
    font-size: 18px;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open .icon-flecha-abajo,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show .icon-flecha-abajo {
    transform: rotate(0deg);
    transition: all 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .open ul,
  body #wrapper #banner .container-portal #navigation .navbar-nav .login .show ul {
    padding: 0px;
    width: 100%;
    display: table;
    outline: none;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #banner .container-portal .flex {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  body #wrapper #content:before {
    content: "";
    border-radius: 50% 0 54% 76%;
    background: #ecfaf9;
    height: 390px;
    width: 80%;
    display: block;
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 0;
    opacity: 0.4;
    max-width: 650px;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #content .row {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  body #wrapper #content .row .portlet-column {
    padding: 0;
  }
}
body #wrapper #content .container {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body #wrapper #content .container {
    max-width: 1700px;
  }
}
body #wrapper .breadcrumb {
  background: none;
  text-transform: uppercase;
  font-size: 13px;
}
body #wrapper .breadcrumb .breadcrumb-item .breadcrumb-link {
  color: #64748b;
  box-shadow: none;
  text-decoration: none;
}
body #wrapper .breadcrumb .breadcrumb-item > .active {
  color: #27364b;
}

.vertical-menu-scroll {
  height: 600px;
  overflow: auto;
}
.vertical-menu-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.vertical-menu-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.vertical-menu-scroll::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.vertical-menu-scroll::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.modify-pages .delete-tab {
  top: 22px;
}

.landing-link-config {
  font-family: var(--ReFont);
  padding: 1px 5px;
  font-size: 14px;
}

.landing-link-config:hover {
  transform: scale(1.05);
  cursor: pointer;
}

#descriptions .p-icon.p-accordion-toggle-icon {
  right: 0;
  position: absolute;
  margin: 18px 50px;
}

.p-highlight .custom-tabmenu-link {
  background-color: transparent;
  font-weight: bolder;
  text-decoration: none;
  color: var(--blue80-color);
}

.custom-tabmenu-item {
  background-color: transparent;
}

.custom-tabmenu-link {
  background: transparent;
  color: var(--gray-700);
  font-weight: var(--LtFont);
}

.custom-tabmenu-link:hover {
  text-decoration: none;
}

.p-inputtext::placeholder {
  color: #adadad !important;
}

.gray-form .form-group {
  background-color: #eceeef;
  border-radius: 37px;
  padding: 10px 24px;
  height: 68px;
  margin: 10px;
}

.gray-form .form-group .general-label {
  margin-bottom: 0px;
  color: #2167ae;
}

.gray-form .form-group .p-dropdown,
.gray-form .form-group .p-inputtext {
  background-color: #eceeef;
  border: 0;
  color: black;
}

.gray-form .form-group .p-calendar {
  height: 37px;
}

.contentboxes {
  background-color: transparent;
  width: 100%;
}

.contentboxes .box-options {
  height: 100%;
}

.box-options .icon-from-options {
  display: table;
  margin: 0 auto;
  font-size: 45px;
}

.box-options .p-card-header {
  min-height: 93px;
  max-height: 94px;
  padding-top: 10px;
}

.contentboxes .box-options .p-card-body {
  min-height: 110px;
  margin: 0 auto;
  padding: 1px;
  width: 80%;
  display: grid;
}

.box-options .item-1 {
  min-height: 200px;
  padding: 20px 0px;
  max-height: 240px;
  min-width: 230px;
}

.nav-Communications .nav.nav-tabs.main-tabs-navigation > li.nav-item.active > a {
  color: var(--blue60-color);
  font-family: IsidoraBd;
}

.nav-Communications .main-tabs-navigation li.nav-item.active {
  border-bottom: 2px solid var(--blue60-color);
}

.no-box-shadow {
  box-shadow: none;
}

.tab-view-container {
  max-width: 1200px;
}

/* Limita el ancho del panel del Dropdown */
.p-dropdown-panel {
  max-width: 400px;
}

/* Asegura que el texto largo se corte o se rompa */
.p-dropdown-item-label {
  white-space: nowrap; /* evita que se parta el texto */
  overflow: hidden;
  text-overflow: ellipsis;
}

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