/* if old bootstrap */
.form-row{ margin-bottom: 15px;}


.animated-form .form-control{ background-color: rgba(255,255,255, 0); position: relative; z-index: 1}

/* ------------------------------------------------------------------------- */
.animated-form .form-group > label {
  position: absolute;
  left: 15px;
  top: 13px;
  z-index: 0;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  transition: all .2s ease-in-out;
  margin: 0;
  /*color:#999;*/
}

.animated-form .active > label {
    top: -10px;
    font-size: 13px;
    z-index: 2;
    background: #fff;
    border-radius: 4px;
    padding: 2px 5px
}
/* ------------------------------------------------------------------------- */


.animated-form .form-group {
  color: #000;
  position: relative;
}

.animated-form .form-control { border-radius: 8px ;}



/* ------------------------------------------------------------------------- */
.custom-select.is-invalid-MY~.invalid-feedback-MY, .form-control.is-invalid-MY~.invalid-feedback-MY{
    display: block;
}

.invalid-feedback-MY{
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

/* формы - ошибка на бэкэнде */
.was-validated .form-control.is-invalid-MY{
    color: #dc3545;
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) !important;
}