.HDbg1 {
  background: url(../images/HD-bg1.png) no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.HDbg2 {
  background: url(../images/HD-bg2.png) no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.HDbg3 {
  background: url(../images/HD-bg3.png) no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.HDbg4 {
  background: url(../images/HD-bg4.png) no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.HDbgError {
  background: url(images/LoginError.png) no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
html {
  /*margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;*/
}
body {
  margin: 0;
  background-color: transparent;
  color: #232323;
  font-family: Segoe UI, Arial !important;
  overflow: hidden;
}
h1 {
  font-family: Segoe UI, Arial !important;
  font-weight: lighter !important;
  /*position: relative;*/
  display: inline-block;
  font-size: 25pt;
  white-space: nowrap;
  margin: 0px;
  /*top: 9px;*/
}
.idlLogo {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}
#main-section {
  margin: 15px;
}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
  /*position: absolute;*/
  background-color: transparent;
  border: 1px solid #ddd;
  display: block;
  margin: auto;
  /*width: 400px;*/
  visibility: hidden;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
}
fieldset legend {
  /*font-size: 1.2em;*/
  width: auto;
  padding: 4px;
  border-bottom: none;
  margin-left: 10px;
  margin-bottom: 5px;
}
fieldset textarea {
  min-height: 75px;
}
fieldset .editor-label {
  margin: 1em 0 0 0;
}
fieldset .editor-field {
  margin: 0.5em 0 0 0;
}
fieldset .editor-field-slim {
  margin: 0.5em 0 0 0;
}
fieldset .editor-field input[type=text],
fieldset .editor-field input[type=password],
fieldset .editor-field input[type=file],
fieldset .editor-field input[type=url] {
  width: 400px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #921b20;
  font-size: 8pt;
  display: block;
  /*float: left;*/
  /*margin-left: 145px;*/
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  background-color: #ffeeee;
  border: 1px solid #921b20;
}
.validation-summary-errors {
  /*position: absolute;*/
  display: inline-block;
  top: 25%;
  /*width: 100%;*/
  text-align: center;
  color: #921b20;
  font-weight: bold;
}
.validation-summary-errors ul li {
  list-style-type: none !Important;
}
.validation-summary-valid {
  display: none;
}
/* Styles for the web frontent
-----------------------------------------------------------*/
a {
  color: black;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
a.bodyLink {
  color: #7285a3;
}
.masterHeader {
  display: table-cell;
  height: 60px;
  background-color: #921B20;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
}
.masterHeaderText {
  color: White;
  vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi) {
  _::selection,
  .masterHeaderText {
    font-size: 2.5em !important;
  }
  _::selection,
  .signInButton {
    font-size: 1em !important;
  }
}
.menu {
  background-color: #7285a3;
  color: #000000;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-top: 5px;
}
.menu a {
  color: #FFFFFF;
  text-decoration: none;
}
.menu a:hover {
  text-decoration: underline;
}
.hrdcontainer {
  /*position: absolute;*/
  display: block;
  padding: 10px;
  overflow: hidden;
  vertical-align: middle;
  visibility: hidden;
  background-color: white;
}
.remeberSelection {
  float: right;
}
.providerImage {
  vertical-align: middle;
}
ul.hrd {
  padding: 0;
}
ul.hrd li {
  list-style: none;
  margin-bottom: 10px;
}
table tr td button {
  font-size: 12pt;
  vertical-align: middle;
  margin: 0px;
  background-color: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0px;
}
a.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  display: block;
  /*color: initial;*/
  width: 100%;
  text-align: center;
  margin-left: 0px !important;
  max-width: 600px;
  /*padding-top: 10px;*/
  /*text-align: right;*/
  background-color: #921B20;
  border: #921B20;
  color: white;
  /*height: 25px;*/
  font-size: 16px;
  border: 0;
  box-shadow: none;
  border-radius: 0px;
  height: 25px;
}
.editor > div,
.editor > form > div {
  margin: 5px;
  /*text-align: right;*/
}
.editor label {
  margin-right: 10px;
  margin-left: 10px;
  /*text-align: right;*/
  vertical-align: top;
  /*width: 80px;*/
  font-weight: normal !important;
}
.editor.small label {
  /*width: 230px;*/
}
.editor.small.signin input[type=text],
.editor.small.signin input[type=password] {
  width: 230px;
}
.editor.small.signin div.buttons {
  max-width: 380px;
}
.editor.small div.buttons {
  max-width: 500px;
}
.editor input[type=text],
.editor input[type=password],
.editor input[type=file],
.editor input[type=url],
.editor input[type=email],
.editor textarea {
  width: 350px;
  margin-bottom: 5px;
}
.editor select {
  margin-right: 1px;
  padding: 1px;
  width: 352px;
}
.editor select .input-validation-error {
  width: 352px;
}
.editor input.base64 {
  width: 275px;
}
.editor button.base64 {
  width: 70px;
}
.editor img {
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.editor img.error {
  margin-left: 5px;
}
.editor .inline-editor {
  display: inline-block;
  margin-left: 0;
  margin-right: 2px;
  text-align: left;
  vertical-align: top;
  width: 353px;
}
.editor .inline-editor * label,
.editor .inline-editor * input {
  width: auto;
}
/*.editor .inline-editor.create-user-roles * label { width: 230px; }*/
.editor div.buttons {
  max-width: 600px;
  padding-top: 10px;
  text-align: right;
}
.editor div.buttons button {
  background-color: #921B20;
  border: #921B20;
  color: white;
  height: 25px;
}
button[disabled] {
  background-color: rgba(146, 27, 32, 0.5);
  border: rgba(146, 27, 32, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
.rememberMe {
  /*left: -3px;
    top: -2px;
    position: relative;*/
  /*margin-left: 25px;*/
  margin: 0;
  margin-top: 5px;
}
.loginFormLabel {
  /*font-size: 12px;*/
  margin: 0 !important;
  margin-right: 10px !important;
}
.offline {
  margin-top: 20px;
}
.scopes label {
  cursor: pointer;
}
/*------------------------------------- new for test--------------------------------*/
.mainContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: auto;
}
.loginHeader {
  height: 60px;
  background-color: #921B20;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  overflow: hidden;
}
.loginContent {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  min-height: 300px;
  overflow: auto;
}
.loginField {
  /*width: 400px;*/
  /*height: 200px;*/
  /*min-width: 300px;*/
}
.errorField {
  /*visibility: hidden;*/
  text-align: center;
}