/*Botones-----------------------------------------*/
:root {
    --color-primary: #00bf5d;;
    --color-secundary: #182951;;
    --color-primary-oscuro: #27bf5d;;
    --color-txt-subtitle: #1e2432;
    --color-txt-input: #bec2ce;
    --color-txt-button: #fff;
    --color-orange: #f0ba64;
    --color-gray: #2e4765;
    --color-gray2: #242021;
    --color-white: #fff;
    --color-white2: #f5f6fa;
}

/*btn*/
.btn:focus{
  box-shadow: none !important;
  outline: none !important;
}

.btn:disabled{
  opacity: 0.7 !important;
}
/*FIN btn*/


/*btn btn-primary*/
.btn-primary{
  width: auto;
  min-width: 135px;
  height: auto;
  margin: 2px 0px 2px 0px;
  padding: 7px;
  border-radius: 8px !important;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 650 !important;
  color: #fff !important;
  background-color: #00bf5d !important;
  border-color: #00bf5d !important;
  white-space: normal !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #03773b !important;
  border-color: #03773b !important;
}

.btn-regular{
  width: auto;
  min-width: 135px;
  height: auto;
  margin: 2px 0px 2px 0px;
  border-radius: 8px !important;
  background-color: var(--color-primary);
  text-transform: uppercase;
}
/* FIN btn-primary*/

/*btn-secundary*/
.btn-secundary{
  width: auto;
  min-width: 135px;
  height: auto;
  margin: 2px 0px 2px 0px;
  padding: 7px;
  border-radius: 8px !important;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 650 !important;
  border: solid 1px #00bf5d !important;
  background-color: transparent;
  text-transform: uppercase;
  color: #182951;
  white-space: normal !important;
}

.btn-secundary:hover{
  border: solid 1px #03773b !important;
  background-color: #03773b;
  color: white !important;
}

.btn-outline-primary {
  width: auto;
  min-width: 135px;
  height: auto;
  margin: 2px 0px 2px 0px;
  border-radius: 8px !important;
  border: solid 1px #00bf5d !important;
  background-color: #fdfdfd;
  text-transform: uppercase;
  color: #182951;
  white-space: normal !important;
}

/* FIN btn-secundary*/


/*Botón facturas*/
.btn-contenido-2{
  width: auto !important;
  min-width: 170px !important;
  height: fit-content !important;
  padding: 5px 60px !important;
  padding: 7px !important;
  border-radius: 8px !important;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 650 !important;
  color: #fff !important;
  background-color: #00bf5d !important;
  border-color: #00bf5d !important;
  white-space: normal !important;
}


/* FIN Botón facturas*/


.btn-outline-primary:active, .btn-primary:active, .btn-primary:focus, .btn-secundary:active, .btn-secundary:focus, .btn-outline-primary:focus{
  background-color: #198754 !important;
  border-color: #07d169f0 !important;
  box-shadow: none !important;
  color: white !important;
}
  
  
.btn-add {
  width: 70px;
  height: 70px;
  margin: 0px 10px 0px 0px;
  padding: 0px !important;
  border-radius: 47.1px !important;
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.08) !important;
  background-color: var(--color-primary) !important;
}

.btn-add:hover{
  background-color: #03773b !important;
}
.icon_area {
  width: 70px;
  height: 70px;
  margin: 0px 10px 0px 0px;
  padding: 0px !important;
  border-radius: 47.1px !important;
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.08) !important;
  background-color: #ffff !important;
}


/*Quitar*/
  .btn-formul{
    width: 125px;
    height: auto;
    margin: 2px 0px 2px 0px;
    padding: 10px 0px !important;
    border-radius: 8px !important;
    background-color: var(--color-primary);
}

.btn__planContactenos {
  background-color: var(--color-primary);
  text-decoration: none;
  color: var(--color-white);
  padding: 10px 60px;
  border-radius: 8px;
}

.btn-formul2{
  width: 125px;
  height: auto;
  margin: 2px 0px 2px 0px;
  padding: 10px 0px !important;
  border-radius: 8px !important;
  border: solid 1px #00bf5d;
  background-color: #fdfdfd;
}

  
/*Se usa cuando hay dos o mas botones juntos*/
.content_buttom {
  display: flex;
  gap: 10px 25px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px 10px;
}
  

/* variantes*/
.btn-alto{
  padding: 10px !important;
}

.btn-small {
  padding: 4px !important;
}

/*btn btn-primary btn-icon*/
.btn-icon {
  width: auto !important;
  min-width: auto;
}

.btn-auto{
  width: auto !important;
}
/* .nube_boton
{
  background:var(--color-gray2);
} */
/*FIN variantes



  /*Iconos relacionados con los botones-----------------------------------*/
    /*Iconos-------------------------------------*/

.Plus {
    width: 28.7px;
    height: 28.7px;
  }
  
  .Icon-ionic-ios-arrow-down {
    width: 23.6px;
    height: 13.5px;
    margin: 4.7px 0px 4.7px 257.8px;
    background-color: #2e4765;
  }


/*Formularios*/

#registro_crea_cuenta_btn_continuar:disabled , #registro_crea_cuenta_btn_continuar:focus{
  background-color: #03773bb8 !important;
}