Style.css

.rc-input{
    position: relative;    
}

.rc-input label {
    position: relative;
    text-align: left;
    margin: 0;
    margin-top: 10px;
    height: auto;
    font-size: 18px;
}

.rc-input label span {
    font-size: 1em;
    font-weight: normal;
    color: #444;
    padding: 0;
}

.rc-input label.input-label-animate span {
    position: absolute;
    bottom: -5px;
    left: 15px;
    transition: all 0.3s ease-out;
}

.rc-input label.input-label-animate .label-seprate {
    bottom: 1.9em;
    left: 0;
    font-size: 0.8em;
}

.rc-input label input:not([type='radio']):not([type='checkbox']) {
    height: 1.1em;
    font-size: inherit;
    border: 0;
    box-shadow: none;
    outline: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    font-weight: normal;
    margin-top: 1.5em;
    padding: 6px 15px;
}

.rc-input label input:not([type='radio']):not([type='checkbox']).error_input {
    border: solid 1.5px #ff5252;
    border-radius: 5px;
}

.rc-input label input[type='radio'],
.rc-input label input[type='checkbox'] {
    float: left;
    margin-right: 5px;
    margin-top: 1.5px;
    zoom: 1.3;
}

.rc-input label i {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.rc-input input[type=button],
.rc-input input[type=reset],
.rc-input input[type=submit],
.rc-input button.submit {
    display: inherit;
    margin: 16px auto 0;
    display: inherit;
    border-radius: 0;
    box-shadow: none;
    background: #067b98;
    border: #067b98;
    outline: #067b98;
    color: #fff;
    padding: 12px 15%;
}

.error-cross-icn span{
    position: absolute;
    /* transform: scaleY(0); */
    /* transition: transform 50ms ease-in; */
    background: #fff;
    z-index: 99;
    width: 200px;
    height: auto;
    /* overflow-y: auto; */
    display: none;
    padding: 10px;
    box-shadow: 0px 0px 6px 1px #bdbdbd;
    border: solid 1px #bdbdbd;
    border-radius: 5px;
    bottom: calc(100% + 10px);
}

.error-cross-icn span:before{
    z-index: 10;
    border-top-color:#bdbdbd; 
}

.error-cross-icn span:after{
    z-index: 11;
    border-top-color:#fff;     
}

.error-cross-icn:hover > span{
    display: flex;
    justify-content: center;
    align-items: center;
    /* transform: scaleY(1); */
}

.error-cross-icn {
    position: absolute;
    right: 12px;
    /* top: 32px; */
    bottom: 7px;
    width: 22px;
    height: 22px;
    /* opacity: 0.3; */
    background: #ff5252;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-cross-icn:before, .error-cross-icn:after {
    position: absolute;
    /* left: 15px; */
    content: ' ';
    height: 50%;
    width: 3px;
    background-color: #fff;
}
.error-cross-icn:before {
    transform: rotate(45deg);
}
.error-cross-icn:after {
    transform: rotate(-45deg);
}