/*Top and bottom scrollbar*/
.wrap-scrollbar-bottom {
  width: 100%;
  overflow: auto;
}

.scrollbar-top {
  width: 100%;
  overflow: auto;
}

.scrollbar-top div {
  font-size: 1px;
  line-height: 1px;
}


.fullscreen-card {
  position: fixed !important;
  top: 0px;
  z-index: 99999;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0;
  border-radius: 0;
  border: 1px solid #ddd;
  height: 100vh;
  overflow: auto;
  background: #fff;
  width: 100%;
  padding: 10px 15px 100px 15px;
}

.fullscreen-card .scrollbar-top {
  width: 100% !important;
}
.card-toolbar{
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

/* dump questions */
.exam-question-card {border: 1px solid #eee; border-radius: 4px;}
.card .card-header {padding: 10px 15px;border-radius: 4px 4px 0px 0px; font-size: 1.1em;}
.card .card-body {padding: 15px;}
.question-title-topic{ font-style: italic;}
.card .card-text {line-height: 1.5;}
.question-choices-container .multi-choice-item{ line-height: 1.5; padding: 5px 10px; margin: 5px 10px;}
.question-answer{display: none; background: #f7f7f9;border: 1px solid #d9dbe4; border-radius: 4px; padding: 10px;}
.question-answer .correct-answer-box{font-size: 1.1em;}
.mb-15{margin-bottom: 1.5rem;}
.mt-15{margin-top: 1.5rem;}
.show-answer .correct-choice{    
    border: 1px solid lightgreen;
    border-radius: 4px;
}
.show-answer .incorrect-choice{    
  border: 1px solid red;
  border-radius: 4px;
}
.show-answer .question-answer{display: block;}

/* The container */
.radio-list {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-list input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-list .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-list:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-list input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-list .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-list input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-list .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* end dump questions */