/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07-Aug-2018, 12:52:29
    Author     : podkrizniku
*/

.slider {
	display: inline-block;
	width: 84.5%;
	background-color: $grey_super_light !important;
	.ui-state-default {
		border: 1px solid $grey_light !important;
	}
	.ui-state-hover {
		border: 1px solid $grey_normal !important;
	}
}
.sliderText {
	visibility: hidden;
	position: relative;
	text-align: center;
	color: $grey_super_dark;
	width: 30px;
	height: 15px;
	padding: 3px;
	margin-top: 7px;
	background: $grey_super_light;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: $grey_light solid 1px;
	&:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 9px 7px 0;
		border-color: $grey_super_light transparent;
		display: block;
		width: 0;
		z-index: 1;
		bottom: -9px;
		left: 11px;
	}
	&:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 9px 7px 0;
		border-color: $grey_light transparent;
		display: block;
		width: 0;
		z-index: 0;
		bottom: -10px;
		left: 11px;
	}
}
.classic_slider {
	.ui-slider-handle {
		width: 9px !important;
		height: 14px !important;
		padding: 5px 0;
		margin-left: -5px !important;
		top: -7px !important;
		border-bottom-right-radius: 10px 30px !important;
		border-bottom-left-radius: 10px 30px !important;
	}
}
.special_slider {
	.ui-slider-handle {
		width: 15px !important;
		height: 15px !important;
		margin-left: -8px !important;
		top: -3px !important;
		border-radius: 10px 10px !important;
		background-color: red !important;
	}
}
.circle_slider {
	.ui-slider-pip {
		.ui-slider-line {
			width: 15px !important;
			height: 15px !important;
			border-radius: 10px 10px !important;
			margin-left: -8px !important;
			background: $grey_super_light !important;
			top: -23px !important;
			border: 1px solid $grey_light !important;
		}
	}
}
.elipse_slider {
	.ui-slider-pip {
		.ui-slider-line {
			width: 13px !important;
			height: 30px !important;
			border-radius: 10px 10px !important;
			margin-left: -7px !important;
			background: $grey_super_light !important;
			top: -31px !important;
			border: 1px solid $grey_light !important;
		}
	}
	.ui-slider-handle {
		width: 9px !important;
		height: 14px !important;
		padding: 5px 0;
		margin-left: -5px !important;
		top: -7px !important;
		border-bottom-right-radius: 10px 30px !important;
		border-bottom-left-radius: 10px 30px !important;
	}
}
.label_podrocje_prikaz {
	border-bottom: 1px solid black !important;
	border-left: 1px solid black !important;
	border-right: 1px solid black !important;
}