@charset "utf-8";
/* CSS Document */

:root {
  --dark-blue: #181f62;
  --light-purple: #8c8fb1;
  --dark-gray: #5b5d70;
  --medium-gray: #787a89;
  --light-gray: #e4e4e7;
  --table-gray: #f4f4f8;
  --form-gray: #f3f3f5;
  --black: #000000;
  --table-orange: #ffe8d9;
  --orange: #fa6100;
  --gris-tecsa: #787a89;
  --naranja-tecsa: #fa6100;
  --white: #ffffff;
}
/*FUENTES DEL SISTEMA*/
@font-face {
  font-family: NimbusSansDOT;
  src: local(NimbusSansDOT-Bold),
    url(../Nimbus/NimbusSansDOT-Bold.woff2) format("woff2"),
    url(/../Nimbus/NimbusSansDOT-Bold.woff) format("woff"),
    url(/../Nimbus/NimbusSansDOT-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: NimbusSansDOT-Regu;
  src: local(NimbusSansDOT-Regu),
    url(/../Nimbus/NimbusSansDOT-Regu.woff2) format("woff2"),
    url(/../Nimbus/NimbusSansDOT-Regu.woff) format("woff"),
    url(/../Nimbus/NimbusSansDOT-Regu.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Roboto;
  src: local(Roboto-Regular),
    url(/path/to/Roboto-Regular.woff2) format("woff2"),
    url(/path/to/Roboto-Regular.woff) format("woff"),
    url(/path/to/Roboto-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Roboto;
  src: local(Roboto-Medium),
    url(/path/to/Roboto-Medium.woff2) format("woff2"),
    url(/path/to/Roboto-Medium.woff) format("woff"),
    url(/path/to/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.Title-1 {
  font-family: NimbusSansDOT;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Subtitle-0 {
  font-family: NimbusSansDOT-Regu;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.64;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Title-2 {
  font-family: NimbusSansDOT;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Tab-on-2 {
  font-family: NimbusSansDOT;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Subtitle-1-hover {
  font-family: NimbusSansDOT;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Subtitle-1 {
  font-family: NimbusSansDOT-Regu;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Title-3 {
  font-family: NimbusSansDOT;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Subtitle-2-hover {
  font-family: NimbusSansDOT;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Menu-focus {
  font-family: NimbusSansDOT;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.Subtitle-2 {
  font-family: NimbusSansDOT-Regu;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Menu-default {
  font-family: NimbusSansDOT-Regu;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: var(--light-gray);
}
.Subtitle-3 {
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Text-hover {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--orange);
}
.Text-1 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--dark-blue);
}
.Placeholder {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--light-purple);
}
.Button-secondary {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--orange);
}
.Labels {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--light-purple);
}
.Hyperlink-off {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--light-purple);
}
.Hyperlink {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--orange);
}
/*****************************************INICIA LOGIN IMAGEN ***********************************************/
.Login {
  width: 1440px;
  height: 1024px;
  padding: 0 107px 0 0;
  background-color: var(--white);
}
.im_login_bg {
  width: 720px;
  height: 1024px;
  margin: 0 107px 0 0;
  padding: 124px 259px 78px 77px;
  object-fit: contain;
}
.TECSA-Energy-Experti {
  width: 350px;
  height: 92px;
  margin: 10px 0 660px 30px;
  font-family: NimbusSansDOT;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: var(--white);
}
.Electrical-Data-Hub {
  width: 172px;
  height: 16px;
  margin: 0 178px 10px 30px;
  font-family: NimbusSansDOT;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.Line-15 {
  width: 1px;
  height: 126px;
  margin: 0 30px 652px 3px;
  border: solid 3px var(--orange);
}
.filtro-tecsa3 {
  width: 720px;
  height: 1024px;
  margin: 0 107px 0 0;
  padding: 124px 259px 78px 77px;
}
.Rectangle_login {
  width: 506px;
  height: 592px;
  padding: 77px 53px 110px;
  border: solid 1px var(--light-gray);

}
.Inicia-sesin {
  width: 168px;
  height: 25px;
  font-family: NimbusSansDOT;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181f62;
   
}
.Rectangle_correo {
  width: 506px;
  height: 592px;
  margin: 216px 0 216px 107px;
  padding: 77px 53px 110px;
  border: solid 1px var(--light-gray);
}
.Correo-electrnico {
  width: 130px;
  height: 11px;
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181f62;
}

.Contrasea {
  width: 73px;
  height: 11px;
  margin: 32px 192px 13px 0;
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181f62;
}

.Rectangle_recordar_usuario {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: solid 1px #9a9ba6;
  background-color: var(--white);
}
.Olvid-mi-contrasea {
  width: 170px;
  height: 16px;
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--orange);
}
.Rectangle_inisiar_sesion {
  width: 135px;
  height: 30px;
  padding: 15px 26px 14px;
  border-radius: 1px;
  background-color: #fa6100;
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  padding-bottom:30px;
  letter-spacing: normal;
  color: var(--white);
}
.Recordar-nombre-de-u {
  width: 197px;
  height: 16px;
 font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181f62;
}

.Iniciar-sesin {
  width: 83px;
  height: 11px;
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
}
.Search-field {
  width: 100px;
  height: 15px;
  padding: 12px 281px 12px 14px;
  border-radius: 2px;
  background-color: var(--form-gray);
}
.Search-field-Copy-2 {
  width: 170px;
  height: 40px;
 font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
  background-color: var(--orange);
}
.Recuperar-contrasea {
  width: 299px;
  height: 25px;
   font-family: NimbusSansDOT;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181f62;
}
.Ingresa-el-correo-el {
  width: 415px;
  height: 32px;
  font-family: NimbusSansDOT;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--black);
}