1KA_F2F/resources/sass/admin/analysis/zoom.scss

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

.fr_inspect {
	&:hover {
		background-color: #ABd2d0;
		outline: 1px solid $strong_blue;
		cursor: pointer;
		color: $strong_blue !important;
	}
}
.mc_inspect {
	&:hover {
		background-color: #ABd2d0;
		outline: 1px solid $strong_blue;
		cursor: pointer;
		color: $strong_blue !important;
	}
}
.mg_inspect {
	&:hover {
		background-color: #ABd2d0;
		outline: 1px solid $strong_blue;
		cursor: pointer;
		color: $strong_blue !important;
	}
}
.dmg_inspect {
	&:hover {
		background-color: #ABd2d0;
		outline: 1px solid $strong_blue;
		cursor: pointer;
		color: $strong_blue !important;
	}
}
.mt_inspect {
	&:hover {
		background-color: #ABd2d0;
		outline: 1px solid $strong_blue;
		cursor: pointer;
		color: $strong_blue !important;
	}
}
#dsp_inspect_cover {
	position: absolute;
	z-index: 100 !important;
	height: auto;
	height: auto;
	max-height: 500px;
	width: 350px;
	padding-bottom: 45px;
	font-size: 13px;
	background-color: white;
	border: 4px solid $popup_border;
	border-radius: 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
#dsp_inspect_spr_select {
	padding: 10px;
	display: block;
	max-height: 450px;
	overflow: auto;
}
.dsp_inspect_var {
	list-style-type: none;
	display: block;
	outline: 1px dashed $grey_very_light;
	background: #ffc;
	width: 300px;
	padding: 5px 0px;
	margin: 5px 10px 0 10px;
	height: 20px;
	label {
		display: inline-block;
		width: 275px !important;
		white-space: nowrap;
		overflow: hidden;
	}
}
#spanSessionInspect {
	display: inline-block;
	margin-right: 10px;
}
#inspect_cover_div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: $strong_blue_very_lighten;
	opacity: .40;
	z-index: 10;
	display: none;
}
div.zoom_short_text {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*popup*/
#inspect_div {
	display: none;
	position: relative;
	z-index: 90;

	padding: 0 10px 10px 10px;
    width: 580px;
    
    color: $grey_super_dark;
        
	fieldset {
		margin: 0px 0px 5px 0px;
		border: 0;
		border-top: 1px solid $soft_blue;
	}
}

/*segmentation*/
#zoom_div {
	display: none;
	position: relative;
	z-index: 90;

	width: 730px;
}
#zoom_profiles_left {
	width: 192px;
	float: left;
}
#zoom_profiles_right {
	float: right;
	width: 490px;
	padding: 10px 10px 30px 10px;
	margin-bottom: 40px;
	color: $grey_super_dark;
        border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
}
#zoom_profiles_holder {
	width: 190px;
	height: 150px;
	display: inline-block;
}
#zoom_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: 1px solid $soft_blue;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
}
#zoom_note {
	width: 450px;
	padding: 3px;
	color: black;
	font-size: 11px;
	border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
}
#zoom_content {
	width: auto;
	min-height: 80px;
    max-height: 70vh;
    overflow-y: scroll;

	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
}
#zoom_button_holder {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.zoom_var {
	list-style-type: none;
	display: inline-block;
	width: 400px;
	padding: 5px 0px;
	margin: 5px 10px 0 10px;
	min-height: 20px;
	height: auto;
    background-color: $soft_blue_lighten;
    
	label {
		display: inline-block;
		width: 360px !important;
		white-space: nowrap;
		overflow: hidden;
	}
}
/*segment dropdown conditions in top left*/
#div_zoom_condition {
	vertical-align: top;
	display: inline-block;
	width: auto;
	min-width: 200px;
	padding: 7px 10px;
	background-color: $soft_blue_very_lighten;
	border: 1px solid $soft_blue;
	label {
		white-space: nowrap;
	}
	ul {
		display: block !important;
		clear: both;
		float: left;
		margin: 5px 0 !important;
		padding: 0px !important;
		margin: 0px;
		width: auto;
		list-style-type: none;
		font-size: 11px;
		border: $grey_normal;
		li {
			display: inline-block;
			min-height: 18px;
			min-width: 100px;
			width: auto;
			height: auto;
			margin: 0px 5px;
			background-color: $soft_blue_lighten;
			text-align: left;
			vertical-align: top;
			div {
				padding: 3px;
			}
		}
	}
}