/*
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 : 03-Aug-2018, 09:55:43
    Author     : podkrizniku
*/

.editor_display {
	width: 98%;
	background-color: #eee;
	border: 1px solid #cccccc;
	border-bottom: 0;
}
.editor_display_small {
	padding-left: 5px;
}
.spremenljivka {
	width: 100%;
}
.add-variable-mobile {
    display: none;
}
.add-variable {
	display: none;
	position: absolute;
	left: 59px;
	bottom: 4px;
	span {
		position: relative;
		top: 1px;
		margin-right: 5px !important;
	}
	a {
		//color: $grey_normal;
		color: $strong_blue;
		&:hover{
			color: $orange;
		} 
	}
        .tip_6 {
                left: 52px;
        }
        .tip_16 {
                left: 52px;
        }
        .tip_19 {
                left: 52px;
        }
        .tip_20 {
                left: 52px;
        }
}
.locked {
	.add-variable {
		display: none !important;
	}
}
.spremenljivka_content {
	margin: 2px 0px 10px 0px;
	padding: 0px;
    color: $grey_super_dark;
    
	background-color: white;
	border: 1px solid $soft_blue;

	&:hover {
		.add-variable {
			display: block;
		}
		background-color: white;
	}
	h3 {
		margin: 0;
		padding: 0;
		border: 0;
		p {
			margin: 0;
			padding: 0;
			border: 0;
		}
	}
	form {
		margin: 0;
		padding: 0;
		border: 0;
	}
	p {
		margin: 0;
		padding: 0;
		border: 0;
		padding: 3px;
	}
	input {
		vertical-align: text-top;
	}
	div[contenteditable] {
		cursor: text;
		min-height: 16px;
		p {
			margin: 0 0;
			padding: 3px 0;
		}
	}
	
	div[contenteditable=true] {
                border: 1px solid transparent;
		&:hover {
			background-color: $soft_blue_very_lighten;
			border: 1px solid $soft_blue_lighten;
		}
		&:focus {
			background-color: $soft_blue_very_lighten;
			border: 1px dashed silver;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
	}
}
.spr_editing {
	.spremenljivka_content {
		.add-variable {
			display: none;
		}
	}
	.content_div_normalmode {
		padding-bottom: 10px;
	}
	.grid-plus-minus {
		visibility: visible;
	}
	.sub-table {
		display: table-row;
	}
	div[contenteditable][default="1"] {
		color: $grey_light;
	}
}
.spremenljivka_tekst_form {
	padding: 10px 5px 5px 10px;
}
.spremenljivka_tip_content {
	padding: 5px 5px 5px 10px;
}
.content_div_normalmode {
	position: relative;
	padding: 10px 5px 20px;
	overflow: hidden;
}
.naslov {
	width: auto;
	min-width: 100px;
	display: block;
	padding-top: 3px;
}
#variable_holder {
        .variabla_limit{
                width:auto !important; 
                color: $orange_darken; 
                margin-top: 6px;
                display:inline-block;
        }
}
.variable_holder {
	padding: 0px 0px 0px 30px;
	vertical-align: top;
	margin: 0px;
	display: block;
	clear: both;
	select {
		margin-top: 5px;
	}
}
.variable_holder.clr {
	height: auto;
}
div.spremenljivka_content.orientation_ob {
	.variable_holder {
		clear: none;
	}
	div.variabla {
		clear: none;
	}
}
div.spremenljivka_content {
	h3 {
		p {
			padding: 3px 3px 3px 3px;
			margin: 0;
			padding-top: 3px;
			padding-bottom: 3px;
			margin: 0;
		}
	}
	span.inline {
		visibility: hidden;
		cursor: pointer;
		float: left;
	}
	div.variabla {
		input {
			float: left;
			margin-top: 5px;
		}
		clear: both;
		padding: 2px 5px;
		min-height: 22px;
		.move_updown_orange {
			margin-top: 5px;
		}
	}
	span.inline_edit {
		float: right;
                margin: 0 3px;
	}
	span.inline_delete {
		float: right;
                margin: 0 3px;
	}
	span.inline_if_not {
		float: right;
                margin: -2px 3px 0 3px;
	}
	span.inline_if_follow {
		float: right;
                margin: -3px 3px 0 3px;
	}
	span.inline_hidden {
		float: right;
                margin: 0 3px;
	}
	span.correct {
		float: right;
                margin: 0 3px;
	}
}
li.spr.spr_editing {
	div.spremenljivka_content.orientation_ob {
		.variable_holder {
			clear: both;
		}
		div.variabla {
			clear: both;
		}
	}
	div.preview_mode {
		display: none;
	}
	div.edit_mode {
		display: block;
	}
	td.preview_mode {
		display: none;
	}
	thead.edit_mode {
		display: table-header-group;
	}
	.editingOnly {
		visibility: visible;
	}
	div.spremenljivka_content.orientation_pod {
		div.variabla {
			clear: both;
		}
	}
	div.stolpci {
		float: none;
		width: auto !important;
		span.inline_delete {
			display: block;
		}
		span.inline_edit {
			display: block;
		}
	}
}
.spremenljivka_info {
	font-size: 9px;
	color: #666666;
	padding: 2px;
	clear: both;
	padding: 2px 15px;
}
div.naslov_inline {
	min-width: 50px;
	padding: 2px 15px;
    margin-bottom: 2px;
}
div.variable_inline {
	display: none;
	float: left;
	width: 30px;
	padding: 2px 15px;
	font-weight: bold;
}
span.display_editor {
	position: absolute;
	right: 10px;
	top: 11px;
	cursor: pointer;
	visibility: hidden;
}
.spr.spr_editing {
	span.display_editor {
		visibility: visible;
	}
}
.spr {
	span.display_editor.show {
		visibility: visible;
	}
}
/*div.naslov {
	textarea.inline {
		width: 99%;
	}
}
div.variabla {
	textarea.inline {
		min-height: 11px;
		min-width: 50%;
	}
}
td.grid_question {
	textarea.inline {
		height: 11px;
		width: 90%;
	}
}
td.grid_header {
	textarea.inline {
		width: 99%;
		height: 22px;
		text-align: center;
	}
}*/
div.spremenljivka_content.orientation_pod {
	div.variabla {
		clear: none;
	}
}
li.spr_editing {
	div.spremenljivka_content {
		div.variabla {
			span.inline {
				visibility: visible;
			}
		}
	}
	table.grid_header_table {
		span.inline {
			visibility: visible;
		}
	}
}
li {
        div.spremenljivka_content {
		div.variabla {
			span.inline.show {
				visibility: visible;
			}
		}
		span.inline_move {
			margin: 2px 8px 0 3px;
		}
		span.image_upload {
			margin-top: 4px;
			margin-left: 8px;
			margin-right: 4px;
			float: left;
		}
	}
}
/*settings marks of question in top left corner (reminders, system,...)*/
#spr_settings {
	float: left;
	width: auto;
	padding-top: 4px;
	vertical-align: bottom;
	.lock_holder {
		position: absolute;
		right: 15px;
		top: 6px;
	}
	span {
		img {
			padding-left: 5px;
			vertical-align: bottom;
		}
		vertical-align: bottom;
	}
}
#spr_settings_intro_concl {
	float: left;
	width: auto;
	vertical-align: bottom;
	padding-left: 10px;
	img {
		padding-left: 10px;
		padding-top: 3px;
	}
}
table.text_vrednost {
	text-align: center;
	font-size: 10px;
}
div.vrednost_inline {
	float: left;
	max-width: 80%;
	min-width: 160px;
	padding: 2px 15px;
}
.spremenljivka_settings {
	padding: 3px 5px 3px 5px;
	background-color: $soft_blue_very_lighten;
	min-height: 24px;
}
.spremenljivka_settings.movable {
	cursor: pointer;
}
.spremenljivka_settings_active {
	background-color: $soft_blue_very_lighten;
}
.variable_name {
	float: left;
	font-size: 14px;
	padding: 2px 10px 2px 5px;
	color: $grey_normal;
	font-weight: 500;
}
.variable {
	color: $grey_normal;
	font-weight: 500;
}
.spr_edit {
	z-index: 5;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 10px;
	padding-top: 7px;
}
.comment_container_inline {
	margin: 0px;
	padding: 4px 15px;
	background-color: $soft_blue_very_lighten;
	border-top: 1px solid $soft_blue;
	a.surveycomment {
		font-size: 10px;
	}
}