/* 
    Popupi z nastavitvami 
*/


/* Survey title edit */
#quick_title_edit {
	position: relative;

	width: 720px;
	height: 265px;

    .quick_title_edit_label {
        width: 145px;
        font-weight: 600;
    }
}


/* Nastavitve grafov */
#div_chart_settings_profiles {
	display: none;
	position: relative;
    z-index: 90;
    
	width: 650px;
	height: 420px;
    padding: 10px;
        
    .as_link {
		color: $strong_blue !important;
    }
    
	#chart_skin_note {
		width: auto;
		padding: 3px;
		color: black;
		font-size: 11px;
		border: 1px solid $soft_blue;
		background-color: $strong_blue_super_light;
	}
	#chart_settings_profiles_left {
		float: left;
		width: 30%;
		height: 200px;
	}
	#chart_settings_profiles_right {
		padding: 20px;
		width: 60%;
		float: right;
	}
}

/* popup edit chart */
#chart_float_editing {
	display: none;
	position: relative;
	z-index: 999;

	width: 815px;
    padding: 0 20px;
    
	.chartSettingsArea {
		position: absolute;
		overflow: auto;
        right: 20px;
        
		width: 615px;
		height: 300px;
		padding: 20px;
        margin: 0 0 40px 0;
        
		background-color: $soft_blue_lighten;
        
        ul.vrednost_sort {
			li {
				border: 1px solid $grey_normal;
			}
        }
        
		.chart_setting {
			padding: 5px;
        }
        
		#chart_number_limits_advanced {
			ul {
				padding: 3px 20px;
				li {
					padding: 2px 0px 3px 0px;
					.chart_advanced_warning {
						padding: 0px 10px;
						color: red;
					}
				}
			}
		}
	}
	.chartSettingsTabs {
		position: absolute;
		width: 160px;
		height: 260px;
		padding: 0px;
		font-size: 13px;
		font-weight: 500;
		text-align: center;
        background-color: white;
        
		ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
            
			li {
				width: 100%;
				height: 20px;
				padding: 10px 0;
				cursor: pointer;
            }
            
			li.active {
				background-color: $soft_blue_lighten;
			}
		}
    }
    
	.form-item {
		padding: 3px;
		width: 200px;
	}
	.colorwell {
		width: 70px;
		height: 20px;
		font-size: 11px;
	}
}

/*color picker*/
.farbtastic {
	position: relative;

	width: 195px;
    height: 195px;
    
	* {
		position: absolute;
		cursor: crosshair;
	}
	.wheel {
		width: 195px;
		height: 195px;
		background: url(../../../admin/survey/img_0/wheel.png) no-repeat;
		width: 195px;
		height: 195px;
	}
	.color {
		top: 47px;
		left: 47px;
		width: 101px;
		height: 101px;
	}
	.overlay {
		top: 47px;
		left: 47px;
		width: 101px;
		height: 101px;
		background: url(../../../admin/survey/img_0/mask.png) no-repeat;
	}
	.marker {
		width: 17px;
		height: 17px;
		margin: -8px 0 0 -8px;
		overflow: hidden;
		background: url(../../../admin/survey/img_0/marker.png) no-repeat;
	}
}



#div_variable_profiles {
	z-index: 90;
}
#divConditionProfiles {
	width: 1035px;
}



/* Calculation edit */
#calculation {
	display: none;
	position: relative;
    z-index: 91;

    margin-left: auto;
    margin-right: auto;
    
	height: auto;
	width: 600px;
    
    #calculation_editing_inner {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-bottom: 40px;
		overflow: auto;
	}

    .calculation_editing_body{
		max-height: 40vh;
        overflow-y: auto;

        margin: 20px 0;
        padding: 10px 5px 5px 5px;

        border: 1px $fieldset_border solid;

        .tbl_condition_editing{
            margin-bottom: 5px;
        }
	}

	#condition_editing_close {
		float: right;
        margin: 20px 20px 20px 0;
	}
	#bottom_space {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		padding: 0;
	}
}