/*
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 : 10-Aug-2018, 13:19:50
    Author     : podkrizniku
*/

.ranking {
	font-size: 14px;
	width: 220px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 15px auto 0 auto;
	border: 1px solid #000;
	background-color: $grey_very_light;
	text-align: center;
	overflow: hidden;
	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
.ranking_long {
	font-size: 14px;
	width: 220px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 15px auto 0 auto;
	border: 1px solid #000;
	background-color: $grey_very_light;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
}
.ranking_frame {
	font-size: 14px;
	width: 230px;
	height: 29px;
	padding: 5px 0 0 0;
	margin: 10px auto 0 auto;
	border: 1px black dashed;
	background-color: $grey_super_light;
	text-indent: -20px;
	text-align: left;
}

.dragdrop_frame {
	font-size: 14px;
	width: 230px;
	height: 100px;
	padding: 5px 0 0 0;
	margin: 10px auto 0 auto;
	border: 1px black dashed;
	background-color: $grey_super_light;
	text-indent: -20px;
	text-align: left;
}
.dragdrop_frame_grid {
	font-size: 14px;
	width: 230px;
	height: 25px;
	padding: 0 0 2px 0;
	margin: 0px auto 10px auto;
	border: 1px black dashed;
	background-color: $grey_super_light;
	text-indent: -20px;
	text-align: left;
}
.dragdrop_frame_grid_box {
	font-size: 14px;
	width: 230px;
	height: 30px;
	padding: 0 0 2px 0;
	margin: 10px auto 0px auto;
	border-left: 1px black dashed !important;
	border-right: 1px black dashed !important;
	border-bottom: 1px black dashed !important;
	text-indent: -20px;
	text-align: left;
}
.drag_and_drop_box {
	cursor: pointer;
	width: 230px;
	padding: 5px;
	margin: 0px auto 10px auto;
	border: 1px solid #000;
	height: 15px;
	text-align: center;
	overflow: hidden;
	background-color: white;
	cursor: pointer;
	width: 230px;
	padding: 5px;
	margin: 0px auto 10px auto;
	border: 1px solid #000;
	height: 15px;
	text-align: center;
	overflow: hidden;
	background-color: white;
	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
.drag_and_drop {
	top: -6px;
	left: -6px;
}
.drag_and_drop_right {
	top: -6px !important;
	left: -6px !important;
}
.drag_and_drop_box_right {
	top: 15px !important;
	left: -6px !important;
}
.drag_and_drop_box_right_after_refresh {
	left: -6px !important;
}
.drag_and_drop_box_right_over {
	left: -6px !important;
}
.inline_labele_podrocij {
	text-align: center !important;
}
table.inline_labele_podrocij {
	td {
		text-align: center !important;
	}
}
/*radio with image*/
.custom_radio{
        .custom_radio_answer {
                padding: 0 1px;
        }
}
.custom_radio.visual-radio-scale{
        .custom_radio_answer {
                padding: 0 3px;
        }
	&.checked .enka-vizualna-skala:before{
		color: $strong_blue_darken;
	}
}
.enka-vizualna-skala {
	display: inline-block;
	height: 20px;
	width: 20px;
	float: left;
}