Ticks at the left and right ends

Is it possible to put the two ticks at the left and right ends at EXACTLY the two ends of the bar? By default the tick at the left end has some offset to the right side, and the tick on the right has some offset to the left side. I customized the CSS by:

.rzslider .rz-ticks .rz-tick {
  margin-left: 0px;
}

It removes the offset of the tick on left side, but the line of margin-right: 0px; doesn’t seem to affect the tick at the right end.

Thanks.

[mtlehtin]

You can easily achieve this with CSS by reducing the bar width. And then adding left margin accordingly to that change. Needed width change depends on the handle size.

.rz-bar {
    width: calc(100% - 30px);
    margin-left: 15px;
 }

[ValentinH]

Great answer @mtlehtin .

Just to be sure that the new style is applied after the default ones:

.rzslider .rz-bar {
    width: calc(100% - 2 * 15px);
    margin-left: 15px;
 }