body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: #708090;
    background-image: Url(../LCS2.jpg);
    background-size: cover;
    background-position: center;    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

main {
    flex: 1 0 auto;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* label focus color */
.input-field input[type=text]:focus + label {
    color: #ffffff !important;
}
/* label focus color for passwords */
.input-field input[type=password]:focus + label {
    color: #ffffff !important;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    box-shadow: 0 1px 0 0 #000;
}
/* label underline focus color for passwords*/
.input-field input[type=password]:focus {
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
    box-shadow: 0 1px 0 0 #000;
}
/* valid color for password*/
.input-field input[type=password].valid {
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #ff0000 !important;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #ffffff;
}

.field-validation-error {
    color: salmon !important;
}

.validation-summary-errors {
    color: salmon !important;
}

.card {
    border: 1px solid #ffffff !important;
}
.card-panel {
    border: 1px solid #ffffff !important;
}

#video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}