@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
  box-sizing: border-box;
}
body {
  --primary-color: #3ee2f4;
  --secondary-color: #5d737e;
  --accent-color: #7c3238;
  --darkaccent-color: #282C38;
  --header-bkgd: #000;
  --nav-bkgd: #fff;
  --content-bkgd: #fff;
  --qlink-bkgd: #E1E1E1;
  --qlink-text: #26374c;
  --qlink-text-hover: #b8b09d;
  --head_foot_text: #7c3238;
  --highlightBox_header: #001A33;
  --highlightBox_bkgd: #fff;
  --divLinkTxt: #46BDDB;
  --alternate1: #16789F;
  --alternate2: #6194B3;
  --bold-accent: #b8b09d;
  /*background-color: var(--secondary-color);*/
  background-image: linear-gradient(var(--secondary-color), var(--primary-color));
  min-height: 1200px;
}
.container {
  text-align: center;
  width: 100%;
  margin: auto;
  margin-top: 30px;
  padding-bottom: 50px;
  border: var(--primary-color) 1px solid;
  box-sizing: border-box;
  background-color: var(--content-bkgd);
}
fieldset {
  text-align: center;
  width: 60%;
  margin: auto;
  margin-top: 30px;
  padding-bottom: 50px;
  border: var(--accent-color) 2px solid;
  box-sizing: border-box;
  background-color: var(--content-bkgd);
}
legend {
  background-color: var(--primary-color);
  padding: 10px;
  width: 30%;
  height: 120px;
  /*background-image: url(../img/logos/LetumInc_login_logo_white.png);*/
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 50px auto 0px auto;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding-top: 1.5em;
  border: 2px solid var(--accent-color);
}
.loginForm {
  /*background-color: var(--primary-color);*/
  width: 70%;
  margin: auto;
  padding: 30px 20px;
  /*border: solid 2px var(--accent-color);
  border-radius: 10px;
  box-shadow: #252525 5px 10px 8px;*/
}
/*.logoHeader {
  width: 100%;
  height: 120px;
  background-image: url(../img/logos/LetumInc_login_logo_standard.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: 50px auto 0px auto;
  text-align: center;
}*/
.loginTitle {
  text-transform: uppercase;
  color: var(--accent-color);
  font-family: 'Anton', sans-serif;
}
.btn-primary {
  background-color: var(--accent-color);
  border-color: #000;
  color: var(--primary-color);
  font-weight: bold;
}
.btn-primary:hover {
  background-color: var(--primary-color);
  border-color: #000;
  color: var(--head_foot_text);
}
.text_input {
  border: solid 2px var(--primary-color);
  background-color: var(--qlink-bkgd);
}
.input-group-text {
  background-color: var(--alternate2);
  color: var(--primary-color);
  border-top: solid 2px var(--primary-color);
  border-left: solid 2px var(--primary-color);
  border-bottom: solid 2px var(--primary-color);
}
.logoHeader {
  width: auto;
  height: 100px;
  background-image: url(../img/logos/CenTexHH_login_logo.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: -20px auto 0px auto;
  text-align: center;
}