﻿/* #region .validation-captcha */
.validation-captcha {
  margin-bottom: 1em;
  font-size: 1em;
}
.validation-captcha .captcha-widget {
  display: none;
}
.validation-captcha .captcha-disclaimer {
  margin-bottom: 1em;
}
.validation-captcha .captcha-disclaimer a {
  font-weight: bold;
}
.validation-captcha .captcha-loading,
.validation-captcha .captcha-timeout {
  position: relative;
  margin-bottom: 1em;
  padding: 1em 1em 1em 3.5em;
  border-radius: 0.25em;
  background: #ff7433;
  color: #fff;
  text-align: left;
}
.validation-captcha .captcha-loading a,
.validation-captcha .captcha-timeout a {
  color: #fff;
  text-decoration: underline;
}
.validation-captcha .captcha-loading a:hover,
.validation-captcha .captcha-timeout a:hover {
  color: #fff;
  opacity: 0.8;
}
.validation-captcha .captcha-loading::before,
.validation-captcha .captcha-timeout::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1em;
  display: block;
  margin-top: -0.75em;
  height: 1.5em;
  width: 1.5em;
}
.validation-captcha .captcha-loading::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%23fff' stroke-dasharray='164.934 56.978' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E") no-repeat;
}
.validation-captcha .captcha-timeout::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16 0l16 28H0zm0 4L4 26h24zm-2 6h4l-1 10h-2zm2 11a2 2 0 000 4 2 2 0 000-4'/%3E%3C/svg%3E%0A") no-repeat;
}

/* #endregion */
/* #region .validation-summary */
.validation-summary {
  margin: 50px;
  padding: 15px;
  background: linear-gradient(#f14f3f 0%, #cb4335 100%);
  color: #fff;
  font-weight: bold;
  font-size: 0.8em;
}

/* #endregion */
/* #region buttons */
.btn {
  border: none;
  padding: 10px 25px;
  display: inline-block;
  background-color: #522d62;
  color: #fff;
  font: bold 12px "Montserrat", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  transition: background 0.3s;
  min-width: 150px;
}

.btn:hover,
.btn:focus,
.btn:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #522d62;
  text-decoration: none;
}

.btn:disabled,
.btn.disabled {
  border-color: #6c757d;
  background-color: #6c757d;
  color: #fff;
}

/* #endregion */
.form-group {
  margin-bottom: 1rem;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.form-control {
  margin: auto;
  padding: 0.375rem 0.75rem;
  height: calc(1.5em + 0.75rem + 2px);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
