.readonly,
.readonly * {
    pointer-events: none !important;
    user-select: none !important;
}

.readonly :focus {
        outline: none !important;
    }

.slider-labels-fixed {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin-top: 8px;
    padding: 0 4px;
    font-size: 0.875rem;
    color: #666;
    text-align: center;
}

    .slider-labels-fixed span:first-child {
        justify-self: start;
    }

    .slider-labels-fixed span:nth-child(2) {
        justify-self: center;
    }

    .slider-labels-fixed span:last-child {
        justify-self: end;
    }

/* Hide the slider thumb when value is null */
.e-slider.hide-thumb .e-handle {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none;
}