@charset "UTF-8";
/* CSS Document */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.or_slider {
    -webkit-appearance: none;
    width: 256px;
    height: 8px;
    border-radius: 3px;   
    background: #000000;
	background-repeat:repeat-y;
    
	border-style:none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}


.or_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%; 
    background: #ffffff;
	border: solid black 1px;
    cursor: pointer;
}

.or_slider::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffffff;
	border:solid black 1px;
    cursor: pointer;
}

.ort_slider {
    -webkit-appearance: none;
    width: 256px;
    height: 8px;
    border-radius: 3px;   
    background: transparent;
	
    
	border-style:solid 1px #aaaaaas;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}


.ort_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    margin-top:-10px;
    border-radius: 50%; 
    background: #ffffff;
	border: solid black 1px;
    cursor: pointer;
}

.ort_slider::-moz-range-thumb {
    width: 11px;
    height: 11px;
    margin-top:-10px;
    border-radius: 50%;
    background: #ffffff;
	border:solid black 1px;
    cursor: pointer;
}





.rainbow_pointer {
    -webkit-appearance: none;
    
    height: 1px;
    border-radius: 1px;   
    background: transparent;
	background-repeat:repeat-y;
    
	border-style:none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    
}


.rainbow_pointer::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
    height: 16px;
    border: 0; 
    background: url('https://landofinterruptions.co.uk/images/hue_what/8 x 16 triangle.png');
	margin-top:-24px;
    cursor: pointer;
}

.rainbow_pointer::-moz-range-thumb {
    width: 8px;
    height: 0px;
    border: 0;
    background:  url('https://landofinterruptions.co.uk/images/hue_what/8 x 16 triangle.png');
	;
	
    cursor: pointer;
}