/****************  DEV CSS FOR QUESTIONS *************/
.th_quiz_section	{
	display: none;
}
.th_feedback_form{
	display: none;
}
.th-loading-mask {
	display : none;
}
/******************  end code ******************/

/* desineg code Form Step */
.th_main {
    margin: 50px 0;
}
.th_container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.th_ques_heading {
	font-weight: bold;
	font-size: 26px;
	padding-bottom: 25px;
	display : none;
}

.th_question {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	/* padding: 50px 0 0; */
}
.th_q_ans {
	width: 49%;
	display: flex;
}
.th_q_ans label {
	display: flex;
	align-items: center;
	background: rgb(241, 241, 241);
	color: rgb(82, 82, 82);
	border: 1px solid rgb(226, 226, 226);
	font-size: 15px;
	line-height: 1.5;
	padding: 13px 8px 11px;
	margin: 10px 0px 10px;
	clear: both;
	overflow: hidden;
	transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
}
.th_q_ans label:hover {
	filter: brightness(90%);
}
.th_q_ans label span {
	color: #b4b4b4; font-weight: 300;
	font-size: 22px;
	line-height: 20px; padding-left: 10px;
	font-family: Merriweather;
}
.th_question_text {
	color: #022444;font-size: 22px; line-height: 36px;
	font-weight: 300;
	font-family: "Merriweather", Sans-serif;
}
.th_back_button input {
    background: lightgray !important;
    color: black !important;
    font-size: 14px; text-transform: uppercase;
    height: 50px;
    padding: 15px 28px;
    margin-right: 7px;
}
.th_form_detail .th_inputfield {
	border: 1px solid rgb(195, 195, 195);
	border-radius: 3px;
	padding: 10px;
	font-size: 14px;
	background: rgb(243, 243, 243);
	outline: 0px !important;
	width: 100%;
	margin-bottom: 10px;
}
.th_form_detail input.th_inputfield:focus{color: #222; border-color: #333;}

.th_ajax_loaders {
	position: fixed;
	z-index: 9999;
	width: 100% !important;
	height: 100%;
	text-align: center;
	top: 0;
	background: rgb(0, 105, 255, 0.6);
	left: 0;
	right: 0;
	max-width: 100% !important;
}
.th_LoadImg {
	position: absolute;
	left: 0;
	right: 0;
	transform: translateX(0%) translateY(-50%);
	top: 50%;
	width: 100%;
}
.th_ajax_loaders .th_LoadImg img {
	max-width: 100px;
	margin: 0 auto;
}
.th_form_detail form.th-form{display: flex; justify-content: space-between; flex-wrap: wrap;}
.th-input{width: 49%;}
.th-btn {flex: 0 0 100%;}
/*** Media Screen Css **/
@media only screen and (min-width: 100px) and (max-width: 767px) {
.th_q_ans {width: 100%;}
}

.th_backnext {
    display: flex !important;
    align-items: center !important;;
}
.th_blue input {
    background: #0078f9 !important;
    color: #fff !important;
}
input.th_que_input {
    display: flex;
    align-items: center;
    background: #fff !important;
    color: rgb(82, 82, 82);
    border: 1px solid rgb(226, 226, 226);
    font-size: 15px;
    line-height: 1;
    padding: 13px 8px 11px;
    margin: 10px 0px 10px;
    clear: both;
    overflow: hidden;
    transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
	font-family:inherit !important;
}
.th_error {
    color: red;
    font-size: 13px !important;
}