/**
* Both
*/

.uotc-question-report,
.uotc-question-report * {
	box-sizing: border-box;
}

.uotc-question-report input,
.uotc-question-report select,
.uotc-question-report textarea {
	margin: 0;
	height: auto;
	font-size: inherit;
	font-family: inherit;
	-ms-touch-action: manipulation;
	touch-action: manipulation;

	width: 100%;
	padding: 8px 10px;
	border: 1px solid #cdcdcd;
	transition: all 150ms ease-in-out;
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	line-height: 1.2;

	border-radius: 3px;
}

.uotc-question-report select {
	padding-top: 5px;
	padding-bottom: 5px;
}

.uotc-question-report input:hover,
.uotc-question-report select:hover,
.uotc-question-report textarea:hover {
	border-color: #b9b9b9;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.uotc-question-report input:focus,
.uotc-question-report select:focus,
.uotc-question-report textarea:focus {
	border-color: #0790e8;
}

.uotc-question-report {}

.uotc-question-report__header {
	width: 100%;
}

.uotc-question-report__header:after {
	content: '';
	display: table;
	clear: both;
}

.uotc-question-report__selects,
.uotc-question-report__buttons {
	width: 50%;
	align-self: flex-end;
}

.uotc-question-report__selects {}

.uotc-question-report__selects select {
	margin-top: 5px;
}

.uotc-question-report-date {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.uotc-question-report-date label {
	font-weight: 500;
	margin-bottom: 5px;
}

.uotc-question-report__buttons {}

.uotc-question-report__buttons {
	text-align: right;
}

.uotc-question-report__btn {
	outline: none;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 5px 15px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
	background-color: transparent;
	transition: color 150ms ease-in-out, background-color 150ms ease-in-out,border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
	cursor: pointer;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	position: relative;
}

.uotc-question-report__btn {
	color: #6c757d;
	border-color: #b7b7b7;
	background: #fff;
}

.uotc-question-report__btn:not(:last-child){
	margin-right: 5px;
}

.uotc-question-report__btn:disabled,
.uotc-question-report__btn:hover,
.uotc-question-report__btn:focus {
	color: #fff;
	border-color: #9e9e9e;
	background-color: #9e9e9e;
}

.uotc-question-report__btn:not(:disabled):active,
.uotc-question-report__btn:not(:disabled):focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .2);
}

.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button {
	outline: none !important;
	display: inline-block !important;
	font-weight: 400 !important;
	text-align: center !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	user-select: none !important;
	border: 1px solid transparent !important;
	padding: 5px 15px !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
	background-color: transparent !important;
	transition: color 150ms ease-in-out, background-color 150ms ease-in-out,border-color 150ms ease-in-out, box-shadow 150ms ease-in-out !important;
	cursor: pointer !important;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1) !important;
	position: relative !important;
}

.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #6c757d !important;
	border-color: #b7b7b7 !important;
}

.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: #fff !important;
	border-color: #9e9e9e !important;
	background-color: #9e9e9e !important;
}

.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):active,
.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .2) !important;
}

.uotc-question-report .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: .5 !important;
}

@media screen and (min-width: 769px){
	.uotc-question-report__header {
		display: flex;
	}
}

@media screen and (max-width: 768px){
	.uotc-question-report__selects,
	.uotc-question-report__buttons {
		width: 100%;
	}

	.uotc-question-report__buttons {
		margin-top: 15px;
	}
}

.uotc-question-report__table {
	margin-top: 15px;
}

.uotc-question-report__table.uotc-question-report__table--hidden {
	display: none;
}

.uotc-question-report__table .dataTables_filter {
	width: 100%;
	text-align: left !important;
	margin-bottom: 15px;
}

.uotc-question-report__table .dataTables_filter input {
	width: 100% !important;
	margin-left: 0 !important;
}

.uotc-question-report__table .dataTable {
	border-radius: 3px;
	border: 1px solid #cdcdcd !important;
}

.uotc-question-report__table .dataTable th,
.uotc-question-report__table .dataTable td {
	padding: 8px 12px !important;
	line-height: 1.4;
}

.uotc-question-report__table .dataTable th.sorting,
.uotc-question-report__table .dataTable th.sorting_asc,
.uotc-question-report__table .dataTable th.sorting_desc {
	padding-right: 32px !important;
}

.uotc-question-report__table .dataTable th {
	border-bottom: 3px solid #dddddd !important;
}

.uotc-question-report__table table.dataTable thead .sorting {
	background-image: url('../../img/sort_both.png');
}

.uotc-question-report__table table.dataTable thead .sorting_asc {
	background-image: url('../../img/sort_asc.png');
}

.uotc-question-report__table table.dataTable thead .sorting_desc {
	background-image: url('../../img/sort_desc.png');
}


/**
* Group report
*/

#uotc-question-report .dataTables_length {
	display: none;
}

#uotc-question-report-table--hidden_wrapper {
	display: none;
}

/**
* User report
*/

#uotc-user-report .dataTables_length {
	display: none;
}

#uotc-user-report-table--hidden_wrapper {
	display: none;
}

#uotc-question-report_wrapper .reporting-datatable * {
	box-sizing: border-box;
}

#uotc-question-report_wrapper .reporting-datatable__top {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
}

#uotc-question-report_wrapper .reporting-metabox--hide-table-top .reporting-datatable__top {
	display: none;
}

#uotc-question-report_wrapper .reporting-datatable__search {
	flex: 0 0 auto;
	width: 300px;
	padding: 8px;
	border-right: 1px solid #e3e3e3;
}

#uotc-question-report_wrapper .reporting-datatable__search .dataTables_filter {
	width: 100%;
}

#uotc-question-report_wrapper .reporting-datatable__search .dataTables_filter label {
	display: block;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
}

#uotc-question-report_wrapper .reporting-datatable__search .dataTables_filter input {
	width: 100%;
	margin: 0 !important;
	padding: 6px 12px;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: none;
	font-size: inherit;
	font-family: inherit;
	transition: box-shadow 150ms ease-in-out, border 150ms ease-in-out;
}

#uotc-question-report_wrapper .reporting-datatable__search .dataTables_filter input:hover {
	border-color: #c7c7c7;
}

#uotc-question-report_wrapper .reporting-datatable__search .dataTables_filter input:focus {
	border-color: #0290c2;
	box-shadow: 0 0 0 3px rgba(2, 144, 194, 0.2);
}

#uotc-question-report_wrapper .reporting-datatable-top__middle {
	flex: 1 1 auto;
}

#uotc-question-report_wrapper .reporting-datatable__buttons {
	flex: 0 0 auto;
	padding: 8px;
	border-left: 1px solid #e3e3e3;
}

#uotc-question-report_wrapper .reporting-datatable__buttons .dt-buttons {
	height: 100%;
}

#uotc-question-report_wrapper .reporting-datatable__buttons button.dt-button {
	height: 100%;
	outline: none;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 5px 15px;
	line-height: 1.5;
	border-radius: 3px;
	background-color: transparent;
	transition: color 150ms ease-in-out, background-color 150ms ease-in-out,border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	color: #6c757d;
	border-color: #d2d2d2;
	box-shadow: none;
}

#uotc-question-report_wrapper .reporting-datatable__buttons button.dt-button:hover {
	color: #fff;
	border-color: #9e9e9e;
	background-color: #9e9e9e;
	box-shadow: none;
}

#uotc-question-report_wrapper .reporting-datatable__buttons button.dt-button:focus {
	box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.2);
	box-shadow: none;
}

@media screen and (max-width: 768px) {
	#uotc-question-report_wrapper .reporting-datatable__search {
		width: 100%;
		border-right: 0;
	}
}

#uotc-question-report_wrapper .reporting-datatable__table {
	font-size: 14px;
}

#uotc-question-report_wrapper .reporting-datatable__table table.dataTable {
	width: 100% !important;
	border-bottom: 0px;
	border-collapse: collapse;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	margin: 0 !important;
}

#uotc-question-report_wrapper .reporting-datatable__table table.dataTable.no-footer {
	border-bottom: 5px solid #e0e0e0;
}

#uotc-question-report_wrapper .reporting-datatable__table table.dataTable th {
	color: #505050;
	font-weight: 400;
	text-align: left;
	border: 0;
	border-bottom: 5px solid #e0e0e0;
	padding: 10px 12px;
	white-space: nowrap;
}

#uotc-question-report_wrapper .reporting-datatable__table table.dataTable td {
	border-top: 1px solid #e0e0e0;
	padding: 10px 12px;
	outline: none;
}

#uotc-question-report_wrapper #tincanny-reporting .reporting-datatable__table table.dataTable.collapsed tr td:first-child {
	padding-left: 30px;
}

#uotc-question-report_wrapper .reporting-datatable__table td .tclr-reporting-datatable__no-wrap {
	white-space: nowrap;
}

#uotc-question-report_wrapper .reporting-datatable__table table.dataTable.stripe tbody tr.selected,
#uotc-question-report_wrapper .reporting-datatable__table table.dataTable.display tbody tr.odd.selected,
#uotc-question-report_wrapper .reporting-datatable__table table.dataTable.display tbody tr.even.selected,
#uotc-question-report_wrapper .reporting-datatable__table table.dataTable.display tbody tr.selected,
#uotc-question-report_wrapper .reporting-datatable__table table.dataTable tbody tr.parent {
	background-color: rgba(56, 185, 56, 0.1);
}

#uotc-question-report_wrapper #tincanny-reporting .reporting-datatable__table table.dataTable td.child ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#uotc-question-report_wrapper .reporting-table-see-details {
	color: #0290c2;
	cursor: pointer;
}

#uotc-question-report_wrapper .reporting-metabox--table-one-result .reporting-datatable__table table.dataTable.no-footer {
	border-bottom: 0;
}

#uotc-question-report_wrapper .reporting-datatable__table .dataTable th.sorting,
#uotc-question-report_wrapper .reporting-datatable__table .dataTable th.sorting_asc,
#uotc-question-report_wrapper .reporting-datatable__table .dataTable th.sorting_desc {
	padding-right: 20px !important;
}

#uotc-question-report_wrapper .reporting-datatable {
	border: 1px solid #e3e3e3;
	border-radius: 8px;
}

#uotc-question-report_wrapper table .reporting-table__loading-cell {
	height: 200px;
	position: relative;
}

#uotc-question-report_wrapper table td {
	border: 0;
	border-top: 1px solid #ddd;
}

#uotc-question-report_wrapper .reporting-datatable__bottom {
	padding: 10px 12px 15px 12px;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#uotc-question-report_wrapper.dataTables_wrapper .reporting-datatable__bottom .dataTables_paginate .paginate_button {
	padding: 0.3em .5em;
}

#uotc-question-report_wrapper.dataTables_wrapper .reporting-datatable__bottom .dataTables_paginate .paginate_button:hover {
	color: #333;
}

#uotc-question-report_wrapper.dataTables_wrapper .reporting-datatable__bottom .dataTables_info {
	padding-top: 0;
	padding-right: 10px;
}

#uotc-question-report_wrapper .reporting-metabox--table-one-result .reporting-datatable__bottom {
	display: none;
}

#uotc-question-report_wrapper .reporting-datatable__bottom-left {
	display: inline-flex;
	align-items: center;
}

#uotc-question-report_wrapper .reporting-datatable__bottom-left-info {
	display: inline-flex;
	align-items: center;
}

#uotc-question-report_wrapper .reporting-datatable__bottom-left-info label,
#uotc-question-report_wrapper .reporting-datatable__bottom-left-info select {
	display: inline-block;
}

#uotc-question-report_wrapper .dataTables_length label {
	display: inline-flex;
	align-items: center;
}

#uotc-question-report_wrapper .dataTables_length select {
	margin-left: 5px;
	margin-right: 5px;
}

#uotc-question-report_wrapper .reporting-datatable__bottom-notice {
	float: left;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 3px;
}

#uotc-question-report tfoot {
	display: none !important;
}

#uotc-question-report_filter {
	margin-bottom: 0 !important;
}

/**
 * Color scale
 */

:root {
	--uotc-table-color-scale-font-color: #000;

	--uotc-table-color-scale-1: #e86d68;
	--uotc-table-color-scale-2: #ee8d88;
	--uotc-table-color-scale-3: #f4ada9;
	--uotc-table-color-scale-4: #f8cdcb;
	--uotc-table-color-scale-5: #feefee;
	--uotc-table-color-scale-6: #e8f6f0;
	--uotc-table-color-scale-7: #bde6d3;
	--uotc-table-color-scale-8: #92d5b6;
	--uotc-table-color-scale-9: #6ac59a;
	--uotc-table-color-scale-10: #42b57f;
}

.uotc-table-color-scale {
	color: var(--uotc-table-color-scale-font-color) !important;
	padding: 4px 6px;
	display: inline-block;
}

.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-0-10 { background-color: var(--uotc-table-color-scale-1) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-10-20 { background-color: var(--uotc-table-color-scale-2) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-20-30 { background-color: var(--uotc-table-color-scale-3) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-30-40 { background-color: var(--uotc-table-color-scale-4) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-40-50 { background-color: var(--uotc-table-color-scale-5) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-50-60 { background-color: var(--uotc-table-color-scale-6) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-60-70 { background-color: var(--uotc-table-color-scale-7) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-70-80 { background-color: var(--uotc-table-color-scale-8) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-80-90 { background-color: var(--uotc-table-color-scale-9) !important; }
.uotc-table-color-scale:not(.uotc-table-color-scale--inverted).uotc-table-color-scale--percentile-90-100 { background-color: var(--uotc-table-color-scale-10) !important; }

.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-0-10 { background-color: var(--uotc-table-color-scale-10) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-10-20 { background-color: var(--uotc-table-color-scale-9) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-20-30 { background-color: var(--uotc-table-color-scale-8) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-30-40 { background-color: var(--uotc-table-color-scale-7) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-40-50 { background-color: var(--uotc-table-color-scale-6) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-50-60 { background-color: var(--uotc-table-color-scale-5) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-60-70 { background-color: var(--uotc-table-color-scale-4) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-70-80 { background-color: var(--uotc-table-color-scale-3) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-80-90 { background-color: var(--uotc-table-color-scale-2) !important; }
.uotc-table-color-scale--inverted.uotc-table-color-scale--percentile-90-100 { background-color: var(--uotc-table-color-scale-1) !important; }
/**
 * Table loading
 */

#uotc-question-report-selections > form {
	position: relative;
}

	#uotc-question-report-selections > form::before {
		content: '';

		position: absolute;
		top: 5px;
		right: -40px;
		width: 20px;
		height: 20px;

		opacity: 0;

		animation: uotc-rotating 2s linear infinite;

		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M256 32C256 14.33 270.3 0 288 0C429.4 0 544 114.6 544 256C544 302.6 531.5 346.4 509.7 384C500.9 399.3 481.3 404.6 465.1 395.7C450.7 386.9 445.5 367.3 454.3 351.1C470.6 323.8 480 291 480 255.1C480 149.1 394 63.1 288 63.1C270.3 63.1 256 49.67 256 31.1V32z'/%3E%3C/svg%3E");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

		.uotc-question-report-selections-form--loading::before {
			opacity: .6 !important;
		}

@keyframes uotc-rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

#uotc-question-report-selections .select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding-left: 20px !important;
}

#uotc-question-report-selections select,
#uotc-question-report-selections .select2-container--default {
	margin-bottom: 15px;
}