.form-floating .sf-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 0.7813rem 0.7813rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible {
    color: #fff !important;
    background-color: #FF1A21 !important;
    border-color: #FF1A21 !important;
}

.form-floating .form-control input:focus ~ label,
.form-floating .form-control input:not(:placeholder-shown) ~ label,
.form-floating .form-control-plaintext input ~ label,
.form-floating .form-select select ~ label {
    color: rgba(var(--bs-body-color-rgb), 1);
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
}

    .form-floating .form-control input:focus ~ label::after,
    .form-floating .form-control input:not(:placeholder-shown) ~ label::after,
    .form-floating .form-control-plaintext input ~ label::after,
    .form-floating .form-select select ~ label::after {
        position: absolute;
        inset: 0.7813rem 0.39065rem;
        z-index: -1;
        height: 1.75em;
        content: "";
        background-color: #fff;
        border-radius: 0.375rem;
    }

.form-floating > .form-control input:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb), 1);
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: none;
}

.nav-item .nav-link.active {
    border-bottom: 3px solid var(--primary-color) !important;
}

.pick-input {
    position: relative;
}

button.btn.btn-arrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    box-shadow: none !important;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: var(--primary-color) !important;
    height: 0px;
}

span.e-input-group {
    border: 1px solid #d4d3d5 !important;
    border-radius: 0.375rem !important;
}

span.sf-input.e-input-focus {
    height: calc(2.940725rem + 4px) !important;
}

e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: none !important;
    border-width: 2px !important;
    border-color: var(--primary-color) !important;
}

span.sf-input input {
    height: calc(2.940725rem + 2px) !important;
}

textarea.form-control {
    height: auto !important;
}

.form-floating.form-floating-outline .form-select {
    padding: 0.5rem !important;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-dropdown {
    padding: 3px 7px;
    border-left: 1px solid #544f5a !important;
}

    .btn-dropdown::after {
        margin-left: 0;
    }

.back-icon {
    background-color: #fff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 8px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid #f4f5fa;
}

.blazor-dialog-container.blazor-dialog-centered {
    z-index: 1100 !important;
}

.modal .modal-dialog {
    margin-top: 100px;
}

@media (max-width:768px) {
    .btn-sm-768 {
        padding: var(--bs-btn-padding-y) 1rem;
    }
}

.e-numericcontainer .e-numericitem.e-active {
    color: white;
    border-radius: 50%;
    background-color: var(--primary-color) !important;
    border-color: rgb(255, 76, 81) !important;
    width: 33px;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none;
}

/*.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
    border-radius: 50%;
}
*/
.home-text p {
    margin: 0;
    overflow: hidden;
}

    .home-text p span {
        font-size: 18px;
        color: var(--primary-color);
        font-weight: 400;
        display: inline-block;
        line-height: 46px;
        display: none;
    }

        .home-text p span.text-in {
            display: block;
            animation: textIn .5s ease;
        }

        .home-text p span.text-out {
            animation: textOut .5s ease;
        }

@keyframes textIn {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

@keyframes textOut {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
    }
}

.form-floating.form-floating-outline > .form-control ~ label:after,
.form-floating.form-floating-outline > .form-control ~ label:after,
.form-floating.form-floating-outline > .form-select ~ label:after,
.form-floating.form-floating-outline > .form-select ~ label:after {
    content: "";
    position: absolute;
    height: 0.5rem;
    width: 100%;
    left: 0;
    top: 0.35rem;
    z-index: -1;
}

.form-floating.form-floating-outline > .form-control ~ label,
.form-floating.form-floating-outline > .form-control ~ label,
.form-floating.form-floating-outline > .form-select ~ label,
.form-floating.form-floating-outline > .form-select ~ label {
    width: auto;
    height: auto;
    padding: 0 2px;
    margin-left: 0.7813rem;
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px);
    opacity: 1;
}

.accordion-body {
    margin-top: 6px;
}

.modal .modal-dialog .modal .modal-dialog {
    margin-top: 20px;
}

.red-text td {
    color: red; /* Paint text red for rows with this class */
}

.e-spinner-pane .e-spinner-inner .e-spin-label {
    color: #98969c !important;
}
.e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: #98969c !important;
}

.e-accordion .e-acrdn-item .e-acrdn-header:active,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background: none !important;
}

.e-accordion .e-acrdn-item .e-acrdn-header:focus {
    box-shadow: none !important;
}

.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon,
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons,
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
    color: #212529 !important;
}