html,
body {
  width: 100%;
  height: 100%;
}
body {
  background-attachment: scroll;
  background-position: 0% 0%;
  background-size: contain;
  background-color: #ecf0f1;
  font-size: 17px;
  font-family: 'Lato', sans-serif;
  display: table-cell;
  vertical-align: middle;
}
html {
  display: table;
}
ul {
  list-style-type: none;
}
.row-centered {
  text-align: center;
}
.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
}
.col-min {
  min-width: 320px;
}
.item {
  display: table;
  width: 100%;
  height: 100%;
}
.content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.logo {
  background-color: #008FBD;
  border-top: 20px solid #008FBD;
  border-bottom: 20px solid #008FBD;
  border-left: 40px solid #008FBD;
  border-right: 40px solid #008FBD;
  width: 240px;
}
.transparent {
  background: rgba(255, 255, 255, 0.7);
}
h1,
h2,
h3,
h4 {
  color: #008FBD;
}
input:focus {
  outline: none !important;
}
.support-links {
  text-align: right;
  padding: 0px 15px 15px 0px;
}
div.support-links a:visited {
  color: #008FBD !important;
  text-decoration: none;
}
div.support-links a:link {
  color: #008FBD !important;
  text-decoration: none;
}
/**** Form Validation ****/
.form-control {
  height: 42px;
}
.form-group {
  padding-left: 20px;
}
/**** Form Validation ****/
.form-control {
  height: 42px;
}
.form-control.success {
  border: 2px solid #a5c562;
  border-radius: 3px;
}
.form-control.warning {
  border: 2px solid #fdc554;
  border-radius: 3px;
}
.form-control.error {
  border: 2px solid #ff503f;
  border-radius: 3px;
}
.basic-form label {
  display: block;
  width: 100%;
  margin: 7px 0px;
  color: #008FBD;
  text-align: left;
}
.basic-form input,
.basic-form select,
.basic-form textarea {
  display: block;
  width: 85%;
  padding: 10px 12px;
  box-sizing: padding-box;
  border-radius: 5px;
  border: 1px solid #ecf0f1;
}
.basic-form .btn {
  margin: 8px 0px;
  background-color: #008FBD;
  color: #ecf0f1;
  width: 45%;
}
.button-container {
  display: inline-block;
}
.form-buttons {
  padding-top: 15px;
  padding-bottom: 25px;
  display: flex;
}
.basic-form .error {
  color: #d93240;
  list-style-type: none;
}
/*Login*/
.LoginWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.LoginImage {
  background: url('/Content/Images/ms2bg.png') center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.screenMessageContent,
.screenMessageColumn{
    padding:0 !important;
    display:inline !important;
}
.screenMessageContainer{
    background: url('/Content/Images/ms2bg.png') center center no-repeat; 
    background-size:cover; 
    width:100%;
    height:100%;
    display:table;
    padding:15% 0% 15% 0%;
}
.screenMessageRibbon{
    background-color:#0091B9; 
    padding:30px 0 30px 0;
    width:100%;
    margin-bottom:5%;
}
.screenMessageHeader,
.screenMessageHeaderSmall{
    color:white; 
    text-transform:uppercase; 
    text-align:center; 
    padding-bottom:5px;
}
.screenMessageHeader{
    font-size:x-large;
}
.screenMessageHeaderSmall{
    font-size:small; 
}
.screenMessageFooter, 
.screenMessageFooterSmall{
    color:white; 
    text-align:justify; 
    text-align-last:center; 
    margin:auto; width:38%; 
    font-style:italic; 
    padding-top:5px;
}
.screenMessageFooterSmall{
    font-size:small;
}