/*
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, 13:38:14
    Author     : podkrizniku
*/

#anketa_custom_report {
	padding: 0px 20px 20px 0px;
	#custom_report_elements {
		margin: 20px 0 20px 0;
		padding-bottom: 20px;
		border: 1px $soft_blue solid;
	}
	ul {
		margin: 20px 0 0 0;
	}
	.custom_report_title {
		.creport_title_inline {
			&:hover {
				cursor: text;
				background-color: $soft_blue_very_lighten;
			}
		}
	}
	.custom_report_title.writing {
		.creport_title_inline {
                        background-color: $orange_super_lighten;
			outline: 1px dashed $grey_normal;
		}
	}
	.report_element {
		width: 95%;
		border: 1px $soft_blue solid;
		&:hover {
			background-color: white;
			border: 1px $strong_blue solid;
		}
	}
	.report_element.active {
		background-color: white;
		border: 1px $strong_blue solid;
	}
	.report_element_text {
		.creport_text_inline {
			&:hover {
				cursor: text;
				background-color: $soft_blue_very_lighten;
			}
		}
		.edit2 {
			opacity: 0;
			filter: alpha(opacity=0);
		}
	}
	.report_element_text.writing {
		.creport_text_inline {
			background-color: $soft_blue_very_lighten;
			border: 1px dashed $strong_blue;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.edit2 {
			opacity: 100;
			filter: alpha(opacity=100);
		}
	}
}
#custom_report_elements {
	.custom_report_title {
		font-size: 16px;
		font-weight: bold;
		display: block;
		margin: 15px 0 0 20px;
		.creport_title_inline {
			width: 95%;
			min-height: 15px;
			padding: 5px 15px;
		}
	}
	#custom_report_view {
		margin: 10px 0 0 15px;
	}
	.report_element {
		.report_element_head {
			overflow: auto;
			min-height: 22px;
			padding: 5px 5px 3px;
			background-color: $soft_blue_very_lighten;
			font-size: 12px;
			font-weight: 600;
			.report_element_icons {
				float: right;
				margin: 0 10px;
				display: none;
			}
			.report_element_title {
				cursor: pointer;
				float: left;
				position: relative;
				margin: 0 10px;
				color: $strong_blue;
				width: 85%;
			}
			span.sprites.printer {
				margin-bottom: 2px;
			}
		}
		.report_element_head.hover {
			background-color: $soft_blue_very_lighten;
			.report_element_icons {
				display: block;
				background-color: $soft_blue_very_lighten;
			}
		}
		.report_element_head.active {
			overflow: auto;
			min-height: 22px;
			padding: 5px 5px 3px;
			font-size: 12px;
			font-weight: 600;
			background-color: $soft_blue_very_lighten;
			.report_element_icons {
				display: block;
				background-color: $soft_blue_very_lighten;
			}
		}
		.report_element_settings {
			clear: both;
			margin: 15px 10px 20px 30px;
		}
		.report_element_data {
			padding: 10px 20px;
		}
		.chart_img {
			background-color: white;
		}
		.report_element_text {
			clear: both;
			overflow: auto;
			margin: 0 10px 20px 30px;
			width: 80%;
		}
		text-align: left;
	}
	.report_element_text {
		.creport_text_inline {
			width: 95%;
			min-height: 15px;
			padding: 5px 15px;
		}
	}
	.report_element_pb {
		cursor: pointer;
		background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat scroll 0 10px transparent;
		color: $soft_blue;
		font-size: 15px;
		font-weight: bold;
		height: 18px;
		line-height: 18px;
		display: inline-block;
		width: 95%;
		&:hover {
			background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0 -52px transparent;
		}
	}
	.report_element_separator {
		height: 25px;
		width: 95%;
		font-size: 10px;
		.add_element {
			opacity: 0;
			padding: 5px 0 0 0;
			margin-left: -40px;
			filter: alpha(opacity = 0);
		}
	}
	.report_element_separator.expanded {
		height: 38px;
		width: 95%;
		font-size: 11px;
		.add_element {
			opacity: 0;
			padding: 10px 0 0 0;
			margin-left: -40px;
			filter: alpha(opacity = 0);
		}
	}
	.add_element {
		span {
			&:hover {
				color: $orange;
			}
		}
	}
	ul#custom_report_sortable {
		list-style-type: none !important;
	}
}
.custom_report_include {
	clear: both;
	margin: 5px 10px;
	text-align: left;
	a {
		color: black;
		background-color: white;
	}
}
.creport_bottom_settings {
	width: auto;
	margin: 40px auto 20px auto;
	text-align: center;
	position: relative;
	a {
		display: inline-block;
		margin-right: 20px;
	}
}
#custom_report_alert {
	display: none;

	margin-left: -200px;
	width: 280px;
	height: 100px;

	.buttons {
		position: absolute;
		right: 10px;
		bottom: 15px;
	}
}
table.analysis_reports {
	width: 100%;
	tr {
		td {
			vertical-align: top;
			width: 30%;
			fieldset {
				padding: 0px 10px 10px 10px;
			}
			span.subtitle {
				font-weight: 600;
				display: block;
				padding: 10px 0 5px 0;
			}
			a {
				line-height: 24px;
			}
		}
	}
}
/*popups for custom reports*/
#newCReportProfile {
    @include popup_general();

	display: none;
	position: fixed;
	left: calc(50% - 210px);
	top: 45vh;
	z-index: 999;
	margin: 10px;
	width: 420px;
}
#renameCReportProfile {
	display: none;
	position: fixed;
	left: 250px;
	top: 200px;
	z-index: 999;
	padding: 10px;
	margin: 10px;
	width: 550px;
	background-color: white;
	border: 4px solid $popup_border;
	box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
}
#shareCReportProfile {
	display: none;
	position: fixed;
	left: 250px;
	top: 200px;
	z-index: 999;
	padding: 10px;
	margin: 10px;
	width: 550px;
	background-color: white;
	border: 4px solid $popup_border;
	box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	width: 550px;
	height: auto;
}
#deleteCReportProfile {
	display: none;
	position: fixed;
	left: 250px;
	top: 200px;
	z-index: 999;
	padding: 10px;
	margin: 10px;
	width: 550px;
	background-color: white;
	border: 4px solid $popup_border;
	box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
}
#div_creport_settings_profiles {    
	display: none;
	width: 350px;
	height: 350px;
	
	#creport_settings_profiles_left {
		margin-bottom: 10px;
	}
	#creport_settings_profiles_comment {
		clear: both;
		margin-top: 40px;
		textarea {
			width: 98%;
			height: 30px;
		}
	}
}
#creport_profiles {
	cursor: pointer;
	width: 99%;
	height: 140px;
	display: inline-block;
	border: 1px solid $grey_normal;
	.option {
		padding: 1px;
	}
	.active {
		background-color: $strong_blue_super_darken;
		color: white;
		border-bottom: 1px solid $grey_normal;
	}
}