/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 09/22/2023, 08:54:59 AM
    Author     : lflince
*/
html,
body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 100%;
  overflow: hidden;
}
body {
  background-color: transparent;
  background: transparent;
}
.background-radial-gradient {
  background-color: hsl(205, 86%, 20%);
  background-image: radial-gradient(850px circle at 0% 0%, hsl(205, 86%, 40%) 15%, hsl(205, 86%, 35%) 35%, hsl(205, 86%, 25%) 75%, hsl(205, 86%, 24%) 80%, transparent 100%), radial-gradient(1250px circle at 100% 100%, hsl(182, 76%, 50%) 5%, hsl(182, 76%, 35%) 35%, hsl(182, 76%, 25%) 75%, hsl(182, 76%, 24%) 80%, transparent 100%);
  background-attachment: fixed;
}
#radius-shape-1 {
  height: 230px;
  width: 230px;
  top: -60px;
  left: -140px;
  background: radial-gradient(hsl(205, 86%, 30%), hsl(205, 86%, 80%));
  overflow: hidden;
  transform: rotate(10deg);
}
#radius-shape-2 {
  border-radius: 30% 70% 70% 30% / 60% 40% 60% 40%;
  bottom: -70px;
  right: -120px;
  width: 320px;
  height: 320px;
  background: radial-gradient(hsl(182, 76%, 35%), hsl(182, 76%, 85%));
  overflow: hidden;
  transform: rotate(-10deg);
}
.bodyDIV {
  position: static;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.loginMainDiv {
  background: transparent;
  background-color: transparent;
  position: relative;
  overflow: auto;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.loginDiv {
  background: transparent;
  background-color: transparent;
  position: absolute;
  left: 50%;
  top: 50px;
  width: 780px;
  height: 403px;
  margin-left: -390px;
  /*half width*/
  margin-top: 0px;
  /*half height*/
  /*border: 1px solid blue;*/
  line-height: 1.5;
}
#loginBienvenidoDIV {
  float: left;
  width: 400px;
  margin-top: 1.5rem;
  padding-top: 0px;
  visibility: hidden;
}
#loginUserAndPasswordDIV {
  width: 312px;
  margin-left: 450px;
  margin-top: 1.5rem;
  padding-top: 0px;
  visibility: hidden;
}
.colorBienvenidos {
  color: hsl(220, 100%, 91%);
}
.colorBienvenidosTitulo {
  color: hsl(218, 81%, 95%);
}
a:link.LinkEdualianza {
  text-decoration: none;
  font-size: 80%;
  font-weight: normal;
  color: hsl(220, 100%, 91%);
}
a:visited.LinkEdualianza {
  text-decoration: none;
  font-size: 80%;
  font-weight: normal;
  color: hsl(220, 100%, 91%);
}
a:hover.LinkEdualianza {
  color: hsl(220, 100%, 91%);
  font-weight: normal;
  text-decoration: underline;
}
a:link.LinkWelcome {
  text-decoration: none;
}
a:visited.LinkWelcome {
  text-decoration: none;
}
a:hover.LinkWelcome {
  text-decoration: none;
  opacity: 0.85 !important;
  transition: opacity 0.3s ease-in-out;
}
#titleWhenReduced {
  display: none;
}
.hover-opacity-50:hover {
  opacity: 0.5 !important;
  transition: opacity 0.3s ease-in-out;
}
.hover-opacity-60:hover {
  opacity: 0.6 !important;
  transition: opacity 0.3s ease-in-out;
}
.hover-opacity-70:hover {
  opacity: 0.7 !important;
  transition: opacity 0.3s ease-in-out;
}
.hover-opacity-85:hover {
  opacity: 0.85 !important;
  transition: opacity 0.3s ease-in-out;
}
/* Small devices (544px and down) */
@media screen and (max-width: 543px) {
  .loginDiv {
    top: 0px;
  }
}
/* Small devices (544px and up) */
@media screen and (min-width: 544px) {
  .loginDiv {
    top: 0px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
  .loginDiv {
    top: 50px;
  }
}
/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  .loginDiv {
    top: 50px;
  }
}
/* Extra Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
  .loginDiv {
    top: 50px;
  }
}
/*# sourceMappingURL=login2.css.map */