.home-page-container.mobile-container {
	margin-top: 90px;
	padding: 0 12px;
	font-size: 120%;
}

.home-page-container.mobile-container .test-paper-container {
	/*
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	*/
}

.home-page-container.mobile-container .theory-container .section-title-box {
	font-style: italic;
	max-width: 80%;
}

.home-page-container.mobile-container .problem-div {
	border: 1px solid #dddddd;
	padding-bottom: 45px;
}

.home-page-container.mobile-container .problem-div .referred-theory {
	position: absolute;
	background-color: white;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	padding-bottom: 25px;
}

.home-page-container.mobile-container .bottom-toolbar {
	background-color: #000000;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 6px;	
	display: flex;
	justify-content: center;	
	z-index: 3;
}

.home-page-container.mobile-container .bottom-toolbar button {
	margin: 0 6px;
}

.navbar .container-fluid .tp-name-div {
	border: 1px solid #f5deb3;
	width: fit-content;
	padding: 3px 32px;
	border-top-right-radius: 45% 50%;
	border-bottom-right-radius: 45% 50%;
	border-top-left-radius: 45% 50%;
	border-bottom-left-radius: 45% 50%;
	text-align: center;	
}

.dpp-problem-container {
	position: absolute;
	inset: 0;
	overflow: hidden;
	padding: 0px 12px;
	padding-bottom: 4em;	
}

.dpp-problem-container .dp-prob-page {
	position: absolute;
	/* inset: 12px; */
	top: 0;
	bottom: 12px;
	left: 12px;
	right: 12px;
	padding: 12px;
	padding-bottom: 4em;
	border: 1px solid #2dc997;	
	overflow: auto;
}

.dp-prob-page .question-btn {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 50px;
    margin: 10px;
    border: 2px solid #000000;
    color: #ffffff;
	background-color: #000000;
	text-align: center;
}

.dp-prob-page .hint .hint-header {
	text-decoration-line: underline;
	text-decoration-style: double;
	font-style: italic;
	font-family: 'MathJax_Math';
	font-weight: bold;
	font-size: 110%;	
}

.dp-prob-page .explanation button .tooltip-content {
	display: none;
}

.dp-prob-page .question-btn.question-btn-sm {
    font-size: 10px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 4px 14px;
}

.dp-prob-page button.question-btn {
    transition: 0.5s;
    border: 2px solid #2dc997;
    color: #2dc997;
	background-color: #fff;
}

.dp-prob-page button.question-btn:hover, .dp-prob-page button.question-btn:active, dp-prob-page button.question-btn:focus {
    background-color: #2dc997;
	color: #fff;
}

.dp-prob-page button.question-btn[disabled], .dp-prob-page button.question-btn.disabled {
	border-color: #aaaaaa;
	color: #aaaaaa;
	background-color: #eeeeee;
	cursor: no-drop;
}

.dp-prob-page .ver-res-div {
	font-size: 14px;
}

.dp-prob-page .flipbook-page-break {
	display: none;
}

.dp-prob-page .dpp-reg-link {
	text-align: center;
	font-family: 'Brush Script MT', cursive;
	font-size: 18px;
	color: #06068c;
	/* white-space: nowrap; */
}

.dp-prob-page .hint {
	margin: 0.75rem 0;	
}

.dp-prob-page .prb-serial-num {
	font-family: 'Brush Script MT', cursive;
	font-size: 14px;	
	text-decoration: underline;
	margin-bottom: 0.5em;
	color: #06068c;
}
	
.dp-prob-page .dpp-reg-link a {
	text-decoration: underline;
}

.mobile-container .help-modal .item-cont {
	min-width: 1280px;
}

.mobile-container .help-modal .mobile-disclaimer {
	margin: 12px 6px;
	display: block;
}

.back-to-top.active.hidden {
	visibility: hidden;
	opacity: 0;
}

.mobile-container .xa-spoiler.xa-spoiler-active {
	animation: mobBlinkingSpoiler 1.5s 3;
}

.mobile-container .xa-spoiler-div {
	display: inline-block;
}

.mobile-container .xa-spoiler {
	position: relative;
	background-color: #000;
	color: #000;
	cursor: pointer;
	opacity: .6;
	margin: 1.5px 0;
}

.mobile-container .xa-spoiler:after {
    content: '?';
    color: #fff;
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes mobBlinkingSpoiler {
	0%{scale: 1.0; opacity: 0.6;}
	20%{scale: 1.066; opacity: 0.733;}
	40%{scale: 1.133; opacity: 0.866;}
	50%{scale: 1.2; opacity: 1.0;}
	60%{scale: 1.133; opacity: 0.866;}
	80%{scale: 1.066; opacity: 0.733;}
	100%{scale: 1.0; opacity: 0.6;}
}