@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); /* Add in this for pc without Roboto to view header text properly */

/*VIDEO OVERLAY*/
.vidoverlay {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1100;
    display:block;
}

#introvid{border: 1px solid #ffffff;} 

#introvid img {
	position:absolute;
	right:-15px;
	top:-15px;
}

#introvid #vidtitle {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(0, 0, 0, 0.7);
	padding:10px 10px;
	color:#ffffff;
}

#introvid #skipvid {
	position:absolute;
	bottom:50px;
	right:0;
	background-color:rgba(0, 0, 0, 0.7);
	padding:10px;
	width:15%;
	color:#ffffff;
	text-align: center;
	font-size: 13px;
}

#introvid #skipvid a{color:#ffffff; text-decoration: none;}
#introvid #skipvid a:hover{background-color:rgba(0, 0, 0, 1);}
#introvid #skipvid #timer-txt {cursor:default;}
#introvid #skipvid #skip {font-size:15px;}

.vidoverlay #close {position:absolute;top:-15px;right:-15px;z-index:999;}
/*#loadModal.modal {overflow: hidden;}*/
#confirm.modal {overflow: hidden;}
/*END OF VIDEO OVERLAY*/

/*responsive video*/		
.embed-responsive {		
  position: relative;		
  display: block;		
  height: 0;		
  padding: 0;		
  overflow: hidden;		
}		
.embed-responsive .embed-responsive-item,		
.embed-responsive iframe,		
.embed-responsive embed,		
.embed-responsive object,		
.embed-responsive video {		
  position: absolute;		
  top: 0;		
  bottom: 0;		
  left: 0;		
  width: 100%;		
  height: 100%;		
  border: 0;		
}		
.embed-responsive-16by9 {		
  padding-bottom: 56.25%;		
}


.container{
	/*border:1px solid red;*/
	position:relative;
}

/*inside navigation bar*/
.dropdown-menu li a{
	padding-top:10px;
	padding-bottom:10px;
}

.row.one{
	background:#ddd;
	margin-top: 20px;
	/*background:url(../images/back_inside.jpg);*/
}

span.displayname {
	white-space: nowrap;
	text-align: center;
	min-width: 40px;
	max-width: 109px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}


/* RECOMMENDED TITLES*/
#recommend .col-md-2, #recommend .col-xs2{
	padding:0px 10px 0px 10px;
}
#recommend .panel-body{
	padding:5px 10px 10px 10px;
	min-height:115px;
}
#recommend .panel-body.title{
	text-align: center;
	height:143px;
	position:relative;
}
#recommend .panel-body.title p{
	font-size:11px;
	line-height:13px;
	padding:0px;
	margin:0px;
	margin-top:5px;
}

#recommend .panel-body.title img{
	width:35%;
	margin-right: 5px;
}

#recommend .panel-footer{background: #fafafa;}

.divider {
	height:1px;
	width:100%;
	background-color: #3C3939;
}


/*used in the individual lessons page*/

.headline.lesson span{
	font-size:16px;
	color:#555;
}

.headline.lesson span.glyphicon{
	font-size:12px;
}

.sub_headers{
	position:absolute;
	top:35px;
	left:260px;
	font-size:20px;
}
.sub_headers.main{
	position:absolute;
	top:45px;
	left:240px;
	font-size:40px;
	color:#18a2e3;
	
}
.sub_headers span{
	font-size:33px;
	color:#18a2e3;
}

a.lnk_active{display:block;}

/*used in edit profile page */

#myprofile, #referral{
	padding-top:30px;
}
#myprofile textarea{
	resize:vertical;
}
.updates{
	padding:5px 5px 5px 15px;
	border-radius:50px;
}


.in_testi {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #f0ad4e;
}

.form-horizontal h4{margin-top:0px; margin-bottom:30px;}

/* FOR REFERRAL PAGE */
#referral p.head {font-size:20px; color:#317eac; margin:15px auto; width:95%; text-align:center;}
#referral p.head span{color:#ff8d27;}

#referral .panel.refereedeets {
	float:none;
	margin:0 auto 20px auto;
	padding:0;
}

#referral .sub_headers.mob {
	position:relative;
	top:0;
	left:0;
	font-size:30px;
	color:#18a2e3;
	border-bottom:1px dotted #cccccc;
	margin-bottom:20px;
}

/*TESTIMONIAL WITH PIC AND CAROUSEL */

.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}

.block-text {
    background-color: #fcf8e3;
    border-radius: 5px;
    box-shadow: 0 3px 0 #ccc;
    color: #626262;
    font-size: 14px;
    margin-top: 20px;
    padding: 20px 18px;
    border:1px solid #ddd;
    

}
.block-text a {
 	color: #317eac;
    font-size: 25px;
    font-weight: bold;
    line-height: 31px;
    text-decoration: none;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
}
.mark {
    padding: 12px 0;
    background:none;
    color:#c91d23;
}
.block-text p {
    color: #555;
    /*font-family: Georgia;
    font-style: italic;*/
    line-height: 20px;
}
.sprite {
	background-image: url(../images/triangle_block.png);
	border-right:3px solid #ccc;
}
.sprite-i-triangle {
    background-position: 0 0px;
    height: 44px;
    width: 50px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
/*.zmin {
    z-index: 1;
}*/
.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    /*z-index: 2;*/
}
.person-text a {
    
    display: block;
    font-size: 14px;
    margin-top: 3px;
    text-decoration: underline;
}
.person-text p{
	color:#555;
	font-size:12px;
	line-height:16px;

}
.rel {
    position: relative;
}



/* for DNC */

#dnc .panel{
	margin-top:30px;
	background:#ffffff;
}
#dnc .panel-heading p{
	margin:0px;
}
#dnc .panel-body{
	line-height:25px;
	padding:30px;
}
#dnc_form .col-lg-4{
	text-align: left;
}
#dnc_form .col-lg-8{
	font-size: 16px;
}
#dnc .overseas{
	border-top:1px solid #ddd;
	padding-top:10px;
	font-size:12px;
}
#dnc .note{
	font-size:12px;
	background:#fff;
	margin:10px 0px;
	padding:10px;
	border:1px solid #ddd;
}
#dnc .bg-success{
	padding:1px 20px;
	border-radius:25px;
	margin:0px;
}

/* WELCOME - Guide to SST portal */
#welcome .modal-header h4{
	color:#fff;
	
}
#welcome .modal-body{
	padding:0;
}
#welcome .modal-footer{
	padding:5px;
	font-size: 12px;
	background: #ccc;	
}
#welcome span.pull-right{
	position:absolute;
	bottom:15px;
	right:15px;
	font-size:12px;
	color:#666;
}
#welcome_carousel{
	background:#ddd;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#welcome_carousel .carousel-inner .item{
	height:450px;
}
#welcome_carousel .carousel-caption,
#welcome_carousel .carousel-indicators{
	bottom:10px;
}
#welcome_carousel .left{
	margin-left:50px;
}
#welcome_carousel .right{
	margin-right: 36px;
}

.navbar li a span.badge.onlinestore{
	top:25px;
	right:8px;	
}

/* NOTIFICATIONS 5 June 2015 */

.navbar li.notify a span.badge{
	top:25px;
	right:8px;
}

.notify .dropdown-menu{
	max-height:340px;
	overflow-y: auto;
	overflow-x:hidden;
	padding:0px;
}
.notify .dropdown-menu > li, .notify .notify-content > li  {
  display: block;
  padding: 10px 5px 10px 8px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  /* white-space: nowrap; */
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  width: 400px;
  background: #edeff5;
}

.notify .dropdown-menu > li.markread, .notify .notify-content > li.nonotif  {
	background-color: #ffffff;
	cursor: default;
}

.notify .notify-content > li.nonotif {
	min-height: 55px;
	text-align: center;
	color:#BDBDBD;
	line-height:45px;
}

.notify .dropdown-menu > li.markread:hover, .notify .notify-content > li.nonotif:hover{
	background-color: #ffffff;
	cursor: default;
}

.notify .dropdown-menu > li.markread a, .notify .dropdown-menu > li.markread a:hover {
	text-decoration:none;
}

.notify .dropdown-menu > li a { /*remove any unwanted padding from other classes*/
	padding:0px;
}
.notify .dropdown-menu > li a:hover { /*do not show the underline when hover*/
	text-decoration: none;
	color:#30a4e7;
}
/*.notify .dropdown-menu > li.seen*/
.notify .notify-content > li.seen {
  background: #fff;
}

.notify .dropdown-menu > li:hover,
.notify .notify-content > li:hover,
.notify .notify-content > li.seen:hover{
	background:#f6f7f8;
	cursor: pointer;

}

.notify .dropdown-menu > li .user_avatar {
  width: 32px;
  height: 32px;
}
.notify .dropdown-menu > li td{
	vertical-align: top;
}

.notify .dropdown-menu > li td.date_time {
  color: #9e9e9e;
}

.notify .dropdown-menu > li.viewall{
	text-align: center;
	padding:0px;
}
.notify .dropdown-menu > li.viewall a, 
.notify .dropdown-menu > li.viewall a:hover{
	padding: 10px 5px 10px 8px;
}

.notify .dropdown-menu > li.viewall a:hover{
	color:#fff;
}

#nocue, #noprogress, #noviews, #noactivity, #cueStudyTrackerLoading, #lpLoading, #noquiz {
	height:300px;
	border:1px solid #cccccc;
	text-align:center;
	padding-top:60px;
	color:#939393;
	margin-top: 10px;
}

#cueStudyTrackerLoading, #lpLoading {
	height: 200px;
	border:unset;
}

.browsers{
	background:#f1f1f1; 
	padding:10px; 
	float:left; 
	margin-right:10px; 
	margin-bottom:10px; 

}

.browsers.chrome{background:#E1EBF3;}

/** FOR SPEED TEST PAGE **/
#speedtest .container {
	text-align: center; 
	font-size: 16px; 
	margin-bottom:20px; 
	position:relative;
	height:680px;
}

#speedStep-1, #speedStep-2, #speedStep-3{width:95%; position:absolute;}
#speedStep-1, #speedStep-2{margin-top:50px;}
#speedStep-2, #speedStep-3 {display:none;}
#speedStep-3{text-align:left; margin-top:15px;}
#speedStep-3 h1{font-weight: 500; color:#555555; border-bottom: 1px #cccccc dotted; margin-bottom: 25px;}
#speedStep-1 img{margin-top:30px; width:300px;}
#speedStep-1 p#note{font-size: 14px; margin-top: 20px; font-style: italic;}

#speedStep-3 .col-md-10 {float:none; margin:0 auto;}
#speedStep-3 .col-md-7{padding:0;}
#speedStep-3 h4{margin-bottom: 20px;}
#speedStep-3 h4.text-warning {color:#ec9b00;}
#speedStep-3 h4.text-success {color:#5ebd5f;}
#speedStep-3 p{line-height: 1.5em;}

#speedtest .btn{padding:8px 40px;}
#speedtest .btn#testAgain {margin-top: 15px;}

.speed-btn{margin-top:30px;}
#progWrap{margin:30px auto; width:60%;}

#resultTable{width:100%}
#resultTable td{height:120px;}
#resultTable td:nth-child(1){padding:0 15px; text-align: center;}
#resultTable td:nth-child(2){padding-left:30px; padding-top:5px; line-height:3em;}

#resultTable tr#latency td:nth-child(1){color:#5b7da5; background:#d5e5f9;}
#resultTable tr#latency td:nth-child(2){color:#5b7da5; background: #ecf5ff;}

#resultTable tr.fast td:nth-child(1){background-color:#b1e6aa; color:#43713d;}
#resultTable tr.fast td:nth-child(2){background-color:#e5fde2; color:#43713d;}
#resultTable tr.slow td:nth-child(1){background-color:#fdd49b; color:#bf871b;}
#resultTable tr.slow td:nth-child(2){background-color:#fff2cf; color:#bf871b;}

#speedinfotxt {
	margin-top:20px;
	background: #ffffff; 
	font-size: 14px;
	width:90%;
	text-align:left;
}

#speedinfotxt .padbot li {margin:5px 0;}

.textbox-warning{
	margin:15px auto 0 auto;
	font-size: 14px;
	font-weight: 500;
	padding:8px; 
	background:#ffc5c5; 
	color:#802a2a;
	width:auto;
}

/* Added by M */ /* to standardized the header (child) to the one that has an image*/
body.newC {background-color: #f6f6f6;}

/*Header*/
.newC .img-header-banner {
  background: url(../images/header-books.jpg);
  background-position: bottom;
}

.newC .alert-danger, .newC .alert-success {
  padding: 10px;
}
.newC #speedinfotxt {
	background:none;
}

/* end of added by M */ 

/* Added by M on 10102019 - To limit text only 1 line and to cut it off with ellipsis */
.onelinerlimit{ 
  	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.twolinerlimit{ 
  	height:40px; 
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}

/* Modal when badges achieved 06072020 */
.achvaleart .modal-dialog { max-width: unset; }

.achvaleart button.close {
  	position: absolute;
  	right: 5px;
  	top: 1px;
  	z-index: 999;
}

.achvaleart .modal-content { 
	background:url(../images/achvalert_confetti.png) no-repeat top center #fff;
  	border-radius: 5px;
  	max-height: calc(100vh - 150px);
  	overflow-y: auto;
}

.achvaleart .modal-body { 
	text-align: center;
  	padding: 0 25px 25px 25px;
  	max-height: unset;
}
.achvaleart .modal-body h1{
	margin:60px 0 20px 0;
	text-shadow: 3px 3px 15px #fff;
}
.achvaleart .modal-body h3{
	line-height: 30px;
}
.achvaleart .modal-body p { padding:10px; }
.achvaleart img { border-radius: 5px; }

.achvaleart .maintxt{
	font-size:20px;
}
.achvaleart .guidetips{
	border:1px solid #ff8a0c;
	color:#ff8a0c;
	font-size:17px;
	padding:5px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.achvaleart .guidetips p{
	margin:0;
	padding:10px 5px;	
}
.achvaleart .guidetips .tiptxt{
	width:80%;
}

/* End of Modal when badges achieved  */

/* Added by M child revamp 2022 */
.img-header-banner.child{
	background: url(../images/child-header-components.png) no-repeat, linear-gradient(0deg, rgba(1,207,214,1) 0%, rgba(24,163,227,1) 40%);
}
.img-header-banner.child .container{
	display: flex;
	align-items: stretch;
	height: 205px; /*to follow img-header height specified in global.css*/
}
.img-header-banner.child .mob-landscape { 
    display: flex;
    flex-direction: row;
    align-items: center;
}
.img-header-banner.child .barry-img{
	align-self: flex-end;
	text-align: center;
}
.img-header-banner h1.theader{
  font-family: Roboto, sans-serif;
  font-weight: 300; /* Edited by M 23052022 change weight from 500 to 300 */
  margin: 0 !important;
}
.img-header-banner.child h1.fname{
  font-family: Roboto, sans-serif;
  font-weight: 300; /* Edited by M 23052022 change weight from 500 to 300 */
}

/* ################# Parent portal 2022 ################# */
.img-header-banner.parent{
	background: url(../images/parent-header-components.png) no-repeat, linear-gradient(0deg, rgba(18,123,172,1) 0%, rgba(24,163,227,1) 70%) !important;
}
.img-header-banner.parent .container{
	display: flex;
	align-items: stretch;
	height: 205px; /*to follow img-header height specified in global.css*/
}
.img-header-banner.parent .mob-landscape { 
    display: flex;
    flex-direction: row;
    align-items: center;
}
.img-header-banner.parent h1.fname{
  font-family: Roboto, sans-serif;
  font-weight: 300; 
}

.navbar-nav.navbar-right li{position: relative;}
 span.indc{
	background: #CC0000;
	width: 8px;height: 8px;
	border-radius: 100px;
	display: block;
	position: absolute;
	top: 30px;
	right: 10px;
	z-index: 10;
}

/* Notifications */
.nav_notify{
  padding:10px;
  margin-top:0px; /* Edited 26022025 */
}
.nav_notify .head h3{
  font-size: 18px;
  color:#126a9c;
  margin:10px 0 20px 0;
}
.nav_notify .pin{
  border-left-style: solid;
  border-left-width: 8px;
  padding:8px 12px;
  margin-bottom:8px;  
  position:relative;
}
.nav_notify .pin a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-decoration: none;
  background-color: #FFF; /* Fix to make div clickable in IE */
  opacity: 0; /* Fix to make div clickable in IE */
  filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.nav_notify .pin h4{
  font-size:16px;
  line-height: 20px;
  margin-bottom:5px;
}
.nav_notify .pin .datetime{
  font-size:12px;
}
.nav_notify .pin.newfeat{
  border-left-color: #71a739;
  background:#f1fff1;
}
.nav_notify .pin.newfeat h4,
.nav_notify .pin.newfeat .datetime{
  color:#71a739;
}
.nav_notify .pin.impt{
  border-left-color: #bf4646;
  background:#fff1f1;
}
.nav_notify .pin.impt h4,
.nav_notify .pin.impt .datetime{
  color:#bf4646;
}
.nav_notify .pin.oth{
  border-left-color: #469abf;
  background:#f1fcff;
}
.nav_notify .pin.oth h4,
.nav_notify .pin.oth .datetime{
  color:#469abf;
}
.nav_notify .pin.norm{
  border-left-color: #e4e1e1;
  background:#f8f8f8;
}
.nav_notify .pin.norm h4,
.nav_notify .pin.norm .datetime{
  color:#666666;
}

ul.nav_notify::-webkit-scrollbar,
ul.nav_cart::-webkit-scrollbar{
	background-color: #efefef;
    width: 8px;
}
ul.nav_notify::-webkit-scrollbar-thumb,
ul.nav_cart::-webkit-scrollbar-thumb{
	background-color: #ccc;
    border-radius: 16px;
}

/* ---- Added 26022025 ---- */
.nav_notify{
	padding:10px 5px 10px 10px;
}
.nav_notify.dropdown-menu{
	border-radius:6px;
	border-top-left-radius:6px !important;
}
.nav_notify.dropdown-menu ul{
	list-style: none;
	margin:2px 0;
	padding:0 5px 0 0;
	min-width: 300px;
  	max-height: 500px;
  	overflow-y: auto;
  	overflow-x: hidden;
}
.nav_notify.dropdown-menu ul::-webkit-scrollbar,
.nav_cart.dropdown-menu ul::-webkit-scrollbar{
	background-color: #efefef;
	border-radius: 100px;
    width: 8px;
}
.nav_notify.dropdown-menu ul::-webkit-scrollbar-thumb,
.nav_cart.dropdown-menu ul::-webkit-scrollbar-thumb{
	background-color: #ccc;
    border-radius: 100px;
}
/* ---- end of Added 26022025 ---- */

/*End of notifications*/

/* Nav cart dropdown */
.nav_cart{
  padding:10px;
  margin-top:0px; /* Edited 26022025 */
}

.nav_cart .head h3{
	font-size: 16px;
  	color:#126a9c;
  	margin:10px 0 20px 0;
}
.nav_cart .head .badge{background: #c71c22;}

.nav_cart .tab_head{
	background: #EFEFEF;
	display: flex;
	flex-direction: row;
	padding: 5px 0;
}
.nav_cart .tab_items{
	display: flex;
	flex-direction: row;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.nav_cart .tab_items:nth-child(even){
	background: #f9f9f9;
}
/*.nav_cart .tab_head .trleft{
	text-align: center;
}*/
.nav_cart .tab_head .trleft,
.nav_cart .tab_head .trright{
	font-weight: bold;
}
.nav_cart .trleft{width: 12%;padding-left: 8px;} /* 04102022 */
.nav_cart .trright{width: 88%;} /* 04102022 */
.nav_cart .tab_items .trright{
	display: flex;
	flex-direction: row;
}
.nav_cart .tab_items .trright .icon {width: 30%;}
.nav_cart .tab_items .trright .desc {width: 70%;padding: 0 5px 0 5px;} /*04102022*/
.nav_cart .tab_items .trright .icon img{width: 80%;border-radius: 100px;} /* 04102022*/
.nav_cart .tab_total{text-align: right;padding: 10px 0;} 
.nav_cart .tab_buttons{
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
} 
.nav_cart .tab_buttons .btn{margin: 0 5px;width: 50%;}/* Edited by M 28052024 */
.nav_cart .tab_buttons .btn-primary,
.nav_cart .tab_buttons .btn-danger{color: #fff !important;}
.nav_cart .tab_buttons .btn-primary:hover{background-color:#178acc !important;}
.nav_cart .tab_buttons .btn-danger:hover{background-color:#bf282d !important;}

/* Added 04102022 with new parent portal*/
/* Worksheet sub category*/

.nav_cart .icon.wsub{position: relative;}
.nav_cart .icon.wsub .subtype{
  background: #000;
  position: absolute;
  top: 0;
  right: 0px;
  width: 26px;height: 26px;
  padding: 4px 5px 3px 5px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-radius: 100px;
  text-align: center;
}
.nav_cart .icon.wsub.summ .subtype{
  left: 24px;
  width: 18px;height: 18px;
  padding: 3px 2px 3px 3px;
  font-size: 10px;
}
.nav_cart .icon.wsub .subtype.eng:before{content: "E";}
.nav_cart .icon.wsub .subtype.eng{background: #CD1549;}
.nav_cart .icon.wsub .subtype.math:before{content: "M";}
.nav_cart .icon.wsub .subtype.math{background: #058DD1;}
.nav_cart .icon.wsub .subtype.sci:before{content: "S";}
.nav_cart .icon.wsub .subtype.sci{background: #4C920A;}
.nav_cart .icon.wsub .subtype.chi:before{content: "C";}
.nav_cart .icon.wsub .subtype.chi{background: #BE8C19;}

/* ---- Added 26022025 ---- */
.nav_cart{
	padding:10px 5px 10px 10px;
}
.nav_cart.dropdown-menu{
	border-radius:6px;
	border-top-left-radius:6px !important;	
}
.nav_cart.dropdown-menu ul{
	list-style: none;
	margin:2px 0;
	padding:0 5px 0 0;
	min-width: 300px;
  	max-height: 500px;
  	overflow-y: auto;
  	overflow-x: hidden;
}
/* ---- end of Added 26022025 ---- */

.mobnotify .nav_cart .icon.wsub .subtype{width: 24px;height: 24px;font-size: 12px;} /*04102022*/

.blkmessg {
    background: #EFEFEF;
    border-radius: 4px;
    padding: 30px 15px;
    text-align: center;
    color: #999;
}
.blkmessgbig {
	background: #EFEFEF;
	border-radius: 4px;
	padding: 40px;
	text-align: center;
	color: #999;
}
.blkmessg i, .blkmessgbig i{font-size: 20px;margin: 0 0 10px 0;}
.blkmessg h3, .blkmessgbig h3{font-size: 22px;color: #999;margin: 5px 0 10px 0;}
.blkmessg h5, .blkmessgbig h5{font-size: 16px;color: #999;margin: 5px 0 5px 0;}
.blkmessg p, .blkmessgbig p{line-height: 22px;font-size: 14px;}


/* Mob notifications */
.mobnotify{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	height: 59px; /* 1 less than the 60px height of the blue navbar #top-nav*/
}
.mobnotify .navitems{
	position: relative;
	margin-top: 10px;
	padding: 9px 15px;
}
.mobnotify .navitems a{color: #fff;text-decoration: none;}
.mobnotify .navitems span.indc{top: 10px;right: 10px;}
.mobnotify .nav_notify.dropdown-menu,
.mobnotify .nav_cart.dropdown-menu{left:auto;right: 0;} /* Edited 26022025 */
.mobnotify .nav_notify.dropdown-menu ul,
.mobnotify .nav_cart.dropdown-menu ul{min-width: 250px;max-height: 400px;} /* Edited 26022025 */
.navbar-toggle{margin-left: 10px;}

/* Back button in internal parent pages 05102022 */
.parent .backbut a { 
    font-size: 14px;
    color: #fff;
}

/* ------------------ Notifications for child portal 26022025  ------------------ */
.nav_notify.child .pin{
	padding:0;
	border-left:none;
	position: relative;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.nav_notify.child .pin h4{
	font-size: 12px;
    font-weight: 500;
    padding: 13px 5px 5px 0px;
	background:#000;
	color:#fff;
	border-bottom-right-radius: 60px;
	margin:0 10px 0 0;
	height:60px;
	width:21%;
	text-align: center;
	letter-spacing: 1px;
}
.mobnotify .nav_notify.child .pin h4{
	letter-spacing: 0px;
	width:20%;
}
.nav_notify.child .pin .desc{
	padding:10px 10px 0 5px;
	width:75%;
}
.nav_notify.child .pin .datetime{
	padding:0px 10px 0 5px;
	width:75%;
}
.nav_notify.child .pin.learn{background:#f6f6f6;} 
.nav_notify.child .pin.learn h4{background:#5495b5;}
.nav_notify.child .pin.learn .datetime{color:#5495b5;}

.nav_notify.child .pin.revise{background:#f6f6f6;} 
.nav_notify.child .pin.revise h4{background:#b55490;}
.nav_notify.child .pin.revise .datetime{color:#b55490;}

.nav_notify.child .pin.ask{background:#f6f6f6;}
.nav_notify.child .pin.ask h4{background:#788e68;}
.nav_notify.child .pin.ask .datetime{color:#788e68;}

.nav_notify.child .pin.read{pointer-events: none;opacity:0.3;}

.nav_notify.child .pin.learn:hover{background:#e1f5ff;}
.nav_notify.child .pin.revise:hover{background:#fff1f1;}
.nav_notify.child .pin.ask:hover{background:#f3f7f0;}

/* ------------------ AI Assistant section 17122024  ------------------ */

.sidepgicons{
	position:fixed;
	right:15px;
	bottom:80px;
	z-index:6;
	text-align: center;
}
/* ///// AI Assistant fixed on side of page ///// */
.bassisticon{margin:0 auto;}
.bassisticon .button{
	border: 1px solid #f1f1f1;
	background: radial-gradient(circle, rgba(252, 252, 252, 1) 0%, rgb(255, 234, 132) 100%);
  	border-radius: 100px;
  	color: #765532;
  	font-size: 12px;
  	font-weight: 700;
	letter-spacing: 2px;
  	overflow: hidden;
  	padding: 0 0 0 2px;
  	text-decoration: none;
  	text-transform: uppercase;
  	transition: padding .2s ease, background-position .2s ease, transform .5s ease;
	display:flex;
	align-items: center;
	justify-content: center;
	width:65px;height:50px;
	margin:0 auto;
}
.bassisticon .button:span {
	margin: 0;
	padding: 0;
}
.bassisticon .button img {
	width:60px;
}
.bassisticon .button:hover {
	transform: scale(1, 1);
	padding-right: 128px;
	padding-left: 30px;
	background-position: 5px center;
}
.bassisticon .button span:nth-child(2){
	margin-right:-90px;
	opacity:0;
	display: none;
}
.bassisticon .button:hover span:nth-child(2) {
        display:flex; /* Edited 12032025 */
	flex-direction: column; /* Added 12032025 */
        align-items: center; /* Added 12032025 */
	opacity:1;
	transition:opacity 0.3s ease-in;
} 
.social_lnk{position: initial !important;margin-top:20px;} /* Overwrite current 

/* Added - loader stat 12032025 */
.bassisticon.inprog .button{
	font-size:10px;
}
.bassisticon.inprog .button:hover {
	padding-left:0;
	padding-right: 95px;
	width:180px;
}
.dotsloader {
	width: 30px;
	aspect-ratio: 2;
	--_g: no-repeat radial-gradient(circle closest-side,#aa7b49  90%,#0000);
	background: 
	  var(--_g) 0%   50%,
	  var(--_g) 50%  50%,
	  var(--_g) 100% 50%;
	background-size: calc(100%/4) 50%;
	animation: l3 1s infinite linear;
	margin-bottom:3px;
  }
  @keyframes l3 {
	  20%{background-position:0%   0%, 50%  50%,100%  50%}
	  40%{background-position:0% 100%, 50%   0%,100%  50%}
	  60%{background-position:0%  50%, 50% 100%,100%   0%}
	  80%{background-position:0%  50%, 50%  50%,100% 100%}
}

/* ///// Modal ///// */
.bassistmod .modal-dialog{margin:25px;} /* Added 12062025 */
.bassistmod button.shepherd-cancel-icon{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
    font-weight:300;
    font-size: 40px;
}

.bassistmod .shepherd-content,
.bassistmod .shepherd-header{
    border-radius:20px;
}

.bassistmod .shepherd-content {
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: radial-gradient(circle, rgba(252,252,252,1) 0%, rgb(255, 234, 132) 100%);
    font-size:20px;
}

.bassistmod.summary .shepherd-content {
    font-size:10px;
    padding-top:10px;
}

.bassistmod .shepherd-content h2{
    margin:0px;
    padding:0 5px;
    font-weight: normal;
    font-size:26px;
}

.bassistmod .shepherd-content h2.inner{
	margin:0 0 10px 0;
	font-weight:500;
	font-style: italic;
	color:#ac4122;
}

.bassistmod .shepherd-content h3.inner{
	margin:0 0 20px 0;
	font-weight: normal;
    font-size:20px;
}

.bassistmod .shepherd-content p.regtxt{
	font-size:16px;
	line-height: 26px;
	padding:20px;
	margin:0;
}

.bassistmod .shepherd-content .regtxt.inner{
	padding:0 20px 25px 20px;
}

.bassistmod .shepherd-content .barryroboticon{
    width:100px;
    margin-top:-90px;
}
.bassistmod .shepherd-footer{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:20px;
    background:transparent;
}
.bassistmod .shepherd-footer .sbtns{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100px;
    height:100px;
    padding:10px;
    margin:3px;
    background:#a79d65;
    color:#fff;
    border-radius:100px;
}
.bassistmod .shepherd-footer .sbtns:focus,
.bassistmod .shepherd-footer .sbtns:visited{
    text-decoration: none;
}
.bassistmod .shepherd-footer .sbtns:hover{
    text-decoration: none;
    outline: none;
    background:#d38a5f;
}

.bassistmod .shepherd-footer .sbtns.math{background:#559ec3;}
.bassistmod .shepherd-footer .sbtns.math:hover{background: #0773aa;}
.bassistmod .shepherd-footer .sbtns.eng{background:#d5385d;}
.bassistmod .shepherd-footer .sbtns.eng:hover{background: #a9193c;}
.bassistmod .shepherd-footer .sbtns.sci{background:#559c4c;}
.bassistmod .shepherd-footer .sbtns.sci:hover{background: #30592b;}
.bassistmod .shepherd-footer .sbtns.chi{background:#be8e2d;}
.bassistmod .shepherd-footer .sbtns.chi:hover{background: #584724;}


.bassistmod .shepherd-footer .sbtns p{
    margin:0;
    font-size:12px;
}
.bassistmod .shepherd-footer .sbtns h4{
    margin:0;
    font-size:20px;
    font-weight: 100;
    color:#fff;
}
/* ///// Selection of subtopics 12062025 ///// */
p.htitle{
	font-size:16px;
	padding:10px 50px;
	margin:0;
}
.bassistmod .selectiontopic{
	margin:10px 0 20px 0;
	display: flex;
    justify-content: center;
	padding:0 20px;	
}
.selectiontopic .button-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  cursor: pointer;
}
.selectiontopic .button-wrapper a{
	color:#bfb375;
}
.selectiontopic .button-wrapper .fa.fa-chevron-left{
	opacity:0.2;
}
.selectiontopic .cwrapper {
  height: 50px;
  width:210px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display:flex;
  align-items: center;
}
.selectiontopic .subcarousel {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  transition: all 1s ease;
}
.selectiontopic .card {
  background:#a79d65;
  color:#fff;
  min-width: 100px;
  height:45px;
  margin-right: 10px;
  border-radius:100px;
  font-size:12px; 
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.selectiontopic .card:hover,
.selectiontopic .card.term2:hover,
.selectiontopic .card.term3:hover{
    text-decoration: none;
    outline: none;
    background:#d38a5f;
    cursor: pointer;    
}

.selectiontopic .card p{
    width:100px;
    padding:0px 10px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.selectiontopic .card.term2{
    background:#b1793d;
}
.selectiontopic .card.term3{
    background:#b1553d;
}

.selectiontopic .cardpadding {
    background: transparent;
    color:transparent;
    border-radius:0px;
    border-color:transparent;
}

.tooltiptopic {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.selectiontopic .tooltiptopictext {
    visibility: hidden;
    width: max-content;
    background-color: #038cd0;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    font-size: 12px;
    z-index: 1;
}

.tooltip-top {
    bottom: 110%;
    left: 50%;
    margin-left: -27px;
}

.tooltip-top::after {
    width: max-content;
    position: absolute;
    top: 100%;
    left: -15%;
    margin-left: 35px;
    border-width: 10px;
    border-style: solid;
    border-color: #038cd0 transparent transparent transparent;
}


/* ///// Regular btns ///// */
.bassistmod .shepherd-footer .regbtn{
    padding:10px 30px;
    margin:3px;
    background:#a79d65;
    color:#fff;
    border-radius:100px;
    font-size:14px;
    text-decoration: none;
}
.bassistmod .shepherd-footer .regbtn:focus,
.bassistmod .shepherd-footer .regbtn:visited{
    text-decoration: none;
}
.bassistmod .shepherd-footer .regbtn:hover{
    text-decoration: none;
    outline: none;
    background:#d38a5f;
}

.bassistmod .shepherd-footer .selectiontopic:focus,
.bassistmod .shepherd-footer .selectiontopic:visited{
    text-decoration: none;
}
.bassistmod .shepherd-footer .button-wrapper:hover {
    text-decoration: none;
    outline: none;
    color:#d38a5f;
    background: transparent;
}
.selectiontopic .button-wrapper.disable:hover{
    cursor: default;
    color:#bfb375;
    background: transparent;
    opacity:0.2;
}

.bassistmod.fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

/* /// Confetti canvas /// */
.confetti_canvas{
    width:418px;
    height:60px;
    position:absolute;
    top:0;
    left:0;
}

/* /// Summary Table list /// */
/* .bassistmod.summary .shepherd-footer{margin-bottom:0;} */
.sumtable{
	font-size:14px;
	width:100%;
	padding:0 5px;
	margin-bottom:20px;
	color:#564c26;
	max-height:300px;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.sumtable::-webkit-scrollbar {
    width: 8px;
    padding:0 10px;
}
.sumtable::-webkit-scrollbar-track {
    background:#d1c37d;
    border-radius: 10px;
}
.sumtable::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#a79d65;
	-webkit-box-shadow:none;
}
.sumtable i.fa-star{color:#ffc000;}
.sumtable i.fa-check{color:#42ae6d;}
.sumtable .type{
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:100px;
	text-align: center;
	background:#d38a5f;
	width:18px;
	height:18px;
	margin-top:2px;
}
.sumtable .type.mast{background:#d38a5f;}
.sumtable .type.pract{background:#a79d65;}
.sumtable .type i{color:#fff;font-size:10px;}
.sumtable ul{
	margin:0;padding:0;
	list-style-type: none;
}
.sumtable .headrow,
.sumtable .subrow{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	text-align: left;
}
.sumtable .headrow{
	background:#d1a357;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color:#fff;
	font-weight:500;
}
.sumtable .headrow .col_1,
.sumtable .headrow .col_2and3,
.sumtable .headrow .col_4,
.sumtable .headrow .col_5{padding:5px 8px;}

.sumtable .subrow .col_1,
.sumtable .subrow .col_2,
.sumtable .subrow .col_3,
.sumtable .subrow .col_4,
.sumtable .subrow .col_5{padding:10px 8px;}

.sumtable .headrow .col_1{width:5%;display:none;}
.sumtable .headrow .col_2and3{width:100%;text-align: center;}
.sumtable .headrow .col_4{width:23%;display:none;}
.sumtable .headrow .col_5{width:15%;text-align: center;display:none;}

.sumtable .subrow .col_1{width:10%;}
.sumtable .subrow .col_2{width:10%;}
.sumtable .subrow .col_3{width:80%;}
.sumtable .subrow .col_4{width:50%;font-style: italic;}
.sumtable .subrow .col_5{width:50%;text-align: right;font-weight:bold;}

.sumtable .subrow:nth-child(odd){
	background:rgba(236, 229, 189, 0.3)
}
.sumtable .subrow:nth-child(even){
	background:rgba(255, 255, 255, 0.3)
}
.sumtable .subrow .col_4{font-size:14px;}

/* /// Add total stars and BarryQ bonus to summary table 12062025 /// */
.sumtable{margin-bottom:0;}
.sumtotal{
	align-self:flex-end;
	width:100%;
	margin:5px 0 20px 0;
	padding:0 5px;
}
.sumtotal .top_part, .sumtotal .bottom_part{
	list-style: none;
	margin:0;padding:0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	font-size:14px;
	font-weight: bold;
	text-align: right;
}
.sumtotal .top_part{
	background:#d1a357;
	color:#fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.sumtotal .bottom_part{
	color:#564c26;
}
.sumtotal .cellone{width:65%;font-style: italic;padding:5px 0px 5px 0;}
.sumtotal .celltwo{width:35%;padding:5px 15px 5px 0;}

.sumtotal i.fa-star {
    color: #ffc000;
}

/* /// Recommended Lessons Table list /// */
.reclestable{
	font-size:14px;
	max-height:255px;
	padding:20px 5px 0 5px;
	margin-bottom:20px;
	color:c2a75a;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;	
}
.reclestable::-webkit-scrollbar {
    width: 8px;
    padding:0 10px;
}
.reclestable::-webkit-scrollbar-track {
    background:#d1c37d;
    border-radius: 10px;
}
.reclestable::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#a79d65;
	-webkit-box-shadow:none;
}
.reclestable ul{
	margin:0;
	padding:0;
	list-style-type: none;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.reclestable li{
	width:100%;
	margin:3px 10px 28px 3px;
	padding:10px 15px;
	border:2px solid #c2a75a;
	border-radius:10px;
	color:#c2a75a;
	display:flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	cursor: pointer;
}
.reclestable li::after{
	position:absolute;
	left:48%;
	bottom:-18px;
	font-family: FontAwesome;
	content:"\f063";
	color: #c2a75a;
}
.reclestable li:last-child::after{
	content:"";
}
.reclestable li .seq{
	margin:-30px 0 0 0;
	padding:5px 0 4px 0;
	width:30px;height:30px;
	background:#c2a75a;
	color:#fff;
	font-weight: bold;
	border-radius:100px;
	z-index: 1;
}
.reclestable li .lessontitle{
	margin:8px 0 5px 0;
	font-weight: bold;
	font-size:12px;
}
.reclestable li .title{
	font-size:12px;
	font-weight:500;
	margin:0 0 5px 0;
	height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.reclestable li.viewed{
	border:2px solid #40aa65;
	color:#40aa65;
	opacity:0.5;
	margin: 3px 10px 20px 3px;
}
.reclestable li.viewed::after{
	color:#40aa65;
	display:none;
}
.reclestable li.viewed .seq{
	background:#40aa65;
}
.reclestable li.viewed .seq span{
	display:none;
}
.reclestable li.viewed .seq::before{
	font-family: FontAwesome;
	content:"\f00c";
}

.titletab{
	color:#c2a75a;
	margin:0 10px 10px 10px;
	padding:10px;
	border:2px solid #c2a75a;
	border-radius:10px;
	display:flex;
	flex-direction: column;
	align-items: center;
	font-size:14px;
	font-weight:500;
}
.titletab .icon{
	background:#c2a75a;
	color:#fff;
	width:30px;height:30px;
	border-radius:100px;
	font-size:14px;
	padding:7px 0px;
	margin:-25px 0 0 0;
}
.titletab .title{
	margin:0 0 5px 0 ;
	padding:8px;
	height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ///// Animated movement for robot barry ///// */
.robot-barry-movement {
	-webkit-animation: robot-barry-movement 1.5s linear infinite both;
	        animation: robot-barry-movement 1.5s linear infinite both;
}

@keyframes robot-barry-movement {
   0% {
     -webkit-transform: translate(0);
             transform: translate(0);
   }
   20% {
     -webkit-transform: translate(-2px, 2px);
             transform: translate(-2px, 2px);
   }
   40% {
     -webkit-transform: translate(-2px, -2px);
             transform: translate(-2px, -2px);
   }
   60% {
     -webkit-transform: translate(2px, 2px);
             transform: translate(2px, 2px);
   }
   80% {
     -webkit-transform: translate(2px, -2px);
             transform: translate(2px, -2px);
   }
   100% {
     -webkit-transform: translate(0);
             transform: translate(0);
   }
 }



/* ################# MOBILE RESPONSIVENESS  ################# */
@media screen and (max-width: 280px) {
	.mobnotify .nav_notify{max-height: 300px;} /* Parent portal 2022 */
	.mobnotify .nav_cart{max-height: 300px;} /* Parent portal 2022 */
}

@media screen and (max-width: 319px) {
	.mobnotify .nav_notify.dropdown-menu{right:-100px;}
	.mobnotify .nav_cart.dropdown-menu{right:-55px;}

	.img-header-banner.child,
	.img-header-banner.parent{background-size: cover !important;background-position: left;} /* Parent portal 2022 */
	.img-header-banner.child .container,
	.img-header-banner.parent .container{height: 150px;} /* Parent portal 2022 */
	.img-header-banner h1.theader{font-size: 40px;}
}

/* Added for AI Assistant  17122024  */
@media screen and (max-width: 320px) {
	.bassistmod .shepherd-content .barryroboticon{width:80px;margin-top:-80px;}
	.bassistmod .shepherd-content{font-size:16px;}
	.bassistmod .shepherd-content h2{font-size:20px;padding:0 10px;}
	.bassistmod .shepherd-footer .sbtns{width: 80px;height: 80px;}
	.bassistmod .shepherd-footer .sbtns h4 {font-size:16px;}
	
	/* AI Assistant summary table */
    .bassistmod.summary .shepherd-content .barryroboticon{width:70px;margin-top:-50px;}
    .bassistmod.summary .shepherd-content h3.inner{font-size:16px;line-height:20px;}
    .bassistmod.summary .sumtable{max-height:200px;}
    .bassistmod.summary .shepherd-footer{margin-bottom:0;}
    .bassistmod.summary .shepherd-footer .regbtn{padding: 8px 30px;}

    /* AI Assistant subtopics selection 12062025 */
    .selectiontopic .cwrapper {width:185px;}
    .selectiontopic .card{min-width:90px;margin-right:5px;font-size:10px;}
}

@media screen and (min-width: 320px) {
        .mobnotify .nav_notify.child.dropdown-menu{right:-50px;} /* Edited 26022025 */
	.mobnotify .nav_notify.dropdown-menu{right:-80px;}
	.mobnotify .nav_cart.dropdown-menu{right:-35px;}

	.img-header-banner.child,
	.img-header-banner.parent{background-size: cover !important;background-position: left;} /* Parent portal 2022 */
	.img-header-banner.child .container,
	.img-header-banner.parent .container{height: 150px;} /* Parent portal 2022 */
	.img-header-banner h1.theader{font-size: 40px;}

	.parent .backbut{position: initial;} /* 05102022 */
}

@media screen and (min-width: 360px) {
	.mobnotify .nav_notify.dropdown-menu{right:-50px;}
	.mobnotify .nav_cart.dropdown-menu{right:0;}
}

@media screen and (min-width: 375px) {
	.mobnotify .nav_notify.dropdown-menu{right:0;}
}

@media screen and (orientation:landscape){
	.achvaleart .modal-content { 
		max-width: calc(100vw - 150px);	
		max-height: calc(100vh - 50px);
  		overflow-y: auto;
  		background:url(../images/achvalert_confetti.png) no-repeat center -30px #fff;
  	}
  	.achvaleart .modal-body h1{display:none;}
	.achvaleart img.sstbadge{width:15%;margin-top:20px;}
	.achvaleart .maintxt{font-size:16px;margin-bottom:0;}
	.achvaleart .guidetips{}
	.achvaleart .guidetips .tiptxt{font-size:14px;text-align: left;}

	.img-header-banner.child,
	.img-header-banner.parent{background-position: center;} /* Parent portal 2022 */
}

@media screen and (orientation:landscape) and (max-width:932px){ /* Added 26022025 */
	.mobnotify .nav_notify.dropdown-menu ul,
	.nav_notify.dropdown-menu ul,
	.mobnotify .nav_cart.dropdown-menu ul,
	.nav_cart.dropdown-menu ul{max-height: 300px;} 
}

@media (min-width: 768px){
	.img-header-banner.child,
	.img-header-banner.parent{background-position: center;} /* Parent portal 2022 */
	
        /* AI assistant modal  17122024 */
        .bassistmod .shepherd-content {width:420px;}
	.bassistmod.summary .shepherd-content {width:500px;}

	/* AI assistant Summary table 17122024 */
	.sumtable .headrow .col_1{width:5%;display:block;}
	.sumtable .headrow .col_2and3{width:57%;display:block;text-align:left;}
	.sumtable .headrow .col_4{width:23%;display:block;}
	.sumtable .headrow .col_5{width:15%;text-align: center;display:block;}

	.sumtable .subrow .col_1{width:5%;}
	.sumtable .subrow .col_2{width:5%;}
	.sumtable .subrow .col_3{width:52%;}
	.sumtable .subrow .col_4{width:23%;font-style: italic;}
	.sumtable .subrow .col_5{width:15%;text-align: center;font-weight:bold;}

	/* AI assistant Recommended Lessons Table list 17122024 */
	.reclestable{max-height:300px;}
        
	/* AI Assistant - screen above 768px loading stat will be opened 12032025 */
	.bassisticon.inprog .button,
	.bassisticon.inprog .button:hover {
		transition:none;
		transform: none;
		pointer-events: none;
	}
	.bassisticon.inprog .button span:nth-child(2){
		margin-right:-90px;
		opacity:1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.bassisticon.inprog .button:hover span:nth-child(2) {
		opacity:1;
		flex-direction: column;
		align-items: center;	
		pointer-events: none;
	} 
	.bassisticon.inprog .button,
	.bassisticon.inprog .button:hover {
		padding-left:0;
		padding-right: 95px;
		width:180px;
		pointer-events: none;
	}        
        
	/* AI Assistant subtopics selection 12062025 */
	.selectiontopic .cwrapper {width:320px;}

	/* AI Assistant summary table add on total and bonus 12062025 */
	.sumtotal .cellone{width:75%;}
	.sumtotal .celltwo{width:25%;padding:5px 25px 5px 0;}
}

/* AI Assistant subtopics selection 12062025 */
@media (max-width:740px) and (orientation:landscape){
	.selectiontopic .button-wrapper {width: 50%;}
}

/* AI Assistant subtopics selection 12062025 */
@media (max-width:480px) and (orientation:landscape){
	.selectiontopic .button-wrapper {width: 70%;}
}

/* Added for AI Assistant 17122024 */
@media (max-width: 932px) and (orientation:landscape){ /* Edit from 920 to 932px 17122024 */
	.bassistmod .shepherd-content .barryroboticon{width:80px;margin-top:-80px;}
	.bassistmod .shepherd-content{font-size:16px;max-height:none;}
	.bassistmod .shepherd-content h2{font-size:20px;padding:0 10px;}
	.bassistmod .selectionbtns .sbtns{width: 80px;height: 80px;}
	.bassistmod .selectionbtns .sbtns h4 {font-size:16px;}

	.sumtable{max-height:100px;}
	.sumtable .headrow .col_1{width:5%;display:block;}
	.sumtable .headrow .col_2and3{width:57%;display:block;text-align:left;}
	.sumtable .headrow .col_4{width:23%;display:block;}
	.sumtable .headrow .col_5{width:15%;text-align: center;display:block;}

	.sumtable .subrow .col_1{width:5%;}
	.sumtable .subrow .col_2{width:5%;}
	.sumtable .subrow .col_3{width:52%;}
	.sumtable .subrow .col_4{width:23%;font-style: italic;}
	.sumtable .subrow .col_5{width:15%;text-align: center;font-weight:bold;}

	/* AI assistant Recommended Lessons Table list 17122024 */
	.reclestable{max-height:120px;}
}

@media (min-width: 896px){
	.img-header-banner.child,
	.img-header-banner.parent{background-position: center;background-size: auto !important;} /* Parent portal 2022 */
	.img-header-banner.child .container,
	.img-header-banner.parent .container{height: 205px;} /* Parent portal 2022 */
	.img-header-banner h1.theader{font-size: 50px;}

	.mobnotify{display: none;} /* Parent portal 2022 */
}

@media screen and (min-width:1024px){
	.achvaleart .modal-content {background:url(../images/achvalert_confetti.png) no-repeat top center #fff;}
	.achvaleart .modal-body h1{display:block;}
	.achvaleart img.sstbadge{width:20%;margin-top:0;}
	.achvaleart .maintxt{font-size:20px;margin-bottom:0;}
	.achvaleart .guidetips .tiptxt{font-size:17px;text-align:center;}

	.parent .backbut{position: initial;} /* 05102022 */
}

@media screen and (max-width: 1200px) { /*when displayed on mobile*/

	/*.navbar-collapse { /*make the nav bar non-collapsible. Will not cover the rest of page when zoomed
    	width: 950px;
  	}*/
  
  	/*welcome user guide fix for mobile*/
	#welcome .carousel-inner{height:350px;}
	#welcome_carousel img{width:100%;}
	/* ------------------------------------*/

	 /*fix for resizing label,Registered users on mobile*/
	#dashboard .title{font-size:20px;}

	/*fix for main image on the home page when viewed on mobile*/
	.carousel-inner.container img{width:100%;}
	.carousel-inner.container .item{height:200px;}

	/* ------------------------------------*/

	/*fix for making the studytracker image smaller in mobile*/
	/*#studytracker img{width:100%;}*/

	/*fix for text in edit profile page*/
	#myprofile .text-info{font-size:14px;}
	#myprofile textarea{font-size:6px;}
	/* ------------------------------------*/

	/*fix for dnc display in mobile*/
	#dnc li, #dnc .overseas{font-size:10px; line-height: 15px;}
	#dnc p, #dnc .text-success{font-size:11px;}

	.controls p.text-info{font-size: 10px;}

	/*fix for text of testimonial in trial view*/
	#trial_overview p, #carousel-reviews .block-text{font-size:10px;}
	
	.row.one{margin-top: 0;}

	#recommend .panel-body.title img{width:30%;}
	#recommend.mylessons-recommend .panel-body.title{
		text-align: center;
		/*height:90px;*/
		height:130px;
		position:relative;
	}

	.text-danger.col-md-12{padding:0px;}

	/*#resultTable td:nth-child(1){display:none;}*/
	#speedtest .container {height:600px;}
	#speedStep-3 h4.estimate{ margin:0 0 15px 0;}
	#speedinfotxt{width:100%; margin-bottom: 20px; padding-right:25px;}
	
	#resultTable b{font-size:14px; line-height: 2em;}
	#speedStep-3 .col-md-5{padding:0;}
}

@media screen and (max-width: 766px) {	
	#resultTable{width:65%;}

	#speedStep-3 .col-md-10{padding-left:0;}	
	#speedStep-3 h1{display:none;}

	#speedStep-3 h4.estimate {margin: 10px 0 15px 0;}
}

@media screen and (max-width: 640px) {
	#speedtest .container {height:700px;}

	#resultTable {margin:0 auto; width:100%;}
	#resultTable td:nth-child(2){padding-left:20px;}

	#speedStep-3 {text-align: center;}
	#speedStep-3 .col-md-6{padding-right:15px;}

	#speedStep-1 img{width:70%;}
}

@media screen and (max-width: 480px) {
	#resultTable b{font-size:12px;}
	#resultTable {width:100%;}

	.achvaleart .modal-body h1{font-size:24px;margin: 50px 0 20px 0;}
	.achvaleart img.sstbadge{width:30%;}
	.achvaleart .maintxt{font-size:18px;}
	.achvaleart .guidetips .tiptxt{font-size:14px;text-align: left;}
}

@media screen and (max-width: 360px) {
	.achvaleart .maintxt{font-size:16px;}
}

