:root {
  --base-suite-claro: #5c69f7;
  --base-suite: #3746f8;
  --fondo-general: #f3f3f3;
  --fondo: #e2e7ea;
  --color-fuente: #444242;
  --color-text-and-footer: #202255;
  --color-text2-footer: #00f2fa;
  --color-texto-form: #cacad6;
  --border-inputs: rgb(92 105 247 / 25%);
}

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-Regular.ttf");
}

@font-face {
  font-family: "Poppins-Bold";
  src: url("/assets/fonts/Poppins-Bold.ttf");
}

@font-face {
  font-family: "Poppins-SemiBold";
  src: url("/assets/fonts/Poppins-SemiBold.ttf");
}

body,
header,
footer {
  background-color: var(--fondo);
  font-family: "Poppins", sans-serif;
}

body {
  color: var(--color-fuente);
  display: flex;
  flex-direction: column;
  height: 100vh;
}

footer {
  margin-top: auto;
  font-size: 13px;
}

.g-recaptcha {
  display: inline-block;
}
/* Proimpo Style */
.footer,
.bg_blue_dark {
  background-color: var(--color-text-and-footer);
  color: #ffffff;
}
.sub_footer,
.bg_blue_proimpo {
  background-color: var(--base-suite);
  color: #ffffff;
  margin-top: 0 !important;
}

.bg_general {
  background-color: var(--fondo-general);
}

.text_blue_celeste {
  color: var(--color-text2-footer);
}

.text_blue_primary {
  color: var(--color-text-and-footer);
}

.text_blue_proimpo {
  color: var(--base-suite);
}

.text_title {
  color: var(--color-text-and-footer);
  font-family: "Poppins", sans-serif;
}

.text_title_secondary {
  color: var(--base-suite);
  font-family: "Poppins", sans-serif;
}

.text_suite {
  --color-fuente: #444242;
}

/* Home Suite */
.card_plan,
.card_plan img {
  transition: all 500ms ease-in-out 0ms;
}
.card_plan:hover {
  transform: translateY(-7px);
}

/*CAMBIOS BOOTRAPS */

.btn-primary {
  color: #fff;
  background-color: var(--base-suite);
  border-color: var(--base-suite);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--base-suite-claro);
  border-color: var(--base-suite-claro);
}

.form-check-input:checked {
  background-color: var(--base-suite-claro);
  border-color: var(--base-suite);
}

.dropdown-menu-suite .dropdown-item {
  color: var(--color-fuente);
  transition: all 250ms ease-in-out 0ms;
}

.dropdown-menu-suite .dropdown-item:hover {
  color: black;
  background-color: white;
}

.dropdown-menu-suite {
  color: var(--color-fuente);
  background-color: var(--fondo-general);
  border-color: rgba(0, 0, 0, 0.15);
}

.nav-link {
  border-bottom: 1px solid var(--base-suite);
  transition: all 500ms ease-in-out 25ms;
}

#nav-tab .nav-link {
  border-bottom: 1px solid white;
  transition: all 500ms ease-in-out 25ms;
}

.nav-link:hover {
  border-bottom: 1px solid;
  color: white;
}

#nav-tab .nav-link:hover {
  border-bottom: 1px solid var(--base-suite);
}

.nav-link.active {
  border-bottom: 1px solid;
  color: white;
}

#nav-tab .nav-link.active {
  border-bottom: 1px solid;
  color: white;
}

.navbar-nav .nav-link {
  margin-left: 8px;
}

/* LOGIN */

.bg_login {
  background-image: url("../assets/fondos/fondo_login.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container_form_login {
  transition: all 250ms ease-in-out 0ms;
}

.mensajeLogin_show {
  opacity: 1;
  transition: opacity 1s ease-in;
}

.mensajeLogin_hiden {
  opacity: 0;
}

.container-full-aggrid {
  width: 90%;
}

.contenedor-img-factura {
  height: 250px;
  overflow: hidden;
}

.contenedor-img-backoffice img {
  transition: transform 0.2s ease;
}

img[data-target-input] {
  transition: all 150ms ease-in-out 0ms;
  max-height: 100%;
  max-width: 100%;
}

img[data-target-input]:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 150ms ease-in-out 0ms;
}

.btn-kill-item {
  cursor: pointer;
  color: rgb(3, 3, 3);
}

.btn-kill-item:hover {
  cursor: pointer;
  color: #ffffff;
}

.out-ctrl-number::-webkit-inner-spin-button,
.out-ctrl-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.out-ctrl-number {
  -moz-appearance: textfield;
}