.ui-slider-tick-mark {
    display: inline-block;
    width: 4px;
    background: #fff;
    height: 35px;
    position: absolute;
    top: -10px;
    border-radius: 5px;
}

.ui-slider-tick-mark[data-package-interval='starter'] {
    z-index: 10;
}

.ui-slider-tick-mark:last-of-type {
    z-index: 10;
    left: calc(100% - 4px) !important;
}

.ui-slider-handle {
    cursor: pointer !important;
    top: -11px !important;
    border: 2px rgba(0, 0, 0, 0.5) solid !important;
    border-radius: 30px !important;
    background: rgba(238, 72, 38, 0.6) !important;
    height: 38px !important;
    width: 38px !important;
    z-index: 11 !important;
    margin-left: -17px !important;
}

.ui-slider-range {
    border-radius: 0 8px 8px 0 !important;
    background: #ec1c24 !important;
    z-index: 9 !important;
}

.ui-slider-range[style*="width: 100%"] {
    border-radius: 0 !important;
}

.ui-slider-horizontal .ui-slider-range-min {
    margin-left: 3px;
}

.ui-slider-minmax-label {
    position: absolute;
    font-size: 18px;
    top: 45px;
    font-weight: 100;
    font-family: 'roboto', sans-serif;
}

.ui-slider-minmax-label.left {
    left: 0;
}

.ui-slider-minmax-label.right {
    right: 0;
}

.ui-slider-minmax-label.label-input.right {
    display: none;
    border: 1px #000 solid;
    background: #fff;
    padding: 3px;
    width: 125px;
}

.ui-slider-minmax-label.label-input.right:before {
    content: "R";
}

.ui-slider-minmax-label.right.label-input input {
    outline: none;
    box-shadow: none;
    background: transparent;
    border: none;
    width: 90px;
    float: right;
    text-align: right;
}

.ui-slider-handle:focus, .ui-slider-handle:active {
    border: none;
    outline: none;
}

/* Mobile specific styles */
@media (max-width: 480px) {
    .ui-slider-minmax-label {
        top: 30px;
    }
}