@charset "UTF-8";
/*Checkboxes y Radios*/
:root {
  --shadow-default: 0px 1px 2px rgba(69, 73, 79, 0.2), 0px 1px 3px 1px rgba(69, 73, 79, 0.15);
  --floating-sidebar-shadow: 2px 0 15px rgba(0,0,0, 0.1);
  --floating-sidebar-zindex: 1000;
  --floating-sidebar-inner-zindex: 1000;
  --floating-sidebar-bg-zindex: 999;
  --floating-sidebar-bg-opacity: 0.05;
  --floating-sidebar-bg-bgcolor: #B34190;
  --icon-size: 24px;
  --rz-icon-size: var(--icon-size, 24px);
  --scrollbar-color: #bbb;
  --scrollbar-bgcolor: rgba(0, 0, 0, 0.05);
  --loading-bg-image-color: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='18' y='30' width='14' height='40' fill='%23009C94' opacity='0.65'%3e%3canimate attributeName='y' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='14;30;30' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.2s'%3e%3c/animate%3e%3canimate attributeName='height' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='72;40;40' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.2s'%3e%3c/animate%3e%3c/rect%3e%3crect x='43' y='30' width='14' height='40' fill='%23009C94'%3e%3canimate attributeName='y' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='18;30;30' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.1s'%3e%3c/animate%3e%3canimate attributeName='height' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='64;40;40' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.1s'%3e%3c/animate%3e%3c/rect%3e%3crect x='68' y='30' width='14' height='40' fill='%23009C94' opacity='0.65'%3e%3canimate attributeName='y' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='18;30;30' keySplines='0 0.5 0.5 1;0 0.5 0.5 1'%3e%3c/animate%3e%3canimate attributeName='height' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='64;40;40' keySplines='0 0.5 0.5 1;0 0.5 0.5 1'%3e%3c/animate%3e%3c/rect%3e%3c/svg%3e");
  --loading-bg-image-white: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='18' y='30' width='14' height='40' fill='%23ffffff' opacity='0.65'%3e%3canimate attributeName='y' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='14;30;30' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.2s'%3e%3c/animate%3e%3canimate attributeName='height' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='72;40;40' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.2s'%3e%3c/animate%3e%3c/rect%3e%3crect x='43' y='30' width='14' height='40' fill='%23ffffff'%3e%3canimate attributeName='y' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='18;30;30' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.1s'%3e%3c/animate%3e%3canimate attributeName='height' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='64;40;40' keySplines='0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.1s'%3e%3c/animate%3e%3c/rect%3e%3crect x='68' y='30' width='14' height='40' fill='%23ffffff' opacity='0.65'%3e%3canimate attributeName='y' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='18;30;30' keySplines='0 0.5 0.5 1;0 0.5 0.5 1'%3e%3c/animate%3e%3canimate attributeName='height' repeatCount='indefinite' dur='1s' calcMode='spline' keyTimes='0;0.5;1' values='64;40;40' keySplines='0 0.5 0.5 1;0 0.5 0.5 1'%3e%3c/animate%3e%3c/rect%3e%3c/svg%3e");
  --loading-bg-image: var(--loading-bg-image-white);
  --media-breakpoint-md: 768px;
  --dato-item-min-w: 240px;
  --dato-item-gap-row: 20px;
  --dato-item-gap-column: 30px;
  --dato-item-inline-font-size: 13px;
  --rz-panel-shadow: var(--shadow-default);
}

html, body {
  height: 100%;
}

body {
  background: #f3f3f3;
}
body * {
  box-sizing: border-box;
}
body.rz-dialog-is-open {
  overflow: hidden;
}
body .text-primary {
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

body, div, .custom-scroll {
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bgcolor);
  scrollbar-width: thin;
}
body::-webkit-scrollbar, div::-webkit-scrollbar, .custom-scroll::-webkit-scrollbar {
  background-color: var(--scrollbar-bgcolor);
  width: 16px;
  height: 16px;
}
body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, .custom-scroll::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 0;
  min-width: 16px;
  min-height: 16px;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: top;
}

body, .icon-outlined {
  --rz-icon-size: var(--icon-size, 24px);
}

.bi {
  font-size: var(--icon-size, 24px);
}

h1, .h1 {
  font-size: 28px;
}

h2, .h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 20px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

p {
  line-height: 1.2;
}

a {
  text-decoration: none;
  color: inherit;
}

a.link {
  cursor: pointer;
  align-items: center;
}
a.link span, a.link strong {
  text-decoration: underline;
  display: inline-block;
}
a.link span + i, a.link strong + i {
  margin-left: 4px;
}
a.link i + span, a.link i + strong {
  padding-left: 4px;
}
a.link.link-color {
  color: #da2c38;
}

strong {
  font-weight: 600;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
}
.wrap-xl {
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
}
@media (min-width: 1400px) {
  .wrap-xl {
    max-width: 1360px;
  }
}

.bg-light {
  background: #FAFAFB !important;
}

.mh-100 {
  min-height: 100% !important;
}

.text-dd {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1.2;
}
.text-dd span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-dd::after {
  font-family: "ba-custom-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  font-size: inherit;
  padding-left: 4px;
  content: "\e81d";
}

#layout {
  min-height: 100vh;
}
@media (min-width: 992px) {
  #layout > .main-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
  }
  #layout > .main-sidebar + .main-content {
    margin-left: var(--sidebar-width, 0);
  }
}
@media (max-width: 991.98px) {
  #layout {
    padding-top: var(--sidebar-top-height, 0);
  }
}

.main-content {
  padding: 15px;
}
@media (min-width: 768px) {
  .main-content {
    padding: 15px 25px;
  }
}

a.button-custom-a {
  display: flex;
  background-color: #4666ff;
  color: white;
  border-radius: 12px;
  padding: 10px;
  min-height: 74px;
  cursor: pointer;
  box-shadow: var(--shadow-default);
  line-height: 1;
}
a.button-custom-a .img {
  display: inline-flex;
  flex: 0 0 auto;
  width: 100px;
  border-right: 5px solid rgba(255, 255, 255, 0.15);
  justify-content: center;
  align-items: center;
}
a.button-custom-a .img svg, a.button-custom-a .img img {
  max-height: 100%;
}
a.button-custom-a .text {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 15px;
}
a.button-custom-a .text strong {
  font-size: 20px;
  display: block;
}
a.button-custom-a .text strong + span {
  padding-top: 4px;
  display: block;
}

.btn-cerrar {
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--btn-cerrar-size, 24px);
  height: var(--btn-cerrar-size, 24px);
  padding: 0;
  color: var(--btn-cerrar-color, inherit);
  font-size: var(--btn-cerrar-font-size, 20px);
}
.btn-cerrar i {
  font-size: inherit;
  line-height: 1;
}

.title-box {
  display: flex;
  padding: 10px;
  background-color: #2c2a29;
  color: white;
  font-weight: 700;
  border-radius: 5px;
  line-height: 1;
  font-size: 28px;
}
.title-box i {
  flex: 0 0 auto;
  margin-right: 10px;
}
.title-box span {
  display: block;
  flex: 1;
}

.back-bg {
  background-color: var(--floating-sidebar-bg-bgcolor);
  opacity: var(--floating-sidebar-bg-opacity);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--floating-sidebar-bg-zindex);
}
.back-bg:not([data-show]) {
  display: none !important;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}

.section-title {
  display: flex;
  align-items: center;
  --icon-wrapper-size: 38px;
}
.section-title .svg-icon {
  flex: 0 0 auto;
}
.section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
.section-title h1:not(:first-child), .section-title h2:not(:first-child), .section-title h3:not(:first-child), .section-title h4:not(:first-child), .section-title h5:not(:first-child), .section-title h6:not(:first-child) {
  padding-left: 10px;
}
.section-title.st-center {
  justify-content: center;
}

/*Cards*/
@media (max-width: 767.98px) {
  :root {
    --rz-card-padding: 15px;
  }
}
.row-info-boxes {
  --bs-gutter-y: 10px;
}
.row-info-boxes > .col > .card {
  min-height: 100%;
}

.card-info-box {
  --bs-card-bg: white;
  --bs-card-border-width: 1px;
  --bs-card-spacer-x: 10px;
  --bs-card-spacer-y: 10px;
}
.card-info-box h6 {
  font-size: 13px;
  margin: 0 0 4px 0;
}
.card-info-box p {
  color: #6c757d;
}

.grid-data {
  display: grid;
  row-gap: var(--dato-item-gap-row);
  column-gap: var(--dato-item-gap-column);
  grid-template-columns: repeat(auto-fill, minmax(var(--dato-item-min-w, 200px), 1fr));
}
.grid-data .item-inner h6 {
  margin: 0;
  text-transform: uppercase;
  font-size: 11px;
}
.grid-data .item-inner p {
  margin: 0;
  color: #6c757d;
}
.grid-data .item-inner p + p {
  margin-top: 10px;
}
.grid-data.grid-form {
  --dato-item-gap-row: 0;
  --dato-item-gap-column: 16px;
  --dato-item-min-w: 180px;
}

.info-data-item h6 {
  margin: 0;
  text-transform: uppercase;
  font-size: 11px;
}
.info-data-item p {
  margin: 0;
  color: #6c757d;
}
.info-data-item p + p {
  margin-top: 10px;
}

.inline-data {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}
.inline-data .data-item {
  flex: 0 0 auto;
  padding: 8px 30px 8px 0;
  font-size: var(--dato-item-inline-font-size, 16px);
  font-weight: 600;
  display: inline-flex;
  position: relative;
}
.inline-data .data-item h6, .inline-data .data-item p {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
}
.inline-data .data-item p {
  padding-left: 5px;
  color: #636B6A;
}
.inline-data .data-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -15px;
  border-left: 1px solid #ced4da;
}

.card {
  --bs-card-bg: white;
  --bs-card-box-shadow: var(--shadow-default);
  box-shadow: var(--bs-card-box-shadow);
}

.rz-panel.panel-detalle {
  --rz-panel-padding: 15px 20px;
}
.rz-panel.panel-detalle .rz-panel-titlebar {
  --icon-wrapper-bg: #adb5bd;
  --icon-color: #4666ff;
  --icon-size: 20px;
  --icon-wrapper-size: 26px;
  --icon-wrapper-radius: 2px;
}
.rz-panel.panel-detalle .rz-panel-titlebar h4 {
  color: #4666ff;
  font-size: 15px;
  font-weight: 600;
}
.rz-panel.panel-detalle .rz-panel-content {
  padding-top: 15px;
}
.rz-panel.panel-detalle.hide-toggler-xs .rz-panel-titlebar-toggler[aria-expanded=true],
.rz-panel.panel-detalle.hide-toggler-xs .rz-panel-titlebar-toggler:not([aria-expanded=false]) {
  display: none;
}
@media (min-width: 576px) {
  .rz-panel.panel-detalle.hide-toggler-sm .rz-panel-titlebar-toggler[aria-expanded=true],
  .rz-panel.panel-detalle.hide-toggler-sm .rz-panel-titlebar-toggler:not([aria-expanded=false]) {
    display: none;
  }
}
@media (min-width: 768px) {
  .rz-panel.panel-detalle.hide-toggler-md .rz-panel-titlebar-toggler[aria-expanded=true],
  .rz-panel.panel-detalle.hide-toggler-md .rz-panel-titlebar-toggler:not([aria-expanded=false]) {
    display: none;
  }
}
@media (min-width: 992px) {
  .rz-panel.panel-detalle.hide-toggler-lg .rz-panel-titlebar-toggler[aria-expanded=true],
  .rz-panel.panel-detalle.hide-toggler-lg .rz-panel-titlebar-toggler:not([aria-expanded=false]) {
    display: none;
  }
}
@media (min-width: 1200px) {
  .rz-panel.panel-detalle.hide-toggler-xl .rz-panel-titlebar-toggler[aria-expanded=true],
  .rz-panel.panel-detalle.hide-toggler-xl .rz-panel-titlebar-toggler:not([aria-expanded=false]) {
    display: none;
  }
}
@media (min-width: 1400px) {
  .rz-panel.panel-detalle.hide-toggler-xxl .rz-panel-titlebar-toggler[aria-expanded=true],
  .rz-panel.panel-detalle.hide-toggler-xxl .rz-panel-titlebar-toggler:not([aria-expanded=false]) {
    display: none;
  }
}

.pg-header {
  position: sticky;
  top: 0;
  background-color: #f3f3f3;
  border-bottom: 1px solid #ddd;
  margin: -15px -15px 15px -15px;
  padding: 10px 15px;
  z-index: 10;
}
@media (max-width: 991.98px) {
  .pg-header {
    top: var(--sidebar-top-height, 0);
  }
}

.rz-dialog.dialog-products-selector,
.rz-dialog.dialog-zone-selector,
.rz-dialog.dialog-branch-office-selector {
  width: 650px !important;
  max-width: 96vw;
}

.rz-dialog.dialog-products-selector .rz-dialog-content,
.rz-dialog.dialog-zone-selector .rz-dialog-content,
.rz-dialog.dialog-other-ids .rz-dialog-content,
.rz-dialog.dialog-branch-office-selector .rz-dialog-content {
  padding: 0;
}

.rz-dialog.dialog-address-form,
.rz-dialog.dialog-branch-office-form,
.dialog-catalog-registry-form,
.dialog-other-ids {
  width: 450px !important;
  max-width: 96vw;
}

.dropdown-menu {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.page {
  position: relative;
  background-color: #F4F4F4;
}

.footer-register {
  width: 100%;
  background-color: #4666ff;
  color: white;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.footer-register p {
  font-size: 0.875rem;
}

.login-noti {
  border: 2px solid #59CBE8;
  min-height: 53px;
  border-radius: 8px;
  padding: 16px;
  font-size: 1rem;
  font-weight: 600;
}

:root {
  --sidebar-width: 226px;
  --sidebar-link-mh: 54px;
  --sidebar-link-reportes-mh: 48px;
}
@media (min-width: 768px) {
  :root {
    --sidebar-link-mh: 64px;
  }
}

.sidebar {
  width: var(--sidebar-width);
  background-color: white;
  z-index: 58;
  position: fixed;
  top: var(--header-top-h);
  left: 0;
  bottom: 0;
  transition: width ease 0.3s;
}
.sidebar .sbm-inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 226px;
  bottom: 0;
  overflow: auto;
}
.sidebar .sbm-menu {
  min-height: 40vh;
}
.sidebar .sbm-menu .sbm-menu-link {
  display: flex;
  color: #2c2a29;
  line-height: 1.1;
  font-size: 14px;
  padding: 12px 48px 12px 12px;
  position: relative;
  min-height: var(--sidebar-link-mh);
  align-items: center;
  border-right: 4px solid transparent;
}
.sidebar .sbm-menu .sbm-menu-link > i {
  font-size: 24px;
}
.sidebar .sbm-menu .sbm-menu-link > i + span {
  padding-left: 8px;
}
.sidebar .sbm-menu .sbm-menu-link > span {
  flex: 1;
  display: block;
}
.sidebar .sbm-menu .sbm-menu-link::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.51109 3.48899L14.9961 10.974C15.3861 11.365 15.3861 11.998 14.9961 12.388L7.51109 19.874L8.21809 20.581L15.7031 13.095C16.4831 12.316 16.4831 11.047 15.7031 10.267L8.21809 2.78199L7.51109 3.48899Z' fill='%232C2A29'/%3e%3c/svg%3e ");
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.sidebar .sbm-menu .sbm-menu-link:hover, .sidebar .sbm-menu .sbm-menu-link.active {
  background: #F2F4FF;
}
.sidebar .sbm-menu .sbm-menu-link.active {
  border-right-color: #4666ff;
  font-weight: 600;
  color: #1C2966;
}
.sidebar .sbm-menu .sbm-menu-reportes {
  display: flex;
  color: #2c2a29;
  line-height: 1.1;
  font-size: 14px;
  padding: 12px 48px 12px 12px;
  position: relative;
  min-height: var(--sidebar-link-mh);
  align-items: center;
  border-right: 4px solid transparent;
}
.sidebar .sbm-menu .sbm-menu-reportes > i {
  font-size: 24px;
}
.sidebar .sbm-menu .sbm-menu-reportes > i + span {
  padding-left: 8px;
}
.sidebar .sbm-menu .sbm-menu-reportes > span {
  flex: 1;
  display: block;
}
.sidebar .sbm-menu .sbm-menu-reportes::after {
  content: "";
  background-image: url("/img/iconos/svg/arrow2-down.svg");
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.sidebar .sbm-menu .sbm-menu-reportes[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(-180deg);
}
.sidebar .sbm-menu .sbm-menu-reportes:hover, .sidebar .sbm-menu .sbm-menu-reportes.active {
  background: #F2F4FF;
}
.sidebar .sbm-menu .sbm-menu-reportes.active {
  border-right-color: #4666ff;
  font-weight: 600;
}
.sidebar .sbm-menu .sbm-menu-link-reportes {
  display: flex;
  color: #2c2a29;
  line-height: 1.1;
  font-size: 14px;
  padding: 12px 48px 12px 42px;
  position: relative;
  min-height: var(--sidebar-link-reportes-mh);
  align-items: center;
  border-right: 4px solid transparent;
}
.sidebar .sbm-menu .sbm-menu-link-reportes > i {
  font-size: 24px;
}
.sidebar .sbm-menu .sbm-menu-link-reportes > i + span {
  padding-left: 8px;
}
.sidebar .sbm-menu .sbm-menu-link-reportes > span {
  flex: 1;
  display: block;
}
.sidebar .sbm-menu .sbm-menu-link-reportes:hover, .sidebar .sbm-menu .sbm-menu-link-reportes.active {
  background: #F4F4F4;
}
.sidebar .sbm-menu .sbm-menu-link-reportes.active {
  font-weight: 700;
}

.sbm-menu-bottom {
  padding: 25px 15px;
}
.sbm-menu-bottom .btn {
  width: 100%;
  text-transform: none;
}

.sidebar-bg-back {
  display: none;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  body.sidebar-toggled {
    --sidebar-width: 0;
  }
}
@media (max-width: 991.98px) {
  body {
    --sidebar-width: 0;
  }
  body.sidebar-toggled {
    --sidebar-width: 226px;
    /**/
    overflow: hidden;
  }
  body.sidebar-toggled .sidebar-bg-back {
    display: block;
  }
}
#new-page-wrapper {
  padding-top: var(--header-top-h, 0) !important;
  padding-bottom: 6rem !important;
  box-sizing: border-box;
  position: relative;
}

@media (min-width: 992px) {
  #new-page-wrapper {
    margin-left: var(--sidebar-width, 0);
    transition: margin-left ease 0.3s;
  }
}
:root {
  --header-top-h: 64px;
  --theme-footer-h: 53px;
}

:root {
  --sidebar-menu-width: 226px;
  --sidebar-link-mh: 54px;
  --sidebar-link-reportes-mh: 48px;
}
@media (min-width: 768px) {
  :root {
    --sidebar-link-mh: 64px;
  }
}

.header-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 60;
  background-color: white;
  box-shadow: var(--theme-shadow-3, none);
  padding: 0;
  margin: 0;
}
.header-top .ht-inner {
  display: flex;
  align-items: center;
  min-height: var(--header-top-h);
  padding: 0 5px;
}
.header-top .ht-lside {
  flex-grow: 1;
  margin-right: auto;
  display: flex;
  align-items: center;
}
.header-top .ht-logo {
  padding-top: 3px;
  padding-right: 15px;
}
.header-top .ht-logo img {
  height: 24px;
}
.header-top .ht-rside {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.header-top .ht-nav {
  display: flex;
}
.header-top .ht-nav > .ht-nav-item > a {
  padding: 8px 15px;
  color: inherit;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
}
.header-top .ht-nav > .ht-nav-item > span {
  padding: 8px 15px;
  line-height: 1;
  font-size: 16px;
}
.header-top .ht-nav > .ht-nav-item.bor-l {
  border-left: 1px solid #ccc;
}
.header-top .ht-btn-toggle {
  background: transparent;
  border: none;
  padding: 10px 15px;
  line-height: 1;
}
.header-top .ht-btn-toggle i {
  font-size: 24px;
}
.header-top .dropdown-menu {
  min-width: 240px;
}
.header-top .dropdown-toggle::after {
  display: none;
}
@media (max-width: 767.98px) {
  .header-top .ht-lside .ht-nav,
  .header-top .link-perfil > span {
    display: none;
  }
}

table {
  --rz-badge-font-size: inherit;
}
table .badge {
  font-size: inherit;
  font-family: inherit !important;
  color: #f3f3f3 !important;
  padding: 0.5rem;
  min-width: 26px;
  border-radius: 16px;
}
table .badge:not(strong) {
  font-weight: normal;
}
table .badge.text-bg-primary {
  background-color: #4666ff !important;
  color: white !important;
}
table .ttip {
  color: #656565;
}
table .rz-menu {
  text-align: left;
}
table .rz-menu > li > .rz-navigation-item-wrapper > .rz-navigation-item-link {
  padding: 2px 5px !important;
  border-radius: 4px;
  border: none;
  min-height: 28px;
  background-color: rgba(233, 236, 239, 0.6);
}
table .rz-menu > li > .rz-navigation-item-wrapper > .rz-navigation-item-link:hover {
  background-color: rgba(44, 42, 41, 0.3);
}
table .rz-navigation-menu {
  font-size: 13px;
}

table.table-style {
  font-size: 14px;
}
table.table-style .label-th {
  display: none;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 4px;
}
table.table-style thead tr > th {
  padding: 1.2rem;
  border: none !important;
  color: #2c2a29;
  font-size: 14px;
  border-bottom: 2px solid #2c2a29 !important;
  background: #F2F4FF;
  line-height: 1;
}
table.table-style tbody tr > td {
  border: none;
  padding: 1.2rem;
  color: #2c2a29;
  background-color: white;
  border-color: transparent;
  border-top: 1px solid #dee2e6;
  word-break: break-word;
  line-height: 1.1;
}
table.table-style tbody tr > td.actions, table.table-style tbody tr > td.togg {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width: 992px) {
  table.table-style tbody tr > td {
    color: #2C2A29;
  }
  table.table-style tbody tr:hover > td {
    background-color: #f8f9fa;
    color: #2c2a29;
  }
}
table.table-style.table-td-sm tbody tr > td {
  padding: 5px;
}
table.table-style td.actions, table.table-style th.actions {
  text-align: center;
}
table.table-style .td-content {
  display: flex;
  flex-wrap: nowrap;
}
table.table-style .td-content .action-btn + .label-text,
table.table-style .td-content .rz-action-btn + .label-text {
  display: flex;
  min-height: 24px;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px;
}
table.table-style .td-content .label-text {
  flex: 1;
}
table.table-style .action-btn {
  margin-left: 5px;
  margin-right: 5px;
}
table.table-style .action-btn.edit, table.table-style .action-btn.editar {
  border-color: #4666ff;
  color: #4666ff;
}
table.table-style .action-btn.delete {
  border-color: #da2c38;
  color: #da2c38;
}
table.table-style .rz-action-btn {
  margin-left: 3px;
  margin-right: 3px;
}
table.table-style.table-striped tbody > tr:nth-of-type(odd) {
  background-color: #f2f4f6;
}
table.table-style.table-striped tbody > tr:nth-of-type(even) {
  background-color: #f8f9fa;
}
@media (max-width: 991.98px) {
  table.table-style.table-break-md {
    display: block !important;
  }
  table.table-style.table-break-md thead {
    display: none !important;
  }
  table.table-style.table-break-md tbody, table.table-style.table-break-md tr, table.table-style.table-break-md th, table.table-style.table-break-md td {
    display: block;
  }
  table.table-style.table-break-md .label-th {
    display: block !important;
  }
  table.table-style.table-break-md .action-btn, table.table-style.table-break-md .rz-action-btn {
    margin: 0 5px 5px 0 !important;
  }
  table.table-style.table-break-md .action-btn span:not(.notification), table.table-style.table-break-md .rz-action-btn span:not(.notification) {
    display: inline-block !important;
  }
  table.table-style.table-break-md .label-text, table.table-style.table-break-md .label-msj, table.table-style.table-break-md .label-adjuntos {
    display: block !important;
  }
  table.table-style.table-break-md .td-content {
    display: initial;
  }
  table.table-style.table-break-md tbody tr {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #e9ecef;
    position: relative;
  }
  table.table-style.table-break-md tbody tr > td {
    border-top: none !important;
    border-bottom: none !important;
    padding: 7px 0;
  }
  table.table-style.table-break-md td.actions, table.table-style.table-break-md th.actions {
    text-align: left;
  }
  table.table-style.table-break-md tr.tr-more-info {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  table.table-style.table-break-sm {
    display: block !important;
  }
  table.table-style.table-break-sm thead {
    display: none !important;
  }
  table.table-style.table-break-sm tbody, table.table-style.table-break-sm tr, table.table-style.table-break-sm th, table.table-style.table-break-sm td {
    display: block;
  }
  table.table-style.table-break-sm .label-th {
    display: block !important;
  }
  table.table-style.table-break-sm .action-btn, table.table-style.table-break-sm .rz-action-btn {
    margin: 0 5px 5px 0 !important;
  }
  table.table-style.table-break-sm .action-btn span:not(.notification), table.table-style.table-break-sm .rz-action-btn span:not(.notification) {
    display: inline-block !important;
  }
  table.table-style.table-break-sm .label-text, table.table-style.table-break-sm .label-msj, table.table-style.table-break-sm .label-adjuntos {
    display: block !important;
  }
  table.table-style.table-break-sm .td-content {
    display: initial;
  }
  table.table-style.table-break-sm tbody tr {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #e9ecef;
    position: relative;
  }
  table.table-style.table-break-sm tbody tr > td {
    border-top: none !important;
    border-bottom: none !important;
    padding: 7px 0;
  }
  table.table-style.table-break-sm td.actions, table.table-style.table-break-sm th.actions {
    text-align: left;
  }
  table.table-style.table-break-sm tr.tr-more-info {
    display: none !important;
  }
}
table.table-style .rz-navigation-menu {
  right: 0;
  left: auto;
}
table.table-style .rz-navigation-item.mn-btn > .rz-navigation-item-wrapper .rzi.rz-navigation-item-icon {
  margin: 0 !important;
}
table.table-style .rz-navigation-item.mn-btn > .rz-navigation-item-wrapper .rz-navigation-item-text,
table.table-style .rz-navigation-item.mn-btn > .rz-navigation-item-wrapper .rz-navigation-item-icon-children {
  display: none !important;
}

.table.table-compact > tbody > tr > td, .table.table-compact > tbody > tr > th {
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-cell-responsive [data-hidden=all], .table-cell-responsive [data-hidden-child=all] {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .table-cell-responsive [data-hidden=md], .table-cell-responsive [data-hidden-child=md] {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .table-cell-responsive [data-hidden=lg], .table-cell-responsive [data-hidden-child=lg] {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1399.98px) {
  .table-cell-responsive [data-hidden=xl], .table-cell-responsive [data-hidden-child=xl] {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .table-cell-responsive tr:not(.show-content) td[data-hidden] {
    display: none;
    height: 0;
  }
  .table-cell-responsive tr.show-content a.toggle-row-content i {
    transform: rotate(-180deg);
  }
  .table-cell-responsive tr.show-content td[data-hidden=all] {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .table-cell-responsive a.toggle-row-content {
    display: none !important;
  }
  .table-cell-responsive [data-hidden-up=sm] {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .table-cell-responsive [data-hidden-up=md] {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .table-cell-responsive [data-hidden-up=lg] {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .table-cell-responsive [data-hidden-up=xl] {
    display: none !important;
  }
}
.table-cell-responsive > tbody > tr.tr-more-info > td div > h6.label-th, .table-cell-responsive > tr.tr-more-info > td div > h6.label-th {
  display: block !important;
}

tr.tr-more-info > td {
  padding: 5px 10px 15px 10px;
  border: none !important;
}
tr.tr-more-info > td .table-more-info-content {
  background-color: white;
  border-radius: 4px 0 4px 4px;
  padding: 10px;
  border: 1px solid #dee2e6;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  position: relative;
}

.table-msjs-auto .label-adjuntos {
  display: inline-flex;
  flex-direction: row !important;
  white-space: nowrap;
  align-items: center;
  min-height: 24px;
  justify-content: flex-start !important;
}
table td.prop ul, ul.propiedades {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
table td.prop ul li, ul.propiedades li {
  padding-left: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23BABABA' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3e%3c/svg%3e");
  background-position: left 1px;
  background-repeat: no-repeat;
  background-size: 9px auto;
  font-size: 12px;
  margin: 0;
}
table td.prop ul li > strong, ul.propiedades li > strong {
  display: block;
  color: #6c757d;
  font-weight: 500 !important;
}

table.table-rules-list .order-action-buttons {
  flex-direction: row;
}
@media (min-width: 768px) {
  table.table-rules-list td {
    vertical-align: top !important;
  }
  table.table-rules-list td.prop {
    font-size: 12px;
    color: #454545;
  }
  table.table-rules-list td.actions {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  table.table-rules-list td.prio {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
table.table-rules-list ul {
  padding-left: 15px;
}
@media (max-width: 575.98px) {
  table.table-rules-list .order-action-buttons {
    flex-direction: row;
  }
  table.table-rules-list tbody > tr {
    position: relative;
  }
  table.table-rules-list tbody > tr > td.actions {
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 5;
    background: transparent;
    padding-right: 5px;
  }
}

.btn-toggle-responsive-table {
  /* i.fa::before{
      content: "\f067";
  } */
}

tr.show-content .btn-toggle-responsive-table {
  color: #4666ff;
  /* i.fa::before{
      content: "\f068";
  } */
}
tr.show-content .btn-toggle-responsive-table i {
  transform: rotate(-180deg);
}

.table-sticky-container {
  position: relative;
  overflow: auto;
}
.table-sticky-container table.table-sticky-hdr {
  margin: 0;
}
.table-sticky-container table.table-sticky-hdr thead {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  border-bottom: 1px solid #e9ecef;
}
.table-sticky-container table.table-sticky-hdr thead th {
  background-color: white;
  border-bottom: none;
}

:root {
  --custom-radio-box-color: #636B6A;
  --custom-radio-box-border-color: #636B6A;
  --custom-radio-box-bgcolor: #e9ecef;
  --custom-radio-box-inset-shadow-color: transparent;
  --rz-form-field-label-left: 0.5rem;
}

.form-group .validation-message {
  padding-top: 3px;
  font-size: 12px;
}

.form-label {
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 3px;
}

.rz-form-field-label {
  color: var(--rz-input-placeholder-color);
}

.form-control {
  min-height: 36px;
  border-style: solid;
  border-color: #2C2A29 !important;
  border-width: 0 0 1px 0;
  border-radius: 0;
  font-size: 1rem;
  outline: none !important;
  box-shadow: none !important;
  color: #2C2A29 !important;
  background-color: transparent !important;
  height: 38px;
}
.form-control:focus {
  border-color: #adb5bd;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.05);
}
.form-control:disabled, .form-control:read-only {
  background-color: rgba(233, 236, 239, 0.6);
}

textarea.form-control {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-check {
  --bs-border-width: 1px;
  padding-left: 0;
  display: flex;
  line-height: 17px;
}
.form-check .form-check-input {
  margin: 0;
  border: 2px solid #4666ff;
}
.form-check .form-check-input + .form-check-label {
  padding-left: 8px;
}

.form-check-label {
  font-size: 16px;
}

.custom-input-group {
  position: relative;
}
.custom-input-group .custom-input-group-icon {
  --icon-wrapper-size: 32px;
  --icon-wrapper-bg-back: #f8f9fa;
  --icon-color: #adb5bd;
  position: absolute;
  left: 3px;
  top: 3px;
}
.custom-input-group .custom-input-group-icon + input {
  padding-left: 48px !important;
}
.custom-input-group .custom-input-group-button {
  --icon-size: 20px;
  /**/
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 2px;
  top: 2px;
  height: calc(100% - 4px);
  border: none;
  background: transparent;
  color: #2c2a29;
  opacity: 0.6;
}
.custom-input-group .custom-input-group-button + input {
  padding-right: 36px !important;
}

.custom-radio-box {
  display: block;
  text-align: center;
  position: relative;
  position: relative;
}
.custom-radio-box .custom-rad-input {
  opacity: 0 !important;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  top: 0;
  left: 0;
}
.custom-radio-box .custom-rad-input:checked + .custom-rad-label {
  --custom-radio-box-border-color: #B34190;
  --custom-radio-box-inset-shadow-color: #B34190;
  --custom-radio-box-color: #2c2a29;
}
.custom-radio-box .custom-rad-label {
  display: block;
  position: relative;
  padding: 10px;
  color: var(--custom-radio-box-color);
  --icon-color: var(--custom-radio-box-border-color);
  line-height: 1.1;
  font-weight: 600;
}
.custom-radio-box .custom-rad-label::before, .custom-radio-box .custom-rad-label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.custom-radio-box .custom-rad-label::before {
  border: 2px solid var(--custom-radio-box-border-color);
  z-index: 1;
}
.custom-radio-box .custom-rad-label::after {
  box-shadow: inset 0 0 15px var(--custom-radio-box-inset-shadow-color);
  z-index: 0;
  opacity: 0.5;
}
.custom-radio-box .custom-rad-label span {
  position: relative;
  z-index: 2;
}
.custom-radio-box.active {
  --custom-radio-box-color: #fff;
  --custom-radio-box-border-color: #4666ff;
  --custom-radio-box-bgcolor: #4666ff;
}
.custom-radio-box i {
  font-size: 36px;
}
.custom-radio-box span {
  display: block;
}

.rz-fileupload {
  --rz-upload-button-bar-padding: 0;
  --rz-upload-button-bar-background-color: white;
  --rz-upload-choose-background-color: #4666ff;
  --rz-upload-choose-hover-background-color: #4666ff;
}
.rz-fileupload .rz-fileupload-choose {
  display: inline-flex;
  align-items: center;
}

.pt-form {
  padding-top: 0.625rem;
}

.input-select:focus {
  outline: none;
}

.inputs:focus {
  outline: none;
}

.inputs:focus-visible {
  outline: none;
}

.input-transparent {
  border-radius: 0px;
  background-color: transparent;
  width: 100%;
  color: #2c2a29;
  display: flex;
  border: none;
  border-bottom: 1px solid #2c2a29 !important;
  justify-content: space-between;
  height: 1.875rem;
  font-size: 0.875rem;
}
.input-transparent:focus {
  outline: none;
}
.input-transparent:focus-visible {
  outline: none;
}
.input-transparent:active {
  outline: none;
}
.input-transparent ::placeholder {
  color: #2c2a29 !important;
}
.input-transparent ::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #2c2a29 !important;
}

.select-transparent {
  background-image: url(/img/iconos/svg/arrow-down.svg);
  border-radius: 0px;
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 24px;
  appearance: none;
  font-size: 1rem;
  border-style: solid;
  border-color: #2C2A29 !important;
  border-width: 0 0 1px 0;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
  color: #2C2A29 !important;
  background-color: transparent !important;
  height: 1.875rem;
  display: block;
  width: 100%;
}
.select-transparent:focus {
  outline: none;
}
.select-transparent:focus-visible {
  outline: none;
}
.select-transparent:active {
  outline: none;
}
.select-transparent ::placeholder {
  color: #2c2a29 !important;
}
.select-transparent ::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #2c2a29 !important;
}
.select-transparent:hover {
  border-style: solid;
  border-color: #2C2A29 !important;
  border-width: 0 0 1px 0 !important;
  border-radius: 0;
}

.select-transparent[aria-expanded=true]::after {
  transform: rotate(180deg);
}

.btn, .rz-button, .rz-navigation-item {
  --icon-size: 20px;
  --rz-icon-size: 20px;
}

.btn, .rz-button {
  --icon-wrapper-size: 1em;
  --btn-padding-y: 4px;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: var(--btn-padding-y);
  padding-bottom: var(--btn-padding-y);
  line-height: 1;
}

.btn-gray {
  color: white;
}

.rz-button:not(.rz-button-sm) {
  min-height: 36px;
}
.rz-button.rz-spinner-button {
  --rz-numeric-button-background-color: #dee2e6;
  --rz-numeric-button-color: #6c757d;
  min-height: 0;
  padding: 0;
}

.btn-sm, .rz-button-sm {
  --bs-btn-font-size: 12px;
  font-size: 12px;
}

.btn {
  /***/
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
}
.btn:not(.btn-sm) {
  min-height: 36px;
  --bs-btn-font-size: 14px;
}
.btn.btn-sm {
  min-height: 28px;
}
.btn[data-loading]:not([data-loading=false]) .btn-content {
  opacity: 0;
  visibility: hidden;
}
.btn[data-loading]:not([data-loading=false]) > * {
  z-index: 0;
}
.btn[data-loading]:not([data-loading=false])::before, .btn[data-loading]:not([data-loading=false])::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn[data-loading]:not([data-loading=false])::before {
  background-color: inherit;
  opacity: 0.95;
  z-index: 3;
}
.btn[data-loading]:not([data-loading=false])::after {
  background-color: transparent;
  background-image: var(--loading-bg-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 5;
}
.btn.btn-transparent, .btn.btn-light, .btn.btn-loading-color {
  --loading-bg-image: var(--loading-bg-image-color);
  box-shadow: none !important;
  border: none !important;
}
.btn.btn-light {
  --bs-btn-bg: rgba(233, 236, 239, 0.6);
  --bs-btn-hover-bg: #e2e4e4;
  --bs-btn-active-bg: #e2e4e4;
}
.btn.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: rgb(49, 111, 150);
  --bs-btn-disabled-color: #fff;
}

.btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
  color: #4666ff;
}

.btn-icon-right .rz-button-icon-left {
  order: 1;
}
.btn-icon-right .rz-button-text {
  order: 0;
}

.btn-default {
  border: 1px solid #2c2a29;
  border-color: #2c2a29;
  color: #2c2a29;
  background-color: transparent !important;
}
.btn-default:hover {
  border-color: #2c2a29;
  background-color: #2c2a29 !important;
  color: white !important;
}

button.action-btn, a.action-btn {
  display: inline-flex;
  min-width: 24px;
  height: 28px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  border: none;
  border-radius: 4px;
  line-height: 1;
  color: #2c2a29;
  background-color: rgba(233, 236, 239, 0.6);
  font-size: 12px;
  padding: 0 3px;
  position: relative;
}
button.action-btn i + span, a.action-btn i + span {
  padding: 0 5px;
  font-size: 11px;
  display: none;
  text-transform: uppercase;
}
button.action-btn i, a.action-btn i {
  font-size: var(--icon-size, 24px);
}
button.action-btn i.fa-paperclip, a.action-btn i.fa-paperclip {
  font-size: 16px;
}
button.action-btn.edit, a.action-btn.edit {
  color: #4666ff;
  border-color: #4666ff;
}
button.action-btn.delete, a.action-btn.delete {
  color: #da2c38;
  border-color: #da2c38;
}
button.action-btn:hover, a.action-btn:hover {
  background-color: #e2e4e4;
}

.rz-button.rz-action-btn {
  padding: 3px !important;
  min-height: 24px;
  line-height: 1;
}
.rz-button.rz-action-btn .rz-button-box {
  line-height: inherit;
}
.rz-button.rz-action-btn i.rzi {
  font-size: 16px;
  width: 1em;
  height: 1em;
}

.volver:focus {
  outline: none;
  box-shadow: none !important;
}
.volver:focus-visible {
  outline: none;
  box-shadow: none !important;
}
.volver:active {
  outline: none;
}

/* Colores Sitio Público */
/**** Bootstrap Select Plugin Variables ****/
/*! 
* IMPORTANTE: Este archivo ha sido creado usando SASS (El archivo fuente se encuentra en la carpeta SASS,
* Cualquier moficación deberá hacerse en el archivo fuente y no directamente en el CSS 
*/
/* CUSTOM BOOTSTRAP 4.4.1 */
:root {
  --vh: 100vh;
}

body {
  font-family: "Open Sans", sans-serif;
  background-color: #f5f5f5;
  color: #2C2A29;
}

.wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .wrap.pago-main {
    max-width: 760px;
  }
}

.white-box {
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.btn {
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
  border-radius: 25px;
  padding: 0.5rem 1rem;
  min-height: 45px !important;
  min-width: 145px;
}
.btn.btn-outline-default {
  border-color: #dee2e6;
  color: #adb5bd;
}

img {
  max-width: 100%;
  line-height: 1;
  vertical-align: top;
}

a, a:active, a:hover, a:visited {
  color: #2C2A29;
}

/*ANCHOR: Back button*/
a.link-back {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  /* &:hover{
      border: 1px solid $primary;
      background-color: rgba($primary,0.05);
      color: $primary;
  } */
}

/* .link-back-container{
    text-align: center;
} */
.font-weight-medium {
  font-weight: 600 !important;
}

i[class*=ba-icon-] {
  display: inline-block;
  font-size: 24px;
  height: 1em;
  line-height: 1;
}
i[class*=ba-icon-]::before {
  margin: 0;
}

.pago-container, .page-content {
  padding-bottom: 50px;
  /* @include media-breakpoint-up(md){
      min-height: calc(var(--vh) - 150px);
  } */
}

#hdr {
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
}
#hdr .hdr-row {
  min-height: 80px;
  align-items: center;
  justify-content: center;
}
#hdr .hdr-row .logo {
  display: inline-block;
  margin: 0;
}
#hdr .hdr-row .logo img {
  height: 32px;
  width: auto;
}
@media (min-width: 768px) {
  #hdr .hdr-row {
    justify-content: start;
  }
}

.slider-detalle .slider > .item:not(:first-child) {
  display: none;
}
.slider-detalle .slider .slick-arrow {
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.slider-detalle .slider .slick-arrow::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2C2A29 !important;
}
.slider-detalle .slider .slick-arrow.slick-prev {
  left: 15px;
}
.slider-detalle .slider .slick-arrow.slick-prev::before {
  content: "\e802";
}
.slider-detalle .slider .slick-arrow.slick-next {
  right: 15px;
}
.slider-detalle .slider .slick-arrow.slick-next::before {
  content: "\e803";
}
.slider-detalle .item figure a {
  display: block;
  outline: none;
  text-align: center;
  position: relative;
}
.slider-detalle .item figure a img {
  height: 400px;
  object-fit: cover;
  width: 100%;
  display: inline-block;
}
@media (max-width: 575.98px) {
  .slider-detalle .item figure a img {
    height: 250px;
  }
}
.slider-detalle .item figure a::after {
  position: absolute;
  bottom: 20px;
  right: 20px;
  content: "";
  background-color: #4666ff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18.854' height='18.854' viewBox='0 0 18.854 18.854'%3e%3cpath d='M18,11a7,7,0,1,1-7-7A7,7,0,0,1,18,11Zm-1.708,6A8,8,0,1,1,17,16.292l4.854,4.854-.707.707ZM11.5,10.5H14v1H11.5V14h-1V11.5H8v-1h2.5V8h1Z' transform='translate(-3 -3)' fill='%23ffffff' fill-rule='evenodd'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(44, 42, 41, 0.16);
  z-index: 3;
}

.thumbs-detalle ul {
  list-style: none;
  margin: 0 -5px;
  display: flex;
  justify-content: flex-start;
  padding: 0;
}
.thumbs-detalle ul li {
  margin: 0;
  padding: 5px;
  width: 70px;
}
.thumbs-detalle ul li figure {
  position: relative;
  height: 42px;
  overflow: hidden;
  margin-bottom: 0;
  background-color: white;
  border: 2px solid white;
}
.thumbs-detalle ul li figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbs-detalle ul li.active figure {
  border: 2px solid #fdda24;
}
.thumbs-detalle ul li:first-child:last-child {
  display: none;
}

.add-box {
  position: relative;
  display: flex;
  height: 38px;
  align-items: flex-end;
}
.add-box .input {
  flex-basis: 0;
  flex-grow: 1;
  padding: 0 10px;
}
.add-box .input input {
  text-align: center;
}
.add-box .ctrl {
  width: 32px;
  height: 32px;
  background-color: #fdda24;
  color: #2c2a29;
  border: none;
  color: #2C2A29;
  border: none !important;
  font-size: 24px;
  outline: none !important;
  flex: 0 0 auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 50%;
}
.logo-aplicativo {
  /* float: right;
  margin: 0 0 15px 0;
  padding-left: 15px; */
  margin: 0;
}
.logo-aplicativo img {
  max-width: 150px;
  max-height: 70px;
}
@media (max-width: 575.98px) {
  .logo-aplicativo img {
    max-width: 85px;
    max-height: 56px;
  }
}

.prod-side-info {
  position: relative;
  overflow: hidden;
}
.prod-side-info .logo-teleton {
  position: absolute;
  top: 0;
  right: 0;
}

.aplicativo-info {
  position: relative;
}
.aplicativo-info figure {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  margin: 0;
}
.aplicativo-info figure img {
  max-width: 150px;
  max-height: 70px;
}
.aplicativo-info figure + h1 {
  padding-right: 120px !important;
}
@media (max-width: 767.98px) {
  .aplicativo-info h1 {
    font-size: 24px !important;
    line-height: 26px !important;
  }
}

.prod-name {
  margin-bottom: 15px;
  font-weight: 300 !important;
}
@media (max-width: 767.98px) {
  .prod-name {
    font-size: 22px !important;
    line-height: 24px !important;
  }
}

@media (min-width: 768px) {
  .pago-box {
    min-height: 300px;
  }
}

.precio .pago-box h5,
.precio .pago-box .form-group > label {
  font-size: 14px;
  color: #2C2A29;
  font-weight: 400;
  margin-bottom: 2px;
  line-height: 1;
}
.precio .pago-box .form-group {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .precio .pago-box {
    max-width: 350px;
    margin: 0 auto;
  }
}

/* ANCHOR: Accordeon */
.acc-container .acc-toggle {
  font-size: 14px;
}
.acc-container .acc-toggle.default {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.acc-container .acc-toggle.default span {
  text-decoration: underline;
}
.acc-container .acc-toggle.default i {
  transition: all ease 0.3s;
  font-size: 24px;
  margin-left: 8px;
  transform: rotate(0deg);
}
.acc-container .acc-toggle.plus {
  display: block;
  position: relative;
  padding: 5px 10px 5px 40px;
  text-decoration: none !important;
}
.acc-container .acc-toggle.plus::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e827";
  position: absolute;
  left: 2px;
  top: 4px;
  z-index: 2;
  font-size: 24px;
}
.acc-container .acc-toggle.plus::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #f5f5f5;
  width: 28px;
  height: 28px;
  z-index: 1;
}
.acc-container .acc-toggle.plus .ttip {
  display: inline-block;
  vertical-align: middle;
}
.acc-container .acc-toggle.plus .ttip i {
  font-size: 20px;
}
.acc-container .acc-content {
  display: none;
  overflow: hidden;
}
.acc-container.open .acc-toggle.default i {
  transform: rotate(180deg);
}
.acc-container.open .acc-toggle.plus::before {
  content: "\e841";
}
.acc-container.open .acc-content {
  overflow: visible;
  display: block;
}
@media (min-width: 768px) {
  .acc-container.acc-break-md .acc-toggle {
    display: none !important;
  }
  .acc-container.acc-break-md .acc-content {
    height: auto !important;
    display: block !important;
  }
}
@media (min-width: 992px) {
  .acc-container.acc-break-lg .acc-toggle {
    display: none !important;
  }
  .acc-container.acc-break-lg .acc-content {
    height: auto !important;
    display: block !important;
  }
}

.alert {
  background-color: white !important;
  color: #2C2A29 !important;
  font-size: 14px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 0 16px 0 0 !important;
  text-align: left;
}
.alert .alert-image {
  display: flex;
  width: 50px;
  justify-content: center;
  padding: 16px 4px;
}
.alert .alert-image i {
  font-size: 32px;
}
.alert .alert-text {
  line-height: 18px;
  padding: 16px 0 16px 16px;
}
.alert.alert-info .alert-image {
  background-color: #59cbe8;
}
.alert.alert-warning .alert-image {
  background-color: #fdda24;
}
.alert.alert-success .alert-image {
  background-color: #00C389;
}
.alert.alert-danger .alert-image {
  background-color: #ff7f41;
}
.alert.alert-dismissible {
  padding: 0 56px 0 0 !important;
}
.alert.alert-dismissible .close {
  padding: 16px;
  opacity: 1 !important;
}

.bw-validation-message {
  font-size: 80%;
  font-weight: 400;
  display: block !important;
  line-height: normal;
}

.bw-validation-summary > ul {
  padding: 16px 16px 16px 66px;
  margin: 0 0 25px 0;
  position: relative;
}
.bw-validation-summary > ul::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e833";
  display: flex;
  width: 50px;
  justify-content: center;
  padding: 16px 4px;
  font-size: 32px;
  background-color: #ff7f41;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.bw-validation-summary.validation-summary-valid ul {
  display: none;
}
.bw-validation-summary.validation-summary-errors {
  min-height: 36px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}
.bw-validation-summary.validation-summary-errors ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 64px;
}
.bw-validation-summary.validation-summary-errors ul li {
  font-size: 13px;
  font-weight: 400;
  display: block !important;
  line-height: 1.2;
  padding: 3px 0;
}
.bw-validation-summary.validation-summary-errors ul li:first-of-type:last-of-type {
  font-size: 14px;
}

.box-numbers .inner .box-col {
  position: relative;
}
.box-numbers .inner .box-col .box-content {
  background-color: #F2F2F4 !important;
  border-radius: 4px;
  padding: 1rem;
  height: 100%;
}
.box-numbers .inner .box-col::before {
  display: none;
  content: "";
  position: absolute;
  top: 10px;
  left: -1px;
  bottom: 10px;
  width: 3px;
  border-radius: 2px;
  background-color: white;
}
.box-numbers .inner .form-control:read-only, .box-numbers .inner .form-control:disabled {
  text-align: center;
  border: none !important;
  color: #2C2A29 !important;
  opacity: 1 !important;
  padding: 0.2rem;
}
.box-numbers .inner .form-control:read-only[name=Cantidad], .box-numbers .inner .form-control:disabled[name=Cantidad] {
  text-align: center;
}
@media (min-width: 768px) {
  .box-numbers .inner .box-col .box-content {
    margin: 0 auto;
    text-align: center;
  }
}

.st-group {
  padding-top: 10px;
}
.st-group p {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.st-group p::before {
  content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -";
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  right: 1px;
  color: #adb5bd;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 3px;
}
.st-group p > span {
  display: inline-block;
  background-color: white;
  position: relative;
  z-index: 3;
}
.st-group p > span.text {
  padding-right: 8px;
}
.st-group p .st {
  flex: 0 0 auto;
  text-align: right;
  padding-left: 10px;
}

.price-group {
  position: relative;
}
.price-group .moneda {
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.price-group .form-control, .price-group .form-control-text {
  padding-left: 15px;
}

/*ANCHOR: Page Step*/
#divPagoContainer.payment-step-1 .step-div:not(.show-on-step-1) {
  display: none !important;
}
#divPagoContainer.payment-step-2 .step-div:not(.show-on-step-2) {
  display: none !important;
}
#divPagoContainer.payment-step-3 .step-div:not(.show-on-step-3) {
  display: none !important;
}
#divPagoContainer.payment-step-4 .step-div:not(.show-on-step-4) {
  display: none !important;
}

/*ANCHOR: Options Group*/
/* .og-container{

    .og-toggle{

        a{
            display: flex;
            align-items: center;

            i{
                font-size: 18px;
                margin-right: 8px;
            }
        }
    }

    &:not(.show-all):not(.one-item){

        .og-item:not(.isChecked){
            display: none;
        }
    }

    &.one-item{

        .og-toggle{
            display: none !important;
        }
    }

    &.show-all{

        .og-toggle{
            display: none;
        }
    }
} */
/* ANCHOR: Cuentas registradas */
.og-accounts .og-item {
  padding-top: 10px;
  position: relative;
}
.og-accounts .og-item .idesc {
  margin-bottom: 5px;
  font-size: 14px;
}
.og-accounts .acc-cuentas {
  margin-bottom: 15px;
  position: relative;
  z-index: 5;
}
.og-accounts .acc-cuentas .og-item:nth-child(1) {
  z-index: 10;
}
.og-accounts .acc-cuentas .og-item:nth-child(2) {
  z-index: 9;
}
.og-accounts .acc-cuentas .og-item:nth-child(3) {
  z-index: 8;
}
.og-accounts .acc-cuentas .og-item:nth-child(4) {
  z-index: 7;
}
.og-accounts .acc-cuentas .og-item:nth-child(5) {
  z-index: 6;
}
.og-accounts .acc-cuentas .og-item:nth-child(6) {
  z-index: 5;
}
.og-accounts .acc-cuentas .og-item:nth-child(7) {
  z-index: 4;
}
.og-accounts:not(.show-all) .og-item {
  padding-top: 0;
}
.og-accounts:not(.show-all) .og-item .idesc {
  display: none;
}
.og-accounts:not(.show-all) .acc-cuentas {
  margin-bottom: 0;
}
.og-accounts:not(.show-all) .acc-cuentas .acc-toggle {
  display: none !important;
}
.og-accounts:not(.show-all) .acc-cuentas .acc-content {
  display: block !important;
}

.account-option {
  position: relative;
}
.account-option a.link-account-option {
  display: block;
  padding: 9px 40px;
  background-color: white;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  border-width: 1px;
  border-color: #2C2A29;
  border-style: solid;
  border-radius: 0;
  min-height: 38px;
}
.account-option a.link-account-option:hover {
  color: #4666ff;
  border-color: #4666ff;
  background-color: rgba(70, 102, 255, 0.05);
}
.account-option a.link-account-option::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80f";
  position: absolute;
  left: 8px;
  top: 8px;
}
.account-option a.link-account-option.isChecked {
  border-color: rgba(70, 102, 255, 0.4);
  background-color: rgba(70, 102, 255, 0.05);
}
.account-option.account a.link-account::before {
  content: "\e831";
  top: 7px;
}
.account-option.account a.link-account.isChecked + .action {
  display: none;
}
.account-option .action {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 0 5px;
}
.account-option .action .btn {
  padding: 5px;
  outline: none !important;
  box-shadow: none !important;
}
.account-option .action .ttip {
  display: inline-block;
  padding: 8px;
}
.account-option .action .dropdown-menu .dropdown-item:hover {
  background-color: white !important;
  cursor: pointer;
}
.account-option .dropdown-menu.show {
  z-index: 10;
}

.tooltip-inner {
  font-size: 13px;
  line-height: 1.2;
  padding: 10px;
  text-align: left;
}

.custom-control .custom-control-label {
  font-size: 14px;
}
.custom-control .custom-control-label .ttip {
  display: inline-block;
  vertical-align: middle;
}

/*ANCHOR: Custom form option */
.custom-options-container {
  display: flex;
  margin: 0 -10px;
  justify-content: center;
  flex-wrap: wrap;
}
.custom-options-container .custom-option-item {
  padding: 10px;
  max-width: 50%;
  min-width: 25%;
  flex: 1;
}
@media (max-width: 575.98px) {
  .custom-options-container {
    margin: 0 -5px;
  }
  .custom-options-container .custom-option-item {
    padding: 5px;
    max-width: none;
  }
}

.custom-option-item {
  min-height: 80px;
}
.custom-option-item .custom-option-label {
  background-color: white;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #2C2A29;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 48px;
  text-align: center;
  font-size: 14px;
  text-align: center;
  min-height: 100%;
}
.custom-option-item .custom-option-label::before, .custom-option-item .custom-option-label::after {
  display: none;
}
@media (max-width: 575.98px) {
  .custom-option-item .custom-option-label {
    background-position: center 5px;
  }
}
.custom-option-item .custom-option-input {
  position: absolute;
  opacity: 0 !important;
}
.custom-option-item .custom-option-link {
  background-color: white;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #2C2A29;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 48px;
  text-align: center;
  font-size: 14px;
  text-align: center;
  min-height: 100%;
  text-decoration: none;
}
.custom-option-item:hover .custom-option-label,
.custom-option-item .custom-option-input:checked + .custom-option-label,
.custom-option-item .custom-option-link:hover,
.custom-option-item .custom-option-link.isChecked {
  color: #4666ff;
  border-color: #4666ff;
  background-color: rgba(70, 102, 255, 0.05);
}

/* ANCHOR: Opciones de pago */
.formas-pago-list {
  display: flex;
  margin: 0 -10px;
  justify-content: center;
  flex-wrap: wrap;
}
.formas-pago-list .radio-pago {
  padding: 10px;
}
@media (max-width: 575.98px) {
  .formas-pago-list {
    margin: 0 -5px;
  }
  .formas-pago-list .radio-pago {
    padding: 5px;
    flex: 1;
    min-width: 50%;
    max-width: none;
  }
}

.radio-pago {
  max-width: 50%;
  min-width: 25%;
  flex: 1;
}
.radio-pago .custom-control-label {
  background-color: white;
  padding: 70px 5px 10px 5px;
  display: flex;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #2C2A29;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 48px;
  text-align: center;
  font-size: 14px;
  text-decoration: none !important;
  min-height: 100%;
  line-height: 1.2;
  justify-content: center;
  align-items: flex-end;
}
.radio-pago .custom-control-label::before, .radio-pago .custom-control-label::after {
  display: none;
}
@media (max-width: 575.98px) {
  .radio-pago .custom-control-label {
    padding: 60px 5px 10px 5px;
    background-position: center 5px;
  }
}
.radio-pago .custom-control-input {
  position: absolute;
  opacity: 0 !important;
}
.radio-pago .custom-control-input:checked + .custom-control-label {
  color: #4666ff;
  border-color: #4666ff;
  background-color: rgba(70, 102, 255, 0.05);
}
.radio-pago:hover .custom-control-label {
  color: #4666ff;
  border-color: #4666ff;
  background-color: rgba(70, 102, 255, 0.05);
}
.radio-pago.radio-tarjeta .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%232C2A29'%3e%3cpath d='M43.2,13.2h-2.4v-2.4C40.8,8.2,38.6,6,36,6H4.8C2.2,6,0,8.2,0,10.8V30c0,2.6,2.2,4.8,4.8,4.8h2.4v2.4 c0,2.6,2.2,4.8,4.8,4.8h31.2c2.6,0,4.8-2.2,4.8-4.8V18C48,15.4,45.8,13.2,43.2,13.2z M43.2,15.6c1.3,0,2.4,1.1,2.4,2.4v9.6h-4.8 v-12H43.2z M2.4,30V10.8c0-1.3,1.1-2.4,2.4-2.4H36c1.3,0,2.4,1.1,2.4,2.4V30c0,1.3-1.1,2.4-2.4,2.4H4.8C3.5,32.4,2.4,31.3,2.4,30z M43.2,39.6H12c-1.3,0-2.4-1.1-2.4-2.4v-2.4H36c2.7,0,4.8-2.1,4.8-4.8h4.8v7.2C45.6,38.5,44.5,39.6,43.2,39.6z'/%3e%3cpath d='M7.8,20.4h3.6c1.7,0,3-1.3,3-3v-3.6c0-1.7-1.3-3-3-3H7.8c-1.7,0-3,1.3-3,3v3.6C4.8,19.1,6.1,20.4,7.8,20.4z M7.2,13.8c0-0.3,0.3-0.6,0.6-0.6h3.6c0.3,0,0.6,0.3,0.6,0.6v3.6c0,0.3-0.3,0.6-0.6,0.6H7.8c-0.3,0-0.6-0.3-0.6-0.6V13.8z'/%3e%3cpath d='M6,30h16.8c0,0,0,0,0,0c0.7,0,1.2-0.5,1.2-1.2c0-0.7-0.5-1.2-1.2-1.2H6c0,0,0,0,0,0c-0.7,0-1.2,0.5-1.2,1.2 C4.8,29.5,5.3,30,6,30z'/%3e%3cpath d='M6,25.2h28.8c0,0,0,0,0,0c0.7,0,1.2-0.5,1.2-1.2c0-0.7-0.5-1.2-1.2-1.2H6c0,0,0,0,0,0 c-0.7,0-1.2,0.5-1.2,1.2C4.8,24.7,5.3,25.2,6,25.2z'/%3e%3c/svg%3e");
}
.radio-pago.radio-tarjeta .custom-control-input:checked + .custom-control-label, .radio-pago.radio-tarjeta:hover .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%234666ff'%3e%3cpath d='M43.2,13.2h-2.4v-2.4C40.8,8.2,38.6,6,36,6H4.8C2.2,6,0,8.2,0,10.8V30c0,2.6,2.2,4.8,4.8,4.8h2.4v2.4 c0,2.6,2.2,4.8,4.8,4.8h31.2c2.6,0,4.8-2.2,4.8-4.8V18C48,15.4,45.8,13.2,43.2,13.2z M43.2,15.6c1.3,0,2.4,1.1,2.4,2.4v9.6h-4.8 v-12H43.2z M2.4,30V10.8c0-1.3,1.1-2.4,2.4-2.4H36c1.3,0,2.4,1.1,2.4,2.4V30c0,1.3-1.1,2.4-2.4,2.4H4.8C3.5,32.4,2.4,31.3,2.4,30z M43.2,39.6H12c-1.3,0-2.4-1.1-2.4-2.4v-2.4H36c2.7,0,4.8-2.1,4.8-4.8h4.8v7.2C45.6,38.5,44.5,39.6,43.2,39.6z'/%3e%3cpath d='M7.8,20.4h3.6c1.7,0,3-1.3,3-3v-3.6c0-1.7-1.3-3-3-3H7.8c-1.7,0-3,1.3-3,3v3.6C4.8,19.1,6.1,20.4,7.8,20.4z M7.2,13.8c0-0.3,0.3-0.6,0.6-0.6h3.6c0.3,0,0.6,0.3,0.6,0.6v3.6c0,0.3-0.3,0.6-0.6,0.6H7.8c-0.3,0-0.6-0.3-0.6-0.6V13.8z'/%3e%3cpath d='M6,30h16.8c0,0,0,0,0,0c0.7,0,1.2-0.5,1.2-1.2c0-0.7-0.5-1.2-1.2-1.2H6c0,0,0,0,0,0c-0.7,0-1.2,0.5-1.2,1.2 C4.8,29.5,5.3,30,6,30z'/%3e%3cpath d='M6,25.2h28.8c0,0,0,0,0,0c0.7,0,1.2-0.5,1.2-1.2c0-0.7-0.5-1.2-1.2-1.2H6c0,0,0,0,0,0 c-0.7,0-1.2,0.5-1.2,1.2C4.8,24.7,5.3,25.2,6,25.2z'/%3e%3c/svg%3e");
}
.radio-pago.radio-cuotas .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%232C2A29'%3e%3cg%3e%3cpath d='M8.2,25.7H12c1.7,0,3.2-1.4,3.2-3.2v-3.8c0-1.7-1.4-3.2-3.2-3.2H8.2c-1.7,0-3.2,1.4-3.2,3.2v3.8 C5.1,24.3,6.5,25.7,8.2,25.7z M7.6,18.7c0-0.3,0.3-0.6,0.6-0.6H12c0.3,0,0.6,0.3,0.6,0.6v3.8c0,0.3-0.3,0.6-0.6,0.6H8.2 c-0.3,0-0.6-0.3-0.6-0.6V18.7z'/%3e%3cpath d='M6.3,35.7h17.7c0,0,0,0,0,0c0.7,0,1.3-0.5,1.3-1.2c0-0.7-0.6-1.2-1.3-1.2H6.3c0,0,0,0,0,0 c-0.7,0-1.3,0.5-1.3,1.2C5.1,35.2,5.6,35.7,6.3,35.7z'/%3e%3cpath d='M5.7,30.7h15.6c0.4,0,0.7-0.5,0.7-1.2c0-0.7-0.3-1.2-0.7-1.2H5.7c-0.4,0-0.7,0.5-0.7,1.2 C5.1,30.1,5.4,30.7,5.7,30.7z'/%3e%3cpath d='M41.5,30.9c-0.7,0-1.3,0.6-1.3,1.3v3.6c0,1.4-1.1,2.5-2.5,2.5H5c-1.4,0-2.5-1.2-2.5-2.5V15.5 c0-1.4,1.1-2.5,2.5-2.5h15c2.3,0.1,2.8-2.5,0-2.5h-15c-2.8,0-5.1,2.3-5.1,5.1v20.3c0,2.6,2,4.7,4.5,5c0.1,0,0.2,0,0.2,0H5 c0,0,0,0,0.1,0c0,0,0,0,0,0h32.6c2.8,0,5.1-2.3,5.1-5.1v-3.6C42.7,31.5,42.2,30.9,41.5,30.9z'/%3e%3c/g%3e%3cpath d='M46,7.2h-3.5c0-0.7-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2h-3.5h-4.7c0-0.7-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2H26 c-0.7,0-1.2,0.5-1.2,1.2v4.7v12.4c0,1.6,1.3,3,3,3h4h12.5c1.6,0,3-1.3,3-3V13.1v0V8.4C47.2,7.8,46.7,7.2,46,7.2z M27.2,9.6h2.3v0.2 c0,0.7,0.5,1.2,1.2,1.2s1.2-0.5,1.2-1.2V9.6h4.7h3.5v0.2c0,0.7,0.5,1.2,1.2,1.2s1.2-0.5,1.2-1.2V9.6h2.3v2.3H27.2V9.6z M44.2,26.1 H31.7h-4c-0.3,0-0.6-0.3-0.6-0.6V14.3h17.6v11.2C44.8,25.8,44.5,26.1,44.2,26.1z'/%3e%3ccircle cx='31' cy='19' r='1.2'/%3e%3ccircle cx='36.2' cy='19' r='1.2'/%3e%3ccircle cx='41' cy='19' r='1.2'/%3e%3ccircle cx='31' cy='23' r='1.2'/%3e%3ccircle cx='36.2' cy='23' r='1.2'/%3e%3ccircle cx='41' cy='23' r='1.2'/%3e%3c/svg%3e");
}
.radio-pago.radio-cuotas .custom-control-input:checked + .custom-control-label, .radio-pago.radio-cuotas:hover .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%234666ff'%3e%3cg%3e%3cpath d='M8.2,25.7H12c1.7,0,3.2-1.4,3.2-3.2v-3.8c0-1.7-1.4-3.2-3.2-3.2H8.2c-1.7,0-3.2,1.4-3.2,3.2v3.8 C5.1,24.3,6.5,25.7,8.2,25.7z M7.6,18.7c0-0.3,0.3-0.6,0.6-0.6H12c0.3,0,0.6,0.3,0.6,0.6v3.8c0,0.3-0.3,0.6-0.6,0.6H8.2 c-0.3,0-0.6-0.3-0.6-0.6V18.7z'/%3e%3cpath d='M6.3,35.7h17.7c0,0,0,0,0,0c0.7,0,1.3-0.5,1.3-1.2c0-0.7-0.6-1.2-1.3-1.2H6.3c0,0,0,0,0,0 c-0.7,0-1.3,0.5-1.3,1.2C5.1,35.2,5.6,35.7,6.3,35.7z'/%3e%3cpath d='M5.7,30.7h15.6c0.4,0,0.7-0.5,0.7-1.2c0-0.7-0.3-1.2-0.7-1.2H5.7c-0.4,0-0.7,0.5-0.7,1.2 C5.1,30.1,5.4,30.7,5.7,30.7z'/%3e%3cpath d='M41.5,30.9c-0.7,0-1.3,0.6-1.3,1.3v3.6c0,1.4-1.1,2.5-2.5,2.5H5c-1.4,0-2.5-1.2-2.5-2.5V15.5 c0-1.4,1.1-2.5,2.5-2.5h15c2.3,0.1,2.8-2.5,0-2.5h-15c-2.8,0-5.1,2.3-5.1,5.1v20.3c0,2.6,2,4.7,4.5,5c0.1,0,0.2,0,0.2,0H5 c0,0,0,0,0.1,0c0,0,0,0,0,0h32.6c2.8,0,5.1-2.3,5.1-5.1v-3.6C42.7,31.5,42.2,30.9,41.5,30.9z'/%3e%3c/g%3e%3cpath d='M46,7.2h-3.5c0-0.7-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2h-3.5h-4.7c0-0.7-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2H26 c-0.7,0-1.2,0.5-1.2,1.2v4.7v12.4c0,1.6,1.3,3,3,3h4h12.5c1.6,0,3-1.3,3-3V13.1v0V8.4C47.2,7.8,46.7,7.2,46,7.2z M27.2,9.6h2.3v0.2 c0,0.7,0.5,1.2,1.2,1.2s1.2-0.5,1.2-1.2V9.6h4.7h3.5v0.2c0,0.7,0.5,1.2,1.2,1.2s1.2-0.5,1.2-1.2V9.6h2.3v2.3H27.2V9.6z M44.2,26.1 H31.7h-4c-0.3,0-0.6-0.3-0.6-0.6V14.3h17.6v11.2C44.8,25.8,44.5,26.1,44.2,26.1z'/%3e%3ccircle cx='31' cy='19' r='1.2'/%3e%3ccircle cx='36.2' cy='19' r='1.2'/%3e%3ccircle cx='41' cy='19' r='1.2'/%3e%3ccircle cx='31' cy='23' r='1.2'/%3e%3ccircle cx='36.2' cy='23' r='1.2'/%3e%3ccircle cx='41' cy='23' r='1.2'/%3e%3c/svg%3e");
}
.radio-pago.radio-puntos .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%232C2A29'%3e%3cpath d='M8.2,25.7H12c1.7,0,3.2-1.4,3.2-3.2v-3.8c0-1.7-1.4-3.2-3.2-3.2H8.2c-1.7,0-3.2,1.4-3.2,3.2v3.8 C5.1,24.3,6.5,25.7,8.2,25.7z M7.6,18.7c0-0.3,0.3-0.6,0.6-0.6H12c0.3,0,0.6,0.3,0.6,0.6v3.8c0,0.3-0.3,0.6-0.6,0.6H8.2 c-0.3,0-0.6-0.3-0.6-0.6V18.7z' fill-opacity='1'/%3e%3cpath d='M6.3,35.8h17.7c0,0,0,0,0,0c0.7,0,1.3-0.6,1.3-1.3s-0.6-1.3-1.3-1.3H6.3c0,0,0,0,0,0c-0.7,0-1.3,0.6-1.3,1.3 S5.6,35.8,6.3,35.8z' fill-opacity='1'/%3e%3cpath d='M5.8,30.7h18.7c0.4,0,0.8-0.6,0.8-1.3c0-0.7-0.3-1.3-0.8-1.3H5.8c-0.4,0-0.8,0.6-0.8,1.3 C5.1,30.2,5.4,30.7,5.8,30.7z' fill-opacity='1'/%3e%3cpath d='M41.5,30.9c-0.7,0-1.3,0.6-1.3,1.3v3.6c0,1.4-1.1,2.5-2.5,2.5H5c-1.4,0-2.5-1.2-2.5-2.5V15.5 c0-1.4,1.1-2.5,2.5-2.5h21c2.3,0.1,2.8-2.5,0-2.5h-21c-2.8,0-5.1,2.3-5.1,5.1v20.3c0,2.6,2,4.7,4.5,5c0.1,0,0.2,0,0.2,0H5 c0,0,0,0,0.1,0c0,0,0,0,0,0h32.6c2.8,0,5.1-2.3,5.1-5.1v-3.6C42.7,31.5,42.2,30.9,41.5,30.9z' fill-opacity='1'/%3e%3cpath d='M47.5,14.4c0.2-0.2,0.3-0.6,0.3-0.9c-0.1-0.6-0.6-1-1.2-0.9l-8,1.1c-0.3,0-0.7-0.1-0.8-0.4l-3.9-7 c-0.2-0.4-0.7-0.6-1.1-0.5l-0.1,0v0c-0.4,0.1-0.7,0.4-0.8,0.8l-1.4,7.8c-0.1,0.3-0.3,0.6-0.7,0.7l-7.9,1.5c-0.3,0.1-0.6,0.3-0.8,0.6 C21,17.5,21,17.7,21,18c0.1,0.3,0.3,0.5,0.5,0.6l7.1,3.7c0.3,0.2,0.5,0.5,0.4,0.8l-1,7.9c0,0.3,0.1,0.7,0.3,0.9 c0.2,0.2,0.5,0.3,0.8,0.3c0,0,0,0,0,0c0.3,0,0.5-0.1,0.7-0.3l5.8-5.5c0.2-0.2,0.6-0.3,0.9-0.2l7.3,3.4c0.3,0.1,0.6,0.1,0.9,0 c0.3-0.1,0.4-0.3,0.5-0.6c0.1-0.3,0.1-0.6-0.1-0.8l-3.5-7.1c-0.2-0.3-0.1-0.7,0.1-0.9L47.5,14.4z M33.4,9.6L33.4,9.6L33.4,9.6 L33.4,9.6z M39.9,22l2.2,4.4l-4.6-2.1c-1.1-0.5-2.4-0.3-3.3,0.5l-3.6,3.5l0.6-4.9c0.2-1.2-0.5-2.4-1.6-3l-4.3-2.3l4.9-0.9 c1.2-0.2,2.1-1.2,2.4-2.4l0.9-4.9l2.4,4.3c0.6,1.1,1.8,1.7,3,1.5l4.9-0.7l-3.4,3.5C39.6,19.6,39.4,20.9,39.9,22z'/%3e%3c/svg%3e");
}
.radio-pago.radio-puntos .custom-control-input:checked + .custom-control-label, .radio-pago.radio-puntos:hover .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%234666ff'%3e%3cpath d='M8.2,25.7H12c1.7,0,3.2-1.4,3.2-3.2v-3.8c0-1.7-1.4-3.2-3.2-3.2H8.2c-1.7,0-3.2,1.4-3.2,3.2v3.8 C5.1,24.3,6.5,25.7,8.2,25.7z M7.6,18.7c0-0.3,0.3-0.6,0.6-0.6H12c0.3,0,0.6,0.3,0.6,0.6v3.8c0,0.3-0.3,0.6-0.6,0.6H8.2 c-0.3,0-0.6-0.3-0.6-0.6V18.7z' fill-opacity='1'/%3e%3cpath d='M6.3,35.8h17.7c0,0,0,0,0,0c0.7,0,1.3-0.6,1.3-1.3s-0.6-1.3-1.3-1.3H6.3c0,0,0,0,0,0c-0.7,0-1.3,0.6-1.3,1.3 S5.6,35.8,6.3,35.8z' fill-opacity='1'/%3e%3cpath d='M5.8,30.7h18.7c0.4,0,0.8-0.6,0.8-1.3c0-0.7-0.3-1.3-0.8-1.3H5.8c-0.4,0-0.8,0.6-0.8,1.3 C5.1,30.2,5.4,30.7,5.8,30.7z' fill-opacity='1'/%3e%3cpath d='M41.5,30.9c-0.7,0-1.3,0.6-1.3,1.3v3.6c0,1.4-1.1,2.5-2.5,2.5H5c-1.4,0-2.5-1.2-2.5-2.5V15.5 c0-1.4,1.1-2.5,2.5-2.5h21c2.3,0.1,2.8-2.5,0-2.5h-21c-2.8,0-5.1,2.3-5.1,5.1v20.3c0,2.6,2,4.7,4.5,5c0.1,0,0.2,0,0.2,0H5 c0,0,0,0,0.1,0c0,0,0,0,0,0h32.6c2.8,0,5.1-2.3,5.1-5.1v-3.6C42.7,31.5,42.2,30.9,41.5,30.9z' fill-opacity='1'/%3e%3cpath d='M47.5,14.4c0.2-0.2,0.3-0.6,0.3-0.9c-0.1-0.6-0.6-1-1.2-0.9l-8,1.1c-0.3,0-0.7-0.1-0.8-0.4l-3.9-7 c-0.2-0.4-0.7-0.6-1.1-0.5l-0.1,0v0c-0.4,0.1-0.7,0.4-0.8,0.8l-1.4,7.8c-0.1,0.3-0.3,0.6-0.7,0.7l-7.9,1.5c-0.3,0.1-0.6,0.3-0.8,0.6 C21,17.5,21,17.7,21,18c0.1,0.3,0.3,0.5,0.5,0.6l7.1,3.7c0.3,0.2,0.5,0.5,0.4,0.8l-1,7.9c0,0.3,0.1,0.7,0.3,0.9 c0.2,0.2,0.5,0.3,0.8,0.3c0,0,0,0,0,0c0.3,0,0.5-0.1,0.7-0.3l5.8-5.5c0.2-0.2,0.6-0.3,0.9-0.2l7.3,3.4c0.3,0.1,0.6,0.1,0.9,0 c0.3-0.1,0.4-0.3,0.5-0.6c0.1-0.3,0.1-0.6-0.1-0.8l-3.5-7.1c-0.2-0.3-0.1-0.7,0.1-0.9L47.5,14.4z M33.4,9.6L33.4,9.6L33.4,9.6 L33.4,9.6z M39.9,22l2.2,4.4l-4.6-2.1c-1.1-0.5-2.4-0.3-3.3,0.5l-3.6,3.5l0.6-4.9c0.2-1.2-0.5-2.4-1.6-3l-4.3-2.3l4.9-0.9 c1.2-0.2,2.1-1.2,2.4-2.4l0.9-4.9l2.4,4.3c0.6,1.1,1.8,1.7,3,1.5l4.9-0.7l-3.4,3.5C39.6,19.6,39.4,20.9,39.9,22z'/%3e%3c/svg%3e");
}
.radio-pago.radio-bitcoin .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%232C2A29'%3e%3cpath d='M24,42c-8.9,0-16.4-6.5-17.8-15.2C4.7,17,11.4,7.8,21.2,6.2C23.5,5.8,26,6,28.3,6.5 C38,8.9,43.9,18.7,41.5,28.3c-1,3.9-3.3,7.5-6.5,9.9c-1.6,1.2-3.3,2.1-5.1,2.8C28,41.7,26,42,24,42z M24,8.2 c-8.7,0-15.8,7.1-15.8,15.8S15.2,39.9,24,39.9c8.7,0,15.8-7.1,15.8-15.8c0-7.3-4.9-13.6-12-15.4C26.5,8.4,25.3,8.2,24,8.2z' fill-opacity='1'/%3e%3cpath d='M33.1,21.2c0.3-1.3,0-2.6-0.7-3.7c-0.9-1.1-2.1-1.9-3.4-2.3l0.5-2.1c0.2-0.6-0.2-1.2-0.8-1.4 c-0.6-0.2-1.2,0.2-1.4,0.8l-0.5,2.1l-2.1-0.5l0.5-2.1c0.2-0.6-0.2-1.2-0.8-1.4c-0.6-0.2-1.2,0.2-1.4,0.8l-0.5,2.1l-1.1-0.3l0,0 l-2.1-0.5c-0.6-0.2-1.2,0.2-1.4,0.8c-0.2,0.6,0.2,1.2,0.8,1.4l2.1,0.5l-3.2,12.8L16.4,28c-0.6-0.1-1.2,0.2-1.3,0.8 c-0.2,0.6,0.2,1.2,0.8,1.4l2.4,0.6l-0.5,2.1c0,0.1,0,0.2,0,0.3c0,0.6,0.5,1.1,1.1,1.1c0.5,0,1-0.4,1.1-0.9l0.5-2.1l2.1,0.5L22,34 c0,0.1,0,0.2,0,0.3c0,0.6,0.5,1.1,1.1,1.1c0.5,0,1-0.4,1.1-0.9l0.5-2.1c0.8,0.2,1.5,0.3,2.3,0.3c1.6,0.1,3.1-0.5,4.3-1.6 c1.1-1.2,1.5-2.8,1-4.4c-0.3-1-0.9-1.9-1.6-2.6C31.8,23.6,32.8,22.5,33.1,21.2z M29.6,29.5c-0.9,0.9-2.6,1.1-4.8,0.6l-0.7-0.2 c0,0,0,0,0,0c0,0,0,0,0,0l-4.3-1.1l1.5-5.8l4.9,1.2c2,0.5,3.4,1.6,3.8,3.1C30.3,28.1,30.1,28.9,29.6,29.5z M30.9,20.6 c-0.3,1.1-1.7,2-4.1,1.4c0,0,0,0,0,0l-4.9-1.2l1.2-4.8l4.9,1.2C30.3,17.9,31.2,19.4,30.9,20.6z'/%3e%3c/svg%3e");
}
.radio-pago.radio-bitcoin .custom-control-input:checked + .custom-control-label, .radio-pago.radio-bitcoin:hover .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='%234666ff'%3e%3cpath d='M24,42c-8.9,0-16.4-6.5-17.8-15.2C4.7,17,11.4,7.8,21.2,6.2C23.5,5.8,26,6,28.3,6.5 C38,8.9,43.9,18.7,41.5,28.3c-1,3.9-3.3,7.5-6.5,9.9c-1.6,1.2-3.3,2.1-5.1,2.8C28,41.7,26,42,24,42z M24,8.2 c-8.7,0-15.8,7.1-15.8,15.8S15.2,39.9,24,39.9c8.7,0,15.8-7.1,15.8-15.8c0-7.3-4.9-13.6-12-15.4C26.5,8.4,25.3,8.2,24,8.2z' fill-opacity='1'/%3e%3cpath d='M33.1,21.2c0.3-1.3,0-2.6-0.7-3.7c-0.9-1.1-2.1-1.9-3.4-2.3l0.5-2.1c0.2-0.6-0.2-1.2-0.8-1.4 c-0.6-0.2-1.2,0.2-1.4,0.8l-0.5,2.1l-2.1-0.5l0.5-2.1c0.2-0.6-0.2-1.2-0.8-1.4c-0.6-0.2-1.2,0.2-1.4,0.8l-0.5,2.1l-1.1-0.3l0,0 l-2.1-0.5c-0.6-0.2-1.2,0.2-1.4,0.8c-0.2,0.6,0.2,1.2,0.8,1.4l2.1,0.5l-3.2,12.8L16.4,28c-0.6-0.1-1.2,0.2-1.3,0.8 c-0.2,0.6,0.2,1.2,0.8,1.4l2.4,0.6l-0.5,2.1c0,0.1,0,0.2,0,0.3c0,0.6,0.5,1.1,1.1,1.1c0.5,0,1-0.4,1.1-0.9l0.5-2.1l2.1,0.5L22,34 c0,0.1,0,0.2,0,0.3c0,0.6,0.5,1.1,1.1,1.1c0.5,0,1-0.4,1.1-0.9l0.5-2.1c0.8,0.2,1.5,0.3,2.3,0.3c1.6,0.1,3.1-0.5,4.3-1.6 c1.1-1.2,1.5-2.8,1-4.4c-0.3-1-0.9-1.9-1.6-2.6C31.8,23.6,32.8,22.5,33.1,21.2z M29.6,29.5c-0.9,0.9-2.6,1.1-4.8,0.6l-0.7-0.2 c0,0,0,0,0,0c0,0,0,0,0,0l-4.3-1.1l1.5-5.8l4.9,1.2c2,0.5,3.4,1.6,3.8,3.1C30.3,28.1,30.1,28.9,29.6,29.5z M30.9,20.6 c-0.3,1.1-1.7,2-4.1,1.4c0,0,0,0,0,0l-4.9-1.2l1.2-4.8l4.9,1.2C30.3,17.9,31.2,19.4,30.9,20.6z'/%3e%3c/svg%3e");
}
.radio-pago.radio-multicuenta .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='48px' height='48px' viewBox='0 0 48 48' enable-background='new 0 0 48 48' xml:space='preserve'%3e%3cpath fill='%232C2A29' d='M16.3,30c0-0.5-0.4-0.9-0.9-0.9h-3.8v-3.8c0-0.5-0.4-0.9-0.9-0.9h-0.6c-0.5,0-0.9,0.4-0.9,0.9v3.8H5.4 c-0.5,0-0.9,0.4-0.9,0.9v0.6c0,0.5,0.4,0.9,0.9,0.9h3.8v3.8c0,0.5,0.4,0.9,0.9,0.9h0.6c0.5,0,0.9-0.4,0.9-0.9v-3.8h3.8 c0.5,0,0.9-0.4,0.9-0.9V30z'/%3e%3crect x='6.5' y='53.6' transform='matrix(-1.836970e-16 1 -1 -1.836970e-16 67.1348 50.6099)' fill='%232C2A29' width='3.4' height='10.5'/%3e%3cg%3e%3cpath fill='%232C2A29' d='M10.4,7.7c0-1.1-0.8-1.9-1.9-1.9H6.3c-1.1,0-1.9,0.8-1.9,1.9v2.2c0,1.1,0.8,1.9,1.9,1.9h2.2 c1.1,0,1.9-0.8,1.9-1.9V7.7z M8.8,9.9c0,0.1-0.1,0.3-0.3,0.3H6.3c-0.1,0-0.3-0.1-0.3-0.3V7.7c0-0.1,0.1-0.3,0.3-0.3h2.2 c0.1,0,0.3,0.1,0.3,0.3V9.9z'/%3e%3cpath fill='%232C2A29' d='M25,1.4H3.6C1.6,1.4,0,3,0,4.9v13.2c0,1.7,1.3,3.2,3,3.5l22.6,0c1.7-0.3,2.9-1.7,2.9-3.5V4.9 C28.6,3,27,1.4,25,1.4z M26.4,17.7c0,1-0.6,1.9-1.4,1.9H3.6c-0.8,0-1.4-0.9-1.4-1.9v-0.8l24.3,0V17.7z M26.4,14.5l-0.2,0l-24.1,0 V4.9c0-0.8,0.6-1.4,1.4-1.4H25c0.8,0,1.4,0.6,1.4,1.4V14.5z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%232C2A29' d='M29.8,32.6c0-1.1-0.8-1.9-1.9-1.9h-2.2c-1.1,0-1.9,0.8-1.9,1.9v2.2c0,1.1,0.8,1.9,1.9,1.9h2.2 c1.1,0,1.9-0.8,1.9-1.9V32.6z M28.2,34.8c0,0.1-0.1,0.3-0.3,0.3h-2.2c-0.1,0-0.3-0.1-0.3-0.3v-2.2c0-0.1,0.1-0.3,0.3-0.3h2.2 c0.1,0,0.3,0.1,0.3,0.3V34.8z'/%3e%3cpath fill='%232C2A29' d='M44.4,26.3H23c-1.9,0-3.6,1.6-3.6,3.6v13.2c0,1.7,1.3,3.2,3,3.5l22.6,0c1.7-0.3,2.9-1.7,2.9-3.5V29.9 C48,27.9,46.4,26.3,44.4,26.3z M45.8,42.6c0,1-0.6,1.9-1.4,1.9H23c-0.8,0-1.4-0.9-1.4-1.9v-0.8l24.3,0V42.6z M45.8,39.5l-0.2,0 l-24.1,0v-9.6c0-0.8,0.6-1.4,1.4-1.4h21.5c0.8,0,1.4,0.6,1.4,1.4V39.5z'/%3e%3c/g%3e%3c/svg%3e ");
}
.radio-pago.radio-multicuenta .custom-control-input:checked + .custom-control-label, .radio-pago.radio-multicuenta:hover .custom-control-label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='48px' height='48px' viewBox='0 0 48 48' enable-background='new 0 0 48 48' xml:space='preserve'%3e%3cpath fill='%234666ff' d='M16.3,30c0-0.5-0.4-0.9-0.9-0.9h-3.8v-3.8c0-0.5-0.4-0.9-0.9-0.9h-0.6c-0.5,0-0.9,0.4-0.9,0.9v3.8H5.4 c-0.5,0-0.9,0.4-0.9,0.9v0.6c0,0.5,0.4,0.9,0.9,0.9h3.8v3.8c0,0.5,0.4,0.9,0.9,0.9h0.6c0.5,0,0.9-0.4,0.9-0.9v-3.8h3.8 c0.5,0,0.9-0.4,0.9-0.9V30z'/%3e%3crect x='6.5' y='53.6' transform='matrix(-1.836970e-16 1 -1 -1.836970e-16 67.1348 50.6099)' fill='%234666ff' width='3.4' height='10.5'/%3e%3cg%3e%3cpath fill='%234666ff' d='M10.4,7.7c0-1.1-0.8-1.9-1.9-1.9H6.3c-1.1,0-1.9,0.8-1.9,1.9v2.2c0,1.1,0.8,1.9,1.9,1.9h2.2 c1.1,0,1.9-0.8,1.9-1.9V7.7z M8.8,9.9c0,0.1-0.1,0.3-0.3,0.3H6.3c-0.1,0-0.3-0.1-0.3-0.3V7.7c0-0.1,0.1-0.3,0.3-0.3h2.2 c0.1,0,0.3,0.1,0.3,0.3V9.9z'/%3e%3cpath fill='%234666ff' d='M25,1.4H3.6C1.6,1.4,0,3,0,4.9v13.2c0,1.7,1.3,3.2,3,3.5l22.6,0c1.7-0.3,2.9-1.7,2.9-3.5V4.9 C28.6,3,27,1.4,25,1.4z M26.4,17.7c0,1-0.6,1.9-1.4,1.9H3.6c-0.8,0-1.4-0.9-1.4-1.9v-0.8l24.3,0V17.7z M26.4,14.5l-0.2,0l-24.1,0 V4.9c0-0.8,0.6-1.4,1.4-1.4H25c0.8,0,1.4,0.6,1.4,1.4V14.5z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%234666ff' d='M29.8,32.6c0-1.1-0.8-1.9-1.9-1.9h-2.2c-1.1,0-1.9,0.8-1.9,1.9v2.2c0,1.1,0.8,1.9,1.9,1.9h2.2 c1.1,0,1.9-0.8,1.9-1.9V32.6z M28.2,34.8c0,0.1-0.1,0.3-0.3,0.3h-2.2c-0.1,0-0.3-0.1-0.3-0.3v-2.2c0-0.1,0.1-0.3,0.3-0.3h2.2 c0.1,0,0.3,0.1,0.3,0.3V34.8z'/%3e%3cpath fill='%234666ff' d='M44.4,26.3H23c-1.9,0-3.6,1.6-3.6,3.6v13.2c0,1.7,1.3,3.2,3,3.5l22.6,0c1.7-0.3,2.9-1.7,2.9-3.5V29.9 C48,27.9,46.4,26.3,44.4,26.3z M45.8,42.6c0,1-0.6,1.9-1.4,1.9H23c-0.8,0-1.4-0.9-1.4-1.9v-0.8l24.3,0V42.6z M45.8,39.5l-0.2,0 l-24.1,0v-9.6c0-0.8,0.6-1.4,1.4-1.4h21.5c0.8,0,1.4,0.6,1.4,1.4V39.5z'/%3e%3c/g%3e%3c/svg%3e ");
}

/* ANCHOR: Modal OTP */
.otp-form-wrapper .modal-header {
  border: none !important;
}
.otp-form-wrapper .btn.btn-cancel {
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.otp-form-wrapper .btn.btn-cancel span {
  text-decoration: underline;
  display: inline-flex;
  margin-right: 5px;
}
.otp-form-wrapper .btn.btn-cancel i {
  font-size: 22px;
}
.otp-form-wrapper .otp-button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}
.otp-form-wrapper .otp-button-container .btn {
  flex: 1;
}
.otp-form-wrapper .otp-button-container .otp-timer {
  display: block;
  opacity: 0;
  padding: 4px 0 4px 32px;
  position: relative;
  margin-left: 15px;
  min-width: 80px;
}
.otp-form-wrapper .otp-button-container .otp-timer::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e813";
  position: absolute;
  top: 4px;
  left: 0;
}
.otp-form-wrapper .otp-button-container .otp-timer.active {
  opacity: 1;
}
@media (min-width: 992px) {
  .otp-form-wrapper .otp-button-container {
    flex-direction: column;
    align-items: flex-end;
  }
  .otp-form-wrapper .otp-button-container .otp-timer {
    margin-top: 10px;
  }
}
.otp-form-wrapper .btn-custom-size {
  min-width: 220px;
}

input.input-icon-email,
input.input-icon-clave {
  padding-left: 36px !important;
  background-size: 20px auto;
  background-position: left center;
  background-repeat: no-repeat;
}

input.input-icon-email {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' viewBox='0 0 20 15'%3e%3cpath d='M3,6.707V17.916l5.68-5.528ZM4,19a.993.993,0,0,1-.526-.15l5.913-5.756L12,15.707l2.375-2.375,5.8,5.652A1.008,1.008,0,0,1,20,19Zm16.943-.667A.993.993,0,0,0,21,18V6.707l-5.918,5.918ZM3.708,6,12,14.293,20.292,6ZM4,20H20a2,2,0,0,0,2-2V5H2V18A2,2,0,0,0,4,20Z' transform='translate(-2 -5)' fill='%232c2a29' fill-rule='evenodd'/%3e%3c/svg%3e ");
}

input.input-icon-clave {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 10V7C17 4.24 14.76 2 12 2C9.24 2 7 4.24 7 7V10H5V15C5 18.86 8.14 22 12 22C15.86 22 19 18.86 19 15V10H17ZM8 7C8 4.79 9.79 3 12 3C14.21 3 16 4.79 16 7V10H8V7ZM18 15C18 18.31 15.31 21 12 21C8.69 21 6 18.31 6 15V11H18V15ZM8.23012 15.93C8.35012 17.91 9.99012 19.5 12.0001 19.5C13.0101 19.5 13.9601 19.11 14.6801 18.39L13.9701 17.68C13.4401 18.21 12.7401 18.5 12.0001 18.5C10.5501 18.5 9.37012 17.39 9.24012 15.98L9.86012 16.6L10.5701 15.89L8.72012 14.04L6.87012 15.89L7.58012 16.6L8.23012 15.93ZM14.76 15.44C14.63 14.03 13.45 12.92 12 12.92C11.25 12.92 10.55 13.21 10.01 13.74L9.30005 13.03C10.02 12.31 10.97 11.92 11.98 11.92C14 11.92 15.64 13.5 15.75 15.49L16.42 14.82L17.13 15.53L15.28 17.38L13.43 15.53L14.14 14.82L14.76 15.44Z' fill='%232C2A29'/%3e%3c/svg%3e ");
  background-size: auto 24px;
}

.info-prod .label {
  margin-bottom: 5px;
  font-size: 12px;
}

fieldset.fls {
  position: relative;
  margin-top: 20px;
  padding-top: 15px;
}
fieldset.fls legend {
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  position: relative;
  z-index: 2;
  background-color: white;
  font-size: 14px;
  font-weight: bold;
  padding-right: 15px;
  margin-bottom: 0;
  color: #2C2A29;
}
fieldset.fls::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 5px;
  right: 0;
  height: 1px;
  border-top: 1px solid #eee;
  z-index: 0;
}

i.icon-info {
  display: inline-block;
  width: 14px;
  height: 14px;
  opacity: 0.5;
  vertical-align: baseline;
  background-image: url(../img/ic-question.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}

.card-exito {
  max-width: 405px;
  margin: 0 auto;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 1px 8px 0px rgba(44, 42, 41, 0.0784313725);
  background-color: white;
}
.card-exito .inner {
  padding: 1.5rem;
}
.card-exito .autorizacion p {
  font-size: 0.75rem;
}
.card-exito .monto {
  background: #FAFAFA;
  padding: 2rem;
}
.card-exito .monto h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.25rem;
}
.card-exito p, .card-exito strong {
  font-size: 1rem;
}
.card-exito .link {
  font-weight: 700;
}

.prod-desc .content {
  padding-top: 0;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
  font-size: 14px;
}
.prod-desc .content::after {
  display: none;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 36px;
  width: 100%;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.prod-desc a.ver-mas {
  display: none;
  position: relative;
  font-weight: 600;
  padding-right: 20px;
  font-size: 16px;
  color: #2C2A29;
  margin-top: 20px;
  text-decoration: underline;
}
.prod-desc a.ver-mas::after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-image: url(../img/icons/svg/plus.svg);
  margin-left: 5px;
}
.prod-desc.has-more .content::after {
  display: block;
}
.prod-desc.has-more a.ver-mas {
  display: inline-block;
}
.prod-desc.has-more.abierto .content::after {
  display: none;
}
.prod-desc.has-more.abierto a.ver-mas span {
  display: none;
}
.prod-desc.has-more.abierto a.ver-mas::after {
  background-image: url(../img/icons/svg/minus.svg);
}
.prod-desc.has-more.abierto a.ver-mas::before {
  content: attr(data-menos);
}

[data-display-tipopago]:not(.mostrar) {
  display: none !important;
}

.wcontent-container {
  min-height: 100vh;
  padding-bottom: 80px;
  position: relative;
}
.wcontent-container > #footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
}

#footer {
  border-top: 1px solid #ccc;
  min-height: 56px;
  background-color: white;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
#footer .texto {
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  letter-spacing: -0.17px;
  font-weight: 600;
  vertical-align: middle;
}
#footer .texto img {
  width: 20px;
}
#footer figure {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
#footer figure img {
  width: auto;
}
#footer figure img.logo-wompi {
  height: 28px;
}
#footer figure img.logo-ba {
  height: 20px;
}
@media (min-width: 768px) {
  #footer {
    min-height: 70px;
    padding: 10px 25px;
  }
  #footer .texto {
    display: flex;
  }
}

/* Términos y Condiciones */
.list-style-alpha,
.list-style-numeric {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}
.list-style-alpha > li,
.list-style-numeric > li {
  margin: 0;
  padding: 0 0 0 4em;
  text-indent: -1.5em;
  list-style-type: none;
  counter-increment: item;
}
.list-style-alpha > li::before,
.list-style-numeric > li::before {
  display: inline-block;
  width: 1.5em;
  padding-right: 0em;
  font-weight: bold;
  text-align: center;
  color: #4666ff;
}

.list-style-alpha > li::before {
  content: counter(item, lower-alpha) ".";
}

.list-style-numeric > li::before {
  font-size: 0.9rem;
  content: counter(item) ".";
}

.terminos-menu-list .active {
  border-right: 2px #4666ff solid;
}

@media (max-width: 767.98px) {
  .md-max-width-100 {
    max-width: 100% !important;
  }
}
.terminos-layout {
  counter-reset: primero;
}
.terminos-layout a {
  text-decoration: underline;
  color: #4666ff;
  font-weight: bold;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.terminos-layout a:hover {
  text-decoration: none;
  color: #4666ff;
}
.terminos-layout .list-1st {
  counter-reset: segundo;
  margin-bottom: 0;
  color: #4666ff;
  font-weight: bold;
}
.terminos-layout .list-2nd {
  counter-reset: tercero;
  margin-bottom: 0;
  padding-left: 4.5rem;
  position: relative;
}
.terminos-layout .list-3rd {
  counter-reset: cuarto;
  margin-bottom: 0;
  padding-left: 4.5rem;
  position: relative;
  margin-left: 1.5rem;
}
.terminos-layout .list-1st::before {
  counter-increment: primero;
  content: "SECCIÓN " counter(primero) ". ";
}
.terminos-layout .list-2nd::before {
  counter-increment: segundo;
  content: counter(primero) "." counter(segundo) ". ";
  padding-left: 1rem;
  color: #fdda24;
  font-weight: bold;
  position: absolute;
  left: 0;
  width: 4rem;
  text-align: center;
}
.terminos-layout .list-3rd::before {
  counter-increment: tercero;
  content: counter(primero) "." counter(segundo) "." counter(tercero) ". ";
  color: #4666ff;
  font-weight: bold;
  position: absolute;
  left: 0;
  width: 4rem;
  text-align: right;
}
.terminos-layout .list-4th::before {
  counter-increment: cuarto;
  content: counter(primero) "." counter(segundo) "." counter(tercero) "." counter(cuarto) ". ";
  padding-left: 3rem;
}

.qr-wrap {
  text-align: center;
}
.qr-wrap .content {
  display: inline-block;
  position: relative;
  min-height: 200px;
  min-width: 200px;
}
.qr-wrap .content a.reload-qr {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.6);
  color: white !important;
  text-decoration: none !important;
  cursor: pointer;
}
.qr-wrap .content a.reload-qr::before {
  display: block;
  content: "";
  background-color: #4666ff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.qr-wrap .content a.reload-qr img {
  width: 36px;
  height: auto;
  margin-bottom: 10px;
}
.qr-wrap .content a.reload-qr span {
  width: 120px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  flex: 0 0 auto;
  line-height: 1.2;
  text-transform: uppercase;
}
.qr-wrap .content a.reload-qr img,
.qr-wrap .content a.reload-qr span {
  position: relative;
  z-index: 2;
}

figure.qr {
  padding: 0;
  margin: 0;
}
figure.qr img {
  width: 350px;
  max-width: 100%;
  height: auto;
}

.link-container {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

a.link {
  text-decoration: underline;
  font-weight: 600;
  color: inherit;
  font-size: 14px;
}

@media (min-width: 768px) {
  .border-md-left {
    border-left: #ccc 1px solid;
  }
}

.pago-exitoso {
  text-align: center;
  padding: 0 0 25px 0;
}
.pago-exitoso figure {
  margin: 0 0 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 128px;
}
.pago-exitoso figure img {
  width: 24px;
  height: auto;
  opacity: 0;
}
.pago-exitoso.show figure img {
  width: 128px;
  height: 128px;
  opacity: 1;
  animation: grow 3s ease-in-out forwards;
}
@keyframes grow {
  70% {
    transform: scale(0);
    /* Empieza desde 0, es decir, completamente pequeño */
    opacity: 0;
    /* Inicialmente transparente */
  }
  90% {
    transform: scale(1.5);
    /* aumenta el tamaño más del nomral para dar sensacion de rebote */
    opacity: 0.5;
    /* Aumenta la opacidad a la mitad del camino */
  }
  100% {
    transform: scale(1);
    /* Termina en tamaño normal */
    opacity: 1;
    /* Totalmente visible */
  }
}
.pago-exitoso h3 {
  font-size: 20px;
  font-weight: bold;
}

.dropdown-menu {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.dropdown-menu .dropdown-item {
  color: #2C2A29 !important;
  background-color: white !important;
  font-size: 16px;
  padding: 0.75rem 1.5rem;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5 !important;
}
.dropdown-menu .dropdown-item.selected {
  padding-right: 54px;
  background-image: url(../img/icons/svg/dd-ok.svg);
  background-position: right 11px;
  background-size: 24px auto;
  background-repeat: no-repeat;
}

.dropdown-toggle::after {
  font-family: "ba-custom-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  border: none !important;
  font-size: 20px;
  content: "\e801";
}

.dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  .row-campos-dinamicos > .col-lg {
    min-width: 50%;
  }
}

/* ANCHOR: Calendar */
.datepicker {
  font-family: "Open Sans", sans-serif !important;
}
.datepicker.dropdown-menu {
  width: 240px;
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.datepicker .datepicker-switch {
  font-size: 16px;
}
.datepicker .datepicker-days tbody {
  border-top: 5px transparent;
}
.datepicker table {
  font-size: 14px;
  width: 100%;
}
.datepicker table tr th.prev {
  color: white;
  font-size: 0;
}
.datepicker table tr th.prev::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
  display: inline-block;
  font-size: 24px;
  color: #2C2A29;
}
.datepicker table tr th.next {
  color: white;
  font-size: 0;
}
.datepicker table tr th.next::before {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e803";
  display: inline-block;
  font-size: 24px;
  color: #2C2A29;
}
.datepicker table tr th.dow {
  font-size: 12px;
  border-bottom: 1px solid #ccc;
  font-weight: 400;
}
.datepicker table tr td.today {
  background-color: transparent !important;
  text-shadow: none;
  position: relative;
}
.datepicker table tr td.today::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  border: 1px solid #2C2A29;
  width: 28px;
  height: 28px;
  z-index: 0;
  border-radius: 50%;
  transform: translateX(-50%);
}
.datepicker table tr td {
  border-radius: 16px;
  height: 30px;
}
.datepicker table tr td.active, .datepicker table tr td.active.active {
  color: white;
  background: #2C2A29 !important;
  border: none;
  border-radius: 16px;
  text-shadow: none;
  /* &::before{
      display: inline-block;
      position: absolute;
      top: 0;
      left: 50%;
      content: "";
      background-color: $dark;
      width: 28px;
      height: 28px;
      z-index: 0;
      border-radius: 50%;
      transform: translateX(-50%);
  } */
}
.datepicker table tr td span.active {
  background: #2C2A29 !important;
  color: white !important;
  text-shadow: none !important;
}
.datepicker table tfoot tr th.today, .datepicker table tfoot tr th.clear {
  text-decoration: underline;
  background: white !important;
}
.datepicker.datepicker-dropdown::before, .datepicker.datepicker-dropdown::after {
  display: none !important;
}

@media (min-width: 768px) {
  .mh-md-100 {
    min-height: 100%;
  }
}

.img-error img {
  width: 150px;
  height: auto;
}

.timer-btc {
  text-align: center;
  padding-right: 10px;
  font-size: 14px;
}
.timer-btc figure {
  margin: 0;
}
.timer-btc i {
  font-size: 24px;
}

/* ANCHOR: Loading */
.loading-spiner-container {
  padding: 25px 0;
  text-align: center;
  display: block;
}
.loading-spiner-container .loading-text {
  display: block;
  padding-top: 25px;
}

.ba-loading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  overflow: visible;
}
.ba-loading::before {
  content: "";
  animation: rotate-center 2s linear infinite forwards;
  height: 40px;
  width: 40px;
  background-image: url(../img/icons/svg/spinner.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px auto;
}

@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ANCHOR: Sweetalert */
.sweet-alert {
  border-radius: 0 !important;
  font-family: "Open Sans", sans-serif !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  width: 380px;
}
.sweet-alert h2, .sweet-alert p, .sweet-alert ul, .sweet-alert ol {
  color: #2C2A29 !important;
  font-weight: 400;
}
.sweet-alert h2 {
  margin: 0 0 20px 0;
  line-height: 1;
  font-family: "CIBFont Sans" !important;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 26px !important;
}
.sweet-alert p {
  margin-left: auto;
  margin-right: auto;
  max-width: 290px;
}
.sweet-alert .sa-icon {
  width: 104px;
  height: 104px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none !important;
}
.sweet-alert .sa-icon::before, .sweet-alert .sa-icon::after, .sweet-alert .sa-icon > div, .sweet-alert .sa-icon > span {
  display: none !important;
}
.sweet-alert .sa-icon.sa-warning {
  background-image: url(../img/pictogramas/mano.svg);
}
.sweet-alert .sa-icon.sa-error {
  background-image: url(../img/pictogramas/error.svg);
}
.sweet-alert .sa-icon.sa-info {
  background-image: url(../img/pictogramas/idea.svg);
}
.sweet-alert .sa-icon.sa-success {
  background-image: url(../img/pictogramas/check.svg);
}
.sweet-alert button {
  border-radius: 19px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  box-shadow: none !important;
  box-sizing: border-box;
  height: 38px;
  padding: 5px 25px;
  margin: 15px 5px 10px 5px;
  font-weight: 600;
}
.sweet-alert button.cancel {
  color: #2C2A29;
  background: transparent !important;
  border: 1px solid #2C2A29;
}
.sweet-alert button.confirm {
  background-color: #4666ff !important;
  min-width: 120px;
}
.sweet-alert.swal-ba-loading {
  width: 340px;
}
.sweet-alert.swal-ba-loading fieldset {
  display: none;
}

.hidden-div {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  z-index: 0;
}

.pg-forms-pago:not(.pg-pago-ready) {
  opacity: 0;
}

.show-when-new-card:not(.new-card) {
  display: none !important;
}

.modal-otp i {
  font-size: 2.5rem;
}
.modal-otp strong {
  font-size: 1.25rem;
}
.modal-otp p {
  font-size: 1rem;
}
.modal-otp a {
  font-size: 1rem;
}
.modal-otp .input-otp-container {
  max-width: 295px;
  justify-self: center;
}
.modal-otp .input-otp-container .otp-input {
  margin: 0px 8px 0px 35px;
  justify-self: center;
  height: 60px;
  font-size: 24px;
  border: none;
  width: 303px;
  text-align: justify;
  padding-left: 10px;
  padding-right: 0px;
  text-indent: 3px;
  letter-spacing: 34.5px;
  background-repeat: no-repeat;
  background-position: bottom left;
  outline: none !important;
  background-position-x: 0px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='424px' height='14px' viewBox='0 0 424 14'%3e%3crect x='0' y='1' width='40' height='1' fill='black' /%3e%3crect x='48' y='1' width='40' height='1' fill='black' /%3e%3crect x='96' y='1' width='40' height='1' fill='black' /%3e%3crect x='144' y='1' width='40' height='1' fill='black' /%3e%3crect x='192' y='1' width='40' height='1' fill='black' /%3e%3crect x='240' y='1' width='40' height='1' fill='black' /%3e%3c/svg%3e");
  box-sizing: border-box;
  white-space: nowrap;
  font-feature-settings: "tnum";
  caret-color: black;
}
.modal-otp .input-otp-container .otp-input::after {
  content: "";
  display: inline-block;
  width: 0;
  /* Elimina el espacio que genera el séptimo dígito */
}
.modal-otp .input-otp-container strong {
  font-size: 0.75rem;
}
.modal-otp .input-otp-container p {
  font-size: 0.75rem;
}

.container-centrado-steps-login {
  display: flex;
  justify-content: center;
}
.container-centrado-steps-login .steps-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-width: 350px;
}
.container-centrado-steps-login .steps-container .step {
  position: relative;
  z-index: 1;
  text-align: center;
  flex: 1;
}
.container-centrado-steps-login .steps-container .step p {
  margin-top: 8px;
  font-size: 1rem;
}
.container-centrado-steps-login .steps-container .step-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f5f5f5;
  color: #2C2A29;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.container-centrado-steps-login .steps-container .step.active .step-circle {
  background-color: #4666ff;
  color: white;
}
.container-centrado-steps-login .steps-container .step-line {
  position: absolute;
  top: 20px;
  height: 3px;
  background-color: #f5f5f5;
  z-index: 0;
}
.container-centrado-steps-login .steps-container .line-between-1-2 {
  left: 25%;
  width: 50%;
}

.container-centrado-steps-pago {
  display: flex;
  justify-content: center;
}
.container-centrado-steps-pago .steps-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-width: 350px;
}
.container-centrado-steps-pago .steps-container .step {
  position: relative;
  z-index: 1;
  text-align: center;
  flex: 1;
}
.container-centrado-steps-pago .steps-container .step p {
  margin-top: 8px;
  font-size: 1rem;
}
.container-centrado-steps-pago .steps-container .step-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f5f5f5;
  color: #2C2A29;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.container-centrado-steps-pago .steps-container .step.active .step-circle {
  background-color: #4666ff;
  color: white;
}
.container-centrado-steps-pago .steps-container .step.completed .step-circle {
  border: 2px solid #4666ff;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%232c2a29' d='M10.4,18.4L10,18.8l-7-7.1L3.7,11l6.2,6.1L20.7,4l0.7,0.7L10.4,18.4z'/%3e%3c/svg%3e");
  color: white;
  background-repeat: no-repeat;
  background-position: center;
}
.container-centrado-steps-pago .steps-container .step.completed .step-circle span {
  display: none;
}
.container-centrado-steps-pago .steps-container .step-line {
  position: absolute;
  top: 20px;
  height: 3px;
  z-index: 0;
}
.container-centrado-steps-pago .steps-container .step.completed + .step-line {
  background-color: #4666ff;
}
.container-centrado-steps-pago .steps-container .line-between-1-2 {
  left: 25%;
  width: 50%;
}

@media (min-width: 560px) {
  .steps-container {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}
.form-group {
  margin: 1rem 0;
}
.form-group .clear-input {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 5;
  color: #2C2A29;
  background: none;
  border: none;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  display: none;
}
.form-group.filled .clear-input {
  display: inline-block;
}

.form-group > label, .form-label {
  font-size: 14px;
  margin-bottom: 0;
}

i.info {
  font-size: 16px;
}

@media (min-width: 768px) {
  .frm-group-inline {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .frm-group-inline > label {
    flex: 0 0 auto;
    min-width: 105px;
    padding: 0;
    margin: 0 10px 0 0;
  }
  .frm-group-inline .input-wrap {
    flex-grow: 1;
  }
}

a.input-group-text {
  text-decoration: none;
}

.url-group .form-control {
  height: 32px;
  box-shadow: none !important;
  outline: none !important;
  background-color: #f5f5f5 !important;
  border: 1px solid var(--bs-border-color) !important;
}
.url-group .form-control::selection {
  background: none;
  color: inherit;
}
.url-group .clicable {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  z-index: 5;
  cursor: default;
}
.url-group .btn-copy {
  background-color: #f5f5f5 !important;
}

.form-control {
  border-style: solid;
  border-color: #2C2A29 !important;
  border-width: 0 0 1px 0;
  border-radius: 0;
  font-size: 1rem;
  outline: none !important;
  box-shadow: none !important;
  color: #2C2A29 !important;
  background-color: transparent !important;
  height: 38px;
}
.form-control.input-validation-error {
  border-color: #E20201 !important;
  border-width: 0 0 2px 0;
}
.form-control:focus {
  border-color: #4666ff !important;
  border-width: 0 0 2px 0;
}
.form-control::placeholder {
  color: #ced4da;
}
.form-control:disabled, .form-control[readonly] {
  opacity: 0.6;
  border-color: rgba(44, 42, 41, 0.8) !important;
  cursor: auto;
}
.form-control[type=number] {
  -moz-appearance: textfield;
  appearance: none;
  margin: 0;
}
.form-control[type=number]::-webkit-inner-spin-button, .form-control[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

select.form-control {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3e%3cpath fill='%232C2A29' d='M20.1,7.3l-7.5,7.5c-0.4,0.4-1,0.4-1.4,0L3.7,7.3L3,8l7.5,7.5c0.8,0.8,2,0.8,2.8,0L20.8,8L20.1,7.3z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 24px;
  appearance: none;
  font-size: 1rem;
}
select.form-control option {
  background-color: white;
  color: #2C2A29;
}
select.form-control:disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3e%3cpath fill='%23747779' d='M20.1,7.3l-7.5,7.5c-0.4,0.4-1,0.4-1.4,0L3.7,7.3L3,8l7.5,7.5c0.8,0.8,2,0.8,2.8,0L20.8,8L20.1,7.3z'/%3e%3c/svg%3e ");
}

body .select2-dropdown {
  border: 1px solid #2C2A29;
  border-radius: 0;
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #2C2A29;
  border-width: 0 0 1px 0 !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
}
body .select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #2C2A29;
}

body .select2-results__option {
  background-color: white;
}

textarea.form-control {
  min-height: 38px;
}

.form-control-text {
  font-size: 1rem;
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #2C2A29 !important;
  background-color: transparent !important;
}

.input-fecha {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3e%3cpath fill='%232C2A29' d='M20.1,7.3l-7.5,7.5c-0.4,0.4-1,0.4-1.4,0L3.7,7.3L3,8l7.5,7.5c0.8,0.8,2,0.8,2.8,0L20.8,8L20.1,7.3z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 24px;
  appearance: none;
  padding-right: 44px !important;
}

.field-validation-error {
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.17px;
  font-size: 12px;
  padding-top: 3px;
  color: #da2c38 !important;
}

.input-group {
  position: relative;
  width: 100%;
  overflow: visible;
}
.input-group > i.input-group-addon {
  position: absolute;
  left: 0;
  bottom: 7px;
  border: none !important;
  padding: 0 !important;
}
.input-group > i.input-group-addon + input {
  padding-left: 34px;
}

/* .input-group{
    display: flex;
    flex-wrap: nowrap;

    .input-group-addon{
        border-style: solid;
        border-color: $black;
        border-width: 0 0 1px 0;
        border-radius: 0;
        flex: 0 0 auto;
        padding: 4px 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }

    .form-control{
        flex-grow: 1;
        flex-basis: 0;
    }

    &.date{

        .form-control:read-only{
            opacity: 1;
            cursor: default;
        }
    }
} */
.input-has-icon {
  position: relative;
}
.input-has-icon .form-control {
  padding-right: 30px !important;
}
.input-has-icon .ic {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.input-has-icon i {
  font-size: 18px;
  opacity: 0.6;
}

.cbx.st1 {
  display: block;
  position: relative;
  margin: 0;
}
.cbx.st1 > input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.cbx.st1 > input + .cbx-label {
  display: inline-block;
  min-width: 20px;
}
.cbx.st1 > input + .cbx-label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #dee2e6;
}
.cbx.st1 > input + .cbx-label::after {
  font-size: 24px;
  font-family: "ba-custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "a";
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.cbx.st1 > input:checked + .cbx-label::after {
  display: inline-flex;
}

/*******/
.gj-datepicker-bootstrap .form-control {
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-color: var(--bs-border-color) !important;
  padding-right: 0 !important;
}
.gj-datepicker-bootstrap .input-group-append .btn {
  border-radius: 0 10px 10px 0;
  border-color: var(--bs-border-color) !important;
  color: #6c757d !important;
  box-shadow: none !important;
  outline: none !important;
  background: white !important;
}
.gj-datepicker-bootstrap .input-group-append .btn i {
  top: 8px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-size: 12px auto;
}

.custom-switch {
  padding-left: 48px;
}

.custom-switch .custom-control-label::before {
  left: -48px;
  width: 38px;
  height: 24px;
  border-radius: 12px;
  top: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #fdda24;
  background-color: #fdda24;
}

.custom-switch .custom-control-label::after {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  top: 0;
  left: -48px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  left: -46px;
}

/*BS Select Plugin customization*/
.dropdown.bootstrap-select .btn.dropdown-toggle {
  border-radius: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3e%3cpath fill='%232C2A29' d='M20.1,7.3l-7.5,7.5c-0.4,0.4-1,0.4-1.4,0L3.7,7.3L3,8l7.5,7.5c0.8,0.8,2,0.8,2.8,0L20.8,8L20.1,7.3z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 24px;
  appearance: none;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  padding: 0;
  outline: none !important;
  box-shadow: none !important;
  align-items: flex-start;
}
.dropdown.bootstrap-select .btn.dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
  height: 36px;
  padding-right: 38px;
}
.dropdown.bootstrap-select .btn.dropdown-toggle::after {
  display: none;
}
.dropdown.bootstrap-select.show .btn.dropdown-toggle {
  border-width: 0 0 2px 0;
  border-color: #fdda24 !important;
}
.dropdown.bootstrap-select > .dropdown-menu.show {
  transform: translate3d(0px, 38px, 0px) !important;
}

/***/
.ccard-saved-item {
  position: relative;
  margin-bottom: 10px;
}
.ccard-saved-item .action {
  position: absolute;
  width: 25px;
  top: 4px;
  right: 0;
}
.ccard-saved-item .action .btn {
  padding: 0;
  min-height: 26px !important;
  height: 26px;
  width: 26px !important;
  min-width: 26px;
  border-radius: 4px;
  outline: none !important;
  box-shadow: none !important;
}
.ccard-saved-item .action .btn i {
  font-size: 26px;
  height: 26px;
}

.custom-ccard-radio {
  --ccard-brand-bg: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 23 17' style='enable-background:new 0 0 23 17;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%232C2A29;%7d %3c/style%3e%3cpath class='st0' d='M22.1,5.2V4.1h0V3.4c0-1.4-1.1-2.5-2.4-2.5H2.6C1.2,0.9,0.2,2,0.2,3.4v10.3c0,1.4,1.1,2.5,2.4,2.5h17.2 c1.3,0,2.4-1.1,2.4-2.5V8.4h0V7.3h0L22.1,5.2L22.1,5.2z M21,13.7c0,0.8-0.6,1.4-1.3,1.4H2.6c-0.7,0-1.3-0.6-1.3-1.4V8.4H21V13.7z M21,7.3H1.3V5.2H21V7.3z M21,4.1H1.3V3.4C1.3,2.6,1.9,2,2.6,2h17.2C20.4,2,21,2.6,21,3.4V4.1z M9,14H2.4v-1.1H9V14z'/%3e%3c/svg%3e");
  --ccard-brand-bg-size: auto 22px;
  display: block;
  margin: 0;
  position: relative;
  z-index: 0;
}
.custom-ccard-radio[data-brand=visa] {
  --ccard-brand-bg: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='20px' viewBox='0 0 32 20'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' fill='%2312219B' d='M22.9,5.5l-0.4,2.1c-1.1-0.6-3.4-0.7-3.4,0.4 c0,0.4,0.6,0.7,1.2,1.1c1,0.6,2.2,1.2,2.2,2.7c0,2.4-2.5,3.3-4.2,3.3c-1.6,0-2.8-0.6-2.8-0.6l0.4-2.1c1,0.9,4.1,1.1,4.1-0.2 c0-0.6-0.6-0.9-1.3-1.3c-0.9-0.5-2.1-1.1-2.1-2.6c0-2.6,2.9-3.2,4.1-3.2C21.8,5.1,22.9,5.5,22.9,5.5z M28.8,14.9H31l-1.9-9.7h-2 c-0.9,0-1.1,0.7-1.1,0.7l-3.6,8.9h2.6l0.5-1.4h3.1L28.8,14.9z M26.1,11.5l1.3-3.6l0.7,3.6H26.1z M7.1,11.9l2.4-6.6h2.6l-3.9,9.6H5.6 L3.6,6.5C2.2,5.6,1,5.4,1,5.4l0.1-0.1h3.9c1.1,0,1.1,0.9,1.1,0.9l0.9,4.4l0,0L7.1,11.9z M11.6,14.9H14l1.5-9.6h-2.4L11.6,14.9z'/%3e%3c/svg%3e ");
  --ccard-brand-bg-size: 32px auto;
}
.custom-ccard-radio[data-brand=mastercard] {
  --ccard-brand-bg: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='20px' viewBox='0 0 32 20'%3e%3ccircle fill='%23FFA631' cx='19.7' cy='10' r='6'/%3e%3ccircle fill='%23F23D3A' cx='12.3' cy='10' r='6'/%3e%3c/svg%3e");
  --ccard-brand-bg-size: 32px auto;
}
.custom-ccard-radio[data-brand=new] {
  --ccard-brand-bg: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 23 17' style='enable-background:new 0 0 23 17;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%232C2A29;%7d %3c/style%3e%3cpath class='st0' d='M22.1,5.2V4.1h0V3.4c0-1.4-1.1-2.5-2.4-2.5H2.6C1.2,0.9,0.2,2,0.2,3.4v10.3c0,1.4,1.1,2.5,2.4,2.5h17.2 c1.3,0,2.4-1.1,2.4-2.5V8.4h0V7.3h0L22.1,5.2L22.1,5.2z M21,13.7c0,0.8-0.6,1.4-1.3,1.4H2.6c-0.7,0-1.3-0.6-1.3-1.4V8.4H21V13.7z M21,7.3H1.3V5.2H21V7.3z M21,4.1H1.3V3.4C1.3,2.6,1.9,2,2.6,2h17.2C20.4,2,21,2.6,21,3.4V4.1z M9,14H2.4v-1.1H9V14z'/%3e%3c/svg%3e");
  --ccard-brand-bg-size: auto 22px;
}
.custom-ccard-radio .custom-label {
  display: flex;
  justify-content: space-between;
  padding: 11px 8px 6px 36px;
  border-radius: 8px;
  box-shadow: 0px 1px 4px 0px rgba(44, 42, 41, 0.0784313725);
  width: 100%;
  height: 42px;
  font-size: 14px;
  line-height: 1;
  align-items: start;
}
.custom-ccard-radio .custom-label::after {
  content: "";
  width: 32px;
  height: 24px;
  display: inline-block;
  margin-right: 13px;
  margin-top: -5px;
  border-radius: 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--ccard-brand-bg-size);
  background-image: var(--ccard-brand-bg);
}
.custom-ccard-radio .custom-input {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #2C2A29;
  appearance: none;
  --webkit-appearance: none;
  -moz-appearance: none;
}
.custom-ccard-radio .custom-input:checked {
  background-color: #2c2a29;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
  border-color: #2c2a29;
}
.custom-ccard-radio .custom-input:checked + .custom-label {
  border-color: #4666ff;
  background-color: rgba(70, 102, 255, 0.05);
}

@media (max-width: 767.98px) {
  .step-payment-division .row .form-group.cvv-form {
    min-height: 70.2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.ccard-container {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  overflow: hidden;
}
.ccard-container::before {
  position: absolute;
  z-index: 0;
  content: "";
  width: 100%;
  height: 300px;
  left: 0;
  top: 80px;
  bottom: -100px;
  background-color: #f5f5f5;
  border-radius: 40%;
}
@media (min-width: 768px) {
  .ccard-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

#ccard {
  display: block;
  position: relative;
  max-width: 300px;
  color: #555;
  z-index: 2;
  background-color: white;
  border-radius: 15px;
  flex: 1;
}
#ccard::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
}
#ccard > .inner {
  position: relative;
  height: 160px;
  border-radius: 15px;
  background: rgb(245, 245, 245);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.15) 100%);
  padding: 20px;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px 1px;
  z-index: 3;
}
#ccard > .inner .ccard-brand {
  display: flex;
  justify-content: flex-end;
  height: 45px;
  margin-bottom: 15px;
  position: relative;
}
#ccard > .inner .ccard-brand::before {
  content: "";
  width: 40px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(241, 241, 241);
  background: linear-gradient(144deg, rgb(220, 220, 220) 50%, rgb(210, 210, 210) 50%);
  border-radius: 5px;
  /* border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px 1px; */
}
#ccard > .inner .ccard-brand img {
  width: auto;
  height: 20px;
  opacity: 0.8;
}
#ccard > .inner .ccard-brand img:not(.show) {
  display: none;
}
#ccard > .inner .ccard-number {
  font-weight: 600;
  font-size: 18px;
  height: 28px;
  margin-bottom: 10px;
}
#ccard > .inner .ccard-bottom {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
}
#ccard > .inner .ccard-bottom .ccard-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ccard > .inner .ccard-bottom .ccard-date {
  flex: 0 0 auto;
  margin-left: 15px;
}
#ccard > .inner [data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: #6c757d;
}

#animWompi {
  margin: 0 auto;
  position: fixed;
  z-index: 2500;
  background-color: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#animWompi.keep-hidden {
  display: none !important;
}
#animWompi .svgwrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-width: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#animWompi .svgwrap.lineas-wrap {
  z-index: 1;
}
#animWompi .svgwrap.logo-wrap {
  z-index: 2;
}
#animWompi .svgwrap.check-wrap {
  z-index: 3;
}

:root {
  --stk-a1-tt: 376;
  --stk-a1-nt: -376;
  --stk-a1-dd: 94;
  --stk-a2-tt: 380;
  --stk-a2-nt: -380;
  --stk-a2-dd: 95;
  --stk-m1-tt: 375;
  --stk-m1-nt: -375;
  --stk-m1-dd: 75;
  --stk-c1-tt: 377;
  --stk-c1-nt: -377;
  --stk-c1-dd: 113;
  --stk-c2-tt: 374;
  --stk-c2-nt: -374;
  --stk-c2-dd: 94;
}

#svglineas {
  width: 100%;
  height: auto;
  margin-top: 150px;
}
@media (min-width: 768px) {
  #svglineas {
    margin-top: 100px;
  }
}
#svglineas .path {
  opacity: 0;
}
#svglineas .path.a1 {
  stroke-dasharray: 94 376;
  stroke-dashoffset: 94;
  stroke-dasharray: var(--stk-a1-dd) var(--stk-a1-tt);
  stroke-dashoffset: var(--stk-a1-dd);
}
#svglineas .path.a2 {
  stroke-dasharray: 95 380;
  stroke-dashoffset: 95;
  stroke-dasharray: var(--stk-a2-dd) var(--stk-a2-tt);
  stroke-dashoffset: var(--stk-a2-dd);
}
#svglineas .path.m1 {
  stroke-dasharray: 75 375;
  stroke-dashoffset: 75;
  stroke-dasharray: var(--stk-m1-dd) var(--stk-m1-tt);
  stroke-dashoffset: var(--stk-m1-dd);
}
#svglineas .path.c1 {
  stroke-dasharray: 113 377;
  stroke-dashoffset: 113;
  stroke-dasharray: var(--stk-c1-dd) var(--stk-c1-tt);
  stroke-dashoffset: var(--stk-c1-dd);
}
#svglineas .path.c2 {
  stroke-dasharray: 94 374;
  stroke-dashoffset: 94;
  stroke-dasharray: var(--stk-c2-dd) var(--stk-c2-tt);
  stroke-dashoffset: var(--stk-c2-dd);
}

@keyframes dash_a1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: -376;
    stroke-dashoffset: var(--stk-a1-nt);
  }
}
@keyframes dash_a2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: -380;
    stroke-dashoffset: var(--stk-a2-nt);
  }
}
@keyframes dash_m1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: -375;
    stroke-dashoffset: var(--stk-m1-nt);
  }
}
@keyframes dash_c1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: -377;
    stroke-dashoffset: var(--stk-c1-nt);
  }
}
@keyframes dash_c2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: -374;
    stroke-dashoffset: var(--stk-c2-nt);
  }
}
#svglogo {
  width: 120px;
  height: auto;
  margin-bottom: 100px;
  opacity: 0;
}
@media (min-width: 768px) {
  #svglogo {
    width: 150px;
    margin-bottom: 150px;
  }
}

@keyframes logo_anim {
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
:root {
  --stk-ca1-tt: 97;
  --stk-ca1-nt: -97;
  --stk-ca1-dd: 34;
  --stk-ca1-of: 0;
  --stk-cm1-tt: 63;
  --stk-cm1-nt: -63;
  --stk-cm1-dd: 41;
  --stk-cm1-of: -22;
  --stk-cm2-tt: 97;
  --stk-cm2-nt: -97;
  --stk-cm2-dd: 34;
  --stk-cm2-of: -29;
  --stk-cc1-tt: 63;
  --stk-cc1-nt: -63;
  --stk-cc1-dd: 19;
  --stk-cc1-of: -44;
  --stk-cc2-tt: 97;
  --stk-cc2-nt: -97;
  --stk-cc2-dd: 34;
  --stk-cc2-of: -62;
}

#svgcheck {
  width: 200px;
  height: auto;
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  #svgcheck {
    width: 230px;
    margin-bottom: 150px;
  }
}
#svgcheck .path {
  opacity: 0;
}
#svgcheck .path.ca1 {
  stroke-dasharray: var(--stk-ca1-dd) var(--stk-ca1-tt);
  stroke-dashoffset: var(--stk-ca1-dd);
}
#svgcheck .path.cm1 {
  stroke-dasharray: var(--stk-cm1-dd) var(--stk-cm1-tt);
  stroke-dashoffset: var(--stk-cm1-dd);
}
#svgcheck .path.cm2 {
  stroke-dasharray: var(--stk-cm2-dd) var(--stk-cm2-tt);
  stroke-dashoffset: var(--stk-cm2-dd);
}
#svgcheck .path.cc1 {
  stroke-dasharray: var(--stk-cc1-dd) var(--stk-cc1-tt);
  stroke-dashoffset: var(--stk-cc1-dd);
}
#svgcheck .path.cc2 {
  stroke-dasharray: var(--stk-cc2-dd) var(--stk-cc2-tt);
  stroke-dashoffset: var(--stk-cc2-dd);
}

@keyframes dash_ca1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: var(--stk-ca1-of);
  }
}
@keyframes dash_cm1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: var(--stk-cm1-of);
  }
}
@keyframes dash_cm2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: var(--stk-cm2-of);
  }
}
@keyframes dash_cc1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: var(--stk-cc1-of);
  }
}
@keyframes dash_cc2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
    stroke-dashoffset: var(--stk-cc2-of);
  }
}
#animWompi.animation-started #svglineas .path {
  animation-duration: 2s;
  animation-timing-function: linear;
}
#animWompi.animation-started #svglineas .path.a1 {
  animation-name: dash_a1;
  animation-delay: 1.3s;
}
#animWompi.animation-started #svglineas .path.a2 {
  animation-name: dash_a2;
  animation-delay: 0.2s;
}
#animWompi.animation-started #svglineas .path.m1 {
  animation-name: dash_m1;
  animation-delay: 0.8s;
}
#animWompi.animation-started #svglineas .path.c1 {
  animation-name: dash_c1;
  animation-delay: 1s;
}
#animWompi.animation-started #svglineas .path.c2 {
  animation-name: dash_c2;
  animation-delay: 0s;
}
#animWompi.animation-started #svglogo {
  animation-name: logo_anim;
  animation-timing-function: linear;
  animation-duration: 2s;
}
#animWompi.animation-started #svgcheck .path {
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
#animWompi.animation-started #svgcheck .path.ca1 {
  animation-name: dash_ca1;
  animation-delay: 2.6s;
}
#animWompi.animation-started #svgcheck .path.cm1 {
  animation-name: dash_cm1;
  animation-delay: 2.05s;
}
#animWompi.animation-started #svgcheck .path.cm2 {
  animation-name: dash_cm2;
  animation-delay: 2.55s;
}
#animWompi.animation-started #svgcheck .path.cc1 {
  animation-name: dash_cc1;
  animation-delay: 2s;
}
#animWompi.animation-started #svgcheck .path.cc2 {
  animation-name: dash_cc2;
  animation-delay: 2.5s;
}

#animContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
}

.div-final[data-tipopago] .visa-content, .div-final[data-tipopago] .mastercard-content, .div-final[data-tipopago] .wompi-content {
  display: none;
}
.div-final[data-tipopago] .card-exito {
  opacity: 0;
}
.div-final[data-tipopago][data-tipopago=visa] .visa-content {
  display: block;
}
.div-final[data-tipopago][data-tipopago=mastercard] .mastercard-content {
  display: block;
}
.div-final[data-tipopago][data-tipopago=otros] .wompi-content {
  display: block;
}
.div-final[data-tipopago].listo .card-exito {
  opacity: 1;
}
.div-final[data-tipopago].listo .anim-vi, .div-final[data-tipopago].listo .anim-mc, .div-final[data-tipopago].listo .anim-wo {
  display: none !important;
}

.audio-hidden {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}/*# sourceMappingURL=theme.css.map */