/* Default class styles*/
body{
	overflow-x:auto;
}
.clear{
	clear:both;
}
.floatLeft{
	float:left !important;
}
.floatRight{
	float:right !important;
}
.width100{
	width:100%;
}
.cursorPointer{
	cursor:pointer;
}
.displayBlock{
	display:block !important;
}
.displayNone{
	display:none;
}
.displayInlineBlock{
	display:inline-block !important;
}
.verticalAlignTop{
	vertical-align:top !important;
}
.verticalAlignMiddle{
	vertical-align:middle !important;
}
.verticalAlignBottom{
	vertical-align:bottom !important;
}
.marginZero{
	margin:0 !important;
}
.marginTopZero{
	margin-top:0 !important;
}
.marginRightZero{
	margin-right:0 !important;
}
.marginBottomZero{
	margin-bottom:0 !important;
}
.marginLeftZero{
	margin-left:0 !important;
}
.marginTop5{
	margin-top:5px !important;
}
.marginTop10{
	margin-top:10px !important;
}
.marginTop15{
	margin-top:15px !important;
}
.marginTop20{
	margin-top:20px !important;
}
.marginTop25{
	margin-top:25px !important;
}
.marginTop30{
	margin-top:30px !important;
}
.marginRight5{
	margin-right:5px !important;
}
.marginRight10{
	margin-right:10px !important;
}
.marginRight15{
	margin-right:15px !important;
}
.marginRight20{
	margin-right:20px !important;
}
.marginRight25{
	margin-right:25px !important;
}
.marginRight30{
	margin-right:30px !important;
}
.marginBottom5{
	margin-bottom:5px !important;
}
.marginBottom10{
	margin-bottom:10px !important;
}
.marginBottom15{
	margin-bottom:15px !important;
}
.marginBottom20{
	margin-bottom:20px !important;
}
.marginBottom25{
	margin-bottom:25px !important;
}
.marginBottom30{
	margin-bottom:30px !important;
}
.marginLeft5{
	margin-left:5px !important;
}
.marginLeft10{
	margin-left:10px !important;
}
.marginLeft15{
	margin-left:15px !important;
}
.marginLeft20{
	margin-left:20px !important;
}
.marginLeft25{
	margin-left:25px !important;
}
.marginLeft30{
	margin-left:30px !important;
}
.marginTop-5{
	margin-top:-5px;
}
.marginTop-4{
	margin-top:-4px;
}
.paddingZero{
	padding:0 !important;
}
.padding5{
	padding:5px !important;
}
.padding10{
	padding:10px !important;
}
.padding15{
	padding:15px !important;
}
.padding20{
	padding:20px !important;
}
.paddingTop5{
	padding-top:5px !important;
}
.paddingTop10{
	padding-top:10px !important;
}
.paddingTop15{
	padding-top:15px !important;
}
.paddingTop20{
	padding-top:20px !important;
}
.paddingTop25{
	padding-top:25px !important;
}
.paddingRight5{
	padding-right:5px !important;
}
.paddingRight10{
	padding-right:10px !important;
}
.paddingRight15{
	padding-right:15px !important;
}
.paddingRight20{
	padding-right:20px !important;
}
.paddingBottom5{
	padding-bottom:5px !important;
}
.paddingBottom10{
	padding-bottom:10px !important;
}
.paddingBottom15{
	padding-bottom:15px !important;
}
.paddingBottom20{
	padding-bottom:20px !important;
}
.paddingLeft5{
	padding-left:5px !important;
}
.paddingLeft10{
	padding-left:10px !important;
}
.paddingLeft15{
	padding-left:15px !important;
}
.paddingLeft20{
	padding-left:20px !important;
}
.paddingLeft25{
	padding-left:25px !important;
}
.lineHeight5{
	line-height:5px !important;
}
.lineHeight10{
	line-height:10px !important;
}
.lineHeight15{
	line-height:15px !important;
}
.lineHeight20{
	line-height:20px !important;
}
.bg-color-white{
	background-color:#FFFFFF;
}
.color-white{
	color:#FFFFFF;
}
.bordertop1pxsolid{
	border-top:1px solid;
}
.borderright1pxsolid{
	border-right:1px solid;
}
.borderbottom1pxsolid{
	border-bottom:1px solid;
}
.borderleft1pxsolid{
	border-left:1px solid;
}
.border1pxsolid{
	border:1px solid;
}
.text-underline{
	text-decoration:underline !important;
}
.position-relative{
	position:relative !important;
}
.position-fixed {
	position:fixed !important;
}
.font10{font-size:10px!important}.font11{font-size:11px!important}.font12{font-size:12px!important}.font13{font-size:13px!important}.font14{font-size:14px!important}.font15{font-size:15px!important}.font16{font-size:16px!important}.font17{font-size:17px!important}.font18{font-size:18px!important}.font19{font-size:19px!important}.font20{font-size:20px!important}.font21{font-size:21px!important}.font22{font-size:22px!important}.font23{font-size:23px!important}.font24{font-size:24px!important}.font25{font-size:25px!important}
/* Custom class styles*/
.filter-section input:checked+span{
	text-decoration:underline;
	font-weight: 700;
}
.dygraph-legend{
	width: 320px !important;
	left: auto !important;
	right: 0 !important;
}
.dygraph-axis-label{
	/* font-size:12px; */
}
.dygraph-legend{
	/* font-size:12px !important; */
}
.task-board-title-row{
	border-bottom:1px solid #D8D5D5;
}
.task-board-title-row h3{
	border-right:1px solid #D8D5D5;
}
.task-row{
	position:relative;
	border-bottom:1px solid #ECECEC;
}
.fc-event-drag{
	cursor: all-scroll;
}
.task-row .col-sm-20:first-child,.task-board-title-row .col-sm-20:first-child h3{
	border-color:#777676;
	border-width:2px;
	background-color:#ECECEC;
    border-bottom:1px dotted #D0CECE;
}
.task-container .fc-event{
	display:inline-block;
	padding-right:10px;
}
.add-tasks-widget .jarviswidget-ctrls .button-icon{
	height: 38px !important;
}
.fc-event-inner{
	position:relative;
}
.fc-event-inner img{
	height: 20px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0px;
}
.add-tasks-widget{
	border-bottom:3px dotted #7068CC;
}
.task-bucket-widget .jarviswidget>div{
	border-width:1px !important;
}
.add-tasks-widget .slider-horizontal{
	margin-bottom:0 !important;
} 
.add-tasks-content img{
	max-height:30px;
}
.task-bucket-widget .jarviswidget .widget-body{
	min-height:2px !important;
}
.add-tasks-widget form .form-group:nth-last-child(2) {
/* .form-hours-required{ */
	border-color:#E8E8E8;
}
.form-hours-required input{
	height:28px;
	width: 100px;
}
.form-hours-required button{
	padding:4px 10px;
}
.user-info a,.user-info a:hover{	
	color:#01EFCD;
}
.body-loading{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999999999;
    height: 100%;
    top: 0;
    padding-top: 10%;
}
.body-loading img{
    position: fixed;
	display: block;
	margin: auto;
    left: 0;
    right: 0;
}
.order-completed-row{
	background-color:rgba(222,219,219,0.1);
}
.order-not-completed-row{
	background-color:#FFFFFF;
}
.team-img-meta h5{
    text-transform: uppercase;
    font-weight: 800;
}
.team-img-meta h6{
    font-size: 14px;
    color: #19826F;
    font-weight: 400;
}
.superbox-list .fa {
    position: absolute;
    right: 3px;
    top: -6px;
}
.team_members_wrapper .team-member .team-member-actions{
	position:absolute;
	right: 0;
    top: 0;
}
.team_members_wrapper .team-member:hover.team-member-actions{
	display:block;
}
.task-add-icon {
    padding: 5px 6px;
    background-color: green;
    border-radius: 50%;
}
.task-row .col-sm-20:first-child:hover .task-add-icon{
	display:inline-block !important;
}
.image-input {
    position: relative;
    border: 1px solid #BDBDBD;
    background-color: #FFFFFF;
    height: 100px;
    outline: 0;
    overflow: auto;
    padding: 10px;
}
.image-input:focus{
	border-color:#3276b1;
}
.exam-names-list .btn, .exam-year .btn {
    width: auto !important;
    float: left!important;
    margin-bottom: 10px;
}
.gems-type-list .btn{
    width: auto !important;
    float: left!important;
    margin-bottom: 10px;
}
input[name=bookReference]{
	width:250px!important;
}
input[name=marks],input[name=negativeMarks]{
	width:130px!important;
}
.sample-title-description{background-color:#FFFFFF;}
.pick-gallery-image-modal .modal-dialog{width:95%;}
.pick-gallery-image-modal img{
	cursor:pointer;
}
.pick-gallery-image-modal img:hover{
	box-shadow:2px 0px 3px 0px #757575;
}
.gallery-overlay{
	position: absolute;
	bottom: 0;
	background-color:#D1FD03;
	color: #FFFFFF;
	padding: 5px 10px;
}
.meta-title-data div,.meta-description-data div{border-color:#ddd;}
.sample-title-description .fa{font-size:20px;color:green;cursor:pointer;}
#user-manager-table i,#search-user-list i{
	font-size: 18px;
}
.search-users-table{
	overflow:scroll;
}
.progress-title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
}
.groupApplied,.groupCancelled{
	
	margin-right: 4px !important;
    vertical-align: top;
    margin-top: 3px !important;
}
.filterSectionMobile{
position: fixed;
    background: rgb(255, 255, 255);
    top: 90px;
    right: 0;
    left: 0;
    padding: 10px;
}
nav>ul>li>a b{
right: 45px !important;
}
ul li.open  a b{
	right: 25px;
    position: absolute;
}
    
@media screen and (max-width: 480px) {
	#user-filter-form input[name=userid]{
		width:30%;
	}
	#user-filter-form input[name=name]{
		width:69%;
	}
	#user-filter-form input[name=email]{
		width:100%;
		margin-top:5px;
	}
	#user-filter-form input[value=Search]{	
		margin-top:15px;
	}
	#user-filter-form input[value=Reset]{	
		margin-top:15px;
	}
}
#blog-manager-table{
	background:#FFFFFF;
}
#blog-manager-table tr th {
    background-color: #607D8B;
    color: #FFFFFF;
    font-size: 15px;
}
#blog-manager-table tr td{
	font-size: 14px;
    color: #000;
}
form[name=blog] .bootstrap-tagsinput input {
    padding-top: 5px;
}
.not-preview{
	position:relative;
	background:url('../img/and-mob1.png');
	width:740px;
	height:777px;
}
.NotificationPreview .modal-dialog{
	width:740px!important;
	margin-top:5px!important;
	margin-bottom:5px!important;
}
.NotificationPreview .modal-body{
	padding:0px!important;
}
.not-content{
	top: 247px;
    position: absolute;
    left: 68px;
    right: 69px;
}
.not-tit-block{
	float:left;
	padding:10px;
	background-color:#fafafa;
}
.not-tit-block img{
	float:left;
	max-height:80px;
    margin-right:15px;
	width:80px;
}
.not-tit-content{
	float: left;
    width: 488px;
}
.not-tit-content h3{
	margin-top:0px;
	margin-bottom:0px;
}
.not-tit-content h5{
	margin-top:5px;	
}
.not-big-img{
	max-width:603px;
}
.coupon-expired{
	background-color:#eaa9a9;
}
.coupons-list{
	background-color:#FFFFFF;
}
form.testSeriesSection label{
	display:inline-block !important; 
}
#main,.grandTestTable,.topicWiseTestTable,.adhocTestTable{
    background: #FFF;
}
select[name=getTestName],.addQnsBtn{	
	margin-top: 2%;
}
.successMsg{
	font-weight:bold;
}
.getQnstestType{
	font-weight:bold;
	color:grey;
}
.minified .minifyme{
	top:0px;
}
.minifyme{
	top:360px;
}
.filterSection div:first-child{
	/* top: 100px;     */
    /* padding-left: 10px; */
    /* bottom: 0; */
	/* overflow-y: auto; */
    /* overflow-x: hidden; */
}
.bootbox.modal .modal-header .close{
	font-size: 32px;
}
.question-tab button{
	margin-left:30px;
}
.question-tab .smart-form .radio i,.question-tab .smart-form .radio:hover i{
    top: 10px;
	border-color:#1e1e1e;
}
.totalCount,.actualCount{
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
.testDetails td.green,.grandTestTable td.green,.testBlockDetails td.green{
	background-color:#4dfb07;	
}
.testDetails td.red,.grandTestTable td.red,.testBlockDetails td.red{
	background-color:#fb0728;
	color:#FFF;
}
.currentBlock{
	background-color: #f2f810;
}
.alreadyAssignedQns .modal-body{
	padding:0;
}
.alreadyAssignedQns .borderTop{
	border-top: 1px solid #e5e5e5;	
}
.alreadyAssignedQns .borderTop .cancelBtn{
	margin-left:72%;
}
.topicSec{
	height: 39px;
}
#ques-input-img .dz-image-preview .dz-remove,#illustration-input-image .dz-image-preview .dz-remove{
    position: relative;
    right: 8px;
    top: -3px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: inline;
    background-image: none!important;
    padding: 2px;
    border: 0px;
}
#ques-input-img .dz-image-preview .dz-details img,#illustration-input-image .dz-image-preview .dz-details img{
	float: left;
    display: inline-block;
    margin-right: 5px;
}
#ques-input-img .dz-image-preview,#illustration-input-image .dz-image-preview{
	display:inline-block;
	padding: 5px;
    margin-left: 5px;
    border: 1px solid #CCC;
}
.qsImgSec img{
	max-width: 100%;
    /* max-height: 100px; */
}
.qsImgSec{	
	display: inline-block;
    /* padding: 0px 10px 0px 10px; */
}
.qsImgSec span{
	font-size:15px;
}
.qsImgSec img.maxHeightNone{
	max-height:none;
}
.imgs-grid-modal.qsImgPopUp .modal-inner .modal-control.left {
    left: 30px !important;
}
.imgs-grid-modal.qsImgPopUp .modal-inner .modal-control.right {
    right: 30px !important;
}
.imgs-grid-modal.qsImgPopUp .modal-close{
    top: 100px !important;
	right: 0px !important;
	z-index:999;
}
.imgs-grid-modal.qsImgPopUp .modal-inner {    
    top: 90px !important;
    bottom: 0px !important; 
}
.imgs-grid-modal.qsImgPopUp .modal-indicator{
	display:none;
}
.heightAuto{
	height:auto !important;
}
select[name=testsectionName]{
	width:300px;
}
#new-blog textarea{
	height: auto;
    resize: none;
	width: 100%;
}
.viewPostSchQs .qsContent button{
	margin-bottom:5px;
	display: block;
}
.pdf-ref{
	font-size:16px!important;
	font-family:calibri!important;
}
@media screen and (max-width:767px){
	.filterSection{
		display:none;
	}
}
.durationType {
    width: 45%;
    height: 32px;
}
.durationText {
    width: 46%;
    display: inline-block;
}
.durationTypeLabel {
    width: 50%;
}
.durationLabel {
    width: 45%;
    padding-left: 2px;
}
.secondTestedBtn{
	background-color:yellow;
	color:#000;
}
#plan-manager-table{
	font-size:15px;
}
#plan-manager-table .plan_not_active{
	background-color:#f9b2b2;
}
#plan-manager-table .plan_active{
	background-color:#72cc76;
}
#logo-group #logo{
	font-size: 18px;
}
#logo-group>span b.badge {
    width: 12px;
    height: 15px;
}
#logo-group span#activity-top {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer!important;
    display: inline-block;
    font-weight: 700;
    height: 24px;
    width: 24px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf;
    color: #c4bab6;
    font-size: 17px;
    margin: 10px 0 0;
    position: relative;
    margin-left: 5px;
}
.activity-details li a {
    color: #000;
    display: block;
    padding: 10px;
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.group-fieldset{
	border: 2px solid !important;
    padding: inherit;
}
.group-fieldset legend{
	background:none!important;
	padding:0px 5px!important;
	border:0px!important;
	width:auto!important;
}
.ViewRatingModal img{
	float: left;
    margin-right: 10px;
    height: 45px;
	width: 45px;
    background: #eee;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #ddd;
}
.ViewRatingModal .name{
	display: block;
    font-size: 15px;
    font-weight: 600;
}
.ViewRatingModal .message{
	font-size: 14px;
	overflow: hidden;
    display: block;
}
.ViewRatingModal .modal-body{
	max-height: 550px;
    overflow: auto;
}
.total-rating-block .col-sm-2{
	text-align: center;
    font-size: 15px;
}
.total-rating-block{
	margin-bottom: 10px;
    border: 1px solid #999;
    padding: 5px;
}
.rating-average{
	font-weight: 600;
    background: #00897b;
    color: #fff;
}
.total-rating-block .star-count{
	font-weight:600;
}
.qs-label{
    float: left;
    font-size: 20px;
    margin-right: 10px;
	margin-top: 5px;
}
.special-qs .radio,.special-qs .checkbox{
	float:left;
	border:1px solid #c3c3c3;
    padding:5px 10px 5px 30px;
	margin-right:15px!important;
}
.special-qs .radio i,.special-qs .checkbox i{
	top: 8px!important;
    left: 5px!important;
}
.special-qs select{
	margin-top:6px;
    font-size:16px;
}

/* Add Video */
@media (min-width: 768px){
	.addVideoModal .modal-dialog{
		width: 100%;
		margin-top: 10px;
	}
}
.addVideoModal fieldset {
    border: 1px solid #ccc!important;
    padding: 0 1em 1em 1em!important;
    margin: 0 0 1.5em 0!important;
}
.addVideoModal legend {
	width:auto;
	padding:0 10px;
	border-bottom:none;
	margin-bottom: 10px;
	margin: 5px;
	font-size: 14px;
}
.addVideoModal .tags-list{
	padding: 5px;
    background: #ddd;
    display: inline-block;
    margin: 5px;
}
.addVideoModal #questionSection{
	border: 1px solid #ccc;
    color: #000000;
}
.addVideoModal .keywords-list{
	padding: 5px;
    border: 1px solid #ccc;
    margin: 5px;
    display: inline-block;
}
.addVideoModal .modal-header{
	background: #418bca;
    color: #fff;
    padding: 10px;
}
.cntnr{
	display:none;
	position:fixed;
	border:1px solid #B2B2B2;
	width:150px;     
	background:#fff;
	z-index: 9999;
	box-shadow: 3px 3px 2px #E9E9E9;
}
.cntnr li{
	padding: 5px;
	list-style: none;
}
.cntnr li:hover{
	color: white;
	background:#284570;
	border-radius:2px;
	cursor:pointer;
}
.addVideoModal .modal-header .close{
	color: #fff;
    opacity: 1;
}
.addVideoModal .show-correct{
	color:green;
}
.videoBlock{
	border: 1px solid #ccc;
    padding: 10px;
	min-height: 350px;
}
.videoBlock iframe{
	width:100%;
}
.suggested-videos,
.related-videos,
.search-videos{
	height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.suggested-videos h6,
.related-videos h6,
.search-videos h6{
    font-size: 13px;
	color: #000;
	margin: 0;
}
.suggested-videos .row,
.related-videos .row,
.search-videos .row{
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.primary-videos,
.secondary-videos{
	white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    display: flex;
	min-height: 90px;
	overflow-y: hidden;
}
.videoId_input{
	width: 115px!important;
    float: right!important;
}
.primary-videos span,
.secondary-videos span{
	position:relative;
}
.primary-videos a,
.secondary-videos a{
	position: absolute;
    right: 8px;
    color: #fff;
    top: 0px;
    background: #000;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
}
.exp-section *{
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif!important;
    font-size: 13px!important;
}
.primary-videos img,
.secondary-videos img{
	width: 120px;
	cursor:pointer;
}
.addVideoModal .question-section{
	max-height: 200px;
    overflow: auto;
}

.topQuestions {
    display: inline;
}
.topQuestions .checkbox {
    margin-right: 10px!important;
}
#emailForm .userType{
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.special-offer{
	padding-left: 25px;
}
.special-offer label{
	margin-right: 10px;
}
.emailPreviewModal .modal-dialog{
	width:1200px;
}
.emailPreviewModal .close{
    margin-top: -20px!important;
    opacity: 1!important;
    color: #000;
    background-color: #FFF;
    margin-right: -51px;
    line-height: 22px;
    padding: 5px 7px;
    font-size: 30px;
}
.emailPreviewModal .modal-backdrop{
	opacity:.9;
}
.emailPreviewModal img{
	max-width:100%;
}
.emailPreviewModal .modal-body{
	min-height:500px;
	background-color: #b2d5ee;
}
.email-preview-subject{
	position: absolute;
    top: 71px;
    font-size: 20px;
    font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    color: #1f1f1f;
    left: 72px;
}
.email-preview-body{
	position: fixed;
    top: 190px;
    left: 93px;
	height: 440px;
    overflow: auto;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	right: 26px;
}
.email-preview-body-content{
	max-width:550px;
}
#weeklyEmailForm label{
	color:#000000;
	font-size:15px;
}
textarea[name="discount_description"]{
	width: 527px;
    margin-top: 10px;
}
#weeklyEmailForm .form-control{
	padding-left: 5px;
}

/* Top Questions */
.topQuestions{
	display:inline;
}
.topQuestionsChartBlock li span{
    width: 10px;
    height: 10px;
    background: #bfbfbf;
    display: inline-block;
	margin-right: 5px;
}
.topQuestions .checkbox{
	margin-right: 10px!important;
}
.topQuestionsChartBlock{
	position:relative;
}
.topQuestionsChartBlock li:nth-child(1){
	color: #289ee1;
	font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.topQuestionsChartBlock li:nth-child(2) span{
	background: #2e75b6;
}
.topQuestionsChartBlock li:nth-child(3) span{
	background: #00b050;
}
.topQuestionsChartBlock li:nth-child(4) span{
	background: #c55a11;
}
.topQuestionsChartBlock li:nth-child(5) span{
	background: #5b9bd5;
}
.topQuestionsChartBlock li:nth-child(6) span{
	background: #bfbfbf;
}
.topQuestionsChartBlock li:nth-child(7) span{
	background: #ff0000;
}
.topQuestionsChartBlock li{
   margin-bottom: 5px;
   font-size: 15px;
}
.feedbackSection li span{
	float:right;
}
.feedbackSection ul{
	font-size: 14px;
}
.quesSection{
	border-right: 1px solid #ddd;
}
.feedbackSection h4{
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.view-attempts-list li:nth-child(1){
	color: green;
}
.view-attempts-list li:nth-child(2){
	color: red;
}
.filterSection .smart-form {
	/* border-bottom: 1px solid #ddd; */
}
.feedbackSection li:nth-child(8){
	border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.user-actions{
	display:inline-block;
	width: 100%;
}
.content-status-count{
	vertical-align:middle;
	font-size: 14px;
}
.content-status-count span:nth-child(1){
	color: #2e75b6;
}
.content-status-count span:nth-child(2){
	color: #00b050;
}
.content-status-count span:nth-child(3){
	color: #c55a11;
}
.content-status-count span:nth-child(4){
	color: #2e75b6;
}
.content-status-count span:nth-child(5){
	color: #bfbfbf;
}
.content-status-count span:nth-child(6){
	color: #ff0000;
}
#pickQs .filterSection .smart-form {
	border-bottom: none;
}
.promotionsModal .modal-dialog {
    width: 1000px;
}
.new-promotion-form input, .new-promotion-form textarea {
    border-color: #868585;
}
/* Bytes */
.toolbar{
    left: 50px!important;
}
[data-keditor="html"] {
    height: 100vh!important;
	border: 1px solid #cac8c8;
}
#ByteForm .tags-list{
	padding: 5px;
    background: #ddd;
    display: inline-block;
    margin: 5px;
}
.bytes-content .panel-heading .action{
	position: absolute;
    right: 50px;
    top: 10px;
	left: auto;
}
.bytes-content .panel-heading{
	position: relative;
}
.bytes-content .panel-heading .action a{
	color: #999;
	padding: 5px;
}
.bytes-content .topic-txt{
	font-weight:600;
}
.bytes-content .topic-txt input{
	width:95%;
}
.ui-state-highlight {
	height: 3em;
}
.bytes-content .panel-title a:hover{
	background: #f5f5f5;
}
.bytes-sortable .ui-state-highlight {
	height: 2.2em;
	margin-bottom:9px;
}
.bytes-sortable .row{
	cursor: pointer;
}
.bytes-post-content thead tr{
    font-size: 13px;
}
.authors-list{
	padding: 5px;
    background: #ddd;
    display: inline-block;
    margin: 5px;
}
.bytes-parts-list{
	border: 1px solid #ccc;
	font-size: 14px;
}
.bytes-parts-list h5{
	background: #2e75b6;
    margin: 0;
    padding: 7px;
    color: #fff;
}
.bytes-parts-list ul li:hover,
.bytes-parts-list ul li.active{
	background:#ddd;
}
.bytes-parts-list ul li a{
	display: block;
	color: #000;
}
.bytes-parts-list ul li{
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
.bytes-parts-list ul li:last-child{
	border-bottom: none;
}
#byte-topic-form .radio-btn-group .btn.active, 
#byte-topic-form .radio-btn-group .btn:hover {
    background-color: #18D418;
    color: #FFFFFF;
}
#edit-byte-topic-form .radio-btn-group .btn.active, 
#edit-byte-topic-form .radio-btn-group .btn:hover {
    background-color: #18D418;
    color: #FFFFFF;
}
.scheduleModal .table thead tr{
	background-color: #5b9bd5;
	color: #fff;
	background-image: none;
	font-size: 14px;
}
/* Bytes Feedback */
.bytes-feedback .widget-header{
	padding-left: 12px;
}
.bytes-feedback .widget-footer{
	padding: 5px;
    background: #2e75b6;
    margin: 0;
}
.bytes-feedback .widget-footer button{
	min-width: 70px;
    background-color: #fff!important;
    color: #000!important;
    border: none;
    margin-right: 5px;
}
.bytes-feedback .widget-box{
    margin-bottom: 10px;
	border: 1px solid #999;
}
.bytes-feedback .widget-main h4{
	color: #2a71b4;
    font-size: 19px;
	font-weight: 400;
}
.bytes-feedback .widget-main{
	padding: 20px 10px 20px 10px;
}
.bytes-feedback .widget-toolbar{
	line-height: 32px;
    font-size: 11px;
}
.bytes-feedback .widget-main .content h5{
    font-size: 13px;
	margin-top: 0;
}
.bytes-feedback table thead tr{
	font-size: 13px;
    font-weight: 600;
}

/* Explanation 2 */
@media (min-width: 768px){
	.addExp2Modal .modal-dialog{
		width: 100%;
		margin-top: 10px;
	}
}
.addExp2Modal .modal-header{
	background: #f2f3f3;
    padding: 10px;
}
.addExp2Modal .exp-content *{
    color: #000!important;
    font-size: 17px!important;
    font-family: times new roman !important;
}
.addExp2Modal .exp-content{
	overflow: auto;
}
.addExp2Modal .review-explanation-block .col-sm-6:first-child .exp-content{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.addExp2Modal.modal{
	overflow: hidden;
}
.exp-scroll{
	overflow-x:hidden;
	overflow-y:auto;
}
.addExp2Modal .question-content-tab{
    overflow-y: auto;
}
.book-ref-block{
    margin-top: 10px;
	margin-bottom: 10px;
}
.btn-brown{
	background: #795548;
    color: #fff;
}
/* brand Ambassador  */
.admin-page-content thead tr {
    font-size: 13px;
}
#plan-form-new input[type=text]:focus+.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #555;
}
.list-bytes-topics .smart-form{
	height: 100px;
    overflow: auto;
    border: 1px solid #cacaca;
    padding: 10px;
}
.test-manager-content table thead tr{
	font-size: 13px;
}
/*QA Designs*/
.qa-table{
	font-size:12px;
}
.qa-table thead td{
	background-color:#4374c4!important;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}
.qa-table tr:nth-child(odd) td{
	background-color:#d0d5eb;
}
.qa-table tr:nth-child(even) td{
	background-color:#e9ecf5;
}
.qa-table td{
	border-color:#c4c4c4!important;
}
.qa-table tr td:not(:first-child){
	text-align:center;
}
.qa-table label.checkbox{
	display:inline-block;
    vertical-align:top;
	margin-top: -5px;
}
input.cbox-qa-has-defects:checked+i{
	border-color:#ff0000!important;
}
input.cbox-qa-has-defects:checked+i:after{
	color:#ff0000!important;
}
input.cbox-qa-fixed:checked+i{
	border-color:#1ee96f!important;
}
input.cbox-qa-fixed:checked+i:after{
	color:#1ee96f!important;
}
input.cbox-qa-not-defect:checked+i{
	border-color:#ffff00!important;
}
input.cbox-qa-not-defect:checked+i:after{
	color:#ffff00!important;
}
input.cbox-qa-passed:checked+i{
	border-color:green!important;
}
input.cbox-qa-passed:checked+i:after{
	color:green!important;
}
.qa-table input[type="checkbox"][readonly]+i{
	pointer-events: none;
}
.qa-table td.smart-form{
	padding-right:0px!important;
	padding-left:0px!important;
}
.overall-qa-status{
	padding: 3px 5px;
	margin-top: -2px;
	font-size: 14px;
	color:#000000;
}
.fb-status-needs-qa{background-color:#ffffff;}
.fb-status-has-defects{background-color:#ff0000;color:#ffffff;}
.fb-status-partially-fixed{background-color:#ffff00;}
.fb-status-fully-fixed{background-color:#1ee96f;}
.fb-status-qa-passed{background-color:#008000;color:#ffffff;}
.qa-lengends span{
	width:15px;
	height:15px;
	display: inline-block;
    vertical-align: middle;
	margin-right:5px;
	margin-top: -2px;
}
.qa-lengends div{margin-right:20px;}
.qa-lengends .qa-level-1 span{background-color:#ff0000;}
.qa-lengends .qa-level-2 span{background-color:#1ee96f;}
.qa-lengends .qa-level-3 span{background-color:#ffff00;}
.qa-lengends .qa-level-4 span{background-color:#008000;}
@media (max-width: 768px){
	.qa-lengends div{
		margin-right: 5px!important;
	}
	.blogs-list select[name=blog_id]{
		width:90%!important;
		padding:0px!important;
	}
}
@media (min-width: 768px){
	.qa-lengends{
		color:#FFFFFF;
		float:right!important;
		margin-top:10px;
	}
}
.feedback-tab button{
	background-color: #3276b1!important;
    border-color: #2c699d!important;
}
.test-qs-tab{
	top: 89px;
    padding-top: 10px;
    border: 0px!important;
	border-bottom:1px solid #e3e2e2!important;
}
.mobile-detected .test-qs-tab{
	top:91px!important;
}
.test-qs-tab li.active a{
	box-shadow:none!important;
    border-bottom:3px solid #57889c!important;
	border-left:0px!important;
	border-right:0px!important;
	margin-top: 0px!important;
}

.gems-topic {
    background: #5f259e!important;
	color: #fff!important;
}

.cke_button__full_name_button_icon,
.cke_button__short_name_button_icon,
.cke_button__simplebutton_icon{
	display: none!important;
}
.cke_button__full_name_button_label,
.cke_button__short_name_button_label,
.cke_button__simplebutton_label{
	display: inline!important;
}

.list-test-tasks .smart-form {
    height: 150px;
    overflow: auto;
    border: 1px solid #cacaca;
    padding: 10px;
}


/* AI Explanation */
.ai-explanation-prompt-card {
    background: #f0f7ff;
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #0072bc33;
    max-width: 450px;
}
.ai-explanation-prompt-card .prompt-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 8px;
}
.ai-explanation-prompt-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    background: conic-gradient(
        from 0deg,
        #00e5ff,
        #0099ff,
        #4f46e5,
        #a855f7,
        #ec4899,
        #00e5ff
    );
    filter: blur(0.2px);
}
.ai-explanation-prompt-icon::before {
    content: "";
    position: absolute;
    inset: 5px;
    background: #f0f7ff;
    border-radius: 50%;
}
.ai-explanation-prompt-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
}
.ai-explanation-prompt-card .prompt-title {
    color: #0977c9;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: sans-serif!important;
}
.ai-explanation-prompt-card .prompt-subtitle {
    color: #444;
    font-size: 12px!important;
    margin-bottom: 15px;
    font-family: sans-serif!important;
}
.ai-explanation-prompt-card .prompt-button {
    background: #0977c9;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 12px;
    border: none;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.3px;
    font-family: sans-serif!important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.ai-explanation-prompt-card .prompt-button:hover {
    background: #0977c9;
    text-decoration: none;
}
.ai-explanation-prompt-card .prompt-button:focus {
    transition: all 0.1s;
    transform: scale(0.95);
}

/* AI Explanation Modal */
.AIExplanationModal,
.AIExplanationModal h2,
.AIExplanationModal h3,
.AIExplanationModal h4,
.AIExplanationModal h5,
.AIExplanationModal h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
    /* left: auto; */
    padding-right: 0!important;
    overflow: hidden !important;
}
.AIExplanationModal .ai-explanation-response {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.AIExplanationModal .modal-open .modal {
    overflow: hidden;
}
.AIExplanationModal .modal-dialog {
    margin: 0 auto;
    width: 100%!important;
}
.app-version .AIExplanationModal .modal-dialog {
    margin: 0 auto;
    max-width: 100% !important;
}
.app-version .AIExplanationModal .modal-content {
    border: 0;
}
.web-version .AIExplanationModal .modal-content {
    background: transparent;
}
.AIExplanationModal .exp-label {
    font-weight: bold !important;
    color: #000 !important;
}

/* AI Explanation Multi-Step Modal */
.AIExplanationModal .modal-header {
    display: none;
}
.AIExplanationModal .modal-body {
    padding: 0;
}
.ai-explanation-modal-container {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
}
.web-version .ai-explanation-modal-container {
    border-radius: 12px;
}
.ai-explanation-header {
    background: #002431;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ai-explanation-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ai-header-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    background: conic-gradient(
        from 0deg,
        #00e5ff,
        #0099ff,
        #4f46e5,
        #a855f7,
        #ec4899,
        #00e5ff
    );
    filter: blur(0.2px);
}
.ai-header-icon::before {
    content: "";
    position: absolute;
    inset: 6px;
    background: #002431;
    border-radius: 50%;
}
.ai-header-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
}
.ai-explanation-title {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.ai-explanation-subtitle {
    color: #ccc;
    font-size: 10px;
    font-weight: 600;
}
.ai-explanation-close-btn {
    background: rgba(255,255,255,0.2);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s;
}
.ai-explanation-close-btn:hover {
    background: rgba(255,255,255,0.3);
}
.ai-explanation-content {
    padding: 24px 16px 24px 16px;
    /* overflow-y: auto; */
}
.ai-explanation-content-inner, 
.ai-explanation-question-content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.web-version .ai-explanation-content {
    padding: 24px;
}
.ai-explanation-step {
    max-width: 800px;
    margin: 0 auto;
}
#step-source.ai-explanation-step {
    padding-bottom: 90px;
}
.ai-explanation-step-title {
    font-size: 20px;
    font-weight: bold;
    color: #111827;
    margin-bottom: 5px;
    text-align: center;
    line-height: 1.25;
}
.ai-explanation-step-subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 24px;
    text-align: center;
}
.ai-explanation-back-btn {
    color: #1f2937;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 14px;
}
.ai-explanation-back-btn:hover {
    color: #667eea;
    text-decoration: none;
}

/* Source Selection */
.ai-explanation-sources-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ai-explanation-source-item {
    width: 100%;
    text-align: left;
    padding: 12px;
    background-color: #ffffff;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    transition: all 0.2s ease;
    cursor: pointer;
    margin: 0;
    user-select: none;
    position: relative;
}
.ai-explanation-source-item-selected {
    border-color: #0977c9 !important;
    background: #eef2ff80 !important;
}
/* Support for :has() selector in modern browsers */
.ai-explanation-source-item:has(input[type="radio"]:checked) {
    border-color: #0977c9 !important;
    background: #eef2ff80 !important;
}
.ai-explanation-book-cover-placeholder {
    width: 64px;
    height: 80px;
    background-color: #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ai-explanation-book-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.ai-explanation-book-title {
    font-size: 14px;
    line-height: 1.25;
    font-weight: bold;
    color: #1f2937;
    transition: color 0.2s ease;
    word-wrap: break-word;
}
.ai-explanation-book-edition {
    font-size: 10px;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.ai-explanation-chevron-icon {
    color: #CCCCCC;
    font-size: 16px;
    flex-shrink: 0;
    margin-left: auto;
    display: none;
}
.ai-explanation-source-item:hover .ai-explanation-chevron-icon {
    color: #999;
}
.ai-explanation-recommended-badge {
    padding: 4px 10px;
    border-radius: 999px;
    background: #10b981;
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    position: absolute;
    right: 10px;
    top: -10px;
    font-weight: 500;
}
.ai-explanation-next-container {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 16px;
    flex-wrap: wrap;
}
.web-version .ai-explanation-next-container {
    padding: 20px;
    border-radius: 12px;
}
.ai-explanation-next-btn {
    background: #0977c9;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s;
    letter-spacing: 0.3px;
}
.ai-explanation-next-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(9, 119, 201, 0.4);
}
.ai-explanation-next-btn:active {
    transform: translateY(0);
}

/* Skeleton Loading Styles */
.ai-explanation-skeleton-item {
    pointer-events: none;
    cursor: default;
    opacity: 0.7;
}
.ai-explanation-skeleton-item:hover {
    border-color: #f3f4f6 !important;
    background: #fff !important;
    transform: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
.ai-explanation-skeleton-cover {
    opacity: 0.5;
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s ease-in-out infinite;
}
.ai-explanation-skeleton-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.skeleton-line {
    height: 16px;
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: skeleton-shimmer 1.5s ease-in-out infinite;
}
.skeleton-title {
    height: 18px;
    width: 100%;
    max-width: 300px;
}
.skeleton-edition {
    height: 14px;
    width: 120px;
}
.ai-explanation-skeleton-chevron {
    width: 16px;
    height: 16px;
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 200% 100%;
    border-radius: 2px;
    animation: skeleton-shimmer 1.5s ease-in-out infinite;
    opacity: 0.5;
}
@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Loading Step */
.ai-explanation-loading-step {
    text-align: center;
    padding: 60px 0px;
}
.ai-explanation-loading-spinner {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.ai-explanation-spinner-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    animation: ai-explanation-spin 1s linear infinite;
    background: conic-gradient(
        from 0deg,
        #00e5ff,
        #0099ff,
        #4f46e5,
        #a855f7,
        #ec4899,
        #00e5ff
    );
    filter: blur(0.2px);
    box-shadow: 
        0 10px 30px rgba(0, 229, 255, 0.3),
        0 5px 15px rgba(168, 85, 247, 0.25),
        0 2px 8px rgba(236, 72, 153, 0.2),
        inset 0 2px 4px rgba(255, 255, 255, 0.3),
        inset 0 -2px 4px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
}
.ai-explanation-spinner-circle::before {
    content: "";
    position: absolute;
    inset: 12px;
    background: #ffffff;
    border-radius: 50%;
}
.ai-explanation-spinner-circle::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
}
.ai-explanation-spinner-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ai-explanation-spin-counter 1s linear infinite;
    z-index: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
@keyframes ai-explanation-spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes ai-explanation-spin-counter {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

.ai-explanation-loading-title {
    font-size: 16px;
    font-weight: bold;
    color: #111827;
    font-style: italic;
    letter-spacing: -0.025em;
    margin-bottom: 0;
}
.ai-explanation-loading-subtitle {
    font-size: 12px;      
    line-height: 16px;       
    color: #9ca3af;
    margin-top: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Explanation Step */
.ai-explanation-review-step {
    gap: 25px;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
}
.ai-explanation-book-block {
    gap: 25px;
    display: flex;
    flex-direction: column;
}
.ai-explanation-book-block h5 {
    font-weight: bold;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
}
.ai-explanation-read-row {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
}
.ai-explanation-read-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 15px;
    color: #444;
}
.ai-explanation-read-cb {
    margin: 0!important;
    padding: 0!important;
    width: 16px!important;
    height: 16px!important;
    cursor: pointer;
}
/* Key Concepts Section */
.ai-explanation-key-concept h5 {   
    display: flex;
    gap: 8px;   
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}
.ai-explanation-key-concept .content,
.ai-explanation-key-concept .content * {
    color: #444;
    word-wrap: break-word;
    font-size: 15px;
}
.ai-explanation-key-concept .content p:last-child,
.ai-explanation-key-concept .content ul:last-child {
    margin-bottom: 0;
}

/* Explanation Section */
.ai-explanation-review h5 {
    display: flex;
    gap: 8px;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}
.ai-explanation-review .content,
.ai-explanation-review .content * {
    font-size: 15px!important;
    color: #444;
    word-wrap: break-word;
}
.ai-explanation-review .content p:last-child,
.ai-explanation-review .content ul:last-child {
    margin-bottom: 0;
}

/* High Yield Recall Questions Section */
.ai-explanation-high-yield-recalls h5 {
    display: flex;
    gap: 8px;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}
.ai-explanation-high-yield-recalls .content,
.ai-explanation-high-yield-recalls .content * {
    font-size: 15px;
    color: #444;
    word-wrap: break-word;
}
.ai-explanation-high-yield-recalls .content div > p {
    margin-bottom: 0px;
}
.ai-explanation-high-yield-recalls .content div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ai-explanation-high-yield-recalls .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ai-explanation-high-yield-recalls .content div > p:first-child b {
    color: #999;
    font-weight: 600;
}
.ai-explanation-high-yield-recalls .content div > p:last-child b {
    color: #0977c9;
    font-weight: 600;
}

/* Quote Read Book Section */
.ai-explanation-quote-read-book {
    padding: 12px;
    background-color: #f9fafb;
    border-radius: 8px;
    border: 1.5px dashed #999;
    border-left: 4px solid #999;
}
.ai-explanation-quote-read-book-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}
.ai-explanation-quote-read-book h5 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}
.ai-explanation-quote-read-book .content,
.ai-explanation-quote-read-book .content * {
    color: #444!important;
    font-size: 15px!important;
    font-style: italic;
}
.ai-explanation-quote-read-book .content span {
    margin-bottom: 0;
    font-style: normal;
    text-align: right;
    display: block;
    font-size: 13px!important;
    color: #999!important;
}
.ai-explanation-quote-read-book-name {
    text-align: right;
    font-size: 12px;
    color: #444;
    font-weight: bold;
    letter-spacing: 0.1em;
}

/* Pro Tip Section */
.ai-explanation-pro-tip {
    background: #fffbeb;
    border-radius: 12px;
    padding: 16px;
    border: 1.5px solid #fde68a; 
    position: relative;
}
.ai-explanation-pro-tip-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}
.ai-explanation-pro-tip-icon {
    color: #f59e0b;
    font-size: 16px;
}
.ai-explanation-pro-tip h5 {
    color: #78350f;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}
.ai-explanation-pro-tip .content,
.ai-explanation-pro-tip .content * {
    color: #78350f!important;
    font-size: 15px!important;
}
.ai-explanation-pro-tip .content p:last-child,
.ai-explanation-pro-tip .content ul:last-child {
    margin-bottom: 0;
}

/* Book Reference Section */
.ai-explanation-book-reference {
    padding: 16px;
    background-color: #f9fafb;
    border-radius: 8px;
    border: 1px solid #ddd;
    display: flex;
    gap: 12px;
    align-items: center;
}
.ai-explanation-book-reference .content,
.ai-explanation-book-reference .content * {
    margin: 0;
    font-size: 15px;
    color: #444;
    word-wrap: break-word;
}

/* Correct Option Section */
.ai-explanation-correct-option {
    padding: 12px 16px;
    background-color: #fce8e8;
    border-radius: 8px;
    border: 1px solid #e07a7a;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}
.ai-explanation-correct-option .content,
.ai-explanation-correct-option .content * {
    margin: 0;
    /* font-size: 12px; */
    font-weight: 600;
    color: #7c2d2d;
    /* letter-spacing: 0.08em; */
    /* text-transform: uppercase; */
}
.fix-ai-btn,
.fix-ai-btn:active {
    position: absolute;
    right: 10px;
    left: auto;
    color: #fff !important;
    top: 8px;
    background: #059669 !important;
    border-radius: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Feedback Section (Save/Regenerate/Special Instructions) */
.ai-explanation-feedback-section {
    border-top: 1px solid #f3f4f6;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    /* box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); */
}
.ai-explanation-feedback-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.ai-explanation-feedback-btn {
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s;
    letter-spacing: 0.3px;
    width: 150px;
}
.ai-explanation-feedback-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.ai-explanation-feedback-save {
    background: #00b050;
}
.ai-explanation-feedback-regenerate {
    background: #0977c9;
}
.ai-explanation-feedback-special-instructions {
    background: #444;
}
.ai-explanation-feedback-confirmation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 24px;
    border-radius: 20px;
    background-color: #16a34a;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;  
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.ai-explanation-feedback-confirmation i {
    font-size: 16px;
}
.ai-explanation-feedback-error {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 24px;
    border-radius: 20px;
    background-color: #e53e3e;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;  
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.ai-explanation-feedback-error i {
    font-size: 16px;
}
.ai-explanation-special-instructions {
    border-top: 1px solid #f3f4f6;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 16px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.ai-explanation-special-instructions h5 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}
.ai-explanation-special-instructions textarea,
.ai-explanation-special-instructions textarea:focus {
    width: 100%;
    height: 100px;
    font-size: 14px;
    border-radius: 5px !important;
    margin-bottom: 15px;
    border-color: #999;
}
.ai-explanation-special-instructions-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.ai-explanation-feedback-special-instructions-regenerate {
    background: #0977c9;
}
.ai-explanation-feedback-special-instructions-cancel {
    background: #999;
}

/* Empty State Styles */
.ai-explanation-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 24px;
    top: 25%;
    position: relative;
}
.ai-explanation-empty-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.ai-explanation-empty-icon i {
    font-size: 36px;
    color: #9ca3af;
}
.ai-explanation-error-state .ai-explanation-empty-icon {
    background: #fef2f2;
}
.ai-explanation-error-state .ai-explanation-empty-icon i {
    color: #ef4444;
}
.ai-explanation-empty-title {
    font-size: 18px;
    font-weight: bold;
    color: #374151;
    margin-bottom: 5px;
}
.ai-explanation-empty-message {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 24px 0;
    line-height: 1.5;
}
.ai-explanation-try-again-btn {
    background-color: #0977c9;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    border: none;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
}
.ai-explanation-try-again-btn:hover {
    background-color: #0865b0;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}
.ai-explanation-try-again-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.1);
}
/* Blinking cursor during streaming */
.ai-explanation-streaming-cursor {
	display: inline-block;
	width: 2px;
	height: 1em;
	margin-left: 2px;
	vertical-align: text-bottom;
	background: currentColor;
	animation: ai-explanation-cursor-blink 1s step-end infinite;
}
@keyframes ai-explanation-cursor-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}