a:visited{
	color : white !important;
}
.breadcrumb{
	background-color : white !important;
}
.breadcrumb-item a,.breadcrumb-item a:visited{
	color : #0056B3 !important;
}
ul.categor-list li a:visited{
	color : #333 !important;
}
.btn-lg{
	font-size: 1.25rem;
}
.btn-danger{
	color: white !important;
	background-color: #DC3545 !important;
	border-color: #DC3545 !important;
}
.btn-success{
	color: white !important;
	background-color: #28A745 !important;
	border-color: #28A745 !important;
}
.card{
	box-shadow: 5px 5px 10px 0 #CCC;
}
.sidebar {
	width: 350px;
	background-color: #ffffff;
	padding: 20px;
	border-right: 1px solid #ccc;
	box-shadow: 2px 0 5px rgba(0,0,0,0.1);
	overflow-y: auto;
}
.sidebar h2 {
	font-size: 22px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}
.info-item {
	margin-bottom: 12px;
}
.info-label {
	font-weight: bold;
	color: #333;
}
.image-display {
	text-align: center;
}
.image-display img {
	width: auto !important;
	height: 90vh !important;
	border-radius: 8px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	user-select: none;
}
.image-range input[name='image_range']{
	margin : auto;
	display: block;
	width: 95% !important;
}
.content {
	flex: 1;
	padding: 20px;
	overflow-y: auto;
}
.answer-area input[type='checkbox']{
	visibility: hidden;
}
.answer-area input[type='checkbox']:checked + label {
	background-color: #046301 !important;
}

.correct_circle{
	position: absolute;
	top: 0.2rem;
	left: -1.2rem;
	font-size: 3.0rem;
}

@media screen and (max-width: 600px) {
	.image-display img {
		height: auto !important;
		width: 100vw !important;
	}
	.image-range input[name='image_range']{
		width: 100vw !important;
	}
}