/*
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 : 26-Jul-2018, 10:37:38
    Author     : podkrizniku
*/

$control_button_backgorund: white;
$control_button_backgorund_hover: $strong_blue_super_light;
$control_button_backgorund_active: $strong_blue_very_lighten;
$control_button: $strong_blue;

//language select
#language_select {
	position: absolute;
	
	z-index: 78;
	right: 40px;
	top: 139px;
	
	font-weight: 500;
	
	a{
		display: flex;
		align-items: center;
		
		.flag{
			height: 14px;
			width: 24px;
			margin-right: 7px;
			
			background-size: 100% 30px;
			background-position: center;
			border: 1px $grey_very_light solid; 
		}
		.flag.slo{
			background-image: url('../img/flags/flag_slo.svg');
		}
		.flag.eng{
			background-image: url('../img/flags/flag_eng.svg');
		}
	}
	
}

/*create new survey button*/
#anketa_new_float {
	margin-left: 10px;
	width: auto;
	padding: 0px;
	span {
		font-size: 13px;
		div.buttonwrapper {
			margin-top: 3px;
		}
	}
}
#buttonCreate {
	text-align: center;
	background-color: $orange;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    transition: 0.1s;

	&:hover {
		background-color: $orange_lighten;
	}
	a {
		display: inline-block;
		padding: 10px 14px;
		color: white;
		font-size: 16px;
		font-weight: 600;
	}
}
/*END create new survey button*/

/*CONTROL BUTTONS*/
/*control button basics*/
@mixin control_button {
    cursor: pointer;
	float: right;
	margin-right: 20px;
	margin-left: 10px;
	padding: 8px 12px;
	
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: $control_button;
	
    border: 1px $control_button solid;
	background-color: $control_button_backgorund;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*control button dropdown arrow*/
@mixin control_button_dropdown_arrow {
        &:after {
                font-family: $fontawesome;
                display: inline-block;
                content: "\f0d7";
                margin-left: 5px;
        }
}
/*control dropdown menu show*/
@mixin control_dropdown_show {
        visibility: visible;
        opacity: 1;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}
/*control dropdown menu basics*/
@mixin control_dropdown_menu {
    visibility: hidden;
    opacity: 0;
    
	position: absolute;
	right: 0;
    z-index: 9999;
    
	width: 160px;
	margin-top: 12px;
	padding: 0 10px;
    
    text-align: left;
	font-size: 12px;
	font-weight: 400;
    
    background-color: white;
    
    border: 1px solid $strong_blue;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
    
    transition-delay: 0.7s;
        ul {
		li.active {
			background-color: white;
			font-weight: 500;
		}
		li {
			.sprites {
				float: right;
				margin: 8px 10px 0 0;
			}
		}
		a {
			li {
				color: $strong_blue;
			}
			&:hover {
				li {
					color: $orange;
				}
			}
		}
	}
}

/*sort control button*/
#sortButton {
	@include control_button;
    @include control_button_dropdown_arrow;
    
    transition: 0.1s;

	&:hover {
		background-color: $control_button_backgorund_hover;
		#sortSettings {
			@include control_dropdown_show;
			right: 60px;
		}
	}
}
/*filter control button*/
#filterButton {
	@include control_button;
    @include control_button_dropdown_arrow;
    
    transition: 0.1s;

	&:hover {
		background-color: $control_button_backgorund_hover;
		#filterSettings {
			@include control_dropdown_show;
			right: 210px;
		}
	}
}
#filterButton.active {
	background-color: $control_button_backgorund_active;
}
/*folder control button*/
#folderSwitch {
	@include control_button;
    right: 375px;
    
    transition: 0.1s;
    
	&:hover {
		background-color: $control_button_backgorund_hover;
	}
}
#folderSwitch.active {
	background-color: $control_button_backgorund_active;
}
/*sort dropdown menu*/
#sortSettings {
	@include control_dropdown_menu;
}
/*filter dropdown menu*/
#filterSettings {
	@include control_dropdown_menu;
	width: 200px;
	
	.filter_title{
		color: $strong_blue;
		font-weight: 500;
		line-height: 22px;
	}
	label{
		line-height: 12px;
	}
}
span#sl_language {
	padding: 2px 5px;
	width: auto;
	display: inline-block;
	margin: 3px 5px 3px 20px;
}
/*END CONTROL BUTTONS*/

/*search settings box*/
#searchSettings,
#searchLibrarySettings {
	clear: both;
	float: left;
	width: 500px;
	margin: -50px 0 20px 0;
	padding: 10px;
	background-color: $soft_blue_very_lighten;
	border: 1px solid $soft_blue;
	span.title {
		color: $strong_blue;
		font-weight: 600;
		font-size: 13px;
	}
	p {
		margin: 10px 0 12px 10px !important;
		padding: 0 !important;
	}
	input[type="text"] {
		padding: 2px 4px;
	}
	input[type="submit"] {
		padding: 2px 4px;
	}
	input[type="text"]#searchMySurveyText {
		width: 200px;
		font-size: 12px;
		padding: 2px 5px;
	}	
	span.link{
		float: left; 
		margin-top: 20px;
		
		font-weight: 500;
	}
}
#searchLibrarySettings {
	margin: 0 0 20px 0;
}

/*FOLDER CONTROLLER*/
.folder_holder.level1 {
	margin-top: 35px;
}
.folder_holder {
	.folder_content {
		margin-left: 20px;
		padding: 0;
	}
	.folder_content.closed {
		display: none;
	}
	.folder_content.subfolder {
		margin-bottom: 5px;
	}
	.folder_title {
                //display: table-cell;
                padding: 4px;
                border: 1px solid transparent;
		margin: 15px 0 15px 0;
		font-size: 12px;
		font-weight: 600;
		//color: $strong_blue;
                a {
                    vertical-align: 0px;
                    span {
                        vertical-align: middle;
                        &:before {
                            display: table-cell;
                            vertical-align: middle;
                        }
                    }
                }
                span {
                    vertical-align: middle;
                }
		.folder_title_text {
			margin-left: 5px;
			a {
                                //color: inherit;
				cursor: text;
				&:hover {
					color: $strong_blue;
				}
			}
			input[type="text"] {
				font-size: 12px;
				padding: 2px 3px;
			}
		}
		.map_holder_control {
			display: none;
		}
		&:hover {
			.map_holder_control {
				display: inline-block;
			}
		}
		span.folder_blue {
			cursor: move;
		}
	}
	#folder_content_0 {
		padding-bottom: 50px;
	}
	table#surveyList_new {
		margin-bottom: 20px;
		tr.anketa_list {
			td.col3 {
				cursor: move;
			}
		}
	}
}
.folderhover{
	background-color: $orange_super_lighten !important;
	border: 1px solid $orange_lighten !important;
	border-radius: 5px 5px 5px 5px;
}
.mySurvey_draggable_helper {
	.map_holder_control {
		display: none;
	}
	cursor: move;
	td {
		display: none;
		border: 0;
	}
	td.col3 {
		display: inline-block;
		border: 0 !important;
	}
	span.minus {
		display: none !important;
	}
	span.map_holder_control {
		display: none !important;
	}
}
/*END FOLDER CONTROLLER*/