Current File : /home/pacjaorg/public_html/sceju/wp-content/plugins/learnpress-gradebook/src/index.scss

.learnpress-gradebook {
	button{
		.components-spinner{
			margin: 0 10px 0 0;
		}
	}

	table {
		th.index {
			width: 50px;
		}
		thead {
			th {
				color: #2271b1;
			}
		}
	}
}

div#learnpress-gradebook-react {
	padding: 20px 20px 20px 0px;

	.breadcrumb {
		display: flex;
		flex-wrap: wrap;
		padding: 0.75rem 1rem;
		margin-bottom: 1rem;
		list-style: none;
		background-color: #e4e4e4;
		border-radius: 2px;
		margin-left: 0;

		>li{
			margin: 0;
		}

		.breadcrumb-item + .breadcrumb-item::before {
			display: inline-block;
			padding-right: 0.5rem;
			padding-left: 0.5rem;
			color: #6c757d;
			content: "/";
		}
		a {
			cursor: pointer;
		}
	}
}
.learnpress-gradebook .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
	margin-top: 20px;

	li {
		position: relative;
		margin-left: -1px;
		line-height: 1.25;
		color: #2271b1;
		background-color: #fff;
		border: 1px solid #dee2e6;
		cursor: pointer;

		&.active {
			z-index: 1;
			color: #fff;
			background-color: #2271b1;
			border-color: #2271b1;
			a {
				color: white;
			}
		}
		a {
			display: flex;
			width: 33px;
			height: 33px;
			justify-content: center;
			align-items: center;
		}
	}
}
.learnpress-gradebook .lp-skeleton-animation {
	li {
		width: 100%;
		height: 30px;
		border-radius: "4px";
	}
}
.learnpress-gradebook {
	h2.title-head{
		span{
			font-size: 14px;
		}
	}
	.wrap-config {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;

		.export-csv {
			width: 50%;
			display: flex;
			align-items: center;
			column-gap: 20px;

			input[type="search"]{
				min-width: 400px;
			}
		}
		.search-screen {
			width: 50%;
			display: flex;
			justify-content: flex-end;
			align-items: center;

			form#posts-filter {
				display: flex;
				align-items: center;
			}
		}
	}

	.chart_sc {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		text-align: center;
		justify-content: space-between;
		align-items: end;

		&.chart_sc3 {
			text-align: left;
			justify-content: unset;
			align-items: center;

			.quiz_detail {
				width: 30%;
			}
			.detail-chart {
				width: 22%;
			}
		}
		.detail-chart {
			width: 45%;

			&__loading{
				position:relative;

				>:not(.components-spinner){
					opacity: .2;
					pointer-events: none;
				}

				>.components-spinner{
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -10px;
					margin-left: -10px;
				}
			}

			ul.subsubsub {
				margin-bottom: 20px;
				li {
					margin-right: 5px;
				}
			}

			.ct-chart {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.ct-left {
					width: 55%;
				}
				.ct-right {
					width: 45%;
					text-align: left;
				}
			}
		}
		.title-chart {
			display: flex;
			align-items: center;

			p {
				font-style: italic;
				font-size: 14px;
				padding-left: 10px;
			}
			&.center {
				justify-content: center;
			}
		}
	}

	.number_retake {
		display: inline;
		position: relative;

		span.count_retake {
			padding: 8px;
			cursor: pointer;
		}
	}
	span.lp-gradebook-item__title{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		width: 100%;
	}
}

.wp-list-table{
	&.lp-gradebook-spinner {
		position: relative;

		tbody{
			opacity: 0.2;
		}

		>.components-spinner{
			position: absolute;
			top: 50%;
			left: 50%;
		}
	}
}

.lp-gradebook-overlay{
	background-color: rgba(0,0,0,.05);
	.components-modal__frame{
		box-shadow: 0 0 2px 0 #ccc;
	}
}
.lp-gradebook_retake {
	width: 150px;
	.lp-gradebook_retake_detail{
		display:flex;
		justify-content: space-between;
		padding:10px 15px;
		cursor: pointer;
		font-size: 13px;
		font-weight: normal;
		background-color:#f6f7f7;

		&:nth-child(2n+1){
			background-color:#fff;
		}
	}
}
.components-dropdown__content.lp-gradebook_my_popover_content{
	.components-popover__content {
		box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
		border-radius: 5px;
		> div {
			padding:0;
		}
	}
}