/*Require Button*/
.rf-label-only .rf-req, .rf-input .rf-req, .rf-search-input .rf-req, .rf-icon-input .rf-req, .rf-single-select .rf-req, .rf-multi-select .rf-req, .rf-select2-override .rf-req, .rf-toggle .rf-req, .rf-textarea .rf-req, .rf-day-picker .rf-req, .rf-scale-matrix .rf-req, .rf-survey-scale .rf-req, .rf-star-selector .rf-req, .rf-date-picker .rf-req, .rf-read-only .rf-req, .rf-button-link .rf-req, .rf-nps-question .rf-req, .rf-upload-file .rf-req, .rf-horizontal-label .rf-req, .rf-phone-number .rf-req, .rf-form-element-group .rf-req {
    vertical-align: baseline;
  
}

.rf-label-only.rf-error .error-msg, .rf-input.rf-error .error-msg, .rf-search-input.rf-error .error-msg, .rf-icon-input.rf-error .error-msg, .rf-single-select.rf-error .error-msg, .rf-multi-select.rf-error .error-msg, .rf-select2-override.rf-error .error-msg, .rf-toggle.rf-error .error-msg, .rf-textarea.rf-error .error-msg, .rf-day-picker.rf-error .error-msg, .rf-scale-matrix.rf-error .error-msg, .rf-survey-scale.rf-error .error-msg, .rf-star-selector.rf-error .error-msg, .rf-date-picker.rf-error .error-msg, .rf-read-only.rf-error .error-msg, .rf-button-link.rf-error .error-msg, .rf-nps-question.rf-error .error-msg, .rf-upload-file.rf-error .error-msg, .rf-horizontal-label.rf-error .error-msg, .rf-phone-number.rf-error .error-msg, .rf-form-element-group.rf-error .error-msg {
    color: #9f2842;
    margin-top: 2px;
    font-size: 12px;
    width: 100%;
    position: absolute;
    display: inline-flex;
    right: 0;
    text-transform: uppercase;
    font-weight: 600;
    top: -0.5rem;
    left: 0rem;
}
.error-msg:before {
    content: '(';
}

.error-msg:after {
    content: ')';
}



.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active, .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus, .rf-input textarea:active, .rf-input textarea {
    transition:0.5s ease;
}

.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active, .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus, .rf-input textarea:active, .rf-input textarea:after {
    width:0%;
}



.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active, .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus, .rf-input textarea:active, .rf-input textarea:focus:after {
  box-shadow: none;  
  background-size: 100% 100%;
    border-bottom-color: var(--clr-forms-focused-color,#0072a3);
    width:100%;
}