/*
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 : 23-Aug-2018, 10:31:31
    Author     : podkrizniku
*/

#dsp_div {
	display: none;
	position: relative;
	z-index: 90;
}
#dsp_cover_div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: $soft_blue;
	opacity: .40;
	z-index: 10;
	display: none;
}
#dsp_profiles_left {
	width: 192px;
	float: left;
}
#dsp_profiles_right {
	float: right;
	width: 490px;
	padding: 0 0 10px 10px;
    margin-bottom: 40px;
    
	background-color: $soft_blue_super_lighten;
}
#dsp_profiles_holder {
	width: 190px;
	height: 150px;
	display: inline-block;
}
#dsp_profiles {
	height: 150px;
	overflow: auto;
	cursor: pointer;
	width: 190px;
	display: inline-block;
	.option {
        padding: 2px 5px;
        margin-bottom: 5px;
	}
	.active {
		padding: 2px 5px;
		background-color: $soft_blue_very_lighten;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
}
#dsp_note {
	width: 450px;
	padding: 3px;
	color: black;
	font-size: 11px;
	border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
}
#dsp_content {
	width: auto;
	min-height: 80px;
	padding: 0;
	fieldset {
		margin: 0px 0px 5px 0px;
		border: 0;
		border-top: 1px solid $strong_blue_darken;
	}
	legend {
		background-color: white;
	}
}
#dsp_left_link_holder {
	width: auto;
	max-width: 180px;
}
#dsp_button_holder {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.dsp_sett_label {
	display: inline-block;
	width: auto;
	line-height: 20px;
}


/*popup data export settings*/
#div_export_setting_show {
    @include popup_general();

	display: none;
	position: fixed;
	z-index: 90;
	left: calc(50% - 200px);
    top: 30vh;
    
	min-width: 250px;
	min-height: 80px;
	height: auto;
	width: auto;
	margin: 10px;
}