@font-face {
  font-family: 'Nunito-Regular';
  src: url("Nunito-Regular.ttf");
}
body {
  font-family: 'Nunito-Regular', sans-serif !important;
}
.rowazul {
  background-image:url('../img/bg-utc-desk.svg');
  background-repeat: no-repeat;
  background-size:inherit;
  
}

@media (max-width:1199px) {
.rowazul {
  background-image:url('../img/bg-utc-mobile.svg');
  background-repeat: no-repeat;
  background-size:cover;

}
}

.row {
  margin-right: 0px!important;
  margin-left: 0px!important;
  height: 100vh;
}
.login-form {
  margin-top: 45%;
}
@media (max-width:1199px) {
  .login-form {
      margin-top: 1.5rem;
 }
}

.login-main-text {
  font-family: Poppins;
  font-weight: bold;
  margin-top: 42%;
  font-size: 40px;
  color: #fff;
  text-align: center;
}
@media (max-width:1199px) {
  .login-main-text {
      font-family: Poppins;
      margin-top: 60px;
      font-weight: bold;
      font-size: 5vw;
      color: #fff;
      text-align: center;      
 }
}

@media (max-width:620px) {
  .img-fluid {
    max-width: 60%!important;
    height: auto;
  }
}

.btn-black {
  background-color: #000!important;
  color: #fff!important;
  width: -webkit-fill-available;
  padding-right: 32px!important;
  padding-left: 32px!important;
  padding-top: 16px!important;
  padding-bottom: 16px!important;
  border-radius: 8px!important;
}
.btn-white {
  background-color: #fff !important;
  color: #000;
  width: -webkit-fill-available;
  border-color: #000;
  border-width: 1px;
  border-style: solid;
}
.recucontra {
  font-size: 16px;
  color: #71717A;
  text-align: center;
}
.logo {
  padding-top: 40px !important;
}
@media (max-width:1199px) {
  .logo {
      margin-top: 0.25rem;
 }
}
.container1 {
  padding-left: 150px!important;
  padding-right: 150px!important;
}
@media (max-width:1199px) {
  .container1 {
      padding-left: 24px!important;
      padding-right: 24px!important;
      
 }
}

.fdobco{
  background: linear-gradient(#ffffff, #ffffff); 
  border-radius: 16px!important;

}

.password-show-card{
  position: relative 
}
.password-show-card .input-control{
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: 0px 0px 2px #eee;
  padding: 6px 12px;
  font-size: 14px;
  color: #71717A;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.password-show-card .input-control:focus{
  border: 1px solid #66afe9;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.password-show-card .password-show {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image:none!important;
  border-color: #000000!important;
}
.titulos {
  color: #18181B!important;
  text-decoration:none!important;
  font-size: 16px!important;
  font-family: "Nunito Sans", sans-serif!important;
  font-weight: 500;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #000000!important;
  box-shadow: 0 0 0 .25rem rgb(255 255 255 / 25%)!important;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 .25rem rgb(255 255 255 / 25%)!important;
}


.form-control.is-valid, .was-validated .form-control:valid {  
  background-position: right 30px center!important; 
}