@font-face {
  font-family: "Rubik";
  src: url("../../fonts/Rubik-VariableFont_wght.ttf");
}
.color-main {
  color: #FFFFFF !important;
}

.color-sub {
  color: #FFFFFF !important;
}

.color-secondary {
  color: #FFFFFF !important;
}

a {
  color: #FFFFFF !important;
}

.font-main {
  font-size: 2rem !important;
}

.font-sub {
  font-size: 1.25rem !important;
}

.font-text {
  font-size: 1rem !important;
}

.footer {
  background: transparent;
  padding: 0;
}

.counter-number, .signin-btn-back, .signin-btn-next {
  border: 1px solid #FFFFFF;
  background: #dcdcfa;
  color: #FFFFFF;
}

.counter-item {
  cursor: pointer;
  border-bottom: 1px solid #dcdcfa;
}
.counter-item.active, .counter-item:hover {
  border-bottom: 1px solid #FFFFFF;
}

.btn.btn-secundario, .counter-item:hover {
  transition: 0.15s ease-in-out background-color, 0.15s ease-in-out color;
}

.counter-item.active .counter-number, .counter-item:hover .counter-number, .signin-btn-back:hover, .signin-btn-next:hover {
  background: #FFFFFF;
  color: #FCFCFC;
}

.counter-title {
  color: #FFFFFF;
}

.btn.btn-secundario {
  background: #F4F6F9;
  color: #969696;
}
.btn.btn-secundario.active, .btn.btn-secundario:hover {
  background: #969696;
  color: #F4F6F9;
}

.btn.btn-primario {
  background: #3190ED;
  color: #FCFCFC;
}
.btn.btn-primario.disabled {
  color: #909296;
  background-color: #F4F6F9;
}
.btn.btn-primario.active, .btn.btn-primario:hover {
  background: #2672c4 !important;
  color: #FCFCFC !important;
}

.fs-085 {
  font-size: 0.85rem;
}

.form-label.capitalize {
  text-transform: capitalize !important;
  font-size: 1rem !important;
  color: #ffffff !important;
}

.mb-3rem {
  margin-bottom: 3rem !important;
}

.mt-4rem {
  margin-top: 4rem !important;
}

#form-login input {
  background-color: #374164 !important;
  padding: 0.5rem 1rem !important;
  border: none !important;
  color: #FFFFFF !important;
}

::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D1D2D4 !important;
  opacity: 1; /* Firefox */
  font-size: 0.75rem !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D1D2D4 !important;
  opacity: 1; /* Firefox */
  font-size: 0.75rem !important;
}

.env_body.body__login .header {
  background-color: transparent !important;
}

.main h1 {
  color: #FFFFFF;
}

.modal h1 {
  color: #FFFFFF;
}

.modal-bienvenido {
  color: #000000 !important;
}

@keyframes onAutoFill {
  from { /**/ }
  to { /**/ }
}
#form-login #cuil:-webkit-autofill {
  animation-name: onAutoFill;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
}