.startUpModalStudent {
	z-index: 99999!important;
}

.user_name {
	padding-top: 40px;
	text-align: right;
}

.user_options {
	padding-top: 40px;	
}

.dropdown-icon {
	/*background-color: #30475e;*/
	color: #30475e;
	padding: 4px 4px;
}

.dashboard-icon {
	/*background-color: #30475e;*/
	color: #30475e;
	padding: 4px 6px;
}

.dropdown-icon:hover, .dashboard-icon:hover {
	color: #30475e !important;
}

.logo-test a img {
	width: 150px;
}

.user-profile {
	padding: 5px 0px;
	min-width: 30px;
	text-align: right;
}

.user-profile a img {
	width: 20px;
}

.update-pass-left-text h5 {
	font-style: italic;
	font-size: 20px;
	padding: 4px 0;
}

.update-pass-left-text h5 span {
	font-size: 20px;
	font-style: normal;
}

.mobile-buttons {
	position: absolute;
	/*bottom: 20px;*/
	top: 630px;
	text-align: center;
}

.mobile-buttons a img {
	max-width: 150px;
}

.update-pass-left-text {
	padding: 0px 0;
	margin: 0 1rem 0 0;
}

.login-content form{
	width: 360px;
}
form#test_form {
	width:100% !important;
}
.show-error-msg {
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0;
}
/* .signup_form .show-error-msg{
  margin-bottom: 15px !important;
} */
.grammar-option-active .option-bg {
	background-color: #8D4195;
}

.grammar-option-active  h3 {
	color: #fff;
}
.grammar-option-active  h3 span {
	color: #8D4195;
	background-color: #fff;
	padding: 10px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: inline-block;
	text-align: center;
	margin-right: 25px;
	font-size: 22px;
	font-weight: 500;
}

.grammar-option-inactive  h3 {
	color: #8D4195
}

.grammar-option-inactive  h3 span {
	color: #8D4195;
	background-color: #fff;
	padding: 10px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: inline-block;
	text-align: center;
	margin-right: 25px;
	font-size: 22px;
	font-weight: 500;
}

.show_question {
	display: block;
}

.hide_question {
	display: none
}

.select_option:hover{
	cursor: pointer;
}

.text02 a:not(.reading_answer){
	color: #4B5875 !important;
}
/* .text02 a.reading_answer {

      color: #0000CD !important;
} */

.grammar-test-wrap .reading-question-wrap p input {
	font-style: italic;
	font-weight: 700;
	color: #4B5875;
	border-bottom: 2px solid #4B5875;
}

.grammar-right-wrap h1.grammar_test_start {
	font-size: 40px;
	font-weight: 400;
	color: #8D4195;
	margin-bottom: 0;
	line-height: 60px;
}
.grammar-right-wrap h1.writing_test_start {
	font-size: 40px;
	font-weight: 400;
	color: #DB483D;
	margin-bottom: 0;
	line-height: 60px;
}
.grammar-right-wrap h1.reading_test_start {
	font-size: 40px;
	font-weight: 400;
	color: #319392;
	margin-bottom: 0;
	line-height: 60px;
}

.grammar-right-wrap h1.listening_test_start {
	font-size: 40px;
	font-weight: 400;
	color: #264B82;
	margin-bottom: 0;
	line-height: 60px;
}

.record-left {
	margin-right: 25px;
	margin-top: 7px;
}

.next-btn.active button{
	color: #fff;
	background-color: #ff7a5c !important;
	border-color: transparent
}

.back-btn .btn{
	background-color: #f2f3f4;
	border-color: transparent;
	color: #A0A0A0;
	font-style: italic;
	font-weight: 500;
}
.update-profile-no{
	background-color: #ff7a5c !important;
	color: #fff !important;
}
.back-btn-active .btn{
	color: #fff;
	background-color: #ff7a5c !important;
	border-color: transparent !important
}
.text08 a{
	color: #FF7A5C;
}


.tooltip_signup {
	position: relative;
	display: inline-block;
	border:none;
}

.tooltip_signup .tooltiptext {
	border-top:4px solid red;
	width: 250px;
	background-color: black ;
	opacity:0.7;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 50%;
	margin-left: -60px;
}

.tooltip_signup .toparrow {

	width: 50px;

	opacity:0.7;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 90%;
	margin-left: -60px;
}

.tooltip_signup .toparrow::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	opacity:0.7;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}
.tooltip_hide{
	display: none;
}
.profile_detail_form select {
	background-color: transparent !important;
}
/*
.tooltip_signup:hover .tooltiptext {

  visibility: visible;
}
.tooltip_signup:hover .toparrow {

  visibility: visible;
} */

/* //snackbar */
#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #e7e7e7;
	color: #0d1a2e;
	text-align: center;
	border-radius: 25px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-size: 17px;
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
	animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

.error {
	color:red;
	font-size:14px;
	text-decoration:none;
}
.update_password_form .error{
	color: #FF9240 !important;
	font-size:14px !important;
	text-decoration:none !important;
	font-weight: normal !important;
}

.timer_demo_grammar {
	border:8px solid #8D4195;
	border-radius:50%;
	width:90px;
	height:90px;
	margin-top:10px;
	position: relative;
	float:right;
}

.timer_demo_grammar span{
	font-size:20px !important;
	color:#8D4195;
	position: relative;
	margin-top:11px;
	text-align: center;
	float:right;
	margin-right:14px;
	vertical-align:middle;
}

.timer_demo_listening {
	border:8px solid #264B82;
	border-radius:50%;
	width:90px;
	height:90px;
	margin-top:10px;
	position: relative;
	float:right;
}
.timer_demo_listening span{
	font-size:20px !important;
	color:#264B82;
	position: relative;
	margin-top:11px;
	text-align: center;
	float:right;
	margin-right:14px;
	vertical-align:middle;
}

.writing_submit{
	margin-top: -50px !important;
}

.word_count {
	font-size: 24px;
	font-weight: 500;
	color: #DB483D;
}
.fa-user-plus{

	font-size: 50px;
	color: #fff;
	background-color:#d1d1d1;
	border-radius:50%;
	vertical-align: middle;
	padding-left: 7px;
	padding-top: 10px;
	height:72px;
	width:72px;
}

.modal-backdrop {
	background-color: black;
}

.changeZindex{
	z-index: 9999999;
}

.btn-green-reading {
	background-color: #319392;
}
.btn-green-reading:hover {
	background-color: #319392;
}

.active_underline{
	color:#0000CD !important;
	border-bottom: 2px solid #0000CD !important;
}
.timer-question{
	margin-right: 20px;
}

.record-left .plyr__volume{
	display:none !important;
}
/* .reading-header-wrap .nav-tabs .nav-link {
    border: 0;
    background-color: #ededed;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 500;
    color: #319392;
    padding: 10px 20px;
} */



/* Arshit Css 31_07_2020 */

.left-test-wrap li {
	font-size: 16px;
	margin-bottom: 30px;
	color: #264B82;
	text-align: justify;
	word-spacing: 2px;
}

ul.dashed {
	list-style-type: none;
}
ul.dashed > li {
	text-indent: 25px;
}
ul.dashed > li:before {
	content: "-";
	text-indent: 15px;
}

.right-test-wrap .score-box {
	padding: 9px 20px !important;
	font-size: 20px !important;
}

.right-test-wrap .previous-btn{
	justify-content:space-between !important;
}

.right-test-wrap .writing-wrap .writing-title-btn{
	text-transform: capitalize !important;
}
.test-div .input-text-wrap{
	padding:5px 15px !important;
}
/*
.writing-question-wrap {
  padding-top: 0px !important;
} */
.jconfirm-title{
	text-align: center;
	line-height: 30px;
}
.user-wrap .user_profile_pic  {
	border-radius: 7px;
	height: 55px !important;
	width: 55px !important;
	margin-top:-15px;
	margin-left:-15px;
}

.dob-header label{
	color: #8E98B9;

	font-weight: 600;
	font-size: 13px;
	border-bottom: 1px solid #F5F5F5;
	padding-bottom: 15px;
	padding-left: 10px;
	width:150px;
}

.grammar-test-wrap .writing-left .teacher .nav-link.active{
	background-color: #f3765f !important;
}

.grammar-test-wrap .writing-left .teacher .nav-link span {
	color: #f3765f !important;
}
.grammar-test-wrap .writing-left .teacher .nav-link.active span {
	color: #fff !important;
}

.data-table-wrap .table thead th {
	padding: 20px !important;
}

.test-data .box-bg {
	border-radius: 10px;
	padding: 0px 20px !important;
	font-size: 15px;
	height: 50px !important;
	line-height: 50px;
	text-align: center;
}

.test-data .grammar-value {
	text-align: center;
	font-size: 18px !important;
	color: #000;
	padding-top: 10px !important;
}

.right-test-wrap .table tbody td{
	padding-left: 20px;
}

@media (max-width: 1365px) and (min-width: 992px){
	.listening-and-speaking-wrap .play-right .form-control {
		padding:0px;
	}
}

/*********************************************************************************************************/
/* Profile Details
/*********************************************************************************************************/

.profile-details > div > .page-title {
	text-align: left;
	border-bottom: 1px solid #ccc;
	color: #6a7179;
	font-size: 22px;
}

.profile-details-data h5 {
	color: #30475E;
	font-weight: 400;
	font-size: 17px;
	padding: 0 0px;
}

.profile-details-data h6 {
	color: #8e8e8e;
	margin: 0 0 0 0;
	font-weight: 400;
	padding: 0 0px;
}

.flaticon-password::before {
	margin-left: 0;
}

.academy-details-left label {
	margin: 0 !important;
}

.profile-details-data .profile-image {

}

.media_icons .fa-instagram {
  color: #ff8f5c;
  background-color: #eee;
    padding: 9px 11px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    /*margin-right: 2rem;*/
}

.media_icons .fa-youtube {
  color: #ff8f5c;
  background-color: #eee;
    padding: 9px 8px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    /*margin-right: 2rem;*/
}

.media_icons .fa-twitter {
  color: #ff8f5c;
  background-color: #eee;
    padding: 9px 9px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
}

.media_icons .fa-facebook-f {
  color: #ff8f5c;
  background-color: #eee;
    padding: 9px 15px 9px 16px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
}

.media_icons .fa-linkedin-in {
  color: #ff8f5c;
  background-color: #eee;
    padding: 9px 11px 9px 11px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
}