@charset "UTF-8";
/*

    1. BASE
    reset
    base
    Variable

    2. Element
    Swal
    Table
    Button
    Widget
    Form
    Alert
    Video
    Modal
    Card
    TextSize
    TextColor
    Accordion

    3. Layout
    Layout
    Glosario
    Credito
    Confirmacion
    Contabilidad
    Thanks
    Loginç
    Cobro
    Facturacion
    Financiero
    Mi Dinero
    Inversiones

    4. responsive
    Large
    Medium
    Small

*/
/* ------------------------------------------------------------
     MIXINGS
------------------------------------------------------------ */
/* ------------------------------------------------------------
     VARIABLES
------------------------------------------------------------ */
/* ------------------------------------------------------------
     RESET
------------------------------------------------------------ */
.text-decoration-underline,
.text-decoration-underline * {
  text-decoration: underline;
}

.fw-500 {
  font-weight: 500;
}

/* ------------------------------------------------------------
     BASE
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  body .page .row-mobile-fix {
    width: 100% !important;
    margin: 0;
  }
  body .page .p-mobile-0 {
    padding: 0;
  }
}
/*


:::::::::: LEGACY ::::::::::


*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
}

.btn {
  cursor: pointer;
}

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

.page .gral_container.content_container.special-invest {
  left: calc(3.5% + 95px);
}

.hidden-form {
  display: none;
}

.tippy-box[data-theme~=qluub] {
  background-color: var(--softGrey4);
  color: white;
  padding: 20px;
  font-weight: 400;
  font-size: 0.8rem;
}

.tippy-box[data-theme~=qluub] > .tippy-arrow::before {
  border-right-color: var(--softGrey4);
}

.col-span-2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}

.new-caja-registro-wrapper {
  max-width: 1000px;
  min-width: initial;
  margin: 19px 0px;
}

.new-login-wrapper.transparent {
  background: transparent;
  color: #ffffff;
  position: relative;
  top: 24%;
  left: 50%;
}

.new-login-wrapper.transparent a {
  color: #ffffff !important;
  margin: 0px 0 35px 20px;
}

.download-button {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0px auto;
  font-size: 1.4rem;
}

.download-button.qluub-inter {
  background-color: rgb(var(--qluubInter));
  color: white;
}

.minus-40 {
  margin-top: -40px;
}

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

.icon-white {
  color: white !important;
}

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

.qluub-blue-color {
  color: rgb(var(--qlubBlue)) !important;
}

.qluub-intern-color {
  color: rgb(var(--qluubInter)) !important;
}

.qluub-violet-color {
  color: rgb(var(--qlub));
}

.new-button {
  padding: 10px 20px;
  border-radius: 25px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  border: none;
}

.new-button.primary {
  color: white;
  background-color: var(--vividViolet);
}

.new-button.primary[disabled],
.new-button.primary.disabled,
.new-button.qluub-blue[disabled] {
  color: rgba(var(--softGrey5));
  background-color: var(--softGrey7);
  pointer-events: none;
}

.new-button.white {
  color: var(--darkGrey2);
  background: white;
}

.new-button.white i {
  color: rgb(145, 130, 234);
}

.new-button.qluub-inter {
  color: white !important;
  background-color: rgb(var(--qluubInter));
}

.new-button.qluub-inter:hover {
  background: #7263CA;
}

.new-button.qluub-blue {
  color: white;
  background-color: rgb(var(--qlubBlue));
}

.new-button.white-qluub-inter {
  color: var(--darkGrey2);
  background-color: white;
}

.new-button.white-qluub-inter i {
  color: rgb(var(--qluubInter));
}

.next-button {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}

.next-button i {
  display: block;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-left: 10px;
  font-size: 1.2rem;
}

.next-button.disabled {
  color: rgba(var(--softGrey5));
  background-color: var(--softGrey7);
  pointer-events: none;
}

.new-button.icon-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-button.icon-button .icon {
  font-size: 18px;
  margin-left: 6px;
}

.new-toast {
  border-radius: 4px;
  padding: 6px 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #F6F6FA;
  color: #000;
  margin: 0 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 8px auto;
  grid-template-columns: auto auto;
  gap: 8px;
  align-items: center;
}

.new-toast span {
  font-size: 0.74rem;
  font-weight: 400;
  color: #000;
}

.new-toast.qluub-inter {
  background: rgba(var(--qluubInter), 0.1);
  color: rgba(var(--qluubInter), 1);
}

.new-toast.credit-toast {
  background: rgba(var(--qlubBlue), 0.1);
  color: rgba(var(--qlubBlue), 1);
}

.circle-data-number {
  background: rgba(var(--qlubBlue), 0.1);
  color: rgb(var(--qlubBlue));
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 1.1rem;
  margin-right: 10px;
}

.align-end {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.align-end .new-toast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column-align: end;
      justify-self: end;
}

.auth-input {
  background: white;
  border: 1px solid rgba(var(--qlub), 1);
  padding: 4px 6px 4px 12px;
  border-radius: 6px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 4px 45px;
  grid-template-columns: auto 45px;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.auth-input.finanzas_personales {
  background: white;
  border: 1px solid rgba(var(--qlub), 1);
  padding: 4px 6px 4px 12px;
  border-radius: 6px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 4px 45px;
  grid-template-columns: auto 45px;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: initial;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.auth-input input {
  border: none;
  width: 100%;
  font-size: 0.9rem;
}

.auth-input span {
  font-size: 0.8rem;
  color: rgba(var(--qlub), 1);
  text-align: right;
}

.qluub-inter .auth-input {
  border: 1px solid rgba(var(--qluubInter), 1);
}

.qluub-inter .auth-input span {
  color: rgba(var(--qluubInter), 1);
}

.qluub-blue .auth-input {
  border: 1px solid rgba(var(--qluubInter), 1);
}

.qluub-blue .auth-input span {
  color: rgba(var(--qluubInter), 1);
}

.height-100 {
  height: 100%;
}

.height-100__info {
  height: calc(100% - 20px);
}

.height-100__info .full-header > div:last-child {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.double-container__buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  margin: 90px 0 -40px;
}

.custom-select {
  width: 100%;
}

.custom-select .select2-container {
  width: 100% !important;
  height: 30px;
}

.custom-select .select2-container--default .select2-selection--single {
  height: 30px;
  border-radius: 6px;
}

.custom-select .select2-container--default .select2-selection__rendered {
  height: 30px;
  font-size: 0.85rem;
  padding-left: 15px;
}

.custom-select.qluub-inter .select2-container--default .select2-selection--single {
  border: 1px solid rgba(var(--qluubInter), 1);
}

.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  padding-right: 7px;
}

.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  display: none;
}

.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  font-family: "kapital4u" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e922";
  display: block;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  line-height: 28px;
}

.custom-select.qluub-inter .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  color: rgba(var(--qluubInter), 1);
}

/*  */
.page .gral_container .container.special-tab {
  /*background: var(--softGrey);
  padding: 30px 30px 0;*/
  border-radius: 12px;
  width: 98.5%;
  /*height: calc(100% - 20px);*/
  height: calc(100vh - 90px);
}

.page .gral_container.content_container.full-height {
  height: calc(100vh - 120px);
  border-radius: 8px;
}

.page .gral_container.content_container.full-height img {
  max-width: 100%;
  width: 100%;
}

.gral_container.content_container.full-height.primary {
  background: rgba(var(--qlub), 1);
  color: white;
}

.gral_container.content_container.full-height.qluub-blue {
  background: rgba(var(--qlubBlue), 1);
  color: white;
}

.gral_container.content_container.full-height.qluub-inter .data-widget {
  background: rgba(var(--qluubInter), 1);
  color: white;
}

.page .gral_container .special-tab ul:not(.invest-line-data) {
  list-style: none;
  padding: 0;
}

.page .gral_container.content_container.info-container {
  height: 100%;
}

.data-widget.transparent {
  background: transparent;
}

.special-tab--header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 16px;
}

.special-tab--header ul li {
  margin-right: 20px;
}

.special-tab--header ul li:last-child {
  margin-right: 0;
}

.special-tab--header.info-tab-header ul li {
  margin-right: 20px;
  color: var(--softGrey4);
}

.special-tab--header li[data-target=invest] span i {
  font-size: 18px;
}

.credit-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 60%;
  grid-template-columns: 40% 60%;
}

.credit-header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.credit-header ul {
  width: 100%;
}

.credit-header > div > span span {
  display: inline-block;
  padding: 0;
}

.credit-header a {
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

[data-type=invest], [data-type=design] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 35px auto;
  grid-template-columns: 25% auto;
  grid-gap: 35px;
}

.special-container-tabs:not(.active) {
  display: none;
}

.special-container-tabs .new-col-3 {
  position: relative;
}

.invest__module {
  margin-bottom: 25px;
}

.invest__module--header {
  background: rgba(var(--amethyst), 10%);
  padding: 8px 20px;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--vividViolet);
  margin-bottom: 12px;
  border-radius: 8px;
}

.invest__module--body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(31% - 15px) 20px calc(31% - 15px) 20px calc(31% - 15px);
  grid-template-columns: repeat(3, calc(31% - 15px));
  grid-gap: 20px;
}

.invest__qualification {
  border-radius: 8px;
  background: white;
  padding: 18px;
  min-width: 164px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.number-widget {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 4px auto 4px 20px 4px 38px;
  grid-template-columns: 24px auto 20px 38px;
  grid-gap: 4px;
  border: 1px solid rgb(var(--purple));
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px 0 12px;
}

.number-widget__result {
  text-align: center;
}

.number-widget__result + div {
  text-align: right;
}

.number-widget button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  padding: 0;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  background: rgba(var(--softPurple3), 0.7);
}

.number-widget button.button-off {
  background: rgba(var(--softGrey5), 0.7);
  pointer-events: none;
}

.number-widget button:focus-visible {
  outline: none;
}

.number-widget button + span {
  font-size: 0.8rem;
  color: var(--softGrey4);
}

.number-widget .number-widget__result {
  font-size: 1rem;
}

.number-widget button span {
  font-size: 1.2rem;
  display: block;
  margin-top: -2px;
  color: white;
}

.number-widget > div {
  -ms-grid-column-align: start;
      justify-self: start;
}

.number-widget.date {
  -ms-grid-columns: 38px 4px auto 4px 38px;
  grid-template-columns: 38px auto 38px;
  border: none;
}

.number-widget.date button:not(.button-off) {
  background: rgba(var(--qlub), 0.7);
  color: white;
}

.number-widget.date button span {
  color: white;
}

.number-widget.date .number-widget__result {
  font-size: 1.3rem;
  color: rgba(var(--qlub));
  font-weight: 600;
}

.number-widget.date.credit-number-widget .number-widget__result {
  color: rgba(var(--qlubBlue));
}

.number-widget.date.credit-number-widget button:not(.button-off) {
  background: rgba(var(--qlubBlue), 0.7);
}

.number-widget.credit-number-widget .number-widget__result {
  color: #000;
}

.number-widget.credit-number-widget:not(.date) {
  border: 1px solid rgb(var(--qlubBlue));
}

.credit-step__header + .invest-step__body .invest-step__text {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.credit-step__header + .invest-step__body .invest-step__text i {
  color: rgb(var(--qlubBlue));
  font-size: 1.6rem;
  margin-left: 8px;
}

.invest-step__header .invest-step__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.invest-step__header .invest-step__text i {
  color: rgb(var(--qlub));
  font-size: 1.6rem;
  margin-left: 8px;
}

.number-widget.credit-number-widget button:not(.button-off) {
  background: rgba(var(--qlubBlue), 0.7);
}

.credit-header + .special-tab--body .special-container-tabs .new-col-9 .invest-step {
  margin-bottom: 22px;
}

.credit-header + .special-tab--body .special-container-tabs .new-col-9 .invest-step:last-of-type {
  margin-bottom: 0;
}

.credit-header + .special-tab--body [data-type=invest], [data-type=design], [data-type=invest] {
  row-gap: 0;
}

.container[data-type=special-tabs] {
  max-width: initial !important;
}

.invest__qualification--header {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(var(--purple), 0.3);
  margin-bottom: 20px;
  color: var(--softGrey4);
}

.invest__qualification--header > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 60px;
  grid-template-columns: auto 60px;
  font-size: 0.9rem;
}

.invest__qualification--header > div span:last-child {
  font-weight: 700;
}

.invest__qualification--header > div:first-child {
  margin-bottom: 4px;
}

.invest__qualification--label {
  font-size: 0.9rem;
  margin-bottom: 2px;
  display: block;
  color: var(--softGrey4);
}

.invest__qualification--footer > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 54% 120px;
  grid-template-columns: 54% 120px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.invest__qualification--footer .footer_credito {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60% 24px;
  grid-template-columns: 60% 24px;
}

.invest__qualification--footer > div > span {
  font-size: 16px !important;
  font-weight: 700;
  color: #000;
}

.invest__module.invest--block-item .number-widget {
  -ms-grid-columns: 24px 4px 20px 4px auto 4px 20px 4px 38px;
  grid-template-columns: 24px 20px auto 20px 38px;
}

.invest__module.invest--block-item .custom-checkbox span {
  border-radius: 3px;
  border: 2px solid #9E2FAA;
  background: #FFF;
}

.custom-checkbox input:checked span {
  background: #9E2FAA;
}

.invest__module.invest--block-item .invest__module--header {
  border-radius: 2px;
  font-weight: 500;
}

.acreditados .invest__module--header {
  background: rgba(var(--qlubBlue), 10%);
  color: rgba(var(--qlubBlue));
}

.custom-checkbox {
  cursor: pointer;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox i {
  opacity: 0;
  -webkit-transition: all 3ms;
  transition: all 3ms;
}

.custom-checkbox span {
  border: 1px solid #9182ea;
  border-radius: 4px;
  overflow: hidden;
  color: #9182ea;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-checkbox input:checked + span i {
  opacity: 1;
  -webkit-transition: all 3ms;
  transition: all 3ms;
  width: 100%;
  height: 100%;
}

.custom-checkbox input:checked + span i::before {
  font-size: 1.42rem;
  margin-left: -1px;
}

.custom-checkbox.qluub-inter span {
  border: 1px solid rgb(var(--qluubInter));
  color: rgb(var(--qluubInter));
}

.custom-checkbox.qluub-blue span {
  border: 1px solid rgb(var(--qlubBlue));
  color: rgb(var(--qlubBlue));
}

.invest__qualification--footer > div > span + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.info-column {
  color: var(--darkGrey2);
}

.info-column h2 {
  font-weight: 400;
  font-size: 24px;
}

.info-column p, .info-column ul {
  font-size: 0.87rem;
  line-height: 1.3rem;
}

.info-column p {
  color: var(--softGrey4);
}

.info-column ul {
  margin: 6px 0;
}

.info-column li {
  margin-bottom: 6px;
}

.info-column li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info-column li span i {
  font-size: 1.1rem;
  margin-left: 4px;
}

.data-widget__info--body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 10px) 20px calc(50% - 10px);
  grid-template-columns: repeat(2, calc(50% - 10px));
  gap: 20px;
}

.data-widget__track .data-widget__info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 40px;
}

.data-widget__track .data-widget__info .widget--track-process {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.special-tab--header ul li {
  border-bottom: 3px solid var(--softGrey);
  cursor: pointer;
}

.special-tab--header ul li i,
.special-tab--header ul li .material-symbols-outlined {
  font-size: 1.4rem;
  color: #797272;
}

.special-tab--header ul li.active {
  border-bottom: 3px solid var(--vividViolet);
}

.special-tab--header ul li.active span,
.special-tab--header ul li.active i {
  color: var(--vividViolet);
}

.special-tab--header ul li.active[data-target=faq] {
  border-bottom: 3px solid var(--qluubInter);
}

.special-tab--header ul li.active[data-target=faq] span,
.special-tab--header ul li.active[data-target=faq] i {
  color: var(--qluubInter);
}

.special-tab--header.credit-header ul li.active {
  border-bottom: 3px solid rgb(var(--qlubBlue));
}

.special-tab--header.credit-header ul li.active span,
.special-tab--header.credit-header ul li.active i {
  color: rgb(var(--qlubBlue));
}

.special-tab--header.info-tab-header ul li.active {
  border-bottom: 3px solid rgb(var(--qluubInter));
}

.special-tab--header.info-tab-header ul li.active span {
  color: rgb(var(--qluubInter));
}

.special-tab--header.credit-header ul li .material-symbols-outlined {
  font-size: 21px;
}

.info-column ul li a {
  color: rgb(var(--vividViolet));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4px;
  display: block;
}

.special-tab--header span {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 22px 4px auto;
  grid-template-columns: 22px auto;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.special-tab--header span span,
.special-tab--header a {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--softGrey4);
  padding: 8px 0px;
  display: block;
}

.special-tab--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.special-tab--link .credit-info.info_header {
  height: auto;
  margin: 0;
}

.new-disclaimer {
  color: rgb(var(--softGrey5));
  font-size: 0.7rem;
}

.invest-step__header {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 25px 10px auto;
  grid-template-columns: 25px auto;
  margin-bottom: 8px;
}

.invest-step__number {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  color: rgb(var(--qlub));
  background: rgba(var(--qlub), 0.1);
  line-height: 25px;
}

.credit-step__header .invest-step__number {
  color: rgb(var(--qlubBlue));
  background: rgba(var(--qlubBlue), 0.1);
}

.credit-step__header i[data-tippy-content] {
  color: rgb(var(--qlubBlue));
  font-size: 1.6rem;
  margin-left: 8px;
}

.credit-step__header .invest-step__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.invest-step__text {
  font-size: 0.95rem;
  color: var(--softGrey4);
}

.invest-step {
  margin-bottom: 8px;
}

.invest-step__body .data-widget__module {
  max-width: 300px;
}

.custom-selector__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(20% - 17px) 17px calc(20% - 17px) 17px calc(20% - 17px) 17px calc(20% - 17px) 17px calc(20% - 17px);
  grid-template-columns: repeat(5, calc(20% - 17px));
  grid-gap: 17px;
}

/* custom-input */
.custom-input {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.12));
          filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.12));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: white;
  padding: 14px;
  border-radius: 6px;
}

.custom-input-wrapper {
  border-radius: 6px;
  padding: 4px 14px;
  border: 1px solid var(--vividViolet);
}

.custom-input-wrapper.qluub-blue {
  border: 1px solid rgb(var(--qlubBlue));
}

.qluub-inter .custom-input-wrapper {
  border: 1px solid rgb(var(--qluubInter));
}

.custom-input input {
  border: none;
  font-size: 1.3rem;
  width: 170px;
}

.custom-input-mask {
  font-size: 0.8rem;
  color: var(--softGrey4);
}

.custom-input.money-custom-input, .custom-input.text-custom-input {
  -webkit-filter: none;
          filter: none;
  padding: 0;
}

.custom-input.text-custom-input {
  width: 100%;
}

.custom-input.money-custom-input .custom-input-wrapper,
.custom-input.text-custom-input .custom-input-wrapper {
  padding: 4px 6px 4px 12px;
}

.custom-input.money-custom-input .custom-input-wrapper input,
.custom-input.text-custom-input .custom-input-wrapper input {
  font-size: 0.9rem;
}

.custom-input.money-custom-input .custom-input-wrapper input::-webkit-input-placeholder, .custom-input.text-custom-input .custom-input-wrapper input::-webkit-input-placeholder {
  color: rgba(var(--softGrey5));
}

.custom-input.money-custom-input .custom-input-wrapper input::-moz-placeholder, .custom-input.text-custom-input .custom-input-wrapper input::-moz-placeholder {
  color: rgba(var(--softGrey5));
}

.custom-input.money-custom-input .custom-input-wrapper input:-ms-input-placeholder, .custom-input.text-custom-input .custom-input-wrapper input:-ms-input-placeholder {
  color: rgba(var(--softGrey5));
}

.custom-input.money-custom-input .custom-input-wrapper input::-ms-input-placeholder, .custom-input.text-custom-input .custom-input-wrapper input::-ms-input-placeholder {
  color: rgba(var(--softGrey5));
}

.custom-input.money-custom-input .custom-input-wrapper input::placeholder,
.custom-input.text-custom-input .custom-input-wrapper input::placeholder {
  color: rgba(var(--softGrey5));
}

.custom-input.money-custom-input.qluub-inter .custom-input-wrapper {
  border: 1px solid rgb(var(--qluubInter));
}

.auth-module.qluub-inter h4 {
  color: rgb(var(--qluubInter));
}

.custom-radio-button {
  padding: 10px 25px 15px 25px;
  background: white;
  border-radius: 10px;
  width: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  cursor: pointer;
  height: initial !important;
}

.custom-radio-button.active {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.12));
          filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.12));
}

.custom-radio-button > span:not(.special-precentage, .radio-span) {
  display: block;
  text-align: center;
}

.special-precentage {
  text-align: center;
  display: block;
  font-size: 12px;
  margin: 4px auto 10px;
  color: rgb(var(--softGrey5));
}

.custom-radio-button input + span {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid var(--vividViolet);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 10px auto 0;
}

.custom-radio-button input {
  display: none;
}

.custom-radio-button input:checked + span::after {
  -webkit-transition: all 3ms;
  transition: all 3ms;
  width: 16px;
  height: 16px;
  background: var(--vividViolet);
  border-radius: 50%;
  content: " ";
  display: block;
  opacity: 0;
}

.custom-radio-button input:checked + span::after {
  -webkit-transition: all 3ms;
  transition: all 3ms;
  opacity: 1;
}

.custom-radio-button.credit-radio input + span,
.custom-checkbox.credit-radio input + span {
  border: 2px solid rgb(var(--qlubBlue));
  color: rgb(var(--qlubBlue));
}

.custom-radio-button.credit-radio input:checked + span::after,
.custom-checkbox.credit-radio input:checked + span::after {
  background: rgb(var(--qlubBlue));
}

.invest-line {
  background: white;
  padding: 20px 30px 15px;
  border-radius: 16px;
  display: none;
}

.invest-line.active {
  display: block;
}

.invest-line-data.hidden {
  display: none !important;
}

ul.invest-line-data {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-bottom: 25px;
  padding: 0;
}

ul.invest-line-data li:not(.hide-mobile) {
  cursor: pointer;
}

.invest-line-lines {
  list-style: none;
  display: -ms-grid;
  display: grid;
  position: relative;
}

.invest-line-lines .line-bullet {
  display: block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid var(--vividViolet);
  background: white;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(var(--violetShadow), 0.6));
          filter: drop-shadow(0px 0px 4px rgba(var(--violetShadow), 0.6));
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

ul.invest-line-data strong {
  display: block;
  color: var(--softGrey6);
  font-size: 0.85rem;
  margin-bottom: 6px;
}

ul.invest-line-data span {
  display: block;
  color: var(--softGrey6);
  font-size: 0.85rem;
}

.invest-line-bullet {
  width: 100%;
  height: 2px;
  display: block;
  background: var(--vividViolet);
}

.invest-table__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  color: var(--softGrey6);
}

.invest-table__total strong {
  font-size: 1.1rem;
  color: var(--vividViolet);
  margin-left: 5px;
}

/* .invest-table__total a{
    color: white;
    background-color: var(--vividViolet);
    padding: 10px 25px;
    border-radius: 25px;
    display: block;
    width: fit-content;
} */
.invest-table__total.disabled strong {
  color: rgba(var(--softGrey4));
}

.data-widget {
  background: var(--softGrey);
  padding: 30px;
  border-radius: 12px;
  width: 98.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.data-widget__actions,
.data-widget__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 20px auto;
  grid-template-columns: 30px auto;
  gap: 20px;
}

.data-widget__actions {
  margin-bottom: 10px;
}

.data-widget__actions.qluub-inter i {
  color: rgb(var(--qluubInter));
}

.data-widget__actions.white i {
  color: white;
}

.data-widget__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 10px) 20px calc(50% - 10px);
  grid-template-columns: repeat(2, calc(50% - 10px));
  gap: 20px;
  margin-bottom: 20px;
}

.data-widget__header.full-header {
  -ms-grid-columns: 38% auto;
  grid-template-columns: 38% auto;
  height: 100%;
}

.data-widget__header.credit-info-widget {
  -ms-grid-columns: calc(40% - 10px) calc(60% - 10px);
  grid-template-columns: calc(40% - 10px) calc(60% - 10px);
}

.data-widget__header.credit-info-widget .info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inversionistas .data-widget__header {
  -ms-grid-columns: calc(40% - 10px) calc(60% - 10px);
  grid-template-columns: calc(40% - 10px) calc(60% - 10px);
}

.credit-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 10px;
}

.credit-info > span {
  margin-right: 10px;
}

.full-header__title {
  font-size: 2.5rem;
  font-weight: 500;
  margin-top: 80px;
}

.full-header__description {
  font-weight: 300;
  max-width: 400px;
}

.data-widget__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(200px, 295px) 20px minmax(200px, 295px) 20px minmax(200px, 295px);
  grid-template-columns: repeat(3, minmax(200px, 295px));
  gap: 20px;
}

.data-widget__body.inversiones_inmediatas {
  -ms-grid-columns: (minmax(200px, 295px))[5];
  grid-template-columns: repeat(5, minmax(200px, 295px));
  margin-bottom: 20px;
}

.data-widget__footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 75% 20px auto;
  grid-template-columns: 75% auto;
  gap: 20px;
  -ms-flex-line-pack: end;
      align-content: end;
  margin: 10px 0 0;
}

.data-widget__footer.inversiones_inmediatas {
  -ms-grid-columns: auto 720px;
  grid-template-columns: auto 720px;
}

.data-widget__footer > div:last-child {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: end;
      align-content: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.data-widget__footer p {
  font-size: 10px;
  color: rgba(var(--softGrey5));
}

.data-widget__module {
  background: white;
  border-radius: 12px;
  padding: 18px 0rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.data-widget__module.vigencia_solicitud_credito {
  background: white;
  border-radius: 12px;
  padding: 10px 2.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 2rem;
}

.data-widget__module.no-bg {
  background: transparent;
}

.data-widget__module h3 {
  margin: 0;
}

.data-widget__module--header {
  height: 22px;
  margin-bottom: 10px;
}

.data-widget__module--header h3 {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--softGrey4);
}

.data-widget__module--header.with-icon h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.data-widget__module--header.with-icon h3 i {
  /* color: rgb(var(--qlubBlue)); */
  font-size: 1.6rem;
  margin-left: 8px;
}

.data-widget__module:not(.special-data) .data-widget__module--body > span {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--softGrey4);
}

.special-data .data-widget__module--body > span {
  font-size: 1.3rem;
  color: rgba(var(--qlub));
  font-weight: 600;
}

.data-widget__module--body-button {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px;
  grid-template-columns: auto 30px;
}

.data-widget__module--body-button button {
  background: none;
  border: none;
  outline: none;
  font-size: 1.3rem;
  color: rgba(var(--qlub));
}

.data-widget__module.number-module .number-widget {
  margin: 0 auto;
}

.auth-module h4 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(var(--qlub));
}

.auth-module p,
.qr-module p {
  margin: 10px 0;
  font-weight: 400;
  font-size: 0.8rem;
  color: var(--softGrey4);
}

.qr-module {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px 95px;
  grid-template-columns: auto 95px;
  gap: 10px;
}

.qr-module.special-qr-module {
  display: block;
}

.qr-module.special-qr-module > div:first-child {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 75px 10px auto;
  grid-template-columns: 75px auto;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0 0 18px;
}

.qr-module.special-qr-module > div:first-child p {
  margin: 0;
  font-size: 0.76rem;
}

.qr-module img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.data-widget__module--acceptance {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 10px auto;
  grid-template-columns: 24px auto;
  gap: 10px;
  font-weight: 400;
  font-size: 0.8rem;
  color: var(--softGrey4);
}

.data-widget__module--acceptance a {
  color: var(--softGrey4);
  position: relative;
  display: inline-block;
}

.data-widget__module--acceptance a::after {
  content: " ";
  display: block;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -1px;
  background: rgba(var(--qlub));
}

.invest-module__error {
  display: block;
  padding-left: 50px;
  /* grid-template-columns: 50% 50%;
  margin-top: 130px; */
}

.invest-module__error img {
  margin-top: 30px;
  max-width: 100%;
}

.invest-module__error p {
  color: rgba(var(--qlub));
  font-size: 1.2rem;
  line-height: 1.9rem;
  width: 100%;
  max-width: 500px;
  text-align: justify;
  padding: 10px 20px;
  border-radius: 5px;
  /* background: rgba(var(--qlub),.05); */
}

.invest-module__error p a {
  color: rgba(var(--qlub));
  text-decoration: underline;
}

.invest-module__error > div:first-of-type {
  margin-top: -32px;
}

.invest-module__error > div:last-of-type {
  text-align: right;
}

.data-widget__exchange {
  width: 100%;
  max-width: calc(100% - 100px);
  margin: 50px auto 0;
  position: relative;
}

.data-widget__exchange--title {
  max-width: 550px;
  width: 95%;
  margin: 0 0 40px;
}

.data-widget__exchange--title h2 {
  color: var(--darkGrey2);
  font-weight: 600;
  font-size: 21px;
}

.data-widget__exchange--title p {
  color: var(--softGrey4);
  font-size: 0.9rem;
  font-weight: 400;
}

.data-widget__exchange--four {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc((100% - 148px) / 3) 20px calc((100% - 148px) / 3) 20px calc((100% - 148px) / 3);
  grid-template-columns: repeat(3, calc((100% - 148px) / 3));
  gap: 20px;
  max-width: 900px;
  min-width: 355px;
}

.data-widget__exchange--four.finanzas_montos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc((100% - 148px) / 3) 20px calc((100% - 148px) / 3) 20px calc((100% - 148px) / 3);
  grid-template-columns: repeat(3, calc((100% - 148px) / 3));
  gap: 20px;
  max-width: 900px;
  min-width: 644px;
}

.data-widget__exchange--four + .data-widget__exchange--four {
  margin-top: 20px;
}

.exchange--checkbox-module {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(60% - 10px) 20px calc(40% - 10px);
  grid-template-columns: calc(60% - 10px) calc(40% - 10px);
  gap: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 20px;
  border-radius: 10px;
  background: white;
  position: relative;
}

.exchange--checkbox-module.single-column {
  -ms-grid-columns: initial;
  grid-template-columns: initial;
}

.exchange--checkbox__check-wrap {
  display: -ms-grid;
  display: grid;
}

.exchange--checkbox__check-wrap > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 5px) 10px calc(50% - 5px);
  grid-template-columns: repeat(2, calc(50% - 5px));
  gap: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-grid-row-align: end;
      align-self: end;
  -ms-grid-column-align: end;
      justify-self: end;
}

.exchange--checkbox__check-wrap button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  font-size: 1.35rem;
  color: rgb(var(--qluubInter));
}

.exchange--checkbox__title {
  color: var(--softGrey4);
  font-size: 0.85rem;
  font-weight: 400;
}

.exchange--checkbox__text {
  color: var(--softGrey4);
  font-size: 0.85rem;
  font-weight: 400;
  margin-top: 6px;
  display: block;
}

.exchange--checkbox__number {
  display: block;
  color: rgb(var(--qluubInter));
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 2px;
}

.exchange--checkbox__data {
  color: var(--softGrey4);
  font-size: 0.83rem;
  font-weight: 400;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5px 6px auto;
  grid-template-columns: 5px auto;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -14px;
}

.exchange--checkbox__data::before {
  content: " ";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--softGrey4);
}

.widget--add-account {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 5px;
  border-radius: 10px;
  background: white;
  border: 0;
  height: 100%;
  text-align: center;
}

.widget--add-account i,
.widget--add-account .material-symbols-outlined {
  display: block;
  color: rgb(var(--qluubInter));
  font-size: 34px;
}

.widget--add-account span {
  margin-top: 4px;
  display: block;
  font-weight: 500;
}

.widget--track-process {
  position: absolute;
  width: calc(100% - 90px);
  display: -ms-grid;
  display: grid;
  bottom: 20px;
  gap: 10px;
  -ms-grid-columns: calc(100% - 225px) 10px 30px 10px 30px 10px 155px;
  grid-template-columns: calc(100% - 225px) 30px 30px 155px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget--track-process.qluub-inter .regresar_btn .icon {
  color: rgb(var(--qluubInter));
}

.widget--track-process__numbers {
  color: var(--softGrey4);
  font-size: 0.85rem;
  font-weight: 400;
  text-align: center;
}

.widget--track-process__bar {
  height: 16px;
  width: 100%;
  border-radius: 12px;
  background: rgb(var(--strokeGray));
  position: relative;
}

.widget--track-process__bar::after {
  content: " ";
  height: 8px;
  display: block;
  position: absolute;
  top: 4px;
  background: rgb(var(--qluubInter));
  border-radius: 12px 0 0 12px;
  left: 4px;
}

.widget--track-process__bar.one::after {
  width: calc(33.33% - 4px);
}

.widget--track-process__bar.two::after {
  width: calc(66.66% - 4px);
}

.widget--track-process__bar.three::after {
  width: calc(100% - 8px);
  border-radius: 12px;
}

.widget--track-process .regresar_btn {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.widget--track-process .regresar_btn i {
  line-height: 30px;
}

.exchange-summary {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 45% 55%;
  grid-template-columns: 45% 55%;
}

.exchange-summary > div:last-child {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.exchange-summary img {
  max-width: 95%;
}

.exchange-summary h2 {
  font-weight: 500;
  font-size: 1.5rem;
}

.exchange-summary p {
  font-size: 0.9rem;
  font-weight: 400;
}

.exchange-summary__money {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  padding: 20px;
  margin: 20px 0;
}

.exchange-summary__money span {
  display: block;
  font-size: 0.9rem;
}

.exchange-summary__money strong {
  display: block;
  margin-top: 4px;
  font-size: 1.6rem;
}

.exchange-summary__detail > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  margin: 20px 0;
}

.exchange-summary__detail > div div {
  margin-bottom: 20px;
}

.exchange-summary__detail > div span {
  font-size: 0.9rem;
  font-weight: 400;
  display: block;
  margin-bottom: 8px;
}

.exchange-summary__detail > div strong {
  font-size: 0.9rem;
  display: block;
}

.billet-title {
  width: 95%;
  max-width: 300px;
  margin-bottom: 30px;
}

.billet-title h3 {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #313131;
}

.billet-title p {
  color: var(--softGrey4);
  font-size: 0.87rem;
  line-height: 1.3rem;
}

.billet-title h2 {
  font-weight: 400;
}

.billet-title.billet--large {
  max-width: 100%;
}

.page.new-login {
  background: rgb(199, 120, 195);
  background: linear-gradient(308deg, rgb(199, 120, 195) 0%, rgb(113, 135, 255) 100%);
}

.page.new-login .gral_container.content_container {
  left: 50%;
  max-width: calc(100svw - 10%);
  margin: 0 auto;
  height: 100svh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.new-input-wrapper.select {
  padding: 0px;
  background: white;
  border-radius: 4px;
  border: 1px solid #AEAEAE;
  margin-bottom: 10px;
}

.currentInput_especial.new-input-wrapper.select .select {
  background: #ffffff;
}

.select_englobar.new-input-wrapper.select .select {
  background: #ffffff;
}

.select_englobar.bloque-dominio.bloque-domino-duplicado input {
  padding: 10px 0px;
  background: white;
  border-radius: 4px;
  border: 1px solid rgb(var(--qluubInter));
  height: 40px;
}

.lbCh input[type=checkbox] {
  display: none;
}

.lbCh .flCh {
  position: absolute;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 1px #000;
  box-shadow: 0 0 0 1px #000;
  content: "";
  display: block;
  height: 10px;
  left: -20px;
  position: absolute;
  top: 0;
  width: 10px;
}

.select_englobar.new-input-wrapper input {
  background: #ffffff !important;
}

.page.seccion_acreditados_form.alta_host {
  position: initial;
}

.currentInput_especial.select_special .select {
  padding: 0px 20px;
  background: white;
  border-radius: 4px;
  border: 1px solid #AEAEAE;
  margin-bottom: 10px;
}

.new-input-wrapper-empleados input {
  width: 82% !important;
  font-size: 0.9rem;
  color: var(--gray);
  padding: 6px 12px;
  border: 0;
  font-weight: 400;
  margin-left: 10px;
}

.select_englobar.select_special .select {
  padding: 0px 20px;
  background: white;
  border-radius: 4px;
  border: 1px solid #AEAEAE;
  margin-bottom: 10px;
}

.lbRd input[type=radio] {
  display: none;
}

.lbRd .flCh {
  position: absolute;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 0 1px #000;
  box-shadow: 0 0 0 1px #000;
  content: "";
  display: block;
  height: 10px;
  left: -20px;
  position: absolute;
  top: 0;
  width: 10px;
}

input[type=email], input[type=text], input[type=password] {
  border: 0 none;
  background: #ffffff;
  padding: 10px;
  height: 40px;
  font-size: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 4px;
  color: #b3bfcc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}

.fields.new-input-wrapper-empleados {
  margin-top: 12px;
}

.page.seccion_acreditados_form.editar-usuario {
  position: initial;
}

.fields.new-input-wrapper-empleados input {
  width: 85%;
  font-size: 0.9rem;
  color: var(--gray);
  padding: 6px 12px;
  border: 0;
  font-weight: 400;
  margin-left: 10px;
}

.multiple_buttons.btns_new_style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.calendario input[type=text] {
  padding: 5px;
  text-align: center;
  width: 100%;
  max-width: 40px;
  border: 1px solid rgb(var(--qluubInter));
  background: #ffffff;
  padding: 10px;
  height: 40px;
  font-size: 14px;
  border-radius: 4px;
  color: #b3bfcc;
}

@media (min-width: 961px) {
  #form_datos_host .calendario input, #form_datos_host_b .calendario input {
    max-width: 34px;
    margin-right: 6px;
    padding: 5px;
  }
}
.calendario input[type=text].activo, .calendario input[type=text].listo {
  color: #2f2f2f !important;
}

.new-login-wrapper {
  background: white;
  border-radius: 10px;
  padding: 30px 40px 20px 40px;
  width: 95%;
  max-width: 400px;
  top: 40%;
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-login-wrapper h1 {
  margin: 10px auto 35px;
  font-weight: 400;
  font-size: 1.3rem;
}

.init_label.center p {
  text-align: center;
  font-weight: 400;
  margin-bottom: 27px;
}

.new-login-wrapper form {
  text-align: left;
}

.custom-checkbox.qluub-inter.lbRd {
  position: initial;
  margin: initial;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: initial;
  text-align: initial;
  padding-left: initial;
  height: initial;
  line-height: initial;
  font-size: initial;
}

.custom-checkbox.qluub-inter.lbRd .flCh {
  display: none;
}

.new-input-wrapper {
  padding: 10px 20px;
  background: white;
  border-radius: 4px;
  border: 1px solid rgb(var(--qluubInter));
  margin-bottom: 10px;
}

.new-input-wrapper-empleados {
  padding: 0px 0px;
  background: white;
  border-radius: 4px;
  border: 1px solid rgb(var(--qluubInter));
  margin-bottom: 10px;
}

.seccion_acreditados_form .content_container fieldset .col-4 .new-input-wrapper-empleados input {
  width: 95%;
  background: #ffffff;
  color: var(--gray);
}

.col-4.new-input-wrapper-empleados {
  width: 31.5% !important;
}

.col-4.new-input-wrapper-empleados input {
  width: 95% !important;
  background: #ffffff !important;
  color: var(--gray) !important;
}

.new-input-wrapper input {
  width: 100%;
  font-size: 0.9rem;
  color: var(--gray);
  padding: 2px 0;
  border: 0;
  font-weight: 400;
}

.new-input-wrapper input::-webkit-input-placeholder {
  font-size: 0.9rem;
  color: var(--gray);
}

.new-input-wrapper input::-moz-placeholder {
  font-size: 0.9rem;
  color: var(--gray);
}

.new-input-wrapper input:-ms-input-placeholder {
  font-size: 0.9rem;
  color: var(--gray);
}

.new-input-wrapper input::-ms-input-placeholder {
  font-size: 0.9rem;
  color: var(--gray);
}

.new-input-wrapper input::placeholder {
  font-size: 0.9rem;
  color: var(--gray);
}

.new-login-wrapper a {
  color: #9182EA !important;
  font-size: 0.9rem;
  font-weight: 400;
  margin: 20px 0 35px 20px;
  display: block;
}

#invest__qualification--total-0-0 a span {
  text-decoration: underline;
}

#invest__qualification--total-0-0 {
  font-size: 16px !important;
  letter-spacing: -0.4px;
}

.new-login-wrapper [type=submit] {
  width: 100%;
  height: 39px;
  font-weight: 400;
  background: rgb(var(--qluubInter));
}

.regresar_btn.login-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
}
.regresar_btn.login-btn:hover {
  color: #fff;
  opacity: 0.5;
}

.page .regresar_btn.login-btn .icon-left-arrow {
  color: white !important;
  font-size: 1.5rem;
  margin-right: 10px;
}

.head-glossary-term {
  margin-bottom: 20px;
}

.head-glossary-term strong {
  font-weight: 400;
  font-size: 1rem;
  color: var(--darkGrey2);
}

.glossary-description p {
  font-weight: 400;
  font-size: 1rem;
  color: var(--darkGrey2);
  margin-top: 5px;
}

.glossary-description strong {
  font-weight: 600;
  font-size: 1rem;
  color: rgb(var(--qluubInter));
}

.glossary-wrapper {
  height: calc(100% - 84px);
  overflow: auto;
  padding: 0 10px 10px;
}

.acreditados .invest__qualification--header > div:first-child {
  -ms-grid-columns: auto 25px;
  grid-template-columns: auto 25px;
}

.acreditados .invest__qualification--header {
  padding-bottom: 10px;
  border-bottom: 0;
}

.acreditados .invest__qualification--footer {
  padding-top: 10px;
}

.acreditados .invest__qualification--footer > div > span {
  color: rgb(174, 174, 174);
  font-weight: 300;
}

.acreditados .invest__qualification--footer > div > span:last-of-type {
  font-weight: 700;
}

.titles_list {
  display: -ms-grid;
  display: grid;
  list-style: none;
  margin: 0px;
  padding: 0px;
  -ms-grid-columns: (17.6%)[6];
  grid-template-columns: repeat(6, 17.6%);
  font-size: 0.85rem;
  color: var(--softGrey4);
  text-align: center;
}

.titles_list_contenido {
  display: -ms-grid;
  display: grid;
  list-style: none;
  margin: 0px;
  padding: 0px;
  -ms-grid-columns: (17.6%)[6];
  grid-template-columns: repeat(6, 17.6%);
  font-size: 0.85rem;
  color: var(--softGrey4);
  text-align: center;
  margin: 1rem 0px;
}

.credits-list__amount {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--vividViolet);
}

.icon.icon-squares {
  font-family: "icomoon" !important;
}

.icon-squares:before {
  content: "\e903" !important;
}

.icon.icon-chart {
  font-family: "icomoon" !important;
}

.icon-chart:before {
  content: "\e902" !important;
}

.icon.icon-cards {
  font-family: "icomoon" !important;
}

.icon-cards:before {
  content: "\e901" !important;
}

@media (min-width: 1023px) {
  .acreditados .info-column {
    height: 59.5svh;
  }
  .acreditados .info-column + .new-col-9 {
    height: 58.5svh;
    overflow: auto;
  }
  .inversionistas .info-column + .new-col-9 {
    height: 59.5svh;
    overflow: auto;
  }
  .acreditados .info-column {
    height: initial !important;
  }
}
.icon.icon-new-invest-icon {
  font-family: "icomoon" !important;
  font-size: 1.1rem;
}

.icon.icon-new-invest-icon {
  font-family: "icomoon" !important;
}

.icon-new-invest-icon:before {
  content: "\e902" !important;
}

.icon.icon-ticket {
  font-family: "icomoon" !important;
}

.icon.icon-ticket:before {
  content: "\e900" !important;
}

.icon.icon-phone:before {
  content: "" !important;
  background: url(../images/icons/phone.png) center no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.page_terminos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 23% 77%;
  grid-template-columns: 23% 77%;
}

.side_bar_new {
  background: rgb(199, 120, 195);
  background: linear-gradient(308deg, rgb(199, 120, 195) 0%, rgb(113, 135, 255) 100%);
  border-radius: 0px 10px 10px 0px;
  position: relative;
  /* width: 325px; */
}

.container_terminos_new {
  position: relative;
  overflow-y: scroll;
}

.container.logo_new {
  padding: 35px 35px 0px;
  text-align: left;
}

.input_codigo {
  width: 34px !important;
  display: inline-block;
  border: solid 1px #E7E7F2 !important;
  height: 34px;
  text-align: center;
  color: #9E9E9E !important;
}

.content_reenviar {
  margin: 1rem 0px 0px;
  font-weight: 400;
  color: #797272;
}

.btn_reenviar {
  display: inline-block;
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}

.ayuda_side_new.new-login-wrapper.transparent {
  background: initial;
  color: #ffffff;
  padding-top: 0px;
  position: absolute;
  bottom: 0px;
  top: initial;
  -webkit-transform: initial;
          transform: initial;
  left: initial;
  font-weight: 400;
  padding: 24px 10px 20px 10px;
  text-align: left;
  width: 100%;
}

.img_interroga {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.info_contacto_terminos {
  display: inline-block;
  width: 80%;
  font-size: 15px;
}

.terminos_container.terminos_new.contenido_terminos .subtitle2 {
  width: 100%;
  display: block;
  margin-top: 24px;
  text-align: center;
  padding-top: 10px;
}

.terminos_container.terminos_new.contenido_terminos .subtitle2 a {
  text-decoration: underline;
  color: #9182EA;
}

.terminos_container.terminos_new.contenido_terminos .subtitle2 a:hover {
  text-decoration: none;
}

.new-login-wrapper.transparent.ayuda_side_new a {
  display: inline-block;
}

.titulo_onboarding_new_sidebar {
  padding: 40px 20px 0px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Inter";
  font-size: 22px !important;
}

.subtitulo_onboarding_new_sidebar {
  padding: 10px 20px 0px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Inter";
  font-size: 14px;
  line-height: 21px;
  margin-top: 10px;
}

.terminos_container.terminos_new {
  width: 100%;
  margin: 0 auto;
  padding: 70px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.terminos_container.terminos_new figure {
  width: 174px;
  margin: 0 auto 24px auto;
}

.terminos_container.terminos_new figure img {
  width: 100%;
}

.terminos_container.terminos_new .titulo_p {
  margin-bottom: 32px;
}

.terminos_container.terminos_new .contenedor {
  height: calc(100vh - 440px);
  border-radius: 12px;
  padding: 32px;
  position: relative;
  -webkit-box-shadow: initial;
  box-shadow: initial;
  min-height: 240px;
  background: #FAFAFA;
}

.terminos_container.terminos_new .contenedor .texto * {
  background: transparent !important;
}

.terminos_container.terminos_new .contenedor:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(7, 8, 9)));
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(7, 8, 9) 100%);
  pointer-events: none;
  opacity: 0.2;
  border-radius: 0 0 12px 12px;
}

.btn.white_btn.terminos_new {
  color: #9182EA;
  border: none;
  -webkit-box-shadow: initial;
  box-shadow: initial;
  font-size: 16px;
}

.btn.white_btn.terminos_new:hover {
  background: #7263CA;
}

.btn.white_btn.terminos_new[name=rechazar] {
  background: url(../images/icons/close.svg) left center no-repeat;
  background-size: 20px;
  padding-left: 24px;
}

.btn.white_btn.terminos_new:hover {
  color: #7263CA;
}

/* .terminos_new.btns-form {
    display: flex;
    justify-content: right;
    padding-right: 7rem; */
/* FIXES UI 2024 */
.new-input-wrapper.select .currentInput {
  padding: 0 4px 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
}

.new-input-wrapper.select .currentInput .customSelect-label,
.select_englobar.select_special .select .customSelect-label {
  border: 0;
  background: transparent;
  padding: 0;
}

.currentInput_especial.select .customSelect {
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
}

.currentInput_especial.select_special .select,
.select_englobar.select_special .select {
  padding: 0 10px;
  margin-bottom: 0;
}

.currentInput input[readonly=readonly] {
  background: #F6F6FA;
}

.currentInput_especial.select span {
  font-family: "Inter", sans-serif;
}

#form_datos_host .lab.moradito {
  position: absolute;
  top: -18px;
}

#form_datos_host h2 {
  margin-bottom: 32px;
}

body .currentInput.listo .currentInput-label {
  color: #000;
}

/* logout */
.logout_desktop span {
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.3px;
  text-align: center;
  display: block;
}

/* switch info */
.switch-info {
  position: relative;
}

.switch-info > div:not(.loader-container) {
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.switch-info.active > div:not(.loader-container) {
  opacity: 0.1;
  pointer-events: none;
}

.switch-info.active .loader-container {
  opacity: 1;
  pointer-events: initial;
}

.switch-info .loader-container {
  opacity: 0;
}

.switchinfo__button button {
  cursor: pointer;
}

/* loader */
.loader-container {
  left: 50%;
  top: 50%;
  width: 38px;
  height: 38px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  pointer-events: none;
}

.loader {
  width: 28px;
  height: 28px;
  border: 5px solid rgb(var(--qluubInter));
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* gral container */
.gral_container.gral--vflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* table */
#table tbody td.table--left {
  text-align: left !important;
}

#table tbody td.table--small,
#table thead th[data-field=Calificación],
#table thead th[data-field=Plazo],
#table thead th[data-field=Tasa] {
  /*padding-left: 0 !important;
   padding-right: 0 !important;
   width: 100px;*/
}

#table tbody td.table--180,
#table thead th[data-field="No de contrato"],
#table thead th[data-field=Vigencia],
#table thead th[data-field="No de contraparte"],
#table thead th[data-field="Origen de la orden"],
#table thead th[data-field="Plazo real en días"],
#table thead th[data-field=Estatus],
#table thead th[data-field="Folio de orden"] {
  /*padding-left: 0 !important;
  padding-right: 0 !important;
  width: 180px;*/
}

#table tbody td,
#table thead th {
  font-size: 14px;
  width: 280px;
}

#table.table-fit {
  table-layout: fixed;
  word-wrap: break-word;
}

.table.table--simple.table--borderless td {
  border: 0;
}

.table.table--simple a {
  text-decoration: underline;
  font-weight: 600;
}

.table.table--simple a:hover {
  text-decoration: none;
}

.invest-line {
  position: relative;
  margin: 20px 0;
}

.slider-container {
  padding-top: 70px;
  padding-left: 32px;
  padding-right: 32px;
}

.slider-container .slider .noUi-marker-normal {
  display: none;
}

.slider-container .noUi-pips-horizontal {
  top: -80px;
}

.slider-container .noUi-horizontal .noUi-handle {
  cursor: -webkit-grab;
  top: -11px;
  border: 2px solid var(--vividViolet);
}

.slider-container .noUi-horizontal .noUi-handle:after,
.slider-container .noUi-horizontal .noUi-handle:before {
  background: var(--vividViolet);
}

.slider-container .noUi-marker {
  top: 50px;
}

.slider-container .noUi-value {
  top: -20px;
  cursor: pointer;
}

.slider-container .noUi-value > * {
  pointer-events: none;
}

.slider-container .noUi-value strong {
  color: #999;
  font-weight: 500;
  font-size: 14px;
}

.slider-container .noUi-value span {
  font-size: 16px;
  color: #000;
}

.slider-container .noUi-value.active strong,
.slider-container .noUi-value.active span {
  color: var(--vividViolet);
}

.slider-container .noUi-horizontal {
  height: 4px;
  border: 0;
  background: var(--vividViolet);
  -webkit-box-shadow: initial;
          box-shadow: initial;
}

.slider-container .noUi-value span {
  font-weight: bold;
}

.static-slider-value {
  text-align: center;
  max-width: 100px;
  width: 100%;
}

.static-slider-value strong {
  color: var(--vividViolet);
}

.static-slider-value span {
  font-size: 14px;
  color: #999;
}

/* font style */
.font-300 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: bold !important;
}

.m-0 {
  margin: 0 !important;
}

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

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

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

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

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

.mb-8 {
  margin-bottom: 8px;
}

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

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

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

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

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

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

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

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

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

/* title */
.h6 {
  font-size: 16px;
  line-height: 25px;
}

.text-xsmall,
.text-xsmall * {
  font-size: 10px !important;
  line-height: 14px !important;
}

.text-small,
.text-small * {
  font-size: 11px !important;
  line-height: 18px !important;
}

.text-12,
.text-12 * {
  font-size: 12px !important;
  line-height: 18px !important;
}

.text-14,
.text-14 * {
  font-size: 14px !important;
  line-height: 25px !important;
}

.text-16,
.text-16 * {
  font-size: 16px !important;
  line-height: 25px !important;
}

.text-18,
.text-18 * {
  font-size: 18px !important;
  line-height: 25px !important;
}

.text-20,
.text-20 * {
  font-size: 20px !important;
  line-height: 30px !important;
}

.text-24,
.text-24 * {
  font-size: 24px !important;
  line-height: 35px !important;
}

.text-26,
.text-26 * {
  font-size: 26px !important;
  line-height: 35px !important;
}

.text-28,
.text-28 * {
  font-size: 28px !important;
  line-height: 35px !important;
}

.text-32,
.text-32 * {
  font-size: 32px !important;
  line-height: 45px !important;
}

.text-40,
.text-40 * {
  font-size: 40px !important;
  line-height: 45px !important;
}

/* position */
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* head form */
.head-form {
  width: 100%;
  margin-bottom: 16px;
  display: inline-block;
}

/* stepper */
.stepper-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.2px;
  color: #9182EA;
  margin: 0;
}

.stepper-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.stepper-info div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 4px;
  width: 100%;
  background: #AEAEAE;
  margin-right: 4px;
}

.stepper-info div.active {
  background: #9182EA;
}

.stepper-info div:last-child {
  margin-right: 0;
}

.currentInput-label .required,
.lab.moradito .required {
  color: #9E2FAA;
}

/* text color */
.purple-color,
.purple-color * {
  color: #5268FF;
}

.violetdark-color,
.violetdark-color * {
  color: #7263CA !important;
}

.violet-color,
.violet-color * {
  color: #9182ea !important;
}

.wine-color,
.wine-color * {
  color: #9E2FAA;
}

.white-color,
.white-color * {
  color: #fff !important;
}

.gray-color,
.gray-color * {
  color: #797272;
}

.gray-color-soft,
.gray-color-soft * {
  color: #E7E7F2;
}

.gray-color-soft-400,
.gray-color-soft-400 * {
  color: #AEAEAE;
}

.base-color,
.base-color * {
  color: #000;
}

.red-color,
.red-color * {
  color: #F21F72;
}

.gradient-color,
.gradient-color * {
  background: -webkit-linear-gradient(left, #5268FF, #9E2FAA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* alert */
.alert {
  background: #E3E3E5;
  display: block;
  font-size: 9px;
  line-height: 14px;
  padding: 3px 10px;
  border-radius: 20px;
}

/* alert primary */
.alert-primary {
  background: #f7f5fd !important;
  border-radius: 4px;
  border: 1px solid #f7f5fd !important;
  font-size: 12px;
  font-weight: 400;
  color: #9182EA !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border-radius: 8px;
  text-align: left;
}

.alert-primary * {
  color: #9182EA !important;
}

.alert-purple {
  background: #f4f2fd;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #9182EA;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border-radius: 8px;
}

.alert-blue {
  background: #E1E5FA;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #5167FF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border-radius: 8px;
}

.alert--right-icon span,
.alert--right-icon i {
  margin-left: 4px;
  font-size: 18px;
}

.alert-primary span,
.alert-primary i,
.alert-blue span,
.alert-blue i {
  margin-right: 4px;
  font-size: 18px;
}

/* botton actions */
ul.bottom-actions.action--save li input[name=guardar] {
  background: #9182EA;
  padding-right: 10px;
  margin-bottom: 0;
}

ul.bottom-actions.action--save li input[name=guardar]:hover {
  background: #7263CA;
}

ul.bottom-actions.action--save li input[name=siguiente] {
  background: #fff url(../../images/empleado/arrow-right-color.svg) 90% center no-repeat !important;
  padding-right: 25px;
  background-size: 20px !important;
  margin-bottom: 0;
}

ul.bottom-actions.action--save li input[name=siguiente]:hover {
  color: #7263CA;
}

ul.bottom-actions li input[type=submit] {
  content: "";
  background: #9182EA url(../../images/empleado/arrow-right-white.svg) 90% center no-repeat;
  background-size: 20px;
  display: block;
  width: 180px;
  letter-spacing: 0;
  font-size: 16px;
  padding-right: 20px;
}

ul.bottom-actions li input[type=submit]:hover {
  background: #7263CA url(../../images/empleado/arrow-right-white.svg) 90% center no-repeat;
  background-size: 20px;
}

ul.bottom-actions li a.return {
  color: #AEAEAE;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  font-size: 16px;
}

ul.bottom-actions li a.return:hover {
  color: #AEAEAE;
  opacity: 0.7;
}

ul.bottom-actions li a.return:before {
  content: "";
  margin-right: 8px;
  background: url(../../images/empleado/arrow-left-gray.svg) 90% center no-repeat;
  width: 20px;
  height: 20px;
}

/* container form */
.container.container--form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.gral--form {
  position: relative;
}

.gral--form:after {
  content: "";
  display: block;
  background: url(../../images/empleado/face.png) center center no-repeat;
  background-size: contain;
  width: 320px;
  height: 320px;
  position: absolute;
  bottom: 10vh;
  right: 0;
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}

.container.container--form .container__col {
  float: initial;
  padding-top: 50px;
}

/* icon billing */
body .icon.icon-new-icon-billing:before {
  content: "\e949";
  color: inherit;
}

.table-facturacion #table th {
  font-weight: bold !important;
}

.table-facturacion .pagination-info {
  font-size: 14px;
}

/* stepper title */
.stepper-title {
  margin-bottom: 32px;
}

/* terminos */
.btns-form.terminos_new {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 60px;
}

.btns-form.terminos_new #terminos-form {
  width: 100% !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.btns-form.terminos_new #terminos-form input,
.btns-form.terminos_new #terminos-form button {
  margin: 0;
  border: 0;
}

.btns-form.terminos_new #terminos-form section {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.js-btn-pdf {
  position: absolute;
  top: -67px;
  right: 0;
}

/* subtitle */
.subtitle {
  font-size: 20px;
  line-height: 28px;
  color: #313131;
  font-weight: 600;
}

/* text icon */
.text-icon i {
  color: #9182EA;
}

.icon {
  display: inline-block;
}

.icon.icon--cargo {
  background: url(../images/icons/cargo.svg) center no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}

.icon.icon--update {
  background: url(../images/icons/transferencia.svg) center no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}

/*--- dashboard ---*/
div.dashboard__widget {
  border: 0;
  padding-bottom: 24px;
  border-radius: 12px;
}

/* account */
div.dashboard__widget[data-type=account] {
  background: #9182EA;
}

div.dashboard__widget[data-type=account] .dashboard__widget--header h2 {
  font-size: 21px;
  font-weight: 600;
}

.dashboard__widget .dashboard__widget--header h2 {
  font-weight: 600;
}

div.dashboard__widget[data-type=account] .dashboard__widget--header span {
  font-size: 21px;
}

/* inversiones */
div.dashboard__widget[data-type=inversiones] {
  background: #5268FF;
}

.dashboard__widget--body-detail.body-detail--double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dashboard__widget--body-full.width--100 {
  -ms-grid-columns: 100% !important;
  grid-template-columns: 100% !important;
}

.dashboard__widget--body-title.titulo-tooltip {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.dashboard__widget--body-title.titulo-tooltip i {
  margin-left: 8px;
}

.widget-header--aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.widget-header--aside > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.widget-header--aside aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.widget-header--aside aside a {
  margin: 0;
}

body .dashboard__widget[data-type=account] .dashboard__widget--body > div,
body .dashboard__widget[data-type=inversiones] .dashboard__widget--body > div {
  padding: 10px 20px;
}

.dashboard__widget[data-type=last-movements] {
  border: 1px solid #E7E7F2;
}

body .dashboard__widget[data-type=last-movements] .dashboard__widget--footer {
  padding-bottom: 0;
}

body .dashboard__widget[data-type=last-movements] .dashboard__widget--footer a {
  font-size: 14px;
  text-decoration: none !important;
}

body .dashboard__widget[data-type=last-movements] .dashboard__widget--footer a:after {
  display: none;
}

body .dashboard__widget[data-type=last-movements] .dashboard__widget--header {
  border-bottom: 1px solid #E7E7F2;
  padding-bottom: 16px;
}

body .dashboard__widget[data-type=last-movements] .dashboard__widget--body ul li {
  border-bottom: 1px solid #E7E7F2;
  padding-bottom: 16px;
}

body .dashboard__widget[data-type=inversiones-only] {
  background: #9E2FAA;
}

body .dashboard__widget[data-type=inversiones-only] .dashboard__widget--header {
  padding: 15px 30px 0;
  height: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .dashboard__widget[data-type=inversiones-only] .dashboard__widget--header span {
  font-size: 1.5rem;
  font-weight: 400;
}

.dashboard__widget[data-type=inversiones-only] .dashboard__widget--body > div {
  background: white;
  border-radius: 8px;
  padding: 7px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dashboard__widget[data-type=inversiones-only] .dashboard__widget--body {
  padding: 0px 30px 5px;
  height: calc(100% - 140px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 7px) 14px calc(50% - 7px);
  grid-template-columns: repeat(2, calc(50% - 7px));
  grid-gap: 14px;
}

.dashboard__widget[data-type=last-movements] .dashboard__widget--body ul li {
  -ms-grid-columns: 22px auto 28% 82px;
  grid-template-columns: 22px auto 28% 82px;
}

.dashboard__widget--body-full.with--widget {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.dashboard__widget--body-full.with--widget > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dashboard__widget--body-full.with--widget > div:last-child {
  padding-left: 32px;
}

.dashboard__widget-item .dashboard__widget--body-detail a {
  margin-left: 16px;
}

.dashboard__widget--body-detail a {
  font-size: 14px;
}

body .dashboard__widget h2 {
  font-size: 21px;
  line-height: 25px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

body .dashboard__widget--header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* button */
.btn.btn--type1 {
  background: #fff;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  color: #000000;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
}

.btn.btn--type1:hover {
  background: #d5d5e3;
}

.btn.btn--type1 span,
.btn.btn--type1 i {
  margin-left: 8px;
  color: #5268FF !important;
  font-size: 19px !important;
}

.btn.btn--type1.btn--color-violet span,
.btn.btn--type1.btn--color-violet i {
  color: #9E2FAA !important;
}

.btn.btn--type1.btn--color-neutral span,
.btn.btn--type1.btn--color-neutral i {
  color: #9182EA !important;
}

.btn.btn--type1.disabled {
  opacity: 0.8;
}

.btn.btn--type1.btn--back-neutral {
  background: #F6F6FA;
}

.btn.btn--type1.btn--back-neutral:hover {
  background: #d5d5e3;
}

.btn.btn--type2 {
  background: #9182EA;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  color: #fff;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-color: #9182EA;
}

.btn.btn--type2:hover {
  background: #8172d5;
  color: #fff;
}

.btn.btn--type3 {
  background: rgb(var(--qlubBlue));
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  color: #fff;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.btn.btn--type3:hover {
  background: #475dec !important;
  color: #fff;
}

.btn.btn--type4 {
  background: #9E2FAA;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  color: #fff;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.btn.btn--type4:hover {
  background: #7f2389 !important;
  color: #fff;
}

.btn.btn--type2 span,
.btn.btn--type2 i {
  margin-left: 8px;
  font-size: 19px !important;
}

.btn.btn--type2.disabled {
  opacity: 0.8;
  border: transparent;
}

.btn.btn--simple {
  background: #fff;
  color: #9182EA;
  letter-spacing: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  min-width: initial;
  margin: 0;
  padding: 0;
}

.btn.btn--simple-white {
  background: transparent;
  color: #fff;
  letter-spacing: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  min-width: initial;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 16px;
}

.btn.btn--simple-white:hover {
  text-decoration: underline;
  background: transparent;
}

.btn.btn--icon-left .material-symbols-outlined {
  margin-right: 8px;
}

.btn.btn--simple-wine {
  text-decoration: underline;
  color: #9E2FAA !important;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}

.btn.btn--simple-wine:hover {
  text-decoration: none;
  color: #9E2FAA !important;
}

.btn.btn--simple-purple {
  text-decoration: underline;
  color: #5268FF !important;
  background: transparent !important;
  padding: 0;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}

.btn.btn--simple-violet {
  text-decoration: underline;
  color: #9182EA !important;
  background: transparent !important;
  padding: 0;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}

.btn.btn--simple-purple:hover {
  text-decoration: none;
  color: #5268FF !important;
}

.btn.btn--simple-violet:hover {
  text-decoration: none;
  color: #9182EA !important;
}

.btn.btn--small {
  height: 35px !important;
}

.btn.btn--outline {
  border: 2px solid #9182EA;
  color: #9182EA;
  background: transparent !important;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn.btn--outline:hover {
  background: transparent !important;
  color: #8172d5;
  border-color: #8172d5;
}

.btn.btn--outline-purple {
  border: 2px solid rgb(var(--qluubInter));
  background: transparent;
  color: rgb(var(--qluubInter));
  letter-spacing: 0;
  text-align: center;
  border-radius: 30px;
  height: 44px;
  line-height: 39px;
  padding: 0 20px;
}

.btn.btn--outline-purple:hover {
  border-color: #7263CA;
  color: #7263CA;
}

.btn.btn--underline {
  padding: 0;
  margin: 0;
  color: #9182EA;
  text-decoration: underline;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
}

.btn.btn--underline:hover {
  text-decoration: none;
  color: #7263CA;
  background: transparent;
}

/* icon */
.icon-down {
  color: #a7355c;
}

.icon-update {
  color: #2eb55b;
}

/* grid tabs section */
.grid-tabs-section {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: calc(50% - 8px) 16px calc(50% - 8px);
  grid-template-columns: repeat(2, calc(50% - 8px));
  max-height: 684px;
}

.grid-tabs__item {
  width: 100%;
  border-radius: 12px;
  background: #E7E7F2;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.grid-tabs__item.grid-tabs__with-footer {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
}

.grid-tabs__item.grid-tabs__with-footer > div {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

.grid-tabs__item.grid-tabs__with-footer.footer--white .grid-tabs__item-footer {
  background: #e4c3e7;
}

.grid-tabs__item.tab-item--color1 {
  background: #5268FF;
}

.grid-tabs__item.tab-item--color2 {
  background: #9E2FAA;
}

.grid-tabs__item.tab-item--neutral {
  background: #9182EA;
}

.grid-tabs__item.tab-item--gray {
  background: #F6F6FA;
}

.grid-tabs__item.tab-item--neutral .show-numbers-table {
  background: #fff;
  border-radius: 10px;
}

.grid-tabs__item.tab-item--neutral .show-numbers-table tr {
  background: #fff;
  border: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  margin-top: 8px;
  margin-bottom: 8px;
}

.grid-tabs__item-footer {
  background: #EFF0FF;
  border-radius: 0 0 12px 12px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.grid-tabs__item-footer .btn {
  margin: 0;
}

.grid-tabs__item-head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}

.grid-tabs__item-head h2 {
  font-size: 21px;
  font-weight: 600;
}

.grid-tabs__item-head .btn {
  margin: 0;
}

.grid-tabs__item-body {
  padding-bottom: 16px;
}

.grid-tabs__item-body .dashboard__widget--body {
  height: calc(100% - 140px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 7px) 14px calc(50% - 7px);
  grid-template-columns: repeat(2, calc(50% - 7px));
  grid-gap: 14px;
}

.grid-tabs__item-body .dashboard__widget--body > div {
  background: white;
  border-radius: 8px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.grid-tabs__inner {
  width: 100%;
}

.grid-tabs__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid-tabs__info article {
  padding-left: 32px;
  width: 80%;
}

.grid-tabs__image {
  width: 200px;
  margin: 0;
}

.grid-tabs__image img {
  width: 100%;
}

/* list steps */
.list-steps {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-steps li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.list-steps li p {
  width: 80%;
  margin: 0;
  padding-left: 16px;
}

.list-steps li i {
  background: rgba(255, 255, 255, 0.1);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: normal;
}

.show-numbers-table {
  width: 100%;
}

.show-numbers-table.numbers-table--simple tr {
  background: transparent;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border: 0;
  margin: 0;
}

.show-numbers-table.numbers-table--bottom tr {
  margin-top: 4px;
  border: 0;
}

.show-numbers-table h3,
.show-numbers-table p {
  margin: 0;
}

.show-numbers-table.show-numbers--color2 tr {
  background: rgb(229, 196, 231);
}

.show-numbers-table tr {
  background: rgba(82, 105, 255, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
}

.show-numbers-table td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.show-numbers-table td:first-child {
  text-align: right;
  width: 100px;
}

.show-numbers-table td:nth-child(2) {
  padding-left: 32px;
  padding-right: 32px;
}

/* simple table */
.table--simple {
  width: 100%;
}

.table--simple th,
.table--simple td {
  padding: 10px 15px;
}

.table.table--armotizacion {
  max-width: 1000px;
  margin: 0 auto;
}

.table.table--100 {
  width: 100%;
  font-size: 14px;
}

.table.table--armotizacion th,
.table.table--armotizacion td {
  border-left: 1px solid #fff;
}

.table-section-overflow {
  max-height: 240px;
  overflow-y: auto;
  margin-bottom: 32px;
  margin-top: 8px;
  width: 100%;
}

.fixed-table-body .loading-wrap {
  background: #ebebeb;
  padding: 10px;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.fixed-table-body .loading-text {
  font-size: 16px !important;
  color: #313131;
}

.container--overflow-armotizacion {
  position: relative;
  padding-bottom: 32px;
  width: 100%;
}
.container--overflow-armotizacion .table-section-overflow {
  overflow-y: initial;
}

.container--overflow-armotizacion:after {
  content: "";
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(82, 104, 255, 0)), to(rgb(82, 104, 255)));
  background: linear-gradient(180deg, rgba(82, 104, 255, 0) 0%, rgb(82, 104, 255) 100%);
  height: 20px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.container--overflow-armotizacion.overflow--invest:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(82, 104, 255, 0)), to(rgb(158, 47, 171)));
  background: linear-gradient(180deg, rgba(82, 104, 255, 0) 0%, rgb(158, 47, 171) 100%);
}

div.container_inmediatas.creditos.confirma {
  height: auto !important;
  min-height: initial !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0;
  overflow-y: auto;
  max-height: 400px;
}

/* info column color */
.info-column.info-column--color {
  border-radius: 12px;
  background: #5268FF;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.info-column.info-column--color.color--2 {
  background: #9E2FAA;
}

.info-column.info-column--color *:not(figure) {
  z-index: 1;
  position: relative;
}

.info-column.info-column--color .grid-tabs__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.6;
}

/* credito section */
.new-col-9.col--nocredito {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.new-col-9.col--visible {
  overflow: visible !important;
}

/* credito blocks disponible */
.credito-blocks {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(40% - 18px) 136px calc(40% - 18px);
  grid-template-columns: calc(40% - 18px) calc(40% - 18px);
  grid-gap: 56px 136px;
  height: auto;
  overflow-y: auto;
  padding-bottom: 24px;
  padding-top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.credito-blocks__item {
  border-radius: 12px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0));
}

.credito-blocks__item:hover {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0));
}

.credito-blocks__item .show-numbers-table.numbers-table--simple tr {
  margin: 0;
}

.credito-blocks__item .show-numbers-table.numbers-table--bottom tr {
  width: 100%;
}

.credito-blocks__item .show-numbers-table.numbers-table--bottom tr td {
  text-align: center;
  width: 100%;
}

.credito-blocks__item .show-numbers-table.numbers-table--simple td {
  padding-top: 0;
  padding-bottom: 0;
}

.credito-blocks__item .show-numbers-table.numbers-table--simple td {
  padding-left: 8px;
  padding-right: 8px;
}

.credito-blocks__item .show-numbers-table.numbers-table--simple td,
.credito-blocks__item .show-numbers-table.numbers-table--simple td * {
  font-size: 14px;
}

.credito-blocks__item .show-numbers-table.numbers-table--bottom td {
  font-size: 14px;
  color: #6a6a6a;
}

.credito-blocks__item .invest__qualification--body {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}

.credito-blocks__item .invest__qualification--body p {
  margin: 0;
  font-size: 14px;
}

.section-height-vh {
  position: relative;
  width: 100%;
}

.qualification__text {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #E7E7F2;
}

.qualification__text p {
  margin-bottom: 8px !important;
}

.qualification__text p span {
  width: 50px;
  margin-right: 8px;
  display: inline-block;
}

.qualification__text p:last-child {
  margin-bottom: 0 !important;
}

.invest__qualification--body p.qualification-max {
  margin-bottom: 8px;
}

.credito-enabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 400;
}

.credito-enabled strong {
  font-size: 16px;
}

/* diseñar credito */
.new-col-9.body_form_personalizado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.new-col-9.body_form_personalizado .invest-table__total {
  position: inherit !important;
}

.invest-step .tooltip_corro {
  margin: 0;
}

.invest-step__line-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.invest-step__line-text p {
  margin: 0;
  padding-right: 8px;
  line-height: 24px;
}

.invest-step__line-text .tooltip_corro {
  font-weight: 500;
}

.invest-step__line-text .tooltip_corro .invest-step__text {
  color: rgb(var(--qlubBlue));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.invest-step__line-text .tooltip_corro .invest-step__text i {
  color: rgb(var(--qlubBlue));
  font-size: 1.6rem;
  margin-left: 8px;
}

.invest-step .invest-step__line-text {
  margin-top: 16px;
}

/* confirmación tabla */
.contentainer-info-postura.corro-credito,
.contentainer-info-postura.new_style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 16px;
}

.contentainer-info-postura.corro-credito table td,
.contentainer-info-postura.new_style table td {
  padding: 0 15px;
}

.contentainer-info-postura.corro-credito table td .info,
.contentainer-info-postura.new_style table td .info {
  font-weight: 600;
}

.contentainer-info-postura.corro-credito hr,
.contentainer-info-postura.new_style hr {
  margin-top: 16px;
}

.contentainer-info-postura.new_style .tagMonto {
  background: rgba(255, 255, 255, 0.2);
}

.tagMonto {
  text-align: left;
}

hr {
  width: 100%;
}

hr.hr--white {
  border-color: #AEAEAE;
}

.data-widget__footer.content_inversion-detalle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: initial;
  -ms-flex-line-pack: initial;
      align-content: initial;
}

.data-widget__footer.content_inversion-detalle .chiquitas.inversionista {
  width: 100%;
}

.data-widget__footer.acreditado-personalizado.inversiones_personalizado,
.data-widget__footer.credito_inmediato.inver_inmediata,
.data-widget__footer.acreditado-personalizado {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-confirmation-footer > div .data-widget__footer.content_inversion-detalle > div,
.data-widget__footer.acreditado-personalizado > div,
.data-widget__footer.credito_inmediato.inver_inmediata > div,
.data-widget__footer.acreditado-personalizado.inversiones_personalizado > div {
  width: 100%;
}

.section-confirmation-footer__button {
  margin-top: 32px;
}

.data-widget__footer .btn {
  margin: 0 16px;
}

/* success icon */
.success-icon-center {
  width: 100%;
  max-width: 240px;
  margin: 16px 0;
}

.special-tab--body {
  height: calc(100vh - 215px);
}

.special-container-tabs {
  height: 100%;
}

.special-container-tabs div.new-col-9 {
  height: 100% !important;
}

.special-container-tabs div.new-col-9 #submit-credit-form {
  margin-bottom: 0;
}

.invest__qualification-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 400px;
}

.invest__qualification-inner .number-widget {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
  margin-right: 16px;
  margin-top: 0;
  /*max-width: 260px;*/
}

.invest__qualification-inner-small {
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  width: 80px;
  letter-spacing: -0.5px;
}

/* tab info */
.tab-option-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

.tab-option-info:last-child {
  margin-bottom: 0;
}

.tab-option-info p {
  margin: 0;
}

.copy-text-button {
  color: #9182ea;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
}

.copy-text-button:hover {
  opacity: 0.8;
}

.copy-text-button span {
  font-size: 24px;
}

.tab-option-info .alert {
  position: absolute;
  bottom: -17px;
  left: 0;
}

/* invest */
.invest__qualification {
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.invest__qualification:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}

.invest__module.invest--section .number-widget {
  padding: 6px 8px;
}

/* finanzas personales */
.finanzas_personales.finanzas--layout-grid {
  position: relative;
  left: initial;
  height: auto;
  -webkit-transform: initial;
          transform: initial;
  background: #F6F6FA;
  border-radius: 12px;
  margin-top: 32px;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.finanzas_personales.finanzas--layout-grid .data-widget__exchange {
  height: auto;
  margin: 0;
}

.finanzas_personales.finanzas--layout-grid .widget--track-process.transaccion-qluub {
  position: relative;
  bottom: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.finanzas_personales.finanzas--layout-grid .widget--track-process.transaccion-qluub .btn {
  margin: 0;
}

.gral_dashboard_empleados,
.gral_dashboard {
  max-width: 100%;
}

.exchange-add {
  max-width: 100px;
}

.exchange-add .widget--add-account {
  padding: 10px 0;
}

.delete--account {
  position: absolute;
  top: 10px;
  right: 20px;
}

/* transactions */
body div.data-widget__exchange.transaction--layout {
  max-width: 1200px;
  margin: 0 auto !important;
}

.widget--track-process.qluub-inter {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.widget--track-process.qluub-inter .new-button.qluub-inter {
  width: auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

.custom-input.money-custom-input.qluub-inter {
  width: 100%;
}

.widget--track-process.qluub-inter.transaccion-qluub input[type=submit].next--arrow {
  height: 40px;
  background: rgb(var(--qluubInter)) url(../../images/icons/arrow-right.svg);
  background-size: 20px;
  background-position: 90% center;
  background-repeat: no-repeat;
}

.new-button.qluub-inter.next--go {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-button.qluub-inter.next--go span {
  font-size: 21px;
}

.exchange--checkbox__check-wrap .icon.icon-new-edit-icon:before {
  color: rgb(var(--qluubInter));
}

.exchange--checkbox-module.exchange--data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
}

.exchange--checkbox-module.exchange--data > div {
  width: 100%;
}

.exchange--checkbox-module.exchange--data .exchange--checkbox__check-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* tippy */
.tippy-box[data-placement=bottom] .tippy-arrow:before {
  border-right-color: transparent;
}

.tippy-box[data-placement=bottom] .tippy-arrow {
  color: var(--softGrey4);
}

/* final transaction */
.transferencia_final .btn_tablero_confirm_credito_imediato.btn_transaccion_final {
  position: relative;
  right: initial !important;
  bottom: initial !important;
}

.transferencia_final .data-widget__footer.acreditado-personalizado.inversiones_personalizado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0;
  -ms-flex-line-pack: start;
      align-content: start;
  margin: 32px 0 0 0;
}

.transferencia_final .data-widget.transparent {
  width: 100%;
  max-width: 100%;
  padding: 100px 80px;
}

.transferencia__figure {
  position: absolute;
  right: 30px;
  bottom: 10%;
  margin: 0;
  width: 300px;
}

.transferencia__figure img {
  width: 100%;
}

/* click button */
.click-button {
  cursor: pointer;
}

/* contacto */
body .page .container-fluid.special-tab.container-informacion {
  width: 100%;
  overflow-x: hidden;
}

body .page .container-fluid.special-tab.container-informacion.contacto--tabs[data-type=special-tabs] {
  padding: 24px;
  background: rgb(250, 250, 250);
}

/* block content info */
section.block-content-info {
  width: 100%;
  margin-bottom: 32px;
}

.block-content-info h4 {
  margin-bottom: 32px;
}

.content-row {
  width: 100%;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content-row:last-child {
  border-bottom: 0;
}

.content-row article {
  padding: 24px;
  width: 40%;
}

.content-row aside {
  background: #F6F6FA;
  border-radius: 10px;
  padding: 10px;
  width: 60%;
}

.content-row#step3 {
  margin-bottom: 120px;
}

.content-row.row--special aside {
  background: transparent;
  padding: 0;
  width: 40%;
}

.content-row.row--special article {
  width: 60%;
  padding-left: 40px;
}

.content-row aside img {
  width: 100%;
}

.content-row aside.aside--card {
  position: relative;
  height: 500px;
}

.content-row aside.aside--card img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.content-row aside.aside--card.card--single img {
  left: 50%;
  max-width: 770px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
}

.content-row .aside--card__article {
  padding-left: 60px;
}

.content-row.row--single article {
  background: #F6F6FA;
  border-radius: 10px;
  padding: 60px 32px;
  width: 100%;
  text-align: center;
}

.content-row.row--single .line-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-row > section {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
  padding: 40px 0;
}

.content-double-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-double-row__box {
  border-radius: 10px;
  padding: 32px;
  width: 100%;
  max-width: 500px;
  margin: 0 24px;
  background: rgba(82, 104, 255, 0.05);
  position: relative;
}

.content-double-row__box.box--100 {
  max-width: 100%;
  margin: 0;
  height: 100%;
}

.content-double-row__box.box--color1 {
  background: rgba(158, 47, 170, 0.05);
}

.content-double-row__box.box--color1 .material-symbols-outlined {
  color: #9E2FAA;
}

.content-double-row__box.box--color2 h3 {
  color: #9182EA;
}

.content-double-row__box.box--color2 .material-symbols-outlined {
  color: #9182EA;
}

.content-double-row__box .material-symbols-outlined {
  color: rgb(var(--qlubBlue));
  font-size: 40px;
  margin-right: 24px;
}

.content-double-row__box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.content-double-row__box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 24px;
}

.content-double-row__box ul li p {
  width: 90%;
}

.content-double-row__box ul li h3 {
  padding-left: 60px;
}

.content-double-row__box ul li:last-child {
  margin-bottom: 0;
}

.box__logo {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100px;
}

.box__logo-relative {
  width: 130px;
}

/* line button */
.line-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 32px;
}

.line-button > a {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 16px;
}

.line-button > a:last-child {
  margin-right: 0;
}

/* stepper nav */
.stepper-nav {
  width: 100%;
  margin-bottom: 8px;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 2;
}

.stepper-nav ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
  padding: 0;
  background: #fff;
  list-style: none;
  width: auto;
  padding: 10px !important;
  border-radius: 10px;
}

.stepper-nav ul li {
  margin-left: 16px;
}

.stepper-nav ul li:first-child {
  margin-left: 0;
}

.stepper-nav ul li a {
  font-size: 14px;
  color: #9182EA;
  text-decoration: none;
  opacity: 0.8;
}

.stepper-nav ul li a:hover,
.stepper-nav ul li a.active {
  opacity: 1;
  font-weight: bold;
}

/* invest */
.invest-wrapper-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.invest-wrapper-section .invest-step__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.invest-wrapper__label {
  width: 70px;
  padding-top: 34px;
}

.invest-wrapper__label p {
  margin-top: 0;
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 14px;
}

.invest__module.invest--section .custom-checkbox span {
  border-color: var(--vividViolet);
  color: var(--vividViolet);
}

.data-widget.widget--purple {
  background: #9182EA !important;
}

/* mi dinero */
form.form_pasos.mi-dinero-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mi-dinero-section .finanzas_personales.finanzas--layout-grid {
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

#form_realiza_transferencia {
  width: 100%;
}

.page .gral_container .container-fluid.special-tab {
  background: transparent;
  padding: 0;
  padding-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

/* contratos */
a.regresar_btn {
  margin-bottom: 16px;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9182EA;
}

a.regresar_btn:hover {
  color: #7263CA;
}

a.regresar_btn .icon {
  margin-right: 4px;
}

a.regresar_btn.regresar--purple {
  color: #9182EA;
}

a.regresar_btn.regresar--purple:hover {
  color: #7263CA;
}

/* facruracion */
.special-tab--header-child.active[data-target=billet] .icon-new-icon-billing:before {
  color: #9182ea !important;
}

.data-widget.data-widget__track.content-transferencia {
  background: var(--softGrey) !important;
}

.widget--track-process.qluub-inter.transaccion-qluub .regresar_btn {
  margin-bottom: 0;
}

/* icon text */
.icon-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-text i,
.icon-text .material-symbols-outlined {
  margin-right: 16px;
}

/* credit info */
.credit-info .text-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--softGrey4);
}

.credit-info .text-icon .material-symbols-outlined {
  font-size: 21px;
  margin-right: 2px;
}

/* línea de crédito */
#container1.card--items-credit {
  padding: 60px 0 40px 0;
}

.container2.cards-elements > div,
.container2.cards-elements > div.active {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin: -20px -30px;
}

.container2.cards-elements .l-credito {
  font-size: 38px !important;
}

/* no data */
.no--data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.empty-block {
  background: rgba(82, 105, 255, 0.105);
  border-radius: 10px;
  text-align: center;
  width: 100%;
  max-width: 500px;
  padding: 32px;
}

.empty-block h3 {
  font-weight: 500;
  margin-bottom: 24px;
}

.empty-block .material-symbols-outlined {
  font-size: 40px;
  color: rgb(var(--qlubBlue));
}

.empty-block .btn {
  margin: 0;
}

.new-col-9.col--visible.col--nocredito form {
  height: 100%;
}

/* host */
.select_englobar.bloque-dominio.bloque-domino-duplicado {
  position: relative;
}

.select_englobar.bloque-dominio.bloque-domino-duplicado .icon {
  position: absolute;
  top: 0;
  right: 0;
}

#form_datos_host .select_englobar.bloque-dominio,
#form_datos_host_b .select_englobar.bloque-dominio {
  margin-bottom: 30px !important;
}

.select_englobar.bloque-dominio.bloque-domino-duplicado input {
  padding: 10px 15px;
}

body .cuestionario--top {
  padding-top: 0 !important;
}

.h3.stepper-title {
  margin-bottom: 0;
}

body .nav-link {
  background: #DED8FF !important;
}

body .nav.nav-pills .nav-link.active {
  background: #9182EA !important;
  color: #fff !important;
  font-weight: 500;
}

body .nav-link:not(.active) {
  color: #9182EA !important;
}

body .nav.nav-pills[role=tablist] {
  background: #DED8FF !important;
  border-radius: 30px;
}

body .nav.nav-pills {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body .nav.nav-pills[role=tablist] .nav-link {
  border-radius: 30px;
  min-width: 120px;
  font-size: 14px;
}

body #table label.contratos svg path {
  fill: #9182EA !important;
}

body #table label[style="color:#5268FF"] {
  color: #9182EA !important;
}

body #table .card .icon-download-new {
  color: #9182EA !important;
}

body .datos_empleados .grid-botones {
  right: inherit;
}

body .btn-anterior-formempleado::before {
  content: "\e922";
  font-family: "kapital4u" !important;
  color: #AEAEAE;
  position: relative;
  top: 2px;
}

/* responsive height */
.gral_container.content_container.special-invest.corro .special-tab {
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
  overflow-x: hidden;
}

/* Estilos personalizados para la barra de desplazamiento */
::-webkit-scrollbar {
  -webkit-appearance: none !important;
  width: 7px !important; /* Ajusta el ancho deseado */
}

::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
  background: #797272 !important;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #9182EA !important;
}

.data-widget.transparent.height-100 {
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
}

/* host */
body .page.host .container {
  width: 100%;
}

body .page.host .container .select_tarea.host_container_task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .page.host .container .select_tarea.host_container_task .container_host-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

body .page.alta_host .widget--track-process {
  -ms-grid-columns: calc(100% - 245px) 30px 30px 155px;
  grid-template-columns: calc(100% - 245px) 30px 30px 155px;
}

body .edicion_empleado .activo:-moz-read-only {
  background: #F6F6FA !important;
}

body .edicion_empleado .activo:read-only,
body .currentInput input[readonly=readonly] {
  background: #F6F6FA !important;
}

body #form_datos_empleados .customSelect .customSelect-label {
  border-radius: 6px;
}

body .titulo_bloque_formulario img {
  width: 24px;
}

.div-buttons {
  gap: 16px;
}

.div-buttons .btn-anterior-formempleado.mt-3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0 !important;
}

.eachL.active .file-icon {
  display: none;
}

.eachL.active .success-icon {
  display: block !important;
  width: 30px;
  margin: 0 auto;
}

[data-type=listado_errores] label {
  border-radius: 5px;
}

/* contratos */
body .page.mis_contratos .gral_container {
  overflow-y: auto;
}

/* accordion */
.accordion-item {
  width: 100%;
  margin-bottom: 24px;
}

.accordion-item:last-child {
  margin-bottom: 0;
}

.accordion-item__header {
  background: rgba(255, 255, 255, 0.4);
  font-size: 18px;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  padding: 0 10px;
  cursor: pointer;
  color: #fff;
}

.accordion-item__header.active span {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-item__header span {
  font-size: 32px;
}

.accordion-item__header p {
  margin: 0;
}

.accordion-item__body {
  display: none;
  width: 100%;
}

.accordion-item__body table {
  width: 100%;
}

/* New invest dashboard */
.card-carousel__item {
  background: #fff;
  border-radius: 15px;
  padding: 24px;
  width: 320px;
}

.card-carousel__item--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-row {
  width: 100%;
  margin-bottom: 16px;
}

.card-row:last-child {
  margin-bottom: 0;
}

.card-row p {
  margin-bottom: 4px;
  margin-top: 0;
}

.js-card-carousel {
  width: 100%;
  margin-bottom: 16px;
}

.js-card-carousel .slick-slide {
  padding: 0 16px;
  opacity: 0.8;
  -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0));
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.js-card-carousel .slick-slide.slick-center {
  opacity: 1;
  -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
}

.js-card-carousel .slick-track {
  padding-bottom: 32px;
}

.js-card-carousel .slick-dots {
  position: absolute;
  bottom: -8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}

.js-card-carousel .slick-dots li {
  margin: 0 4px;
}

.js-card-carousel .slick-dots li button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}

.js-card-carousel .slick-dots li button:before {
  display: none;
}

.js-card-carousel .slick-dots li.slick-active button {
  background: #fff;
}

.grid-tabs__item.tab--carousel {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.grid-tabs__item.tab--carousel .grid-tabs__item-head {
  padding-left: 30px;
  padding-right: 30px;
}

.grid-tabs__item.tab-item--transparent {
  padding: 0;
  background: transparent;
}

.grid-tab__table {
  width: 100%;
}

.grid-tab__table-item {
  background: #E7E7F2;
  border-radius: 10px;
  position: relative;
  padding: 16px 32px;
  margin-bottom: 16px;
}

.grid-tab__table-item:last-child {
  margin-bottom: 0;
}

.grid-tab__table-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  border-radius: 10px 0px 0px 10px;
  background: #9E2FAA;
}

.grid-tab__table-item.item--credito:before {
  background: #5268FF;
}

.grid-tab__table-item table {
  width: 100%;
}

.grid-tab__table-item table td {
  text-align: left;
}

.grid-tab__table-item table p {
  margin: 0;
}

.grid-tab__table-item table a {
  margin: 0;
}

.grid-tab__table-item table td:last-child {
  width: 120px;
}

.badge {
  border-radius: 20px;
  background: #E7E7F2;
  padding: 0 8px;
}

.badge.badge--violet {
  background: #9E2FAA;
  color: #fff;
}

/* digital card */
.digital-card {
  height: 280px;
  max-width: 100%;
  width: 470px;
  position: relative;
  margin: 0 auto 24px auto;
  top: 10px;
}

.digital-card.flipped .digital-card__front {
  position: absolute;
  opacity: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.digital-card.flipped .digital-card__back {
  position: relative;
  opacity: 1;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.digital-card__front {
  background: url(../images/global/card-back.jpg) center no-repeat;
  background-size: 110%;
  position: relative;
  border-radius: 22px;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.15));
  z-index: 1;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  top: 0;
  left: 0;
}

.digital-card__back {
  background: #9182EA;
  border-radius: 22px;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.15));
  position: absolute;
  opacity: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  top: 0;
  left: 0;
}

.digital-card__back .digital-card__logo {
  right: initial;
  left: 24px;
  top: 24px;
  width: 140px;
}

.digital-card__logo {
  width: 140px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.digital-card .btn-flip {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 2;
}

.digital-card__info {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 100%;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.digital-card__info-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.digital-card__info-item p {
  margin: 0 0 4px 0;
}

.digital-card__info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(124, 109, 211, 0.5);
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.digital-card__info-row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.btn-flip {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #9182EA;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.btn-flip.active {
  color: #9182EA;
  background: #fff;
}

.btn-flip.active:hover {
  background: #F6F6FA;
}

.btn-flip:hover {
  background: #7f70d6;
}

/* digital card */
.digital-card__data {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.digital-data-row {
  width: 100%;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.digital-data-row:last-child {
  margin-bottom: 0;
}

.digital-data-copy {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}

.digital-data-copy + .digital-data-copy {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.digital-data-copy + .digital-data-copy .alert {
  left: initial;
  right: 0;
}

.digital-data-copy p {
  margin: 0;
}

.digital-data-copy button {
  margin-left: 16px;
}

.digital-data-copy .alert {
  position: absolute;
  bottom: -21px;
  left: 0;
}

.gral_container.content_container.corro_creditos .container.special-tab {
  overflow-y: auto;
  overflow-x: hidden;
}

/* short content */
.short-content > div {
  max-width: 500px;
  margin: 0 auto;
}

.content-row.center--row {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.content-row.center--row > div {
  width: 17%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
}

.card-item-icon {
  text-align: center;
  width: 140px;
}

.card-item-icon figure {
  background: rgba(146, 130, 234, 0.2);
  color: #9182EA;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-item-icon figure span {
  font-size: 60px;
}

.card-item-icon p {
  text-align: center;
  font-weight: 500;
}

.content-middle-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 60px 0;
  border-radius: 10px;
  background: rgba(146, 130, 234, 0.1);
  margin-bottom: 40px;
}

.content-middle-row aside,
.content-middle-row article {
  width: 50%;
}

.content-middle-row aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-middle-row aside img {
  width: 100%;
  max-width: 400px;
}

.content-middle-row article > div {
  width: 100%;
  max-width: 500px;
}

.list-index-number {
  padding: 0;
  list-style: none;
  margin: 24px 0 0 0;
  width: 100%;
}

.list-index-number li {
  width: 100%;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-index-number li:last-child {
  margin-bottom: 0;
}

.list-index-number li i {
  width: 43px;
  height: 43px;
  background: #9182EA;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: initial;
}

.list-index-number li p {
  width: 90%;
  padding-left: 32px;
}

/* dropdown */
body .customSelect span.customSelect-options {
  border-radius: 10px;
  background: #F6F6FA;
  -webkit-box-shadow: 0px 15px 14px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 15px 14px 0px rgba(0, 0, 0, 0.13);
}

body .customSelect span.customSelect-options > label {
  background: #F6F6FA;
  color: #797272;
}

body .customSelect span.customSelect-options > label.selected {
  background: #E7E7F2 !important;
  color: #2f2f2f;
}

body .customSelect span.customSelect-options > label:hover {
  background: #9182EA !important;
  color: #fff;
}

/* header top nav */
.header-top-nav.nav--param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-top-nav.nav--param > ul {
  background: #E7E7F2;
  border-radius: 20px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-top-nav.nav--param > ul > li {
  top: 0;
  padding-bottom: 0;
  margin: 0;
}

.header-top-nav.nav--param > ul > li > a {
  color: #9182EA;
  padding: 10px 16px;
  border-radius: 30px;
  display: block;
}

.header-top-nav.nav--param > ul > li > a.active {
  color: #7263CA;
  background: #D8DDFF;
}

.header-top-nav > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-top-nav > ul > li {
  margin: 0 16px;
  position: relative;
  padding-bottom: 16px;
  top: 16px;
}

.header-top-nav > ul > li > a {
  color: #797272;
  font-size: 14px;
  text-decoration: none;
}

.header-top-nav > ul > li > a:hover {
  color: #000;
}

.header-top-nav > ul > li > a.active {
  color: #9182EA;
}

.header-top-nav > ul > li > a.header-top-nav__credito:hover,
.header-top-nav > ul > li > a.header-top-nav__credito.active {
  color: #5268FF;
}

.header-top-nav > ul > li > a.header-top-nav__inversion:hover,
.header-top-nav > ul > li > a.header-top-nav__inversion.active {
  color: #9E2FAA;
}

.header-top-nav > ul > li ol {
  position: absolute;
  top: 30px;
  left: -30px;
  border-radius: 5px;
  background: #F6F6FA;
  -webkit-box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, 0.15);
  list-style: none;
  padding: 0;
  margin: 0;
  width: 220px;
  overflow: hidden;
}

.header-top-nav > ul > li.header-top-nav__dropdown > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
}

.header-top-nav > ul > li.header-top-nav__dropdown > a span {
  margin-left: 4px;
  position: relative;
  top: -2px;
  font-size: 21px;
  text-decoration: none;
}

.header-top-nav > ul > li.header-top-nav__dropdown:hover > a {
  color: #9182EA;
}

.header-top-nav > ul > li ol li {
  width: 100%;
  border-bottom: 1px solid rgba(174, 174, 174, 0.2);
}

.header-top-nav > ul > li ol li a {
  color: #797272;
  font-size: 13px;
  padding: 8px 15px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}

.header-top-nav > ul > li ol li a:hover {
  background: #E7E7F2;
}

/* loader */
#logo-outline {
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#logo-outline svg {
  width: 100%;
  height: auto;
}

/* simple loader*/
.loader__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

@-webkit-keyframes shadowPulse {
  33% {
    background: #AEAEAE;
    -webkit-box-shadow: -24px 0 #9182EA, 24px 0 #AEAEAE;
            box-shadow: -24px 0 #9182EA, 24px 0 #AEAEAE;
  }
  66% {
    background: #9182EA;
    -webkit-box-shadow: -24px 0 #AEAEAE, 24px 0 #AEAEAE;
            box-shadow: -24px 0 #AEAEAE, 24px 0 #AEAEAE;
  }
  100% {
    background: #AEAEAE;
    -webkit-box-shadow: -24px 0 #AEAEAE, 24px 0 #9182EA;
            box-shadow: -24px 0 #AEAEAE, 24px 0 #9182EA;
  }
}

@keyframes shadowPulse {
  33% {
    background: #AEAEAE;
    -webkit-box-shadow: -24px 0 #9182EA, 24px 0 #AEAEAE;
            box-shadow: -24px 0 #9182EA, 24px 0 #AEAEAE;
  }
  66% {
    background: #9182EA;
    -webkit-box-shadow: -24px 0 #AEAEAE, 24px 0 #AEAEAE;
            box-shadow: -24px 0 #AEAEAE, 24px 0 #AEAEAE;
  }
  100% {
    background: #AEAEAE;
    -webkit-box-shadow: -24px 0 #AEAEAE, 24px 0 #9182EA;
            box-shadow: -24px 0 #AEAEAE, 24px 0 #9182EA;
  }
}
/* drag and drop */
.drag {
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  background: #E7E7F2;
  position: relative;
}

.drag:before {
  content: "";
  position: absolute;
  width: 97%;
  height: 91%;
  border: 1px dotted #9182EA;
  z-index: 1;
  pointer-events: none;
  border-radius: 15px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.drag.dragover {
  background: #DED8FF;
  cursor: -webkit-grab;
  cursor: grab;
}

.drag.dragover:before {
  display: none;
}

/* ACCORDION TABLE */
.accordion-table {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 24px;
}

.accordion-table article {
  padding: 8px;
}

.accordion-table article table {
  width: 100%;
  border-collapse: collapse;
  color: #797272;
  font-size: 12px;
}

.accordion-table article table th:first-child,
.accordion-table article table td:first-child {
  border-right: 1px solid #AEAEAE;
  text-align: right;
}

.accordion-table article table strong {
  color: #000;
}

.accordion-table article table td:first-child {
  color: #000;
}

.accordion-table article table th {
  font-weight: 400;
  text-align: left;
}

.accordion-table article table td {
  text-align: left;
}

.accordion-table article table th,
.accordion-table article table td {
  padding: 8px;
  letter-spacing: -0.5px;
}

.accordion-table__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
}

.accordion-table__button.active {
  border-bottom: 1px solid #AEAEAE;
}

.accordion-table__button.active span {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.accordion-table__button p {
  color: #000 !important;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.accordion-table__button span {
  color: #797272 !important;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body .row.datos_uno.datos_step_dos.otros_ingresos {
  margin-bottom: 30px !important;
}

/* simple main*/
.simple-main {
  width: 100%;
}

.simple-main .container {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
  position: relative;
}

.simple-main .container .row {
  height: auto;
  position: relative;
}

.simple-main__img {
  width: 100%;
  max-width: 150px;
  margin-bottom: 32px;
}

.simple-main h1 {
  margin-bottom: 32px;
}

.simple-main p:last-child {
  margin-bottom: 0;
}

.simple-main__logo {
  position: absolute;
  top: 32px;
  left: 15px;
  width: 120px;
}

/* landing layout */
.landing-layout {
  width: 100%;
  padding-top: 60px;
  overflow-y: auto;
  height: 100%;
}

div.grid-card-options {
  width: 100%;
  margin-top: 20px;
}

.card-option {
  border-radius: 10px;
  padding-top: 70px;
  padding-bottom: 80px;
  position: relative;
  background: #F6F6FA;
  height: 100%;
}

.card-option article {
  padding: 0 15px;
}

.card-option .btn {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-option__footer {
  width: 100%;
  padding: 0 15px;
  margin-top: 24px;
  position: absolute;
  bottom: 24px;
  left: 0;
}

.card-option article h3 {
  margin-bottom: 16px;
}

.card-option .btn {
  max-width: 200px;
}

.card-option.card--color1 {
  background: #5268FF;
}

.card-option.card--color2 {
  background: #9E2FAA;
}

.card-option.card--color3 {
  background: #58B8F8;
}

.card-option.card--color4 {
  background: #9182EA;
}

.card-option.card--color5 {
  background: #DE6DC9;
}

.card-option.card--color6 figure {
  padding: 20px;
  -webkit-filter: initial;
          filter: initial;
  background: #DED8FF;
}

.card-option.card--color6 {
  padding-bottom: 32px;
}

.card-option.card--color6 figure img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.card-option figure {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  -webkit-filter: drop-shadow(0px 14px 14px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 14px 14px rgba(0, 0, 0, 0.25));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* bottom infon */
div.bottom-info {
  width: 100%;
  margin-top: 24px;
  padding: 0 80px;
}

.bottom-info__content {
  border-radius: 10px;
  background-color: #F6F6FA;
  padding: 60px 40px;
  display: inline-block;
  width: 100%;
  position: relative;
}

.bottom-info__image {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  max-width: 220px;
}

.container-cuestionarios .text-black-50 {
  color: #000 !important;
  font-size: 12px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.container-cuestionarios .form-select {
  font-size: 14px;
  border-color: #AEAEAE;
  border-radius: 4px;
}

.form_pasos .float {
  position: relative;
}

/* SWAL*/
.box-tour.swal2-modal {
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
}

.box-head {
  padding-top: 32px;
}

.box-head .material-symbols-outlined {
  font-size: 64px;
  color: #9182EA;
  margin-bottom: 15px;
  display: block;
}

.box-body {
  width: 100%;
  max-width: 600px;
  margin: 24px auto 0 auto;
}

.box-tour .swal2-actions {
  padding-bottom: 32px;
}

.box-tour .swal2-actions .btn {
  margin: 0 10px;
}

.box-tour .swal2-actions .swal2-cancel {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.box-tour .swal2-actions .swal2-confirm {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

body div:where(.swal2-container).swal2-center > .swal2-popup {
  border-radius: 10px;
}

body div:where(.swal2-container).swal2-center > .swal2-popup .swal2-confirm,
body div:where(.swal2-container).swal2-center > .swal2-popup .swal2-cancel {
  border-radius: 20px;
  font-family: "Inter", sans-serif;
}

body div:where(.swal2-container) h2:where(.swal2-title) {
  font-family: "Inter", sans-serif;
  color: #000;
}

div:where(.swal2-container).swal2-center > .swal2-popup .swal2-cancel {
  color: #9182EA;
  background: transparent !important;
  border: 1px solid #9182EA;
}

div:where(.swal2-container).swal2-center > .swal2-popup .swal2-input {
  border: 1px solid #AEAEAE;
  height: 40px;
  border-radius: 10px;
  color: #000;
}

div:where(.swal2-container).swal2-center > .swal2-popup input[type=text]:focus,
div:where(.swal2-container).swal2-center > .swal2-popup input[type=password]:focus,
div:where(.swal2-container).swal2-center > .swal2-popup input[type=email]:focus,
div:where(.swal2-container).swal2-center > .swal2-popup textarea:focus {
  border: 1px solid #9182ea;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(145, 130, 234, 0.3);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(145, 130, 234, 0.3);
}

/* driver js*/
body .driver-popover {
  max-width: 500px;
  width: 100%;
}

body .driver-popover p,
body .driver-popover ul,
body .driver-popover ol,
body .driver-popover li {
  font-family: "Inter", sans-serif;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 0;
  font-family: "Inter", sans-serif;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns a {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  height: 40px;
  margin-left: 10px;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns a.btn--outline {
  height: 40px;
  margin-left: 10px;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns button {
  height: 40px;
  font-size: 14px;
  border-radius: 50px;
  text-shadow: initial !important;
  margin: 0 10px;
  padding: 0 24px;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns .driver-popover-prev-btn {
  border: 2px solid #9182EA;
  color: #9182EA;
  background: transparent;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn:hover {
  background: #7263CA;
  color: #7263CA;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn {
  background: #9182EA;
  color: #fff;
  border: 0;
}

.driver-popover .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn:hover {
  background: #7263CA;
  color: #fff;
}

.driver-popover .driver-popover-footer .driver-out {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 999;
  border: 0;
  font-weight: 600;
  text-decoration: underline;
  padding: 0 !important;
  font-size: 12px !important;
  color: #797272;
}

.driver-popover .driver-popover-footer .driver-out:hover {
  background: transparent;
  opacity: 0.7;
}

/* disable all */
.disable-all,
.disable-all * {
  pointer-events: none !important;
  cursor: default !important;
}

.tagMonto {
  padding: 4px 16px;
  text-align: center;
}

.tagMonto .monto-texto {
  font-size: 21px;
}

/*  btn scroll */
.btn-scroll {
  background: transparent;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  padding: 24px 0;
  cursor: pointer;
  -webkit-animation: bounceDown 3s infinite;
          animation: bounceDown 3s infinite;
  color: #797272;
}

.btn-scroll:hover {
  color: #9182EA;
}

.btn-scroll span:not(.material-symbols-outlined) {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

@-webkit-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
/* carousel cards */
.js-carousel-cards {
  width: 100%;
  margin-top: 24px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.js-carousel-cards .slick-list {
  padding-top: 60px;
}

.js-carousel-cards .card-option {
  height: 340px;
}

.js-carousel-cards .slick-slide {
  padding: 0 15px;
}

.js-carousel-cards .slick-arrow {
  position: absolute;
  top: 57%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  background: transparent;
  border: 0;
  color: #9182EA;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.js-carousel-cards .slick-arrow:hover {
  color: #7263CA;
}

.js-carousel-cards .slick-arrow:before {
  display: none;
}

.js-carousel-cards .slick-arrow span {
  font-size: 32px;
}

.js-carousel-cards .slick-arrow.slick-prev {
  left: 10px;
}

.js-carousel-cards .slick-arrow.slick-next {
  right: 10px;
}

/* faq box */
.faq-box {
  border-radius: 10px;
  background: rgba(222, 216, 255, 0.2);
  padding: 40px;
  position: relative;
  margin-top: 60px;
}

.faq-box img {
  position: absolute;
  right: 40px;
  bottom: 40px;
  width: 100%;
  max-width: 220px;
}

.accordion-box {
  width: 100%;
  margin-top: 40px;
  max-width: 700px;
}

.accordion-box__item {
  quotes: 100%;
  margin-bottom: 24px;
  border-bottom: 1px solid #AEAEAE;
}

.accordion-box__button {
  border: 0;
  background: transparent;
  width: 100%;
  padding: 0 0 24px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
  text-align: left;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.accordion-box__button span {
  font-size: 24px;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.accordion-box__button:hover {
  color: #9182EA;
}

.accordion-box__button.active {
  color: #9182EA;
}

.accordion-box__button.active span {
  -webkit-transform: rotate(136deg);
          transform: rotate(136deg);
}

.accordion-box__body {
  padding: 0 0 24px 0;
  display: none;
}

.accordion-box__body > *:last-child {
  margin-bottom: 0;
}

/* fix ui */
div.double-container__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}

div.double-container__action * {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 8px;
}

/* auto image */
.auto-image {
  width: 100%;
  height: 100%;
  margin: 0;
}

.auto-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.border-image {
  border-radius: 10px;
  overflow: hidden;
}

/* module */
.module {
  width: 100%;
  padding: 60px 0;
}

/* vertical row */
.vertical-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bottom-info__logo {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 100%;
  max-width: 130px;
}

.bottom-info__car {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  max-width: 500px;
}

/* ecommerce */
header .user-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .user-menu button {
  display: block;
  margin-right: 10px;
}

header .user-menu a {
  color: #9182EA;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  cursor: pointer;
}

header .user-menu a:hover {
  color: #7263CA;
}

.product-checks .lbRd .flCh {
  border-radius: 5px;
  cursor: pointer;
  border-color: #9182EA;
}

.product-col input {
  height: 40px;
}

.product-card-body {
  padding: 24px;
  background: #F6F6FA;
  border-radius: 10px;
}

.product-card-body__btn .btn {
  margin: 0 !important;
}

.product-card-body__price {
  margin-bottom: 24px;
}

/* modal */
.modal .modal-content {
  border-radius: 10px;
  border: 0;
}

.table.table--500 {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

.table.table--370 {
  max-width: 370px;
  width: 100%;
  margin: 0 auto;
}

.table.table--370 td {
  width: 50%;
}

.table td a {
  font-weight: 500;
  text-decoration: underline !important;
}

.table td a:hover {
  text-decoration: none !important;
}

.card-info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.bg-qluub-inter-gray {
  background: #F6F6FA;
}

.new-login-wrapper.new-login--text a {
  margin: 0;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
}

.new-login-wrapper.new-login--text a:hover {
  text-decoration: none;
}

.gral_container.register--warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.register--warp .new-login-wrapper,
.register--warp .new-login-wrapper.new-login--text {
  top: initial !important;
  position: relative;
  left: initial !important;
  -webkit-transform: initial !important;
          transform: initial !important;
}

/* side bar */
.gral_container_header__article {
  padding: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

/* hidden */
.hidden {
  display: none !important;
}

.single-box {
  background: #F6F6FA;
  border-radius: 10px;
  padding: 24px;
}

.check-block.form-check {
  border-radius: 8px;
  background: #F6F6FA;
  width: auto;
  max-width: 237px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 35px;
  padding-right: 24px;
}

/* basic main */
.basic-main {
  width: 100%;
  height: 100%;
}

/* cotizador */
.form-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}

.form-label .material-symbols-outlined {
  color: #9182EA;
  margin-left: 4px;
  font-size: 18px;
}

.check-block input::after {
  display: none !important;
}

.check-block .form-check-input {
  border-color: #9182EA;
  cursor: pointer;
}

.check-block .form-check-input:checked {
  background-color: #9182EA;
  border-color: #9182EA;
}

.check-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.check-double > * {
  margin-right: 8px;
}

.table-section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}

.table-section-head .customSelect {
  max-width: 300px;
}

.new-datatable td {
  border: 0;
  border-right: 1px solid #E0E0E0;
}

.new-datatable th {
  border: 0;
}

.new-datatable-container .pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-datatable-container .pagination li {
  margin: 0;
  line-height: initial;
  padding: 0;
}

.new-datatable-container .pagination li a {
  font-size: 14px;
}

.new-datatable-container {
  font-size: 14px;
}

.new-datatable-container .dataTables_length {
  margin-bottom: 16px;
}

/* logo qluub */
.logo-qluub {
  width: 100%;
  max-width: 140px;
  display: inline-block;
  position: relative;
  top: 10px;
}

.list-simple {
  list-style: disc !important;
  padding-left: 13px !important;
}

.list-simple li {
  margin-bottom: 8px;
}

.list-simple li:last-child {
  margin-bottom: 0;
}

/* TDU */
.box-tdu {
  background: #F6F6FA;
  padding: 24px 32px;
  border-radius: 10px;
  position: relative;
  height: 170px;
}

.box-tdu *:last-child {
  margin-bottom: 0;
}

.box-tdu.tdu--color2 {
  background: rgba(222, 216, 255, 0.4);
}

.box-tdu:not(.tdu--color2) {
  padding-left: 140px;
}

.box-tdu__img {
  position: absolute;
  left: -60px;
  width: 200px;
  top: -20px;
}

.step-init-buy.hidden {
  display: none !important;
}

.text-fix-regular * {
  display: inline-block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

body .form-control:focus {
  border-color: #9182ea;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(145, 130, 234, 0.3);
          box-shadow: 0 0 0 0.25rem rgba(145, 130, 234, 0.3);
}

body .form-select:focus {
  border-color: #9182ea;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(145, 130, 234, 0.3);
          box-shadow: 0 0 0 0.25rem rgba(145, 130, 234, 0.3);
}

.input-datepicker {
  width: 100%;
  position: relative;
}

.input-datepicker .material-symbols-outlined {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 1;
  font-size: 22px;
  color: #AEAEAE;
  pointer-events: none;
}

/* datepicker */
body div.ui-datepicker {
  background: #F6F6FA;
  border-radius: 10px;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background: #d0d0dc;
}

body .ui-datepicker .ui-datepicker-title {
  background: #d0d0dc;
}

body .ui-datepicker-title select {
  border: 0;
  background: transparent;
  color: #fff;
}

body .ui-datepicker .ui-datepicker-calendar thead span {
  color: #9182EA;
}

body .ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
  color: #797272;
}

body .ui-datepicker .ui-datepicker-calendar td:hover {
  background: #E7E7F2 !important;
}

body .ui-datepicker .ui-datepicker-calendar td a:hover {
  color: #9182EA;
}

.actions-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.actions-bottom > * {
  margin: 0 16px !important;
}

/* cards plan */
.card-plan {
  background: #F6F6FA;
  border-radius: 8px;
  text-align: center;
  position: relative;
}

.card-plan.active.selected {
  border-radius: 0 0 8px 8px;
}

.card-plan.selected:not(.active) .card-plan__label {
  background: #AEAEAE;
}

.card-plan.active {
  background: #9182EA;
  color: #fff;
}

.card-plan.active .text-price {
  color: #fff;
}

.card-plan.active .card-plan__body {
  background: #a296e6;
}

.card-plan.active .js-select-plan {
  background: #fff;
  border-color: #fff;
  color: rgb(var(--qluubInter));
}

.card-plan__header {
  padding: 24px 10px;
  min-height: 162px;
  width: 100%;
}

.card-plan__header p:not(.text-price) {
  margin: 0;
}

.card-plan__header p.text-price {
  margin: 16px 0;
}

.text-price {
  color: rgb(var(--qluubInter));
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.text-price span {
  font-size: 28px;
  line-height: 28px;
}

.card-plan__body {
  padding: 16px 10px;
  background: #fbfbfd;
  text-align: center;
  border-radius: 0 0 8px 8px;
}

.card-plan__body .btn,
.card-plan__body a,
.card-plan__body button {
  margin: 0;
}

.card-plan__label {
  position: absolute;
  top: -33px;
  left: 0;
  width: 100%;
  background: #7263CA;
  color: #fff;
  border-radius: 8px 8px 0 0;
  padding: 8px 0;
}

.card-plan__label p {
  opacity: 0.7;
  margin: 0;
}

.row-tabs-plans {
  margin-top: 40px !important;
  margin-bottom: 60px;
}

.block-choose {
  background: #F6F6FA;
  border-radius: 8px;
  padding: 24px 32px;
  margin-bottom: 60px;
}

.block-choose__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.block-choose__header p {
  margin: 0;
}

.block-choose__header article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-choose__header article > * {
  margin-left: 16px;
}

.block-choose__body {
  width: 100%;
  padding: 24px;
}

.header-logo-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.table.table--data td {
  border-bottom: 0;
}

.table.table--data > :not(:last-child) > :last-child > * {
  border-color: #AEAEAE;
}

.table.text-left td,
.table.text-left th {
  text-align: left;
}

.table.table--single {
  width: 100%;
}

.table.table--single td,
.table.table--single th {
  border: 0;
}

/* js plans */
.js-plans .slick-dots {
  position: absolute;
  bottom: -8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}

.js-plans .slick-dots li {
  margin: 0 4px;
}

.js-plans .slick-dots li button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #AEAEAE;
}

.js-plans .slick-dots li.slick-active button {
  background: #9182EA;
}

/* stepper indicator */
.stepper-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.stepper-indicator__item .material-symbols-outlined {
  display: none;
}

.stepper-indicator__item.checked .material-symbols-outlined {
  display: inline-block;
}

.stepper-indicator__item.checked p {
  color: #3EC36B;
}

.stepper-indicator__item {
  text-align: center;
  color: #9182EA;
  text-decoration: none;
}

.stepper-indicator__item:hover {
  color: #7263CA;
}

.stepper-indicator__item p {
  margin-bottom: 0;
  font-weight: 500;
}

.stepper-indicator__item .material-symbols-outlined {
  background: #3EC36B;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}

/* block info section */
.block-info-section {
  background: #fbfbfd;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}

.block-info-section__header {
  width: 100%;
  margin-bottom: 24px;
}

.block-info-section__content {
  width: 100%;
}

.customSelect.disabled .customSelect-label {
  background: #F6F6FA !important;
  pointer-events: none !important;
}

.form-row .form-check .form-check-input:after {
  display: none;
}

.form-row .form-check-input:checked {
  background-color: #9182EA;
  border-color: #9182EA;
}

.hidden {
  display: none !important;
}

.navigation-options {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}

/* body swal */
.body-swal {
  padding: 20px 60px;
  width: 100%;
}

.body-swal__icon {
  margin-bottom: 32px;
  width: 100%;
  max-width: 120px;
}

.body-swal__title {
  width: 100%;
  margin-bottom: 32px;
}

.body-swal__box {
  width: 100%;
  border-radius: 10px;
  background: #F6F6FA;
  padding: 40px;
}

.swal2-popup.swal--cotizador {
  width: 100%;
  max-width: 900px;
  border-radius: 10px;
}

.body-swal .table {
  color: #797272;
  margin: 40px 0;
}

.body-swal .table th {
  font-weight: 400;
}

.swal--actions {
  margin-top: 40px;
  margin-bottom: 60px;
}

body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: #9182ea;
  border-radius: 30px;
}

body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
  background-color: #8172d5;
}

body div:where(.swal2-container) div:where(.swal2-popup) {
  border-radius: 10px;
}

body div:where(.swal2-container) h2:where(.swal2-title) {
  color: #000;
}

.stepper__mobile {
  display: none;
}

.ayuda--layout.contacto--tabs .special-tab--header-child.active i.icon {
  color: rgb(var(--qluubInter));
}

/* controller */
.controller-tabs {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.controller-tabs .nav {
  background: #DED8FF;
  border-radius: 30px;
  margin-bottom: 0;
}

.controller-tabs .nav .nav-item button {
  color: #9182EA;
  border-radius: 30px;
  margin-bottom: 0;
}

.controller-tabs .nav .nav-item button.active {
  background: #9182EA;
  color: #fff;
}

.header-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-controller h1 {
  margin: 0;
}

/* table */
.table .detail-view .card {
  background: #F6F6FA;
  border-radius: 10px;
  border: 0;
}

.table .detail-view .card .card-body {
  text-align: left;
}

.table .detail-view .card .card-body h6.card-subtitle {
  font-size: 14px;
  color: #9182EA !important;
}

.table .detail-view .card .card-body h5.card-title {
  font-size: 14px;
  color: #000 !important;
}

.table .detail-view .card .card-body h6:not(.card-subtitle) {
  color: #797272 !important;
  font-size: 14px;
  margin-bottom: 4px !important;
}

.table-dynamic-height {
  max-height: 300px;
  height: auto;
  overflow-y: auto;
}

/* Super admin */
.hour {
  border-radius: 5px;
}

.titulo_seccion {
  margin-bottom: 24px;
}

body .titulo_seccion .hour {
  margin-left: 0;
  margin-bottom: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
}

body .titulo_seccion .hour i,
body .titulo_seccion .hour .material-symbols-outlined {
  font-size: 14px;
  line-height: 18px;
}

body .titulo_seccion .tituloSec {
  margin-bottom: 8px !important;
}

body .filtros_tablas ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  background: transparent;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  overflow: visible;
  width: 100%;
  max-width: 400px;
}

body .filtros_tablas ul.date--100 {
  max-width: 100%;
}

body .filtros_tablas.filtros--600 ul {
  max-width: 600px;
}

body .filtros_tablas ul li {
  background: transparent !important;
  border: 0 !important;
  height: auto;
}

body .filtros_tablas ul li a {
  color: #9182EA;
  background: #F6F6FA;
  border: 2px solid #F6F6FA;
  border-radius: 50px;
  display: block;
  font-size: 14px;
  text-decoration: none;
}

body .filtros_tablas ul li:hover a {
  border-color: #E7E7F2;
  background: #E7E7F2;
}

body .filtros_tablas ul li.active a {
  border-color: #9182EA;
  background: #F6F6FA;
  color: #9182EA;
}

body .filtros_tablas.table--12 ul li a {
  font-size: 12px;
}

body .gral_dashboard_empleados .box.dashboard-block ul.payment-table li a > span.done {
  color: #12E359;
}

body .gral_dashboard_empleados .box.dashboard-block ul.payment-table li a > span.pending {
  color: #FB3419;
}

.title_fieldset.dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

#refresh img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.fixed-table-toolbar .columns-right.btn-group.float-right {
  margin: 0 !important;
}

.btn.btn--export {
  color: #000000 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.btn.btn--export:after {
  background: url("/images/icons/download.svg") no-repeat center center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  border: 0;
}

.btn.btn--filter {
  color: #000000 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.btn.btn--filter:after {
  background: url("/images/icons/filter.png") no-repeat center center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  border: 0;
}

.filtros_ofertas.menu_esp_sec li a {
  color: #9182ea !important;
  border: 0;
}

.filtros_ofertas.menu_esp_sec li a:hover {
  border: 0;
  color: #7263CA !important;
}

.filtros_ofertas.menu_esp_sec li.hasTooltip a.question {
  background: #9182ea;
  color: #fff !important;
  width: 20px;
  height: 20px;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}

.filtros_ofertas.menu_esp_sec li.active a {
  color: #7263CA !important;
  border: 0;
  font-weight: 500;
}

.filtros_ofertas.menu_esp_sec .question_contenedor .tip {
  background: #000;
  top: 30px;
}

.filtros_ofertas.menu_esp_sec .question_contenedor .tip * {
  color: #fff;
  margin: 0;
  height: auto;
}

body .bg-warning-invert {
  background: #F6ECD0 !important;
  color: #dba201 !important;
}

body .bg-aprobado-invert {
  background: #edfcf2 !important;
  color: #12E359 !important;
}

body .bg-error-invert {
  background: rgba(251, 52, 25, 0.0823529412) !important;
  color: #FB3419 !important;
}

.little_box .btn {
  text-decoration: underline !important;
}

.little_box .btn:hover {
  text-decoration: none !important;
}

.little_box small {
  color: #797272;
}

.contenido_saldos .info-date {
  color: #000;
  display: inline-block;
  width: auto !important;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  font-style: inherit;
}

.contenido_saldos > .row {
  margin-bottom: 32px;
}

.contenido_saldos > .row:last-child {
  margin-bottom: 0;
}

.grid-card-option__col.fix--col {
  padding-top: 50px;
}

.view-height-device {
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 800px;
}

#form_datos_host .fisrt_info .row .col-6 > * {
  margin-bottom: 10px;
}

.filtros_tablas .especial_select_date {
  max-width: 100%;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  overflow: visible;
}

body .especial_select_date ul.date_ul {
  -webkit-box-shadow: initial;
          box-shadow: initial;
}

body .especial_select_date ul.date_ul li.especial_datepicker input {
  font-weight: 400;
}

body .especial_select_date ul.date_ul li a.botones_select_date {
  padding: 0 4px;
  text-align: center;
}

body .ui-datepicker-year {
  font-weight: 600;
}

body .especial_select_date ul.date_ul li:hover {
  background: #DED8FF;
}

body .fullscreen .content_container {
  background: #fff;
}

body .fullscreen .regresar_full {
  color: #9182EA;
}

body .fullscreen .regresar_full .icon {
  color: #9182EA;
}

body .fullscreen .regresar_full:hover {
  color: #7263CA;
}

body .fullscreen .regresar_full:hover .icon {
  color: #7263CA;
}

body #form_datos_host .lab.moradito {
  color: #000;
}

body .seccion_acreditados_form .content_container fieldset .hache3 {
  margin-bottom: 16px;
}

body .preview_datos form ul li {
  margin-bottom: 10px;
}

body .preview_datos form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

body .preview_datos form ul li {
  width: calc(33.33% - 10px);
}

body .preview_datos form ul li .currentInput {
  max-width: 100%;
}

body input.activo:-moz-read-only {
  background: #F6F6FA;
}

body input.activo:read-only {
  background: #F6F6FA;
}

body .bullets_especial li.active_bullet .bullet::before,
body .bullets_especial li.active_bullet .bullet::after {
  display: none;
}

body .bullets_especial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .bullets_especial li {
  width: 33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .bullets_especial:after {
  display: none;
}

body .bullets_especial li .bullet {
  width: 100%;
  height: 40px;
  line-height: 40px;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  position: relative;
  left: inherit;
  margin: 0;
  top: initial;
  -webkit-transform: initial;
          transform: initial;
  border-radius: 5px 5px 0 0;
  color: #797272;
  background: #F6F6FA;
  border-bottom: 2px solid #AEAEAE;
  border-radius: 10px 10px 0 0;
  text-indent: initial;
  font-size: 12px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .bullets_especial li .bullet:hover {
  color: #9182EA;
  border-color: #9182EA;
}

body .bullets_especial li.active_bullet .bullet {
  color: #fff;
  background: #9182EA;
  border-radius: 5px;
}

body .lbRd input[disabled=disabled] + .flCh {
  background: #f6f6fa;
}

body .section-group form {
  max-width: 600px;
  margin: 0 auto;
}

body .section-group form > * {
  margin: 0 auto !important;
}

body .section-group .total_fieldset ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

body .btn-secondary.dropdown-toggle {
  border: 0;
}

body .fixed-table-toolbar .columns-right {
  margin-left: 16px !important;
}

body .currentInput .currentInput-label {
  color: #000;
}

body .item_paramtros h3 {
  font-weight: 500;
}

body .item_paramtros .left_side {
  height: 64px;
}

body .item_paramtros p.nota {
  color: #AEAEAE;
}

body .item_paramtros .icon.neutral {
  background: #9182EA;
}

body .item_paramtros .icon.neutral-dark {
  background: #7263CA;
}

body .nav-item a {
  margin: 0;
}

#table_general th, td:first-child {
  font-weight: bold;
}

.card-header > *:last-child {
  margin-bottom: 0;
}

body .bg-qluub-neutral {
  background: #9182ea;
}

.bootstrap-table.bootstrap5 .float-left:empty {
  display: none;
}

#refresh.btn {
  height: 31px;
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn.bg-inter:hover {
  background: #7263CA !important;
}

/* dashboard | admin */
.tooltip-icon {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tooltip-icon .icon {
  color: #9182EA !important;
}

/* box elevation */
.box-elevation {
  -webkit-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  position: relative;
}
.box-elevation.box--p10 {
  padding: 10px;
}

.box--auto {
  height: auto;
}

.box--color1 {
  background: #F6F6FA;
}

.box--top-solid {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.box--border-color1,
.box--border-color2,
.box--border-color3,
.box--border-color4 {
  border-radius: 0 0 10px 10px;
}

.box--border-color1 {
  border-top: 5px solid #9182EA;
}

.box--border-color2 {
  border-top: 5px solid #2EC6C6;
}

.box--border-color3 {
  border-top: 5px solid #F21F72;
}

.box--border-color4 {
  border-top: 5px solid #9E2FAA;
}

.box--border-color5 {
  border-top: 5px solid #E7E7F2;
}

.box--border-color6 {
  border-top: 5px solid #5268FF;
}

.box-elevation.box--100 {
  padding: 0;
}

.box-elevation > *:last-child {
  border-radius: 0 0 10px 10px;
}

.box-elevation__header {
  width: 100%;
  padding: 16px;
}

.box-elevation__header > *:last-child {
  margin-bottom: 0;
}

.box-elevation__body {
  background: #F6F6FA;
  padding: 16px;
}

.box-elevation__body * {
  font-size: 14px;
}

.box-elevation__body *:last-child {
  margin-bottom: 0;
}

.box-elevation__bottom {
  padding: 16px;
}

.box-elevation__bottom > *:last-child {
  margin-bottom: 0;
}

.row--color {
  border-radius: 10px;
  padding: 24px 16px;
  background: #F6F6FA;
}

.box-elevation .col-12 {
  float: initial;
}

/* simple tabs */
.simple-tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.simple-tabs ul li button {
  font-size: 14px;
  line-height: 20px;
  color: #9182EA;
  font-weight: 500;
  border: 0;
  background: transparent;
}

.simple-tabs ul li button:hover {
  color: #7263CA;
}

.simple-tabs ul li button {
  opacity: 0.8;
}

.simple-tabs ul li button.active {
  opacity: 1;
}

/* chart */
section.chart_info {
  padding: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  margin: 0;
}
section.chart_info * {
  font-size: 14px;
}

.chart_info__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.chart_info__legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 50%;
  margin-bottom: 4px;
}

.chart_info__legend-item-color {
  display: inline-block;
  width: 25px;
  height: 8px;
}

.table.table--no-border {
  border: 0;
}

.table.table--no-border th,
.table.table--no-border td {
  border: 0;
  text-align: left;
  padding: 8px 0;
}

.table.table--no-border th {
  font-weight: 500;
}

.table.table--no-border td {
  color: #797272;
}

.table.table--no-border td:first-child {
  font-weight: 600;
}

#tablaTotales.table {
  max-width: 300px;
}

/* Operación */
.filtros_ofertas.menu_esp_sec {
  width: 100%;
  margin: 0;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

body ul.filtros_ofertas.menu_esp_sec li {
  background: #F6F6FA;
  border-radius: 10px 10px 0 0;
  padding: 12px 24px;
  border-bottom: 2px solid #E7E7F2;
  color: #9182EA;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

body ul.filtros_ofertas.menu_esp_sec li a {
  font-size: 14px;
  text-decoration: none;
}

body ul.filtros_ofertas.menu_esp_sec li:hover {
  background: #E7E7F2;
}

body ul.filtros_ofertas.menu_esp_sec li.active {
  background: #9182EA;
  color: #fff;
  border-color: #9182EA;
}

body ul.filtros_ofertas.menu_esp_sec li.active * {
  color: #fff !important;
}

body ul.filtros_ofertas.menu_esp_sec li * {
  color: #9182EA;
}

body ul.filtros_ofertas.menu_esp_sec li .question_contenedor {
  position: relative;
  right: initial;
  top: initial;
  z-index: 10;
}

body ul.filtros_ofertas.menu_esp_sec li.hasTooltip .question_contenedor .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border: 0;
  color: #9182ea !important;
  margin: 0;
  font-weight: 500;
  background: transparent;
}

body ul.filtros_ofertas.menu_esp_sec li.hasTooltip .question_contenedor .question span {
  font-size: 18px;
}

body .contenido_saldos .row {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

body .table-employees-dashboard-movements {
  -webkit-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1) !important;
}

body .table-employees-dashboard-movements td,
body .table-employees-dashboard-movements th {
  padding: 0;
}

body .table-employees-dashboard-movements tbody tr td span {
  padding: 12px !important;
}

.table-overflow-dashboard {
  background: #fff;
  border-radius: 10px !important;
}

body .table-hover > tbody > tr:hover {
  background: #F6F6FA;
}

body .label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.btn-secondary.dropdown-toggle {
  border-radius: 10px;
  font-size: 14px;
}

.btn-secondary.dropdown-toggle:hover {
  background: #E7E7F2 !important;
}

#refresh.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(145, 130, 234, 0.0823529412) !important;
  color: #9182EA !important;
  border-radius: 10px;
}

#refresh.btn:hover {
  background: #E7E7F2 !important;
}

#refresh.btn img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.btn.btn--add-section {
  border-radius: 10px;
}

body .search.btn-group .search-input,
body .form-select {
  font-size: 14px;
}

.table--suboptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}

.table--suboptions .btn-group {
  float: initial;
  margin: 0 !important;
}

body .bootstrap-table .fixed-table-toolbar .bs-bars {
  min-width: 100% !important;
}

body .fixed-table-toolbar .search {
  width: 100%;
  max-width: 220px;
}

body .cobro_home .export {
  margin-bottom: 32px;
}

.box-detail-stp {
  width: 100%;
  max-width: 800px;
  margin-bottom: 32px;
  background: #F6F6FA;
  border-radius: 0 0 10px 10px;
  padding: 24px;
  border-top: 7px solid #E7E7F2;
}

.box-detail-stp.stp--color1 {
  border-color: #9182EA;
}

.box-detail-stp.stp--color2 {
  border-color: #2EC6C6;
}

.box-detail-stp.stp--color3 {
  border-color: #F21F72;
}

.box-detail-stp.stp--color4 {
  border-color: #9E2FAA;
}

.box-detail-stp * {
  font-size: 14px;
  line-height: 25px;
}

.view-inversiones .text-inter {
  color: #9e2faa !important;
}

.hour {
  background-color: rgba(145, 130, 234, 0.0823529412) !important;
  color: #9182EA !important;
  font-size: 12px;
  text-transform: initial;
  padding: 5px;
  margin: 10px 10px;
}

.chart_info__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.chart_info__legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 12px;
}

.chart_info__legend-item-color {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: inline-block;
}

.loading-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 200px;
  color: #666;
  font-size: 14px;
}

.error-message {
  color: #dc3545;
  text-align: center;
  padding: 20px;
  font-size: 14px;
}

.simple-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.simple-tabs__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.wallet-cards {
  position: relative;
  margin: 100px auto 20px auto;
  width: 470px;
}

.wallet-cards .digital-card {
  position: absolute;
  top: -50px;
  left: 60px;
  opacity: 0.8;
  margin: 0;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

.wallet-cards .digital-card:not(.active) {
  cursor: pointer;
}

.wallet-cards .digital-card:not(.active) .digital-card__front {
  -webkit-filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.35));
          filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.35));
}

.wallet-cards .digital-card:not(.active):hover {
  opacity: 0.7;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.wallet-cards .digital-card.active {
  position: relative;
  z-index: 2;
  opacity: 1;
  top: 0;
  left: 0;
}

.wallet-cards .digital-card[data-card=tdu] .digital-card__logo {
  left: 16px;
}

.wallet-cards .digital-card__logo-secondary {
  right: 16px;
  position: absolute;
  top: 16px;
  width: 90px;
}

.digital-data-row.data-row--300 {
  max-width: 300px;
}

.page--scroll {
  overflow-y: auto;
}

/* FACTURACION */
.currentInput-label {
  font-weight: 600;
}

body #form_datos_host fieldset.fisrt_info .select_englobar {
  width: 100%;
}

.box_info.border--box {
  background: #F6F6FA;
  border: 0;
  -webkit-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
}

.box_info.border--box .icon {
  text-decoration: none;
}

body .circle_image img {
  max-width: 200px;
}

/* parametros */
body .page .container.container--100 {
  width: 100%;
  max-width: 100%;
}

body hr.hr-dotted {
  background: 0;
  border-bottom: 2px dashed #AEAEAE;
  display: block;
  margin: 32px 0;
}

.container_scroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 140px);
  width: 100%;
}

body .table_pop .tittle_tabla,
body .table_pop .tittle_tabla * {
  color: #212529;
}

body .table_pop .tittle_tabla {
  border: 0;
}

body .table_pop table th {
  border: 0 !important;
}

.table_pop table th span {
  color: #9182ea !important;
}

.table_pop table tbody tr td p {
  color: #2f2f2f !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #9182EA;
}

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #9182EA;
          box-shadow: 0 0 1px #9182EA;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switcher .lbCh .flCh {
  opacity: 0;
}

.notificaciones a.icon {
  text-decoration: none;
}

body .habilitado .label {
  background: #ccc;
}

body .habilitado.active .label {
  background: #9182EA;
}

body .habilitado.active .label::after {
  background: #fff;
  -webkit-transform: translateX(152%);
          transform: translateX(152%);
}

body .habilitado .label::after {
  width: 23px;
  height: 23px;
  top: 3px;
  background: #fff;
  -webkit-transform: translateX(16%);
          transform: translateX(16%);
}

body .box div.btn_newstyle input.btn[type=submit] {
  background: #9182EA !important;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  color: #fff;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-color: #9182EA !important;
}

body .btn_newstyle input[type=submit] {
  background: #9182EA !important;
  border-color: #9182EA !important;
}

body .btn_newstyle input[type=submit]:hover {
  background: #7263CA !important;
  border-color: #7263CA !important;
}

body .box div.btn_newstyle input.btn[type=submit]:hover {
  background: #7263CA !important;
  border-color: #7263CA !important;
}

body .box .fields .currentInput {
  margin: 0;
}

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

.box.box--100 {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 15px 32px 15px;
}

.listado_host .box .container-fluid {
  padding-top: 24px;
}

.listado_host .box .container-fluid > .row > div {
  padding: 0;
}

.listado_host .box .small_table {
  margin: 0;
  padding-top: 24px;
}

.table-employees-dashboard-movements tbody tr td span.icon {
  color: #9182EA !important;
  font-size: 18px !important;
}

body .btn.add_question,
body .btn.add_user_table,
body #link-bank-add,
body .agregar_item,
body .link-add-elem,
body .agregar_vigencia,
body #add_calificacion {
  background-color: rgba(145, 130, 234, 0.0823529412) !important;
  color: #9182EA !important;
  border-radius: 10px;
  font-size: 14px;
  float: initial;
  text-decoration: none !important;
  border: 0 !important;
}

body .btn.add_question:hover,
body .btn.add_user_table:hover,
body #link-bank-add:hover,
body .agregar_item:hover,
body .link-add-elem:hover,
body .agregar_vigencia:hover,
body #add_calificacion:hover {
  background: #E7E7F2 !important;
}

body a.btn.add_question .plus,
body a.btn.add_user_table .plus {
  background: url(../images/icons/plus.svg) no-repeat center center !important;
  width: 16px !important;
  height: 16px !important;
  background-size: contain !important;
  font-size: 0;
}

body .table-shadow {
  border-radius: 10px;
}

body table#table a {
  color: #9182EA !important;
}

body table#table a span {
  font-size: 18px;
}

body .page .container_ejercicio .all_content {
  max-width: 100%;
}

body .seccion_acreditados_form .content_container form {
  width: 100%;
}

body .card-icon-2 {
  background: #F6F6FA;
  padding: 0;
  border-radius: 5px;
}

body .card-icon-2 img {
  -webkit-filter: initial;
          filter: initial;
}

body .parametros_operativos_contenedor .row .col-4 fieldset > div.box-elevation {
  height: auto;
  min-height: initial;
}

.no-float {
  float: initial !important;
}

body .box-fields {
  width: 100% !important;
}

body .tab_po .col-12 fieldset {
  -webkit-box-shadow: 0 24px 54px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 24px 54px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 0;
}

body .parametros_operativos_contenedor .row .col-4 fieldset {
  -webkit-box-shadow: initial;
          box-shadow: initial;
  padding: 0;
}

body .shadow-container.no--shadow {
  -webkit-box-shadow: initial;
          box-shadow: initial;
}

body .inline-link a:hover {
  color: #7263CA !important;
}

body .tab_po .box.mercados_po .table-div {
  border: 0;
}

body .tab_po .tasa_interes_po tr.plazo {
  background: transparent;
}

body .tab_po .tasa_interes_po tr.plazo td,
body .tab_po .tasa_interes_po tr.plazo th {
  color: #9182EA;
  text-align: center;
}

body .tab_po .tasa_interes_po tr.base {
  background: transparent;
  color: #000;
}

body .tab_po .tasa_interes_po tr.base p {
  color: #000 !important;
}

body .tab_po .tasa_interes_po tr,
body .tab_po .tasa_interes_po tr td,
.tab_po .tasa_interes_po tr.base th,
.tab_po .tasa_interes_po tr.base th td {
  border: 0 !important;
}

body .tab_po .tasa_interes_po.mercados input[type=text] {
  width: 100%;
  max-width: 100px;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .posture-table th,
body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .posture-table td {
  border: 0;
  border-bottom: 1px solid #E0E0E0;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .posture-table {
  border: 0;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .dates-table th,
body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .dates-table td {
  border: 0;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .dates-table {
  border: 0;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td {
  border: 0 !important;
}

body .tab_po .box.financieros_po .parametros_operativos_contenedor .row .col-4 > fieldset > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .tab_po .box {
  overflow: inherit;
}

body .tab_po .box.financieros_po .parametros_operativos_contenedor .row .col-4 {
  border: 0;
}

body .tab_po form {
  overflow: inherit;
}

body .tab_po fieldset.field--reset {
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border: 0 !important;
  padding: 0 !important;
}

.tab_po .box.competencia_po .institution-table.form-table.table--100 {
  max-width: 100%;
}

.tab_po .box.competencia_po .institution-table.form-table.table--reset {
  border: 0 !important;
}

.tab_po .box.competencia_po .institution-table.form-table.table--reset th,
.tab_po .box.competencia_po .institution-table.form-table.table--reset td {
  border: 0 !important;
}

.table--reset .headertable {
  background: transparent !important;
}

.table--reset {
  border: 0 !important;
}

.table--reset .table-br,
.table--reset th,
.table--reset td {
  border: none !important;
}

body .table-overflow.table--vertical {
  overflow-x: inherit !important;
  overflow-y: auto !important;
}

/*
.seccion_acreditados_form .content_container fieldset .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 24px;
}*/
.each_inp.each--p0 > * {
  margin-top: 0 !important;
}

.fields.fields--p0 > * {
  padding: 0 !important;
  margin-top: 0 !important;
}

body .tab_po form input[type=submit] {
  margin: 0;
}

body .tab_po .tasa_interes_po tr.base {
  background: #DED8FF;
}

.currentInput:not(.listo) .select:not(.customSelect) {
  background-color: #ffffff;
  padding: 0 10px;
  height: 40px;
  font-size: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 4px;
  color: #2f2f2f;
}

#date-table-row3 td {
  padding-top: 0;
  padding-bottom: 0;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > .col-12 {
  width: 95%;
}

body .tab_po .box.mercados_po .table-div > table > tbody > tr > td fieldset > div .habilitado {
  width: 100%;
  margin: 0;
}

body .box .caja_floating {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-top: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F6F6FA;
  border-radius: 10px;
  width: 100% !important;
}

body .caja_floating .info_ajustes .caja {
  padding: 10px;
  letter-spacing: 0;
  text-align: center;
}

body .caja_floating .botones_apo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-top: 10px;
}

body .caja_floating .botones_apo li {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .caja_floating .botones_apo li a {
  margin: 0;
  text-decoration: underline;
  text-transform: initial;
  font-weight: 500;
  border-radius: 30px;
}

body .caja_floating .botones_apo li a:hover {
  background: #fff;
}

body .caja_floating .botones_apo li a.send_approve {
  color: #9182EA;
}

body .caja_floating .botones_apo li a.send_approve:hover {
  text-decoration: none;
}

/* step subtitle */
.step--subtitle .regresar_btn {
  color: #9182EA;
  margin-top: 16px;
  font-size: 14px;
}

.step--subtitle .regresar_btn:hover {
  color: #7263CA;
}

.fixed-table-toolbar.d-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px;
}

.bs-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
}

.page {
  overflow-y: auto;
}

/*::::::::

RESPONSIVEs

:::::::: */
@media all and (max-width: 1500px) {
  .container2.cards-elements > div,
  .container2.cards-elements > div.active {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 260px !important;
            flex: 0 0 260px !important;
    margin: -20px;
  }
  .js-carousel-cards .slick-arrow.slick-next {
    right: 10px;
  }
  .js-carousel-cards .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media all and (max-width: 1400px) {
  .credito-blocks {
    -ms-grid-columns: calc(50% - 18px) 26px calc(50% - 18px);
    grid-template-columns: calc(50% - 18px) calc(50% - 18px);
    grid-gap: 56px 26px;
  }
  .credit-header {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
  .container2.cards-elements > div,
  .container2.cards-elements > div.active {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 240px !important;
            flex: 0 0 240px !important;
  }
  .faq-box img {
    max-width: 180px;
  }
}
@media all and (max-width: 1300px) {
  .table.table--simple {
    font-size: 12px;
    line-height: 18px;
  }
  .table.table--simple * {
    font-size: 12px;
    line-height: 18px;
  }
  .table.table--simple th,
  .table.table--simple td {
    padding: 10px 8px;
  }
  .bottom-info__car {
    max-width: 430px;
  }
  .product-pic {
    display: none;
  }
}
@media all and (max-width: 1200px) {
  div.dashboard__widget[data-type=account] .dashboard__widget--header h2 {
    font-size: 18px;
  }
  body .dashboard__widget h2 {
    font-size: 18px;
  }
  .dashboard__widget[data-type=inversiones] .dashboard__widget--header span {
    font-size: 18px !important;
  }
  div.dashboard__widget[data-type=account] .dashboard__widget--header span {
    font-size: 18px;
  }
  body .dashboard__widget[data-type=inversiones-only] .dashboard__widget--header span {
    font-size: 18px;
  }
  .grid-tabs__item-head h2.text-28 {
    font-size: 18px !important;
  }
  .data-widget__exchange--title h2.text-28 {
    font-size: 18px !important;
  }
  .credit-header {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 32px;
  }
  .credit-header > div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .special-tab--body {
    height: calc(100vh - 250px);
  }
  .grid-tabs-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: initial;
  }
  body h1,
  body .h2 {
    font-size: 28px !important;
  }
  .btns-form.terminos_new {
    width: 100%;
  }
  .content-row aside {
    width: 50%;
  }
  .content-row article {
    width: 50%;
  }
  /* tdu */
  .content-row aside.aside--card.card--single img {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .content-middle-row aside img {
    max-width: 300px;
  }
  .options--auto .grid-card-option__col {
    margin-bottom: 70px !important;
  }
  .options--auto .grid-card-option__col + .bottom-button {
    margin-top: 0 !important;
  }
  .grid-card-option__col {
    margin-bottom: 70px;
  }
  .grid-card-option__col:nth-child(3),
  .grid-card-option__col:nth-child(4) {
    margin-bottom: 0;
  }
  .js-carousel-cards .slick-slide,
  .grid-card-option__col:nth-child(3),
  .grid-card-option__col:nth-child(4) {
    margin-bottom: 0;
  }
  .faq-box img {
    display: none;
  }
  .bottom-info__car {
    max-width: 340px;
  }
}
@media all and (max-width: 992px) {
  .row--2-col .col-12 {
    width: 100% !important;
  }
  .js-btn-pdf {
    position: relative;
    top: 0;
    right: 0;
  }
  .content-row.row--special aside,
  .content-row.row--special article,
  .content-row aside,
  .content-row article {
    width: 100%;
  }
  .content-row aside {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .content-row#step3 {
    margin-bottom: 50px;
  }
  .content-row.row--special article {
    padding-left: 0;
  }
  .content-double-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-double-row__box {
    width: 100%;
    max-width: 100%;
    margin: 0 0 24px 0;
  }
  .content-double-row__box:last-child {
    margin-bottom: 0;
  }
  .content-row article {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 0;
    padding-right: 0;
  }
  .stepper-nav ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .content-row {
    margin-bottom: 32px;
  }
  /* onboarding data */
  .full_mobile.onboarding {
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .total_fieldset.onboarding_step .alert-primary {
    margin-bottom: 24px;
  }
  /* tdu */
  .content-row .aside--card__article {
    padding-left: 0;
  }
  .short-content > div {
    max-width: 100%;
  }
  .content-row.center--row > div {
    width: 26%;
  }
  .content-middle-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-middle-row aside,
  .content-middle-row article {
    width: 100%;
  }
  .content-middle-row aside {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .content-middle-row article {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 32px;
  }
  .content-middle-row article > div {
    max-width: 100%;
  }
  body .general-menu {
    -ms-grid-columns: 105px auto auto auto 50px;
    grid-template-columns: 105px auto auto auto 50px;
  }
  .header-top-nav > ul > li > a {
    font-size: 12px;
  }
  .header-top-nav > ul > li {
    margin: 0 9px;
    top: 10px;
  }
  body .page .gral_container .container {
    margin: 0 auto;
  }
  .double__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .double__image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .module {
    padding: 40px 0;
  }
  .bottom-info__car {
    display: none;
  }
  .bottom-info__logo {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .box-tdu__img {
    display: none;
  }
  .box-tdu:not(.tdu--color2) {
    padding-left: 32px;
  }
  .box-tdu {
    padding: 32px;
  }
  .row-tabs-plans {
    margin-top: 0px !important;
    margin-bottom: 10px;
  }
  .card-plan__label {
    position: relative;
    top: 0;
  }
  .card-plan.active.selected {
    border-radius: 8px;
  }
  .card-plan:not(.selected) {
    margin-top: 24px;
  }
  .js-plans {
    padding-bottom: 30px;
    margin-bottom: 42px;
  }
  .js-plans .slick-slide {
    padding: 0 8px;
  }
  body .preview_datos form ul li {
    width: 50%;
  }
  div.bottom-info {
    padding: 0;
  }
  .bottom-info__image {
    display: none;
  }
  body .page .gral_container.content_container {
    width: 100%;
    max-width: 100%;
  }
}
@media all and (min-width: 791px) {
  .header-top-nav > ul > li.header-top-nav__dropdown ol {
    display: none;
  }
  .header-top-nav > ul > li.header-top-nav__dropdown:hover ol {
    display: block;
  }
  .only-mobile-menu-nav {
    display: none;
  }
}
@media all and (max-width: 790px) {
  body header .menu .menu-principal li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .menu .menu-principal li a span.material-symbols-outlined {
    margin-right: 15px;
  }
  header .menu .menu-principal li.menu__dropdown a.active span.material-symbols-outlined:last-child {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  body header .menu .menu-principal li ol {
    padding: 4px 0 4px 36px;
    margin: 0;
    list-style: none;
    background: rgba(0, 0, 0, 0.1098039216);
    display: none;
  }
  body header .menu .menu-principal li ol li {
    width: 100%;
    margin-bottom: 0 !important;
  }
  body header .menu .menu-principal li ol li a {
    color: #fff;
  }
  /* cotizador */
  .basic-main {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .acreditados .col-8, .seccion_acreditados_form .col-8 {
    background: transparent !important;
  }
}
@media all and (max-width: 768px) {
  body h1,
  body .h2 {
    font-size: 24px !important;
  }
  div.dashboard__widget[data-type=account] .dashboard__widget--header h2,
  body .dashboard__widget h2 {
    font-size: 14px;
    line-height: 20px;
  }
  div.dashboard__widget[data-type=account] .dashboard__widget--header span,
  .dashboard__widget[data-type=inversiones] .dashboard__widget--header span {
    font-size: 16px;
    line-height: 20px;
  }
  .dashboard__widget--body-full.with--widget {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dashboard__widget--body-full.with--widget > div:last-child {
    padding-left: 0;
    padding-top: 16px;
  }
  body .gral_dashboard_empleados {
    margin-bottom: 32px;
  }
  body .dashboard__grid .dashboard__widget > div {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  /* login */
  .regresar_btn.login-btn {
    font-size: 18px;
    margin-bottom: 16px;
  }
  body .page.new-login .gral_container.content_container {
    top: 0;
  }
  /* inicio */
  body .page.tablero .gral_container.content_container {
    padding-top: 22px;
  }
  .dashboard__widget[data-type=inversiones] .dashboard__widget--body-full {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dashboard__widget--body-full.with--widget > div {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 100%;
  }
  .dashboard__widget[data-type=last-movements] .dashboard__widget--body div {
    font-size: 12px !important;
  }
  body header .menu {
    overflow-y: auto;
  }
  body header .onboarding_menu:after {
    height: 50px;
  }
  body header .menu .menu-principal li {
    margin-bottom: 0;
  }
  body header .menu .menu-principal li a {
    max-width: 90%;
  }
  body header .menu .menu-principal li.active::after {
    width: 90% !important;
  }
  body header .menu .menu-principal li a span {
    font-weight: 400 !important;
    font-size: 18px !important;
  }
  /* credito */
  body .page.credito .gral_container.content_container {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .credit-header {
    margin-bottom: 0;
  }
  .special-tab--header span span {
    font-size: 12px;
  }
  .grid-tabs__item {
    padding: 15px;
  }
  .grid-tabs__item-head h2 {
    font-size: 18px;
  }
  .special-tab--body {
    height: auto;
  }
  .grid-tabs__item-body .dashboard__widget--body > div {
    padding: 15px;
  }
  .gral_container.content_container.corro_creditos,
  .gral_container.content_container.special-invest {
    margin-top: 65px !important;
  }
  .special-tab--header ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  /* mi dinero */
  #form_realiza_transferencia {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100% !important;
  }
  .page .gral_container .container-fluid.special-tab {
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page .gral_container.finanzas_personales {
    padding: 15px;
  }
  .finanzas_personales.finanzas--layout-grid {
    margin-top: 26px;
  }
  /* contratos */
  body .gral_container.content_container.corro_creditos {
    max-width: 100%;
    left: 0;
    top: 0;
  }
  body h1,
  body .h2 {
    font-size: 24px;
  }
  body .regresar_btn {
    margin-left: 0;
  }
  .bootstrap-table.bootstrap5 .float-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 32px;
  }
  .page-link {
    font-size: 14px;
  }
  .float-left.pagination-detail {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 24px;
  }
  /* facturacion */
  body .page .container-fluid.special-tab.container-informacion {
    padding: 15px;
  }
  body .page .gral_container .container-fluid.special-tab {
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
  }
  body .page .container-fluid.special-tab.container-informacion.facturacion--layout {
    padding-left: 0;
    padding-right: 0;
  }
  /* ayuda */
  body .page .gral_container .container-fluid.special-tab.ayuda--layout {
    padding: 0;
    margin-top: 55px;
  }
  .special-tab--header.info-tab-header ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  article.block-content-info {
    margin-top: 0;
  }
  .block-content-info h4 {
    margin-bottom: 24px;
    font-size: 18px;
  }
  .content-row .h5,
  .content-row h5 {
    font-size: 16px;
  }
  body .h3,
  body h3 {
    font-size: 18px;
  }
  .special-container-tabs {
    padding-top: 0;
  }
  body .accordion-button {
    margin-top: 0;
    margin-bottom: 0;
  }
  body .accordion-button h4,
  body .accordion-button .h4 {
    font-size: 18px;
  }
  /* tabla de inversiones */
  body .page.creditos_activos .gral_container.content_container {
    padding-top: 0;
  }
  body h3,
  body .h3 {
    font-size: 18px !important;
  }
  body .page.amortizacion .gral_container.content_container {
    max-width: 100%;
    left: 0;
    top: 55px;
  }
  .flex-wrap-mobile {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .armotizacion--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 0;
    position: relative;
  }
  .armotizacion--info #download {
    position: absolute;
    top: -40px;
    right: 0;
  }
  .armotizacion--info .h5 {
    width: 40%;
    color: #6a6a6a !important;
  }
  .armotizacion--info .h5.table-icon-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .armotizacion--info .h5.table-icon-info * {
    margin: 0;
  }
  .armotizacion--info .h5 span {
    display: block;
    margin-top: 8px;
  }
  .armotizacion--info .h5 span:not(.material-symbols-outlined) {
    color: #000 !important;
  }
  /* lineas de credito */
  #container1.card--items-credit {
    padding: 0 !important;
  }
  #container1.card--items-credit .container2 {
    width: 100%;
    gap: 20px;
    height: calc(100vh - 350px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #container1.card--items-credit .container2 .card_ {
    margin: 0;
    -webkit-box-flex: initial !important;
        -ms-flex: initial !important;
            flex: initial !important;
    width: 100%;
    -webkit-transform: initial !important;
            transform: initial !important;
  }
  /* pantallas de gracias */
  .contentainer-info-postura .table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contentainer-info-postura .table td {
    display: block;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4px 0 !important;
    border: 0;
  }
  .contentainer-info-postura .table td:first-child {
    width: 100%;
  }
  .contentainer-info-postura .table .tagMonto {
    text-align: center;
  }
  .gral_container .data-widget {
    margin-top: 65px;
    margin-bottom: 32px;
    padding: 32px 0;
    border-radius: 16px !important;
  }
  .gral_container.content_container.corro_creditos.finanzas--layout {
    margin-top: 0 !important;
  }
  .gral_container.content_container.corro_creditos.finanzas--layout .data-widget.data-widget__track.content-transferencia {
    margin-top: 0;
  }
  .gral_container.content_container.corro_creditos.finanzas--layout .gral_container.finanzas_personales {
    padding-top: 92px;
    padding-left: 0;
  }
  .gral_container.content_container.corro_creditos.finanzas--layout .data-widget.data-widget__track.content-transferencia {
    height: auto !important;
  }
  body .page.mis_contratos .gral_container.content_container.corro_creditos.finanzas--layout {
    margin-top: 55px !important;
  }
  body .page.mis_contratos #table .detail-view .card--main {
    padding: 0 !important;
    border: 0;
    border-radius: 0;
  }
  body .page.mis_contratos #table .detail-view .card--main > .row {
    margin: 0 !important;
    gap: 14px;
  }
  body .page.mis_contratos #table .detail-view .card--main > .row > .card__col {
    width: calc(50% - 10px);
    padding: 0 !important;
  }
  body .fs-14 {
    font-size: 12px !important;
  }
  .card__col .card-body * {
    font-size: 12px !important;
    line-height: 15px;
  }
  .card__col .card {
    padding-top: 16px;
  }
  .card__col-main {
    padding: 0 !important;
  }
  .container-fluid.special-tab.container-informacion.facturacion--layout[data-type=special-tabs] {
    margin-top: 55px;
  }
  .page .gral_container .titulo_seccion,
  .seccion_acreditados_form .content_container form {
    width: 100% !important;
  }
  .form_pasos fieldset > .row {
    margin-bottom: 16px !important;
  }
  .form_pasos fieldset > .row > div {
    margin-bottom: 16px;
  }
  .form_pasos fieldset > .row > div:last-child {
    margin-bottom: 0;
  }
  .form_pasos fieldset.total_fieldset ul,
  .form_pasos fieldset.total_fieldset li,
  input[type=submit] {
    width: 100% !important;
    max-width: 100%;
  }
  .ayuda--layout.contacto--tabs {
    margin-top: 75px;
  }
  .container2.cards-elements > div {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, #E1E5FA), color-stop(43%, #eaedfc));
    background: linear-gradient(180deg, #E1E5FA 43%, #eaedfc 43%);
  }
  .container2.cards-elements > div.active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, #5268FF), color-stop(43%, #8695ff)) !important;
    background: linear-gradient(180deg, #5268FF 43%, #8695ff 43%) !important;
  }
  /* terminos */
  .btns-form.terminos_new #terminos-form .btn--type2 {
    width: 100%;
    margin-bottom: 24px;
  }
  .btns-form.terminos_new {
    width: 100%;
  }
  .btns-form.terminos_new #terminos-form section {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .terminos_container.terminos_new.contenido_terminos h1.subtitle {
    margin-top: 0;
    margin-bottom: 0;
  }
  .no--data {
    margin-top: 32px;
  }
  .terminos_container.terminos_new .contenedor {
    padding: 15px;
  }
  /* guia */
  .page .gral_container .container-fluid.special-tab.mobile--on-scroll {
    height: 100vh;
  }
  /* host */
  body .page.host .container .select_tarea.host_container_task {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .page.host .container .select_tarea.host_container_task .container_host-btn {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 100%;
    min-height: 20.5svh;
  }
  body .page.host .gral_container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  body .page.host .container .select_tarea.host_container_task .container_host-btn .titulo_host-btn {
    font-size: 18px;
    line-height: 25px;
  }
  body .page.host .container .select_tarea.host_container_task .container_host-btn .btn {
    padding: 10px;
    margin-bottom: 10px;
  }
  body .page.alta_host .gral_container .titulo_seccion .right {
    width: 100%;
  }
  body .page.alta_host .gral_container .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .page.alta_host .gral_container .form_file.big_file .prueba {
    width: 100%;
  }
  body .page.alta_host .gral_container .form_file.big_file .upload_recipe .big_eachL {
    width: 100%;
    max-width: 100% s;
  }
  body .page.alta_host .gral_container .form_file.big_file .upload_recipe .recordatorio {
    padding: 10px;
  }
  body .page.alta_host .widget--track-process {
    -ms-grid-columns: calc(100% - 150px) 30px 90px;
    grid-template-columns: calc(100% - 150px) 30px 90px;
  }
  body .page.alta_host .widget--track-process input[type=submit] {
    margin-bottom: 0;
  }
  body .page.alta_host .upload_item span.number .icon::before {
    color: #fff;
  }
  body .page.datos_empleados .gral_container {
    padding-top: 32px;
  }
  body .page.datos_empleados .all_content .nav {
    padding: 0;
  }
  body .page.datos_empleados .all_content .nav .nav-item button {
    padding: 5px 7px;
    font-size: 14px;
    letter-spacing: -0.5px;
  }
  body .bootstrap-table.bootstrap5 .float-right {
    padding-bottom: 0;
  }
  body .bootstrap-table.bootstrap5 .float-left {
    padding: 0 15px;
  }
  body .titulo_seccion p {
    width: 100%;
  }
  body .page #form_datos_empleados {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .page .container_forms_empleado .grid-botones {
    right: 0;
  }
  body .page .titulo_edicion_empleado {
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .page .titulo_edicion_empleado .btnEditar {
    position: relative;
    right: initial;
    width: auto;
    top: 0;
    display: inline-block;
    margin-top: 24px;
  }
  body .page .grid-botones {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-grid-columns: 44% 0 50%;
    grid-template-columns: 44% 50%;
    gap: 0;
  }
  body .page .grid-botones > * {
    margin: 0;
  }
  body .page .grid-botones .btn-anterior-formempleado {
    text-align: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body .formularios_empleado {
    margin: 10px 15px;
  }
  body .page.seccion_acreditados_form.alta_host .container_forms_empleado {
    width: 100%;
  }
  body .page #form_datos_empleados {
    width: 100%;
  }
  body .mensajeTool {
    -ms-grid-columns: 10% 90%;
    grid-template-columns: 10% 90%;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .page .div-buttons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 15px;
  }
  body .page .div-buttons > * {
    margin: 0;
  }
  body .page .row-tabs-block > * {
    margin-bottom: 16px;
  }
  body .page .row-tabs-block input {
    font-size: 14px;
  }
  /* alta host */
  body .page .head-form {
    margin-bottom: 32px;
  }
  body .page .container.container--form .container__col,
  body .page .gral_container.content_container.gral--form {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .page .new-input-wrapper.select {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  body .page .select_englobar {
    margin-top: 10px;
  }
  body .page .gral--form:after {
    bottom: 50vh;
    opacity: 0.6;
  }
  body .page form.form_pasos .total_fieldset {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .page #form_datos_host ul .return,
  body .page #form_datos_host_b ul .return {
    text-align: center;
    margin-bottom: 16px;
    letter-spacing: 0;
  }
  body .page .calendario {
    margin: 0 !important;
    width: 100%;
  }
  body .page .calendario > .row {
    width: 100%;
    margin: 0;
  }
  body .page .calendario .desktop_view {
    min-width: 300px;
  }
  body .page .calendario .calendar_overflow {
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  body .page #form_datos_host .col-3.concept,
  body .page #form_datos_host_b .col-3.concept {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  body .page .total_fieldset ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .page .total_fieldset ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .alert-primary {
    text-align: left;
  }
  html .onboarding ul li a {
    display: block !important;
    text-align: left;
  }
  body .page .titulo_seccion {
    padding-left: 15px;
  }
  body .page .configuracion.config_grupo {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .page .total_fieldset .return {
    font-weight: 500;
    text-align: center;
    display: block;
  }
  /* onboarding */
  .titulo_onboarding_new_sidebar {
    font-size: 18px !important;
    margin-bottom: 16px;
  }
  .col-8.full_mobile.onboarding {
    padding: 0;
  }
  .terminos_container.terminos_new.terminos--step3 {
    display: inline-block;
    padding: 20px;
  }
  .terminos_container.terminos_new.terminos--step3 .col-8.full_mobile.onboarding {
    height: auto;
  }
  .terminos_container.terminos_new.terminos--step3 .total_fieldset.onboarding_step {
    position: relative;
    padding: 16px 0 0 0;
  }
  .text-40,
  .text-40 * {
    font-size: 24px !important;
    line-height: 35px !important;
  }
  .content-row aside.aside--card {
    height: 220px;
  }
  .content-row aside.aside--card img {
    left: -10px;
  }
  .content-row > section {
    padding: 32px 0 0 0;
  }
  .card-carousel__item {
    width: 260px;
  }
  .grid-tabs__item-head {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .grid-tabs__item-head > *:first-child {
    margin-bottom: 16px;
  }
  .grid-tab__table table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .grid-tab__table-item table tr td {
    display: block;
    width: 50%;
    margin-bottom: 16px;
  }
  .grid-tab__table-item table tr td:nth-child(3),
  .grid-tab__table-item table tr td:nth-child(4) {
    margin-bottom: 0;
  }
  .invest-step .tooltip_corro {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  .invest-step {
    margin-top: 24px;
  }
  .digital-card__front {
    background-size: cover;
  }
  .digital-card__logo {
    width: 100px;
  }
  .digital-data-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .digital-data-row > * {
    width: 100%;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  .digital-card__back .digital-card__logo {
    width: 100px;
  }
  .gral_container.content_container.corro_creditos .container.special-tab {
    padding-bottom: 16px;
  }
  /* tdu */
  .card-item-icon figure {
    width: 90px;
    height: 90px;
  }
  .card-item-icon figure span {
    font-size: 50px;
  }
  .content-row.center--row > div {
    width: 34%;
  }
  .content-middle-row aside img {
    max-width: 250px;
  }
  .info-column .tooltip_corro {
    -ms-grid-columns: initial;
    grid-template-columns: initial;
  }
  .invest-step__line-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .body_form_personalizado .invest-table__total {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .invest-table__total li {
    width: 100%;
  }
  .invest-table__total li a {
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
  .credit-info.info_header a {
    margin-top: 0;
  }
  .invest-wrapper-section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .invest-wrapper__label {
    width: 100%;
    display: none;
  }
  .invest-line {
    padding-left: 0;
    padding-right: 0;
  }
  .slider-container .noUi-value span {
    font-size: 12px;
  }
  .slider-container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .landing-layout {
    padding-top: 100px;
  }
  .bottom-info__image {
    top: initial;
    -webkit-transform: initial;
            transform: initial;
    max-width: 80px;
    bottom: 15px;
  }
  .js-carousel-cards.slick-slider {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
  .js-carousel-cards .slick-arrow.slick-prev {
    left: 0;
  }
  .js-carousel-cards .slick-arrow.slick-next {
    right: 0;
  }
  div.grid-card-options {
    margin-top: 0;
  }
  .module {
    padding: 30px 0;
  }
  .faq-box {
    padding: 15px;
  }
  .accordion-box__button {
    font-size: 16px;
  }
  .bottom-info__content {
    padding: 32px 24px;
  }
  /* tdu */
  .product-card .aside--card {
    height: auto;
    padding: 0;
  }
  .product-card .aside--card img {
    width: 100%;
    max-width: 290px;
    margin: -24px auto 0 auto;
    display: block;
  }
  .special-container-tabs[data-view=tdu] {
    padding-top: 32px;
  }
  .product-card-body__btn {
    margin-bottom: 24px;
  }
  .product-card-body h4 {
    font-size: 16px !important;
  }
  .product-card-body__price {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 24px;
  }
  #btn_comprar_ahora {
    width: 100%;
    margin-top: 24px !important;
  }
  .box-card-view .col-4 {
    width: 33.33333333% !important;
  }
  .box-card-view .col-8 {
    width: 66.66666667% !important;
  }
  .card-info-icon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 8px;
  }
  .card-info-icon span.base-color {
    display: block;
    width: 100%;
    padding-left: 24px;
  }
  .logo-qluub {
    max-width: 120px;
    top: 6px;
    margin-left: 4px;
  }
  .main--tdu {
    padding-top: 24px;
  }
  .modal-confirm-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-confirm-btn > * {
    width: 100%;
    margin-bottom: 16px;
  }
  .modal-confirm-btn > *:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .modal-confirm-btn > *:last-child {
    margin-bottom: 16px !important;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .modal-body > .px-5 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  /* cotizador */
  .actions-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .actions-bottom > * {
    width: 100%;
  }
  .actions-bottom button {
    margin-bottom: 24px !important;
  }
  .actions-bottom > *:last-child {
    margin-bottom: 0 !important;
  }
  .actions-bottom .regresar_btn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 16px !important;
  }
  .actions-bottom .next-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-logo-flow {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 24px;
  }
  .block-choose__body {
    padding: 16px 0;
    margin: 0;
  }
  .block-choose__body > div {
    padding: 0;
  }
  .block-choose {
    padding: 16px;
  }
  .table.table--data td,
  .table.table--data th {
    font-size: 12px;
    line-height: 20px;
  }
  .block-choose__header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .block-choose__header article > * {
    margin-left: 0;
    margin-right: 16px;
  }
  .block-choose__header article {
    margin-top: 24px;
  }
  .block-choose .row {
    margin: 0;
  }
  .block-choose .row .row > div {
    padding: 0;
  }
  .block-choose__header article > *:last-child {
    margin-right: 0;
  }
  .body-swal {
    padding: 0;
  }
  body div:where(.swal2-container) div:where(.swal2-html-container) {
    padding: 20px;
  }
  .swal--actions {
    margin-bottom: 0;
  }
  .body-swal .table.text-14,
  .body-swal .table.text-14 * {
    font-size: 12px !important;
  }
  .body-swal__icon {
    max-width: 90px;
  }
  .stepper-indicator__item {
    font-size: 12px;
  }
  .stepper-indicator__item p:not(.stepper__mobile) {
    display: none;
  }
  .stepper-indicator__item .stepper__mobile {
    display: block;
  }
  .block-info-section {
    padding: 16px;
  }
  body .filter_tablas__col {
    width: 100%;
    margin-bottom: 8px;
  }
  body .filtros_tablas .especial_select_date {
    height: auto;
  }
  body .filtros_tablas .especial_select_date ul {
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .preview_datos form ul li {
    width: 100%;
  }
  .text-32,
  .text-32 * {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .all_content .d-flex.justify-content-end {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  body .select_fo {
    border-radius: 10px;
    background: #9182ea;
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .filtros_ofertas.menu_esp_sec {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
  }
  body .filtros_ofertas {
    background: rgba(145, 130, 234, 0.0823529412);
  }
  body ul.filtros_ofertas.menu_esp_sec li {
    border-radius: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
  }
  body body .page .gral_container.content_container {
    top: 0 !important;
  }
  .wallet-cards {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .box-elevation {
    padding: 14px;
  }
  .stepper-nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 2px;
  }
  .stepper-nav ul li a {
    font-size: 12px;
  }
  .content-row.row--single .line-button * {
    margin-bottom: 16px;
    margin-right: 0;
    width: 100%;
  }
  .content-row.row--single .line-button *:last-child {
    margin-bottom: 0;
  }
  .container_inmediatas.creditos.confirma .table:not(.table--simple) tr td {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
/* ------------------------------------------------------------
     SWAL
------------------------------------------------------------ */
body .swal2-container .swal2-modal .swal2-actions .swal2-confirm {
  background-color: #9182EA !important;
}
body .swal2-container .swal2-modal .swal2-actions .swal2-confirm:hover {
  background-color: #7263CA !important;
}
body .swal2-container .swal2-modal .swal2-actions .swal2-cancel:hover {
  background-color: #E7E7F2 !important;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .box-tour .swal2-actions button {
    margin-bottom: 16px !important;
  }
}
/* ------------------------------------------------------------
     TABLE
------------------------------------------------------------ */
body .headertable {
  background-color: rgba(222, 216, 255, 0.3098039216) !important;
  color: #9182EA;
}
body .totalestable {
  background-color: #F9F8F6 !important;
  color: #313131;
}
body .fixed-table-toolbar {
  margin-bottom: 16px;
}
body .bootstrap-table.bootstrap5 .float-right {
  margin: 0;
  padding-right: 4px;
}
body table th.fs-7 .form-control-sm {
  border-color: #d1cfcf !important;
  border-radius: 4px;
}

.table-warning-info {
  font-size: 11px;
  background: rgba(246, 216, 212, 0.1);
  border-radius: 10px;
  width: 100%;
}
.table-warning-info th,
.table-warning-info td {
  padding: 12px 8px;
  font-weight: 400;
}
.table-warning-info th {
  color: #9182EA;
  border: 0;
}
.table-warning-info td {
  border-right: 1px solid #AEAEAE;
}
.table-warning-info td:last-child {
  border-right: 0;
}

.landing-layout {
  overflow-x: hidden;
}

.custom-pagination {
  margin-top: 20px;
  margin-bottom: 10px;
}
.custom-pagination:empty {
  display: none;
}
.custom-pagination.pagination--transparent {
  background: transparent;
  border: 0;
}

.pagination-btn {
  width: 30px;
  height: 30px;
  padding: 8px;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  color: #333333;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 500;
}

.pagination-btn:hover:not([disabled]) {
  border-color: #9182EA;
  color: #9182EA;
}

.pagination-btn.active {
  border-color: #9182EA;
  color: #9182EA;
  background: #ffffff;
  font-weight: 600;
}

.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-btn .material-symbols-outlined {
  font-size: 20px;
}

/* :::::::::

Responsive

::::::::::*/
@media (max-width: 768px) {
  .float-right.pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    width: 100%;
  }
  .card__col-main .card--main .card .row > *:first-child {
    max-width: 100px;
  }
  body div.fixed-table-toolbar div.row#toolbar .table--suboptions {
    padding-top: 12px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  body div.fixed-table-toolbar div.row#toolbar .table--suboptions > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
  }
  body div.fixed-table-toolbar .float-right.search.btn-group {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-top: 16px !important;
  }
  body div.fixed-table-toolbar #toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    gap: 12px;
    margin-bottom: 16px;
    text-align: left !important;
    width: 100%;
  }
  body .row.table-top-mobile .table--suboptions {
    padding-top: 12px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  body .row.table-top-mobile .table--suboptions > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
  }
  body .tab_po .tasa_interes_po tr, body .tab_po .tasa_interes_po tr td, .tab_po .tasa_interes_po tr.base th, .tab_po .tasa_interes_po tr.base th td {
    padding: 0 8px;
  }
  .table-overflow {
    overflow-x: auto;
  }
  body .table-warning-info {
    width: 1170px;
  }
}
/* ------------------------------------------------------------
     BUTTON
------------------------------------------------------------ */
/* ------------------------------------------------------------
     WIDGET
------------------------------------------------------------ */
.number-widget__result.input {
  line-height: 25px;
}

.invest-hover {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  border-radius: 10px;
}
.invest-hover:hover {
  background: rgba(var(--amethyst), 10%);
}

/* ------------------------------------------------------------
     FORM
------------------------------------------------------------ */
.label-signo input {
  padding-left: 14px;
  font-size: 12px !important;
  letter-spacing: -0.5px;
  padding-right: 4px;
}

.dropdown-item input[type=checkbox]:checked:after {
  opacity: 0;
}

.each_all_check.especial label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

body #form_editar_roles_usuario .fisrt_info .add-role-link {
  width: 170px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  gap: 24px;
}
body #form_editar_roles_usuario .fisrt_info .add-role-link:hover {
  background: #7263CA;
}
body #form_editar_roles_usuario .fisrt_info .add-role-link .icon {
  position: relative;
  top: initial;
  left: 0;
}

.fisrt_info .row > div {
  padding: 0;
}

#nav-select-container .currentInput > label {
  display: none !important;
}

#btn_agregar_icono {
  background: #fff;
  border: 1px solid #7263CA;
  color: #7263CA;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
}
#btn_agregar_icono:hover {
  background: #9182EA;
  color: #fff;
}

.customSelect .customSelect-label {
  padding-left: 6px;
}

/* :::::::::

Responsive

::::::::::*/
@media (max-width: 768px) {
  #nav-select-container {
    margin-bottom: 16px;
  }
  body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset .multiple_buttons {
    text-align: center;
    gap: 0;
  }
}
/* ------------------------------------------------------------
     ALERT
------------------------------------------------------------ */
/* Estilos para errores de validación en campos individuales */
.field-error {
  border: 2px solid #dc3545 !important;
  background-color: #fff5f5 !important;
}

.field-error-message {
  color: #dc3545;
  font-size: 12px;
  margin-top: 5px;
  display: block;
  font-weight: 500;
  background: #fff5f5;
  padding: 4px;
  border-radius: 4px;
}

.field-error-icon {
  position: absolute;
  right: 22px;
  top: 12px;
  color: #dc3545;
  font-size: 16px;
  z-index: 10;
}

.field-container {
  position: relative;
}

.field-container.has-error .form-control {
  border-color: #dc3545 !important;
  background-color: #fff5f5 !important;
}

.field-container.has-error .form-control:focus {
  border-color: #dc3545 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* ------------------------------------------------------------
     VIDEO
------------------------------------------------------------ */
.video-container {
  width: 100%;
  height: 500px;
  position: relative;
}

.video-place {
  max-width: 900px;
  width: 100%;
  background: #f6f6fa;
  padding: 16px;
  border-radius: 10px;
  margin: 32px auto 16px auto;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .video-container {
    height: 190px;
  }
}
/* ------------------------------------------------------------
     HEADER
------------------------------------------------------------ */
#menu-mobile .user-menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.user-menu .person[data-user-type=administrador], .user-menu .person[data-user-type="host.administrador"] {
  pointer-events: none;
}

.logout_desktop a {
  margin-bottom: 6px !important;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  body header .menu.mobile_active nav .icon.icon-close {
    display: none;
  }
  body header .menu .menu-principal li.nav-hide-mobile {
    display: none !important;
  }
  body header .menu .menu-principal li.menu__dropdown ol li a {
    background: transparent;
  }
  body header .menu .menu-principal li a {
    padding: 10px;
    border-radius: 10px;
  }
  body header .menu .menu-principal li a span.icon {
    margin-bottom: 0;
    width: 20px;
    height: 20px !important;
    font-size: 18px !important;
  }
  body header .menu .menu-principal li a span.icon:before {
    font-size: 18px !important;
  }
  body header .menu .menu-principal li a span:not(.material-symbols-outlined) {
    height: auto;
  }
  body header .menu .wrap_mnu.fit_menu {
    max-height: initial;
    overflow: initial;
  }
  body .user-menu__sidebar .icon-text {
    text-align: left;
  }
  body nav.menu_admin {
    height: 100% !important;
    max-height: initial;
  }
  .content-menu-mobile {
    top: 10px;
  }
  .data-widget__actions.qluub-inter {
    top: 0 !important;
  }
}
/* ------------------------------------------------------------
     MODAL
------------------------------------------------------------ */
#modal-contratos .modal-dialog {
  margin: 0 auto;
  max-width: 1000px;
  min-width: initial;
}
#modal-contratos .modal-dialog .modal-content .modal-footer {
  border-radius: 0 0 10px 10px;
}

.modal_tab.preview_datos {
  margin: 0 auto;
  width: 100%;
}
.modal_tab .box {
  border-radius: 10px;
}
.modal_tab table.tabla_usuarios_roles tr th p,
.modal_tab table.tabla_usuarios_roles tr th ul,
.modal_tab table.tabla_usuarios_roles tr td p,
.modal_tab table.tabla_usuarios_roles tr td ul {
  color: #000000;
}
.modal_tab .contenedor_roles .subti {
  font-weight: 700;
  margin: 16px 0;
}
.modal_tab table.tabla_usuarios_roles tr:nth-of-type(2n) {
  background: #f3f1ff;
}

.Lbox-title:empty {
  display: none;
}

.modal-info-warning__icon {
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.08);
  width: 110px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-info-warning__icon span {
  font-size: 70px;
}

.custom-swal-popup {
  width: 100%;
  max-width: 1220px;
}
.custom-swal-popup.custom--medium {
  max-width: 900px;
}
.custom-swal-popup.info--warning .swal2-close {
  color: #E1503C;
}
.custom-swal-popup.info--attention .swal2-close {
  color: #D8AB2C;
}
.custom-swal-popup .swal2-html-container {
  overflow: visible;
}
.custom-swal-popup .modal-info-warning__icon {
  margin-top: -80px;
  margin-bottom: 32px;
}
.custom-swal-popup strong {
  font-weight: 500;
}
.custom-swal-popup .swal2-close {
  border: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  font-size: 32px;
  position: relative;
  top: 10px;
  right: 10px;
}

.modal-info-warning__content p {
  color: #000000;
}
.modal-info-warning__content hr {
  height: 2px !important;
  max-width: 42px;
  margin: 24px auto;
  background-color: #9182EA;
  border-color: #9182EA;
  border-width: 2px;
  opacity: 1;
}

.modal-info-warning__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.modal-info-warning__actions.actions--info {
  background: rgba(216, 170, 44, 0.1);
  padding: 24px;
  border-radius: 10px;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (min-width: 769px) {
  #modal-contratos .modal-dialog {
    height: calc(100% - 32px);
    background: #fff;
    margin: 16px auto;
    border-radius: 20px;
  }
}
@media all and (max-width: 768px) {
  #lightbox.lightbox .new-login-wrapper {
    top: 50%;
  }
  #lightbox.lightbox .new-login-wrapper .new-login-wrapper {
    -webkit-transform: initial;
            transform: initial;
  }
  .modal_tab table.tabla_usuarios_roles,
  .modal_tab table.tabla_usuarios_roles td,
  .modal_tab table.tabla_usuarios_roles th {
    font-size: 12px;
    line-height: 16px;
  }
  .modal_tab table.tabla_usuarios_roles p,
  .modal_tab table.tabla_usuarios_roles td p,
  .modal_tab table.tabla_usuarios_roles th p {
    margin: 0;
    width: 100%;
    text-align: left;
  }
  .modal_tab table.tabla_usuarios_roles td,
  .modal_tab table.tabla_usuarios_roles th {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .Lbox .contenedor_roles {
    max-height: 500px;
  }
  .modal-info-warning__icon {
    width: 70px;
    height: 70px;
  }
  .modal-info-warning__icon span {
    font-size: 40px;
  }
  .custom-swal-popup .modal-info-warning__icon {
    margin-top: -50px;
  }
  .modal-info-warning__actions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
  }
  .modal-info-warning__actions > * {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
/* ------------------------------------------------------------
     CARD
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .digital-data-copy p {
    font-size: 16px !important;
  }
}
/* ------------------------------------------------------------
     TEXT SIZE
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  h2,
  .h2 {
    font-size: 24px;
  }
  .text-20,
  .text-20 *,
  .text-24,
  .text-24 * {
    font-size: 18px !important;
  }
  h4,
  .h4 {
    font-size: 18px !important;
  }
}
/* ------------------------------------------------------------
     TEXT SIZE
------------------------------------------------------------ */
.text-red {
  color: #E1503C;
}

.text-yellow {
  color: #D8AB2C;
}

/* :::::::::

Responsive

::::::::::*/
/* ------------------------------------------------------------
     ACCORDION
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  body .accordion-button h4,
  body .accordion-button .h4 {
    font-size: 16px;
  }
  .accordion-body {
    font-size: 14px;
  }
}
/* ------------------------------------------------------------
     HOME
------------------------------------------------------------ */
body .editar_rol .row .englobar > ul li label {
  letter-spacing: 0;
}

.page .gral_container .landing-layout > .container {
  width: 100%;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (min-width: 769px) {
  body .listado_host .box {
    max-width: 100%;
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .overflow-mobile {
    overflow: hidden;
  }
  ::-webkit-scrollbar {
    display: none !important;
  }
  ::-webkit-scrollbar-track {
    display: none !important;
  }
  ::-webkit-scrollbar-thumb {
    display: none !important;
  }
  .col-8.full_mobile.onboarding .hache2.without_number.onboarding_new {
    font-size: 18px;
  }
  .page .gral_container {
    position: relative;
  }
}
/* ------------------------------------------------------------
     GLOSARIO
------------------------------------------------------------ */
body .seccion_acreditados_form .configuration-quiz-section .add-form .fisrt_info h2 {
  letter-spacing: 0;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: 0;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form fieldset .row {
  margin: 0;
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form fieldset .row .col-6 {
  width: 100%;
  padding: 0;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset .multiple_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset .multiple_buttons .return {
  color: #797272;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset .multiple_buttons .return:hover {
  text-decoration: none;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset .btn.purple_btn {
  background: #9182EA !important;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 19px;
  color: #fff;
  letter-spacing: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-color: #9182EA !important;
}
body .seccion_acreditados_form .configuration-quiz-section .add-form .total_fieldset .btn.purple_btn:hover {
  background: #7263CA !important;
  color: #fff;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .gral_container.configuration-quiz-section {
    padding: 0 15px;
  }
}
/* ------------------------------------------------------------
     CREDITO
------------------------------------------------------------ */
.mw-card > small {
  margin-bottom: 8px;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .data-widget__actions.corro h2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .data-widget__actions.corro .align-end {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  .data-widget__actions.corro .align-end .btn {
    margin-left: 0 !important;
  }
  .credito-blocks {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    padding-top: 16px;
  }
  #btn-add-invest-inmediat {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 16px;
  }
  .credito-blocks__item .invest__qualification--body {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/* ------------------------------------------------------------
     CONFIRMACION
------------------------------------------------------------ */
.data-widget__info hr {
  margin-top: 8px;
  margin-bottom: 16px;
}

.data-widget__actions .close_btn {
  position: relative;
  top: -12px;
}

.container_inmediatas > table td {
  padding-left: 8px;
  padding-right: 8px;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .success-icon-center {
    max-width: 110px;
  }
  .section-confirmation-footer__button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 32px;
  }
  .section-confirmation-footer__button > * {
    margin: 0 !important;
    width: 100%;
    max-width: 100% !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
  }
  .section-confirmation-footer__button > * .icon {
    margin: 0 !important;
    width: auto !important;
  }
  .gral_container .data-widget {
    margin-top: 45px;
    padding: 16px;
  }
  .data-widget__actions.corro .align-end .btn, .data-widget__actions.corro .align-end a {
    font-size: 12px !important;
  }
  .data-widget__actions.corro .align-end .btn .icon, .data-widget__actions.corro .align-end a .icon {
    font-size: 14px !important;
  }
  .container_inmediatas.creditos.confirma .table:not(.table--simple) {
    display: block;
    width: 100%;
  }
  .container_inmediatas.creditos.confirma .table:not(.table--simple) tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .container_inmediatas.creditos.confirma .table:not(.table--simple) tr td {
    border: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .container_inmediatas.creditos.confirma .table:not(.table--simple) tr td:first-child {
    width: 100%;
  }
  .container_inmediatas.creditos.confirma .table:not(.table--simple) tr td:not(:first-child) {
    width: 50%;
  }
  .data-widget.inversionista {
    margin-top: 15px;
  }
  .data-widget__actions.corro .align-end {
    min-width: 100% !important;
  }
  .info-column.white-corro {
    height: auto !important;
  }
}
/* ------------------------------------------------------------
     CONTABILIDAD
------------------------------------------------------------ */
.table--credito .headertable {
  background: #F1B9F7;
  color: #9E2FAA;
}

.table--inversiones .headertable {
  background: #D8DDFF;
  color: #5268FF;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .top-nav-wallet {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top-nav-wallet > div {
    width: 100%;
  }
  .top-nav-wallet > div a {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    font-size: 14px;
  }
}
/* ------------------------------------------------------------
     THANKS
------------------------------------------------------------ */
.data-widget__actions.corro {
  -ms-grid-columns: 60% 40%;
  grid-template-columns: 60% 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.data-widget__actions.corro .align-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.data-widget__actions.corro .align-end .btn,
.data-widget__actions.corro .align-end a {
  margin: 0;
  font-size: 14px;
  position: initial;
}

.data-widget__actions.corro .align-end {
  min-width: 340px;
}

.gral_container.content_container.corro_creditos .data-widget {
  overflow-y: auto;
}

.content_cornometro {
  position: relative;
  margin-top: 16px;
  top: 0;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 992px) {
  .data-widget__actions.corro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 768px) {
  .info-column.white-corro.confirma-personalizado.new_style {
    max-height: initial !important;
  }
  .info-column .txt-white.corro {
    width: 100%;
  }
  .info-column h2 {
    font-size: 18px;
  }
  .data-widget__actions.corro {
    margin-bottom: 16px !important;
  }
  .accordion-item__header {
    font-size: 14px;
  }
  .container--overflow-armotizacion .table-section-overflow {
    overflow-x: auto;
  }
  .content_cornometro {
    margin-bottom: 16px;
  }
  .content_cornometro .align-end {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* ------------------------------------------------------------
     LOGIN
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  body .page.new-login .gral_container.content_container {
    height: calc(100dvh - 92px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  body .page.new-login .gral_container.content_container .new-login-wrapper {
    top: 42%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media all and (max-width: 320px) {
  body .page.new-login .gral_container.content_container {
    padding-top: 16px;
  }
  body .page.new-login .gral_container.content_container .new-login-wrapper {
    padding: 20px;
  }
}
/* ------------------------------------------------------------
     WELCOME
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .wallet-cards {
    -webkit-transform: scale(0.6) translateX(-50%);
            transform: scale(0.6) translateX(-50%);
    left: 44%;
    margin: 50px auto 20px auto;
  }
  .wallet-cards[data-number-cards="1"] {
    margin: 0;
  }
  .wallet-cards[data-number-cards="1"] .digital-card.active {
    left: 57%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .js-carousel-cards.slick-slider {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .dashbord-notification.titulo_seccion {
    padding: 0;
  }
  .dashbord-notification.titulo_seccion .hour {
    width: 100%;
    margin-top: 0;
    margin-bottom: 8px;
    gap: 3px;
  }
  .dashbord-notification.titulo_seccion .hour:last-child {
    margin-bottom: 0;
  }
  .page .gral_container .titulo_seccion.finanzas_tit {
    padding-left: 0;
  }
  .dashboard-tabs ul {
    gap: 0;
    margin-bottom: 8px;
  }
  .dashboard-tabs ul li button {
    font-size: 12px;
    padding: 5px 8px !important;
  }
  .dashboard-tabs #refresh.btn {
    font-size: 12px;
    gap: 0;
    padding: 0 8px;
  }
  .dashboard-tabs #refresh.btn span {
    font-size: 18px;
  }
}
/* ------------------------------------------------------------
     COBRO
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .cobro_home.row {
    margin: 0;
  }
  .cobro_home.row > div {
    padding: 0;
  }
  .cobro_home.row .bootstrap-table.bootstrap5 .float-right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  body .page .gral_container.content_container .titulo_seccion.titulo_seccion_mobile {
    padding: 0;
  }
  body .page .gral_container.content_container .sticky-top {
    padding-top: 24px;
    font-size: 0;
  }
  body .page .gral_container.content_container .sticky-top label {
    display: block;
    width: 100%;
    font-size: 14px;
  }
}
/* ------------------------------------------------------------
     FACTURACION
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .page .lonely {
    margin-left: 0 !important;
  }
}
/* ------------------------------------------------------------
     FINANCIERO
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  body .seccion_acreditados_form .content_container fieldset .hache3 {
    font-size: 16px !important;
  }
  .tab_po .box.competencia_po .institution-offer-table {
    width: 500px !important;
  }
  .tab_po .box.competencia_po .institution-offer-table td,
  .tab_po .box.competencia_po .institution-offer-table th {
    width: 100px;
  }
  .each_questionnaire .btn.add_question {
    margin-bottom: 10px !important;
    min-width: 140px;
  }
  .each_questionnaire .container-fluid {
    padding-top: 0;
  }
  .listado_host.cuestionarios .box {
    padding: 0;
  }
  .ag-theme-balham.tablas {
    margin-top: 16px !important;
  }
}
/* ------------------------------------------------------------
     MI DINERO
------------------------------------------------------------ */
.exchange--checkbox-module {
  background: #F9F8F6;
}

.new-button.qluub-inter.next--go {
  font-size: 14px;
  cursor: pointer;
}

/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .widget--track-process {
    -ms-grid-columns: calc(100% - 245px) 30px 30px 155px;
    grid-template-columns: calc(100% - 245px) 30px 30px 155px;
  }
}
/* ------------------------------------------------------------
     INVERSIONES
------------------------------------------------------------ */
/* :::::::::

Responsive

::::::::::*/
@media all and (max-width: 768px) {
  .new-col-9.col--visible.col--nocredito form {
    padding-top: 24px;
  }
  .invest__qualification {
    width: 100%;
  }
}
/* ------------------------------------------------------------
    LARGE
------------------------------------------------------------ */
/* ------------------------------------------------------------
    MEDIUM
------------------------------------------------------------ */
/* ------------------------------------------------------------
    SMALL
------------------------------------------------------------ */