/*
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 : 01-Aug-2018, 12:52:20
    Author     : podkrizniku
*/

#toolbox_basic {
	div.new_adv {
		cursor: default;
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		background-color: $orange_darken;
		background-repeat: repeat-y;
	}
	p {
		img {
			cursor: move;
		}
		margin: 10px 3px 3px;
		span.sprites {
			margin-right: 2px;
		}
	}
	.handle {
		color: $red_error;
		font-weight: bold;
	}
	p.left {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
		padding-left: 9px;
		padding-right: 2px;
	}
	p.right {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
		padding-left: 9px;
		padding-right: 2px;
	}
	p.whole {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 6px;
	}
	position: fixed;
	z-index: 50;
	top: 255px;
	left: 1px;
	height: 335px;
	width: 50px;
	background-color: $strong_blue;
	border: 0;
	p.new_spr {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($strong_blue, 7%);
		}
	}
	p.new_if {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($strong_blue, 7%);
		}
	}
	p.new_pb {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($strong_blue, 7%);
		}
	}
	p.new_block {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($strong_blue, 7%);
		}
	}
}
#toolbox_add_advanced {
	display: none;
	cursor: auto;
	z-index: -1;
	position: fixed;
	top: 218px;
	left: 55px;
	width: 495px;
	height: auto;
	min-height: 100px;
	padding: 0px 10px 10px 10px;
	background-color: $soft_blue_very_lighten;
	text-align: left;
	border: 1px solid $soft_blue;
	p.toolbox_add_title {
		color: $strong_blue;
		font-weight: 600;
		font-size: 14px;
	}
	p.new_spr {
		&:hover {
			background-color: $soft_blue_lighten;
		}
		float: left;
		cursor: pointer;
		width: 150px;
		margin: 1px 0px 1px 1px;
		padding: 4px 7px;
		text-align: left;
	}
	p.new_loop {
		&:hover {
			background-color: $soft_blue_lighten;
		}
		float: left;
		cursor: pointer;
		width: 150px;
		margin: 1px 0px 1px 1px;
		padding: 4px 7px;
		text-align: left;
	}
	.holder {
		width: 33%;
		float: left;
		border: 0;
		background: 0;
	}
	p.new_question {
		text-align: left;
	}
	.new_spr_spacer {
		float: left;
		cursor: pointer;
		width: 150px;
		margin: 1px 0px 1px 1px;
		padding: 4px 7px;
		text-align: left;
		cursor: auto;
		height: 18px;
	}
	p.naslov {
		float: left;
		width: 150px;
		margin: 10px 0 3px 0;
		padding: 0 5px 0px 2px;
		font-size: 13px;
		font-weight: 600;
		text-align: left;
	}
	p {
		span {
			display: none;
		}
	}
}
#toolbox_advanced_settings {
	position: fixed;
	cursor: pointer;
	top: 218px;
	left: 1px;
	width: 18px;
	height: 19px;
	padding: 5px 15px 6px;
	background-color: $soft_blue_very_lighten;
	border: 1px $soft_blue solid;
	#toolbox_advanced_settings_holder {
		display: none;
		cursor: auto;
		z-index: 99;
		position: fixed;
		top: 218px;
		left: 55px;
		width: auto;
		height: auto;
		min-height: 100px;
		padding: 10px 20px 0 10px;
		text-align: left;
		font-size: 11px;
		border: 1px solid $soft_blue;
		background-color: $soft_blue_very_lighten;
		span.advanced_settings_title {
			vertical-align: middle;
			padding: 0 0 0 2px;
			color: $strong_blue;
			font-weight: 600;
			font-size: 12px;
		}
		span.advanced_setting {
			display: inline-block;
			text-align: center;
			width: 20px;
			padding: 3px 5px 0 0;
		}
	}
}
#locked_toolbar {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 45px;
	height: 194px;
	padding: 140px 0 0 3px;
	background: rgba($strong_blue_darken, 0.85);
	span.lock_big {
		margin-left: 13px;
	}
}
#toolbox_basic.forma {
	#locked_toolbar {
		height: 199px;
		padding-top: 85px;
	}
	height: 266px;
	top: 235px;
}


.mobile_add_question{
    display: none;
}
.mobile_add_question_popup{
    display: none;
}