﻿a {
  text-decoration: none;
  color: #1f3d7a;
}
a:hover {
  text-decoration: underline;
}

#NoClientScriptMessage {
  background-color: #bd362f;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}

.EmptyMessageSpan {
  display: inline;
  position: absolute;
  top: 6px;
  left: 9px;
  white-space: nowrap;
  color: #aaa;
}

.WrapperSpan {
  position: relative;
}

#PasswordMatchMeterBox {
  position: relative;
}

#PasswordStrengthBox {
  position: relative;
}
#PasswordStrengthBox .left.strength-label {
  position: absolute;
  top: 43px;
  color: #fff;
  float: left;
}
#PasswordStrengthBox .left.strength-icon {
  position: absolute;
  top: 12px;
  left: 308px;
  z-index: 999;
}

#passwordstrength {
  font-size: 70%;
}
#passwordstrength .left {
  float: right;
  margin-bottom: 5px;
}
#passwordstrength .right {
  float: right;
  font-weight: bold;
  margin-bottom: 5px;
}

#passwordprogressbar {
  margin-top: 5px;
  margin-left: 1px;
  height: 15px;
  width: 99.5%;
  background-color: #eee;
}
#passwordprogressbar.ui-progressbar {
  border-radius: 0;
  border-width: 0;
}
#passwordprogressbar .ui-progressbar-value {
  border-radius: 0;
  border-width: 0;
  margin-top: 0;
}
#passwordprogressbar span {
  margin-top: 0;
}

div.leftCol {
  float: right;
  margin: 3px;
}
div.rightCol {
  float: right;
  margin-bottom: 10px;
}

#toast-container.toast-top-center {
  top: 80px;
  z-index: 0;
}
#toast-container.toast-top-center > div {
  width: 50%;
  max-width: 700px;
  min-width: 250px;
  border-radius: 0;
  box-shadow: 0 0 5px 5px #ddd;
}
#toast-container.toast-top-center > div:hover {
  box-shadow: 0 0 5px 5px #999;
}
#toast-container > .error-style {
  background-image: url(../Images/toastr_error.png) !important;
  background-color: #bd362f;
  animation: shake 500ms linear;
}
#toast-container > .success-style {
  background-image: url(../Images/toastr_success.png) !important;
  background-color: #51a351;
}
#toast-container > .warning-style {
  background-image: url(../Images/toastr_warning.png) !important;
  background-color: #f89406;
}
#toast-container > .info-style {
  background-image: url(../Images/toastr_info.png) !important;
  background-color: #0076be;
}
#toast-container .toast-message {
  margin-left: 10px;
}
#toast-container .toast-message a {
  text-decoration: underline;
}
#toast-container .toast-message a:hover {
  text-decoration: underline;
}
#toast-container .toast-title {
  margin-left: 10px;
}

@keyframes shake {
  8% {
    transform: translateX(-10px);
  }
  41% {
    transform: translateX(-10px);
  }
  25% {
    transform: translateX(10px);
  }
  58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
ul.validator {
  list-style: none;
  float: right;
  text-align: right;
  margin: 5px 3px 3px 0;
  color: #aaa;
}

.validator li {
  padding-right: 23px;
  font-size: 70%;
  line-height: 20px;
}
.validator li.error-img {
  background: #fff url(../Images/error_icon.png) center right no-repeat;
}
.validator li.ok-img {
  background: #fff url(../Images/ok_icon.png) center right no-repeat;
}
