@import '_content/Volo.Abp.AspNetCore.Components.Web.BasicTheme/Volo.Abp.AspNetCore.Components.Web.BasicTheme.bundle.scp.css';
@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.bundle.scp.css';
@import '_content/NovaSingular.Framework.V7.BlazorWebAssembly/NovaSingular.Framework.V7.BlazorWebAssembly.bundle.scp.css';

/* /Components/BlazorSortable/SortableList.razor.rz.scp.css */
/* ::deep .sortable-ghost {
    visibility: hidden;
} */

/* ::deep .sortable-fallback {
    opacity: 1 !important
} */

[b-um9oce0397] .sortable-ghost > :first-child {
  border: dashed var(--bs-primary);
  padding: 5px;
}
/* /Components/Inputs/ImageResizeInput.razor.rz.scp.css */
.label-wrap[b-vimq1zgj58] {
    width: 100%;
    height: 100%;
    min-height: 132px;
    overflow: hidden;
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .5rem !important;
    cursor: not-allowed;
}

.label-wrap.image-can-change[b-vimq1zgj58] {
    cursor: pointer;
}

/*.label-wrap-border {
    border-radius: .475rem !important;
    border-width: 1px !important;
    border-style: dashed !important;
    border-color: #f1416c !important;
}
*/
.span-text[b-vimq1zgj58] {
    width: 100%;
    background: #f1416c;
    position: absolute;
    bottom: -50px;
    left: 0;
    color: #fff;
    text-align: center;
    padding: 0.1rem;
    transition: all 0.2s;
}

.label-wrap:hover .span-text[b-vimq1zgj58] {
    bottom: 0px;
}
/* /Components/Inputs/InputMaterialDecimal.razor.rz.scp.css */
/* Fake Input ============================ */
/* form starting stylings ------------------------------- */
.group-material-input[b-sbcv3gyn5q] {
    position: relative;
    /*margin-bottom: 1.5rem;*/
}

    .group-material-input input[b-sbcv3gyn5q],
    .group-material-input textarea[b-sbcv3gyn5q] {
        /*padding: 5px 5px;*/
        padding: .775rem .5rem;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #E4E6EF;
        border-radius: 0;
        line-height: 1rem;
        color: #5E6278 !important;
        font-size: 1.1rem;
        margin-top: 1.4rem;
    }

        .group-material-input input:focus[b-sbcv3gyn5q],
        .group-material-input textarea:focus[b-sbcv3gyn5q] {
            outline: none;
            box-shadow: none;
        }

    .group-material-input.group-material-input-append input[b-sbcv3gyn5q] {
        padding-left: 2.2rem;
    }

    .group-material-input .pre-append[b-sbcv3gyn5q] {
        font-size: 0.9rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 12px;
        color: #5E6278;
        display: none;
    }

    /* LABEL ======================================= */
    .group-material-input label[b-sbcv3gyn5q] {
        color: #999;
        font-size: 1.1rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    /* active state */
    .group-material-input input:focus ~ label[b-sbcv3gyn5q],
    .group-material-input input:not(:placeholder-shown) ~ label[b-sbcv3gyn5q],
    .group-material-input textarea:focus ~ label[b-sbcv3gyn5q],
    .group-material-input textarea:not(:placeholder-shown) ~ label[b-sbcv3gyn5q] {
        top: -15px;
        font-size: 12px;
        color: #f1416c;
    }

    .group-material-input input:focus ~ .pre-append[b-sbcv3gyn5q],
    .group-material-input input:not(:placeholder-shown) ~ .pre-append[b-sbcv3gyn5q],
    .group-material-input textarea:focus ~ .pre-append[b-sbcv3gyn5q],
    .group-material-input textarea:not(:placeholder-shown) ~ .pre-append[b-sbcv3gyn5q] {
        display: block;
    }

    /*.group-material-input input:focus,
    .group-material-input input:not(:placeholder-shown),
    .group-material-input textarea:focus,
    .group-material-input textarea:not(:placeholder-shown) {
        margin-top: 1.4rem;
    }
*/
    /* BOTTOM BARS ================================= */
    .group-material-input .bar[b-sbcv3gyn5q] {
        position: relative;
        display: block;
        width: 100%;
    }

        .group-material-input .bar[b-sbcv3gyn5q]:before,
        .group-material-input .bar[b-sbcv3gyn5q]:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 0px;
            position: absolute;
            background: #f1416c;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
        }

        .group-material-input .bar[b-sbcv3gyn5q]:before {
            left: 50%;
        }

        .group-material-input .bar[b-sbcv3gyn5q]:after {
            right: 50%;
        }

    /* active state */
    .group-material-input input:focus ~ .bar[b-sbcv3gyn5q]:before,
    .group-material-input input:focus ~ .bar[b-sbcv3gyn5q]:after,
    .group-material-input textarea:focus ~ .bar[b-sbcv3gyn5q]:before,
    .group-material-input textarea:focus ~ .bar[b-sbcv3gyn5q]:after {
        width: 50%;
    }

    /* HIGHLIGHTER ================================== */
    .group-material-input .highlight[b-sbcv3gyn5q] {
        position: absolute;
        height: 70%;
        width: 100%;
        /*top: 25%;*/
        top: 19%;
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }

    /* hover state */
    /*.group-material-input:hover input:not(:focus) ~ .highlight,
    .group-material-input:hover textarea:not(:focus) ~ .highlight {
        background: #ed7203;
    }*/


    /* active state */
    .group-material-input input:focus ~ .highlight[b-sbcv3gyn5q],
    .group-material-input textarea:focus ~ .highlight[b-sbcv3gyn5q] {
        -webkit-animation: inputHighlighter .3s ease;
        -moz-animation: inputHighlighter .3s ease;
        animation: inputHighlighter .3s ease;
    }
/* /Components/Inputs/InputMaterialDecimalNullable.razor.rz.scp.css */
/* Fake Input ============================ */
/* form starting stylings ------------------------------- */
.group-material-input[b-6lh1uqmi2f] {
    position: relative;
    /*margin-bottom: 1.5rem;*/
}

    .group-material-input input[b-6lh1uqmi2f],
    .group-material-input textarea[b-6lh1uqmi2f] {
        /*padding: 5px 5px;*/
        padding: .775rem .5rem;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #E4E6EF;
        border-radius: 0;
        line-height: 1rem;
        color: #5E6278 !important;
        font-size: 1.1rem;
        margin-top: 1.4rem;
    }

        .group-material-input input:focus[b-6lh1uqmi2f],
        .group-material-input textarea:focus[b-6lh1uqmi2f] {
            outline: none;
            box-shadow: none;
        }

    .group-material-input.group-material-input-append input[b-6lh1uqmi2f] {
        padding-left: 2.2rem;
    }

    .group-material-input .pre-append[b-6lh1uqmi2f] {
        font-size: 0.9rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 12px;
        color: #5E6278;
        display: none;
    }

    /* LABEL ======================================= */
    .group-material-input label[b-6lh1uqmi2f] {
        color: #999;
        font-size: 1.1rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    /* active state */
    .group-material-input input:focus ~ label[b-6lh1uqmi2f],
    .group-material-input input:not(:placeholder-shown) ~ label[b-6lh1uqmi2f],
    .group-material-input textarea:focus ~ label[b-6lh1uqmi2f],
    .group-material-input textarea:not(:placeholder-shown) ~ label[b-6lh1uqmi2f] {
        top: -15px;
        font-size: 12px;
        color: #f1416c;
    }

    .group-material-input input:focus ~ .pre-append[b-6lh1uqmi2f],
    .group-material-input input:not(:placeholder-shown) ~ .pre-append[b-6lh1uqmi2f],
    .group-material-input textarea:focus ~ .pre-append[b-6lh1uqmi2f],
    .group-material-input textarea:not(:placeholder-shown) ~ .pre-append[b-6lh1uqmi2f] {
        display: block;
    }

    /*.group-material-input input:focus,
    .group-material-input input:not(:placeholder-shown),
    .group-material-input textarea:focus,
    .group-material-input textarea:not(:placeholder-shown) {
        margin-top: 1.4rem;
    }
*/
    /* BOTTOM BARS ================================= */
    .group-material-input .bar[b-6lh1uqmi2f] {
        position: relative;
        display: block;
        width: 100%;
    }

        .group-material-input .bar[b-6lh1uqmi2f]:before,
        .group-material-input .bar[b-6lh1uqmi2f]:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 0px;
            position: absolute;
            background: #f1416c;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
        }

        .group-material-input .bar[b-6lh1uqmi2f]:before {
            left: 50%;
        }

        .group-material-input .bar[b-6lh1uqmi2f]:after {
            right: 50%;
        }

    /* active state */
    .group-material-input input:focus ~ .bar[b-6lh1uqmi2f]:before,
    .group-material-input input:focus ~ .bar[b-6lh1uqmi2f]:after,
    .group-material-input textarea:focus ~ .bar[b-6lh1uqmi2f]:before,
    .group-material-input textarea:focus ~ .bar[b-6lh1uqmi2f]:after {
        width: 50%;
    }

    /* HIGHLIGHTER ================================== */
    .group-material-input .highlight[b-6lh1uqmi2f] {
        position: absolute;
        height: 70%;
        width: 100%;
        /*top: 25%;*/
        top: 19%;
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }

    /* hover state */
    /*.group-material-input:hover input:not(:focus) ~ .highlight,
    .group-material-input:hover textarea:not(:focus) ~ .highlight {
        background: #ed7203;
    }*/


    /* active state */
    .group-material-input input:focus ~ .highlight[b-6lh1uqmi2f],
    .group-material-input textarea:focus ~ .highlight[b-6lh1uqmi2f] {
        -webkit-animation: inputHighlighter .3s ease;
        -moz-animation: inputHighlighter .3s ease;
        animation: inputHighlighter .3s ease;
    }
/* /Components/Inputs/InputMaterialDisabled.razor.rz.scp.css */
.disabled-wrap[b-6qfc6df3to] {
    cursor: not-allowed;
    background-color: #f5f5f5;
    border-radius: 6px;
    overflow: hidden;
}

.disabled-label[b-6qfc6df3to] {
    font-size: 12px;
    color: #f1416c;
    font-weight: normal;
    pointer-events: none;
    padding-left: 5px;
    margin-bottom: 0px;
}

.disabled-input[b-6qfc6df3to] {
    padding: .775rem 3rem .5rem .775rem;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #E4E6EF;
    border-radius: 0;
    line-height: 1.3rem;
    color: #5E6278 !important;
    font-size: 1.1rem;
    margin-bottom: 0;
    max-height: 80px;
    overflow: auto;
}
/* /Components/Inputs/InputMaterialNumber.razor.rz.scp.css */
/* Fake Input ============================ */
/* form starting stylings ------------------------------- */
.group-material-input[b-w3mm1m6gsu] {
    position: relative;
    /*margin-bottom: 1.5rem;*/
}

    .group-material-input input[b-w3mm1m6gsu],
    .group-material-input textarea[b-w3mm1m6gsu] {
        /*padding: 5px 5px;*/
        padding: .775rem .5rem;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #E4E6EF;
        border-radius: 0;
        line-height: 1rem;
        color: #5E6278 !important;
        font-size: 1.1rem;
        margin-top: 1.4rem;
    }

        .group-material-input input:focus[b-w3mm1m6gsu],
        .group-material-input textarea:focus[b-w3mm1m6gsu] {
            outline: none;
            box-shadow: none;
        }

    .group-material-input.group-material-input-append input[b-w3mm1m6gsu] {
        padding-left: 2.2rem;
    }

    .group-material-input .pre-append[b-w3mm1m6gsu] {
        font-size: 0.9rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 12px;
        color: #5E6278;
        display: none;
    }

    /* LABEL ======================================= */
    .group-material-input label[b-w3mm1m6gsu] {
        color: #999;
        font-size: 1.1rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    /* active state */
    .group-material-input input:focus ~ label[b-w3mm1m6gsu],
    .group-material-input input:not(:placeholder-shown) ~ label[b-w3mm1m6gsu],
    .group-material-input textarea:focus ~ label[b-w3mm1m6gsu],
    .group-material-input textarea:not(:placeholder-shown) ~ label[b-w3mm1m6gsu] {
        top: -15px;
        font-size: 12px;
        color: #f1416c;
    }

    .group-material-input input:focus ~ .pre-append[b-w3mm1m6gsu],
    .group-material-input input:not(:placeholder-shown) ~ .pre-append[b-w3mm1m6gsu],
    .group-material-input textarea:focus ~ .pre-append[b-w3mm1m6gsu],
    .group-material-input textarea:not(:placeholder-shown) ~ .pre-append[b-w3mm1m6gsu] {
        display: block;
    }

/*.group-material-input input:focus,
    .group-material-input input:not(:placeholder-shown),
    .group-material-input textarea:focus,
    .group-material-input textarea:not(:placeholder-shown) {
        margin-top: 1.4rem;
    }
*/

/* BOTTOM BARS ================================= */
.group-material-input .bar[b-w3mm1m6gsu] {
    position: relative;
    display: block;
    width: 100%;
}

    .group-material-input .bar[b-w3mm1m6gsu]:before,
    .group-material-input .bar[b-w3mm1m6gsu]:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #f1416c;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .group-material-input .bar[b-w3mm1m6gsu]:before {
        left: 50%;
    }

    .group-material-input .bar[b-w3mm1m6gsu]:after {
        right: 50%;
    }

/* active state */
.group-material-input input:focus ~ .bar[b-w3mm1m6gsu]:before,
.group-material-input input:focus ~ .bar[b-w3mm1m6gsu]:after,
.group-material-input textarea:focus ~ .bar[b-w3mm1m6gsu]:before,
.group-material-input textarea:focus ~ .bar[b-w3mm1m6gsu]:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.group-material-input .highlight[b-w3mm1m6gsu] {
    position: absolute;
    height: 70%;
    width: 100%;
    /*top: 25%;*/
    top: 19%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* hover state */
/*.group-material-input:hover input:not(:focus) ~ .highlight,
    .group-material-input:hover textarea:not(:focus) ~ .highlight {
        background: #ed7203;
    }*/


/* active state */
.group-material-input input:focus ~ .highlight[b-w3mm1m6gsu],
.group-material-input textarea:focus ~ .highlight[b-w3mm1m6gsu] {
    -webkit-animation: inputHighlighter .3s ease;
    -moz-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease;
}
/* /Components/Inputs/InputMaterialText.razor.rz.scp.css */
/* Fake Input ============================ */
/* form starting stylings ------------------------------- */
.group-material-input[b-0gmdiz9z8a] {
    position: relative;
    /*margin-bottom: 1.5rem;*/
}

    .group-material-input input[b-0gmdiz9z8a],
    .group-material-input textarea[b-0gmdiz9z8a] {
        /*padding: 5px 5px;*/
        padding: .775rem .5rem;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #E4E6EF;
        border-radius: 0;
        line-height: 1rem;
        color: #5E6278 !important;
        font-size: 1.1rem;
        margin-top: 1.4rem;
    }

        .group-material-input input:focus[b-0gmdiz9z8a],
        .group-material-input textarea:focus[b-0gmdiz9z8a] {
            outline: none;
            box-shadow: none;
        }

    .group-material-input.group-material-input-append input[b-0gmdiz9z8a] {
        padding-left: 2.2rem;
    }

    .group-material-input .pre-append[b-0gmdiz9z8a] {
        font-size: 0.9rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 12px;
        color: #5E6278;
        display: none;
    }

    /* LABEL ======================================= */
    .group-material-input label[b-0gmdiz9z8a] {
        color: #999;
        font-size: 1.1rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    /* active state */
    .group-material-input input:focus ~ label[b-0gmdiz9z8a],
    .group-material-input input:not(:placeholder-shown) ~ label[b-0gmdiz9z8a],
    .group-material-input textarea:focus ~ label[b-0gmdiz9z8a],
    .group-material-input textarea:not(:placeholder-shown) ~ label[b-0gmdiz9z8a] {
        top: -15px;
        font-size: 12px;
        color: #f1416c;
    }

    .group-material-input input:focus ~ .pre-append[b-0gmdiz9z8a],
    .group-material-input input:not(:placeholder-shown) ~ .pre-append[b-0gmdiz9z8a],
    .group-material-input textarea:focus ~ .pre-append[b-0gmdiz9z8a],
    .group-material-input textarea:not(:placeholder-shown) ~ .pre-append[b-0gmdiz9z8a] {
        display: block;
    }

/*.group-material-input input:focus,
    .group-material-input input:not(:placeholder-shown),
    .group-material-input textarea:focus,
    .group-material-input textarea:not(:placeholder-shown) {
        margin-top: 1.4rem;
    }
*/

/* BOTTOM BARS ================================= */
.group-material-input .bar[b-0gmdiz9z8a] {
    position: relative;
    display: block;
    width: 100%;
}

    .group-material-input .bar[b-0gmdiz9z8a]:before,
    .group-material-input .bar[b-0gmdiz9z8a]:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #f1416c;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .group-material-input .bar[b-0gmdiz9z8a]:before {
        left: 50%;
    }

    .group-material-input .bar[b-0gmdiz9z8a]:after {
        right: 50%;
    }

/* active state */
.group-material-input input:focus ~ .bar[b-0gmdiz9z8a]:before,
.group-material-input input:focus ~ .bar[b-0gmdiz9z8a]:after,
.group-material-input textarea:focus ~ .bar[b-0gmdiz9z8a]:before,
.group-material-input textarea:focus ~ .bar[b-0gmdiz9z8a]:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.group-material-input .highlight[b-0gmdiz9z8a] {
    position: absolute;
    height: 70%;
    width: 100%;
    /*top: 25%;*/
    top: 19%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* hover state */
/*.group-material-input:hover input:not(:focus) ~ .highlight,
    .group-material-input:hover textarea:not(:focus) ~ .highlight {
        background: #ed7203;
    }*/


/* active state */
.group-material-input input:focus ~ .highlight[b-0gmdiz9z8a],
.group-material-input textarea:focus ~ .highlight[b-0gmdiz9z8a] {
    -webkit-animation: inputHighlighter .3s ease;
    -moz-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease;
}
/* /Components/Inputs/InputMaterialTextArea.razor.rz.scp.css */
/* Fake Input ============================ */
/* form starting stylings ------------------------------- */
.group-material-input[b-ql9bycawei] {
    position: relative;
    /*margin-bottom: 1.5rem;*/
}

    .group-material-input input[b-ql9bycawei],
    .group-material-input textarea[b-ql9bycawei] {
        /*padding: 5px 5px;*/
        padding: .775rem .5rem;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #E4E6EF;
        border-radius: 0;
        line-height: 1rem;
        color: #5E6278 !important;
        font-size: 1.1rem;
        margin-top: 1.4rem;
    }

        .group-material-input input:focus[b-ql9bycawei],
        .group-material-input textarea:focus[b-ql9bycawei] {
            outline: none;
            box-shadow: none;
        }

    .group-material-input.group-material-input-append input[b-ql9bycawei] {
        padding-left: 2.2rem;
    }

    .group-material-input .pre-append[b-ql9bycawei] {
        font-size: 0.9rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 12px;
        color: #5E6278;
        display: none;
    }

    /* LABEL ======================================= */
    .group-material-input label[b-ql9bycawei] {
        color: #999;
        font-size: 1.1rem;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    /* active state */
    .group-material-input input:focus ~ label[b-ql9bycawei],
    .group-material-input input:not(:placeholder-shown) ~ label[b-ql9bycawei],
    .group-material-input textarea:focus ~ label[b-ql9bycawei],
    .group-material-input textarea:not(:placeholder-shown) ~ label[b-ql9bycawei] {
        top: -15px;
        font-size: 12px;
        color: #f1416c;
    }

    .group-material-input input:focus ~ .pre-append[b-ql9bycawei],
    .group-material-input input:not(:placeholder-shown) ~ .pre-append[b-ql9bycawei],
    .group-material-input textarea:focus ~ .pre-append[b-ql9bycawei],
    .group-material-input textarea:not(:placeholder-shown) ~ .pre-append[b-ql9bycawei] {
        display: block;
    }

    /*.group-material-input input:focus,
    .group-material-input input:not(:placeholder-shown),
    .group-material-input textarea:focus,
    .group-material-input textarea:not(:placeholder-shown) {
        margin-top: 1.4rem;
    }
*/
    /* BOTTOM BARS ================================= */
    .group-material-input .bar[b-ql9bycawei] {
        position: relative;
        display: block;
        width: 100%;
    }

        .group-material-input .bar[b-ql9bycawei]:before,
        .group-material-input .bar[b-ql9bycawei]:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 0px;
            position: absolute;
            background: #f1416c;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
        }

        .group-material-input .bar[b-ql9bycawei]:before {
            left: 50%;
        }

        .group-material-input .bar[b-ql9bycawei]:after {
            right: 50%;
        }

    /* active state */
    .group-material-input input:focus ~ .bar[b-ql9bycawei]:before,
    .group-material-input input:focus ~ .bar[b-ql9bycawei]:after,
    .group-material-input textarea:focus ~ .bar[b-ql9bycawei]:before,
    .group-material-input textarea:focus ~ .bar[b-ql9bycawei]:after {
        width: 50%;
    }

    /* HIGHLIGHTER ================================== */
    .group-material-input .highlight[b-ql9bycawei] {
        position: absolute;
        height: 70%;
        width: 100%;
        /*top: 25%;*/
        top: 19%;
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }

    /* hover state */
    /*.group-material-input:hover input:not(:focus) ~ .highlight,
    .group-material-input:hover textarea:not(:focus) ~ .highlight {
        background: #ed7203;
    }*/


    /* active state */
    .group-material-input input:focus ~ .highlight[b-ql9bycawei],
    .group-material-input textarea:focus ~ .highlight[b-ql9bycawei] {
        -webkit-animation: inputHighlighter .3s ease;
        -moz-animation: inputHighlighter .3s ease;
        animation: inputHighlighter .3s ease;
    }
/* /Pages/Index.razor.rz.scp.css */
/* Write here your styles for the Index page */