.ex-number-template-score:lang(np),
.insidequesdata:lang(np),
.borrownum:lang(np){
    font-family: 'kalimati'!important;
}
.t-text:lang(np),
.bluespan:lang(np),
.displaytext:lang(np),
.hintrow1:lang(np),
.hintrow2:lang(np),
.hintrow3:lang(np)
{

	font-family: 'kalimati'!important;
}

input{
    cursor : pointer;
}
.bg{
	background-color: #EEEEEE;
}
@font-face {
	font-family: abeeze;
	src:url('../../../../../../fonts/ABeeZee/ABeeZee-Regular.ttf')
}
.textblock{
	width: 100%;
	height: 100%;
}
.displaytext{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 2vw;
    left: 0;
	color: transparent;
}
.topheader{
	background: #FFE599;
	height: 16%;
	width: 100%;
	position: absolute;
	border-bottom: 5px solid #F1C232;
	top: 0;
	font-size: 1.4vw;
	font-weight: bold;
	/* display: flex; */
	padding-top:2%;
	color: #66666D;
	align-items: center;
	justify-content: center;
	padding-left: 10%;
	padding-right: 2%;
	font-family: abeeze;
}
.typetext{
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 30%;
	width: 80%;
	font-size: 1.9vw;
	color: #666880;
	font-family: abeeze
}
.inputflex {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 45%;
	height: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.back{
	position: absolute;
	top: 15%;
	right: 0;
	width: 75%;
}
.surekha{
	position: absolute;
	left: 2%;
	top: 25%;
	height: 40%;
}
.subtinput {
    background: #fff2cc;
    border: #ffab40 solid 3px;
    width: 15%;
	padding: 0.5%;
	height: 100%;
	font-size: 1.2vw;
	outline: none;
	text-align: center;
}
input{
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background-color: transparent;
	text-align:center;
	z-index: 120;
	/* color: transparent; */
	font-size: 1.6vw;
}
.plussign{
	font-size: 4vw;
	margin: 4%;
}
.focused{
	border: #3d85c6 solid 3px;
	background: #D3E3F0;
	outline: none;
}

.correctbtn{
	border: 3px solid #6AA84F;
	background: #93C47D;
}
.incorrectbtn{
	border: 3px solid #E06666;
	background: #F4CCCC;
}
.checkbtn {
	margin-left: 5%;
	padding: 1% 3%;
	background: #3D85C6;
	border: 2px solid #B7D4FF;
	color: white;
	border-radius: 15%/45%;
	outline: none;
}
.correcticon{
	height: 60%;
	position: absolute;
	top: -50%;
	left: 100%;
}
.hintinst{
	font-weight: normal;
	font-size: 1.3vw;
}
.hintbox{
	height: 84%;
	width: 30%;
	background: #FFF2CC;
	position: absolute;
	top: 16%;
	right: -30%;
	z-index: 500;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.hinthead{
	background: #BF9000;
	color: white;
	height: 10%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-image: url('../images/arrowslide.png'); */
	background-size: 15%;
	background-repeat: no-repeat;
	background-position-x: 5%;
	background-position-y: center;
	font-size: 2vw;
	cursor: pointer;
}
.hintrow{
	height: 60%;
	position: absolute;
	top: 20%;
	display: flex;
	font-weight: bold;
	color: #B57006;
	font-size: 1.4vw;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.hrline{
	width: 60%;
	height: 1%;
	background: #B57006;
}
.hintpopup{
	width: 10%;
    height: 5%;
    position: absolute;
    right: -10%;
    top: 30%;
    background: #B57006;
    color: white;
	cursor: pointer;
}
.bottomtext{
	width: 30%;
	height: 25%;
	padding:1%;
	padding-left: 10%;
	/* display: flex; */
	align-items: center;
	position: absolute;
	bottom: 6%;
	left: 10%;
	font-size: 2vw;
	background-image: url('../../images/snail.gif');
	background-size: 25%;
	background-position: center left;
	background-repeat: no-repeat;
	color: #222222;
	background-color:#C9DAF8;
	border-radius: 10%/20%;
}
.showans{
	padding: 2% 6%;
	margin-bottom: 15%;
	background: #3D85C6;
	color: white;
	border-radius: 10%/30%;
	border: none;
	outline: none;
}
.sgt {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
    /* height: 78%; */
    width: 7.85%;
}
.ex-number-template-score{
	top: 16%;
	right: 0%
}
@media (min-aspect-ratio: 4/3) {
    .topheader {
        font-size: 2.8vh;
    }
	.bottomtext{
		font-size: 3vh;
	}
}