@import url(student_theme.css);
/*@import url(shared28.css);*/

#main_container.blind_student{background:none}
/* המבורגר יופיע תמיד בממשק תלמיד*/
.studentHead a.headerMenu_toggleMobile{display: inline-flex !important; flex-direction: column; justify-content: center; border: 1px solid #b4b4b4; width: 40px; height: 40px; padding: 3px 3px 0 3px; margin: -7px 15px 0px 0px}
.studentHead a.headerMenu_toggleMobile span{display:block; height: 3px; background-color: #ffffff; margin: 2px}
.studentHead a.headerMenu_toggleMobile:hover span{background-color: #545454}
nav.studentHead > ul[aria-hidden="true"]{display: none;}
nav.studentHead > ul{position: absolute; right: 0px; top: 57px; background-color: #f5f5f6; color: #545454; padding: 8px 25px 20px; width: 580px; max-width: none; display: block;}
nav.studentHead > ul > li{padding-right: 0px; border-bottom: 2px solid #ffffff; font-size: 24px; line-height: 28px; padding-top: 12px;}
nav.studentHead > ul > li > a{color: var(--main-color); width:100%; text-align: right}
nav.studentHead > ul > li > a:hover{color: #0fb8f6;}
.menuitem_text{display:inline-block; overflow: visible; width:auto; height: auto; color:#545454; margin-right:8px; font-size: 17px; font-weight: normal}
.menuitem_show{color:#fff; margin: 0;}
.menu_show a, .menu_show .dropbtn{margin-right: 15px;}
a:hover .menuitem_show{color: var(--main-color) !important;}
.mobile_show{display: none !important;}
@media screen and (max-width: 810px) {
    .menu_show a, .menu_show .dropdown{display: none;}
    .mobile_show{display: block !important;}
}
/* עד כאן*/

.back_to_top a {pointer-events: all; display: inline-block;height: 30px;width: 30px;border-radius: 50%;border: 1px solid var(--main-color); background-color: rgba(150, 199, 247, 0.3);line-height: 24px;text-align: center; color:var(--main-color);font-size: 20px;}
.back_to_top{z-index:100; position: fixed; direction: ltr; left:50%; transform: translate(-50%,0); bottom:50px;width: 100%; max-width: calc(550px - 2em); pointer-events:none;}


.go_to_teacher{background-color: #9c349a !important; color:white; position: fixed; top:70px; right:10px; padding: 2px 7px; border-radius: 5px; font-size: 14px; z-index: 9999;  display: inline-block }
.go_to_teacher i{color: white; margin-left:5px}
.go_to_teacher:hover{background-color: #d283ec !important}
.go_to_teacher:hover a, .go_to_teacher:hover i{color: #9c349a !important}
.go_to_teacher a{text-decoration: none; color: white;}

 #area_name_top{position:absolute; top:15px; width: 40%; text-align: center; font-weight: bold; color: orange;}
 #selClassTop{ display: block;height: 1.6em;margin: 2px;font-family: 'Alef Hebrew';border: 1px solid #cfd4d8;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;font-size: small;border-radius: 3px;}
.student_class_switch{position: absolute; top:16px; left:10px}
 @media screen and (max-width: 414px) {
    #area_name_top{top: 58px;background: white;width: 100%; font-size: 12px;}
    .student_class_switch{top:2px}
}



/* matheditor*/
.matheditor-btn-span, .latex{direction: ltr}
div[class^="matheditor-toolbar-"]{background-color: #f0f0f0}
/*div[class^="matheditor-wrapper-"]{margin-bottom: 10px}*/
/* end matheditor*/

/* meta unit view*/
.teacher_style_btn{display:inline-block; border-radius:10px;padding:0px 6px; font-size:10px;font-weight:bold;border: 1px solid #d7aed7;color: #9c349a;}
.teacher_style_btn:hover{background-color: #9c349a; border-color:#9c349a; color:#ffffff; }
.delete_solutions_note{border: 1px solid #a3b7c2;border-radius: 3px;} /*delete solutions for teacher user*/
.delete_solutions_note[open] summary {border-bottom: 1px solid #a3b7c2;margin-bottom: 5px; padding-bottom: 5px}

.scrollToStats {text-align: center}
.scrollToStats span {background: var(--main-color);color: #fff;display: inline-block;border-radius: 10px;padding: 10px; margin: 20px}
.scrollToStats span:hover {background: var(--secondary-color);}
.students_opt_counter,.exp_feedback_counter{position: absolute;display: inline-block; background-color: #f8f3d6;border: 1px solid #8d6d59;border-radius: 4px;padding: 2px 4px;font-size: 10px;line-height: 10px;}
.students_opt_counter{ top:-10px; left:-10px; bottom:auto}
#ofirModal_not_finished_yet, #ofirModal_not_done_yet{text-align: center;width: 400px; margin-left: -200px;}
	@media screen and (max-width: 400px) {
		#ofirModal_not_finished_yet, #ofirModal_not_done_yet{width: 100%; margin: 0;}
	}
.student_email_verify{background-color: #fdba03; color: #ffffff;font-size: 18px;text-align: right;padding: 2px 10px 2px 2px;}
/* חלונית יחידת אתגר */
.bonus_unit_msg{padding: 40px; text-align: center; font-size: 20px;}
.bonus_unit_btns{display: flex;justify-content: space-evenly; align-items: center; padding: 0px 25px; margin-right: 20px;margin-top:20px;}
.bonus_unit_btns a{background-color: var(--main-color); font-size:16px; padding:10px 20px;}
.bonus_unit_btns span{color: var(--main-color);  cursor: pointer; font-weight: 600; font-size:16px;}
.bonus_unit_btns span:hover{text-decoration: underline;}
@media screen and (max-width: 376px) {
    .bonus_unit_btns{margin-right: 0; padding:0};
}
/* עד כאן חלונית יחידת אתגר */

/*choose_hazana_mode*/
.double_btns{display: flex; justify-content: space-around; margin: 17px auto; max-width: 350px; }
.double_btns a.fn_btn{padding: 5px 7px; font-size: 14px}

/* sel feedback */
.sel_ranking_qs_text span:nth-child(1){margin-right: 10px;}
.sel_ranking_qs_text span:nth-child(2){margin-left: -15px;}
.pre_unit_sel_ranking span:nth-child(1){margin-right: -5px;}
.pre_unit_sel_ranking span:nth-child(2){margin-left: -25px;}
@media screen and (max-width: 425px) {
    .pre_unit_sel_ranking span:nth-child(1){margin-right: -35px;}
    .pre_unit_sel_ranking span:nth-child(2){margin-left: -45px;}
}
/* end meta_unit view */

/*feedback view*/
.next_btn{font-size:45px; margin-top:15px; margin-bottom: 10px}
.like_dislike{font-size:25px; line-height: 45px; text-align: center; margin: auto;}
.like_dislike i{border-radius: 50%;margin: 20px;padding: 10px; color:#ffffff; cursor:pointer}
.like_dislike i.yes_icon{background-color: #6ea311}
.like_dislike i.no_icon, .like_dislike i.fa-meh{background-color: #f7503e}
.feedback_open_q{display: flex; position: relative; background-color: #fbfafa; border: 1px solid #999999; padding: 4px 9px 4px 10px; margin: 10px 0; white-space: nowrap;}
/*end feedback view*/

/*feedback from teacher*/
.tree_unit_list li{padding-left:10px !important}
.feedback_mail{display: inline-block;position: absolute;left: 15px;font: bold 14px/19px arial;}
.feedback_mail i{font-size: 20px}
/*end feedback from teacher*/

/* tree view */

.goto_unit{width: 100%;text-align: left;padding: 2% 0 2% 0;}
@media screen and (max-width: 421px) {
.left_toggler {left:0px; margin-left: 10px}
}

.unit_legend_opener{display: flex;justify-content: left;margin-left: 5px}
.legend_container{background-color: #f0f0f0;margin: 0px 5px 3px;border: 1px solid #ABABAB;padding: 3px 2px}
.unit_legend {display: flex; justify-content: right; font-size: 14px; line-height: 19px}
.unit_legend i{margin-left: 3px; margin-right: 8px; font-size: 16px}
.unit_legend li .fa-stack{height: 16px;line-height: 16px;margin-left: 12px;bottom: 1px;margin-right: 8px;width:auto}
.unit_legend i.fas:nth-child(2) {color: #ffffff;font-size: 8px;left: -2px;}

.unit_legend li {background-color: #ffffff;border-radius: 5px;margin: 2px 6px 2px 0px;padding: 2px 2px 2px 7px}
.unit_legend li:nth-child(1){background-color: #f0f0f0;font-weight: bold;color: #808080;}

.video_div{width:100%; text-align: center}

.tree_unit_list {background-color: #f0f0f0; padding-bottom: 10px}
.tree_unit_list li.root_title {background-color: var(--main-color); color: #ffffff; font-size:160%; font-weight: bold;margin: 35px 0 -10px 0; padding: 6px; border-radius: 10px 10px 0 0}
.tree_unit_list li.area_title {background-color: #808080; color: #ffffff; font-size:160%; font-weight: bold;margin: 15px 0 0 0; padding: 5px}
.tree_unit_list li.subj_title{font-size: 135%; color: #808080; padding: 4px 15px 4px 0px;margin: 5px 0 0 0;font-weight: bold;background-color: #d9d9d9;}
.tree_unit_list li.type_title {background-color: #f0f0f0;font-size: 110%;font-weight: bold;color: #606060; padding: 2px 10px 0 0;}
.tree_unit_list li.type_title h3 {text-align: right; margin: 0; font-size: 18px}
.tree_unit_list li {background-color: #ffffff; margin:10px 15px 5px 0; padding: 7px 25px 7px 0; position: relative;}
 .tree_unit_list li.tree_item a.unit_link {color: #4f4e4e; display: inline-block; width:100%; height: 100%;}
.tree_unit_list li.tree_item:hover {background-color: var(--light-color); color: #4f4e4e;}
.tree_unit_list li h2 {text-align: right; color: #ffffff; font-weight: bold; margin: 2px; font-size: 24px}
.tree_item .mail_alert{display: inline-block;position: absolute;right: 5px; color:red}

.bullet_num {background-color: var(--main-color); border-radius: 50%; font-size: 12px; margin-left: 7px;
	    line-height: 16px; width: 19px !important; height: 19px !important; display: inline-block; color:#ffffff; font-weight: bold; }


.unit_box{border: 1px solid #bcbcbc;border-radius: 2px;padding: 10px}


/* end tree view */

.q_star{color:#ffffff;position:absolute; bottom:0; right: 10px}
.q_data{margin-right: 4px; font-weight: bold; font-size: 12px; margin-top: 4px;}

.sec_header{position: relative}
.sec_header .btn{position: absolute; left:5px; top:0px}

.clear_btn{display:inline-flex; color:var(--main-color); margin: 0 0 0 5px; }

.q_img{width: 60%; margin:auto; text-align: center}
.q_img img {max-width: 350px; max-height: 350px;}
.q_main {display:flex;width:100%;justify-content: space-between}
.q_img_div {max-width: 100px; width: 40%}
.q_text_div {margin: 3px 5px 2px 5px; width: 100%; text-align: center;}
img.q_img{display:block; width:100%}

.btn{margin: 0 10px}
.btn i, .callForAction i {margin: 0 0px 0 5px}

.close_btn a{position: absolute; left: 15px; top: 15px; font-size: 26px; color:#999999}
.close_btn a:hover{color:#dbdbdb}

#q_header h1{line-height: 12px;}
#q_timer_box {position: absolute; top:4px; right:4px; border: 1px solid #999999; padding:2px 6px; border-radius: 4px; color: #999999}
#q_timer_ofek_container{position: fixed; left:50%; top:95px; max-width:608px; width:100%; direction: ltr; transform:translate(-50%,0)}
#q_timer_box_ofek {border: 1px solid #999999; width:95px; padding:2px 6px; border-radius: 4px; color: #999999; background-color: rgba(255, 255, 255, 0.6); z-index: 9999; direction: rtl;}
.timer_toggle{ position: absolute; left: -40px; top: -10px;}
@media screen and (max-width: 600px) {
    #q_timer_ofek_container{top:90px; padding-left: 10px;max-width:550px}
	.main_content{margin-top: 25px; }
	.timer_toggle{top:-25px; left: 0;}
}
#resumeTimer{position: absolute; width: 45%; max-width: 450px; height: 45%; left:27.5%; top: 27.5%; display:none; background-color: #ffffff; border-radius: 5px; z-index: 1000; }

#upload_img_previewdiv {position: relative;}
#upload_img_previewdiv img {max-width: 150px; max-height: 150px;}
#upload_img_previewdiv a {display: inline-block; width:20px;height: 20px; border-radius: 10px; line-height: 20px; position: absolute; bottom:15px; left: 15px; background-color: #df4e16; color:#ffffff;font-family: Arial;font-size: 20px;}

div[class^="matheditor-wrapper"] { max-width: 308px; margin: 0 auto; border-sizing: border-box;}

.ans_domain_radio {max-width:308px; margin: 0 auto; text-align: center;}

.submit_preloader{width: 150px; margin: auto; display: block}
#trophy_div {text-align: center; margin: auto; color: var(--main-color); font-weight: bold}
#trophy_div img {width: 200px; margin: auto; display: block;}

/* end question view */
*:not(.fas):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-thin):not(.fa-duotone):not(.fad):not(.far):not(.fab):not(.fal):not(.fak):not(.fa-whiteboard):not(.MathJax):not(.MJX-TEX)[aria-hidden="true"]{display: none}


/*dataTables overrides*/
.dataTables_filter{margin-bottom: 7px; }

.sorting_1, .sorting_2, .sorting_3 {background-color: #cfd4d8 !important}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {line-height: 19px;}


.data_table{border-collapse: collapse; margin: auto; width: 100%} /* table-layout: fixed;*/
.data_table td {padding: 7px; text-align: center; background-color: #f1f1f1; color:#404040; min-width: 25px !important;  border-left: 1px solid var(--main-color); border-bottom: 6px solid white}
/*.data_table tr td:first-child{text-align: right; width:230px !important}*/
.data_table tr td.xl_cell, .data_table tr th.xl_cell{width:240px !important; }
.data_table tr td.l_cell, .data_table tr th.l_cell{width:90px!important}
/*.data_table tr td, .data_table tr th {min-width: 45px}*/
.data_table tr td:last-child{border-left:1px solid white}
/*.data_table td i{color:var(--main-color) ;}*/
.data_table td a {color:#707070 ;}
.data_table td a:hover {color:var(--main-color)}
.data_table-header td, data_table-header th{text-align: center; padding: 5px }
.data_table-header tr, .data_table-header td, .data_table-header th{background-color: var(--main-color) ; color:#ffffff;  font-weight: bold; padding: 4px}
.data_table-header th.sorting, .data_table-header th.sorting_desc, .data_table-header th.sorting_asc{padding-right: 19px !important}
.data_table-header th span.tooltip{color:#ffffff}

.empty_cell{background-color: #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
.emphasize_cell{font-weight: bold; color:var(--main-color) ;}
.data_table-header i {color:#ffffff !important; margin: 0 5px;}

.data_table td .form_box{color:#4f4e4e; max-width:inherit; margin-bottom: 10px}

.dt-buttons {float:left}
.header_name_align th{background-position: center right !important;}
.header_name_align td{background-position: center right !important;}
.root_node_highlight{font-weight:normal; font-size:14px; padding: 0 4px; color:#707070; background-color:#FFEBF1;}

/*end dataTables overrides*/

/*student signup*/
.terms_checkmark{right: 0;}
.student_terms{position:absolute; top:-8px; right: 25px}
/*end student signup*/

/* homepage */
.home_main_link{display: inline-block;}
.payment_success_msg p{font-weight: 400;}
.payment_success_msg i{font-size: 55px; color:#6ea311}
/*end homepage*/

/* demo */
.headerMenu_demo_lang{position: relative;}
.headerMenu_demo_lang a{ align-items: center;  text-decoration: none;  height: 100%; }
.subMenu_pop_demo{display: none; position: absolute;  left: 0;  right: 0;  top: 100%;  width: 180px;  padding: 12px 16px 16px;   background-color: #ffffff;
box-shadow: -15px 15px 15px -15px rgb(0 0 0 / 50%);   direction: rtl;}
.subMenu_pop_demo[aria-hidden="false"]{display: block;}
.subMenu_pop_demo a{color: var(--main-color); width: 100%; text-align: right;}
.subMenu_pop_demo li:hover,.subMenu_pop_demo a:hover{background-color: var(--light-color); cursor: pointer;}
.subMenu_pop_demo li{border-top: 1px solid #5a74ca; padding: 5px;}
.subMenu_pop_demo li:nth-child(1){border-top: 0;}
/* end demo */

/* header */
    .student_teacher_feedback{top: 15px; right: 15px; position: absolute;}
    .student_unread_forums{top: 60px; right: 15px; position: absolute;}
/* header end */

/* extra area classes */
.extra_classes{width: 50%; margin: auto; padding: 10px; border-radius: 4px; text-align: center; background-color: #f0f0f0; }
.extra_classes_no_show, .extra_classes_cancel{float: left; margin-top: 20px;}
@media screen and (max-width: 767px) {
    .extra_classes{width: 100%;}
}
/* end extra area classes */

/*BtmNavLinks */
#footer_new{position:fixed; z-index:1000; bottom:0px; width:100%; text-align:center; background-color:#4e4e4f; color:white; border-top:1px solid #c1c1c2; padding:2px 5px 1px 5px}
.btm_nav_links{max-width:350px; margin:auto; display: flex; justify-content:space-between}
.btm_nav_links a{position:relative;text-decoration: none; color:white; border-bottom:2px solid #4e4e4f; padding:0px 0}
.btm_nav_links a.active, .btm_nav_links a:hover{border-bottom-color:white}
.btm_nav_links a.active::before,.btm_nav_links a.non_active::before {content: '';position: absolute;background-color: #4f4f4f; width: 30px; height: 40px; bottom: 12px; z-index: -1; left: calc(50% - 15px);  border-radius: 20px;}
.btm_nav_links a.non_active:hover{border-bottom-color:white}
.btm_nav_links a.active i {font-weight:600 !important}
.btm_nav_links .nav_btn{margin-bottom:2px; display: inline-block; text-align:center}
.btm_nav_links .nav_label{display:block;margin: 2px auto;font-size: 12px;line-height: 12px; color:white}
.btm_nav_links a.active .nav_label, .btm_nav_links a:hover .nav_label{color:white}
/*end BtmNavLinks */

/* booktree */
.chapter_locked{ position: absolute; top: 0px; right: 5px; }
/* compact subtree */
.subtree_open{font-weight:bold}
.subtree_open a {background-color:var(--extra-light-color) !important}
.compact_subtree{position:relative;background-color:#ffffff;margin: 0 15px 0 8px;}
.teacher_tip{background-color:lightyellow; margin:0}
ul.subtree_compact{border:1px solid var(--extra-light-color); border-right-width: 3px;padding-bottom:24px}
li.subtopic_name{font-weight:bold; border-top:1px solid grey; padding:7px; border-bottom: 3px double var(--extra-light-color)}
li.subtopic_name:first-of-type{border-top:none}
.subtree_title{font-weight:bold;border-bottom: 1px solid var(--extra-light-color);padding-top: 4px;}
.subtree_subtitle{font-weight:normal}
.title_icon_ball{display:inline-block;margin: 0 5px 3px 5px; border-radius: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;
    background: #FFFFFF;
    background: -moz-radial-gradient(center, #FFFFFF 0%, #FFFFFF 36%, #B2B2B2 100%);
    background: -webkit-radial-gradient(center, #FFFFFF 0%, #FFFFFF 36%, #B2B2B2 100%);
    background: radial-gradient(ellipse at center, #FFFFFF 0%, #FFFFFF 36%, #B2B2B2 100%);}
ul.lessons_list li{margin-right:35px}
.group_container{padding: 10px 4px 7px 0;margin: 3px 0 8px 0; background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 82%, var(--extra-light-color) 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 82%, var(--extra-light-color) 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 82%, var(--extra-light-color) 100%);}
.group_title, .subtree_title{position:relative;display:block; justify-content:space-between; color: var(--main-color);}
.subtree_title:hover {background-color: var(--extra-light-color)}
.subtree_title:hover .title_icon>i{font-weight:bold;}
.subtree_title:hover .title_icon>i::before {content: "\f06e";}