.label_count_limit{
	position: absolute;
    top: 0;
    right: 0;
    transform: translateX(-35px) translateY(-10px);
    background: #fff;
    color: #a7bacb;
    font-weight: 600;
}

.label_count_limit.fixedCountLimit{
    display: none;
    position: fixed;
    top: initial;
    right: initial;
    bottom: 34px;
    left: 0px;
    transform: none;
    background: #fff;
    color: #233245;
    font-weight: 600;
    z-index: 1035;
    width: 100%;
    text-align: center;
    background-color: #ffc1071a;
}

.coetuslimitinput:focus ~ .fixedCountLimit{
    display: block;
}

.label_count_limit .current_chars.charfadein{
    animation: charfadein .7s;
    -moz-animation: charfadein .7s; /* Firefox */
    -webkit-animation: charfadein .7s; /* Safari and Chrome */
    -o-animation: charfadein .7s; /* Opera */
}

.label_count_limit .current_chars.good{
	color: #229658;
}

.label_count_limit .current_chars.warning{
	color: #FFC107;
}

.label_count_limit .current_chars.danger{
	color: #D33824;
}


@keyframes charfadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes charfadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes charfadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes charfadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}