body {
  background-color: #ffffff;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  margin-top: 100px;
}

body, input {
  color: #596064;
}

#titleZone {
  background: #136095 url(images/blue_hr.png) repeat-y;
  height: 46px;
  line-height: 46px;
  margin: 0;
  padding-left: 35px;
}

  #titleZone span {
    color: #fff;
  }

#login-container {
  position: absolute;
  min-height: 400px;
  width: 600px;
  margin: -160px 0px 0px -300px;
  top: 42%;
  left: 50%;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.22);
  background-color: #fff;
}

#logo-sensoplus {
  text-align: left;
  padding: 10px 0 5px 20px;
}

  #logo-sensoplus a {
    padding-left: 10px;
  }

#HeaderLine {
  clear: both;
  height: 4px;
  margin-top: 3px;
  margin-bottom: 2px;
  background: #D4720B url(images/orange_hr.png) repeat-y;
}

#authenticationMessage {
  color: red;
}

.validation-summary-errors ul {
  color: red;
  list-style-type: disc;
  padding-inline-start: 16px;
}

.login-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

  .login-icon[data-provider^=sensoplus] {
    background-image: url("images/icon-sensotaste-150x150.png");
  }

  .login-icon[data-provider^=windowslive] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3E%3Cpath fill='%23f25022' d='M1 1h9v9H1z'/%3E%3Cpath fill='%2300a4ef' d='M1 11h9v9H1z'/%3E%3Cpath fill='%237fba00' d='M11 1h9v9h-9z'/%3E%3Cpath fill='%23ffb900' d='M11 11h9v9h-9z'/%3E%3C/svg%3E")
  }