._form_layout .modal-dialog{ max-width: 525px;}
._form_layout.modal .modal-body {
    padding: 0px 50px;
  }

.title-form .descr { font-style: italic; margin-bottom: 45px; }

.bordered-form .form-control{ 
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
    /*font-weight: bold;*/    
}

  .bordered-form .form-control:focus-within{ 
    border-bottom: 2px solid;
}

.animated-form .form-group > label{
    font-size: 17px;
    color: #888;
}

.animated-form .active > label{
    top: -17px;
    font-size: 13px;
    padding-left: 0;
}

.label_small,
.custom-control-label{
    font-size: 12px;
    text-align: left !important;
}

.label_small._v1{ margin-top: 5px;}

.custom-control-label a{ font-weight: bold;}

.modal-dialog .btn-pos .btn-lg{
    width: 100%;
}



/* .................................. */

.was-validated .custom-control-input:valid:not([required]) ~ .custom-control-label::before {
  border: 1px solid #adb5bd;
}
.was-validated .custom-control-input:valid:not([required]) ~ .custom-control-label{
    color: #212529;
}
.was-validated .form-control:valid:not([required]){
    border-bottom: 1px solid var(--border-color);
    background-image: none;
}

.agree {margin-bottom: var(--mb2) }
.agree .form-group {margin-bottom: var(--mb1) }



@media (max-width:576px){

    ._form_layout.modal .modal-body {
        padding: 0px 30px;
    }

    ._form_layout.modal .form-row .col{
        min-width: 100%;
    }

    ._form_layout.modal form .form-row .col:first-of-type{
        padding-right: 0;
    }

}