/*
	Uncanny Owl UI Theme for Uncanny Owl Groups
	by Uncanny Owl, uncannyowl.com
	Version: -
*/

/* General */

.uo-groups {
	font-size: 15px;
}

.uo-groups * {
	box-sizing: border-box;
}

.uo-groups a {
	text-decoration: none;
}

.uo-groups .uo-row {
	width: 100%;
}

	.uo-groups .uo-row:after {
		content: '';
		display: table;
		clear: both;
	}

.uo-groups .uo-left {
	float: left;
}

.uo-groups .uo-center {
	margin: 0 auto;
}

.uo-groups .uo-right {
	float: right;
}

.uo-groups select,
.uo-groups ul li {
	font-family: inherit;
}

.uo-groups .uo-groups-normal-margin {
	margin-top: 15px;
}

.uo-groups .uo-groups-small-margin {
	margin-top: 15px;
}

/* Loading */

.uo-modal-spinner {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	display: none;

	background: url('data:image/gif;base64,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') #111 no-repeat center center;

	background-size: 80%;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

/* Tooltip */

.uo-groups *[data-tooltip] {
	position: relative;
}

.uo-groups *[data-tooltip]:before {
	content: attr(data-tooltip);
	position: absolute;
	background: rgba(0,0,0,.8);

	min-width: 150px;
	max-width: 200px;

	top: -20px;
	left: 50%;
	transform: translateX(-50%);

	font-size: 13px;

	color: #fff;
	padding: 3px 8px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* Monospace */

.uo-groups .uo-looks-like-code {
	font-family: 'Lucida Console', Monaco, monospace;
	letter-spacing: 1px;
}

/* Headings */

.uo-groups h1, .uo-groups .uo-looks-like-h1,
.uo-groups h2, .uo-groups .uo-looks-like-h2,
.uo-groups h3, .uo-groups .uo-looks-like-h3,
.uo-groups h4, .uo-groups .uo-looks-like-h4,
.uo-groups h5, .uo-groups .uo-looks-like-h5,
.uo-groups h6, .uo-groups .uo-looks-like-h6 {
	color: #191919;
	font-weight: bold;
	margin: 0;
}

.uo-groups h1, .uo-groups .uo-looks-like-h1 { font-size: 40px; }
.uo-groups h2, .uo-groups .uo-looks-like-h2 { font-size: 30px; }
.uo-groups h3, .uo-groups .uo-looks-like-h3 { font-size: 25px; }
.uo-groups h4, .uo-groups .uo-looks-like-h4 { font-size: 22px; }
.uo-groups h5, .uo-groups .uo-looks-like-h5 { font-size: 18px; }
.uo-groups h6, .uo-groups .uo-looks-like-h6 { font-size: 15px; }

.uo-groups .uo-header-subtitle {
	margin-top: 5px;
}

	.uo-groups .uo-subtitle-of-h1 { font-size: 30px; }
	.uo-groups .uo-subtitle-of-h2 { font-size: 22px; }
	.uo-groups .uo-subtitle-of-h3 { font-size: 16px; }
	.uo-groups .uo-subtitle-of-h4,
	.uo-groups .uo-subtitle-of-h5,
	.uo-groups .uo-subtitle-of-h6 { font-size: 15px; }

	.uo-groups .uo-header-subtitle .uo-btn {
		margin-left: 5px;
	}

/* Paragraphs */

.uo-groups p {
	margin: 0 0 10px 0;
}

/* Buttons */

.uo-groups .uo-btn {
	font-size: 15px;

	border-color: #b7b7b7;
	border-width: 1px;
	border-style: solid;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

	padding: 6px 15px;

	background: #f9fafb;
	background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
	background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
	background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
	background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);

	transition-duration: 100ms;
	transition-timing-function: linear;
	transition-property: color, border-color;

	text-transform: none;
	font-weight: normal;
	font-family: inherit;
	letter-spacing: 0;

	color: #000;
	cursor: pointer;
	text-decoration: none;
	display: block;
}

	.uo-groups .uo-btn:hover,
	.uo-groups .uo-btn.uo-btn--selected {}

	.uo-groups .uo-btn.uo-btn--small {
		font-size: 12px;
		padding: 5px 10px;
	}

	.uo-groups .uo-btn.uo-btn-arrow-left:before {
		content: '\f104';
		font-family: 'FontAwesome';
		margin-right: 3px;
	}

@media (max-width: 768px){
	.uo-groups .uo-btn {
		padding: 5px 10px;
	}
}

/* Input */

.uo-groups .uo-input {
	padding: 6px 15px;

	border-color: #b7b7b7;
	border-width: 1px;
	border-style: solid;

	font-family: inherit;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	background: #fff;

	width: 100%;
}

	.uo-groups .uo-input.uo-input--big {
		padding: 8px 20px;
	}

	.uo-groups .uo-input:focus {}

.uo-groups .uo-input-icon {
	position: relative;
}

	.uo-groups .uo-input-icon .uo-input-the-icon {
		font-size: 16px;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
	}

	.uo-groups .uo-input-icon .uo-input {
		padding-left: 35px;
	}

/* Select */

.uo-groups .uo-select {
	position: relative;
	display: inline-block;
}

	.uo-groups .uo-select button,
	.uo-groups .uo-select select {
		cursor: pointer;

		border-color: #b7b7b7;
		border-width: 1px;
		border-style: solid;

		font-size: 15px;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		padding: 6px 15px;

		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: color, border-color;

		background: #f9fafb;
		background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
		background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
		background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
		background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);
	}

		.uo-groups .uo-select button:after {
			content: '\f107';
			font-family: 'FontAwesome';
			margin-left: 5px;
		}

		.uo-groups .uo-select:hover button,
		.uo-groups .uo-select:hover select {}

			.uo-groups .uo-select select option {
				color: #000;
			}

				.uo-groups .uo-select select option:hover,
				.uo-groups .uo-select select option:checked {}

		.uo-groups .uo-select-modal {
			border-color: #b7b7b7;
			border-width: 1px;
			border-style: solid;

			display: none;

			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;

			-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
			box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

			position: absolute;
			background: #fff;
			width: 200px;
			min-width: 100%;
			top: calc(100%);
			left: 50%;
			transform: translateX(-50%);
		}

			.uo-groups .uo-select-modal .uo-select-modal-option {
				padding: 6px 15px;
				width: 100%;
				cursor: context-menu;
			}

				.uo-groups .uo-select-modal .uo-select-modal-option:hover,
				.uo-groups .uo-select-modal .uo-select-modal-option.uo-select-option--selected {}

	.uo-groups .uo-select-jplist {
		position: relative;
	}

		.uo-groups .uo-select-jplist .jplist-drop-down ul {
			width: 100%;
			position: absolute;
			left: 0;
			margin-left: 0;
			z-index: 10;
		}

		.uo-groups .uo-select-jplist .jplist-dd-panel {
			cursor: pointer;

			border-color: #b7b7b7;
			border-width: 1px;
			border-style: solid;

			font-size: 15px;

			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;

			padding: 6px 15px;
			line-height: 1.3;

			-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
			box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

			transition-duration: 100ms;
			transition-timing-function: linear;
			transition-property: color, border-color;

			background: #f9fafb;
			background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
			background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
			background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
			background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);
		}

			.uo-groups .uo-select-jplist .jplist-dd-panel:hover {}

			.uo-groups .uo-select-jplist .jplist-drop-down .jplist-dd-panel:after {
				content: '\f107';
				font-family: 'FontAwesome';
				margin-left: 5px;
			}

			.uo-groups .uo-select-jplist .jplist-dd-panel {
				display: inline-block;
			}

			.uo-groups .uo-select-jplist .uo-select-dropdown {
				border-color: #b7b7b7;
				border-width: 1px;
				border-style: solid;

				text-align: left;

				display: block;

				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-ms-border-radius: 3px;
				-o-border-radius: 3px;
				border-radius: 3px;

				-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
				box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

				width: 200px;
	
				position: absolute;
				background: #fff;
				min-width: 100%;
				top: calc(100% + 20px);
				left: 0;
			}

				.uo-groups .uo-select-jplist .uo-select-dropdown li {
					padding: 3px 10px;
					width: 100%;
					cursor: context-menu;
					list-style: none;
				}

				.uo-groups .uo-select-jplist .uo-select-dropdown li.active,
				.uo-groups .uo-select-jplist .uo-select-dropdown li:hover {}

				.uo-groups .uo-select-jplist .uo-select-arrow {
					display: block;
				}

					.uo-groups .uo-select-jplist .uo-select-arrow:before {
						content: '';
						z-index: 10;
						top: calc(100% + 21px);
						left: 50%;
						position: absolute;
						width: 0;
						height: 0;
						border: 7.5px solid #fff;
						border-color: #fff #fff transparent transparent;
						transform-origin: 0 0;
						transform: rotate(-45deg);
						margin-left: -10px;
						box-shadow: 1px -1px 0 0 #b7b7b7;
					}

/* Lists */

.uo-groups .uo-list {
	padding: 0;
	margin: 0;
}

	.uo-groups .uo-list li {
		list-style: none;
		padding: 5px 0 5px 30px;
		position: relative;

		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: padding;
	}

		.uo-groups .uo-list li:before {
			content: '';
			width: 20px;
			height: 2px;
			background: #000;

			display: block;
			position: absolute;
			top: 50%;
			transform: translateY(-50%;);
			left: 0;

			transition-duration: 100ms;
			transition-timing-function: linear;
			transition-property: width;

			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			-ms-border-radius: 100px;
			-o-border-radius: 100px;
			border-radius: 100px;
		}

			.uo-groups .uo-list li:hover:before {
				width: 25px;
			}

		.uo-groups .uo-list li:hover {
			padding-left: 35px;
		}

/* Table */

.uo-groups .uo-groups-table {
	margin-top: 15px;
	overflow: auto;
}

	.uo-groups .uo-groups-table::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		margin-bottom: 3px;

		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: all;
	}

	.uo-groups .uo-groups-table::-webkit-scrollbar-track { background: #cfcfcf; }
	.uo-groups .uo-groups-table::-webkit-scrollbar-thumb { background: #ababab; }

	.uo-groups .uo-groups-table::-webkit-scrollbar-track,
	.uo-groups .uo-groups-table::-webkit-scrollbar-thumb {
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		-ms-border-radius: 100px;
		-o-border-radius: 100px;
		border-radius: 100px;
	}

	.uo-groups .uo-groups-table:hover::-webkit-scrollbar { width: 9px; height: 9px; margin-bottom: 0; }
	.uo-groups .uo-groups-table:hover::-webkit-scrollbar-thumb { background: #9d9d9d; }

.uo-groups .uo-table {
	width: 100%;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	overflow: hidden;

	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
}

	.uo-groups .uo-table .uo-table-header {
		font-weight: bold;
	}

	.uo-groups .uo-table .uo-table-row {
		width: 100%;
	}

	.uo-groups .uo-table .uo-table-content {
		font-size: 14px;
	}

	.uo-groups .uo-table .uo-table-content .uo-row:nth-child(even){
		background: rgba(0,0,0,.05);
	}

		.uo-groups .uo-table .uo-table-cell {
			float: left;
			padding: 10px 5px;
		}

		.uo-groups .uo-table .uo-table-cell-0_5 { width: 5%; }
		.uo-groups .uo-table .uo-table-cell-1 { width: 10%; }
		.uo-groups .uo-table .uo-table-cell-1_5 { width: 15%; }
		.uo-groups .uo-table .uo-table-cell-2 { width: 20%; }
		.uo-groups .uo-table .uo-table-cell-2_5 { width: 25%; }
		.uo-groups .uo-table .uo-table-cell-3 { width: 30%; }
		.uo-groups .uo-table .uo-table-cell-3_5 { width: 35%; }
		.uo-groups .uo-table .uo-table-cell-4 { width: 40%; }
		.uo-groups .uo-table .uo-table-cell-4_5 { width: 45%; }
		.uo-groups .uo-table .uo-table-cell-5 { width: 50%; }
		.uo-groups .uo-table .uo-table-cell-5_5 { width: 55%; }
		.uo-groups .uo-table .uo-table-cell-6 { width: 60%; }
		.uo-groups .uo-table .uo-table-cell-6_5 { width: 65%; }
		.uo-groups .uo-table .uo-table-cell-7 { width: 70%; }
		.uo-groups .uo-table .uo-table-cell-7_5 { width: 75%; }
		.uo-groups .uo-table .uo-table-cell-8 { width: 80%; }
		.uo-groups .uo-table .uo-table-cell-8_5 { width: 85%; }
		.uo-groups .uo-table .uo-table-cell-9 { width: 90%; }
		.uo-groups .uo-table .uo-table-cell-9_5 { width: 95%; }
		.uo-groups .uo-table .uo-table-cell-10 { width: 100%; }

		.uo-groups .uo-table .uo-table-row .uo-table-cell:first-child {
			padding-left: 10px;
		}

	.uo-groups .uo-table .uo-table-no-results {
		width: 100%;
		padding: 20px;
		text-align: center;
		color: #757575;
	}

		.uo-groups .uo-table .uo-table-no-results p {
			padding: 0;
			margin: 0;
		}

	.uo-groups .uo-copy-to-clipboard {
		width: 100%;
		display: inline-block;
		position: relative;
	}

		.uo-groups .uo-copy-to-clipboard input {
			width: 100% !important;
			padding: 0 !important;
			margin: 0 !important;
			font-size: inherit !important;
			font-family: inherit !important;
			color: inherit !important;
			background: transparent !important;
			border: 0 !important;
			opacity: 1 !important;
			letter-spacing: inherit !important;
		}

		.uo-groups .uo-copy-to-clipboard .uo-copy-to-clipboard-button {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 5px;
			z-index: 1;
			opacity: 0;
			cursor: pointer;
			color: #7d7d7d;

			font-size: 15px;

			transition-duration: 100ms;
			transition-timing-function: linear;
			transition-property: opacity;
		}

			.uo-groups .uo-copy-to-clipboard:hover .uo-copy-to-clipboard-button {
				opacity: 1;
			}

	/* Fixs */

	.uo-groups .uo-jplist {
		line-height: 1.3;
	}

	.uo-groups .uo-jplist .uo-table-sort-buttons i {
		cursor: pointer;
	}

	.uo-groups .uo-jplist .uo-jplist-row:nth-child(even){
		background: rgba(0,0,0,.05);
	}

		.uo-groups .uo-jplist .uo-jplist-row .uo-table-cell:first-child {
			padding-left: 10px;
		}

		.uo-groups .uo-groups-pagination .jplist-panel {
			text-align: center;
		}

			.uo-groups .uo-groups-pagination .jplist-panel .uo-center {
				display: inline-block;
			}

				.uo-groups .jplist-pagingprev,
				.uo-groups .jplist-pagingmid,
				.uo-groups .jplist-pagingnext {
					display: inline-block;
				}

				.uo-groups .uo-groups-pagination .jplist-panel .uo-center button {
					font-size: 15px;

					border-color: #b7b7b7;
					border-width: 1px;
					border-style: solid;

					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-ms-border-radius: 3px;
					-o-border-radius: 3px;
					border-radius: 3px;

					-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
					box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

					padding: 6px 15px;

					background: #f9fafb;
					background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
					background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
					background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
					background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);

					transition-duration: 100ms;
					transition-timing-function: linear;
					transition-property: color, border-color;

					text-transform: none;
					font-weight: normal;
					font-family: inherit;
					letter-spacing: 0;

					color: #000;
					cursor: pointer;
					text-decoration: none;
					display: inline-block;
				}

				.uo-groups .uo-groups-pagination .jplist-panel .uo-center button:hover {}

			.uo-groups .uo-groups-pagination .jplist-panel .uo-center button {
				margin-left: 5px;
			}

				.uo-groups .uo-groups-pagination .jplist-panel .uo-center .jplist-pagingprev button:first-child {
					margin-left: 0;
				}

	@media (max-width: 768px){
		.jplist-panel.box.panel-bottom .uo-left,
		.jplist-panel.box.panel-bottom .uo-center,
		.jplist-panel.box.panel-bottom .uo-right {
			width: 100%;
			text-align: center;
		}

		.jplist-panel.box.panel-bottom .uo-left,
		.jplist-panel.box.panel-bottom .uo-center {
			margin-bottom: 10px;
		}

		.jplist-panel.box.panel-bottom .uo-center button {
			padding: 4px 8px;
			font-size: 14px;
		}

			.uo-groups .uo-groups-pagination .jplist-panel .uo-center button {
				margin-right: 2px;
			}
	}

	/* Datatable */

	.uo-table-datatable #uo-quiz-report-table-hidden_filter,
	.uo-table-datatable #uo-quiz-report-table-hidden,
	.uo-table-datatable #uo-quiz-report-table-hidden_info,
	.uo-table-datatable #uo-quiz-report-table-hidden_paginate {
		display: none !important;
	}

	.uo-table-datatable .buttons-csv {
		font-size: 15px;

		border-color: #b7b7b7;
		border-width: 1px;
		border-style: solid;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

		padding: 6px 15px;

		background: #f9fafb;
		background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
		background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
		background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
		background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);

		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: color, border-color;

		text-transform: none;
		font-weight: normal;
		font-family: inherit;
		letter-spacing: 0;

		color: #000;
		cursor: pointer;
		text-decoration: none;
		display: inline-block;
	}

	.uo-table-datatable #uo-quiz-report-table_filter input[type="search"] {
		padding: 8px 20px;

		border-color: #b7b7b7;
		border-width: 1px;
		border-style: solid;

		font-family: inherit;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		background: #fff;

		width: 100%;
	}

/* Checkbox / radio */

.uo-groups .uo-checkbox,
.uo-groups .uo-radio {
	cursor: pointer;
}

	.uo-groups .uo-checkbox input,
	.uo-groups .uo-radio input {
		display: none;
	}

	.uo-groups .uo-checkbox .uo-checkbox-checkmark,
	.uo-groups .uo-radio .uo-radio-checkmark {
		width: 16px;
		height: 16px;

		display: inline-block;
		cursor: pointer;

		border-color: #b7b7b7;
		border-width: 1px;
		border-style: solid;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: color, border-color;

		background: #f9fafb;
		background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
		background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
		background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
		background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);
	}

	.uo-groups .uo-radio .uo-radio-checkmark {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.uo-groups .uo-checkbox .uo-checkbox-checkmark,
	.uo-groups .uo-radio .uo-radio-checkmark {
		position: relative;
	}

	.uo-groups .uo-checkbox:hover input ~ .uo-checkbox-checkmark,
	.uo-groups .uo-checkbox input:checked ~ .uo-checkbox-checkmark,
	.uo-groups .uo-radio:hover input ~ .uo-radio-checkmark,
	.uo-groups .uo-radio input:checked ~ .uo-radio-checkmark {}

	.uo-groups .uo-checkbox input ~ .uo-checkbox-checkmark:after,
	.uo-groups .uo-radio input:checked ~ .uo-radio-checkmark:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		opacity: 0;
		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: opacity;
	}

	.uo-groups .uo-checkbox input ~ .uo-checkbox-checkmark:after {
		border-style: solid;
		border-top: 0;
		border-right: 0;
		border-left-width: 3px;
		border-bottom-width: 3px;
		transform: rotate(-45deg);
		width: 10px;
		height: 6px;
		top: 3px;
		left: 2px;
	}

	.uo-groups .uo-radio input ~ .uo-radio-checkmark:after {
		width: calc(100% - 5px);
		height: calc(100% - 5px);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

		.uo-groups .uo-checkbox input:checked ~ .uo-checkbox-checkmark:after,
		.uo-groups .uo-radio input:checked ~ .uo-radio-checkmark:after {
			opacity: 1;
		}

/* Show - hide */

.uo-groups .uo-hidden {
	display: none;
}

.uo-groups .uo-inline {
	display: inline;
}

.uo-groups .uo-inline-block {
	display: inline-block;
}

/* Show on mobile */

.uo-groups .uo-show-on-mobile {
	display: none;
}

@media (max-width: 768px){
	.uo-groups .uo-show-on-mobile {
		display: block;
	}
}

/* Small modifications */

.jplist-hidden {
	display: none;
}

.uo-groups .uo-groups-section {
	margin-top: 25px;
}

.uo-groups .uo-groups-pagination {
	margin-top: 15px;
}

/* Used on all sections */

.uo-groups .uo-groups-actions {
	margin-top: 25px;
}

	.uo-groups .uo-groups-actions .uo-btn.uo-left:not(:first-child) {
		margin-left: 5px;
	}

	.uo-groups .uo-groups-actions .uo-btn.uo-right:not(:first-child) {
		margin-right: 5px;
	}

/* Group selector */

.uo-groups .uo-groups-selector {
	width: 100%;
}

	.uo-groups .uo-groups-selector .uo-select button,
	.uo-groups .uo-groups-selector .uo-select select {
		padding: 7px 10px;
		font-size: 22px;
		margin-left: 15px;
		font-weight: bold;
	}

	.uo-groups .uo-groups-selector .uo-select select option {
		font-size: 16px;
	}

@media (max-width: 768px){
	.uo-groups .uo-groups-selector .uo-select select {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		font-size: 20px;
	}
}

/* Group courses */

.uo-groups-group-courses {}

	.uo-groups .uo-groups-group-courses .uo-groups-actions {
		margin-top: 15px;
	}

	.uo-groups .uo-groups-group-courses-list {
		margin-top: 15px;
	}

		.uo-groups .uo-groups-group-courses-list li {
			font-size: 16px;
		}

			.uo-groups .uo-groups-group-courses-list a {
				color: inherit;
				font-weight: bold;
			}

	.uo-groups .uo-groups-search {
		margin-top: 15px;
	}

		.uo-groups .uo-groups-search input {
			font-size: 15px;
		}

/* Enrolled Users */

.uo-groups-enrolled-users {}

	.uo-groups-search .uo-input-the-icon {
		color: #b7b7b7;
	}

		.uo-groups-enrolled-users .uo-groups-table .uo-table.__select_content_key 	{ min-width: 800px; }
		.uo-groups-enrolled-users .uo-groups-table .uo-table.__select_content 		{ min-width: 670px; }
		.uo-groups-enrolled-users .uo-groups-table .uo-table.__content_key 			{ min-width: 750px; }
		.uo-groups-enrolled-users .uo-groups-table .uo-table.__content 				{ min-width: 660px; }

/* Group Leaders */

.uo-groups-group-leaders {}

	.uo-groups-group-leaders .uo-groups-table .uo-table {
		min-width: 570px; 
	}

/* Box messages */

.uo-groups-message,
.group-management-rest-message,
#group-management-message {
	display: none;
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 10px;
}

.uo-groups-message.uo-groups-message-error,
.group-management-rest-message {
	color: #d8000c;
	background-color: #ffd2d2;
	margin-top: 15px;
}
	
.uo-groups-message.uo-groups-message-ok,
#group-management-message {
	color: #4f8a10;
    background-color: #dff2bf;
}

.uo-groups-message.uo-groups-message-info {
	color: #00529b;
    background-color: #bde5f8;
}

.uo-groups-message.uo-groups-message-warning {
	color: #9f6000;
	background-color: #feefb3;
}

/* Group reports */

.uo-groups.uo-reports {
	position: relative;
}

	.uo-groups.uo-reports .uo-groups-message {
		display: block;
	}

	.uo-groups.uo-reports .uo-groups-selection {
		margin-top: 25px;
	}

		.uo-groups.uo-reports .uo-groups-select-group {
			margin-top: 15px;
		}

		.uo-groups.uo-reports .uo-groups-select-list {
			margin-top: 15px;
		}

	.uo-groups #uo-group-progress-report .uo-groups-table .uo-table {
		min-width: 800px;
	}

/* Quiz reports */

.uo-groups.uo-quiz-report {
	position: relative;
}

	.uo-groups.uo-quiz-report #uo-quiz-report-table-hidden_filter,
	.uo-groups.uo-quiz-report #uo-quiz-report-table-hidden,
	.uo-groups.uo-quiz-report #uo-quiz-report-table-hidden_info,
	.uo-groups.uo-quiz-report #uo-quiz-report-table-hidden_paginate {
		display: none;
	}

	.uo-groups.uo-quiz-report .uo-row.uo-groups-table {
		position: relative;
	}

	.uo-groups.uo-quiz-report .dataTables_wrapper {
		position: static;
	}

	.uo-groups.uo-quiz-report .uo-groups-select-filter {
		margin-top: 15px;
	}

	.uo-groups.uo-quiz-report #uo-quiz-report-table_filter {
		width: 100%;
		text-align: left;
		margin-top: 15px;
		margin-bottom: 15px;
		position: relative;
	}

		.uo-groups.uo-quiz-report #uo-quiz-report-table_filter:after {
			content: '\f002';
			font-family: 'FontAwesome';
			position: absolute;
			font-size: 16px;
			bottom: 5px;
			left: 15px;
			color: #b7b7b7;
		}

		.uo-groups.uo-quiz-report #uo-quiz-report-table_filter input {
			padding: 8px 20px 8px 40px;

			margin-left: 0;
			margin-bottom: 0;
			margin-top: 5px;

			border-color: #b7b7b7;
			border-width: 1px;
			border-style: solid;

			font-family: inherit;

			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;

			background: #fff;

			width: 100%;
		}

	.uo-groups.uo-quiz-report .buttons-csv {
		float: right;
	}

	.uo-groups.uo-quiz-report .buttons-csv,
	.uo-groups.uo-quiz-report a.paginate_button {
		font-size: 15px;

		border-color: #b7b7b7;
		border-width: 1px;
		border-style: solid;

		line-height: 1;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

		padding: 6px 15px;

		background: #f9fafb;
		background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
		background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
		background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
		background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);

		transition-duration: 100ms;
		transition-timing-function: linear;
		transition-property: color, border-color;

		text-transform: none;
		font-weight: normal;
		font-family: inherit;
		letter-spacing: 0;

		color: #000;
		cursor: pointer;
		text-decoration: none;
		display: inline-block;
	}

	.uo-groups.uo-quiz-report a.paginate_button {
		margin-top: 10px;
	}

	.uo-groups.uo-quiz-report a.paginate_button.disabled {
		display: none;
	}

	.uo-groups.uo-quiz-report a.paginate_button:first-child {
		margin-right: 5px;
	}

	.uo-groups.uo-quiz-report #uo-quiz-report-table_length {
		position: absolute;
		top: 0;
	}

		.uo-groups.uo-quiz-report #uo-quiz-report-table_length select {
			cursor: pointer;

			border-color: #b7b7b7;
			border-width: 1px;
			border-style: solid;

			font-size: 15px;

			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;

			padding: 4px 10px;
			margin: 0 5px;

			display: inline-block;

			-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
			box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

			transition-duration: 100ms;
			transition-timing-function: linear;
			transition-property: color, border-color;

			background: #f9fafb;
			background: -moz-linear-gradient(top, #f9fafb 0%, #fefefe 100%);
			background: -webkit-linear-gradient(top, #f9fafb 0%,#fefefe 100%);
			background: linear-gradient(to bottom, #f9fafb 0%,#fefefe 100%);
			background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafb', endColorstr='#fefefe', GradientType=0);
		}

	.uo-groups.uo-quiz-report table {
		width: 100%;
		border: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		overflow: hidden;
	}

		@media screen and (max-width: 768px){
			.uo-groups.uo-quiz-report table {
				min-width: 1500px;
			}
		}

	.uo-groups.uo-quiz-report table * {
		line-height: 1;
	}

	.uo-groups.uo-quiz-report #uo-quiz-report-table th,
	.uo-groups.uo-quiz-report #uo-quiz-report-table td {
		padding: 10px 5px;
		line-height: 1;
		border: 0;
	}

	.uo-groups.uo-quiz-report #uo-quiz-report-table thead tr th:first-child,
	.uo-groups.uo-quiz-report #uo-quiz-report-table tbody tr td:first-child {
		padding-left: 10px;
	}

	.uo-groups.uo-quiz-report #uo-quiz-report-table table.dataTable.stripe tbody tr.odd,
	.uo-groups.uo-quiz-report #uo-quiz-report-table table.dataTable.display tbody tr.odd {
		background: transparent;
	}

	.uo-groups.uo-quiz-report #uo-quiz-report-table tbody tr.even,
	.uo-groups.uo-quiz-report #uo-quiz-report-table tbody tr.even td {
		background: #f2f2f2;
	}

@media (max-width: 768px){
	.uo-groups.uo-quiz-report .uo-groups-selection select,
	.uo-groups.uo-quiz-report .uo-select select {
		width: 100%;
	}
}

/* Rest calls */

.uo-groups .uo-groups-rest-result {
	/* display: none; */
}

#uo-group-progress-report {
	display: none;
}

/* Responsive grouped actions */

@media (min-width: 769px){
	.uo-groups .uo-groups-list-of-btns {
		display: none !important;
	}
}

@media (max-width: 769px){
	.uo-groups .uo-btn.uo-btn--quiz-report,
	.uo-groups .uo-btn.uo-btn--progress-report,
	.uo-groups .uo-btn--download-keys,
	.uo-groups .uo-btn.uo-btn--upload-users {
		display: none;
	}

	.uo-groups .uo-groups-list-of-btns {
		float: right;
		line-height: 1;
		position: relative;
	}

	.uo-groups .uo-groups-list-of-btns-main:after {
		content: '\f107';
		font-family: 'FontAwesome';
		margin-left: 5px;
	}

	.uo-groups-list-of-btns .uo-groups-list {
		width: 200px;
		position: absolute;
		right: 0;
		top: calc(100% + 20px);
		z-index: 10;

		border-color: #b7b7b7;
		border-width: 1px;
		border-style: solid;

		text-align: left;
		display: none;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);

		background: #fff;
	}

		.uo-groups-list-of-btns .uo-groups-list:before {
			content: '';
			z-index: 10;
			top: 1px;
			right: 20px;
			position: absolute;
			width: 0;
			height: 0;
			border: 7.5px solid #fff;
			border-color: #fff #fff transparent transparent;
			transform-origin: 0 0;
			transform: rotate(-45deg);
			margin-left: -10px;
			box-shadow: 1px -1px 0 0 #b7b7b7;
		}

		.uo-groups .uo-groups-list-of-btns.uo-groups-list-of-btns-open .uo-groups-list {
			display: block;
		}

		.uo-groups-list-of-btns .uo-groups-list .group-management-form {
			width: 100%;
		}

		.uo-groups-list-of-btns .uo-groups-list .uo-btn {
			padding: 10px 15px;
			text-align: left;

			width: 100%;
			background: none;
			box-shadow: none;
			border: 0;
			margin: 0 !important;
		}
}