/* This is a file for setting vendor prefixes for properties and values */
/* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix, declaration-block-no-duplicate-properties, no-unsupported-browser-features */
/* stylelint-enable property-no-vendor-prefix, value-no-vendor-prefix, declaration-block-no-duplicate-properties, no-unsupported-browser-features */
.z-validation-message {
  color: #ef4e4e;
  float: left;
  background: #feedee;
  border: 1px solid #fababd;
  padding: 3px 8px;
  position: relative;
  margin-left: 5px;
  max-width: 300px;
  z-index: 10;
}
.z-validation-message.password {
  background: #fff;
  border-color: #0098db;
  color: #000;
  padding: 14px 10px 14px 16px;
  width: 170px;
}
.z-validation-message.password i {
  border-color: #0098db;
  background: #fff;
}
.z-validation-message.m-over-110 {
  position: absolute;
  margin-left: 110px;
}
.z-validation-message i {
  width: 7px;
  height: 7px;
  background: #feedee;
  border-left: 1px solid #fababd;
  border-bottom: 1px solid #fababd;
  display: block;
  position: absolute;
  top: 7px;
  left: -5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  /* Filter's value is long */
  /* stylelint-disable max-line-length */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
  /* stylelint-enable max-line-length */
}
.z-validation-message.m-big {
  width: 350px;
  max-width: 350px;
}
.z-validation-message.m-top {
  position: absolute;
  margin-top: -32px;
  margin-left: 0;
}
.z-validation-message.m-top i {
  width: 8px;
  height: 8px;
  background: #feedee;
  border-left: 1px solid #fababd;
  border-bottom: 1px solid #fababd;
  display: block;
  position: absolute;
  top: 18px;
  left: 50px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Filter's value is long */
  /* stylelint-disable max-line-length */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
  /* stylelint-enable max-line-length */
}
.z-validation-message.m-bottom {
  position: absolute;
  margin-top: 32px;
  margin-left: 0;
}
.z-validation-message.m-bottom i {
  width: 8px;
  height: 8px;
  background: #feedee;
  border-right: 1px solid #fababd;
  border-top: 1px solid #fababd;
  border-bottom: none;
  border-left: none;
  display: block;
  position: absolute;
  top: -5px;
  left: 50px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Filter's value is long */
  /* stylelint-disable max-line-length */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
  /* stylelint-enable max-line-length */
}
.z-validation-message.m-nowrap {
  white-space: nowrap;
}
.z-validation-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.z-validation-input.m-wide {
  width: 100%;
}
.z-validation-wrapper {
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  min-width: 150px;
}
.z-validation-wrapper.m-small {
  width: 180px;
}
.z-validation-wrapper.m-top,
.z-validation-wrapper.m-bottom {
  left: 0;
}
.z-validation-wrapper.m-wide {
  width: 100%;
}
.z-validation-wrapper.m-wide .z-validation {
  width: 100%;
}
.z-validation-wrapper.m-wide .z-validation i {
  left: 24px;
}
.z-validation-wrapper.m-hidden {
  display: none;
}
.z-validation-wrapper.m-in-text {
  top: -4px;
}
/* Styles for form's invalid state have to be very specific */
/* stylelint-disable declaration-no-important */
input.ng-invalid.validation-invalid,
textarea.ng-invalid.validation-invalid,
select.ng-invalid.validation-invalid,
.validation-invalid.password-visibility,
.validation-invalid.z-select-container {
  border: 1px solid red !important;
}
input[type="file"].ng-invalid.validation-invalid {
  outline: 1px solid red !important;
}
input.validation-warning,
select.validation-warning,
textarea.validation-warning {
  background: #feecd7;
  border: 1px solid #ed941e !important;
}
/* stylelint-enable declaration-no-important */