/*
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 : 06-Aug-2018, 10:51:54
    Author     : podkrizniku
*/

/*popup on icon hover*/
#surveyInfo_msg {
	float: left;
	width: auto;
	padding-right: 20px;
	.survey_info_title {
		float: left;
		width: auto;
		font-weight: 600;
	}
	span.space {
		display: inline-block;
		width: 95px;
		padding: 2px 0px;
		font-weight: 600;
	}
	.infoData {
		margin-left: 95px;
		width: auto;
	}
}
#div_statistic_date_select {
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	margin-top: -200px;
	margin-left: -450px;
	min-height: 150px;
	width: auto;
	max-width: 650px;
	z-index: 80;
	padding: 10px;
	background-color: white;
	border: 1px solid $red_error;
}
.survey_referals_tbl {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	margin-top: 8px;
	td {
		padding: 3px 0px;
	}
	th {
		text-align: left;
		white-space: nowrap;
		font-weight: normal;
		padding-right: 5px;
	}
}
#div_statistic_float_div {
	position: fixed;
	width: 620px;
	max-height: 600px;
	z-index: 90;
	padding: 10px;
	border: 1px solid $red_error;
	background-color: white;
	margin: auto auto;
	.list {
		margin-left: 20px;
		padding-top: 3px;
	}
}
.graph_db {
	background-color: $soft_blue;
	//border: 1px solid $soft_blue;
}
#tbl_answ_state {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	th {
		text-align: left;
		font-weight: normal;
		width: 40%;
	}
	td {
		border-left: 1px dotted silver;
		text-align: center;
		font-weight: normal;
		width: 20%;
	}
}
#tbl_answ_usability {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	th {
		text-align: left;
		font-weight: normal;
		width: 40%;
	}
	td {
		border-left: 1px dotted silver;
		text-align: center;
		font-weight: normal;
		width: 20%;
	}
}
#tbl_answ_breakoff {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	th {
		text-align: left;
		font-weight: normal;
		width: 40%;
	}
	td {
		border-left: 1px dotted silver;
		text-align: center;
		font-weight: normal;
		width: 20%;
	}
}
table.dashboard {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	margin-top: 10px;
	td {
		width: 33.3%;
		vertical-align: top;
                border: 1px solid $soft_blue;
		background-color: $soft_blue_very_lighten;
		strong {
			font-weight: 600;
		}
	}
	th {
		strong {
			font-weight: 600;
		}
	}
}
table.dashboard_single {
	width: 33.3%;
}
div.dashboard_cell {
	width: auto;
	height: 100%;
	padding: 8px;
	table {
		border: none;
		width: auto;
		border-collapse: collapse;
		border-spacing: 0px;
		width: 100%;
		td {
			border: none;
			width: auto;
			border-collapse: collapse;
			border-spacing: 0px;
			width: auto;
		}
	}
        .dashboard_title {
		color: $strong_blue;
		font-weight: 600;
		font-size: 13px;
	}
}
@mixin dashboard_full_text_box_margin(){
        table {
		td {
                        padding-bottom: 2px;
		}
	}
}
#div_statistic_info{
        @include dashboard_full_text_box_margin();
}
#div_statistic_answer_state {
        @include dashboard_full_text_box_margin();
}
.dashboard_status_span {
	display: inline-block;
	width: 200px;
	padding: 2px 0px;
}
#div_statistic_status {
	span {
		display: inline-block;
		padding: 2px 0px;
	}
}
.opt_bold {
	font-weight: 600;
}