/*

	.form-validate

*/
.form-validate {
  position: relative; }
  .form-validate .form {
    position: relative;
    z-index: 0; }
  .form-validate label.error,
  .form-validate label.valid {
    margin: 0 !important; }
  .form-validate .form-bg {
    position: absolute;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .form-validate .submiting .form-body {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7; }
  .form-validate .submiting .form-bg {
    z-index: 30; }
  .form-validate .form-group {
    position: relative; }
  .form-validate .form-output {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 21px;
    line-height: 26px;
    z-index: 1; }
    .form-validate .form-output .as-table {
      width: 100%;
      height: 100%; }
    .form-validate .form-output .as-td {
      width: 100%;
      height: 100%; }
    .form-validate .form-output .output-success {
      display: none; }
    .form-validate .form-output .output-error {
      display: none; }
  .form-validate.absolute_errors label.error {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    color: #fff;
    font-size: 10px;
    padding: 0; }
  .form-validate.hide_errors label.error {
    display: none !important; }
  .form-validate .loader-wrap {
    position: relative;
    display: inline-block; }
    .form-validate .loader-wrap .btn {
      position: relative;
      z-index: 10; }
    .form-validate .loader-wrap .loader-image {
      position: absolute;
      top: 50%;
      left: 0;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      margin-left: -40px;
      display: none;
      z-index: -1; }
    .form-validate .loader-wrap.loading .btn {
      pointer-events: none; }
    .form-validate .loader-wrap.loading .loader-image {
      display: block;
      z-index: 20; }
  .form-validate.label_errors .form-group.error label.error {
    display: none !important; }
  .form-validate.icon_errors label.error {
    display: inherit;
    text-indent: -9000px;
    top: inherit;
    left: inherit;
    right: 0;
    width: 37px;
    height: 0; }
    .form-validate.icon_errors label.error:before {
      content: "";
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3e%3cpath fill='%23dc3545' d='m249 870-63-63 231-231-231-230 63-64 231 230 231-230 63 64-230 230 230 231-63 63-231-230-231 230Z'/%3e%3c/svg%3e");
      background-size: 100% auto;
      position: absolute;
      top: 0;
      right: 0;
      height: 37px;
      width: 37px; }
    .form-validate.icon_errors label.error.valid:before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3e%3cpath fill='%23198754' d='M378 831 133 586l66-66 179 180 382-382 66 65-448 448Z'/%3e%3c/svg%3e"); }

#out-error {
  position: relative; }
