/*
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 : 09-Aug-2018, 14:28:00
    Author     : podkrizniku
*/

#surveyUsableResp {
	background-color: white;
}
#usable_table {
	position: relative;
	margin-top: 50px;
}
#tbl_usable_respondents {
	border-spacing: 0px;
	table-layout: fixed;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px solid $soft_blue;
	border-top: none;
	tr {
		border-top: 1px solid $soft_blue;
		td.all {
			border-left: 1px solid $soft_blue;
			border-right: 1px solid $strong_blue_darken;
		}
		th.all {
			border-left: 1px solid $soft_blue;
			border-right: 1px solid $strong_blue_darken;
		}
		td.calculation {
			border-left: 1px solid $soft_blue;
		}
		th.calculation {
			border-left: 1px solid $soft_blue;
		}
		td.unusable {
			border-right: 1px solid $soft_blue;
		}
		th.unusable {
			border-right: 1px solid $soft_blue;
		}
		td.empty_cell {
			width: 60%;
			background-color: white;
			border: 1px solid white;
			text-align: left;
			padding: 0px;
			padding-right: 5px;
		}
		td.usable {
			font-weight: 600;
			border-left: 1px solid $strong_blue_darken;
			border-right: 1px solid $strong_blue_darken;
		}
		th.usable {
			font-weight: 600;
			border: 1px solid $strong_blue_darken !important;
		}
		&:last-child {
			td.usable {
				border-bottom: 1px solid $strong_blue_darken !important;
			}
			td.data {
				border-bottom: 1px solid $strong_blue_darken;
			}
		}
		&:nth-last-child(2) {
			td.status {
				border-bottom: 1px solid $strong_blue_darken !important;
			}
		}
		td.data {
			border-left: 1px solid $soft_blue;
		}
		th.data {
			border-top: 1px solid $strong_blue_darken;
			border-bottom: 1px solid $strong_blue_darken;
			border-left: 1px solid $strong_blue_darken;
		}
		td.data.sum {
			border-left: 1px solid $strong_blue_darken;
			border-right: 1px solid $strong_blue_darken;
		}
		td.status {
			border-left: 1px solid $strong_blue_darken !important;
			border-right: 1px solid $strong_blue_darken;
		}
	}
	tr.floatingHeader {
		border-bottom: 1px solid $soft_blue;
	}
	th {
		padding: 3px;
		text-align: center;
		color: black;
		background-color: $soft_blue_very_lighten;
		font-weight: normal;
		span {
			vertical-align: middle;
			margin-left: 3px;
		}
	}
	td {
		padding: 3px;
		text-align: center;
		color: black;
		background-color: $grey_almost_white;
	}
	tr.colored {
		td {
			background-color: white;
		}
	}
	tr.multiGroupHeader {
		td {
			text-align: left;
		}
	}
	tr.multiVariablesHeader {
		border-top: 1px dotted $soft_blue;
		td {
			color: $grey_normal;
		}
	}
	tr.subVar {
		border-top: 1px dotted $soft_blue;
		td {
			background-color: $grey_almost_white;
			&:first-child {
				font-weight: normal;
				text-indent: 10px;
			}
		}
	}
	tr.percent {
		border-top: 1px dotted $soft_blue;
		td {
			font-weight: normal;
			text-indent: 0px;
			text-align: center;
			color: $grey_normal;
		}
	}
	tr.partusable {
		td {
			background-color: #FFFFE3 !important;
		}
	}
	tr.unusable {
		td {
			background-color: #FFE8E8 !important;
		}
	}
}
#usable_respondents_settings {
	margin: 0px 15px;
	input {
		color: $strong_blue !important;
		font-weight: 600;
	}
}
.usable_sum {
	position: absolute;
	top: -50px;
	padding: 5px 10px 5px 0;
	.usable_legend {
		display: inline-block;
		padding: 3px 7px;
		border: 1px $grey_light solid;
		&:first-of-type{
			margin-left: 0 !important;
		}
	}
}
#usable_info {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 2px 40px 2px 0px !important;
	margin: 7px 0 0 0;
	font-weight: 600;
	color: $grey_super_dark;
	a {
		color: $strong_blue;
		&:hover {
			color: $orange;
		}
	}
}