.range-control-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.range-control {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    width: 100%;
    max-width: 350px;
    border-radius: 25px;
}

.range-control:disabled {
    background-color: rgba(241, 241, 241, 0.5);
}

.range-control::-moz-range-thumb {
    appearance: none;
    border: 3px solid var(--theme-component-color-primary);
    border-radius: 20px;
    width: 40px; /* Thumb width */
    height: 40px; /* Thumb height */
    cursor: ew-resize;
}

.range-control#ctrl-slider-scale::-moz-range-thumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url('https://pzazi.cz/media/resize.png');
}

.range-control#ctrl-slider-rotate::-moz-range-thumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url('https://pzazi.cz/media/rotate.png');
}

.range-control:disabled::-moz-range-thumb {
    background: rgba(241, 241, 241, 0.5);
    border: 3px solid rgb(117, 117, 117);
}

/*input[type="range"]::-webkit-slider-thumb:disabled, input[type="range"]::-webkit-media-slider-thumb:disabled {*/
/*    background: rgba(128, 128, 128, 0.5);*/
/*    border: 3px solid rgb(128, 128, 128);*/
/*}*/

.range-control::-moz-range-track {
    /*appearance: none;*/
    /*height: 40px;*/
    /*border: none;*/
    /*border-radius: 3px;*/
    /*!*background-image: url('http://192.168.0.80:8282/pzazi_war/media/range_control.png');*!*/
    /*background-position: center;*/
    /*background-size: contain;*/
    /*overflow: hidden;*/
}
.range-control::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    border: 3px solid var(--theme-component-color-primary);;
    border-radius: 20px;
    width: 40px; /* Thumb width */
    height: 40px; /* Thumb height */
    cursor: ew-resize;
}

.range-control#ctrl-slider-scale::-webkit-slider-thumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url('https://pzazi.cz/media/resize.png');
}

.range-control#ctrl-slider-rotate::-webkit-slider-thumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url('https://pzazi.cz/media/rotate.png');
}

.range-control:disabled::-webkit-slider-thumb {
    background: rgba(241, 241, 241, 0.5);
    border: 3px solid rgb(117, 117, 117);
}



.range-control::-webkit-slider-runnable-track {
    /*appearance: none;*/
    /*-webkit-appearance: none;*/
    /*height: 40px;*/
    /*border: none;*/
    /*border-radius: 3px;*/
    /*!*background-image: url('http://192.168.0.80:8282/pzazi_war/media/range_control.png');*!*/
    /*background-position: center;*/
    /*background-size: contain;*/
    /*overflow: hidden;*/
}

.range-display-label {
    font-size: 0.8rem;
}

.range-display-container {
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    margin: 0 0 0 10px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .range-display-container {
        height: 25px;
        width: 25px;
    }
    .range-control::-webkit-slider-thumb {
        height: 25px;
        width: 25px;
    }
    .range-control::-moz-range-thumb {
        height: 25px;
        width: 25px;
    }
}