.card .card-header .heading-elements a i, .card .card-header .heading-elements a svg {
    height: 11px;
    width: 12px;
    font-size: 12px;
}

#container {
	padding: 0 20px 0 20px;
}

#container .card-custome{
	border-radius: 15px;
	background: #9a9191;
	background: linear-gradient(176deg,#9a9191 0%, #ffffff 80%);
	background: -webkit-linear-gradient(176deg,#9a9191 0%, #ffffff 80%);
	background: -moz-linear-gradient(176deg,#9a9191 0%, #ffffff 80%);
	box-shadow:  5px 5px 20px #9d9d9d,
				-5px -5px 20px #ffffff;
}

#container .card-custome .card-body .card-soal{
	overflow: hidden;
	border-radius: 10px;
	background: rgb(244, 249, 249);
	box-shadow: -1px 0px 12px -2px rgba(0,0,0,0.75) inset;
	/*box-shadow: inset 5px 5px 5px #9d9d9d,
				inset -5px -5px 10px #ffffff;*/
}

.kop-soal {
	padding: 20px;
}

.kop-soal .kop-soal-title {
	font-size: 18px;
}

.kop-soal .kop-soal-img {
	width: 75px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#container {
		padding: 0 40px 0 40px;
	}

	.kop-soal .kop-soal-title {
		font-size: 20px;
	}

	.kop-soal .kop-soal-img {
		width: 80px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#container {
		padding: 0 80px 0 80px;
	}

	.kop-soal .kop-soal-title {
		font-size: 25px;
	}

	.kop-soal .kop-soal-img {
		width: 90px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#container {
		padding: 0 110px 0 110px;
	}

	.kop-soal .kop-soal-title {
		font-size: 28px;
	}

	.kop-soal .kop-soal-img {
		width: 100px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#container {
		padding: 0 150px 0 150px;
	}
}

.card-nilai{
	height:80px;
	width: 80px;
	border-radius: 18px;
	background: linear-gradient(145deg, #e6e6e6, #ffffff);
	box-shadow:  5px 5px 15px #9e9e9e, -5px -5px 15px #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#kartu-pelajar .card {
	background-color: aqua;
}

#kartu-pelajar .nama-sekolah {
	font-weight: 700;
	font-size: 18px;
}

#kartu-pelajar .deskripsi {
	font-size: 12px;
}

#kartu-pelajar .foto-siswa {
	height: 110px;
	width: 90px;
	object-fit: cover;
	border-radius: 10px;
}

#kartu-pelajar .biodata p{
	font-size: 16px;
}

@media (max-width: 700px) {
	#kartu-pelajar .deskripsi {
		display: none;
	}

	.ql-editor p {
		font-size: 13px;
	}
}

.warp-loading {
	margin-top: -50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(217, 206, 211, 0.3);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.loading-submit {
	background-image: url('../images/loading.gif');
	background-size: cover;
	width: 150px;
	height: 150px;
}

.title-page{
	text-align: center;
	background-color: rgba(0, 207, 232);
	color: #ffffff;
	margin-top: 20px;
	font-weight: 600;
}

.title-page p{
	margin: 0;
	padding: 5px
}