.validation-error-label,.validation-valid-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #F44336;
    position: relative;
    padding-left: 26px
}

.validation-valid-label {
    color: #4CAF50
}

.validation-error-label:before,.validation-valid-label:before {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    line-height: 1;
    font-size: 16px
}

.validation-error-label:empty,.validation-valid-label:empty {
    display: none
}

.validation-error-label:before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    border-radius: 50%;
    background-color: #dc3545;
    color: white;
    width: 1.2em;
    height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.validation-valid-label:before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    border-radius: 50%;
    background-color: #dc3545;
    color: white;
    width: 1.2em;
    height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

button i{
    margin-right: 8px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.nav-item{
    margin-right: 3px;
}


.ck-editor__editable[role="textbox"] {
    /* editing area */
    min-height: 200px;
}