html {
  font-size: 1rem !important;
}

.body_login {
  height: 100vh;
  font-family: 'Poppins', sans-serif;
  /*nifty -demo min css de views demo ,aca hay que cambiar
  input:not(#usua):not(#passw){background-image:none!important} para iconos */
  background: url('../img/fondo.jpg') center;
  background-size: cover;
  /**/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contene {
  height: 50%;
  width: 100%;
  border-radius: 10px;
  display: flex;
  justify-content: center;
}

.incontene {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #fff;
  padding: 1.5rem;
}

.ilogo {
  width: 100%;
}

.imagecar {
  background-size: cover;
}

/*-----FORMULARIO-----*/
.forget-link,
.register-link {
  color: #007bff;
  font-weight: bold;
}

.forget-link:hover,
.register-link:hover {
  color: #0069d9;
  text-decoration: none;
}

.form-box .btn-social {
  color: white !important;
  border: 0;
  font-weight: bold;
}

.title {
  text-transform: capitalize;
  font-size: 2.25rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--title-bg);
}

.social-login {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  cursor: pointer;
}

.social-login-element {
  width: 12.5rem;
  height: 3.75rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 5px;
  border: 1px solid var(--button-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-login-element img {
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  top: 0;
  left: -0.625rem;
}

.social-login-element:hover {
  background-color: #fff;
}

.incontene>p {
  font-size: 1.25em;
  margin-top: 1.5em;
}

.inputs-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

/*AQUI cambie one two*/
.input,
.btningresar {
  width: 90%;
  height: 4.125rem;
  font-size: 1em;
}


.input {
  border: none;
  height: 45px;
  border-radius: 50px;
  box-shadow: none;
  border: 1px solid #00000020;
  background: transparent;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 1.5rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  padding-left: 3.5rem;
}

#usua {
  background-image: url('../img/userr.svg');
}

#passw {
  background-image: url('../img/key.svg');
}

.input:hover {
  /*border: 2px solid var(--button-bg);*/
  border: 2px solid #0069d9;
}


.btningresar {
  width: 90%;
  height: 45px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  border: none;
  background-color: #0069d9;
  border-radius: 50px;
  padding: .375rem .75rem;
  cursor: pointer;
  outline: none;
}

.btningresar:hover {
  color: white;

}

.btningresar:active,
.btningresar:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none !important;
}

.inputs-container p {
  margin: 0;
}

.inputs-container button[disabled] {
  background: #0069d961;
}

.span {
  color: var(--light-pink);
  font-weight: 600;
  cursor: pointer;
}

/*que el ancho de la pantalla sea igual o menor a 1000 píxeles.*/
@media screen and (max-width: 1000px) {

  /*.login-container {
    width: 70%;
    margin-top: 3rem;
}*/
  .contene {
    width: 70%;
    margin-top: 3rem;
  }

  /*.login-info-container {
    width: 100%;
    border-radius: 5px;
}*/
  .incontene {
    width: 100%;
    border-radius: 5px;
  }

  /*.image-container {
    display: none;
}*/
  .imagecar {
    display: none;
  }
}

@media screen and (max-width: 650px) {

  /*.login-container {
    width: 90%;
}*/
  .contene {
    width: 90%;
  }

  /*---------**/
  .incontene {
    width: 100%;
    border-radius: 5px;
  }

  /*-------------*/
}

@media screen and (max-width: 500px) {

  /*.login-container {
    height: 90%;
}*/
  .contene {
    height: 60%;
  }

  .social-login {
    flex-direction: column;
    align-items: center;
    height: 30%;
  }

  /*.login-info-container > p {
    margin: 0;
}*/
  .incontene>p {
    margin: 0;
  }

}

.reducido {
  max-width: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**spinner_loading para login**/
.spinner_loading,
.spinner_loading_save,
.spinner_loading_update,
.spinner_loading_delete {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: .75s linear infinite spinner-border;
}

@keyframes spinner-border {
  100% {
    transform: rotate(360deg);
  }
}

/*QUITAR las flechas de tipo number*/
/*Para num doc*/
.NumeroDoc,.Telefono,.Hijos {
  -moz-appearance: textfield;
}

.NumeroDoc::-webkit-inner-spin-button,.Telefono::-webkit-inner-spin-button,.Hijos::-webkit-inner-spin-button {
  display: none;
}

.badge.badge-orange {
  background-color: #f58b16;
}

.select2-hidden-accessible {
  width: 100% !important;
  height: 33px !important;
  font-size: 13px !important;
}

.brand-icon {
  width: 35px !important;
  height: 35px !important;
  margin: 0.7rem !important;
}

/**para centrar texto con select2**/
.select2-container .select2-selection--single .select2-selection__rendered {
  text-align: center;
}

.select2-dropdown {
  z-index: 66666 !important;
}

.nav-item>.date,
.nav-item>.clock {
  display: none;
}

@media (min-width: 768px) {
  #container.mainnav-sm .brand-icon {
    width: 35px !important;
    height: 35px !important;
  }

  .nav-item>.date,
  .nav-item>.clock {
    margin: 1.3rem 0.5rem;
    color: #fff;
    font-weight: bold;
    display: block;
  }
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #25476a;
  border-radius: 50rem;
  border-left: 2px solid #f5f5f5;
}

.toast.toast-warning,
.toast.toast-info,
.toast.toast-success {
  width: 450px !important;
}

#navbar {
  z-index: 9 !important;
}

.panel-title .close{
  color: #fff;
  padding: 10px;
  border-radius: 20px;
  transition: all, 0.3s;
  position: absolute;
  right: 0;
}

.clic-download {
  font-size: large;
  border: 3px solid red;
  padding: 0.6rem;
  color: red;
  border-radius: 50%;
}

.clic-download:hover {
  box-shadow: 0px 0px 6px 4px #e74a3b96;
  cursor: pointer;
}

.clic-download {
    font-size: large;
    border: 3px solid red;
    padding: 0.6rem;
    color: red;
    border-radius: 50%;
}

.clic-download:hover {
    box-shadow: 0px 0px 6px 4px #e74a3b96;
    cursor: pointer;
}