.quill-editor + label{
    -webkit-transform: translateY(0px) scale(0.8) !important;
    transform: translateY(0px) scale(0.8) !important;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.quill-editor{
    margin-bottom: 8px;

}
.quill-editor strong{
    font-weight: bold;
}

.quill-editor:focus + label{
    color: #26a69a;
}

.ql-editor > * + *{
    margin-top: 10px !important;
}

.ql-editor{
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;
    outline: 0;

    -webkit-transition: border .3s, box-shadow .3s, -webkit-box-shadow .3s;
    transition: border .3s, box-shadow .3s, -webkit-box-shadow .3s;
    transition-delay: .1s;
}

.hidden-textarea-editor-input:not(.invalid) + .ql-toolbar + .quill-editor .ql-editor:focus,
.hidden-textarea-editor-input:not(.invalid) + .ql-toolbar:focus + .quill-editor:focus .ql-editor{
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
    transition-delay: 0s;
}

.hidden-textarea-editor-input.invalid + * + .quill-editor{
    border-bottom: 1px solid #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

.hidden-textarea-editor-input:not(.invalid) + * + .quill-editor + label.active{
    color: #26a69a;
}

.hidden-textarea-editor-input.invalid + * + .quill-editor + label.active{
    color: #F44336;
}

.hidden-textarea-editor-input{
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.ql-snow .ql-tooltip {
    z-index: 600;
}