.mark-title-essay {
color: #DF7100;
font-weight: bold;
font-size: 18px;
margin: 5px 0;
}
.essay-question-2022 {
border-bottom: 1px solid #cccccc;
font-size: 18px;
}
.essay-question-2022 img {
max-width: 100%;
}
h1 {
font-size: 20px;
font-weight: bold;
}
img {
max-width: 100%;
}
.left img {
max-width: 70%;
}
.essay-question-20221 * {
font-size: 18px;
}
.essay-question-link {
color: #1270E3;
}
h1.title-question {
font-size: 20px;
font-weight: bold;
}
h1.title-question p{
font-size: 20px;
font-weight: bold;
}
h1.title-question div{
font-size: 20px;
font-weight: bold;
}
h1.title-question span{
font-weight: bold;
}
.dapan > li {
margin-bottom: 10px;
}
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
}
.dapan .answer-opt {
display: flex;align-items:flex-start;padding: 10px;border: 2px solid lightgrey;border-radius: 15px;
position: relative;margin-bottom: 20px;
}
.dapan .answer-opt.answer-user-true {
border: 2px solid #8BC34A;
}
.dapan .answer-opt.answer-user-false {
border: 2px solid red;
}
.span-answer {
font-weight: bold;
padding-top: 0;
margin-right: 6px;
}
.option-answer-check {
position: absolute;
text-transform: capitalize;
top: -15px;
font-size: 14px;
font-weight: bold;
letter-spacing: -.5px;
right: 20px;
padding: 0 6px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background: white;
color: #8BC34A;
}
.option-answer-user {
position: absolute;
text-transform: capitalize;
top: -15px;
font-size: 14px;
font-weight: bold;
letter-spacing: -.5px;
right: 20px;
padding: 0 6px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background: white;
color: red;
}
nav.breadcrumb-nav {
background-color: #ffffff;
padding: 10px 15px;
border-radius: 5px;
border-bottom: 1px solid lightgrey;
}
.breadcrumb {
list-style: none;
display: flex;
flex-wrap: wrap;
font-size: 18px;
}
.breadcrumb li {
display: flex;
align-items: center;
font-weight: 600;
color: #373636;
}
.breadcrumb li + li::before {
content: ">";
margin: 0 10px;
color: #373636;
}
.breadcrumb a {
text-decoration: none;
color: #373636;
transition: color 0.2s ease-in-out;
}
.breadcrumb a:hover {
color: #373636;
}
.breadcrumb .active {
color: #6c757d;
pointer-events: none;
}
ul li {font-size: 18px;line-height: 24px;}
.question-report {
margin: 30px 0;
}
table {
max-width: 100%;
}