#popupFullscreen .modal_wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	display: flex;
	flex-flow: column;
	padding: 2.1220159151193636vh;
	background:url(assets/image/cover/bg_soal2.png) no-repeat center / cover;
	transform: translateX(-50%);
}
#popupFullscreen .modal_wrapper .header_soal{
	display: none;
	width: 100%;
	height: 7vh;
}
#popupFullscreen .modal_wrapper .header_soal .logo_and_time{
	height: 100%;
	float: left;
}
#popupFullscreen .modal_wrapper .header_soal .logo_and_time img{
	height: 100%;
}
#popupFullscreen .modal_wrapper .time_soal{
	 position: relative;
    height: 100%;
    float: right;
}
#popupFullscreen .modal_wrapper .time_soal span{
	position: absolute;
    left: 40%;
    top: 60%;
    font-family: BebasBold;
    font-size: 3vh;
    color: #FFF;
    transform: translate(-50%, -50%);
}
#popupFullscreen .modal_wrapper .soal_wrapper{
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 100%;
	text-align: center;
}
#popupFullscreen .modal_wrapper .soal_wrapper .title_soal{
	width: 100%;
	background: #5469E3;
	color: #FFF;
	font-weight: 700;
	border-radius: 2.1220159151193636vh;
	padding: 1.5915119363395225vh 2.1220159151193636vh;
	/*margin-top: 2.1220159151193636vh;*/
	margin-left: 0;
	margin-right: 0;
	display: flex;
}
#popupFullscreen .modal_wrapper .soal_wrapper .intro_wrapper{
	text-align: left;
	width: 100%;
	max-height: 62vh;
	background: #FFF;
	border-radius: 2.1220159151193636vh;
	border: solid 2px #C4DFEF;
	box-sizing: border-box;
	margin-top: 2.1220159151193636vh;
}
#popupFullscreen .modal_wrapper .soal_wrapper .intro_wrapper .intro_soal{
	height: 100%;
	overflow-y: auto;
	margin: 3.183023872679045vh 1.0610079575596818vh 3.183023872679045vh 0px;
	padding: 0px 4.774535809018568vh;
}
#popupFullscreen .modal_wrapper .soal_wrapper .question_and_choice{
	height: 100%;
    color: #FFF;
    margin-top: 3.183023872679045vh;
    overflow-y: auto;
    padding: 0px 3.183023872679045vh;
    margin: 3.183023872679045vh -2vh 0px;
}
#popupFullscreen .modal_wrapper .soal_wrapper .question_and_choice .choices{
	margin-top: 3.183023872679045vh;
}
#popupFullscreen .modal_wrapper .soal_wrapper .question_and_choice .choices .choice{
	width: 100%;
	background: #FFF;
	color: #000;
	padding: 2.1220159151193636vh 3.183023872679045vh;
	border-radius: 2.1220159151193636vh;
	border: solid 2px #C4DFEF;
	box-sizing: border-box;
}
#popupFullscreen .modal_wrapper .soal_wrapper .question_and_choice .choices .choice+.choice{
	margin-top: 2.1220159151193636vh;
}
#popupFullscreen .modal_wrapper .soal_wrapper .question_and_choice .choices .choice.active{
	background: #CCDFFF;
	border: solid 2px #458BFF;
}
#popupFullscreen .modal_wrapper .button_wrapper{
	position: relative;
	margin-top: 2.1220159151193636vh;
	text-align: center;
}
#popupFullscreen .modal_wrapper .btn-back_game,.modal_wrapper .btn-next_soal,.modal_wrapper .btn_next_submit,.modal_wrapper .truefalse_wrapper,.modal_wrapper.konteks .question_and_choice,.modal_wrapper.quiz .intro_wrapper{
	display: none;
}
#popupFullscreen .modal_wrapper.konteks .btn-next_soal,.modal_wrapper.quiz .btn-back_game{
	display: block;
}
#popupFullscreen .centered_col{
	padding: 0;
	margin: auto;
	display: flex;
	align-items: center;
}
#popupFullscreen .right{
	color: #008834 !important;
	background: #92F7B9 !important;
	border: solid 2px #52D183 !important;
}
#popupFullscreen .wrong{
	color: #C30F0F !important;
	background: #FFADA2 !important;
	border: solid 2px #FA7968 !important;
}

#popupAnimation .modal_wrapper{
	position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    justify-items: center;
    align-items: center;
    animation-duration: 0.5s;
}
#popupAnimation.active ~ .modal-backdrop.in{
	opacity: 0;
}