form:invalid [type=submit] {
    pointer-events: none;
    opacity: 0.65;
}
.DTE form .touched :invalid {
    background: #fff0f4 !important; 
    color: #c51244 !important;
    border-color: #c51244 !important; 
}
.DTE .DTE_Form_Buttons :first-child {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.DTE .DTE_Form_Buttons {
    display: flex;
    flex-direction: row-reverse;
}

.right_col form :not(.was-validated) > :invalid:required,
.DTE form :not(.touched) > :invalid:required {
    box-shadow: 0 0 0 0.2rem rgba(23,162,184,.25);
    border-color: #17a2b8;
    /* box-shadow: 0 0 0 0.2rem rgba(255,193,7,.25); */
    /* border-color: #ffc107; */
    /* box-shadow: 0 0 0 0.2rem rgba(108,117,125,.25); */
    /* border-color: #6c757d; */
}
.invalid-feedback,
.DTE_Form_Content [data-dte-e="msg-error"] {
    display: block;
    max-height: 0;
	overflow: hidden;
	transition: max-height 0.8s;
}
.was-validated > :invalid ~ .invalid-feedback,
.DTE_Form_Content .touched.invalid ~ [data-dte-e="msg-error"] {
    max-height: 3.5rem;
}