body {
  margin: 0;
  padding: 0;
  z-index: -1;
  font-family: "Arial"; }

input, button, select, optgroup, textarea {
  font-family: "Arial" !important; }

.bg-white {
  background-color: #ffffff !important; }

.bg-hdi-universal-green {
  background-color: #65A518 !important; }

.bg-hdi-logo-green {
  background-color: #006729 !important; }

.bg-hdi-text-link {
  background-color: #008080 !important; }

.bg-hdi-light-blue {
  background-color: #00A3A8 !important; }

.bg-hdi-dark-gray {
  background-color: #6C6F70 !important; }

.bg-hdi-light-gray {
  background-color: #EEEEEF !important; }

.bg-hdi-lighter-gray {
  background-color: #F9F9FA !important; }

.bg-hdi-gray {
  background-color: #C6C7C8 !important; }

.bg-hdi-red {
  background-color: #E60018 !important; }

.bg-hdi-warning {
  background-color: #FF9900 !important; }

.bg-hdi-white {
  background-color: #ffffff !important; }

.hdi-color-primary {
  color: #65A518 !important; }

.hdi-color-logoGreen {
  color: #006729 !important; }

.hdi-color-black {
  color: #000000 !important; }

.hdi-color-lightblue {
  color: #00A3A8 !important; }

.hdi-color-warning {
  color: #FF9900 !important; }

.hdi-color-danger {
  color: #E60018 !important; }

.hdi-color-white {
  color: #ffffff !important; }

.hdi-color-lightgray {
  color: #EEEEEF !important; }

.hdi-color-gray {
  color: #C6C7C8 !important; }

.hdi-color-darkgray {
  color: #6C6F70 !important; }

.text-bold {
  font-weight: bold; }

.fa-1-5x {
  font-size: 1.5em; }

.logo {
  height: 44px;
  width: auto;
  display: block; }

.content-without-sidebar {
  background-color: #ffffff;
  margin-top: 70px;
  padding: 5px 0px; }

.content {
  background-color: #ffffff;
  margin-left: 268px;
  margin-top: 70px;
  padding: 20px 30px;
  transition: .3s ease; }
  .content.hide {
    margin-left: 0; }
  @media (max-width: 991px) {
    .content {
      margin-left: 0px; } }

/*SIDEBAR*/
.hdi-sidebar {
  z-index: 1;
  background-color: #F9F9FA;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 268px;
  padding: 8px 0px 8px 0px;
  position: fixed;
  left: 0;
  top: 70px;
  bottom: 0;
  transition: ease 0.3s;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between; }
  .hdi-sidebar.hide {
    width: 0px; }
  .hdi-sidebar ul.nav {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column; }
  .hdi-sidebar ul.nav li.nav-item {
    background-color: #F9F9FA;
    border-left: 5px solid #F9F9FA;
    padding: 8px 15px 8px 30px; }
    .hdi-sidebar ul.nav li.nav-item.has-submenu ul {
      list-style: none;
      padding: 0;
      margin-top: 10px; }
      .hdi-sidebar ul.nav li.nav-item.has-submenu ul li {
        padding: 8px 15px 8px 30px; }
    .hdi-sidebar ul.nav li.nav-item a.nav-link {
      text-decoration: none;
      color: #000000;
      font-family: "Arial";
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      padding: 0 !important; }
      .hdi-sidebar ul.nav li.nav-item a.nav-link:hover {
        color: #006729; }
      .hdi-sidebar ul.nav li.nav-item a.nav-link .caret {
        display: block;
        float: right;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 11px;
        border: none; }
        .hdi-sidebar ul.nav li.nav-item a.nav-link .caret:before {
          font-family: var(--fa-style-family, "Font Awesome 6 Free");
          font-weight: 900;
          font-size: 16px;
          line-height: 24px;
          color: #000000;
          content: '\f078';
          display: block;
          text-align: center;
          transition: all .2s linear; }
    .hdi-sidebar ul.nav li.nav-item.active {
      background-color: #DDDDDE;
      border-left: 5px solid #006729; }
    .hdi-sidebar ul.nav li.nav-item svg, .hdi-sidebar ul.nav li.nav-item i {
      color: #000000;
      font-size: 16px;
      line-height: 24px;
      margin-right: 10px; }
  @media (max-width: 991px) {
    .hdi-sidebar {
      width: 0px; } }

.hdi-link-header {
  font-family: "Arial";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  display: block;
  margin: 0 15px; }
  .hdi-link-header.favorite {
    color: #65A518; }
  .hdi-link-header i, .hdi-link-header svg {
    margin-right: 5px; }

.mr-0 {
  margin-right: 0; }

.pr-0 {
  padding-right: 0; }

.hidden {
  display: none !important; }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.btn-menu {
  color: #000000;
  font-size: 1.5em;
  margin: 0 20px 0 0;
  text-decoration: none; }
  .btn-menu:hover {
    color: #006729; }

.menu-horizontal {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .menu-horizontal li {
    float: left; }
    .menu-horizontal li a {
      display: block;
      color: #000000;
      text-align: center;
      padding: 16px;
      text-decoration: none; }
      .menu-horizontal li a i {
        margin-right: 5px; }

.hdi-header-primary {
  padding: 30px 50px 15px;
  background-color: #65A518;
  color: #ffffff; }
  .hdi-header-primary h3 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold; }
  .hdi-header-primary .hdi-breadcumb {
    background-color: transparent !important; }
    .hdi-header-primary .hdi-breadcumb .hdi-breadcumb-item a {
      color: #ffffff; }

.item-negocio {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000000; }
  .item-negocio .icono-negocio {
    height: 64px !important;
    width: auto !important; }
  .item-negocio.active {
    border: 1px solid #000000 !important; }
  .item-negocio.active i {
    color: #65A518 !important; }
  .item-negocio:hover {
    border: 1px solid #000000; }
  .item-negocio:hover i {
    color: #65A518; }
  .item-negocio:hover span {
    color: #000000; }
  .item-negocio span {
    max-width: 200px;
    text-align: center; }
    .item-negocio span:hover {
      color: #000000; }
  .item-negocio i {
    font-size: 4rem !important;
    color: #000000;
    margin-bottom: 5px; }
  .item-negocio img {
    width: auto;
    height: 93px;
    display: block;
    margin-bottom: 10px; }
  .item-negocio .shadow {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .item-negocio .label-titulo {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin-bottom: 15px;
    text-align: center; }
  .item-negocio .label-precio {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #65A518;
    margin-bottom: 15px;
    text-align: center; }
    .item-negocio .label-precio .icon-Info {
      font-size: 20px !important;
      color: #000000; }
  .item-negocio .label-prima {
    font-family: "Arial";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
    text-align: center; }
  .item-negocio .label-link {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    color: #00A3A8;
    text-decoration: none;
    margin-bottom: 15px;
    text-align: center; }
    .item-negocio .label-link:hover {
      text-decoration: underline; }
  .item-negocio button {
    margin-bottom: 15px; }

.border-0 {
  border: 0; }

.scroll-accordion {
  max-height: 150px;
  overflow-y: auto; }
  .scroll-accordion p {
    font-family: "Arial" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: justify !important; }

.hdi-title {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 175%; }

.hdi-subtitle {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%; }

.text-gray-small {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6C6F70; }

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

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

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

.item-resumen {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  text-decoration: none;
  color: #000000;
  width: 100%;
  height: 100%; }
  .item-resumen .icono-resumen {
    font-size: 40px;
    color: #000000;
    margin-bottom: 15px; }
  .item-resumen:hover {
    border: 1px solid #000000; }
  .item-resumen:hover .icono-resumen {
    color: #65A518; }
  .item-resumen:hover span {
    color: #000000; }

/*LANDING SEGURO AUTOMOTRIZ*/

#pasos p {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif; }

.seccionIconos {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px; }
  .seccionIconos img {
    width: auto;
    height: 80px;
    display: block;
    margin-bottom: 15px; }
  .seccionIconos p {
    font-size: 14px;
    line-height: 1.42857143;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 15px; }

#columnas p {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 30px; }

#columnas ul {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: -50px; }

#coberturas p {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify; }

#coberturas ul {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif; }

#asistencias p {
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif; }

/*ESTILOS PARA VSV*/
.itemBeneficio {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%; }

.imgCard {
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center; }

.imgCard img {
  width: 100%;
  height: auto; }

.imgCard2 {
  background-color: #65A518;
  border-radius: 100%;
  padding: 15px;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 7px 7px 13px -9px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 7px 7px 13px -9px rgba(0, 0, 0, 0.6);
  box-shadow: 7px 7px 13px -9px rgba(0, 0, 0, 0.6); }

.imgCard2 img {
  width: 100%;
  height: auto; }

.textCard {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  width: 70%; }

.textCard p {
  margin-left: 20px; }

.b-r-5 {
  border-radius: 5px !important; }

.cuadro-blanco {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 300px;
  height: 200px;
  background: white; }

.cuadro-contrata-precio {
  border: 1px solid #65A518  !important; }

.right-container__exito {
  height: 100vh;
  padding: 0;
  overflow: hidden;
  z-index: 1; }

.background-exito {
  background: url("https://www.hdi.cl/media/714626/exito_67053867_xl-2015.jpg");
  background-size: cover;
  background-position: center;
  height: 100%; }

.form-control {
  color: #6C6F70; }

.form-control:focus {
  color: #6C6F70;
  background-color: #ffffff;
  border-color: #65A518;
  outline: 0;
  box-shadow: none; }

.footer-vsv {
  background-color: #000;
  font-family: Arial,-apple-system,hdi-gerling_sansregular;
  font-size: .8rem;
  color: #fff;
  width: 100%;
  line-height: 35px;
  letter-spacing: .04em;
  z-index: 4; }
  .footer-vsv a {
    color: #ffffff; }

@media (max-width: 991px) {
  .footer-vsv {
    background-color: #000;
    font-family: Arial,-apple-system,hdi-gerling_sansregular;
    font-size: .8rem;
    color: #fff;
    width: 100%;
    line-height: 35px;
    letter-spacing: .04em;
    z-index: 4; } }

.form-check-input:checked {
  background-color: #65A518;
  border-color: #65A518; }

.fila_1 {
  background-color: rgba(0, 0, 0, 0.05); }

.w-xs-50 {
  width: 25%; }

@media (max-width: 768px) {
  .w-xs-50 {
    width: 50%; } }

.bottom-option-menu {
  color: #C6C7C8;
  font-weight: 400;
  text-decoration-color: none;
  padding: 3px 10px !important; }
  .bottom-option-menu:hover a {
    color: #000000;
    font-weight: bold;
    text-decoration-color: none; }
  .bottom-option-menu.active {
    color: black !important;
    border-bottom: 3px solid #65A518;
    font-weight: bold;
    opacity: 1;
    text-decoration-color: 0, 0, 0, 1 !important; }
    .bottom-option-menu.active a {
      color: #000000 !important; }

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

/*Regla para que funcione el dropdown multinivel en responsive*/
.overflow-dropdown {
  overflow-x: visible; }

@media (max-width: 767px) {
  .overflow-dropdown {
    overflow-x: hidden; } }

.contenedor-precio {
  background-color: rgba(101, 165, 24, 0.1);
  padding: 20px 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start; }

@media (max-width: 767px) {
  .contenedor-precio {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
    .contenedor-precio h1, .contenedor-precio p, .contenedor-preciolabel {
      text-align: center; } }

.contenedor-iconos-cobertura {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }

@media (max-width: 767px) {
  .contenedor-iconos-cobertura {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; } }

.coberturas {
  border: 1px solid #000000;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .coberturas img {
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }

#formRow {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /* <- iguala altura */
  gap: 0px;
  transition: all 0.5s ease; }

#formulario,
#cotizacion {
  transition: flex-basis 0.6s ease, opacity 0.5s ease, transform 0.5s ease;
  overflow: hidden; }

.formulario-expandido {
  flex-basis: 100%; }

.formulario-reducido {
  flex-basis: 58%;
  /* equivalente aprox. a col-md-7 */ }

.panel-colapsado {
  flex-basis: 0%;
  max-height: 1px;
  opacity: 0;
  transform: scaleX(0.9);
  pointer-events: none; }

.panel-expandido {
  flex-basis: 42%;
  /* equivalente aprox. a col-md-5 */
  opacity: 1;
  transform: scaleX(1);
  pointer-events: auto;
  max-height: 100%; }

.info-box {
  background: #f8f9fa;
  padding: 20px;
  border: 1px solid #dee2e6;
  border-radius: 8px; }

/* En pantallas menores a 768px (Bootstrap md breakpoint) */
@media (max-width: 997px) {
  .formulario-reducido,
  .formulario-expandido,
  .panel-expandido,
  .panel-colapsado {
    flex-basis: 100% !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important; }
  #panelInfo {
    margin-top: 20px; } }

/*LINKS*/
a.hdi-link {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center; }
  a.hdi-link:hover {
    transform: translateY(2px);
    transition: all .3s; }
  a.hdi-link.disabled {
    color: #6C6F70;
    cursor: not-allowed; }
  a.hdi-link i {
    margin: 0 10px; }

/*botones*/
.button {
  border-radius: 0;
  padding: 14px 32px 16px;
  text-decoration: none;
  font-weight: 700;
  font-size: 19px;
  line-height: 26px;
  font-family: "Arial";
  display: block;
  text-align: center; }

.button-small {
  border-radius: 0;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.button-filter {
  border-radius: 32px !important; }
  .button-filter i {
    margin: 0px 10px; }

.hdi-btn-primary {
  background-color: #65A518 !important;
  border: 2px solid #65A518 !important;
  color: #ffffff !important;
  transition: background-color .3s; }
  .hdi-btn-primary:hover {
    background-color: #558817 !important;
    border: 2px solid #558817 !important;
    color: #ffffff !important; }
  .hdi-btn-primary:disabled {
    background-color: #EEEEEF !important;
    border-color: #EEEEEF !important;
    color: #6C6F70 !important;
    cursor: not-allowed; }
  .hdi-btn-primary i, .hdi-btn-primary svg {
    margin: 0px 10px; }

.hdi-btn-secondary {
  border: 2px solid #65A518 !important;
  background-color: transparent !important;
  color: #000000 !important;
  transition: background-color .5s; }
  .hdi-btn-secondary:hover {
    border: 2px solid #65A518 !important;
    background-color: #65A518 !important;
    color: #ffffff !important; }
  .hdi-btn-secondary:disabled {
    background-color: transparent !important;
    border-color: #6C6F70 !important;
    color: #6C6F70 !important;
    cursor: not-allowed; }
  .hdi-btn-secondary i, .hdi-btn-secondary svg {
    margin: 0px 10px; }

.hdi-btn-tertiary {
  border: 2px solid #000000 !important;
  background-color: transparent !important;
  color: #000000 !important;
  transition: background-color .5s; }
  .hdi-btn-tertiary:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important; }
  .hdi-btn-tertiary:disabled {
    background-color: transparent !important;
    border-color: #6C6F70 !important;
    color: #6C6F70 !important;
    cursor: not-allowed; }
  .hdi-btn-tertiary i, .hdi-btn-tertiary svg {
    margin: 0px 10px; }

.hdi-btn-gray {
  border: 2px solid #6C6F70 !important;
  background-color: transparent !important;
  color: #6C6F70 !important;
  transition: background-color .5s; }
  .hdi-btn-gray:hover {
    background-color: #6C6F70 !important;
    border-color: #6C6F70 !important;
    color: #ffffff !important; }
  .hdi-btn-gray:disabled {
    background-color: transparent !important;
    border-color: #6C6F70 !important;
    color: #6C6F70 !important;
    cursor: not-allowed; }
  .hdi-btn-gray i, .hdi-btn-gray svg {
    margin: 0px 10px; }

/*Step MENU*/
.hdi-step-menu {
  counter-reset: step;
  padding: 0; }
  .hdi-step-menu li {
    list-style-type: none;
    float: left;
    width: 25%;
    position: relative;
    text-align: center;
    font-family: "Arial"; }
    .hdi-step-menu li:before {
      content: counter(step);
      counter-increment: step;
      width: 30px;
      height: 30px;
      line-height: 26px;
      border: 3px solid #C6C7C8;
      display: block;
      text-align: center;
      margin: 0 auto 5px auto;
      border-radius: 50%;
      background-color: #ffffff;
      color: #000000;
      font-weight: bold; }
    .hdi-step-menu li:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: #C6C7C8;
      top: 15px;
      left: -50%;
      z-index: -1; }
    .hdi-step-menu li:first-child::after {
      content: none; }
  .hdi-step-menu li.active {
    color: #65A518;
    font-weight: bold; }
    .hdi-step-menu li.active:after {
      background-color: #65A518; }
    .hdi-step-menu li.active:before {
      background-color: #65A518;
      color: #ffffff;
      border: 3px solid #EEEEEF; }

/*TABLAS*/
.hdi-table {
  width: 100%;
  margin-bottom: 1rem;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #EEEEEF;
  background: #ffffff; }
  .hdi-table-sm td, .hdi-table-sm th {
    padding: .5rem .4rem !important; }
  .hdi-table thead th {
    vertical-align: middle;
    border: 1px solid #E0EDD1;
    background-color: #E0EDD1;
    font-family: "Arial";
    font-size: 14px;
    padding: 16px 32px 16px 24px;
    text-align: center; }
  .hdi-table tbody tr td {
    font-family: "Arial";
    font-size: 14px;
    padding: 15px 32px 15px 24px;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #EEEEEF; }
  .hdi-table tbody tr:first-child td {
    border-top: 0px; }
  .hdi-table tbody + tbody {
    border-top: 2px solid rgba(238, 238, 239, 0.5); }

.hdi-table-sm td, .hdi-table-sm th {
  padding: .3rem !important; }

.hdi-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.03); }

/*float label*/
.hdi-form {
  position: relative;
  margin-bottom: 15px;
  /* Eliminamos la fecha que por defecto aparece en el desplegable */ }
  .hdi-form select {
    background-image: url("../img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 22px 18px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
  .hdi-form select::-ms-expand {
    display: none; }
  .hdi-form-input {
    display: block;
    width: 100%;
    padding: 15px 35px 17px 16px;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #F9F9FA;
    border: 0;
    border-bottom: 2px solid #000;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    margin: 8px 0;
    font-family: "Arial"; }
    .hdi-form-input[type=date], .hdi-form-input[type=time], .hdi-form-input select {
      padding: 15px 16px 17px 16px !important; }
    .hdi-form-input:focus {
      border-bottom: 2px solid #65A518;
      transition: all .1s; }
    .hdi-form-input::placeholder {
      font-family: "Arial";
      font-style: normal;
      font-weight: 400;
      font-size: 19px;
      line-height: 24px; }
    .hdi-form-input:focus::placeholder {
      color: #F9F9FA; }
    .hdi-form-input:disabled {
      background-color: #EEEEEF;
      border-bottom: 2px solid #6C6F70; }
    .hdi-form-input-icon {
      color: #000000;
      position: absolute;
      width: 20px;
      height: 20px;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
  .hdi-form-label {
    font-family: "Arial";
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0; }
    .hdi-form-label span {
      font-family: "Arial";
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #6C6F70; }
  .hdi-form-validation {
    font-family: "Arial";
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px; }

.hdi-form-small {
  position: relative;
  margin-bottom: 15px;
  /* Eliminamos la fecha que por defecto aparece en el desplegable */ }
  .hdi-form-small select {
    background-image: url("../img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 22px 18px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
    .hdi-form-small select:disabled {
      background-color: #EEEEEF;
      border-bottom: 2px solid #6C6F70; }
    .hdi-form-small select.open {
      background-image: url("../img/select-arrow-up.svg") !important;
      /* Icono de flecha hacia arriba */ }
  .hdi-form-small select::-ms-expand {
    display: none; }
  .hdi-form-small-input {
    display: block;
    width: 100%;
    padding: 10px 16px 12px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    background-color: #F9F9FA;
    border: 0;
    border-bottom: 2px solid #000;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    margin: 8px 0; }
    .hdi-form-small-input:disabled {
      background-color: #EEEEEF;
      border-bottom: 2px solid #6C6F70; }
    .hdi-form-small-input:focus {
      border-bottom: 2px solid #65A518;
      transition: all .1s; }
    .hdi-form-small-input::placeholder {
      font-family: "Arial";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px; }
    .hdi-form-small-input:focus::placeholder {
      color: #F9F9FA; }
    .hdi-form-small-input-icon {
      color: #000000;
      position: absolute;
      width: 20px;
      height: 20px;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
  .hdi-form-small .input-group-text {
    background-color: #EEEEEF;
    border: 0;
    border-bottom: 2px solid black;
    border-radius: 0px;
    padding: 0px 10px;
    margin: 8px 0; }
  .hdi-form-small-label {
    font-family: "Arial";
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0; }
    .hdi-form-small-label span {
      font-family: "Arial";
      color: #000000;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #6C6F70; }
  .hdi-form-small-validation-small {
    font-family: "Arial";
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px; }

.hdi-form-validation-error input {
  background-color: #FCE5E7 !important;
  border-bottom: 2px solid #e60018 !important;
  color: #000000 !important; }
  .hdi-form-validation-error input:focus-visible {
    background-color: #F9F9FA !important; }
  .hdi-form-validation-error input::placeholder {
    color: #000000 !important; }
  .hdi-form-validation-error input:focus::placeholder {
    color: #F9F9FA !important; }

.hdi-form-validation-error i {
  color: #e60018; }

.hdi-form-validation-success input {
  background-color: #EFF6E7;
  border-bottom: 2px solid #006729 !important;
  color: #000000 !important; }
  .hdi-form-validation-success input:focus-visible {
    background-color: #F9F9FA !important; }
  .hdi-form-validation-success input::placeholder {
    color: #000000 !important; }
  .hdi-form-validation-success input:focus::placeholder {
    color: #F9F9FA !important; }

.hdi-form-validation-success i {
  color: #006729; }

.sidebar li .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 1rem;
  padding-right: 1rem; }

/*breadcrumb*/
.hdi-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 1rem;
  font-size: 16px;
  list-style: none; }
  .hdi-breadcrumb-item + .hdi-breadcrumb-item {
    padding-left: 0.5rem; }
  .hdi-breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    line-height: 24px; }
  .hdi-breadcrumb-item.active::before {
    content: '' !important; }
  .hdi-breadcrumb-item a {
    color: inherit;
    text-decoration: none; }
    .hdi-breadcrumb-item a:hover {
      text-decoration: underline; }

.hdi-card {
  background-color: #ffffff !important;
  border: 1px solid #6C6F70 !important;
  border-radius: 0 !important;
  margin-bottom: 24px; }
  .hdi-card .card-body .card-title {
    font-family: "Arial";
    color: #000000 !important;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 20px; }

.hdi-card-content {
  background-color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #F9F9FA !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .hdi-card-content img {
    border-radius: 0 !important;
    border-bottom: 3px solid #65A518; }
  .hdi-card-content h5 {
    font-size: 24px;
    font-family: "Arial";
    font-weight: bold;
    margin-bottom: 15px; }
  .hdi-card-content p {
    font-size: 14px;
    font-family: "Arial";
    margin-bottom: 20px;
    text-align: justify; }
  .hdi-card-content .card-footer {
    background-color: #F9F9FA !important;
    border: 0 !important;
    padding: 16px !important; }

/*Badge*/
.hdi-badge {
  padding: 5px 16px 7px 16px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline; }
  .hdi-badge:empty {
    display: none; }

.hdi-modal .modal-content {
  border-radius: 0 !important;
  border: 0;
  padding: 10px 40px; }
  .hdi-modal .modal-content .modal-header {
    border: 0px; }
    .hdi-modal .modal-content .modal-header .btn-close {
      margin-right: -40px !important;
      background: none !important;
      color: #000000 !important;
      width: 100% !important;
      text-align: right;
      text-decoration: none;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      opacity: 1;
      transition: all .3s; }
      .hdi-modal .modal-content .modal-header .btn-close:hover {
        opacity: 0.5; }
      .hdi-modal .modal-content .modal-header .btn-close i, .hdi-modal .modal-content .modal-header .btn-close svg {
        margin-left: 10px;
        font-size: 25px;
        color: #000000; }
  .hdi-modal .modal-content .modal-title {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
    text-align: center; }
  .hdi-modal .modal-content p {
    font-family: "Arial";
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    color: #000000;
    text-align: center; }
  .hdi-modal .modal-content .modal-footer {
    border: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

.hdi-alert {
  background-color: transparent;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-radius: 0.375rem;
  position: relative;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
  .hdi-alert a {
    margin-top: 20px; }
  .hdi-alert-warning {
    background: #FFF4E5 !important;
    border-radius: 0px 0px 4px 4px !important; }
  .hdi-alert-danger {
    background: #FCE5E7 !important;
    border-radius: 0px 0px 4px 4px !important; }
  .hdi-alert-success {
    background: #EFF6E7 !important;
    border-radius: 0px 0px 4px 4px !important; }
  .hdi-alert-info {
    background: #E5F6F6 !important;
    border-radius: 0px 0px 4px 4px !important; }

/*CHECKBOX*/
.hdi-checkbox {
  display: none; }

.checkbox-click-target {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  padding: 0px 14px 0px 37px;
  position: relative;
  margin-bottom: 5px; }
  .checkbox-click-target:hover .checkbox-box,
  .checkbox-click-target:focus .checkbox-box {
    border-color: #000000; }
    .checkbox-click-target:hover .checkbox-box:before,
    .checkbox-click-target:focus .checkbox-box:before {
      border-color: #000000; }
  .checkbox-click-target:active .checkbox-box {
    transform: scale(1.1); }

.checkbox-box {
  border: 3px solid #000000;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  position: absolute;
  top: 0px;
  left: 0;
  transition: background-color .1s ease-out;
  vertical-align: middle;
  width: 28px; }
  .checkbox-box.hdi-form-validation-error {
    border: 3px solid #E60018 !important; }

.checkbox-box:after {
  border: 3px solid #000000;
  border-top: none;
  border-right: none;
  content: '';
  height: 7px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  transition: opacity .1s ease-out;
  width: 16px; }

.hdi-checkbox:checked + .checkbox-click-target .checkbox-box:after {
  opacity: 1; }

.hdi-checkbox:disabled + .checkbox-click-target {
  cursor: not-allowed;
  color: #6C6F70; }
  .hdi-checkbox:disabled + .checkbox-click-target .checkbox-box {
    border-color: #6C6F70; }
  .hdi-checkbox:disabled + .checkbox-click-target:hover .checkbox-box,
  .hdi-checkbox:disabled + .checkbox-click-target:focus .checkbox-box {
    border-color: #6C6F70; }
  .hdi-checkbox:disabled + .checkbox-click-target:active .checkbox-box {
    transform: none; }

/*CHECKBOX VSV*/
.hdi-checkbox-vsv {
  display: none; }

.checkbox-click-target-vsv {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  padding: 0px 14px 0px 37px;
  position: relative;
  margin-bottom: 5px; }
  .checkbox-click-target-vsv:hover .checkbox-box,
  .checkbox-click-target-vsv:focus .checkbox-box {
    border-color: #6C6F70; }
    .checkbox-click-target-vsv:hover .checkbox-box:before,
    .checkbox-click-target-vsv:focus .checkbox-box:before {
      border-color: #6C6F70; }
  .checkbox-click-target-vsv:active .checkbox-box-vsv {
    transform: scale(1.1); }

.checkbox-box-vsv {
  border: 3px solid #6C6F70;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  position: absolute;
  top: 0px;
  left: 0;
  transition: background-color .1s ease-out;
  vertical-align: middle;
  width: 28px; }
  .checkbox-box-vsv.hdi-form-validation-error {
    border: 3px solid #E60018 !important; }

.checkbox-box-vsv:after {
  border: 3px solid #6C6F70;
  border-top: none;
  border-right: none;
  content: '';
  height: 7px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  transition: opacity .1s ease-out;
  width: 16px; }

.hdi-checkbox-vsv:checked + .checkbox-click-target-vsv .checkbox-box-vsv {
  border: 3px solid #65A518; }

.hdi-checkbox-vsv:checked + .checkbox-click-target-vsv .checkbox-box-vsv:after {
  opacity: 1;
  border: 3px solid #65A518;
  border-top: none;
  border-right: none; }

.hdi-checkbox-vsv:disabled + .checkbox-click-target-vsv {
  cursor: not-allowed;
  color: #6C6F70; }
  .hdi-checkbox-vsv:disabled + .checkbox-click-target-vsv .checkbox-box-vsv {
    border-color: #6C6F70; }
  .hdi-checkbox-vsv:disabled + .checkbox-click-target-vsv:hover .checkbox-box-vsv,
  .hdi-checkbox-vsv:disabled + .checkbox-click-target-vsv:focus .checkbox-box-vsv {
    border-color: #6C6F70; }
  .hdi-checkbox-vsv:disabled + .checkbox-click-target-vsv:active .checkbox-box-vsv {
    transform: none; }

/*Radio button*/
.hdi-radio-button {
  display: none; }

.radio-button-click-target {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  padding: 14px 14px 14px 32px;
  position: relative; }
  .radio-button-click-target:hover .radio-button-circle:before, .radio-button-click-target:focus .radio-button-circle:before {
    border-color: #000000; }
  .radio-button-click-target:active .radio-button-circle:before {
    transform: scale(1.1); }

.radio-button-circle {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 12px;
  left: 4px;
  position: absolute;
  top: 20px;
  transition: background-color .1s ease-out;
  vertical-align: middle;
  width: 12px; }
  .radio-button-circle.hdi-form-validation-error:before {
    border: 3px solid #E60018 !important; }
  .radio-button-circle:before {
    border: 3px solid #000000;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 28px;
    position: absolute;
    top: -8px;
    transition: border-color .1s ease-out,
 transform .1s ease-out;
    left: -8px;
    width: 28px; }

.hdi-radio-button:checked + .radio-button-click-target .radio-button-circle {
  background-color: #000000; }

.hdi-radio-button:disabled + .radio-button-click-target {
  cursor: not-allowed; }
  .hdi-radio-button:disabled + .radio-button-click-target .radio-button-circle:before {
    border-color: #6C6F70; }
  .hdi-radio-button:disabled + .radio-button-click-target:active .radio-button-circle:before {
    transform: none; }

/*Radio button VSV*/
.hdi-radio-button-vsv {
  display: none; }

.radio-button-click-target-vsv {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  padding: 14px 14px 14px 32px;
  position: relative; }
  .radio-button-click-target-vsv:hover .radio-button-circle-vsv:before, .radio-button-click-target-vsv:focus .radio-button-circle-vsv:before {
    border-color: #6C6F70; }
  .radio-button-click-target-vsv:active .radio-button-circle-vsv:before {
    transform: scale(1.1); }

.radio-button-circle-vsv {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 12px;
  left: 4px;
  position: absolute;
  top: 20px;
  transition: background-color .1s ease-out;
  vertical-align: middle;
  width: 12px; }
  .radio-button-circle-vsv.hdi-form-validation-error:before {
    border: 3px solid #E60018 !important; }
  .radio-button-circle-vsv:before {
    border: 3px solid #6C6F70;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 28px;
    position: absolute;
    top: -8px;
    transition: border-color .1s ease-out,
 transform .1s ease-out;
    left: -8px;
    width: 28px; }

.hdi-radio-button-vsv:checked + .radio-button-click-target-vsv .radio-button-circle-vsv {
  background-color: #65A518; }

.hdi-radio-button-vsv:checked + .radio-button-click-target-vsv .radio-button-circle-vsv:before {
  border: 3px solid #65A518; }

.hdi-radio-button-vsv:disabled + .radio-button-click-target-vsv {
  cursor: not-allowed; }
  .hdi-radio-button-vsv:disabled + .radio-button-click-target-vsv .radio-button-circle-vsv:before {
    border-color: #6C6F70; }
  .hdi-radio-button-vsv:disabled + .radio-button-click-target-vsv:active .radio-button-circle-vsv:before {
    transform: none; }

/*toggle button*/
.hdi-toggle-button.form-switch {
  padding-left: 2.5em; }
  .hdi-toggle-button.form-switch .form-check-label {
    margin-left: 10px !important; }
    .hdi-toggle-button.form-switch .form-check-label:hover {
      cursor: pointer; }
  .hdi-toggle-button.form-switch .form-check-input {
    width: 2.5em;
    height: 1.3em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 1%29'/%3e%3c/svg%3e") !important;
    background-position: left center;
    border: 3px solid #000000;
    border-radius: 16px !important; }
    .hdi-toggle-button.form-switch .form-check-input:hover {
      cursor: pointer; }
    .hdi-toggle-button.form-switch .form-check-input:focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0) !important; }
    .hdi-toggle-button.form-switch .form-check-input:checked {
      background-position: right center;
      background-color: #e0edd1;
      border-color: #000000;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28101, 165, 24, 1%29'/%3e%3c/svg%3e") !important; }
  .hdi-toggle-button.form-switch.form-check-reverse {
    padding-left: 0; }
    .hdi-toggle-button.form-switch.form-check-reverse .form-check-input {
      margin-left: 0; }

.form-check-inline {
  display: inline-block; }

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none; }

/*toggle button vsv*/
.hdi-toggle-button-vsv.form-switch {
  padding-left: 2.5em; }
  .hdi-toggle-button-vsv.form-switch .form-check-label {
    margin-left: 10px !important; }
  .hdi-toggle-button-vsv.form-switch .form-check-input {
    width: 2.5em;
    height: 1.3em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 1%29'/%3e%3c/svg%3e") !important;
    background-position: left center;
    border: 3px solid #6C6F70;
    border-radius: 16px !important; }
    .hdi-toggle-button-vsv.form-switch .form-check-input:focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0) !important; }
    .hdi-toggle-button-vsv.form-switch .form-check-input:checked {
      background-position: right center;
      background-color: #e0edd1;
      border-color: #65A518;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28101, 165, 24, 1%29'/%3e%3c/svg%3e") !important; }
  .hdi-toggle-button-vsv.form-switch.form-check-reverse {
    padding-left: 0; }
    .hdi-toggle-button-vsv.form-switch.form-check-reverse .form-check-input {
      margin-left: 0; }

/*HDI Tabs*/
.hdi-tabs .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #000000;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

.hdi-tabs .nav-tabs {
  border-bottom: 2px solid #C6C7C8; }

.hdi-tabs .nav-tabs .nav-link.active, .hdi-tabs .nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border: 0;
  border-bottom: 2px solid #65A518; }

.hdi-tabs .nav-tabs .nav-link:hover, .hdi-tabs .nav-tabs .nav-link:focus {
  isolation: isolate;
  border: 0;
  border-bottom: 2px solid #65A518; }

.hdi-tabs .nav-link:hover, .hdi-tabs .nav-link:focus, .hdi-tabs .nav-link.active {
  color: #65A518 !important; }

.hdi-tabs .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #000000;
  text-decoration: none;
  transition: none !important; }

/*Boton de descarga*/
.hdi-download-button {
  background-color: #65A518;
  padding: 20px 30px;
  display: flex;
  width: 100%;
  max-width: 350px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none; }
  .hdi-download-button:hover {
    background-color: #558817; }
  .hdi-download-button:disabled {
    background-color: #EEEEEF; }
  .hdi-download-button-icon {
    width: auto;
    height: 111px;
    display: block;
    margin-right: 20px; }
  .hdi-download-button-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    .hdi-download-button-text-name {
      color: #ffffff;
      font-family: "Arial";
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 16px; }
    .hdi-download-button-text-size {
      color: #ffffff;
      font-family: "Arial";
      font-size: 16px;
      font-weight: bold; }

.hdi-download-button-small {
  background-color: #65A518;
  padding: 10px 20px;
  display: flex;
  width: 100%;
  max-width: 350px;
  min-width: 150px;
  cursor: pointer;
  text-decoration: none; }
  .hdi-download-button-small:hover {
    background-color: #558817; }
  .hdi-download-button-small:any-link {
    background-color: #EEEEEF;
    pointer-events: none; }
    .hdi-download-button-small:any-link * {
      color: #6C6F70;
      pointer-events: none; }
  .hdi-download-button-small-icon {
    width: auto;
    height: 75px;
    display: block;
    margin-right: 20px; }
  .hdi-download-button-small-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    .hdi-download-button-small-text-name {
      color: #ffffff;
      font-family: "Arial";
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px; }
    .hdi-download-button-small-text-size {
      color: #ffffff;
      font-family: "Arial";
      font-size: 16px;
      font-weight: bold; }

.hdi-dropzone {
  background-color: #ffffff;
  border: 2px dashed #6C6F70;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .hdi-dropzone:hover {
    background-color: #EEEEEF; }
  .hdi-dropzone span {
    width: auto;
    height: 75px;
    display: block;
    font-size: 50px; }
  .hdi-dropzone-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .hdi-dropzone-text-title {
      color: #000000;
      font-family: "Arial";
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
      text-align: center; }
    .hdi-dropzone-text-format {
      color: #6C6F70;
      font-family: "Arial";
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 10px; }
    .hdi-dropzone-text a.button-small {
      text-align: center; }

/*tabla precios*/
.hdi-table-pricing .icon-tooltip {
  text-decoration: none;
  color: #000000;
  font-weight: bold; }

.hdi-table-pricing.default .plan {
  background-color: #65A518;
  color: #ffffff; }

.hdi-table-pricing.default td {
  color: #000000;
  font-weight: bold; }

.hdi-table-pricing.default .label-cuota {
  color: #000000; }

.hdi-table-pricing.default .label-precio {
  color: #000000; }

.hdi-table-pricing.selected .plan {
  background-color: #65A518;
  color: #ffffff; }

.hdi-table-pricing.selected td {
  color: #000000;
  font-weight: bold; }

.hdi-table-pricing.selected .label-cuota {
  color: #000000; }

.hdi-table-pricing.selected .label-precio {
  color: #000000; }

.hdi-table-pricing.unselected .plan {
  background-color: #6C6F70;
  color: #ffffff; }

.hdi-table-pricing.unselected td {
  color: rgba(108, 111, 112, 0.5);
  font-weight: bold; }

.hdi-table-pricing.unselected .label-cuota {
  color: #6C6F70; }

.hdi-table-pricing.unselected .label-precio {
  color: #6C6F70; }

.hdi-table-pricing input[type=checkbox] {
  accent-color: #65A518; }

.hdi-table-pricing .item-seleccionado {
  background-color: #E0EDD1 !important;
  border-left: 3px solid #65A518; }

.hdi-table-pricing .label-cuota {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center; }

.hdi-table-pricing .label-precio {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 175%;
  text-align: center; }

.hdi-table-pricing .icon-tooltip {
  text-decoration: none;
  color: #000000;
  font-weight: bold; }

/*ACCORDION HDI*/
.hdi-accordion .accordion-button {
  font-weight: bold; }

.hdi-accordion .accordion-button:focus {
  z-index: 3;
  border-color: none !important;
  outline: 0 !important;
  box-shadow: none !important; }

.hdi-accordion .accordion-button:not(.collapsed) {
  color: #000000 !important;
  background-color: transparent !important;
  box-shadow: none !important; }

.hdi-accordion .accordion-button::after {
  border: 2px solid #65A518;
  padding: 15px;
  background-position: center;
  color: #e60018; }

.hdi-accordion .accordion-button:not(.collapsed)::after {
  background-color: #65A518 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  transform: var(--bs-accordion-btn-icon-transform); }

/* HDI FLAGS*/
.hdi-flags {
  width: 100%;
  margin-bottom: 10px; }
  .hdi-flags .button-collapse {
    width: 100%;
    border-radius: 0;
    border: 0;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .hdi-flags .button-collapse i {
      float: right; }
  .hdi-flags .success {
    background-color: #65A518;
    color: #ffffff; }
  .hdi-flags .warning {
    background-color: #FF9900;
    color: #000000; }
  .hdi-flags .danger {
    background-color: #E60018;
    color: #ffffff; }
  .hdi-flags .body > .card {
    border-radius: 0px !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 400;
    color: #000000; }
    .hdi-flags .body > .card.success-gradient {
      background-color: rgba(101, 165, 24, 0.2) !important; }
    .hdi-flags .body > .card.danger-gradient {
      background-color: rgba(230, 0, 24, 0.2) !important; }
    .hdi-flags .body > .card.warning-gradient {
      background-color: rgba(255, 153, 0, 0.2) !important; }
  .hdi-flags .hdi-link {
    font-size: 16px !important;
    margin-top: 10px; }

/* HDI Spinner centrado */
#hdi-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 8px solid #EFF6E7;
  border-radius: 50%;
  border-top: 8px solid #65A518;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

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

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Añadir animacion para cuando aparezca la pagina */
.animate-content {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s; }

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0px;
    opacity: 1; } }

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

.contenedor-spinner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  width: 100%;
  height: 100%; }

/*DRAG AND DROP*/
.item-movible {
  cursor: move; }

/* Estilos para el modal que aparecerá desde la parte inferior y ocupará la pantalla completa (visible solo en dispositivos móviles) */
@media (max-width: 767.98px) {
  @keyframes slideInFromBottom {
    from {
      transform: translateY(100%); }
    to {
      transform: translateY(0); } }
  /* Aplicar la animación al modal */
  .modal.fade .modal-dialog {
    animation: slideInFromBottom 500ms ease-in-out;
    /* Duración y tipo de animación */ }
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 90% !important;
    margin: 0;
    top: 10% !important; } }

/*PROGRESS CIRCLE*/
.hdi-progress-mobile {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .hdi-progress-mobile-circle {
    float: left;
    margin-right: 15px;
    position: relative;
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #65A518; }
    .hdi-progress-mobile-circle .overlay {
      position: absolute;
      width: 80px;
      height: 80px;
      background-color: #ffffff;
      border-radius: 50%;
      margin-left: 10px;
      margin-top: 10px;
      text-align: center;
      line-height: 20px;
      font-size: 16px;
      font-weight: bolder;
      font-family: "Arial";
      display: flex;
      justify-content: center;
      align-items: center; }
  .hdi-progress-mobile .titulo {
    font-family: "Arial";
    color: #000000;
    font-weight: bold;
    font-size: 19px; }
  .hdi-progress-mobile .subtitulo {
    font-family: "Arial";
    color: #C6C7C8;
    font-weight: 400;
    font-size: 17px; }

.progress-0 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #65A518 50%, #EEEEEF 50%, #C6C7C8); }

.progress-5 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-10 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-15 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-20 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-25 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-30 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-35 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-40 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-45 {
  background-image: linear-gradient(90deg, #C6C7C8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-50 {
  background-image: linear-gradient(-90deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-55 {
  background-image: linear-gradient(-72deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-60 {
  background-image: linear-gradient(-54deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-65 {
  background-image: linear-gradient(-36deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-70 {
  background-image: linear-gradient(-18deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-75 {
  background-image: linear-gradient(0deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-80 {
  background-image: linear-gradient(18deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-85 {
  background-image: linear-gradient(36deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-90 {
  background-image: linear-gradient(54deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-95 {
  background-image: linear-gradient(72deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

.progress-100 {
  background-image: linear-gradient(90deg, #65A518 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #65A518 50%, #C6C7C8 50%, #C6C7C8); }

/* Estilo para el control deslizante */
input[type=range] {
  width: 100%;
  /* Ancho completo */ }

/* Personalización de la barra de rango (track) */
input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  /* Altura de la barra */
  background: #C6C7C8;
  /* Color de la barra */
  border-radius: 4px;
  cursor: pointer; }

/* Personalización del control deslizante (thumb) */
input[type=range]::-webkit-slider-thumb {
  width: 5px;
  height: 5px;
  background-color: transparent;
  /* Color del pulsador */
  border-radius: 50%;
  /* Forma circular */
  cursor: pointer; }

/* Compatibilidad con navegadores que no usan prefijos de proveedor */
input[type=range]::-moz-range-track {
  height: 3px;
  /* Altura de la barra */
  background: #C6C7C8;
  /* Color de la barra */
  border-radius: 4px;
  cursor: pointer; }

input[type=range]::-moz-range-thumb {
  width: 5px;
  height: 5px;
  background-color: transparent;
  /* Color del pulsador */
  border-radius: 50%;
  /* Forma circular */
  cursor: pointer; }

/* Compatibilidad con Microsoft Edge/IE */
input[type=range]::-ms-track {
  height: 3px;
  /* Altura de la barra */
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
  cursor: pointer; }

input[type=range]::-ms-fill-lower {
  background: #C6C7C8;
  /* Color de la barra inferior */
  border-radius: 4px; }

input[type=range]::-ms-fill-upper {
  background: #C6C7C8;
  /* Color de la barra superior */
  border-radius: 4px; }

input[type=range]::-ms-thumb {
  width: 5px;
  height: 5px;
  background-color: transparent;
  /* Color del pulsador */
  border-radius: 50%;
  /* Forma circular */
  cursor: pointer; }

/* STEP CIRCLE*/
/* Estilo para los círculos */
.step-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #C6C7C8;
  position: absolute;
  top: 1px;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 2;
  margin-left: 0; }

/* Estilo para el círculo activo */
.step-circle.active {
  background-color: #65A518;
  border: 3px solid #C6C7C8; }

/* Estilo para el contenedor del control deslizante */
.range-container {
  position: relative;
  height: 50px;
  /* Altura adicional para etiquetas */ }

/* Estilo para los contenedores de los círculos y etiquetas */
.step-wrapper {
  position: absolute;
  transform: translateX(-50%);
  text-align: center;
  width: 60px;
  top: -0px; }

/* .step-wrapper:first-of-type{
    margin-left: 11px;
}
.step-wrapper:last-of-type{
    margin-left: -11px;
} */
/* Estilo para las etiquetas */
.step-label {
  display: block;
  margin-top: 35px;
  width: 100%; }

.step-label.active {
  font-weight: bold; }

.tooltip-container {
  position: relative;
  /*relative: los elementos se posicionan de forma relativa a su posición normal.*/
  display: inline-block; }
  .tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1; }

.tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  border-radius: 0px;
  padding: 16px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-family: "Arial";
  font-size: 16px; }

/*Listas*/
.hdi-list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 1);
  --bs-list-group-active-bg: #65A518;
  --bs-list-group-active-border-color: #000;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0px; }

/*notificacion toast*/
.autoCierre::after {
  content: '';
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  animation-name: autoCierre;
  animation-duration: 6000ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

@keyframes autoCierre {
  from {
    width: 100%; }
  to {
    width: 0%; } }

/* TAGS */
/*Badge*/
.hdi-badge-tag-outline {
  padding: 5px 16px 7px 16px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ffffff;
  border: 2px solid #006729;
  color: #006729;
  font-weight: bold; }
  .hdi-badge-tag-outline:hover {
    background-color: #006729;
    border: 2px solid #006729;
    color: #ffffff;
    font-weight: bold; }
    .hdi-badge-tag-outline:hover a {
      color: #ffffff !important; }
  .hdi-badge-tag-outline a {
    color: #006729 !important; }
  .hdi-badge-tag-outline:empty {
    display: none; }

/*Menu dropdown*/
.navbar-nav .dropdown-menu {
  position: absolute !important; }

.dropdown-item:hover, .dropdown-item:focus {
  color: #ffffff !important;
  background-color: #65A518; }

.dropdown .dropdown-menu {
  display: none; }

.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: flex;
  flex-direction: column;
  margin-top: .3em;
  margin-left: 0em;
  border-radius: 0px;
  border: 1px solid black;
  padding-top: 0px;
  padding-bottom: 0px; }

@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%; }
  .dropend .dropdown-toggle {
    margin-left: 0em; } }

.dropdown:hover > .dropdown-menu li {
  border-bottom: 1px solid black; }

.dropdown:hover > .dropdown-menu li:last-child {
  border-bottom: 0px; }

.dropend .dropdown-toggle::after {
  vertical-align: 0;
  float: inline-end;
  margin-top: 8px; }

.btn-outline-primary {
  --bs-btn-color: #000;
  --bs-btn-border-color: #000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: $color-universalGreen;
  --bs-btn-hover-border-color: $color-white;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #65A518;
  --bs-btn-active-border-color: #000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #EEEEEF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EEEEEF;
  --bs-gradient: none; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

@font-face {
  font-family: 'HDI Pro';
  src: url("../fonts/HDIPro-Medium.otf"); }

@font-face {
  font-family: 'HDI Pro Bold';
  src: url("../fonts/HDIPro-Bold.otf"); }

@font-face {
  font-family: 'HDI Pro Regular';
  src: url("../fonts/HDIPro-Book.otf"); }

/*efecto hover para botones del nav*/
.efectoHover {
  display: flex;
  justify-content: center;
}

.efectoHover a {
  position: relative;
  display: block;
  padding: 5px;
}

.efectoHover a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #006729, #006729, #006729);
  z-index: 1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.efectoHover a:hover::before {
  transform: scaleX(1);
}

header .colNavBarDesktop .wrap-menu ul.menuDesktop li>a:hover {
  background-color: transparent !important;
  color: #656667 !important;
}

.footer {
    background: #ffffff !important;
    color: #000 !important;
    padding: 30px 0 !important;
	border-top: 1px solid #ededed;
}

.footer a {
    color: #656667 !important;
    text-decoration: none !important;
    margin: 5px 0 !important;
}

.footer a:hover {
    color: #000;
}