@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/* bootstrap customization */
:root {
  --animate-duration: 0.4s !important;
  --animate-delay: 0.25s;
}

html {
  height: -webkit-fill-available;
}

body {
  background-image: var(--upy-background-img);
  background-repeat: var(--upy-background-repeat);
  background-attachment: fixed;
  background-size: var(--upy-background-cover);
  background-color: var(--bs-body-bg);
}

body.no-animation {
  --animate-duration: 0s !important;
  --animate-delay: 0s;
}

body.no-background-image {
  background-image: none;
}

body a {
  text-decoration: none;
  font-weight: 700;
}

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body main {
  --bs-gutter-x: 0;
}

body main #mainContainer {
  margin-bottom: 0.5rem;
}

body main #mainContainer h3 {
  color: #2f2f2f;
}

body main #mainContainer.no-animation {
  --animate-duration: 0s !important;
  --animate-delay: 0s;
}

body[data-bs-theme=default].course-background {
  background-image: url(/img/abstracto-3d-blanco.png);
}

.btn-primary {
  --bs-btn-color: var(--bs-white) !important;
  --bs-btn-hover-color: var(--bs-white) !important;
}

.widget_webchat_button {
  display: none !important;
}

#widget-whatsapp-trg {
  display: none !important;
}

#agrouped_chat_right {
  display: none !important;
}

.score-text-blue {
  color: #0d6efd;
}

.score-text-warning {
  color: #f7c800;
}

.score-text-danger {
  color: #d50100;
}

.pointer {
  cursor: pointer;
}

.drag-area-files {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9000000000;
  background: rgba(255, 255, 255, 0.85);
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.drag-area-files .containerArea {
  width: 98%;
  height: 97%;
  border: 4px dashed #adb5bd;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.drag-area-files p {
  margin: 0;
  font-weight: bold;
  font-size: 2rem;
}

.drag-area-files .drag-area-text {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

/* bootstrap customization */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes shadowPulse {
  33% {
    background: #fff;
    box-shadow: -24px 0 var(--bs-primary), 24px 0 #fff;
  }
  66% {
    background: var(--bs-primary);
    box-shadow: -24px 0 #fff, 24px 0 #fff;
  }
  100% {
    background: #fff;
    box-shadow: -24px 0 #fff, 24px 0 var(--bs-primary);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes beat {
  to {
    transform: scale(1.2);
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@media (min-width: 575px) {
  .animate_md__animated {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .animate_md__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
}
.spin, .spin svg {
  animation: rotating 0.8s linear infinite;
}

.spin.spin-slower, .spin-slower svg {
  animation: rotating 1.5s linear infinite;
}

.rotate-45 svg {
  transform: rotate(45deg);
}

@-webkit-keyframes onlyFade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes onlyFade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__onlyFade {
  -webkit-animation-name: onlyFade;
  animation-name: onlyFade;
}

.animation-duration-500 {
  animation-duration: 0.5s !important;
}

.landing .box {
  border: 1px solid var(--home-border-color);
  border-radius: 10px;
  background-color: var(--home-box-bg);
  position: relative;
  z-index: 0;
}

.landing .box:after,
.landing .box:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 11px solid var(--home-box-ring-color);
  transition: all 0.5s;
  animation: clippath 3s linear infinite;
  border-radius: 10px;
  opacity: 0;
  z-index: -1;
}

.landing .box:after {
  animation: clippath 3s linear -1.5s infinite;
}

.landing .box:hover:after,
.landing .box:hover:before {
  opacity: 1;
}

@keyframes clippath {
  0%, to {
    clip-path: inset(0 0 98% 0);
  }
  25% {
    clip-path: inset(0 98% 0 0);
  }
  50% {
    clip-path: inset(98% 0 0 0);
  }
  75% {
    clip-path: inset(0 0 0 98%);
  }
}
/* bootstrap customization */
@-webkit-keyframes noise-anim {
  0% {
    clip: rect(49px, 9999px, 40px, 0);
  }
  5% {
    clip: rect(75px, 9999px, 72px, 0);
  }
  10% {
    clip: rect(97px, 9999px, 93px, 0);
  }
  15% {
    clip: rect(15px, 9999px, 9px, 0);
  }
  20% {
    clip: rect(14px, 9999px, 92px, 0);
  }
  25% {
    clip: rect(18px, 9999px, 94px, 0);
  }
  30% {
    clip: rect(17px, 9999px, 20px, 0);
  }
  35% {
    clip: rect(71px, 9999px, 59px, 0);
  }
  40% {
    clip: rect(42px, 9999px, 84px, 0);
  }
  45% {
    clip: rect(56px, 9999px, 25px, 0);
  }
  50% {
    clip: rect(46px, 9999px, 14px, 0);
  }
  55% {
    clip: rect(47px, 9999px, 1px, 0);
  }
  60% {
    clip: rect(64px, 9999px, 58px, 0);
  }
  65% {
    clip: rect(89px, 9999px, 92px, 0);
  }
  70% {
    clip: rect(56px, 9999px, 39px, 0);
  }
  75% {
    clip: rect(80px, 9999px, 71px, 0);
  }
  80% {
    clip: rect(8px, 9999px, 13px, 0);
  }
  85% {
    clip: rect(66px, 9999px, 68px, 0);
  }
  90% {
    clip: rect(68px, 9999px, 4px, 0);
  }
  95% {
    clip: rect(56px, 9999px, 14px, 0);
  }
  100% {
    clip: rect(28px, 9999px, 53px, 0);
  }
}
@keyframes noise-anim {
  0% {
    clip: rect(49px, 9999px, 40px, 0);
  }
  5% {
    clip: rect(75px, 9999px, 72px, 0);
  }
  10% {
    clip: rect(97px, 9999px, 93px, 0);
  }
  15% {
    clip: rect(15px, 9999px, 9px, 0);
  }
  20% {
    clip: rect(14px, 9999px, 92px, 0);
  }
  25% {
    clip: rect(18px, 9999px, 94px, 0);
  }
  30% {
    clip: rect(17px, 9999px, 20px, 0);
  }
  35% {
    clip: rect(71px, 9999px, 59px, 0);
  }
  40% {
    clip: rect(42px, 9999px, 84px, 0);
  }
  45% {
    clip: rect(56px, 9999px, 25px, 0);
  }
  50% {
    clip: rect(46px, 9999px, 14px, 0);
  }
  55% {
    clip: rect(47px, 9999px, 1px, 0);
  }
  60% {
    clip: rect(64px, 9999px, 58px, 0);
  }
  65% {
    clip: rect(89px, 9999px, 92px, 0);
  }
  70% {
    clip: rect(56px, 9999px, 39px, 0);
  }
  75% {
    clip: rect(80px, 9999px, 71px, 0);
  }
  80% {
    clip: rect(8px, 9999px, 13px, 0);
  }
  85% {
    clip: rect(66px, 9999px, 68px, 0);
  }
  90% {
    clip: rect(68px, 9999px, 4px, 0);
  }
  95% {
    clip: rect(56px, 9999px, 14px, 0);
  }
  100% {
    clip: rect(28px, 9999px, 53px, 0);
  }
}
@-webkit-keyframes noise-anim-2 {
  0% {
    clip: rect(16px, 9999px, 10px, 0);
  }
  5% {
    clip: rect(22px, 9999px, 29px, 0);
  }
  10% {
    clip: rect(6px, 9999px, 68px, 0);
  }
  15% {
    clip: rect(85px, 9999px, 95px, 0);
  }
  20% {
    clip: rect(65px, 9999px, 91px, 0);
  }
  25% {
    clip: rect(93px, 9999px, 68px, 0);
  }
  30% {
    clip: rect(10px, 9999px, 27px, 0);
  }
  35% {
    clip: rect(37px, 9999px, 25px, 0);
  }
  40% {
    clip: rect(12px, 9999px, 23px, 0);
  }
  45% {
    clip: rect(40px, 9999px, 18px, 0);
  }
  50% {
    clip: rect(19px, 9999px, 71px, 0);
  }
  55% {
    clip: rect(2px, 9999px, 35px, 0);
  }
  60% {
    clip: rect(16px, 9999px, 69px, 0);
  }
  65% {
    clip: rect(8px, 9999px, 65px, 0);
  }
  70% {
    clip: rect(30px, 9999px, 57px, 0);
  }
  75% {
    clip: rect(14px, 9999px, 4px, 0);
  }
  80% {
    clip: rect(39px, 9999px, 30px, 0);
  }
  85% {
    clip: rect(22px, 9999px, 35px, 0);
  }
  90% {
    clip: rect(58px, 9999px, 71px, 0);
  }
  95% {
    clip: rect(34px, 9999px, 90px, 0);
  }
  100% {
    clip: rect(67px, 9999px, 68px, 0);
  }
}
@keyframes noise-anim-2 {
  0% {
    clip: rect(16px, 9999px, 10px, 0);
  }
  5% {
    clip: rect(22px, 9999px, 29px, 0);
  }
  10% {
    clip: rect(6px, 9999px, 68px, 0);
  }
  15% {
    clip: rect(85px, 9999px, 95px, 0);
  }
  20% {
    clip: rect(65px, 9999px, 91px, 0);
  }
  25% {
    clip: rect(93px, 9999px, 68px, 0);
  }
  30% {
    clip: rect(10px, 9999px, 27px, 0);
  }
  35% {
    clip: rect(37px, 9999px, 25px, 0);
  }
  40% {
    clip: rect(12px, 9999px, 23px, 0);
  }
  45% {
    clip: rect(40px, 9999px, 18px, 0);
  }
  50% {
    clip: rect(19px, 9999px, 71px, 0);
  }
  55% {
    clip: rect(2px, 9999px, 35px, 0);
  }
  60% {
    clip: rect(16px, 9999px, 69px, 0);
  }
  65% {
    clip: rect(8px, 9999px, 65px, 0);
  }
  70% {
    clip: rect(30px, 9999px, 57px, 0);
  }
  75% {
    clip: rect(14px, 9999px, 4px, 0);
  }
  80% {
    clip: rect(39px, 9999px, 30px, 0);
  }
  85% {
    clip: rect(22px, 9999px, 35px, 0);
  }
  90% {
    clip: rect(58px, 9999px, 71px, 0);
  }
  95% {
    clip: rect(34px, 9999px, 90px, 0);
  }
  100% {
    clip: rect(67px, 9999px, 68px, 0);
  }
}
.container-404 {
  min-height: 350px;
  text-align: center;
  border-radius: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-404 .error {
  color: var(--bs-secondary-text-emphasis);
  font-size: 6rem;
  position: relative;
  line-height: 1;
  width: 12.5rem;
}

.container-404 .error:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 var(--bs-secondary-border-subtle);
  top: 0;
  color: var(--bs-secondary-text-emphasis);
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.container-404 .error:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 var(--bs-secondary-border-subtle);
  top: 0;
  color: var(--bs-secondary-text-emphasis);
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}

/* bootstrap customization */
.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w180 {
  width: 180px !important;
}

.w200 {
  width: 200px !important;
}

.w220 {
  width: 220px !important;
}

.w210 {
  width: 210px !important;
}

.w230 {
  width: 230px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w350 {
  width: 350px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.wm300 {
  width: min(300px, 100%) !important;
}

.wp10 {
  width: 10% !important;
}

.wp20 {
  width: 20% !important;
}

.wp30 {
  width: 30% !important;
}

.wp40 {
  width: 40% !important;
}

.wp50 {
  width: 50% !important;
}

.wp60 {
  width: 60% !important;
}

.wp70 {
  width: 70% !important;
}

.wp80 {
  width: 80% !important;
}

.wp90 {
  width: 90% !important;
}

.wp95 {
  width: 95% !important;
}

.wp100 {
  width: 100% !important;
}

.hp100 {
  height: 100% !important;
}

.mw25 {
  min-width: 25px;
}

.mw100 {
  min-width: 100px !important;
}

.mw150 {
  min-width: 150px !important;
}

.mw200 {
  min-width: 200px !important;
}

.mw250 {
  min-width: 250px !important;
}

.mw300 {
  min-width: 300px !important;
}

.mw350 {
  min-width: 350px !important;
}

.mh40 {
  min-height: 40px !important;
}

.mh100 {
  min-height: 100px !important;
}

.mh150 {
  min-height: 150px !important;
}

.mh200 {
  min-height: 200px !important;
}

.mh250 {
  min-height: 250px !important;
}

.mh300 {
  min-height: 300px !important;
}

.maxw-20 {
  max-width: 20px;
}

.maxw-30 {
  max-width: 30px;
}

.maxw-150 {
  max-width: 150px !important;
}

.maxw-200 {
  max-width: 200px;
}

.maxw-250 {
  max-width: 250px;
}

.maxw-275 {
  max-width: 275px !important;
}

.maxw-300 {
  max-width: 300px;
}

.maxw-350 {
  max-width: 350px;
}

.maxw-400 {
  max-width: 400px;
}

.maxh-50 {
  max-height: 50px !important;
}

.maxh-150 {
  max-height: 150px;
}

.maxh-200 {
  max-height: 200px;
}

.maxh-250 {
  max-height: 250px;
}

.max-size-500 {
  max-height: 500px;
  max-width: 500px;
}

.break-text {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.vh50 {
  height: 50vh !important;
}

.vh60 {
  height: 60vh !important;
}

.vh70 {
  height: 70vh !important;
}

.vh80 {
  height: 80vh !important;
}

.fs-75 {
  font-size: 0.75rem !important;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.mt-label {
  margin-top: 2em;
}

.ms-6 {
  margin-left: 1.5rem;
}

.ms-7 {
  margin-left: 2.5rem;
}

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

.text-justify {
  text-align: justify !important;
}

.textCenter {
  text-align: center;
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-truncate-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hidden {
  display: none;
}

.input-group-text.disabled {
  background-color: #e9ecef;
  border-color: #ced4da;
  opacity: 1;
  cursor: not-allowed;
}

.dropdown-toggle {
  outline: 0;
}

.dropdown-toggle-none::after {
  display: none !important;
}

.blurry {
  color: transparent;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.75);
}

.rounded-bottom-end-0 {
  border-bottom-right-radius: 0 !important;
}

.disabled {
  --bs-dark-bg-subtle: rgba(206 ,212 ,218, 0.75) !important;
  background-color: var(--bs-dark-bg-subtle) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-dark-text-emphasis) !important;
  opacity: 0.9 !important;
  cursor: not-allowed;
}

.btn-view-more {
  --bs-btn-bg: var(--bs-secondary-bg-subtle) ;
}

.rotate-180 {
  transform: rotate(180deg);
}

.containerToggleGroupBy {
  right: 15px !important;
}

.no-user-select {
  user-select: none;
}

.card-animate {
  cursor: pointer;
  transition: all 0.3s;
}

.card-animate:hover {
  transform: scale(1.03);
}

.card-animate:active {
  transform: scale(0.98);
}

.card-animate.selected {
  transform: scale(1.07);
}

.card-animate.not-selected {
  transform: scale(1);
}

.card-loading {
  background-color: #f5f5f5 !important;
  color: #383d41;
}

.box-shadow-md {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.accordion-button.accordion-btn-hide-after::after {
  visibility: hidden;
}

.choices__list.choices__list--dropdown.is-active {
  z-index: 9;
}

.kanban-delete-column-extra {
  top: 0.25rem;
  right: 0.2rem;
  opacity: 0.7;
}

.remove-dropdown-caret::after {
  display: none !important;
}

.icon-active-inactive .nav-link .icon-active, .icon-active-inactive .dropdown-item .icon-active {
  display: none;
}

.icon-active-inactive .nav-link.active .icon-active, .icon-active-inactive .nav-link:hover .icon-active, .icon-active-inactive .dropdown-item.active .icon-active, .icon-active-inactive .dropdown-item:hover .icon-active {
  display: inline;
}

.icon-active-inactive .nav-link.active .icon-inactive, .icon-active-inactive .nav-link:hover .icon-inactive, .icon-active-inactive .dropdown-item.active .icon-inactive, .icon-active-inactive .dropdown-item:hover .icon-inactive {
  display: none;
}

.icon-active-inactive.btn .icon-active {
  display: none;
}

.icon-active-inactive.btn.active .icon-active, .icon-active-inactive.btn:hover .icon-active {
  display: inline;
}

.icon-active-inactive.btn.active .icon-inactive, .icon-active-inactive.btn:hover .icon-inactive {
  display: none;
}

.icon-active-inactive.container-icon-active-inactive .icon-active {
  display: none;
}

.icon-active-inactive.container-icon-active-inactive.active .icon-active, .icon-active-inactive.container-icon-active-inactive:hover .icon-active {
  display: inline;
}

.icon-active-inactive.container-icon-active-inactive.active .icon-inactive, .icon-active-inactive.container-icon-active-inactive:hover .icon-inactive {
  display: none;
}

@media (max-width: 480px) {
  .w-responsive-100 {
    width: 100px !important;
  }
}
.attach-files-loader {
  background-color: #fff;
  z-index: 999;
  height: 100vh;
}

.custom-height-tiny-section-contents .tox.tox-tinymce {
  height: calc(100vh - 271px) !important;
}

.danger-card {
  background: var(--bs-danger-bg-subtle) !important;
  color: var(--bs-danger-text-emphasis) !important;
  border: 1px solid var(--bs-danger-border-subtle) !important;
}

.danger-card .text-primary, .danger-card a {
  color: var(--bs-danger-text-emphasis) !important;
}

.danger-card .button-sla {
  background-color: #FFF !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
}

.danger-card .button-sla svg {
  width: 0.9rem;
  height: 0.9rem;
  color: inherit;
}

.danger-card .btn-task:hover svg {
  color: #000 !important;
}

.warning-card {
  background: var(--bs-warning-bg-subtle) !important;
  border: 1px solid var(--bs-warning-border-subtle) !important;
}

.warning-card .btn-task {
  background-color: #fff !important;
}

.popover-pendings .popover-body {
  padding: 0 !important;
  border-radius: inherit;
}

.pendings-badge.neutral {
  background: #4b5563;
  /* gris oscuro */
  color: #fff !important;
  font-weight: bold !important;
  font-size: 12px !important;
}

.pendings-badge.expired-pending {
  background: var(--bs-danger-bg-subtle) !important;
  color: var(--bs-danger) !important;
}

.pendings-badge.due-today-pending {
  background-color: #FFF3CD;
  border: 1px solid #FFECB5;
  color: #664D03;
}

.container-nocredits-flow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 80%;
}

.container-loader-form-flow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
}

.form-control.xl {
  font-size: 1.25rem;
  padding: 0.455rem 0.4581rem;
  height: auto;
}

span.mention {
  display: inline-block;
  padding: 2px 4px;
  border-radius: 5px;
  background: #0b6bbc;
  color: #ffffff;
  border: 1px solid rgba(59, 130, 246, 0.35);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
}

.select-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 5;
  border-radius: 0.375rem;
  pointer-events: all;
  padding-right: 12px;
}

.containerMultipleSelects span {
  flex-grow: 1;
}

.btn-footer icon-svg {
  display: flex;
}

/* bootstrap customization */
.box-loader {
  width: 100%;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
}

.loader, .shadowPulse {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  background: #FFF;
  box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}

.heart-loader {
  width: 50px;
  aspect-ratio: 1;
  color: var(--bs-primary);
  background: radial-gradient(circle at 60% 65%, currentColor 62%, rgba(0, 0, 0, 0) 65%) top left, radial-gradient(circle at 40% 65%, currentColor 62%, rgba(0, 0, 0, 0) 65%) top right, linear-gradient(to bottom left, currentColor 42%, rgba(0, 0, 0, 0) 43%) bottom left, linear-gradient(to bottom right, currentColor 42%, rgba(0, 0, 0, 0) 43%) bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

.heart-loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  opacity: 0.4;
  animation: heartPulse 1s infinite;
}

@keyframes heartPulse {
  to {
    transform: scale(1.8);
    opacity: 0;
  }
}
.progress {
  --bs-progress-bar-bg: var(--bs-secondary) !important;
}

.container-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

/* bootstrap customization */
.header {
  --upy-header-min-height: 4rem;
  --upy-header-padding-x: 0.5rem;
  --upy-header-padding-y: 0.5rem;
  --upy-header-bg: var(--bs-gray-100);
  --upy-header-color: var(--bs-secondary-text-emphasis);
  --upy-header-border-color: #d8dbe0;
  --upy-header-border: 1px solid var(--upy-header-border-color);
  --upy-header-hover-color: rgba(var(--bs-secondary-rgb), 0.95);
  --upy-header-disabled-color: rgba(44, 56, 74, 0.38);
  --upy-header-active-color: rgba(var(--bs-secondary-rgb), 0.95);
  --upy-header-brand-padding-y: 0.3125rem;
  --upy-header-brand-color: #4f5d73;
  --upy-header-brand-hover-color: #475468;
  --upy-header-toggler-padding-x: 0.75rem;
  --upy-header-toggler-padding-y: 0.25rem;
  --upy-header-toggler-bg: transparent;
  --upy-header-toggler-color: rgba(44, 56, 74, 0.681);
  --upy-header-toggler-border-radius: 0.375rem;
  --upy-header-toggler-hover-color: rgba(44, 56, 74, 0.95);
  --upy-header-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.681%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --upy-header-toggler-hover-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.95%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --upy-header-nav-link-padding-x: 0.5rem;
  --upy-header-nav-link-padding-y: 0.5rem;
  --upy-header-divider-border-color: #d8dbe0;
  --upy-header-divider-border: 1px solid var(--upy-header-divider-border-color);
  --upy-subheader-min-height: 3rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: var(--upy-header-min-height);
  padding: var(--upy-header-padding-y) var(--upy-header-padding-x);
  background: var(--upy-header-bg);
  border-bottom: var(--upy-header-border);
}

.header > .container, .header > .container-fluid, .header > .container-sm, .header > .container-md, .header > .container-lg, .header > .container-xl, .header > .container-xxl, .header .navbar > .container, .header .navbar > .container-fluid, .header .navbar > .container-sm, .header .navbar > .container-md, .header .navbar > .container-lg, .header .navbar > .container-xl, .header .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.header .container:first-child, .header .container-fluid:first-child, .header .container-sm:first-child, .header .container-md:first-child, .header .container-lg:first-child, .header .container-xl:first-child, .header .container-xxl:first-child {
  min-height: calc(var(--upy-header-min-height) - 2 * var(--upy-header-padding-y));
}

.header .container:nth-child(n+2), .header .container-fluid:nth-child(n+2), .header .container-sm:nth-child(n+2), .header .container-md:nth-child(n+2), .header .container-lg:nth-child(n+2), .header .container-xl:nth-child(n+2), .header .container-xxl:nth-child(n+2) {
  min-height: calc(var(--upy-subheader-min-height) - 2 * var(--upy-header-padding-y));
}

.header.header-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1029;
}

.header-divider {
  flex-basis: calc(100% + 2 * var(--upy-header-padding-x));
  height: 0;
  margin: var(--upy-header-padding-y) calc(var(--upy-header-padding-x) * -1);
  border-top: var(--upy-header-divider-border);
}

.header-brand {
  padding-top: var(--upy-header-brand-padding-y);
  padding-bottom: var(--upy-header-brand-padding-y);
  font-size: 1.25rem;
  color: var(--upy-header-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

html:not([dir=rtl]) .header-brand {
  margin-right: 1rem;
}

*[dir=rtl] .header-brand {
  margin-left: 1rem;
}

.header-brand:hover, .header-brand:focus {
  color: var(--upy-header-brand-hover-color);
}

.header-nav {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  list-style: none;
}

html:not([dir=rtl]) .header-nav {
  padding-left: 0;
}

*[dir=rtl] .header-nav {
  padding-right: 0;
}

.header-nav .nav-link {
  padding: var(--upy-header-nav-link-padding-y) var(--upy-header-nav-link-padding-x);
  color: var(--upy-header-color);
}

.header-nav .nav-link:hover, .header-nav .nav-link:focus {
  color: var(--upy-header-hover-color);
}

.header-nav .nav-link.disabled {
  color: var(--upy-header-disabled-color);
}

.header-nav .show > .nav-link, .header-nav .nav-link.active {
  color: var(--upy-header-active-color);
}

.header-nav .dropdown-menu {
  position: absolute;
}

.header-text {
  padding-top: var(--upy-header-nav-link-padding-y);
  padding-bottom: var(--upy-header-nav-link-padding-y);
  color: var(--upy-header-color);
}

.header-text a {
  color: var(--upy-header-active-color);
}

.header-text a:hover, .header-text a:focus {
  color: var(--upy-header-active-color);
}

.header-toggler {
  padding: var(--upy-header-toggler-padding-y) var(--upy-header-toggler-padding-x);
  font-size: 1.25rem;
  color: var(--upy-header-toggler-color);
  background-color: var(--upy-header-toggler-bg);
  border: 0;
  border-radius: var(--upy-header-toggler-border-radius);
}

.header-toggler:hover {
  color: var(--upy-header-toggler-hover-color);
  text-decoration: none;
}

.header-toggler:focus {
  outline: 0;
}

.header-toggler:not(:disabled) {
  cursor: pointer;
}

.header-toggler-icon {
  display: block;
  height: 1.5625rem;
  background-image: var(--upy-header-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.header-toggler-icon:hover {
  background-image: var(--upy-header-toggler-hover-icon-bg);
}

.header .dot-notification {
  background: var(--bs-btn-bg);
  color: var(--bs-btn-color);
  --bs-badge-padding-x: 0.5em;
  --bs-badge-padding-y: 0.35em;
  font-size: 0.65rem;
  top: 20%;
  left: 20%;
}

.dropdown-menu {
  --upy-border-color-translucent: rgba(0, 0, 21, 0.175);
  --upy-dropdown-min-width: 10rem;
  --upy-dropdown-padding-x: 0;
  --upy-dropdown-padding-y: 0.5rem;
  --upy-dropdown-spacer: 0.125rem;
  --upy-dropdown-font-size: 1rem;
  --upy-dropdown-color: var(--bs-body-color);
  --upy-dropdown-bg: var(--bs-body-bg);
  --upy-dropdown-border-color: var(--upy-border-color-translucent);
  --upy-dropdown-border-radius: 0.375rem;
  --upy-dropdown-border-width: 1px;
  --upy-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --upy-dropdown-divider-bg: var(--upy-border-color-translucent);
  --upy-dropdown-divider-margin-y: 0.5rem;
  --upy-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.15);
  --upy-dropdown-link-color: #4f5d73;
  --upy-dropdown-link-hover-color: #475468;
  --upy-dropdown-link-hover-bg: #d8dbe0;
  --upy-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
  --upy-dropdown-link-active-bg: #321fdb;
  --upy-dropdown-link-disabled-color: #9da5b1;
  --upy-dropdown-item-padding-x: 1rem;
  --upy-dropdown-item-padding-y: 0.25rem;
  --upy-dropdown-header-color: #8a93a2;
  --upy-dropdown-header-padding-x: 1rem;
  --upy-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: var(--upy-dropdown-min-width);
  padding: var(--upy-dropdown-padding-y) var(--upy-dropdown-padding-x);
  margin: 0;
  font-size: var(--upy-dropdown-font-size);
  color: var(--upy-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--upy-dropdown-bg);
  background-clip: padding-box;
  border: var(--upy-dropdown-border-width) solid var(--upy-dropdown-border-color);
  border-radius: var(--upy-dropdown-border-radius);
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item.focused, .dropdown-menu .dropdown-item.active {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle) !important;
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis) !important;
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
  border: 1px solid var(--bs-secondary-border-subtle);
}

.dropdown-menu.text-bg-secondary .dropdown-item {
  color: #fff !important;
}

.dropdown-menu.text-bg-secondary .dropdown-divider {
  border-top: 1px solid #fff;
}

.course-dropdown-thumb {
  --course-dropdown-thumb-size: 3.25rem;
  width: var(--course-dropdown-thumb-size);
  height: var(--course-dropdown-thumb-size);
  background-color: var(--bs-light-bg-subtle);
}

.course-dropdown-thumb img.course-dropdown-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-dropdown-thumb .course-dropdown-placeholder {
  font-size: 1.1rem;
  color: var(--bs-secondary);
}

.dropdown-item .course-progress-info {
  font-size: 0.8rem;
  color: var(--bs-secondary);
}

.dropdown-item .course-dropdown-route-badge {
  font-size: 0.68rem;
  line-height: 1;
  padding: 0.3rem 0.45rem;
  flex-shrink: 0;
}

.dropdown-header {
  display: block;
  padding: var(--upy-dropdown-header-padding-y) var(--upy-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--upy-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--upy-dropdown-item-padding-y) var(--upy-dropdown-item-padding-x);
  color: var(--upy-dropdown-link-color);
}

a#box-user-logo {
  opacity: 0.5;
  background: #777;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0.5em;
}

#bento-menu.dropdown-menu img.icon-app {
  height: 3em !important;
  width: 3em !important;
  display: block;
  box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.4);
  border-radius: 4em;
  margin: auto;
}

#bento-menu.dropdown-menu .dropdown-item:hover svg, #bento-menu.dropdown-menu .dropdown-item:focus svg, #bento-menu.dropdown-menu .dropdown-item.active svg {
  border-radius: 50%;
}

.swicth-n-f {
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  overflow: hidden;
}

.swicth-n-f, .swicth-n-f.layer {
  border-radius: 100px;
}

.swicth-n-f ~ .disconnect {
  display: none;
}

.swicth-n-f:has(.checkbox:checked) ~ .disconnect {
  display: block;
}

.swicth-n-f:has(.checkbox:checked) ~ .logOnTo {
  display: none;
}

.swicth-n-f .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.swicth-n-f .knobs,
.swicth-n-f .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.swicth-n-f .knobs {
  z-index: 2;
}

.swicth-n-f .layer {
  width: 100%;
  background-color: transparent;
  transition: 0.3s ease all;
  z-index: 1;
}

.swicth-n-f .checkbox:checked + .knobs:before {
  content: "Online";
  left: 0px;
  background-color: green;
}

.swicth-n-f .knobs:before {
  content: "Offline";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 28px;
  height: 26px;
  color: #FFF;
  font-size: 7px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 11px 3px;
  background-color: #c1121f;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.swicth-n-f .knobs, .swicth-n-f .knobs:before, .swicth-n-f .layer {
  transition: 0.3s ease all;
}

#contextual-help:hover svg {
  color: var(--bs-primary);
}

#menu_contacts:has(#message-unread) {
  padding-left: 0px;
}

#menu_contacts #message-unread {
  position: absolute;
  right: 0;
  top: 5px;
  margin: 0;
}

#notify-list .list-group {
  width: 450px;
}

#multiple-header-actions .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
#multiple-header-actions .btn-group > .btn.dropdown-toggle-split:first-child,
#multiple-header-actions .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

#multiple-header-actions .btn-group > .btn:nth-child(n+3), #multiple-header-actions .btn-group > :not(.btn-check) + .btn, #multiple-header-actions .btn-group > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

#container-header-actions-totals div.d-flex > div[style] {
  width: 120px !important;
}

@media (max-width: 575.98px) {
  .wrapper .container-fluid {
    padding: 0;
  }
  #bento-menu {
    width: 290px;
  }
  #multiple-header-actions > button {
    font-size: 0 !important;
  }
  #multiple-header-actions > button icon-svg:not(.icon-lg) svg {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
  }
  #header-actions > button {
    font-size: 0 !important;
  }
  #header-actions > button icon-svg:not(.icon-lg) svg {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
  }
  .header {
    --upy-header-padding-x: 0.25rem;
    --upy-header-nav-link-padding-y: 0;
    --upy-header-toggler-padding-y: 0;
  }
  .header #notify-list {
    width: 100vw;
  }
  .header #notify-list .list-group {
    width: 100%;
  }
  .breadcrumb .h4 {
    font-size: 1rem;
  }
}
@media (min-width: 576px) {
  #bento-menu {
    width: 350px;
  }
}
@media (max-width: 767.98px) {
  #nav-buscar #resultsDropdown {
    width: 100% !important;
  }
}
#nav-progress .progress {
  cursor: progress;
}

#nav-progress .progress .progress-bar {
  margin: 1px;
  font-size: 0.65em;
}

#nav-progress .progress.progress-success {
  border-color: var(--bs-success-border-subtle) !important;
}

#nav-progress .progress.progress-success .progress-bar {
  background-color: var(--bs-success) !important;
  color: var(--bs-white) !important;
  font-weight: 600;
  margin: 0;
}

/* bootstrap customization */
.wrapper {
  width: 100%;
  will-change: auto;
  transition: padding 0.15s;
}

html:not([dir=rtl]) .wrapper {
  padding-left: var(--upy-sidebar-occupy-start, 0);
}

*[dir=rtl] .wrapper {
  padding-right: var(--upy-sidebar-occupy-start, 0);
}

@media (prefers-reduced-motion: reduce) {
  .wrapper {
    transition: none;
  }
}
.sidebar {
  --upy-sidebar-width: 16rem;
  --upy-sidebar-bg: #081C35;
  --upy-sidebar-nav-link-hover-color: rgba(255, 255, 255, 0.9);
  --upy-sidebar-nav-link-disabled-color:var(--bs-dark-text-emphasis) !important;
  --upy-sidebar-nav-link-active-icon-color: rgba(255, 255, 255, 0.87);
  --upy-sidebar-nav-link-hover-icon-color: rgba(255, 255, 255, 0.87);
  --upy-sidebar-color: rgba(255, 255, 255, 0.87);
  --upy-sidebar-brand-color: rgba(255, 255, 255, 0.87);
  --upy-sidebar-nav-title-color: rgba(255, 255, 255, 0.6);
  --upy-sidebar-nav-link-color: rgba(255, 255, 255, 0.6);
  --upy-sidebar-nav-link-disabled-icon-color: rgba(255, 255, 255, 0.6);
  --upy-sidebar-nav-link-icon-color: rgba(255, 255, 255, 0.6);
  --upy-sidebar-nav-group-toggle-show-color: rgba(255, 255, 255, 0.6);
  --upy-sidebar-nav-link-active-color: rgba(255, 255, 255, 1);
  --upy-sidebar-nav-link-active-bg: linear-gradient(90deg, #FF7949 0%, #FF2D6A 59.69%);
  --upy-sidebar-nav-link-hover-bg: linear-gradient(90deg, #FF7949 0%, #FF2D6A 59.69%);
  --upy-sidebar-brand-bg: rgba(0, 0, 21, 0.2);
  --upy-sidebar-header-bg: rgba(0, 0, 21, 0.2);
  --upy-sidebar-footer-bg: rgba(0, 0, 21, 0.2);
  --upy-sidebar-toggler-bg: rgba(0, 0, 21, 0.2);
  --upy-sidebar-nav-group-bg: rgba(0, 0, 0, 0.2);
  --upy-sidebar-toggler-hover-bg: rgba(0, 0, 0, 0.3);
  --upy-sidebar-padding-x: 0;
  --upy-sidebar-padding-y: 0;
  --upy-sidebar-border-width: 0;
  --upy-sidebar-border-color: transparent;
  --upy-sidebar-brand-height: 4rem;
  --upy-sidebar-header-height: 4rem;
  --upy-sidebar-header-padding-x: 1rem;
  --upy-sidebar-header-padding-y: 0.75rem;
  --upy-sidebar-footer-height: auto;
  --upy-sidebar-footer-padding-x: 1rem;
  --upy-sidebar-footer-padding-y: 0.75rem;
  --upy-sidebar-toggler-height: 3rem;
  --upy-sidebar-toggler-indicator-width: 4rem;
  --upy-sidebar-toggler-indicator-height: 3rem;
  --upy-sidebar-narrow-width: 4rem;
  --upy-sidebar-nav-title-padding-x: 1rem;
  --upy-sidebar-nav-title-padding-y: 0.75rem;
  --upy-sidebar-nav-title-margin-top: 1rem;
  --upy-sidebar-nav-link-padding-x: 1rem;
  --upy-sidebar-nav-link-padding-y: 0.25rem;
  --upy-sidebar-nav-link-bg: transparent;
  --upy-sidebar-nav-link-border-color: transparent;
  --upy-sidebar-nav-link-border: 0 solid var(--upy-sidebar-nav-link-border-color);
  --upy-sidebar-nav-link-border-radius: 0;
  --upy-sidebar-nav-icon-width: 4rem;
  --upy-sidebar-nav-icon-font-size: 2rem;
  --upy-sidebar-nav-group-items-padding-y: 0;
  --upy-sidebar-nav-group-items-padding-x: 0;
  --upy-sidebar-toggler-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%238a93a2' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
  --upy-sidebar-toggler-indicator-hover: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.87%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
  --upy-sidebar-nav-group-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --upy-sidebar-nav-group-indicator-hover: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  position: relative;
  display: flex;
  flex: 0 0 var(--upy-sidebar-width);
  flex-direction: column;
  order: -1;
  width: var(--upy-sidebar-width);
  padding: var(--upy-sidebar-padding-y) var(--upy-sidebar-padding-x);
  color: var(--upy-sidebar-color);
  background: var(--upy-sidebar-bg);
  box-shadow: none;
  transition: margin-left 0.15s, margin-right 0.15s, box-shadow 0.075s, transform 0.15s, width 0.15s, z-index 0s ease 0.15s;
}

.sidebar ::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  transition: 0.4s;
}

.sidebar ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.7254901961);
  backdrop-filter: blur(10px);
  transition: 0.4s;
}

.sidebar ::-webkit-scrollbar-thumb {
  background: #585858;
  transition: 0.4s;
}

.sidebar ::-webkit-scrollbar-thumb:hover {
  background: #FD4C68;
  transition: 0.4s;
}

html:not([dir=rtl]) .sidebar {
  border-right: var(--upy-sidebar-border-width) solid var(--upy-sidebar-border-color);
}

*[dir=rtl] .sidebar {
  border-left: var(--upy-sidebar-border-width) solid var(--upy-sidebar-border-color);
}

@media (prefers-reduced-motion: reduce) {
  .sidebar {
    transition: none;
  }
}
html:not([dir=rtl]) .sidebar:not(.sidebar-end) {
  margin-left: 0;
}

*[dir=rtl] .sidebar:not(.sidebar-end) {
  margin-right: 0;
}

.sidebar:not(.sidebar-end) ~ * {
  --upy-sidebar-occupy-start: 16rem ;
}

.sidebar.sidebar-end {
  order: 99;
}

html:not([dir=rtl]) .sidebar.sidebar-end {
  margin-right: 0;
}

*[dir=rtl] .sidebar.sidebar-end {
  margin-left: 0;
}

.sidebar.sidebar-end ~ * {
  --upy-sidebar-occupy-end: 16rem ;
}

.sidebar[class*=bg-] {
  border-color: rgba(0, 0, 21, 0.1);
}

.sidebar.sidebar-sm {
  --upy-sidebar-width: 12rem ;
}

@media (min-width: 768px) {
  .sidebar.sidebar-sm:not(.sidebar-end):not(.hide) ~ * {
    --upy-sidebar-occupy-start: 12rem ;
  }
  .sidebar.sidebar-sm.sidebar-end:not(.hide) ~ * {
    --upy-sidebar-occupy-end: 12rem ;
  }
}
.sidebar.sidebar-lg {
  --upy-sidebar-width: 20rem ;
}

@media (min-width: 768px) {
  .sidebar.sidebar-lg:not(.sidebar-end):not(.hide) ~ * {
    --upy-sidebar-occupy-start: 20rem ;
  }
  .sidebar.sidebar-lg.sidebar-end:not(.hide) ~ * {
    --upy-sidebar-occupy-end: 20rem ;
  }
}
.sidebar.sidebar-xl {
  --upy-sidebar-width: 24rem ;
}

@media (min-width: 768px) {
  .sidebar.sidebar-xl:not(.sidebar-end):not(.hide) ~ * {
    --upy-sidebar-occupy-start: 24rem ;
  }
  .sidebar.sidebar-xl.sidebar-end:not(.hide) ~ * {
    --upy-sidebar-occupy-end: 24rem ;
  }
}
@media (min-width: 768px) {
  html:not([dir=rtl]) .sidebar.hide:not(.sidebar-end) {
    margin-left: calc(-1 * var(--upy-sidebar-width));
  }
  *[dir=rtl] .sidebar.hide:not(.sidebar-end) {
    margin-right: calc(-1 * var(--upy-sidebar-width));
  }
  .sidebar.hide:not(.sidebar-end) ~ * {
    --upy-sidebar-occupy-start: 0 ;
  }
  html:not([dir=rtl]) .sidebar.hide.sidebar-end {
    margin-right: calc(-1 * var(--upy-sidebar-width));
  }
  *[dir=rtl] .sidebar.hide.sidebar-end {
    margin-left: calc(-1 * var(--upy-sidebar-width));
  }
  .sidebar.hide.sidebar-end ~ * {
    --upy-sidebar-occupy-end: 0 ;
  }
}
@media (min-width: 768px) {
  .sidebar.sidebar-fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1030;
  }
  html:not([dir=rtl]) .sidebar.sidebar-fixed:not(.sidebar-end) {
    left: 0;
  }
  *[dir=rtl] .sidebar.sidebar-fixed:not(.sidebar-end) {
    right: 0;
  }
  html:not([dir=rtl]) .sidebar.sidebar-fixed.sidebar-end {
    right: 0;
  }
  *[dir=rtl] .sidebar.sidebar-fixed.sidebar-end {
    left: 0;
  }
}
@media (min-width: 768px) {
  .sidebar.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
  }
}
.sidebar.sidebar-overlaid {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1032;
}

html:not([dir=rtl]) .sidebar.sidebar-overlaid:not(.sidebar-end) {
  left: 0;
}

*[dir=rtl] .sidebar.sidebar-overlaid:not(.sidebar-end) {
  right: 0;
}

.sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
  --upy-sidebar-occupy-start: 0 ;
}

html:not([dir=rtl]) .sidebar.sidebar-overlaid.sidebar-end {
  right: 0;
}

*[dir=rtl] .sidebar.sidebar-overlaid.sidebar-end {
  left: 0;
}

.sidebar.sidebar-overlaid.sidebar-end ~ * {
  --upy-sidebar-occupy-end: 0 ;
}

@media (max-width: 767.98px) {
  .sidebar {
    --upy-is-mobile: true;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1031;
  }
  html:not([dir=rtl]) .sidebar:not(.sidebar-end) {
    left: 0;
  }
  *[dir=rtl] .sidebar:not(.sidebar-end) {
    right: 0;
  }
  .sidebar:not(.sidebar-end) ~ * {
    --upy-sidebar-occupy-start: 0 !important ;
  }
  html:not([dir=rtl]) .sidebar:not(.sidebar-end):not(.show) {
    margin-left: calc(-1 * var(--upy-sidebar-width));
  }
  *[dir=rtl] .sidebar:not(.sidebar-end):not(.show) {
    margin-right: calc(-1 * var(--upy-sidebar-width));
  }
  html:not([dir=rtl]) .sidebar.sidebar-end {
    right: 0;
  }
  *[dir=rtl] .sidebar.sidebar-end {
    left: 0;
  }
  .sidebar.sidebar-end ~ * {
    --upy-sidebar-occupy-end: 0 !important ;
  }
  html:not([dir=rtl]) .sidebar.sidebar-end:not(.show) {
    margin-right: calc(-1 * var(--upy-sidebar-width));
  }
  *[dir=rtl] .sidebar.sidebar-end:not(.show) {
    margin-left: calc(-1 * var(--upy-sidebar-width));
  }
}
.sidebar-close {
  position: absolute;
  top: 0;
  width: var(--upy-sidebar-width);
  height: var(--upy-sidebar-header-height);
  color: var(--upy-sidebar-color);
  background: 0 0;
  border: 0;
}

html:not([dir=rtl]) .sidebar-close {
  right: 0;
}

*[dir=rtl] .sidebar-close {
  left: 0;
}

.sidebar-close:hover {
  text-decoration: none;
}

.sidebar-close:focus {
  outline: 0;
}

.sidebar-brand {
  display: flex;
  flex: 0 0 var(--upy-sidebar-brand-height);
  align-items: center;
  justify-content: center;
  color: var(--upy-sidebar-brand-color);
  background: var(--upy-sidebar-brand-bg);
}

.sidebar-brand .sidebar-brand-narrow {
  display: none;
}

.sidebar-header {
  flex: 0 0 var(--upy-sidebar-header-height);
  padding: var(--upy-sidebar-header-padding-y) var(--upy-sidebar-header-padding-x);
  text-align: center;
  background: var(--upy-sidebar-header-bg);
  transition: height 0.15s, padding 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-header {
    transition: none;
  }
}
.sidebar-header .nav-link {
  display: flex;
  align-items: center;
  min-height: var(--upy-sidebar-header-height);
}

.sidebar-footer {
  flex: 0 0 var(--upy-sidebar-footer-height);
  padding: var(--upy-sidebar-footer-padding-y) var(--upy-sidebar-footer-padding-x);
  background: var(--upy-sidebar-footer-bg);
  transition: height 0.15s, padding 0.15s;
}

.nav-link span.badge {
  position: absolute;
  right: 5px;
  bottom: 1em;
}

.nav-link.active span.badge {
  background-color: var(--upy-sidebar-bg) !important;
  color: var(--upy-sidebar-color) !important;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-footer {
    transition: none;
  }
}
.sidebar-toggler {
  display: flex;
  flex: 0 0 var(--upy-sidebar-toggler-height);
  justify-content: flex-end;
  width: inherit;
  padding: 0;
  cursor: pointer;
  background-color: var(--upy-sidebar-toggler-bg);
  border: 0;
}

@media (max-width: 767.98px) {
  .sidebar-toggler {
    display: none;
  }
}
.sidebar-toggler::before {
  display: block;
  width: var(--upy-sidebar-toggler-indicator-width);
  height: var(--upy-sidebar-toggler-indicator-height);
  content: "";
  background-image: var(--upy-sidebar-toggler-indicator);
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(var(--upy-sidebar-toggler-indicator-height) * 0.25);
  transition: transform 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-toggler::before {
    transition: none;
  }
}
*[dir=rtl] .sidebar-toggler::before {
  transform: rotate(-180deg);
}

.sidebar-toggler:focus {
  outline: 0;
}

.sidebar-toggler:hover {
  background-color: var(--upy-sidebar-toggler-hover-bg);
}

.sidebar-toggler:hover::before {
  background-image: var(--upy-sidebar-toggler-indicator-hover);
}

.sidebar-end .sidebar-toggler {
  justify-content: flex-start;
}

.sidebar-end .sidebar-toggler::before {
  transform: rotate(-180deg);
}

.sidebar-backdrop-body {
  overflow: hidden;
  padding-right: 0px;
}

.sidebar-backdrop {
  --upy-backdrop-zindex: 1030;
  --upy-backdrop-bg: #000015;
  --upy-backdrop-opacity: 0.5 ;
}

@media (max-width: 767.98px) {
  .sidebar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--upy-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--upy-backdrop-bg);
  }
  .sidebar-backdrop.fade {
    opacity: 0;
  }
  .sidebar-backdrop.show {
    opacity: var(--upy-backdrop-opacity);
  }
}
.sidebar-nav {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  margin-bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
}

.sidebar-nav .nav-title {
  padding: var(--upy-sidebar-nav-title-padding-y) var(--upy-sidebar-nav-title-padding-x);
  margin-top: var(--upy-sidebar-nav-title-margin-top);
  font-size: 80%;
  font-weight: 700;
  color: var(--upy-sidebar-nav-title-color);
  text-transform: uppercase;
  transition: height 0.15s, margin 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .nav-title {
    transition: none;
  }
}
.sidebar-nav .nav-link {
  display: flex;
  flex: 1;
  align-items: center;
  padding: var(--upy-sidebar-nav-link-padding-y) var(--upy-sidebar-nav-link-padding-x);
  color: var(--upy-sidebar-nav-link-color);
  text-decoration: none;
  white-space: nowrap;
  background: var(--upy-sidebar-nav-link-bg);
  border: var(--upy-sidebar-nav-link-border);
  border-radius: var(--upy-sidebar-nav-link-border-radius);
  transition: background 0.15s ease, color 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .nav-link {
    transition: none;
  }
}
.sidebar-nav .nav-link.active {
  color: var(--upy-sidebar-nav-link-active-color);
  background: var(--upy-sidebar-nav-link-active-bg);
}

.sidebar-nav .nav-link.active .nav-icon {
  color: var(--upy-sidebar-nav-link-active-icon-color);
}

.sidebar-nav .nav-link.disabled {
  color: var(--upy-sidebar-nav-link-disabled-color);
  pointer-events: auto;
  cursor: not-allowed;
  background-color: transparent !important;
}

.sidebar-nav .nav-link.disabled .nav-icon {
  color: var(--upy-sidebar-nav-link-disabled-icon-color);
  opacity: 0.3;
}

.sidebar-nav .nav-link.disabled:hover {
  color: var(--upy-sidebar-nav-link-disabled-color);
}

.sidebar-nav .nav-link.disabled:hover .nav-icon {
  color: var(--upy-sidebar-nav-link-disabled-icon-color);
}

.sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after {
  background-image: var(--upy-sidebar-nav-group-indicator-hover);
}

@media (hover: hover), (-ms-high-contrast: none) {
  .sidebar-nav .nav-link:hover {
    color: var(--upy-sidebar-nav-link-hover-color);
    text-decoration: none;
    background: var(--upy-sidebar-nav-link-hover-bg);
  }
  .sidebar-nav .nav-link:hover .nav-icon {
    color: var(--upy-sidebar-nav-link-hover-icon-color);
  }
  .sidebar-nav .nav-link:hover.nav-group-toggle::after {
    background-image: var(--upy-sidebar-nav-group-indicator-hover);
  }
}
.sidebar-nav .nav-icon {
  flex: 0 0 var(--upy-sidebar-nav-icon-width);
  font-size: var(--upy-sidebar-nav-icon-font-size);
  color: var(--upy-sidebar-nav-link-icon-color);
  text-align: center;
  fill: currentColor;
  transition: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .nav-icon {
    transition: none;
  }
}
html:not([dir=rtl]) .sidebar-nav .nav-icon {
  margin-left: calc(var(--upy-sidebar-nav-link-padding-x) * -1);
}

*[dir=rtl] .sidebar-nav .nav-icon:first-child {
  margin-right: calc(var(--upy-sidebar-nav-link-padding-x) * -1);
}

.sidebar-nav svg.nav-icon {
  overflow: hidden;
}

.sidebar-nav .nav-group {
  position: relative;
  transition: background 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .nav-group {
    transition: none;
  }
}
.sidebar-nav .nav-group .nav-group-items {
  padding: var(--upy-sidebar-nav-group-items-padding-y) var(--upy-sidebar-nav-group-items-padding-x);
  overflow: hidden;
  transition: height 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .nav-group .nav-group-items {
    transition: none;
  }
}
.sidebar-nav .nav-group:not(.show) .nav-group-items {
  display: none;
}

.sidebar-nav .nav-group.show {
  background: var(--upy-sidebar-nav-group-bg);
}

.sidebar-nav .nav-group.show .nav-group-toggle {
  color: var(--upy-sidebar-nav-group-toggle-show-color);
}

.sidebar-nav .nav-group.show > .nav-group-toggle::after {
  transform: rotate(180deg);
}

.sidebar-nav .nav-group.show + .show {
  margin-top: 1px;
}

.sidebar-nav .nav-group-toggle, #feedback-icon, #icon-brake {
  cursor: pointer;
}

.sidebar-nav .nav-group-toggle::after {
  display: block;
  flex: 0 12px;
  height: 12px;
  content: "";
  background-image: var(--upy-sidebar-nav-group-indicator);
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.15s;
}

html:not([dir=rtl]) .sidebar-nav .nav-group-toggle::after {
  margin-left: auto;
}

*[dir=rtl] .sidebar-nav .nav-group-toggle::after {
  margin-right: auto;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .nav-group-toggle::after {
    transition: none;
  }
}
.sidebar-nav .nav-group-items {
  padding: 0;
  list-style: none;
}

html:not([dir=rtl]) .sidebar-nav .nav-group-items .nav-link {
  padding-left: var(--upy-sidebar-nav-icon-width);
}

*[dir=rtl] .sidebar-nav .nav-group-items .nav-link {
  padding-right: var(--upy-sidebar-nav-icon-width);
}

html:not([dir=rtl]) .sidebar-nav .nav-group-items .nav-link .nav-icon {
  margin-left: calc(var(--upy-sidebar-nav-icon-width) * -1);
}

*[dir=rtl] .sidebar-nav .nav-group-items .nav-link .nav-icon {
  margin-right: calc(var(--upy-sidebar-nav-icon-width) * -1);
}

.sidebar-nav.compact .nav-link, .sidebar-nav .compact .nav-link {
  padding-top: calc(var(--upy-sidebar-nav-link-padding-y) * 0.5);
  padding-bottom: calc(var(--upy-sidebar-nav-link-padding-y) * 0.5);
}

@media (min-width: 768px) {
  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
    z-index: 1031;
    flex: 0 0 var(--upy-sidebar-narrow-width);
    width: var(--upy-sidebar-narrow-width);
    padding-bottom: var(--upy-sidebar-toggler-height);
    overflow: visible;
  }
  .sidebar-fixed.sidebar-narrow-unfoldable:not(:hover), .sidebar-fixed.sidebar-narrow {
    z-index: 1031;
    width: var(--upy-sidebar-narrow-width);
  }
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full, .sidebar-narrow .sidebar-brand-full {
    display: none;
  }
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow {
    display: block;
  }
  .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none, .sidebar-narrow-unfoldable:not(:hover) .nav-label, .sidebar-narrow .nav-label, .sidebar-narrow-unfoldable:not(:hover) .nav-title, .sidebar-narrow .nav-title, .sidebar-narrow-unfoldable:not(:hover) .nav-group-items, .sidebar-narrow .nav-group-items, .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer, .sidebar-narrow .sidebar-footer, .sidebar-narrow-unfoldable:not(:hover) .sidebar-form, .sidebar-narrow .sidebar-form, .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header {
    height: 0 !important;
    padding: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
  }
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
    position: fixed;
    bottom: 0;
  }
  html:not([dir=rtl]) .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, html:not([dir=rtl]) .sidebar-narrow .sidebar-toggler::before {
    transform: rotate(-180deg);
  }
  *[dir=rtl] .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, *[dir=rtl] .sidebar-narrow .sidebar-toggler::before {
    transform: rotate(0deg);
  }
  .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
    transform: rotate(0deg);
  }
  .sidebar-no-hover {
    width: 4rem;
  }
  .sidebar-no-hover.sidebar-manual-open {
    width: 16rem;
  }
}
.sidebar-narrow:not(.sidebar-end) ~ * {
  --upy-sidebar-occupy-start: 4rem ;
}

.sidebar-narrow.sidebar-end ~ * {
  --upy-sidebar-occupy-end: 4rem ;
}

.sidebar-narrow-unfoldable {
  position: fixed;
  z-index: 1031;
}

.sidebar-narrow-unfoldable:not(.sidebar-end) ~ * {
  --upy-sidebar-occupy-start: 4rem ;
}

.sidebar-narrow-unfoldable.sidebar-end ~ * {
  --upy-sidebar-occupy-end: 4rem ;
}

html:not([dir=rtl]) .sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
  transform: rotate(-180deg);
}

*[dir=rtl] .sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
  transform: rotate(0deg);
}

.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
  transform: rotate(0deg);
}

html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) {
  margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
}

*[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) {
  margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
}

html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end {
  margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
}

*[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end {
  margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
}

@media (max-width: 575.98px) {
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable.sidebar-end {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable.sidebar-end {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
}
@media (max-width: 767.98px) {
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable.sidebar-end {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable.sidebar-end {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
}
@media (max-width: 991.98px) {
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable.sidebar-end {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable.sidebar-end {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
}
@media (max-width: 1199.98px) {
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable.sidebar-end {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable.sidebar-end {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
}
@media (max-width: 1399.98px) {
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable:not(.sidebar-end) {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable.sidebar-end {
    margin-right: calc(var(--upy-sidebar-narrow-width) * -1);
  }
  *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable.sidebar-end {
    margin-left: calc(var(--upy-sidebar-narrow-width) * -1);
  }
}
.sidebar-nav .nav-icon svg {
  width: 30px;
  display: inline-block;
}

.container-about-account {
  display: block;
  flex-direction: column;
  align-items: center;
  padding: var(--upy-sidebar-nav-link-padding-y) var(--upy-sidebar-nav-link-padding-x);
  color: var(--upy-sidebar-nav-link-color);
  text-decoration: none;
  background: var(--upy-sidebar-nav-link-bg);
  border: var(--upy-sidebar-nav-link-border);
  transition: background 0.15s ease, color 0.15s ease;
  text-align: center;
}

.container-about-account .wobble {
  animation: wobble 1.5s ease-in-out;
}

.container-about-account [icon=brake-warning-regular] {
  color: var(--bs-danger) !important;
}

.container-about-account [icon=brake-warning-regular] svg {
  animation: wobble 1.5s ease-in-out;
}

.container-about-account [icon=circle-dollar-light] svg {
  animation: wobble 1.5s ease-in-out;
}

.container-about-account [icon=user-headset-regular] svg {
  animation: wobble 1.5s ease-in-out;
}

.container-about-account .bg-notice {
  background-color: rgba(var(--bs-body-bg-rgb), 0.15) !important;
  color: var(--upy-sidebar-brand-color);
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}

.container-about-account #expiration-account, .container-about-account .box-expiration-account, .container-about-account .need-help-box {
  display: none;
}

.card-body .bg-notice {
  background-color: var(--bs-warning-bg-subtle) !important;
  color: var(--bs-warning-text-emphasis) !important;
}

.sidebar:hover:not(.sidebar-no-hover) .container-about-account #expiration-account, .sidebar:hover:not(.sidebar-no-hover) .container-about-account .box-expiration-account, .sidebar:hover:not(.sidebar-no-hover) .container-about-account .need-help-box, .sidebar:not(.sidebar-narrow-unfoldable) .container-about-account #expiration-account, .sidebar:not(.sidebar-narrow-unfoldable) .container-about-account .box-expiration-account, .sidebar:not(.sidebar-narrow-unfoldable) .container-about-account .need-help-box {
  display: block;
}

.sidebar:hover:not(.sidebar-no-hover) .container-about-account [icon=brake-warning-regular], .sidebar:not(.sidebar-narrow-unfoldable) .container-about-account [icon=brake-warning-regular] {
  display: none;
}

.sidebar:hover:not(.sidebar-no-hover) .container-about-account [icon=circle-dollar-light], .sidebar:not(.sidebar-narrow-unfoldable) .container-about-account [icon=circle-dollar-light] {
  display: none;
}

.sidebar:hover:not(.sidebar-no-hover) .container-about-account [icon=user-headset-regular], .sidebar:not(.sidebar-narrow-unfoldable) .container-about-account [icon=user-headset-regular] {
  display: none;
}

.sidebar:hover:not(.sidebar-no-hover) #message-short-expiration-account, .sidebar:not(.sidebar-narrow-unfoldable) #message-short-expiration-account {
  display: none;
}

.sidebar #feedback-icon .nav-label,
.sidebar #info-about-account .nav-label {
  display: none !important;
}

@media (max-width: 768px) {
  .sidebar.show #expiration-account-buy,
  .sidebar.show .box-expiration-account {
    display: block !important;
  }
  .sidebar.show #feedback-icon,
  .sidebar.show #custom-warning-icon {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .sidebar.sidebar-no-hover .sidebar-brand-full {
    display: none;
  }
  .sidebar.sidebar-no-hover .sidebar-brand-narrow {
    display: block;
  }
  .sidebar.sidebar-no-hover.sidebar-manual-open .sidebar-brand-full {
    display: block;
  }
  .sidebar.sidebar-no-hover.sidebar-manual-open .sidebar-brand-narrow {
    display: none;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) .nav-link {
    position: relative;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) .nav-link .nav-label {
    position: absolute;
    left: 90%;
    top: 20%;
    white-space: nowrap;
    background: var(--upy-sidebar-bg);
    color: var(--upy-sidebar-color);
    border-radius: 0.2rem;
    font-size: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    padding: 0.25rem 0.5rem;
    margin-left: 1.1rem;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) .nav-link .nav-label::before {
    content: "";
    position: absolute;
    border-top: 0.6rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-right: 0.7rem solid var(--upy-sidebar-bg);
    transform: translate(-1.15rem, 0.13rem);
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) .nav-link:hover .nav-label {
    opacity: 1;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #feedback-icon,
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #info-about-account {
    position: relative;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #feedback-icon .nav-label,
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #info-about-account .nav-label {
    position: absolute;
    left: 90%;
    white-space: nowrap;
    background: var(--upy-sidebar-bg);
    color: var(--upy-sidebar-color);
    border-radius: 0.2rem;
    font-size: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    padding: 0.25rem 0.5rem;
    margin-left: 1.8rem;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #feedback-icon .nav-label::before,
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #info-about-account .nav-label::before {
    content: "";
    position: absolute;
    border-top: 0.6rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-right: 0.7rem solid var(--upy-sidebar-bg);
    transform: translate(-1.15rem, 0.13rem);
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #feedback-icon:hover .nav-label,
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) #info-about-account:hover .nav-label {
    opacity: 1;
  }
  .sidebar.sidebar-no-hover:not(.sidebar-manual-open) .sidebar-nav {
    overflow: visible !important;
  }
  .container-about-account #feedback-icon .nav-label,
  .container-about-account #info-about-account .nav-label {
    display: inline;
  }
}
/* bootstrap customization */
.footer {
  --upy-footer-padding-x: 1rem;
  --upy-footer-padding-y: 0.5rem;
  --upy-footer-color: var(--bs-secondary-bg);
  --upy-footer-bg: var(--bs-secondary);
  --upy-footer-border-color: var(--bs-secondary-text-emphasis);
  --upy-footer-border: 1px solid var(--upy-footer-border-color);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: var(--upy-footer-min-height);
  padding: var(--upy-footer-padding-y) var(--upy-footer-padding-x);
  color: var(--upy-footer-color);
  background: var(--upy-footer-bg);
  border-top: var(--upy-footer-border);
  margin-top: var(--upy-footer-min-height);
}

.footer-fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.footer-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1030;
}

.icon svg {
  display: inline-block;
  color: inherit;
  text-align: center;
  vertical-align: -0.125rem;
  fill: currentColor;
}

.icon:not(.icon-c-s):not(.icon-custom-size) svg {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  display: inline-block;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl svg {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl svg {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg svg {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm svg {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-xsm svg {
  width: 0.745rem;
  height: 0.745rem;
  font-size: 0.745rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-xs svg {
  width: 0.6rem;
  height: 0.6rem;
  font-size: 0.6rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-2xs svg {
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.4rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl svg {
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl svg {
  width: 4rem;
  height: 4rem;
  font-size: 4rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl svg {
  width: 5rem;
  height: 5rem;
  font-size: 5rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl svg {
  width: 6rem;
  height: 6rem;
  font-size: 6rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl svg {
  width: 7rem;
  height: 7rem;
  font-size: 7rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl svg {
  width: 8rem;
  height: 8rem;
  font-size: 8rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl svg {
  width: 9rem;
  height: 9rem;
  font-size: 9rem;
}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xxl svg {
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
}

.icon-green svg {
  fill: #25D366;
}

.icon-red svg {
  fill: #FF0000;
}

.icon-blue svg {
  fill: #34B7F1;
}

.icon-cyan-blue svg {
  fill: #3582BC;
}

.icon-orange svg {
  fill: #FBB428;
}

.icon-primary svg {
  fill: #FD4C68;
}

.r90 svg {
  transform: rotate(90deg);
}

/* bootstrap customization */
.avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border-radius: 50em;
  transition: margin 0.15s;
  width: 2rem;
  height: 2rem;
  font-size: 0.8rem;
  color: #fff;
  overflow: hidden;
}

.avatar.avatar-initials {
  color: #FFFFFF;
  font-weight: bold;
}

.avatar.avatar-initials.avatar-initials-lg {
  font-size: 1.5rem;
}

.avatar span {
  font-size: 0.8em;
}

.avatar.color-primary {
  background-color: #FD4C68;
}

.avatar.color-secondary {
  background-color: #081C35;
}

.avatar.color-emphasis {
  background-color: var(--bs-dark-text-emphasis);
}

.avatar.color-sub-secondary {
  background: var(--bs-secondary-bg-subtle);
}

.avatar.color-white {
  background: var(--bs-white);
}

.avatar.color-transparent {
  background: transparent;
}

.avatar.color-0 {
  background-color: #FD4C68;
}

.avatar.color-1 {
  background-color: #FD4C68;
}

.avatar.color-2 {
  background-color: #ff69b8;
}

.avatar.color-3 {
  background-color: #658eff;
}

.avatar.color-4 {
  background-color: #ff4545;
}

.avatar.color-5 {
  background-color: #000;
}

.avatar.color-6 {
  background-color: #ff6161;
}

.avatar.color-7 {
  background-color: #eacb71;
}

.avatar.color-8 {
  background-color: #7fa08a;
}

.avatar.color-9 {
  background-color: #503459;
}

.avatar.color-10 {
  background-color: #ad58bc;
}

@media (prefers-reduced-motion: reduce) {
  .avatar {
    transition: none;
  }
}
.avatar .avatar-status {
  width: 0.5333333333rem;
  height: 0.5333333333rem;
}

.avatar .avatar-status.inactive icon-svg#icon-avatar svg,
.avatar .avatar-status.success icon-svg#icon-avatar svg {
  width: 23px;
  height: 16px;
  font-size: 16px;
  padding: 0;
  margin-bottom: 5px;
}

.avatar .avatar-status.inactive {
  background: var(--bs-gray-300);
}

.avatar .avatar-status.success {
  background: var(--bs-success);
}

.avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50em;
}

.avatar-status {
  position: absolute;
  bottom: 0;
  display: block;
  border: 1px solid #fff;
  border-radius: 50em;
}

html:not([dir=rtl]) .avatar-status {
  right: 0;
}

*[dir=rtl] .avatar-status {
  left: 0;
}

.avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.6rem;
}

.avatar-sm:hover {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.avatar-sm .avatar-status {
  width: 0.4rem;
  height: 0.4rem;
}

.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.avatar-md .avatar-status {
  width: 0.6666666667rem;
  height: 0.6666666667rem;
}

.avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.2rem;
}

.avatar-lg icon-svg#icon-avatar svg {
  width: 38px;
  height: 38px;
  padding: 5px;
  margin-top: 4px;
}

.avatar-lg .avatar-status:has(icon-svg) {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: -10px;
  margin-right: -10px;
}

.avatar-lg .avatar-status {
  width: 0.8rem;
  height: 0.8rem;
}

.avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 1.6rem;
}

.avatar-xl .avatar-status {
  width: 1.0666666667rem;
  height: 1.0666666667rem;
}

.avatars-stack {
  display: flex;
}

html:not([dir=rtl]) .avatars-stack .avatar {
  margin-right: -0.8rem;
}

*[dir=rtl] .avatars-stack .avatar {
  margin-left: -0.8rem;
}

html:not([dir=rtl]) .avatars-stack .avatar:hover {
  margin-right: 0;
}

*[dir=rtl] .avatars-stack .avatar:hover {
  margin-left: 0;
}

html:not([dir=rtl]) .avatars-stack .avatar-sm {
  margin-right: -0.6rem;
}

*[dir=rtl] .avatars-stack .avatar-sm {
  margin-left: -0.6rem;
}

html:not([dir=rtl]) .avatars-stack .avatar-md {
  margin-right: -1rem;
}

*[dir=rtl] .avatars-stack .avatar-md {
  margin-left: -1rem;
}

html:not([dir=rtl]) .avatars-stack .avatar-lg {
  margin-right: -1.2rem;
}

*[dir=rtl] .avatars-stack .avatar-lg {
  margin-left: -1.2rem;
}

html:not([dir=rtl]) .avatars-stack .avatar-xl {
  margin-right: -1.6rem;
}

*[dir=rtl] .avatars-stack .avatar-xl {
  margin-left: -1.6rem;
}

/* bootstrap customization */
.table-responsive table {
  table-layout: fixed;
}

.table-responsive table .numeration {
  position: sticky !important;
  position: -webkit-sticky !important;
  text-align: center;
  left: 0px;
  z-index: 1;
}

.table-responsive table {
  --upy-stiky-left: 50px;
}

.table-responsive table .fixedLeft {
  position: sticky !important;
  position: -webkit-sticky !important;
  left: var(--upy-stiky-left);
  z-index: 1;
}

.table-responsive table .fixedLeft.left-zero {
  --upy-stiky-left: 0px !important;
}

.table-responsive table .rowMenu {
  position: sticky !important;
  right: 0px;
  text-align: right;
  z-index: 1;
}

.table-responsive table span.relative-pct {
  margin-left: 10px;
  border-left: 1px solid #CCC;
  padding-left: 10px;
  display: inline-block;
  width: 55px;
}

.table-responsive table .text-truncate:hover {
  position: static;
  overflow: hidden;
  text-overflow: unset;
}

.table-responsive table tbody td {
  opacity: 0.85;
}

.table-responsive table tbody td.gray {
  background: #e9ecef;
}

.table-responsive table tbody td.total {
  font-weight: bold;
  white-space: nowrap;
}

.table-responsive table tbody td a.email {
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.table-responsive table tbody td span.trigger-popover {
  font-weight: bold;
  cursor: pointer;
}

.table-responsive table tbody td.wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-responsive table tbody td.wrap .hint {
  text-overflow: ellipsis;
  width: 100%;
  display: inline;
}

.table-responsive table tbody td.BoldTextTotals {
  font-weight: 800 !important;
  white-space: nowrap;
  overflow: visible !important;
}

.table-responsive table tbody td.BoldTextTotals a {
  font-weight: 800 !important;
  white-space: nowrap;
}

.table-responsive table tbody tr.children td {
  padding: 0;
  border-bottom-width: 0;
}

.table-responsive table tbody tr.children td div {
  max-height: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}

.table-responsive table tbody tr.children.active td {
  border-bottom-width: 1px;
}

.table-responsive table tbody tr.children.active td div {
  max-height: 100px;
  padding: 4px 10px;
  transition: max-height 0.6s, padding 0.6s;
}

.table-responsive table tbody tr.children.active td.subTable div {
  max-height: unset !important;
  padding: 2px 5px;
}

.table-responsive table tfoot td {
  font-weight: 800;
  font-size: 1.1rem;
  white-space: nowrap;
}

.table-responsive table tfoot td.gray {
  background: #e9ecef;
}

.table-container .title-actions ~ .table-responsive .alert {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.table-container .meta-status {
  font-weight: 500;
}

.table-container tbody .meta-status.meta-status-rejected {
  color: var(--bs-danger) !important;
}

.table-container tbody .meta-status.meta-status-approved {
  color: var(--bs-success) !important;
}

.table-container tbody .meta-status.meta-status-pending {
  color: var(--bs-secondary) !important;
}

.cell-text-limit > .badge {
  word-break: break-word;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
}

@media (max-width: 768px) {
  .table-responsive table .fixedLeft {
    position: inherit !important;
    z-index: 0 !important;
  }
}
.card .table-responsive table {
  table-layout: auto;
  margin-bottom: 0;
}

.pagination .btn-change-view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-view-more {
  cursor: pointer;
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-secondary-border-subtle);
  border-radius: 0 0 var(--bs-border-radius-sm) var(--bs-border-radius-sm);
  display: inline-block;
  padding: 0.15rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  border-top: 0;
  position: relative;
  top: -1px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.btn-view-more:hover {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
  border-color: var(--bs-primary-border-subtle);
}

.btn-view-more.btn-change-view {
  border-left: 0 none;
  border-bottom-left-radius: 0;
}

.pagination-container:has(.btn-change-view) .btn-view-more {
  border-right: 0 none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.pagination-container:has(.btn-change-view) .btn-view-more.btn-change-view {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--bs-border-radius-sm);
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-secondary-border-subtle);
}

.pagination-container:has(.btn-change-view) .btn-view-more.btn-change-view:hover {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-primary-border-subtle);
}

.pagination-container:has(.btn-change-view) .info-results {
  border-right: 0;
  border-bottom-right-radius: 0;
}

.pagination-container .info-results {
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-secondary-border-subtle);
  border-radius: 0 0 var(--bs-border-radius-sm) var(--bs-border-radius-sm);
  display: inline-block;
  padding: 0.15rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  border-top: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.pagination-container .btn-view-more {
  border-left: 0 none;
}

.pagination-container .pagination-sm {
  --bs-pagination-padding-y: 0.1rem;
}

.pagination-container .pagination-sm .page-link {
  --bs-pagination-bg: var(--bs-secondary-bg-subtle);
  --bs-pagination-color: var(--bs-secondary-text-emphasis);
  --bs-pagination-border-color: var(--bs-secondary-border-subtle);
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.pagination-container .pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.task-search-dropdown {
  border: 1px solid var(--bs-secondary-border-subtle) !important;
  border-radius: 0.35rem !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden;
  padding: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
}

.task-search-dropdown .dropdown-header {
  margin: 0;
  padding: 0.45rem 0.75rem;
  border-bottom: 1px solid var(--bs-secondary-border-subtle);
  background: #fff !important;
}

.task-search-dropdown .container-box-templates {
  background: #fff !important;
  background-color: #fff !important;
}

.task-search-dropdown .task-search-item {
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
}

.task-search-dropdown .task-search-item + .task-search-item {
  border-top: 1px solid var(--bs-secondary-border-subtle);
}

.task-search-dropdown .dropdown-item:hover,
.task-search-dropdown .dropdown-item:focus,
.task-search-dropdown .dropdown-item.focused,
.task-search-dropdown .dropdown-item.active {
  border: 0 !important;
  box-shadow: none !important;
  background-color: var(--bs-secondary-bg-subtle) !important;
  color: var(--bs-secondary-text-emphasis) !important;
}

/* bootstrap customization */
.card.card-form {
  --bs-card-bg: rgba(var(--bs-body-bg-rgb), 0.65);
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}

.card.card-form.my-2.border-0:has(.choices__list.is-active),
.card.card-form.my-2.border-0:has(.dropdown-menu.show) {
  backdrop-filter: none;
}

#buscadorGeneral {
  transition: all 0.5s ease;
  padding-right: 2rem;
}

#buscadorGeneral.searching {
  width: calc(100% + 250px);
}

.upnify-form .form-label:disabled {
  color: #adb5bd;
}

.upnify-form .form-label .labelSelectParent {
  margin-bottom: 0 !important;
}

.upnify-form #frm-ctrls-container, .upnify-form .container-form-ctrls {
  --bs-border-color: rgba(var(--bs-secondary-rgb), .15);
}

.upnify-form #frm-ctrls-container > .position-relative:not(.d-flex), .upnify-form .container-form-ctrls > .position-relative:not(.d-flex) {
  display: flex;
  flex-direction: column;
}

.upnify-form #frm-ctrls-container #form-preview .form-label, .upnify-form #frm-ctrls-container .form-widget .form-label, .upnify-form .container-form-ctrls #form-preview .form-label, .upnify-form .container-form-ctrls .form-widget .form-label {
  font-weight: 600;
  color: var(--bs-secondary-rgb) !important;
  margin-bottom: 0;
  background: transparent;
  padding: 0.75rem 0.25rem;
  width: 100%;
  border-radius: none;
  font-size: var(--bs-body-font-size);
}

.upnify-form #frm-ctrls-container .form-label, .upnify-form .container-form-ctrls .form-label {
  --bs-border-radius: 0.375rem 0.375rem 0 0;
  font-weight: 600;
  color: var(--bs-secondary-rgb) !important;
  margin-bottom: 0;
  background: var(--bs-border-color);
  padding: 0.25rem 0.75rem;
  width: 100%;
  border-radius: var(--bs-border-radius);
  font-size: 0.8em;
}

.upnify-form #frm-ctrls-container .form-label.small, .upnify-form .container-form-ctrls .form-label.small {
  font-size: 0.75em;
}

.upnify-form #frm-ctrls-container .flex-grow-label, .upnify-form .container-form-ctrls .flex-grow-label {
  flex-grow: 1;
}

.upnify-form #frm-ctrls-container .siblingRight .form-label, .upnify-form .container-form-ctrls .siblingRight .form-label {
  --bs-border-radius: 0.375rem 0 0 0;
}

.upnify-form #frm-ctrls-container .siblingLeft .form-label, .upnify-form .container-form-ctrls .siblingLeft .form-label {
  --bs-border-radius: 0 0.375rem 0 0;
}

.upnify-form #frm-ctrls-container .labelCheckbox, .upnify-form .container-form-ctrls .labelCheckbox {
  --bs-border-radius: 0.375rem;
}

.upnify-form #frm-ctrls-container .is-invalid ~ .invalid-feedback, .upnify-form .container-form-ctrls .is-invalid ~ .invalid-feedback {
  position: absolute;
  right: 0;
  bottom: -1.5em;
  font-size: 0.75em;
  font-weight: 500;
  width: auto;
  display: inline-block;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.upnify-form #frm-ctrls-container .is-invalid:not(.is-not-unique) ~ .unique-feedback, .upnify-form .container-form-ctrls .is-invalid:not(.is-not-unique) ~ .unique-feedback {
  display: none;
}

.upnify-form #frm-ctrls-container .is-invalid.is-not-unique ~ .invalid-feedback:not(.unique-feedback), .upnify-form .container-form-ctrls .is-invalid.is-not-unique ~ .invalid-feedback:not(.unique-feedback) {
  display: none;
}

.upnify-form #frm-ctrls-container .is-invalid[type=hidden] ~ .form-control, .upnify-form .container-form-ctrls .is-invalid[type=hidden] ~ .form-control {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d50100'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d50100' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.upnify-form #frm-ctrls-container .is-valid[type=hidden] ~ .form-control, .upnify-form .container-form-ctrls .is-valid[type=hidden] ~ .form-control {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234CAF50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.upnify-form #frm-ctrls-container .form-control.is-warning, .upnify-form .container-form-ctrls .form-control.is-warning {
  border-color: #ffc107;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='%23FFC107' d='M5.2 1.5 1.2 9.5c-.3.6.2 1.2.8 1.2h8c.6 0 1.1-.6.8-1.2L6.8 1.5c-.3-.7-1.3-.7-1.6 0zm.8 2.5c.3 0 .5.2.5.5v2.5c0 .3-.2.5-.5.5s-.5-.2-.5-.5V4.5c0-.3.2-.5.5-.5zm0 5c.4 0 .7.3.7.7s-.3.8-.7.8-.7-.4-.7-.8.3-.7.7-.7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.upnify-form #frm-ctrls-container .form-control,
.upnify-form #frm-ctrls-container .form-select, .upnify-form .container-form-ctrls .form-control,
.upnify-form .container-form-ctrls .form-select {
  --bs-border-radius: 0 0 0.375rem 0.375rem;
  --bs-border-radius-sm: 0 0 0.25rem 0.25rem;
}

.upnify-form #frm-ctrls-container .form-control.show-feedback,
.upnify-form #frm-ctrls-container .form-select.show-feedback, .upnify-form .container-form-ctrls .form-control.show-feedback,
.upnify-form .container-form-ctrls .form-select.show-feedback {
  border-color: var(--bs-secondary);
}

.upnify-form #frm-ctrls-container .form-control.show-feedback ~ .text-feedback,
.upnify-form #frm-ctrls-container .form-select.show-feedback ~ .text-feedback, .upnify-form .container-form-ctrls .form-control.show-feedback ~ .text-feedback,
.upnify-form .container-form-ctrls .form-select.show-feedback ~ .text-feedback {
  position: absolute;
  right: 0;
  bottom: -1.5em;
  font-size: 0.75em;
  font-weight: 500;
  width: auto;
  display: inline-block;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  color: var(--bs-secondary-text-emphasis);
}

.upnify-form #frm-ctrls-container .form-control .badge,
.upnify-form #frm-ctrls-container .form-select .badge, .upnify-form .container-form-ctrls .form-control .badge,
.upnify-form .container-form-ctrls .form-select .badge {
  --bs-border-radius: 0.375rem;
}

.upnify-form #frm-ctrls-container .form-select.labelSelect, .upnify-form .container-form-ctrls .form-select.labelSelect {
  height: 1.7rem !important;
  vertical-align: middle !important;
  border-radius: 0.375rem !important;
  display: inline-flex;
  align-items: center;
  padding: 0.2rem;
  font-size: 0.75rem;
}

.upnify-form #frm-ctrls-container .input-group > .btn, .upnify-form .container-form-ctrls .input-group > .btn {
  border-top-right-radius: 0;
}

.upnify-form #frm-ctrls-container .input-group-sm .form-control,
.upnify-form #frm-ctrls-container .input-group-sm .form-select, .upnify-form .container-form-ctrls .input-group-sm .form-control,
.upnify-form .container-form-ctrls .input-group-sm .form-select {
  --bs-border-radius-sm: 0 0 0.25rem 0.25rem;
}

.upnify-form #frm-ctrls-container .input-group-sm .form-select, .upnify-form .container-form-ctrls .input-group-sm .form-select {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.upnify-form #frm-ctrls-container .input-group-prepend .input-group-text, .upnify-form .container-form-ctrls .input-group-prepend .input-group-text {
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
}

.upnify-form #frm-ctrls-container .input-group-prepend .input-group-text ~ .form-control, .upnify-form #frm-ctrls-container .input-group-prepend .input-group-text ~ .form-select, .upnify-form .container-form-ctrls .input-group-prepend .input-group-text ~ .form-control, .upnify-form .container-form-ctrls .input-group-prepend .input-group-text ~ .form-select {
  border-left: 0;
}

.upnify-form #frm-ctrls-container .input-group-prepend span, .upnify-form .container-form-ctrls .input-group-prepend span {
  --bs-border-radius: 0 0 0 0.375rem;
}

.upnify-form #frm-ctrls-container .listbox-checkbox-group .input-group span, .upnify-form .container-form-ctrls .listbox-checkbox-group .input-group span {
  --bs-border-radius: 0 0 0 0.375rem !important;
}

.upnify-form #frm-ctrls-container .listbox-checkbox-group .input-group .listbox-checkbox-select-cont, .upnify-form .container-form-ctrls .listbox-checkbox-group .input-group .listbox-checkbox-select-cont {
  margin-bottom: 0 !important;
}

.upnify-form #frm-ctrls-container .input-group-text, .upnify-form .container-form-ctrls .input-group-text {
  --bs-border-radius: 0 0 0.375rem 0;
  --bs-border-radius-sm: 0 0 0 0.375rem;
  border-color: var(--bs-border-color) !important;
  background: var(--bs-border-color);
  font-weight: 600;
}

.upnify-form #frm-ctrls-container .tox-tinymce, .upnify-form .container-form-ctrls .tox-tinymce {
  border-color: var(--bs-border-color);
  border-width: var(--bs-border-width);
}

.upnify-form #frm-ctrls-container .tox-statusbar, .upnify-form .container-form-ctrls .tox-statusbar {
  display: none;
}

.upnify-form .text-label-container {
  margin-top: calc(var(--bs-gutter-y) * 0.5);
}

.upnify-form .text-label-container .text-label {
  font-weight: 600;
  color: var(--bs-primary);
  font-size: 1.2rem;
}

.upnify-form .text-label-container.text-label-small {
  margin-top: calc(var(--bs-gutter-y) * 0.2);
}

.upnify-form .text-label-container.text-label-small .text-label {
  font-weight: 500;
  font-size: 0.8rem;
}

.upnify-form .nav-pills .nav-link.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--bs-nav-pills-link-active-bg);
}

.upnify-form .nav-pills .nav-link:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--bs-nav-pills-link-active-bg);
}

.upnify-form.form-with-tabs > .card {
  border: 0 none;
}

.upnify-form.form-with-tabs > .card > .card-body {
  padding: 0;
}

.upnify-form.form-with-tabs > .card > .card-body #frm-ctrls-container .card, .upnify-form.form-with-tabs > .card > .card-body .container-form-ctrls .card {
  border: 0 none;
}

.upnify-form.form-with-tabs > .card > .card-body #frm-ctrls-container .card .card-header, .upnify-form.form-with-tabs > .card > .card-body .container-form-ctrls .card .card-header {
  padding: 0;
}

.upnify-form.form-with-tabs > .card > .card-body #frm-ctrls-container .card .card-body, .upnify-form.form-with-tabs > .card > .card-body .container-form-ctrls .card .card-body {
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-bottom: 0;
  border-top: 0;
}

.upnify-form.form-with-tabs > .card > .card-footer {
  border: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
}

.container-date-picker-stepper {
  display: flex;
}

.container-date-picker-stepper .btn {
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.container-date-picker-stepper .btn:nth-of-type(1) {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.container-date-picker-stepper .btn:nth-of-type(2) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.container-date-picker-stepper .btn.prevDay.custom {
  border-top-left-radius: 0;
}

.container-date-picker-stepper .btn.nextDay.custom {
  border-top-right-radius: 0;
}

.container-date-picker-stepper .btn.prevDay svg {
  transform: rotate(180deg);
}

form .container-date-picker-stepper input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.filter-stepper-input {
  font-size: 0.75rem !important;
}

.no-hover-effect:hover {
  background-color: transparent !important;
  color: inherit !important;
}

.offcanvas .upnify-form {
  flex-grow: 1;
  padding: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.offcanvas #search-controls .upnify-form {
  overflow: visible;
}

.colorPicker {
  height: auto;
}

.crop-image-content {
  border: 1px solid #adb5bd;
  background-color: #fff;
  border-radius: 4px;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  color: #adb5bd;
  cursor: pointer;
  height: 140px;
}

.crop-image-content .member-avatar {
  max-width: 135px;
}

@media (max-width: 575.98px) {
  .offcanvas-footer .btn-sm, .offcanvas-footer .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.4rem !important;
    --bs-btn-padding-x: 0.8rem !important;
  }
  .offcanvas-footer .dropdown-item {
    --bs-dropdown-item-padding-y: 0.4rem !important;
    --bs-dropdown-item-padding-x: 0.8rem !important;
  }
  .modal-fullscreen-sm-down .modal-footer {
    justify-content: space-between !important;
  }
  .modal-fullscreen-sm-down .modal-footer .btn-sm, .modal-fullscreen-sm-down .modal-footer .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.4rem !important;
    --bs-btn-padding-x: 0.8rem !important;
  }
  .modal-fullscreen-sm-down .modal-footer .dropdown-item {
    --bs-dropdown-item-padding-y: 0.4rem !important;
    --bs-dropdown-item-padding-x: 0.8rem !important;
  }
  .modal.confirm .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
  }
}
#btn-apple {
  background-color: #000;
  color: #FFF;
  font-size: 0.7rem !important;
}

#btn-apple:hover {
  background-color: #333;
  color: #FFF;
}

#btn-microsoft {
  border: 1px solid;
  font-size: 0.68rem !important;
}

#btn-microsoft:hover {
  border-color: #FFA000;
}

.input-number::-webkit-outer-spin-button,
.input-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.meta-editor-container .editor-actions > button.btn {
  width: 30px;
}

.editor-meta {
  min-height: 200px !important;
}

.container-selected-button {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
}

#previewContainer {
  margin: 0 !important;
}

.preview-template-title {
  background: #fff;
  margin-top: 15px;
  padding: 10px 10px;
  font-weight: bold;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.btn-template-style {
  min-width: 30px;
}

.preview-template-chat {
  min-height: 42px;
  background: url(/img/whatsapp-bg.png);
  background-color: #666;
  padding: 10px;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.preview-template-chat .message-container {
  color: #000;
  line-height: 18px;
  font-size: 15px;
  padding: 8px;
  margin: 8px 0;
  max-width: 85%;
  word-wrap: break-word;
  z-index: -1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.preview-template-chat .message-container:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}

.preview-template-chat .metadata {
  display: inline-block;
  float: right;
  padding: 0 0 0 7px;
  position: relative;
  bottom: -4px;
}

.preview-template-chat .metadata .time {
  color: rgba(0, 0, 0, 0.45);
  font-size: 11px;
  display: inline-block;
}

.preview-template-chat .metadata .tick {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  height: 16px;
  width: 16px;
}

.preview-template-chat .metadata .tick svg {
  position: absolute;
  transition: 0.5s ease-in-out;
}

.preview-template-chat .metadata .tick svg:first-child {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(180deg);
  transform: perspective(800px) rotateY(180deg);
}

.preview-template-chat .metadata .tick svg:last-child {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}

.preview-template-chat .metadata .tick-animation svg:first-child {
  -webkit-transform: perspective(800px) rotateY(0);
  transform: perspective(800px) rotateY(0);
}

.preview-template-chat .metadata .tick-animation svg:last-child {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}

.preview-template-chat .preview-template-chat {
  display: block;
}

.preview-template-chat .message-container.received {
  background: #fff;
  border-radius: 0px 5px 5px 5px;
  max-width: 338px;
  padding: 0;
  position: relative;
  z-index: 999;
}

.preview-template-chat .message-container.received .metadata {
  padding: 0 0 0 16px;
}

.preview-template-chat .message-container.received:after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  top: 0;
  left: -7px;
}

.preview-template-chat .body-container {
  padding: 8px;
  min-height: 34px;
}

.preview-template-chat .header-message {
  color: rgba(0, 0, 0, 0.76);
  font-size: 15px;
  font-weight: bold;
  line-height: 19px;
}

.preview-template-chat .body-message {
  color: #282828;
  font-size: 13.6px;
  white-space: pre-wrap;
}

.preview-template-chat .footer-message {
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  line-height: 17px;
}

.preview-template-chat .container-footer-products {
  max-width: 200px;
  word-break: break-all;
}

.preview-template-chat .btn-preview {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 8px;
}

.preview-template-chat .image-preview {
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.preview-template-chat .video-preview {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.preview-template-chat .document-preview {
  margin: 10px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preview-template-chat .image-preview.default {
  min-height: 140px;
  background-color: #ddd;
  width: 100%;
  display: block;
}

.preview-template-chat .container-products-list {
  min-height: 68px;
  display: flex;
  gap: 0.25rem;
}

.preview-template-chat .container-image-product {
  background: #969a9f;
  padding: 0.25rem;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 20%;
  min-width: 20%;
}

.preview-template-chat .container-image-product img {
  border-radius: inherit;
}

.preview-template-chat .container-image-product svg {
  color: #FFFFFF;
  height: 2rem !important;
  width: 3.3rem !important;
}

.preview-template-chat .container-description-product {
  padding: 0.5rem 0.3rem;
}

.preview-template-chat .time {
  opacity: 0.5;
}

.preview-template-chat .footer-container {
  border-top: 1px solid #ddd;
}

.preview-template-chat .btn-catalogs {
  color: #007EBA;
  font-weight: 500;
}

.container-section {
  background: #ddd;
  border-radius: 6px;
  padding: 13px;
  position: relative;
}

.container-section .btn-remove-catalog {
  position: absolute;
  bottom: -2px;
  right: 0;
}

.container-2fa #two-factor-valid-code-container .input-otp-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}

.container-2fa #two-factor-valid-code-container .input-otp-container input {
  text-align: center;
  width: 2.5rem;
  margin: 0;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
}

/* bootstrap customization */
.offcanvas {
  --upy-offcanvas-cap-bg: rgba(var(--bs-body-color-rgb), 0.3);
  --upy-offcanvas-border-width: var(--bs-border-width);
  --upy-offcanvas-border-color: var(--bs-border-color-translucent);
  --upy-offcanvas-cap-padding-y: 0.5rem;
  --upy-offcanvas-cap-padding-x: 1rem;
  --bs-offcanvas-padding-y: 0.8rem !important;
  --bs-offcanvas-padding-x: 1rem !important;
}

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

.offcanvas.w-dialer {
  --bs-offcanvas-width: 450px !important;
}

.offcanvas .offcanvas-header {
  background: #FD4C68;
  background: -webkit-linear-gradient(right, #ee7724, #d8363a, #dd3675, #b44593);
  background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
  color: white;
  font-weight: bold;
}

.offcanvas .offcanvas-footer {
  padding: var(--upy-offcanvas-cap-padding-y) var(--upy-offcanvas-cap-padding-x);
  color: var(--upy-offcanvas-cap-color);
  background-color: var(--upy-offcanvas-cap-bg);
  border-top: var(--upy-offcanvas-border-width) solid var(--upy-offcanvas-border-color);
}

.offcanvas .offcanvas-footer .container-box-templates {
  max-height: 300px;
  overflow: auto;
}

.offcanvas .offcanvas-footer .container-box-templates .btn-delete-template {
  opacity: 0;
}

.offcanvas .offcanvas-footer .container-box-templates .dropdown-item:hover .btn-delete-template {
  opacity: 1;
}

.offcanvas .offcanvas-body #frm-ctrls-container > .alert-footer {
  margin-bottom: 48px;
}

.offcanvas.w-always-full {
  --bs-offcanvas-width: 100% !important;
}

@media (max-width: 767.98px) {
  .offcanvas {
    --bs-offcanvas-width: 100% !important;
  }
  .offcanvas.w-sm, .offcanvas.w-dialer {
    --bs-offcanvas-width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .offcanvas {
    --bs-offcanvas-width: 80% !important;
  }
  .offcanvas.w-sm {
    --bs-offcanvas-width: 30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .offcanvas {
    --bs-offcanvas-width: 60% !important;
  }
  .offcanvas.w-sm {
    --bs-offcanvas-width: 30% !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas.w-dialer {
    --bs-offcanvas-width: 450px !important;
  }
}
@media (min-width: 1400px) {
  .offcanvas {
    --bs-offcanvas-width: 1200px !important;
  }
  .offcanvas.w-sm {
    --bs-offcanvas-width: 20% !important;
  }
  .offcanvas.w-dialer {
    --bs-offcanvas-width: 450px !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas.w-full {
    --bs-offcanvas-width: 100% !important;
  }
}
/* bootstrap customization */
.trigger-popover {
  cursor: pointer;
}

.popover-menu {
  --bs-popover-arrow-border: rgba(var(--bs-secondary-rgb), .8) !important;
  --bs-popover-border-color: var(--bs-secondary-bg-subtle) !important;
  border-color: rgba(var(--bs-secondary-rgb), 0.5) !important;
  box-shadow: var(--bs-box-shadow) !important;
  min-width: 140px;
}

.popover-menu .popover-header {
  --bs-popover-header-padding-y: 0.25rem;
  --bs-popover-header-bg: var(--bs-secondary-bg-subtle);
  --bs-popover-header-color: var(--bs-secondary-text-emphasis);
  font-size: 0.85rem;
  text-align: center;
}

.popover-menu .popover-body {
  padding: 0px 0px 2px 0px;
}

.popover-menu .popover-body svg {
  width: 20px;
  fill: var(--bs-list-group-active-bg);
  fill-opacity: 0.85;
  margin-right: 5px;
}

.popover-menu .popover-body .list-group-item {
  min-width: max-content;
  border-radius: var(--bs-border-radius-lg);
}

.popover-menu .popover-body .list-group-item:hover {
  color: var(--bs-primary-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
  cursor: pointer;
}

.popover-menu .popover-body .list-group-item:hover svg {
  fill: var(--bs-primary-text-emphasis);
  fill-opacity: 1;
}

.popover-menu .popover-body .list-group.list-group-flush > .list-group-item:has(+ .divider) {
  border-bottom: 0;
}

.popover-menu .popover-body .list-group.list-group-flush > .divider:last-child {
  display: none;
}

.popover-menu .popover-body .list-group.list-group-flush > .divider:first-child {
  border-top: 0 !important;
  margin-top: 0.2rem !important;
}

.popover-menu.has-title > .popover-body > .list-group > .list-group-item:first-child {
  border-radius: unset;
}

.popover-menu.popover-hints .popover-body {
  padding: 5px;
}

.popover-archivo {
  max-width: unset !important;
}

.popover.popover-taskslist {
  max-width: min(96vw, 460px);
  width: min(92vw, 420px);
}

.popover.popover-taskslist .kanban-popover__scroll {
  max-height: var(--kanban-tasklist-scroll-max-height, min(76vh, 520px));
  overflow: auto;
  padding-right: 6px;
}

.popover.popover-taskslist .kanban-popover {
  width: 100%;
}

.popover.popover-taskslist .kanban-popover__header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.popover.popover-task-time {
  max-width: min(92vw, 380px);
  width: max-content;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.popover.popover-task-time .popover-arrow {
  display: none;
}

.popover.popover-task-time .popover-body {
  padding: 0;
  background: transparent;
}

.popover.popover-task-time .kanban-time-popover-content {
  position: relative;
  min-width: 260px;
  max-width: min(92vw, 360px);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
  color: var(--bs-body-color);
  box-shadow: var(--bs-box-shadow-sm);
  padding: 8px 12px;
}

.popover.popover-task-time .kanban-time-popover-content::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 14px;
  height: 14px;
  transform: translateX(-50%) rotate(45deg);
  background: var(--bs-body-bg);
  border-right: 1px solid var(--bs-border-color-translucent);
  border-bottom: 1px solid var(--bs-border-color-translucent);
}

.popover.popover-task-time .kanban-time-popover__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--bs-border-color-translucent);
}

.popover.popover-task-time .kanban-time-popover__item:last-child {
  border-bottom: 0;
}

.popover.popover-task-time .kanban-time-popover__label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--bs-body-color);
}

.popover.popover-task-time .kanban-time-popover__value {
  flex: 0 0 auto;
  min-width: 54px;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--bs-emphasis-color);
  text-align: right;
  white-space: nowrap;
}

.popover-related-flow-task {
  --bs-popover-max-width: 180px;
  --bs-popover-header-padding-y: 0.2rem;
  --bs-popover-header-padding-x: 0.45rem;
  --bs-popover-body-padding-y: 0.3rem;
  --bs-popover-body-padding-x: 0.45rem;
}

.popover-related-flow-task .popover-header {
  font-size: 0.68rem;
  line-height: 1.15;
}

.popover-related-flow-task .popover-body {
  font-size: 0.72rem;
  line-height: 1.2;
  word-break: break-word;
}

/* bootstrap customization */
#boxAlert {
  top: 0;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  z-index: 100000;
}

.alert {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 0px;
}

.alert-success {
  background: #FD4C68;
  background: -webkit-linear-gradient(right, #74f2ce, #01BAEF);
  background: linear-gradient(to right, #74f2ce, #01BAEF);
  color: #333333;
  font-weight: bold;
}

.alert-danger {
  background: #d50100 !important;
  background: -webkit-linear-gradient(right, #DC3545, #d8363a, #dd3675, #b44593) !important;
  background: linear-gradient(to right, #DC3545, #d8363a, #dd3675, #b44593) !important;
  font-weight: bold;
  color: #fff !important;
}

/* bootstrap customization */
#menuGrid h3 {
  color: var(--bs-heading-color) !important;
}

#menuGrid .menu-catalog .card {
  position: relative;
  color: var(--bs-secondary);
  min-height: 160px;
  max-height: 190px;
}

#menuGrid .menu-catalog .card p.text-body-secondary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#menuGrid .menu-catalog .card:hover {
  --bs-secondary-rgb: var(--bs-primary-rgb);
  background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-link-hover-color) 100%);
  transition: background 0.3s ease-in-out;
  color: var(--bs-white);
}

#menuGrid .menu-catalog .card:hover .text-primary {
  color: var(--bs-white) !important;
}

#menuGrid .menu-catalog .card:hover .text-body-secondary {
  color: var(--bs-white) !important;
}

#menuGrid .menu-catalog .card:hover .btn-actions {
  display: inline;
}

#menuGrid .menu-catalog .card .btn-actions {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

#menuGrid .menu-catalog .card .locked {
  display: inline;
}

@media (min-width: 576px) {
  #menuGrid .menu-catalog .card .card-body {
    min-height: 9.4em;
  }
}
@media (min-width: 768px) {
  #menuGrid .menu-catalog .card .card-body {
    min-height: 10em;
  }
}
@media (min-width: 992px) {
  #menuGrid .menu-catalog .card .card-body {
    min-height: 9.4em;
  }
}
/* bootstrap customization */
.b1-blue {
  background: #0d6efd !important;
}

.b1-purple {
  background: #6f42c1 !important;
}

.b1-green {
  background: #198754 !important;
}

.b1-orange {
  background: #fd7e14 !important;
}

.b1-red {
  background: #dc3545 !important;
}

.b1-yellow {
  background: #ffc107 !important;
}

.b1-pink {
  background: #d63384 !important;
}

.b1-teal {
  background: #20c997 !important;
}

.b1-cyan {
  background: #0dcaf0 !important;
}

.mhe-20 {
  min-height: 20em !important;
}

.card.indicator {
  height: 100% !important;
  height: fill-available;
  height: -webkit-fill-available;
  text-align: center;
  padding: 5px;
  color: #fff;
}

.card.indicator span.number {
  font-size: 2em;
  display: block;
  font-weight: bold;
}

.card.indicator span.title {
  font-weight: bold;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before, .simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* bootstrap customization */
.filter-value {
  transition: transform 0.1s;
}

.filter-value .filter-text {
  width: 260px;
  overflow: hidden;
}

.filter-value:hover {
  transform: scale(1.02);
}

.filter-value.negation {
  background-color: #d50100;
}

.filter-value.or {
  background-color: #3399ff;
}

.filter-value .filter-action {
  cursor: pointer;
}

.filter-dropdown .filter-container {
  width: 300px;
}

.filter-dropdown .filter-container label {
  color: var(--bs-dropdown-header-color);
}

.filter-dropdown .filter-container .filter-control {
  margin-bottom: 0 !important;
}

.filter-dropdown .filter-container.filter-single #filterSelectorContainer {
  display: none;
}

.filter-dropdown .filter-container.filter-single #filterControlContainer label {
  display: none;
}

.filter-dropdown .filter-container #open-favorites::after {
  display: none;
}

.filter-dropdown .filter-container #apply-options {
  width: 250px;
}

.filter-dropdown .filter-container #apply-options #saveAsBtn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.filter-dropdown .filter-container .no-favorites button:nth-child(1) {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.filter-dropdown .filter-container .no-favorites button:nth-child(2) {
  display: none !important;
}

.filter-dropdown .filter-container #favorites .list-group {
  max-height: 100px;
  overflow-y: auto;
}

.filter-dropdown .filter-container #favorites .list-group-item-action {
  transition: all 0.3s;
}

.filter-dropdown .filter-container #favorites .list-group-item-action:hover, .filter-dropdown .filter-container #favorites .list-group-item-action.selected {
  color: var(--bs-primary-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
}

.filter-dropdown .filter-container #favorites .list-group-item-action:hover icon-svg.star svg, .filter-dropdown .filter-container #favorites .list-group-item-action.selected icon-svg.star svg {
  fill: #FD4C68 !important;
}

.filter-dropdown .filter-container #favorites .list-group-item-action.selected {
  font-weight: bold;
}

.filter-dropdown .filter-container #favorites .list-group-item-action icon-svg.trash:hover {
  transform: scale(1.3);
}

.filter-dropdown .filter-container #favorites .list-group-item-action icon-svg.trash:hover svg {
  fill: #d50100 !important;
}

.alphabed-container {
  position: relative;
  max-width: 500px;
  overflow: hidden;
  padding: 8px 0;
}

.alphabed {
  display: grid;
  transition: transform 0.3s;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.24rem;
}

.alphabed > .alphabed-item-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.alphabed > .alphabed-item-container:first-child {
  grid-column-start: 1;
  grid-column-end: 6;
}

.alphabed > .alphabed-item-container:first-child button {
  padding: 5px 30px;
}

.alphabed .alphabed-letter {
  min-height: 37px;
  min-width: 42px;
  text-align: center;
  padding: 6px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 6px;
}

.alphabed > .alphabed-item-container:last-child {
  grid-column: 3/span 1;
  justify-self: center;
  align-self: center;
}

.alphabed-button {
  border: 0;
  padding: 0px 20px;
  background: transparent;
}

.alphabed-button svg {
  height: 1.2rem !important;
  width: 1.6rem !important;
}

.alphabed-button.right svg {
  transform: rotate(180deg);
}

#alphabetFilterButton {
  min-width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#alphabetFilterButton svg {
  fill: var(--bs-primary) !important;
}

.dropdown-shortcut-filters {
  border-radius: 4px !important;
}

/* bootstrap customization */
.table-settings-dropdown .table-settings-container {
  width: 500px;
}

.table-settings-dropdown .table-settings-container label {
  background-color: unset !important;
}

.table-settings-dropdown #columnsControlContainer ul {
  max-height: 400px;
  overflow-x: auto;
}

.table-settings-dropdown #columnsControlContainer ul li {
  padding: 0.25rem 0.5rem;
  background-color: rgba(152, 148, 161, 0.5);
  cursor: pointer;
}

.table-settings-dropdown #columnsControlContainer ul li.hidden-col {
  background-color: #fff;
}

.table-settings-dropdown #columnsControlContainer ul li:hover {
  background-color: var(--bs-list-group-active-bg) !important;
  color: #fff !important;
}

.table-settings-dropdown #columnsControlContainer ul li icon-svg {
  transition: 0.3s;
}

.table-settings-dropdown #columnsControlContainer ul li icon-svg:hover {
  transform: scale(1.2);
}

@media (max-height: 720px) {
  #columnsControlContainer ul {
    max-height: 48vh !important;
  }
}
@media (max-height: 550px) {
  #columnsControlContainer ul {
    max-height: 35vh !important;
  }
}
@media (max-height: 450px) {
  #columnsControlContainer ul {
    max-height: 25vh !important;
  }
}
.report-container #btnApplyFilters {
  --animate-duration: 750ms;
}

.report-container #map {
  height: 500px;
  width: 100%;
}

.report-container #filters_container .form-label {
  background: transparent;
  padding-left: 0;
  padding-bottom: 0;
}

.report-container #filters_container .form-label.small {
  font-size: 0.65em !important;
}

.report-container .date-reports {
  padding: 0.275rem 0.375rem !important;
  font-size: 0.85rem !important;
}

.report-container #labelNewField {
  --bs-badge-font-weight: 400;
  line-height: inherit;
}

/* bootstrap customization */
.choices {
  position: relative;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
}

.choices.form-control.form-control-sm .choices__inner {
  padding: 0.25rem 2.25rem 0.25rem 0.75rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
  min-height: 32px;
}

.choices__placeholder {
  opacity: 0.75;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: var(--bs-secondary-bg);
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid;
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9IiYjMTA7ICBmaWxsOiBpbmhlcml0OyYjMTA7Ij48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:hover,
.choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 12px;
  width: 12px;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 40%;
  margin-top: -2.5px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.choices[data-type*=select-multiple]::after {
  content: "";
  height: 12px;
  width: 12px;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 40%;
  margin-top: -2.5px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.choices[data-type*=select-one].is-open::after {
  rotate: 180deg;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple].is-open::after {
  rotate: 180deg;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: pointer;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9IiYjMTA7ICBmaWxsOiBpbmhlcml0OyYjMTA7Ij48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 37.9px;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid;
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list .choices__group {
  background-color: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
  text-align: center;
}

.choices__list--single {
  display: block;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--single .choices__item.text-truncate {
  max-width: 450px;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  word-break: break-all;
  box-sizing: border-box;
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
  border: 1px solid var(--bs-primary-border-subtle);
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid;
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid;
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 2;
  position: absolute;
  width: 100%;
  background-color: var(--bs-body-bg);
  border: 1px solid;
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: rgba(var(--bs-secondary-rgb), 0.15);
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 0.5rem;
  font-size: 14px;
}

.choices__list--dropdown .choices__item:nth-child(even),
.choices__list[aria-expanded] .choices__item:nth-child(even) {
  background-color: rgba(var(--bs-light-rgb), 0.5);
  color: var(--bs-secondary-text-emphasis);
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 0.875rem;
  padding: 5px 0;
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: 0;
  border-radius: 0;
  max-width: 100%;
}

.choices__input:focus {
  outline: 0;
}

.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.filter-container .choices,
.filter-container .choices__item--selectable {
  cursor: default;
}

.filter-container .choices__inner {
  font-size: 0.875rem;
  padding: 0.25rem 0rem 0.25rem 0.5rem;
  min-height: 31px;
  max-height: 31px;
}

.report-container .choices,
.report-container .choices__item--selectable {
  cursor: default;
}

.report-container .choices__inner {
  font-size: 0.875rem;
  padding: 0.25rem 0rem 0rem 0.5rem;
  min-width: 100%;
  min-height: 31px;
}

.report-container .choices__list[aria-expanded] {
  max-height: 210px;
  overflow: scroll;
}

.report-container .choices__list[aria-expanded] .choices__item {
  min-height: 31px;
  max-height: 31px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.report-container .choices__placeholder {
  opacity: 1;
}

@media (min-width: 576px) {
  .report-container .useOperator {
    min-width: 16%;
  }
}
@media (max-width: 767.98px) {
  .report-container .useOperator {
    min-width: 100%;
  }
}
.report-container .useOperator {
  width: fit-content;
  max-width: 100%;
}

.report-container .useOperator .choices {
  height: auto;
}

.report-container .useOperator .choices.is-open .choices__inner {
  overflow: hidden;
}

.report-container .useOperator .choices__list--dropdown,
.report-container .useOperator .choices__list[aria-expanded] {
  width: auto;
  max-width: 100%;
}

.report-container .useOperator .choices__inner {
  border-radius: 0.25rem 0 0 0.25rem;
}

.report-container .useOperator .choices[data-type*=select-multiple]::after {
  background-image: none;
}

.report-container .useOperator #operatorsMenu {
  border-radius: 0 0.25rem 0.25rem 0;
}

.find-company .choices__inner {
  display: flex;
  padding-right: 1rem !important;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.find-company .choices__inner [type=search] {
  width: 1ch;
}

.find-company .choices__inner .choices__list:not(:has(.choices__item)) {
  width: 1%;
}

.find-company .choices__inner .choices__list:has(.choices__item) {
  width: fit-content;
}

.find-company .choices__inner .choices__list:has(.choices__item) ~ input[type=search] {
  display: none;
}

.find-company .choices[data-type*=text] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9IiYjMTA7ICBmaWxsOiBpbmhlcml0OyYjMTA7Ij48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=");
  opacity: 0.25;
  margin-left: 3px;
}

.find-company .choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 1.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d50100'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d50100' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 1.7875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.choices__inner:focus {
  border-color: rgb(254, 165.5, 179.5);
  box-shadow: 0 0 0 0.25rem rgba(253, 76, 104, 0.25);
}

.choices__inner:focus.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 1.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d50100'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d50100' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 1.7875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.choices__dropdown:not(.is-flipped) .choices__list--dropdown,
.choices__dropdown:not(.is-flipped) .choices__list[aria-expanded] {
  top: 0;
}

.upnify-form .choices__inner {
  border-radius: 0 0 0.375rem 0.375rem;
}

.choice-sep:not(:empty)::before {
  content: " - ";
}

/* =====  End of Choices  ====== */
/* bootstrap customization */
span.brandText {
  color: black;
  font-size: 1.4em;
  font-weight: 600;
  vertical-align: middle;
}

.status-email {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.status-email [icon=copy-solid] {
  color: var(--bs-secondary);
}

.status-email [data-copy] {
  display: none;
  margin: 0;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
}

.status-email [data-copy] ~ span, .status-email [data-copy] ~ a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
  display: inline-block;
}

.status-email:hover [data-copy] {
  display: inline-block;
}

.status-email:hover .envelope-icon {
  display: none;
}

.status-email:hover .configure-email,
.status-email:hover .email {
  max-width: 100%;
  position: static;
  overflow: hidden;
  text-overflow: unset;
}

.trafficLight {
  background-color: #dee2e6;
  position: relative;
}

.trafficLight span {
  position: absolute;
  width: 100%;
  text-align: center;
}

.map-popup h3 {
  font-size: 1.3em;
}

.map-popup p {
  margin-bottom: 5px;
  margin-top: 5px;
}

.map-popup .pop-head {
  display: flex;
  margin-bottom: 10px;
}

.map-popup .title-head-pop {
  flex: 0 0 90%;
}

.pointer {
  cursor: pointer;
}

.divHeading {
  font-size: x-large;
}

.togglePassword {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 25px;
  margin-bottom: 5px;
}

.nav-underline {
  --bs-nav-underline-link-active-color: var(--bs-secondary);
}

.primary-tooltip {
  --bs-tooltip-bg: var(--bs-primary) !important;
  --bs-tooltip-color: var(--bs-body-bg) !important;
}

.primary-subtle-tooltip {
  --bs-tooltip-bg: var(--bs-primary-bg-subtle) !important;
  --bs-tooltip-color: var(--bs-primary-text-emphasis) !important;
}

.secondary-tooltip {
  --bs-tooltip-bg: var(--bs-secondary) !important;
  --bs-tooltip-color: var(--bs-body-bg) !important;
}

.secondary-subtle-tooltip {
  --bs-tooltip-bg: var(--bs-secondary-bg-subtle) !important;
  --bs-tooltip-color: var(--bs-secondary-text-emphasis) !important;
}

.info-tooltip {
  --bs-tooltip-bg: var(--bs-info) !important;
  --bs-tooltip-color: var(--bs-dark) !important;
}

.info-subtle-tooltip {
  --bs-tooltip-bg: var(--bs-info-bg-subtle) !important;
  --bs-tooltip-color: var(--bs-info-text-emphasis) !important;
}

.warning-tooltip {
  --bs-tooltip-bg: var(--bs-warning) !important;
  --bs-tooltip-color: var(--bs-body-bg) !important;
}

.warning-subtle-tooltip {
  --bs-tooltip-bg: var(--bs-warning-bg-subtle) !important;
  --bs-tooltip-color: var(--bs-warning-text-emphasis) !important;
}

.danger-subtle-tooltip {
  --bs-tooltip-bg: var(--bs-danger-bg-subtle) !important;
  --bs-tooltip-color: var(--bs-danger-text-emphasis) !important;
}

.success-subtle-tooltip {
  --bs-tooltip-bg: var(--bs-success-bg-subtle) !important;
  --bs-tooltip-color: var(--bs-success-text-emphasis) !important;
}

.card.card-transparent {
  --bs-card-bg: rgba(var(--bs-body-bg-rgb), 0.65) !important;
  background-color: var(--bs-card-bg) !important;
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}

.card.card-transparent .form-floating > .form-control-plaintext ~ label::after {
  background-color: transparent;
}

.bg-glass {
  --bs-card-bg: rgba(var(--bs-body-bg-rgb), 0.65) !important;
  background-color: var(--bs-card-bg) !important;
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}

.modal-backdrop.show {
  z-index: 1054;
}

.modal-body .content-imagen-cropper {
  width: 100%;
  height: 400px;
  padding: 5px;
  outline: 1px solid #7b7878;
}

.modal-body .content-imagen-cropper .img-cropper {
  width: 100%;
}

.modal-body .content-imagen-sample {
  height: 200px;
  width: 200px;
  outline: 1px solid #7b7878;
  border-radius: 100%;
}

.modal-body .content-imagen-sample .img-sample {
  height: 100%;
  width: 100%;
}

.modal-body .cropper-crop-box .cropper-view-box, .modal-body .cropper-crop-box .cropper-face {
  border-radius: 50%;
}

.datepicker.datepicker-dropdown {
  z-index: 1065 !important;
}

.quick-body {
  height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 300px;
  padding: 36px 10px 0px 10px;
}

.quick-body.no-scroll {
  overflow: hidden;
}

.quick-body table thead th {
  background-color: #FD4C68;
  color: #FFFFFF;
  padding: 0.2rem 0.3rem 0.1rem 0.3rem;
}

.quick-body table tbody td {
  padding: 0.2em;
}

.quick-body table tfoot td {
  background-color: transparent;
}

.quick-body .supForm {
  padding: 0 5px 0 5px;
  background-color: transparent;
  box-shadow: none;
}

.quick-body .supForm .card-body {
  color: #676767;
}

iframe.iframe-suite:not(.loader) {
  width: 100%;
  height: 100%;
  border: none;
}

#preview-email iframe:not(.loader) {
  width: 100%;
  height: 100%;
  border: none;
}

div.ctrlVoice {
  position: absolute;
  right: 25px;
  top: 70%;
}

.box {
  display: block;
  float: left;
  border-radius: 9px;
  padding: 0px 10px;
  color: #FFF;
  font-size: 1.5em;
  border: 5px solid rgba(255, 255, 255, 0.15);
}

.box .title {
  width: 100%;
  display: block;
  text-shadow: 1px 1px 1px #999;
  line-height: 1em;
}

.box .metric {
  font-size: 1.95em;
  text-shadow: 1px 1px 1px #999;
  width: 100%;
  display: block;
  text-align: right;
  line-height: 1em;
}

.box .submetric {
  left: 10px;
  text-shadow: 1px 1px 1px #999;
}

.palette-bg-1 {
  background: #5D9CEC !important;
}

.palette-bg-2 {
  background: #4FC1E9 !important;
}

.palette-bg-3 {
  background: #48CFAD !important;
}

.palette-bg-4 {
  background: #A0D468 !important;
}

.palette-bg-5 {
  background: #FFCE54 !important;
}

.palette-bg-6 {
  background: #FC6E51 !important;
}

.palette-bg-7 {
  background: #ED5565 !important;
}

.palette-bg-8 {
  background: #AC92EC !important;
}

.palette-bg-9 {
  background: #EC87C0 !important;
}

.text-whatsapp {
  color: var(--bs-whatsapp);
}

.text-messenger {
  color: var(--bs-messenger);
}

.text-instagram {
  color: var(--bs-instagram);
}

.text-telegram {
  color: var(--bs-telegram);
}

.bg-whatsapp {
  background-color: var(--bs-whatsapp);
}

.bg-messenger {
  background-color: var(--bs-messenger);
}

.bg-instagram {
  background-color: var(--bs-instagram);
}

.bg-telegram {
  background-color: var(--bs-telegram);
}

.qr-code-wa {
  background-color: var(--bs-primary-border-subtle);
  margin-inline: auto;
  border-radius: 0.75rem;
  width: 50%;
  max-width: 400px;
  box-shadow: var(--bs-box-shadow);
  padding: 1rem;
}

.editInline .display-edit-inline {
  cursor: pointer;
  border-bottom: 2px dashed #adb5bd !important;
  font-weight: 500;
  display: block;
  min-height: 25px;
}

.editInline .form-control {
  border-width: 2px;
  border-bottom-style: dashed;
}

.editInline .form-control:focus {
  box-shadow: none;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-width: 2px;
  border-bottom-style: dashed;
}

.tabWithMenu .tabRowMenu {
  display: none;
  right: 1px;
  top: 1px;
}

.tabWithMenu:hover .nav-link, .tabWithMenu:has(.trigger-popover:focus) .nav-link {
  padding-right: 35px !important;
}

.tabWithMenu:hover .tabRowMenu, .tabWithMenu:has(.trigger-popover:focus) .tabRowMenu {
  display: inline;
}

.tabWithMenu:hover .tabRowMenu .trigger-popover, .tabWithMenu:has(.trigger-popover:focus) .tabRowMenu .trigger-popover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  height: 100%;
  pointer-events: auto;
}

.drag-and-drop-files {
  border: 3px dashed #adb5bd;
  border-radius: 5px;
}

.dragging {
  border: 3px dashed #6c757d;
  border-radius: 5px;
}

.dragging icon-svg svg {
  animation: beat 1.5s ease infinite;
}

.dragging {
  background-color: #ced4da;
}

.disappear {
  animation: disappear 0.25s ease-in-out;
}

.total-pagination {
  --bs-pagination-color: var(--bs-body-bg);
  --bs-pagination-hover-color: var(--bs-body-bg);
}

@media (max-width: 767.98px) {
  .pagination .page-item:nth-last-child(-n+2) .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
  }
}
.btns-pipe {
  -webkit-box-shadow: -1px 0 0 #9b9b9b;
  box-shadow: -1px 0 0 #9b9b9b;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  transition: 0.4s;
}

::-webkit-scrollbar-track {
  background: var(--bs-secondary-bg-subtle);
  backdrop-filter: blur(10px);
  transition: 0.4s;
}

::-webkit-scrollbar-thumb {
  background: var(--bs-secondary-border-subtle);
  transition: 0.4s;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bs-secondary);
  transition: 0.4s;
}

.rotate-45 {
  transform: rotate(45deg);
}

.table-dark tr td .sort, .table-light tr td .sort {
  display: none;
}

.table-dark tr:hover td .sort, .table-light tr:hover td .sort {
  display: block;
  cursor: pointer;
}

.table-dark tr:hover td .nIndice, .table-light tr:hover td .nIndice {
  display: none;
}

[data-show-if] {
  display: none;
}

.tox-statusbar__branding, .tox-statusbar {
  display: none;
}

.box-actions {
  position: relative;
}

.box-actions:hover .btn-actions {
  display: inline;
}

.box-actions .btn-actions {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.text-block, .textBlock {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text-block:first-letter, .textBlock:first-letter {
  text-transform: uppercase;
}

.first-letter:first-letter {
  text-transform: uppercase;
}

.box-actions:has(.hint) .hint,
.form-label:has(.hint) .hint {
  display: none;
}

.box-actions:has(.hint):hover .hint,
.form-label:has(.hint):hover .hint {
  position: absolute;
  top: 0;
  display: inline;
}

.related-field-container label {
  font-weight: 600;
  color: var(--bs-body-color);
  padding: 0.25rem 0.75rem;
  width: 100%;
  font-size: 0.8rem;
  background-color: var(--bs-body-bg);
}

.related-field-container label:hover {
  background-color: var(--bs-secondary);
  color: var(--bs-light);
}

#customFieldTabs .nav-link .text-truncate {
  width: 90% !important;
}

.dft-margin-table-card table {
  margin-bottom: 1rem !important;
}

#tabsTable .card {
  background: transparent;
  backdrop-filter: none;
  border: none;
}

#tabsTable .card .card-header {
  padding: 0px;
  border: none;
  background: #fff;
}

.contact-follow-up .add-category {
  display: none;
}

.contact-follow-up:hover .add-category {
  display: inline-block;
}

.notification-container span {
  text-decoration: none;
  font-weight: 700;
}

.etiquetas .badge {
  text-align: left;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.65rem;
}

.etiquetas .badge:hover {
  max-width: 100%;
  word-wrap: break-word !important;
  word-break: break-word !important;
  text-overflow: initial;
  white-space: initial;
}

.chat-contact-tags {
  width: 100%;
}

.chat-contact-tags .badge {
  max-width: 100%;
  word-wrap: break-word !important;
  word-break: break-word !important;
  text-overflow: initial;
  white-space: initial;
}

.property-status {
  color: #fff;
  font-weight: bold;
}

.property-status.available {
  background-color: #00b23c;
}

.property-status.notAvailable {
  background-color: #6c757d;
}

.property-status.separate {
  background-color: #fab705;
  color: #000;
}

.property-status.sold {
  background-color: rgba(250, 5, 5, 0.8);
}

.property-status.on-request {
  background-color: #6d6bc9;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #f2dcdc !important;
}

.offcanvas #frm-outbox-form .box-loader, .offcanvas #frm-frmTemplates .box-loader, .offcanvas #frm-frmCuentasCorreo .box-loader {
  position: absolute;
  z-index: 4;
  background: #fff;
  margin: 0;
}

.line {
  height: inherit;
  width: 30px;
  border-radius: 0.3rem 0 0 0.3rem;
}

.line.line-purple {
  background-color: #B888F8;
}

.line.line-grey {
  background-color: #d3d3d3;
}

.line.line-sm {
  width: 4px;
  height: 115px;
  border-radius: 16px;
}

.shadow-card {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

#videoContainer iframe {
  border-radius: 0.375rem;
}

.mar-3 {
  margin-right: 3rem;
}

.modal-content .progressb {
  height: 33px;
  display: flex;
  overflow: hidden;
  font-size: 0.75em;
  background-color: #ced4da;
  border-radius: 0.25rem;
  margin: 50px;
}

.progressb .progress-bar-exp {
  background: #FD4C68;
  width: 0%;
}

.progressb label.button-selected {
  background: #FD4C68;
  color: #FFFFFF;
}

.progressb label.button-deselected {
  background: rgba(0, 0, 0, 0.1);
  color: #FD4C68;
}

.progressb label#lblprogress {
  color: #FFFFFF;
  margin-bottom: 0 !important;
  position: absolute;
  width: 88%;
  background: none !important;
  padding: 8px 10px;
  text-align: center;
  font-size: 1.1em;
}

.progressb label#lblprogress label {
  margin-left: 10px;
}

.progressb #starIndicator {
  margin-right: 5px;
}

:focus-visible {
  outline: var(--bs-primary) auto 1px !important;
}

input:focus-visible {
  outline: none !important;
}

.text-danger {
  --bs-list-group-active-bg: var(--bs-danger);
}

.bg-light-grey {
  background-color: #E0E0E0;
}

#countdown-timer {
  position: relative;
}

@media screen and (max-width: 320px) {
  #countdown-timer {
    right: 10%;
  }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
  #countdown-timer {
    right: 25%;
  }
}
@media screen and (min-width: 376px) and (max-width: 425px) {
  #countdown-timer {
    right: 35%;
  }
}
@media screen and (min-width: 426px) {
  #countdown-timer {
    right: 45%;
  }
}
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}

.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4CAF50;
}

.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}

.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}

.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  transform: rotate(-45deg);
}

.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}

.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}

.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}

.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}

.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: rgba(255, 255, 255, 0);
}

.drag-and-drop-gallery-reject {
  max-height: 500px;
  overflow-y: auto;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.badge[data-link-to-filter] {
  cursor: pointer;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.top-40 {
  top: 40% !important;
}

.billing-box {
  width: 350px;
  border-top: 3px solid #6c43f3;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  font-family: Arial, sans-serif;
}

.billing-item {
  margin-bottom: 20px;
  display: flex !important;
}

.billing-item span {
  font-size: 14px;
}

.billing-item h6 {
  font-weight: bold;
  margin-bottom: 2px;
}

.billing-item small {
  color: gray;
}

#oc-templates-offcanvas #content-gif img {
  max-width: 100%;
}

.tox .tox-collection__item-container img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 6px;
  object-fit: contain;
}

.questionsTabs #questionsDiv,
#questionsDiv {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bulk-questions-footer {
  display: flex;
  justify-content: flex-start;
  margin-right: auto;
}

.exercise-option-editor {
  width: 100%;
}

.exercise-option-editor__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  justify-items: center;
}

.exercise-option-card {
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  padding: 1rem;
  box-shadow: 0 8px 20px rgba(33, 37, 41, 0.08);
  width: 100%;
  max-width: 250px;
  min-height: 350px;
  height: 350px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #212529;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, opacity 0.2s ease;
  animation: exercise-card-fade-in 0.32s ease;
  cursor: pointer;
  position: relative;
}

.exercise-option-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(33, 37, 41, 0.12);
  border-color: rgba(13, 110, 253, 0.25);
}

.exercise-option-card.is-selected {
  border-color: var(--bs-primary);
  box-shadow: 0 12px 28px rgba(13, 110, 253, 0.18);
}

.exercise-option-card.is-correct {
  border-color: rgba(25, 135, 84, 0.8);
  background: linear-gradient(135deg, rgba(25, 135, 84, 0.14), rgba(25, 135, 84, 0.1));
  box-shadow: 0 14px 28px rgba(25, 135, 84, 0.2);
}

.exercise-option-card.is-incorrect {
  border-color: rgba(220, 53, 69, 0.8);
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.14), rgba(220, 53, 69, 0.1));
  box-shadow: 0 14px 28px rgba(220, 53, 69, 0.2);
}

.exercise-option-card.is-correct::after,
.exercise-option-card.is-incorrect::after {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 999px;
  font-size: 1.15rem;
  line-height: 2.1rem;
  text-align: center;
  box-shadow: 0 6px 16px rgba(33, 37, 41, 0.18);
  border: 2px solid transparent;
  background: #fff;
  color: #212529;
  content: "";
}

.exercise-option-card.is-correct::after {
  content: "✅";
  border-color: rgba(25, 135, 84, 0.6);
}

.exercise-option-card.is-incorrect::after {
  content: "❌";
  border-color: rgba(220, 53, 69, 0.6);
}

.exercise-option-card__body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.exercise-option-card .form-control-lg {
  font-weight: 700;
  font-size: 1rem;
  background-color: transparent;
  border: 2px dashed rgba(0, 0, 0, 0.35);
  border-radius: 0.75rem;
  text-align: center;
  padding: 0.9rem 1rem;
  height: 100%;
  overflow: auto;
  resize: none;
  white-space: pre-wrap;
}

.exercise-options-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  text-align: center;
  font-size: 0.875rem;
}

.exercise-options-preview__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

.exercise-options-preview__text {
  font-size: inherit;
  line-height: 1.2;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.exercise-options-preview .badge {
  font-size: inherit;
  line-height: 1.2;
}

.placeholder-regular::placeholder {
  font-weight: 400;
  font-style: normal;
  font-size: 0.95rem;
}

#purchase-add-details td {
  opacity: 1 !important;
}

[data-emoji-picker] {
  height: 330px;
  width: 290px;
  overflow-y: scroll;
}

[data-emoji-picker] .emoji-list {
  padding: 0.25rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  justify-content: space-evenly;
}

[data-emoji-picker] .emoji-list [data-emoji] {
  font-size: 1.75rem !important;
  border-radius: 50% !important;
  text-align: center;
  transition: 0.4s !important;
}

[data-emoji-picker] .emoji-list [data-emoji]:hover {
  cursor: pointer;
  transform: scale(1.3);
}

/* bootstrap customization */
body:has(.kanban) {
  overflow: hidden;
}

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

.kanban {
  --upy-bg-drop-area: #ECC8;
  user-select: none;
  /*--*/
  position: absolute;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: calc(100% - 175px);
  padding-right: 6rem;
  /*--*/
}

.kanban .kanban-row {
  min-width: 350px;
  /*--*/
  align-self: self-start;
  flex-shrink: 0;
  display: block;
  height: 100%;
  width: 350px;
  padding: 0 6px;
  /*--*/
}

.kanban .kanban-row.drop-target > .card {
  outline: 3px dashed var(--bs-secondary-border-subtle) !important;
}

.kanban .kanban-row.drop-target > .card > .card-body {
  min-height: 50vh;
}

.kanban .kanban-row .card.next-step {
  background: var(--bs-secondary-bg-subtle) !important;
  color: var(--bs-secondary-text-emphasis) !important;
}

.kanban .kanban-row .card.next-step .drop-area {
  width: 100%;
  height: 200px;
  outline: 3px dashed var(--bs-secondary-border-subtle);
  border-radius: 0.5em;
  text-align: center;
  background: var(--upy-bg-drop-area);
  display: flex;
}

.kanban .kanban-row .card.next-step .drop-area .icon-xxl {
  margin: auto;
}

.kanban .kanban-row .card.next-step .drop-area .icon-xxl svg {
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
}

.kanban .kanban-row .card.next-step.dragging {
  background: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
}

.kanban .kanban-row .card-column {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.kanban .kanban-row .kanban-item:hover {
  cursor: pointer;
}

.kanban .kanban-row .kanban-item:hover .btn-actions {
  display: inline;
}

.kanban .kanban-row .kanban-item .btn-actions {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.kanban .kanban-row .kanban-item .one-liner {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.kanban .kanban-row .kanban-item .two-liner {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.kanban .kanban-row .kanban-item.dragging {
  opacity: 0.5;
}

.tran-move-from-right {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}

@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
}
/* bootstrap customization */
#calendar {
  position: relative;
}

#calendar .active {
  color: #fff;
}

#calendar .active svg {
  color: #fff;
}

#calendar div.event.due {
  opacity: 0.5;
}

#calendar div.event.due:hover {
  opacity: 100 !important;
}

#calendar p.day-detail {
  word-break: break-word;
}

#calendar .slot:not(.expanded) div.event:not(.is-visible) {
  display: none !important;
}

#calendar .slot.expanded div.more {
  display: none;
}

#calendar .calendar-area {
  height: 100%;
}

#calendar .calendar-area .slot {
  height: 100%;
}

#calendar .calendar-area .slot .dropdown-menu .dropdown-divider:last-child {
  display: none;
}

#calendar .calendar-area .slot .dropdown-menu .dropdown-divider + .list-group-item.border-bottom {
  display: none;
}

#calendar .dayContainer {
  display: block;
  height: 74vh;
  overflow-y: auto;
}

#calendar .dayContainer .nowLine {
  display: block;
  border-top: 2px solid #d50100;
  position: relative;
  height: 3px;
}

#calendar .dayContainer table.dailyCalendar th.dayName {
  position: sticky;
  top: 0px;
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  text-align: center;
  border-bottom: 1px solid var(--bs-secondary-border-subtle);
  font-size: 0.8rem;
  padding: 5px;
  z-index: 2;
}

#calendar .dayContainer table.dailyCalendar th.timeName {
  position: sticky;
  top: 0px;
  background-color: var(--bs-secondary-bg-subtle);
  border-bottom: 1px solid var(--bs-secondary-border-subtle);
  width: 100px;
}

#calendar .dayContainer table.dailyCalendar td.timeCol {
  height: 4em;
  border: 1px solid var(--bs-light-border-subtle);
  width: 100px;
  text-align: center;
}

#calendar .dayContainer table.dailyCalendar .slot {
  border: 1px solid var(--bs-light-border-subtle);
  vertical-align: top;
  text-align: center;
  position: relative;
}

#calendar .dayContainer table.dailyCalendar .slot div.event {
  border-radius: 5px;
  margin: 2px;
  padding: 1px 3px;
  color: #FFFFFF;
  text-align: left;
  width: 25%;
  max-height: 7.5em;
  float: left;
  cursor: pointer;
}

#calendar .dayContainer table.dailyCalendar .slot div.event .hour {
  font-weight: bold;
  padding-right: 5px;
}

#calendar .dayContainer table.dailyCalendar .slot div.event p.title {
  max-height: 4.5em;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#calendar .dayContainer table.dailyCalendar .slot div.moreArea {
  width: 100%;
  display: inline-block;
  text-align: center;
}

#calendar .dayContainer table.dailyCalendar .slot div.moreArea span.more {
  background-color: rgba(253, 76, 104, 0.6);
  color: rgba(255, 255, 255, 0.5);
  padding: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
}

#calendar .dayContainer table.dailyCalendar .slot .hidden {
  display: none;
}

#calendar .weeklyContainer {
  display: block;
  height: 75vh;
  overflow-y: auto;
}

#calendar .weeklyContainer .nowLine {
  display: block;
  border-top: 2px solid #d50100;
  position: relative;
  height: 3px;
}

#calendar .weeklyContainer table.weeklyCalendar th {
  position: sticky;
  top: 0px;
}

#calendar .weeklyContainer table.weeklyCalendar th.timeName {
  background-color: var(--bs-secondary-bg-subtle);
  border-bottom: 1px solid var(--bs-secondary-border-subtle);
}

#calendar .weeklyContainer table.weeklyCalendar th.dayName {
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  text-align: center;
  font-size: 0.8rem;
  padding: 5px;
  z-index: 2;
}

#calendar .weeklyContainer table.weeklyCalendar td.timeArea {
  position: sticky;
  top: 31px;
  padding: 5px;
  text-align: center;
}

#calendar .weeklyContainer table.weeklyCalendar td.dayArea {
  position: sticky;
  padding: 5px;
  text-align: center;
  font-size: 1.7em;
  top: 31px;
  z-index: 2;
}

#calendar .weeklyContainer table.weeklyCalendar .slot {
  border: 1px solid var(--bs-light-border-subtle);
  width: 12%;
  vertical-align: top;
  text-align: center;
  position: relative;
}

#calendar .weeklyContainer table.weeklyCalendar .slot div.event {
  border-radius: 5px;
  margin-bottom: 2px;
  padding: 1px 3px;
  color: #FFFFFF;
  text-align: left;
  cursor: pointer;
}

#calendar .weeklyContainer table.weeklyCalendar .slot div.event .hour {
  font-weight: bold;
  padding-right: 5px;
}

#calendar .weeklyContainer table.weeklyCalendar .slot span.more {
  background-color: rgba(253, 76, 104, 0.6);
  color: rgba(255, 255, 255, 0.5);
  padding: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
}

#calendar .weeklyContainer table.weeklyCalendar .slot .hidden {
  display: none;
}

#calendar .weeklyContainer table.weeklyCalendar td.timeCol {
  height: 4em;
  border: 1px solid var(--bs-light-border-subtle);
  width: 4%;
  text-align: center;
}

#calendar .weeklyContainer table.weeklyCalendar .timeSlot {
  border-bottom: 1px dotted var(--bs-light-border-subtle);
  display: block;
  padding: 3px;
  text-align: right;
  width: 100%;
}

#calendar .monthlyContainer {
  height: 74vh;
  overflow-y: auto;
  display: block;
}

#calendar .monthlyContainer .monthlyCalendar {
  width: 100%;
  font-size: 0.85em;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -webkit-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.75);
}

#calendar .monthlyContainer .monthlyCalendar th.dayName {
  text-align: center;
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  font-size: 0.8rem;
  padding: 5px;
}

#calendar .monthlyContainer .monthlyCalendar td.monthDay {
  text-align: center;
  height: 11vh;
  border: 1px solid #dee2e6;
  width: 14.2857142857%;
  padding: 0;
  position: relative;
}

@media (max-width: 991.98px) {
  #calendar .monthlyContainer .monthlyCalendar td.monthDay {
    min-width: 208px;
  }
}
#calendar .monthlyContainer .monthlyCalendar td.monthDay:hover {
  background: rgba(52, 58, 64, 0.5);
}

#calendar .monthlyContainer .monthlyCalendar .grayed {
  color: var(--bs-primary-border-subtle);
}

#calendar .monthlyContainer .monthlyCalendar span.today {
  padding: 2px 6px;
  color: var(--bs-danger-text-emphasis) !important;
  background-color: var(--bs-danger-bg-subtle) !important;
  border-radius: var(--bs-border-radius-pill) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-danger-border-subtle) !important;
}

#calendar .monthlyContainer .monthlyCalendar td.today {
  background: rgba(213, 1, 0, 0.2);
}

#calendar .monthlyContainer .monthlyCalendar table.dayEvents {
  height: 100%;
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
}

#calendar .monthlyContainer .monthlyCalendar table.dayEvents .dayNumber {
  float: right;
}

#calendar .monthlyContainer .monthlyCalendar table.dayEvents .slot {
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 100%;
}

#calendar .monthlyContainer .monthlyCalendar table.dayEvents div.event {
  border-radius: 5px;
  margin-bottom: 2px;
  cursor: pointer;
  color: #FFFFFF;
}

#calendar .monthlyContainer .monthlyCalendar table.dayEvents .hidden {
  display: none;
}

#calendar .monthlyContainer .monthlyCalendar table.dayEvents span.more {
  background-color: rgba(253, 76, 104, 0.6);
  color: rgba(255, 255, 255, 0.5);
  padding: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
}

#calendar table.listCalendar {
  display: table;
}

#calendar table.listCalendar thead td {
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  font-weight: bold;
  font-size: 0.8rem;
  padding: 5px;
}

#calendar table.listCalendar tr.noRecords {
  text-align: center;
}

#calendar table.listCalendar .red {
  color: var(--bs-danger);
}

#calendar table.listCalendar th {
  background: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
}

#calendar table.listCalendar td.start {
  text-align: center;
}

#calendar table.listCalendar td.title {
  padding-left: 5px;
}

#calendar table.listCalendar td.dayName {
  background: var(--bs-primary);
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px;
}

#calendar table.listCalendar td.row-options .btn-group > button {
  border-radius: 5px !important;
}

#calendar table.listCalendar div.event {
  padding-bottom: 2px;
  display: table-row;
  border-top: 1px solid var(--bs-light-border-subtle);
  cursor: pointer;
  color: #FFFFFF;
}

#calendar table.listCalendar div.event div {
  display: table-cell;
  padding: 5px;
  height: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0px;
}

#calendar table.listCalendar div.event div.time {
  width: 110px;
  height: auto;
  display: block;
}

#calendar table.listCalendar div.event div.color {
  width: 6px;
}

#calendar table.listCalendar div.event div.title {
  width: 30%;
  max-width: 30%;
}

#calendar table.listCalendar div.event div.contact {
  width: 25%;
  max-width: 25%;
}

#calendar table.listCalendar div.event div.concept {
  width: 30%;
  max-width: 30%;
}

#calendar table.listCalendar div.event div.status {
  width: 10%;
  max-width: 10%;
}

#calendar table.listCalendar div.event div.icon {
  font-size: 0.8em;
  width: 20px;
}

#calendar table.listCalendar tbody:not(:has(tr:not(.dayTitle))) {
  display: none;
}

#calendar .userList .title {
  color: #FFFFFF;
  font-size: 1.25em;
  padding: 0.5em 0.75em;
}

#calendar .userList span.list-group-item-text {
  margin-left: 0.5em;
}

#calendar .userList #pendingTypeList label {
  width: 95%;
}

#calendar .userList label {
  width: 85%;
  margin-top: 5px;
  cursor: pointer;
}

#calendar .userList span.icon-right {
  float: right !important;
  color: var(--bs-primary);
}

#calendar .userList span.icon-loading {
  float: right !important;
}

#calendar .addFromDate button {
  --bs-btn-padding-y: .2rem;
  --bs-btn-padding-x: .2rem;
  z-index: 1;
}

#calendar .addFromDate button .icon svg {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 1rem !important;
}

#calendar table:not(.dayEvents) thead {
  top: 0;
  position: sticky;
  z-index: 1;
}

#calendar table:not(.dayEvents) .event:hover .btn-group {
  display: inline-flex;
}

#calendar table:not(.dayEvents) .event .btn-group.active-menu {
  display: inline-flex;
}

#calendar table:not(.dayEvents) .event .btn-group {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: none;
}

#calendar table:not(.dayEvents) .event .btn-group > button {
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  border-start-start-radius: 0;
  border-start-end-radius: 5px;
  border-end-start-radius: 0;
  border-end-end-radius: 5px;
}

#calendar table:not(.dayEvents) .event .btn-group [data-popper-placement^=bottom] {
  top: -5px !important;
}

#calendar table:not(.dayEvents) .event .btn-group [data-popper-placement^=top] {
  bottom: -5px !important;
}

.calendarArea[data-filter-status="1"] .event:not(.completed),
.calendarArea[data-filter-status="1"] .eventAgenda:not(.completed) {
  display: none;
}

.calendarArea[data-filter-status="2"] .event:not(.not-completed.due),
.calendarArea[data-filter-status="2"] .eventAgenda:not(.not-completed.due) {
  display: none;
}

.calendarArea[data-filter-status="3"] .event.completed,
.calendarArea[data-filter-status="3"] .eventAgenda.completed {
  display: none;
}

#calendarList .list-group-item-text {
  color: #FFFFFF;
  font-weight: 500;
}

#viewCalendarSettings [icon=angles-right-solid] {
  display: none;
}

#viewCalendarSettings.closed [icon=angles-right-solid] {
  display: inline-block;
}

#viewCalendarSettings.closed [icon=angles-left-solid] {
  display: none;
}

.ev7 {
  background: rgba(239, 82, 72, 0.85) !important;
}

/* bootstrap customization */
.sortable-list li.active {
  background: #081C35 !important;
  pointer-events: none;
}

.sortable-list tr.active {
  background: #081C35 !important;
}

.sortable-list.table-columns li > div {
  pointer-events: none !important;
}

.sortable-list.table-columns li > div .action {
  pointer-events: all;
}

.sortable-list.table-columns li.active {
  pointer-events: all !important;
}

.eventsChildres {
  pointer-events: all;
}

.eventsChildresNone {
  pointer-events: none;
}

/* bootstrap customization */
.overflow-hidden {
  overflow: hidden;
}

@media (max-width: 991.98px) {
  #assetsLibrary #foldersMenuContainer {
    height: fit-content;
    max-height: 20vh;
  }
  #assetsLibrary #foldersMenuContainer .box-loader {
    height: calc(40vh - 45px) !important;
  }
  #assetsLibrary #displayContainer {
    height: calc(100vh - 365px);
  }
}
@media (min-width: 768px) {
  #assetsLibrary #foldersMenuContainer,
  #assetsLibrary #displayContainer {
    height: calc(100vh - 175px);
  }
  #assetsLibrary #foldersMenuContainer {
    padding-left: 0;
  }
  #assetsLibrary #foldersMenuContainer .box-loader {
    height: calc(100vh - 250px) !important;
  }
}
#assetsLibrary #foldersMenuContainer {
  overflow-y: auto;
}

#assetsLibrary #foldersMenuContainer .btn-outline-primary {
  --bs-btn-color: #000;
  --bs-btn-hover-color: #fff;
}

#assetsLibrary #foldersMenuContainer .list-group-item.active {
  z-index: 0;
}

#assetsLibrary #foldersMenuContainer .folderContainer:hover .btn-actions {
  display: inline;
}

#assetsLibrary #foldersMenuContainer .folderContainer .btn-actions {
  display: none;
  padding: 0.015rem 0.15rem;
}

#assetsLibrary #displayContainer {
  overflow-y: auto;
}

#assetsLibrary #displayContainer .fileCardsContainer {
  overflow-y: auto;
}

#assetsLibrary #displayContainer .fileCardsContainer .card:hover .btn-actions {
  display: inline;
}

#assetsLibrary #displayContainer .fileCardsContainer .card .btn-actions {
  display: none;
}

#assetsLibrary #displayContainer .fileCardsContainer .card .menuContainer {
  right: 0;
  top: 0;
}

#assetsLibrary #displayContainer .fileCardsContainer .card .body-file {
  max-height: 164px;
  min-height: 164px;
}

#assetsLibrary #displayContainer .fileCardsContainer .card .card-preview {
  max-height: 135px;
  max-width: 550px;
}

#assetsLibrary #displayContainer .fileCardsContainer .card .img-fluid {
  max-height: 135px;
}

#assetsLibrary #displayContainer .fileCardsContainer .card img:hover,
#assetsLibrary #displayContainer .fileCardsContainer .card svg:hover {
  transform: scale(1.1);
}

#assetsLibrary #displayContainer .fileCardsContainer .card .card-footer {
  max-height: 40px;
  min-height: 40px;
}

#assetsLibrary #displayContainer .fileCardsContainer .detailCard img {
  padding: 1rem;
}

#assetsLibrary #displayContainer .fileCardsContainer .detailCard icon-svg {
  padding: 1rem;
}

#assetsLibrary #displayContainer .files-header {
  min-height: 48px;
}

/* bootstrap customization */
#detail-contact .col-form-label {
  color: var(--bs-body-color);
  text-align: right;
  background-color: var(--bs-tertiary-bg);
}

#detail-contact .avatars-stack {
  margin-right: 0.25rem;
}

#detail-contact [data-id-field] {
  margin-bottom: 0 !important;
}

#detail-contact [data-id-field] input {
  pointer-events: none;
}

#detail-contact [data-id-field] label {
  pointer-events: none;
}

#detail-contact [data-id-field] .form-check {
  margin-bottom: 0 !important;
}

#detail-contact .display-info-label {
  width: 160px;
}

#detail-contact .display-info-value {
  width: calc(100% - 160px);
}

#detail-contact .tags-detail .form-control-plaintext {
  padding-bottom: 0.25rem !important;
}

#detail-contact span.trigger-popover {
  font-weight: bold;
  cursor: pointer;
}

#detail-card-tab .nav-link .label-tab, #detail-card-tab .nav-link .icon-active, #inbox-container .nav-link .label-tab, #inbox-container .nav-link .icon-active, .card-navs .nav-link .label-tab, .card-navs .nav-link .icon-active {
  display: none;
}

#detail-card-tab .nav-link.active .label-tab, #detail-card-tab .nav-link.active .icon-active, #inbox-container .nav-link.active .label-tab, #inbox-container .nav-link.active .icon-active, .card-navs .nav-link.active .label-tab, .card-navs .nav-link.active .icon-active {
  display: inline;
}

#detail-card-tab .nav-link.active .icon-inactive, #inbox-container .nav-link.active .icon-inactive, .card-navs .nav-link.active .icon-inactive {
  display: none;
}

#detail-card-tab .togglePassword, #inbox-container .togglePassword, .card-navs .togglePassword {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 25px;
  margin-bottom: 5px;
}

.accordion {
  --bs-accordion-active-color: var(--bs-secondary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-secondary-bg-subtle);
  --bs-accordion-btn-focus-border-color: rgb(131.5, 141.5, 154);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(8, 28, 53, 0.25);
}

.form-control-plaintext.form-control-sm {
  min-height: auto;
}

.upnify-form .title-actions:not(.show-title-actions) {
  display: none !important;
}

.title-actions {
  position: sticky;
  top: calc(94px + 1rem) !important;
  z-index: 2;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom: 1px solid var(--bs-secondary-border-subtle);
  background-color: var(--bs-primary-bg-subtle) !important;
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
}

.title-actions h5 {
  color: var(--bs-primary-text-emphasis) io !important;
  font-size: 1rem;
}

.title-actions .btn-sm {
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-font-size: 0.75rem;
}

.title-actions ~ .table-container .alert {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-width: 0 !important;
}

.title-actions ~ .upnify-form .card-header:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.title-actions ~ .upnify-form .card-header:first-child .nav-link:first-child {
  border-top-left-radius: 0 !important;
}

@media (max-width: 575.98px) {
  .title-actions > .btn-actions > button, .title-actions > .btn-actions > .btn-group > button {
    font-size: 0 !important;
  }
  .title-actions > .btn-actions > button icon-svg:not(.icon-lg) svg, .title-actions > .btn-actions > .btn-group > button icon-svg:not(.icon-lg) svg {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
  }
}
#productsTable {
  background-color: transparent !important;
  display: block !important;
}

/* bootstrap customization */
.data-grid .col-form-label {
  color: var(--bs-body-color);
  text-align: right;
  background-color: var(--bs-tertiary-bg);
}

/* bootstrap customization */
.dashboard .quote {
  font-size: 1.1em;
  font-style: italic;
}

.dashboard .quote .card-body {
  text-align: center;
}

.dashboard .booktip {
  font-size: 1.1em;
  font-style: italic;
}

.dashboard .booktip .card-body {
  text-align: center;
}

.dashboard .widgetGoal {
  min-height: 94px;
  max-height: 398px;
  overflow: auto;
}

.dashboard .widgetGoal .list-group-item {
  --bs-border-opacity: .5;
  --bs-list-group-border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.dashboard .widgetGoal .goalInfo {
  margin-bottom: 0.25rem !important;
}

.dashboard .widgetGoal .font-small {
  font-size: 70%;
}

.dashboard .table-responsive .alert, .dashboard [data-section-type] .alert {
  border-radius: 0 !important;
  border: 0 !important;
}

.dashboard .table-responsive .table:not(:has(tfoot)) tbody tr:last-child > *, .dashboard [data-section-type] .table:not(:has(tfoot)) tbody tr:last-child > * {
  --bs-border-width: 0 !important;
}

.dashboard .table-responsive .table tfoot tr:last-child > *, .dashboard [data-section-type] .table tfoot tr:last-child > * {
  --bs-border-width: 0 !important;
}

.dashboard .card.border-secondary {
  --bs-card-border-color: rgba(var(--bs-secondary-rgb), .5);
}

/* bootstrap customization */
#dashboard_masonry {
  column-count: 3;
  column-gap: 0px;
  display: block;
}

#dashboard_masonry.full-screen {
  display: flex !important;
}

#dashboard_masonry.two-col {
  column-count: 2;
}

#dashboard_masonry li.active {
  border: 4px solid #333 !important;
  border-radius: 10px;
  opacity: 0.75;
}

#dashboard_masonry .default_layout {
  padding: 0.25rem;
  display: grid;
  grid-template-rows: 1fr auto;
  break-inside: avoid;
  height: fit-content;
  width: auto;
  background: transparent;
  border: none;
  cursor: grab;
}

#dashboard_masonry .default_layout .card {
  grid-row: 1/-1;
  grid-column: 1;
  pointer-events: all;
  cursor: auto;
}

#dashboard_masonry .default_layout .card .card-header, #dashboard_masonry .default_layout .card .card-footer, #dashboard_masonry .default_layout .card .card-body:not(.p-0) {
  cursor: grab;
}

@media (max-width: 767.98px) {
  #dashboard_masonry {
    column-count: 1 !important;
  }
}
@media (min-width: 768px) and (max-width: 1399.98px) {
  #dashboard_masonry {
    column-count: 2;
  }
}
@media (min-width: 1400px) {
  #dashboard_masonry:not(.two-col) {
    column-count: 3;
  }
}
/* bootstrap customization */
.aiG-hasSidePanel {
  margin-left: 400px !important;
  width: auto;
}

.aiG.aiG-sidePanel {
  width: 400px !important;
  min-width: 400px;
  top: 120px !important;
  left: 64px !important;
  right: auto;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
  height: calc(100% - 120px);
  font-size: 90%;
  z-index: 1020;
  position: fixed;
}

.aiG.aiG-sidePanel .disclaimer {
  border-radius: 20px;
  font-size: 85%;
  background-color: antiquewhite;
}

.aiG .aiG-preview {
  min-height: 250px;
}

.aiG iframe.aiG-preview {
  padding: 0 !important;
}

.aiG.aiG-executiveAnalysis {
  cursor: pointer;
}

.aiG #c-3 {
  max-height: 20%;
  overflow-y: auto;
}

.aiG .icon-active {
  color: #4CAF50;
}

.aiG .metasContainer h4 {
  font-size: 93% !important;
  margin-bottom: 0.5rem !important;
}

.aiG .metasContainer h4 > div {
  font-size: 90%;
}

.aiG .metasContainer ul {
  max-height: 340px !important;
}

.cover-loader {
  position: fixed;
  width: inherit;
  height: inherit;
  display: flex;
  z-index: 1021;
  background-color: rgba(255, 255, 255, 0.6);
}

/* bootstrap customization */
.screenConfig .theme-item {
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  width: 170px;
}

.screenConfig .theme-item .theme-img-preview {
  overflow: hidden;
}

.screenConfig .theme-item .theme-img-preview img.img-fluid {
  border-radius: var(--bs-border-radius);
}

.screenConfig .theme-item:hover img.img-fluid {
  border: 2px solid var(--bs-primary);
}

.screenConfig .theme-item:hover .text-center strong {
  text-decoration: underline;
}

.screenConfig .theme-item .selected-cover {
  display: none;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  background-color: rgba(var(--bs-primary-rgb), 0.35);
}

.screenConfig .theme-item .selected-cover icon-svg {
  margin: calc(50% - 45px) auto auto auto;
  color: var(--bs-primary-bg-subtle);
}

.screenConfig .theme-item:hover .selected-cover, .screenConfig .theme-item.active .selected-cover {
  display: flex !important;
  position: absolute;
}

.screenConfig .theme-item:hover img.img-fluid, .screenConfig .theme-item.active img.img-fluid {
  border: 2px solid var(--bs-primary);
}

.screenConfig .current-background {
  display: flex;
  justify-content: center;
}

.screenConfig .current-background img {
  border-radius: 15px;
}

.screenConfig .current-background .no-background {
  width: 100%;
  border: 1px solid var(--bs-border-color);
  justify-content: center;
  border-radius: 15px;
}

.screenConfig .current-background.empty .no-background {
  display: flex !important;
}

.screenConfig .current-background.empty img {
  display: none;
}

.has-custom-background {
  background-color: #FFFFFF !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
}

/* Cropper */
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

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

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* bootstrap customization */
#help-panel {
  width: 400px !important;
  min-width: 400px;
  border: none;
  font-size: 85%;
  top: 114px;
  z-index: 1020 !important;
}

#help-panel.with-sidebar {
  left: 64px;
}

#help-panel .offcanvas-body {
  color: #2F2F2F;
  text-align: justify;
}

#help-panel .offcanvas-body h1 {
  font-size: 1.5em;
}

#help-panel .offcanvas-body h2 {
  font-size: 1.3em;
  border-bottom: 1px solid #2F2F2F;
  padding-bottom: 0.25rem;
}

#help-panel .offcanvas-body h3 {
  font-size: 1.1em;
}

#help-panel .offcanvas-body h4 {
  font-size: 1em;
}

@media (max-width: 767.98px) {
  #help-panel.with-sidebar {
    left: 0 !important;
  }
}
.body, #main {
  transition: padding 0.15s;
}

.body.help-panel-show, #main.help-panel-show {
  padding-left: 400px !important;
}

/* bootstrap customization */
.floating-inputs {
  width: 100%;
  position: relative;
}

.floating-inputs input,
.floating-inputs textarea,
.floating-inputs select {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.floating-inputs input:focus ~ label, .floating-inputs input:not(:placeholder-shown) ~ label,
.floating-inputs textarea:focus ~ label,
.floating-inputs textarea:not(:placeholder-shown) ~ label {
  color: #999;
  font-size: 12px;
}

.floating-inputs:focus ~ label, .floating-inputs:not(:placeholder-shown) ~ label {
  top: 14px;
}

.floating-inputs ~ label {
  top: 50%;
  transform: translateY(-50%);
}

.floating-inputs textarea {
  min-height: 88px;
  resize: none;
  padding: 20px 12px 0;
}

.floating-inputs textarea:focus ~ label, .floating-inputs textarea:not(:placeholder-shown) ~ label {
  padding-top: 4px;
  padding-bottom: 2px;
}

.floating-inputs textarea ~ label {
  width: 98%;
  top: 2px;
  padding-top: 12px;
  background-color: #fff;
}

.floating-inputs select {
  height: 44px;
  padding: 12px 6px 0;
}

.floating-inputs select ~ label {
  top: 16px;
  color: #000;
}

.floating-inputs select:not([value=""]):valid ~ label {
  top: 6px;
  color: #999;
  font-size: 12px;
}

.floating-inputs label {
  --bs-border-radius: 0.375rem 0 0 0.375rem;
  position: absolute;
  pointer-events: none;
  padding-left: 10px;
  transition: 0.2s ease all;
}

.autocomplete {
  position: relative;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  max-height: 124px;
  left: 0;
  right: 0;
  overflow: auto;
  box-shadow: 0px 7px 12px 2px #d2d2d2;
  text-align: left;
}

.autocomplete-items div {
  padding: 6px 20px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #000000;
}

.inpCountry {
  position: absolute;
  top: -100000px;
}

#countryCode {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
  pointer-events: auto;
  width: 5rem;
  background-color: var(--bs-border-color) !important;
  border-radius: 0 0 0 0.375rem;
}

.flag {
  background: url(../img/flags.png) no-repeat;
  display: inline-block;
  width: 16px;
  height: 11px;
}

.form-floating.autocomplete > .form-control {
  left: 59px;
  position: relative;
  width: calc(100% - 59px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-floating.autocomplete > .form-control ~ label {
  left: 58px;
}

/* bootstrap customization */
.code-view {
  font-family: monospace;
  resize: none;
  overflow: hidden;
}

.code-view .preWS {
  display: block;
  font-size: 0.75rem;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  overflow: auto;
  height: auto;
}

.code-view .preWS .string {
  color: red;
}

.code-view .preWS .number {
  color: #1400ff;
}

.code-view .preWS .boolean {
  color: #d62dbe;
  font-weight: bold;
}

.code-view .preWS .null {
  color: #333;
  font-style: italic;
}

.code-view .preWS .key {
  color: #2758ef;
}

.code-view .preWS .attr-name {
  color: #2758ef;
}

.code-view .preWS .attr-value {
  color: red;
}

@media (max-width: 767.98px) {
  .code-view .preWS {
    max-height: 300px;
  }
}
@media (min-width: 768px) {
  .code-view .preWS {
    max-height: 500px;
  }
}
@media (min-width: 1200px) {
  .code-view .preWS {
    max-height: 700px;
  }
}
@media (min-width: 1400px) {
  .code-view .preWS {
    max-height: 900px;
  }
}
#voiceRecorder {
  width: 100%;
}

#voiceRecorder .cont-icon-start {
  display: block;
}

#voiceRecorder .cont-record, #voiceRecorder .spinner-border {
  display: none;
}

#voiceRecorder canvas {
  border-radius: 20px;
  border: 1px solid #c2c2c2;
}

#voiceRecorder svg {
  cursor: pointer;
}

#voiceRecorder.sending .spinner-border {
  display: block;
}

#voiceRecorder.sending #iconsave {
  display: none;
}

#voiceRecorder.recorder .cont-icon-start {
  display: none;
}

#voiceRecorder.recorder .cont-record {
  display: flex;
}

/* bootstrap customization */
@media (min-width: 1400px) {
  .mediaResponsive {
    min-height: 500px;
    max-height: 500px;
    min-width: 920px;
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .mediaResponsive {
    min-height: 500px;
    max-height: 500px;
    min-width: 800px;
    max-width: 800px;
  }
}
@media (max-width: 1199.98px) {
  .mediaResponsive {
    min-height: 400px;
    max-height: 400px;
    min-width: 700px;
    max-width: 700px;
  }
}
@media (max-width: 991.98px) {
  .mediaResponsive {
    min-height: 250px;
    max-height: 250px;
    min-width: 400px;
    max-width: 400px;
  }
}
.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.rating > input {
  display: none;
}

.rating > label {
  position: relative;
  width: 1em;
  font-size: 3vw;
  color: #FFD600;
  cursor: pointer;
  margin-left: 10px;
}

.rating > label::before {
  content: "★";
  position: absolute;
  opacity: 0;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
}

.rating > input:checked ~ label:before {
  opacity: 1;
}

.rating:hover > input:checked ~ label:before {
  opacity: 0.4;
}

/* bootstrap customization */
.timepicker-ui-wrapper.m3 {
  box-shadow: var(--bs-box-shadow) !important;
  background-color: var(--bs-body-bg) !important;
  border: 1px solid rgba(var(--bs-secondary-rgb), 0.5) !important;
  border-radius: var(--bs-border-radius-xl) !important;
}

.timepicker-ui-body .timepicker-ui-clock-hand.m3,
.timepicker-ui-body .timepicker-ui-dot.m3,
.timepicker-ui-body .timepicker-ui-circle-hand.m3 {
  background-color: var(--bs-secondary) !important;
}

.timepicker-ui-footer, .timepicker-ui-footer-mobile {
  padding: 0 15px !important;
}

.timepicker-ui-ok-btn, .timepicker-ui-ok-btn.mobile {
  width: auto !important;
}

.timepicker-ui-cancel-btn.m3 {
  color: var(--bs-secondary) !important;
  padding: 5px !important;
}

.timepicker-ui-ok-btn.m3 {
  color: var(--bs-primary) !important;
  padding: 5px !important;
}

.timepicker-ui-cancel-btn:hover.m3, .timepicker-ui-ok-btn:hover.m3 {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.timepicker-ui-minutes.m3, .timepicker-ui-hour.m3 {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.timepicker-ui-hour.active.m3, .timepicker-ui-minutes.active.m3 {
  background-color: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
}

.timepicker-ui-hour-time-12.m3, .timepicker-ui-hour-time-24.m3 {
  color: var(--bs-secondary-text-emphasis) !important;
}

.timepicker-ui-clock-face.m3 {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.highlightControl .group {
  position: relative;
}

.highlightControl input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: none;
  border-bottom: 1px solid #000000;
  background: transparent;
}

.highlightControl input:focus {
  outline: none;
}

.highlightControl input {
  /* active state */
}

.highlightControl input:focus ~ label, .highlightControl input:not(:placeholder-shown) ~ label {
  top: -20px;
  font-size: 14px;
  color: #c2c2c2;
}

.highlightControl input:focus::placeholder {
  color: transparent;
}

.highlightControl input:-webkit-autofill, .highlightControl input:-webkit-autofill:hover, .highlightControl input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.highlightControl input:focus ~ .bar:before, .highlightControl input:focus ~ .bar:after {
  width: 50%;
}

.highlightControl {
  /* BOTTOM BARS ================================= */
}

.highlightControl .bar {
  position: relative;
  display: block;
  width: 100%;
}

.highlightControl .bar:before, .highlightControl .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #000000;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.highlightControl .bar:before {
  left: 50%;
}

.highlightControl .bar:after {
  right: 50%;
}

.highlightControl {
  /* LABEL ======================================= */
}

.highlightControl label {
  color: transparent;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.highlightControl {
  /* HIGHLIGHTER ================================== */
}

.highlightControl .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

.highlightControl {
  /* active state */
}

.highlightControl input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

.highlightControl {
  /* ANIMATIONS ================ */
}

@-webkit-keyframes inputHighlighter {
  from {
    background: transparent;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: transparent;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: transparent;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.overlay-menu {
  height: 60px;
  position: absolute;
}

input.form-control::placeholder {
  color: #666 !important;
  font-style: italic;
}

label.form-label {
  font-weight: 600;
}

.form-preview-light h4 {
  margin-bottom: 0px !important;
}

.form-preview-dark {
  background-color: #000;
  color: #ddd;
}

.form-preview-dark h4 {
  margin-bottom: 0px !important;
}

.form-preview-dark .card-header {
  background: #334;
}

.form-preview-dark h6 {
  color: #ddd;
}

.form-preview-dark .text-muted {
  color: #999 !important;
}

.form-preview-modern h4 {
  margin-bottom: 0px !important;
  font-weight: 600;
}

.form-preview-modern {
  font-family: "Roboto", sans-serif;
}

.form-preview-modern .form-control,
.form-preview-modern .custom-file-label {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #858484;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-preview-modern .form-control:focus {
  border: none;
  border-bottom: 1px solid #FD4C68;
  box-shadow: 0px 2px 0px -1px #FD4C68;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
}

.form-preview-modern .form-control::placeholder {
  opacity: 0.75;
}

.form-preview-modern .form-control + label {
  color: #FD4C68;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.5s;
}

.form-preview-modern .form-control:focus + label,
.form-preview-modern .form-control.has-value + label {
  top: -15px;
  left: 0px;
  transform: scale(0.8);
  transform-origin: top left;
}

.form-preview-modern label {
  color: #081C35;
  opacity: 0.75;
}

.form-preview-modern .form-control:focus + label {
  color: #FD4C68;
}

#new-widgets .disabled .card-header, #new-widgets .disabled .card-footer {
  background: #CCC;
}

#new-widgets .disabled .card-body {
  cursor: not-allowed;
}

#new-widgets .disabled .card-body svg {
  fill: #888 !important;
}

#new-widgets .disabled h5, #new-widgets .disabled .card-footer {
  color: #555;
}

#new-widgets .card-footer {
  min-height: 6em;
}

#new-widgets .icon-webchat svg {
  width: 75%;
  height: 75%;
}

.fld-group-data {
  max-height: 570px;
  overflow: auto;
  border-radius: 0px 0px 10px 10px;
}

.fld-group-data .list-group-item {
  height: 50px;
}

.fld-group-data .lbl-new-fld {
  cursor: pointer;
}

#form-preview .list-group-item {
  border: none !important;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

#form-preview .list-group-item:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

#form-preview .card-body .row > ul li div .lbl-edit,
#form-preview .card-body .row > ul li div .fld-edit {
  min-height: 35px;
  pointer-events: all;
}

#form-preview .card-body .row > ul li div .lbl-edit #lbl-check-edit, #form-preview .card-body .row > ul li div .lbl-edit .lbl-check-save,
#form-preview .card-body .row > ul li div .lbl-edit #fld-check-edit, #form-preview .card-body .row > ul li div .lbl-edit .fld-check-save,
#form-preview .card-body .row > ul li div .fld-edit #lbl-check-edit,
#form-preview .card-body .row > ul li div .fld-edit .lbl-check-save,
#form-preview .card-body .row > ul li div .fld-edit #fld-check-edit,
#form-preview .card-body .row > ul li div .fld-edit .fld-check-save {
  position: absolute;
  right: 48px;
  display: none;
  z-index: 3;
  cursor: pointer;
  padding-top: 5px;
}

#form-preview .card-body .row > ul li div .lbl-edit #fld-edit,
#form-preview .card-body .row > ul li div .fld-edit #fld-edit {
  width: 94%;
  border: none;
  border-bottom: 1px solid #c2c2c2;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  right: 0;
  left: 15px;
  color: #000;
  padding-left: 8px;
  display: none;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
}

#form-preview .card-body .row > ul li div .lbl-edit:hover #lbl-check-edit, #form-preview .card-body .row > ul li div .lbl-edit:hover #fld-check-edit,
#form-preview .card-body .row > ul li div .fld-edit:hover #lbl-check-edit,
#form-preview .card-body .row > ul li div .fld-edit:hover #fld-check-edit {
  display: block;
}

#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ #lbl-check-edit,
#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ #fld-check-edit,
#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ .form-label,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ #lbl-check-edit,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ #fld-check-edit,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ .form-label {
  display: none;
}

#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ .lbl-check-save,
#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ .fld-check-save,
#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ #fld-edit,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ .lbl-check-save,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ .fld-check-save,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ #fld-edit {
  display: block;
}

#form-preview .card-body .row > ul li div .lbl-edit .form-control,
#form-preview .card-body .row > ul li div .fld-edit .form-control {
  pointer-events: none;
}

#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ .form-control,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ .form-control {
  pointer-events: all;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
}

#form-preview .card-body .row > ul li div .lbl-edit .form-switch,
#form-preview .card-body .row > ul li div .fld-edit .form-switch {
  display: none;
}

#form-preview .card-body .row > ul li div .lbl-edit input:checked ~ .form-switch,
#form-preview .card-body .row > ul li div .fld-edit input:checked ~ .form-switch {
  display: block;
}

#form-preview .card-body .row > ul .lbl-edit #lbl-check-edit, #form-preview .card-body .row > ul .lbl-edit .lbl-check-save,
#form-preview .card-body .row > ul .lbl-edit #fld-check-edit, #form-preview .card-body .row > ul .lbl-edit .fld-check-save {
  margin-top: -5px;
}

#form-preview .buttton-container .lbl-edit-button {
  position: absolute;
  right: 20px;
  margin-top: 7px;
  color: #000;
  opacity: 0;
  transition: opacity ease-out 0.5s;
  z-index: 2;
}

#form-preview .buttton-container .lbl-button-save,
#form-preview .buttton-container .lbl-edit-button {
  cursor: pointer;
}

#form-preview .buttton-container .new-copy {
  width: 100%;
  height: 39px;
  border-radius: 5px;
  padding-left: 10px;
}

#form-preview .buttton-container:has(input:checked) .new-copy, #form-preview .buttton-container:has(input:checked) .properties {
  display: block;
}

#form-preview .buttton-container:has(input:checked) .lbl-button-save {
  opacity: 1;
}

#form-preview .buttton-container:has(input:checked) .footer-button .lbl-edit-button {
  display: none !important;
}

#form-preview .buttton-container:hover .lbl-edit-button {
  opacity: 1;
  color: #000;
}

.list-fields-widgets {
  max-height: 450px;
  overflow-y: auto;
}

.themType-dark .closeModalForms, .themType-dark svg path, .themType-dark .form-check-label {
  color: #fff !important;
}

.themType-dark .fld-edit label svg path {
  color: #000 !important;
}

.them-vintage {
  --backgroud-vintage: #fff;
  --title-color-vintage: #3d3d3d;
  --subtitlte-color-vintage: #666;
  --labels-color-vintage: #868686;
  --place-holder-color-vintage: #6e6e6e;
  --border-inputs-vintage: #c2c2c2;
  --backgroud-button-vintage: #A63D40;
  --color-button-vintage: #ffffff;
  --border-button-vintage: #c2c2c2;
  --box-shadow-vintage: rgb(114 114 114 / 25%);
  --inputs-color: #3d3d3d;
}

.them-vintage.themType-dark {
  --backgroud-vintage: #212529;
  --title-color-vintage: #dcdcdc;
  --subtitlte-color-vintage: #cbcbcb;
  --labels-color-vintage: #d1d1d1;
  --place-holder-color-vintage: #f3f3f3;
  --border-inputs-vintage: #c2c2c2;
  --backgroud-button-vintage: #A63D40;
  --color-button-vintage: #ffffff;
  --border-button-vintage: #c2c2c2;
  --box-shadow-vintage: rgba(255, 255, 255, 0.50);
  --inputs-color: #fff;
}

.them-vintage {
  background: var(--backgroud-vintage) !important;
}

.them-vintage.impargroup .card-body .inputs-text-group {
  flex: 0 0 100%;
}

.them-vintage .card-header {
  text-align: center;
  border: none;
  padding: 10px;
  background: var(--backgroud-vintage);
}

.them-vintage .card-header h4 {
  font-size: 28px;
  color: var(--title-color-vintage);
}

.them-vintage .card-header .card-subtitle {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  padding-top: 10px;
  color: var(--subtitlte-color-vintage) !important;
}

.them-vintage .card-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.them-vintage .card-body .inputs-text-group {
  flex: 0 0 48%;
  margin-bottom: 20px;
}

.them-vintage .card-body .textarea-group,
.them-vintage .card-body .select-group {
  flex: 0 0 100%;
  margin-bottom: 20px;
}

.them-vintage .card-body .form-control input,
.them-vintage .card-body .form-control textArea,
.them-vintage .card-body .form-control select {
  border: none !important;
  border-bottom: 2px solid var(--border-inputs-vintage) !important;
  background: var(--backgroud-vintage);
  color: var(--inputs-color) !important;
}

.them-vintage .card-body .form-control input:focus,
.them-vintage .card-body .form-control textArea:focus,
.them-vintage .card-body .form-control select:focus {
  box-shadow: 0 -2px 5px 0px var(--box-shadow-vintage);
}

.them-vintage .card-body .form-control input::placeholder,
.them-vintage .card-body .form-control textArea::placeholder,
.them-vintage .card-body .form-control select option,
.them-vintage .card-body .form-control select {
  color: var(--place-holder-color-vintage) !important;
}

.them-vintage .card-body .form-label {
  font-size: 16px;
  font-weight: 400;
  color: var(--labels-color-vintage);
}

.them-vintage .card-footer {
  border: none;
  padding-bottom: 20px;
  background-color: var(--backgroud-vintage);
}

.them-vintage .card-footer #btn-send {
  padding: 10px 35px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  background: var(--backgroud-button-vintage);
  color: var(--color-button-vintage);
  border: 2px solid var(--border-button-vintage);
}

.them-elegant {
  --backgroud-elegant: #fff;
  --title-color-elegant: #757265;
  --subtitlte-color-elegant: #c2c2c2;
  --labels-color-elegant: #B6895E;
  --place-holder-color-elegant: #6e6e6e;
  --border-inputs-elegant: #C4C4C4;
  --backgroud-inputs-elegant:#C4C4C410;
  --backgroud-button-elegant: #A63D40;
  --color-button-elegant: #ffffff;
  --border-button-elegant: #c2c2c2;
  --box-shadow-elegant: rgb(114 114 114 / 25%);
  --backgroud-button-hover-elegant: #C4C4C410;
  --color-button-hover-elegant: #A63D40;
}

.them-elegant.themType-dark {
  --backgroud-elegant: #212529;
  --title-color-elegant: #FFF8DC;
  --subtitlte-color-elegant: #c2c2c2;
  --labels-color-elegant: #B6895E;
  --place-holder-color-elegant: #f3f3f3;
  --border-inputs-elegant: #c2c2c2;
  --backgroud-inputs-elegant:#C4C4C410;
  --backgroud-button-elegant: #fff;
  --backgroud-button-hover-elegant: #A63D40;
  --color-button-elegant: #313231;
  --color-button-hover-elegant: #FFF8DC;
  --border-button-elegant: #A63D40;
  --box-shadow-elegant: rgb(114 114 114 / 25%);
}

.them-elegant {
  background: var(--backgroud-elegant) !important;
}

.them-elegant .card-header {
  text-align: center;
  border: none;
  padding: 10px;
  background: var(--backgroud-elegant);
}

.them-elegant .card-header h4 {
  font-size: 28px;
  color: var(--title-color-elegant);
}

.them-elegant .card-header .card-subtitle {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  padding-top: 10px;
  color: var(--subtitlte-color-elegant) !important;
}

.them-elegant .card-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.them-elegant .card-body .inputs-text-group,
.them-elegant .card-body .textarea-group,
.them-elegant .card-body .select-group {
  flex: 0 0 95%;
  margin-bottom: 20px;
}

.them-elegant .card-body .form-control input,
.them-elegant .card-body .form-control textArea,
.them-elegant .card-body .form-control select {
  border: 2px solid var(--border-inputs-elegant) !important;
  background: var(--backgroud-inputs-elegant);
  color: var(--place-holder-color-elegant) !important;
}

.them-elegant .card-body .form-control input:focus,
.them-elegant .card-body .form-control textArea:focus,
.them-elegant .card-body .form-control select:focus {
  box-shadow: 0 -2px 5px 0px var(--box-shadow-elegant);
}

.them-elegant .card-body .form-control input::placeholder,
.them-elegant .card-body .form-control textArea::placeholder,
.them-elegant .card-body .form-control select option,
.them-elegant .card-body .form-control select {
  color: var(--place-holder-color-elegant) !important;
}

.them-elegant .card-body .form-label {
  font-size: var(--fontSize-labels);
  font-weight: 400;
  color: var(--labels-color-elegant);
}

.them-elegant .card-body input, .them-elegant .card-body textArea, .them-elegant .card-body select {
  border-radius: 20px;
}

.them-elegant .card-footer {
  border: none;
  padding-bottom: 20px;
  background: var(--backgroud-elegant);
}

.them-elegant .card-footer #btn-send {
  padding: 10px 35px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  background: var(--backgroud-button-elegant);
  color: var(--color-button-elegant);
  border: 2px solid var(--border-button-elegant);
}

.them-elegant .card-footer #btn-send:hover {
  background: var(--backgroud-button-hover-elegant);
  color: var(--color-button-hover-elegant);
}

/* bootstrap customization */
#oc-quotation-offcanvas #boxAmortization .table-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

#oc-quotation-offcanvas #boxAmortization .table-container > div {
  width: 50%;
}

@media (max-width: 767.98px) {
  #oc-quotation-offcanvas #boxAmortization .table-container > div {
    width: 100% !important;
  }
}
#products-tbl #totals-table table {
  --bs-table-bg: transparent !important;
}

/* bootstrap customization */
#modalMultiAssignProductImages #drag-drop-area.bulk-hide-limit-line .drag-area-text > small:first-of-type {
  display: none;
}

#modalMultiAssignProductImagesMapping {
  --bulk-image-modal-max-height: 85vh;
  --bulk-image-table-margin: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  --bulk-image-table-max-height: calc(var(--bulk-image-modal-max-height) - 12rem);
}

#modalMultiAssignProductImagesMapping .modal-dialog {
  max-height: var(--bulk-image-modal-max-height);
}

#modalMultiAssignProductImagesMapping .modal-content {
  display: flex;
  flex-direction: column;
  max-height: var(--bulk-image-modal-max-height);
  overflow: visible;
}

#modalMultiAssignProductImagesMapping .modal-body {
  display: flex;
  flex: 1 1 auto;
  padding: 0;
  min-height: 0;
  overflow: visible;
}

#modalMultiAssignProductImagesMapping .upnify-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

#modalMultiAssignProductImagesMapping #frm-ctrls-container {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  min-height: 0;
  width: 100%;
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  max-height: var(--bulk-image-table-max-height);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .bulk-image-assignments-table {
  width: calc(100% - var(--bulk-image-table-margin) * 2);
  max-width: calc(100% - var(--bulk-image-table-margin) * 2);
  margin: var(--bulk-image-table-margin);
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .bulk-image-assignments-table tbody td {
  opacity: 1;
  overflow: visible;
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices.is-open {
  position: relative;
  z-index: 100010;
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices__list--dropdown,
#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices__list[aria-expanded] {
  z-index: 100011;
  background-color: var(--bs-body-bg);
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices__list--dropdown.bulk-image-dropdown-floating,
#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices__list[aria-expanded].bulk-image-dropdown-floating {
  z-index: 2000;
}

#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices__list--dropdown .choices__list,
#modalMultiAssignProductImagesMapping #bulkProductImageAssignmentsTable .choices__list[aria-expanded] .choices__list {
  max-height: min(320px, 45vh);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.choices__list--dropdown.bulk-image-dropdown-floating,
.choices__list[aria-expanded].bulk-image-dropdown-floating {
  z-index: 2000;
  background-color: var(--bs-body-bg);
  pointer-events: auto;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* bootstrap customization */
.import .card {
  cursor: pointer;
}

.import .card.selected {
  --bs-secondary-rgb: var(--bs-primary-rgb);
  background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-link-hover-color) 100%);
  color: var(--bs-white) !important;
}

.import .card.selected p {
  color: var(--bs-white) !important;
}

.import .table-responsive {
  height: 80vh;
  overflow-y: auto;
}

.import table thead tr {
  position: sticky;
  top: 0;
  z-index: 100;
}

.import table thead tr th .input-group:not(.hasEmpty) select {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.import table thead tr th .input-group:not(.hasEmpty) button {
  display: none;
}

.import table thead tr th icon-svg {
  cursor: pointer;
}

.import table thead tr th icon-svg.showCol {
  display: none;
}

.import table thead tr th.omitted {
  width: 60px !important;
  text-align: center;
}

.import table thead tr th.omitted > div {
  display: none !important;
}

.import table thead tr th.omitted icon-svg.showCol {
  display: block;
}

.import table thead tr th select.missing {
  color: var(--bs-form-invalid-color);
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d50100'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d50100' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.import table tbody tr.is-title td {
  background-color: rgb(151.8, 45.6, 62.4) !important;
  color: #cccccc !important;
  box-shadow: none;
}

.import table tbody tr.is-title td .cde-actions {
  display: none !important;
}

.import table tbody td {
  position: relative;
  opacity: 1 !important;
}

.import table tbody td .cde {
  flex-grow: 1;
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px;
}

.import table tbody td .cde:focus {
  white-space: normal;
  box-shadow: none;
  background-color: #fff;
  color: #081C35;
}

.import table tbody td .cde-actions {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.import table tbody td.omitted {
  width: auto !important;
}

.import table tbody td.omitted .cde {
  display: none;
}

.import table tbody td.has-error .error icon-svg {
  color: #f7c800 !important;
}

.import table tbody td.has-error .cde {
  max-width: 270px;
}

.import .page-results {
  display: none;
}

.import #fileControl {
  max-height: 500px;
}

#header-actions .action-hidden {
  display: none !important;
}

.import-config {
  width: 300px;
}

/* bootstrap customization */
.filter-dropdown .dropdown-menu .filter-container .filters-ctrls-container div,
.filter-dropdown .dropdown-menu .filter-container .btn-apply-filters {
  width: 100% !important;
}

@media (max-width: 575.98px) {
  .mobile-w-100 {
    width: 100% !important;
  }
  #container-nav-title-actions #container-title-page {
    width: 55% !important;
  }
  #container-nav-title-actions #container-title-page #breadcrumb {
    width: 100% !important;
  }
  #container-nav-title-actions #container-title-page .title-page {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #container-nav-title-actions #container-title-page .title-page.withBack {
    width: calc(100% - 50px);
  }
  #container-nav-title-actions #container-title-page .subtitle-page {
    display: none;
  }
  #container-nav-title-actions #container-title-page:has(.title-page.withBack) #breadcrumb {
    width: auto !important;
  }
  #container-nav-title-actions #multiple-header-actions {
    position: absolute;
    background: var(--bs-gray-100);
    width: 100%;
    overflow-x: auto;
    bottom: 0;
    margin: 0 !important;
    left: 0;
    height: 100%;
    z-index: 2;
    border-radius: 0;
    padding: 0.25rem 0;
    display: none !important;
  }
  #container-nav-title-actions #multiple-header-actions:has(#selectedRowsBadge) {
    display: flex !important;
    align-items: center;
  }
  #container-nav-title-actions #multiple-header-actions #selectedRowActions {
    order: 2 !important;
    margin-left: 0.5rem;
  }
  #container-nav-title-actions #multiple-header-actions #selectedRowActions .btns-pipe .ms-2 {
    margin: 0 !important;
  }
  #container-nav-title-actions #header-actions {
    width: 45% !important;
  }
  #container-nav-title-actions #header-actions .dropdown:has(#btn-header-total) {
    flex-grow: 1 !important;
  }
  #container-nav-title-actions #header-actions #btn-header-total {
    font-size: 0.9rem !important;
    width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
    white-space: nowrap;
    padding-right: 0;
    max-width: 100px;
  }
  .table-container .title-actions {
    margin-top: 2.5rem !important;
  }
  .table-container:has(table) .title-actions {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  }
  .table-container .table-responsive table .table-cell-regular {
    position: static !important;
  }
  .table-container .table-responsive table .table-cell-sticky {
    position: sticky !important;
    left: 0 !important;
    z-index: 100 !important;
  }
  .table-container .table-responsive table .table-cell-content {
    position: relative !important;
    z-index: 1 !important;
  }
  .table-settings-dropdown .table-settings-container {
    width: 100vw;
  }
  .filter-dropdown .filter-container,
  #container-header-actions-totals {
    width: 100vw !important;
  }
  .upnify-responsive-table th,
  .upnify-responsive-table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    width: 100% !important;
  }
  .upnify-responsive-table thead {
    display: none;
  }
  .upnify-responsive-table tbody {
    display: block;
    width: 100%;
  }
  .upnify-responsive-table tr {
    position: relative;
    display: block;
    padding-top: 1rem;
    box-shadow: var(--bs-box-shadow);
    border-radius: 1rem;
  }
  .upnify-responsive-table tr:first-child {
    padding-top: 0.25rem;
  }
  .upnify-responsive-table tbody td {
    display: flex;
    padding: 0;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: none;
    opacity: 1;
  }
  .upnify-responsive-table tbody td.first-visible-element:has(button) {
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  .upnify-responsive-table tbody td:last-child {
    border-bottom: 0;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  }
  .upnify-responsive-table tbody td.first-visible-element {
    --bs-table-bg: var(--bs-secondary-bg-subtle);
    --bs-table-border-color: var(--bs-secondary-bg-subtle);
    --bs-table-striped-bg: var(--bs-secondary-bg-subtle);
    --bs-table-striped-color: var(--bs-secondary-text-emphasis);
    --bs-table-active-bg: var(--bs-secondary-bg-subtle);
    --bs-table-active-color: var(--bs-secondary-text-emphasis);
    --bs-table-hover-bg: var(--bs-secondary-bg-subtle);
    --bs-table-hover-color: var(--bs-secondary-text-emphasis);
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    opacity: 1;
    color: var(--bs-secondary-text-emphasis);
    border-color: var(--bs-table-border-color);
    text-align: left !important;
  }
  .upnify-responsive-table tbody td.first-visible-element .label-container {
    border: 0 !important;
  }
  .upnify-responsive-table tbody td.first-visible-element .etiquetas {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .upnify-responsive-table tbody td.multiselect-data-cell {
    display: none;
  }
  .upnify-responsive-table tbody td.cell-row:not(.first-visible-element) {
    flex-direction: row;
    align-items: center;
  }
  .upnify-responsive-table tbody td .label-container {
    --bs-border-opacity: 0.25;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
    padding: 0.25rem 0.5rem;
  }
  .upnify-responsive-table tbody td .label-container.no-line {
    border-bottom: 0 !important;
  }
  .upnify-responsive-table tbody td .label-container.inline-label {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: right;
  }
  .upnify-responsive-table tbody td .label-container.inline-label:before {
    margin-right: 0.5rem;
  }
  .upnify-responsive-table tbody td .label-container:before {
    content: attr(data-label);
    margin-right: auto;
    font-size: 0.75em;
    font-weight: 300 !important;
    color: var(--bs-secondary-color) !important;
    letter-spacing: 0.05em;
    text-align: left;
  }
  .upnify-responsive-table tbody td .label-container .avatars-stack {
    margin-right: 13px;
  }
  .upnify-responsive-table tbody td .label-container:has(.badge) {
    align-items: flex-start;
  }
  .upnify-responsive-table tbody td .label-container:has(.badge) .badge {
    margin-bottom: 0.25rem;
  }
  .upnify-responsive-table tbody td.hide:not(.first-visible-element) {
    display: none;
  }
  .upnify-responsive-table td.fixedLeft {
    position: static !important;
  }
  .productQuotation {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible;
    position: relative;
  }
  .productQuotation .productQuotation * {
    min-width: 0;
  }
  .productQuotation .productQuotation .choices,
  .productQuotation .productQuotation .form-control,
  .productQuotation .productQuotation .form-select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .productQuotation .productQuotation .choices__list--dropdown {
    width: 100% !important;
    position: absolute !important;
    z-index: 9999;
    max-height: 200px;
    overflow-y: auto;
    left: 0;
  }
  .popover-menu {
    position: fixed !important;
    bottom: -100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1060 !important;
    transition: bottom 0.3s ease-in-out !important;
  }
  .popover-menu.show {
    bottom: 0 !important;
    background-color: #fff !important;
    top: auto !important;
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    padding: 0 0.1rem !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
    width: 100%;
    max-width: 100%;
    left: 0 !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
  .popover-menu.show .popover-arrow {
    display: none;
  }
  .popover-menu .popover-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 1.2rem;
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .popover-menu .popover-body {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .popover-menu .popover-body .list-group .list-group-item {
    padding: 0.7rem;
    font-size: 1rem;
  }
  .action-sheet-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1059;
  }
  .card .card-body #nav-tabContent .goals-filters {
    width: 100%;
    max-width: 100%;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
    align-items: stretch !important;
  }
  .card .card-body #nav-tabContent .goals-filters > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    box-sizing: border-box;
  }
  .card .card-body #nav-tabContent .goals-filters > div {
    padding: 0 !important;
  }
  .offcanvas-footer .btn-group #btnActions {
    flex: 0 0 auto !important;
    border-radius: var(--bs-border-radius-sm) !important;
  }
  #frm-ctrls-container .checkboxParent, .container-form-ctrls .checkboxParent {
    width: 50% !important;
  }
  #frm-ctrls-container .checkboxParent .modalCheckbox, .container-form-ctrls .checkboxParent .modalCheckbox {
    margin-top: 0.5rem;
  }
  #frm-ctrls-container .priceQuotation, #frm-ctrls-container .quantityQuotation, .container-form-ctrls .priceQuotation, .container-form-ctrls .quantityQuotation {
    width: 50% !important;
  }
  #frm-ctrls-container .priceQuotation .input-group > *, #frm-ctrls-container .quantityQuotation .input-group > *, .container-form-ctrls .priceQuotation .input-group > *, .container-form-ctrls .quantityQuotation .input-group > * {
    height: 35px !important;
    min-height: 35px !important;
    align-self: center !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frm-ctrls-container .productQuotation .input-group > *, .container-form-ctrls .productQuotation .input-group > * {
    align-self: center !important;
    margin-bottom: 0 !important;
    height: 35px !important;
    min-height: 35px !important;
  }
  #frm-ctrls-container .productQuotation .input-group .btn-group #btnListPrices, .container-form-ctrls .productQuotation .input-group .btn-group #btnListPrices {
    height: 100% !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-border-radius-sm);
    border-bottom-right-radius: var(--bs-border-radius-sm);
  }
  #frm-ctrls-container .productQuotation .input-group .choices, .container-form-ctrls .productQuotation .input-group .choices {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 0;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frm-ctrls-container .productQuotation .input-group .choices__inner, .container-form-ctrls .productQuotation .input-group .choices__inner {
    min-height: 0;
    display: flex;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #buscadorGeneral.searching {
    width: 100%;
  }
  .followup-info .avatar {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.25rem;
  }
  .followup-info .icon-lg {
    margin-right: 0.25rem;
  }
  .followup-info .icon-lg svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    vertical-align: -0.3rem;
  }
  .insertAudio #playAudio {
    margin: 1rem auto !important;
  }
  .title-active-apps, .title-inactive-apps {
    display: none;
  }
  .app-menu {
    padding-bottom: 0 !important;
  }
  .app-menu > .row > div:first-child {
    margin-top: 0 !important;
  }
  #detail-card-tab ::-webkit-scrollbar {
    height: 0;
  }
  .body.help-panel-show, #main.help-panel-show {
    opacity: 0;
  }
}
/* bootstrap customization */
.flip-card {
  position: relative;
  height: 120px;
  perspective: 1000px;
  background-color: transparent;
}

.flip-card .card-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .card-flip-inner {
  transform: rotateY(180deg);
}

.flip-card .card-flip-front, .flip-card .card-flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-color: var(--bs-light-bg-subtle);
  border-radius: 0.375rem;
  border: var(--bs-dark-border-subtle) solid 1px;
}

.flip-card .card-flip-front {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flip-card .card-flip-back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-color: var(--bs-secondary-bg-subtle);
  border: var(--bs-dark-border-subtle) solid 1px;
}

.flip-card .card-flip-back .configure-btn {
  margin-top: auto;
  position: relative;
  padding: 0 0.25rem;
  transition: all 0.3s ease;
}

.flip-card .card-flip-back .configure-btn::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--bs-secondary);
  transition: width 0.3s ease-in-out;
}

.flip-card .card-flip-back .configure-btn:hover::after {
  width: 100%;
}

.flip-card .card-flip-back .configure-btn:hover {
  transform: translateX(5px);
}

.flip-card .card-img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.card-sm {
  height: 120px;
}

.card-md {
  height: 150px;
}

.card-lg {
  height: 200px;
}

.card-xl {
  height: 250px;
}

.few-cards .col-sm-6 {
  width: 70%;
  margin: 0 auto;
  float: none;
}

/* bootstrap customization */
.simpleFileContainer .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.375rem;
  margin-bottom: 0;
}

.simpleFileContainer .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 2.375rem;
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

.simpleFileContainer .custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(127.5, 189, 255);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.simpleFileContainer .custom-file-input[disabled] ~ .custom-file-label, .simpleFileContainer .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.simpleFileContainer .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.simpleFileContainer .custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.simpleFileContainer .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 2.375rem;
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: var(--bs-body-bg);
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.simpleFileContainer .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

/* bootstrap customization */
:root, [data-bs-theme=light] {
  --bs-skeleton: rgba(9, 30, 66, 0.1);
  --bs-skeleton-subtle: rgba(9, 30, 66, 0.3);
}

[data-bs-theme=dark] {
  --bs-skeleton: rgba(161, 189, 217, 0.1);
  --bs-skeleton-subtle: rgba(188, 214, 240, 0.4);
}

.placeholder {
  --bs-placeholder-bg: var(--bs-skeleton);
  background-color: var(--bs-placeholder-bg) !important;
}

.placeholder.placeholder-xl {
  min-height: 1.5em;
}

.placeholder.placeholder-xxl {
  min-height: 2em;
}

.placeholder.placeholder-xxxl {
  min-height: 3em;
}

.placeholder.placeholder-badge {
  min-height: 1.5em;
}

.card-body > .placeholder:nth-child(odd):not(.placeholder-badge) {
  background-color: var(--bs-skeleton-subtle) !important;
}

.skeleton-chart {
  width: 100%;
}

.skeleton-chart-bars {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.skeleton-chart-bars .placeholder {
  height: 0.75rem;
  border-radius: 0.25rem;
}

.skeleton-chart-columns {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  height: 12rem;
  width: 100%;
}

.skeleton-chart-columns .placeholder {
  flex: 1 1 0;
  min-width: 0.6rem;
  border-radius: 0.25rem;
}

/* bootstrap customization */
#fileControl .drag-and-drop-gallery.row, #fileControl .drag-and-drop-gallery-reject.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: grid;
  gap: 0.5rem;
  margin-left: 0;
  margin-right: 0;
}

#fileControl .drag-and-drop-gallery.row > div, #fileControl .drag-and-drop-gallery-reject.row > div {
  box-sizing: border-box;
  min-width: 0;
  max-width: none;
}

#fileControl .drag-and-drop-gallery.row, #fileControl .drag-and-drop-gallery-reject.row {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 576px) {
  #fileControl .drag-and-drop-gallery.row, #fileControl .drag-and-drop-gallery-reject.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  #fileControl .drag-and-drop-gallery.row, #fileControl .drag-and-drop-gallery-reject.row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
#fileControl .drag-and-drop-gallery {
  max-height: 250px;
  overflow-y: auto;
  margin-bottom: 1rem;
}

#fileControl .drag-and-drop-gallery-reject {
  border-top: 2px dashed #f1f5f9;
  animation: fadeIn 0.3s ease-out;
  max-height: 200px;
  overflow-y: auto;
}

#fileControl .error-label {
  font-size: 10px;
  color: #ef4444;
  letter-spacing: 0.1em;
}

#fileControl .file-card {
  background-color: var(--bs-success-bg-subtle);
  border: 1px solid var(--bs-success-border-subtle) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

#fileControl .file-card .icon-wrapper {
  width: 48px;
  height: 48px;
  background-color: #f8fafc;
  transition: background-color 0.2s;
}

#fileControl .file-card .file-name {
  font-size: 14px;
}

#fileControl .file-card .file-size {
  font-size: 10px;
  color: #94a3b8;
}

#fileControl .file-card .btn-delete {
  color: #cbd5e1;
  opacity: 0;
}

#fileControl .file-card .btn-delete:hover {
  background-color: #ffffff;
  color: #e7000b;
}

#fileControl .file-card .file-details {
  display: none;
}

#fileControl .file-card:hover:not(.is-invalid-file) {
  border-color: #e0e7ff !important;
  box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.05);
}

#fileControl .file-card:hover:not(.is-invalid-file) .btn-delete {
  opacity: 1;
}

#fileControl .file-card:hover:not(.is-invalid-file) .icon-wrapper {
  background-color: #eef2ff;
}

#fileControl .file-card.is-invalid-file {
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle) !important;
}

#fileControl .file-card.is-invalid-file .file-name {
  color: var(--bs-danger-text-emphasis);
}

#fileControl .file-card.is-invalid-file .file-size {
  color: var(--bs-danger-text-emphasis);
}

#fileControl .file-card.is-invalid-file .icon-wrapper {
  width: 40px;
  height: 40px;
  background-color: #f8fafc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#fileControl .file-card.is-invalid-file .btn-delete {
  opacity: 1;
  color: var(--bs-danger-text-emphasis);
}

#fileControl .file-card.is-invalid-file .btn-delete:hover {
  background-color: #ffffff;
  color: var(--bs-danger-hover-text);
}

#fileControl .file-card.is-invalid-file .file-details {
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(239, 68, 68, 0.1);
}

#fileControl .file-card.is-invalid-file .file-details .metadata {
  font-size: 9px;
  color: rgba(153, 27, 27, 0.7);
}

#fileControl .file-card.is-invalid-file .file-details .metadata .detail-value {
  color: #9f0712;
}

#fileControl .file-card.is-invalid-file .error-message {
  display: block;
  font-size: 10px;
  color: var(--bs-danger);
}
/*# sourceMappingURL=common.css.map */