:root {
    --font-main: 'Open Sans Hebrew', Arial, Helvetica, sans-serif;
}
    .content_width{max-width:640px; margin:auto}
    #main_container:before{top:87px}
    #header_strip{box-shadow:none;}
    .top_strip_container{background-color: rgba(255,255,255,0.85);}
    .top_strip{display:flex; justify-content: space-between;height:27px;line-height:27px;font-size:16px;font-weight:600;background-color:var(--color-dark-blue);color: #FFFFFF;text-align:start}
    .top_strip{background-color: transparent;} /* עודכן כדי להעלים את הפס העליון*/
    .top_strip a{text-decoration: none; color:white}
    .top_strip .arrow_holder{display: inline-block; width:10px}
    .top_strip a.go_back{margin: 0 7px}
    .top_strip a.go_back i{font-size:70%}
    .top_strip a.go_back:hover i:before{content: "\f137";font-weight:600}
    a.interface_switch {width:50px; color:white; text-align: center}
    a.interface_switch.to_teacher{background-color: #9c349a}
    a.interface_switch.to_student{background-color: #1765a3}
    a.interface_switch:hover{background-color: var(--color-light-blue-text); color:var(--color-dark-blue); }
    .main_content.main_content_book{padding-top: 0;margin: 0 auto;min-height: calc(100vh - 107px);}
    /*.logo_goren{position: absolute;height: 27px;padding: 5px 10px;left: calc(50% - 52px);top: 60px;}*/
    .logo_goren{height: 27px;padding: 5px 10px;margin:0 auto}
    .logo_goren.book{background-color: var(--color-grey-background);}
    .logo_goren.chapter{background-color: var(--color-pink);}

    .title_div{position: relative; background-color:var(--color-grey-background);color:var(--color-dark-blue); padding:16px 5px 10px 5px; text-align:center}
    .title_div h1{color:var(--color-dark-blue); margin:0; font-size:39px; font-weight:800; line-height:42px;}
    .title_div h2{color:var(--color-dark-blue); margin:0; font-size:24px; line-height:32px}

    /*tree view*/
    .goren_emergency{display: inline-block; margin:10px 0 -10px 0;background-color:var(--step-active-light); color:#4F4E4E; padding:14px 20px;}
    .goren_emergency:hover{background-color:var(--step-active-dark)}
    .goren_emergency, #set_goren_classes_div{width: 100%;max-width: 400px;}
    #set_goren_classes_btn{display:inline-block; padding: 4px 10px; margin:10px; background-color: var(--color-green-bg); color:white}
    #set_goren_classes_btn:hover{background-color:var(--step-done-dark)}
    #set_goren_classes_btn:hover i{font-weight: bold !important}

    #contents_search{position: relative; width:auto; margin:5px auto;width:270px}
    #contents_search input{width:236px;height:32px;background: #FFFFFF;padding-right:7px;border: 1px solid var(--color-grey-background);border-radius: 5px;color:var(--color-dark-blue); font-size:15px;font-family:var(--font-main)}
    #magnifying{position:absolute;top:4px;left:22px;width:25px;border-right:1px solid var(--color-grey-text);padding-right: 4px;color:var(--color-grey-text)}

    .tree_list.book_chapter_list{background-color:#ffffff;margin-top:25px;}
    .book_chapter_list h3, .book_chapter_list h4{text-align:start;color:var(--color-dark-blue); font-size:20px;margin:0;line-height:24px}
    .book_chapter_list h3{font-weight:600;}
    .book_chapter_list h4{font-weight:400;}

    .tree_list.book_chapter_list li.level3{padding:0; margin:5px 0}
    .tree_list.book_chapter_list li.level3>a {position: relative; cursor: pointer; padding: 0 0 0 51px}
    .tree_list.book_chapter_list li.level3.locked_chapter>a {background-color:#e5e5e8}
    .lock_icon{position:absolute;z-index: 3; bottom:16px; left:12px;border-radius: 50%;background-color: #707070; width:29px; height:29px; line-height: 24px;font-size: 16px;text-align: center;color: white;}

    .tree_list.book_chapter_list li.level2>a{background-color: var(--color-light-blue); cursor: pointer; margin:7px 0;padding:4px 15px 6px 0}

    .tree_list.book_chapter_list li.level2>a .toggle_icon, .tree_list.book_chapter_list li.level3>a .toggle_icon{left:0;height: 100%;width:51px;line-height: 62px;font-size:26px;}
    .tree_list.book_chapter_list li.level2>a .toggle_icon{background-color:var(--color-dark-blue); color:var(--color-light-blue-text)}
    .tree_list.book_chapter_list li.level3>a .toggle_icon{background-color:var(--color-light-blue); color:var(--color-dark-blue)}
    .tree_list.book_chapter_list li.level3>a .toggle_icon i {color: inherit}
    .tree_list.book_chapter_list li.level2>a:hover .toggle_icon i, .toggle_icon, .tree_list.book_chapter_list li.level3>a:hover .toggle_icon i{font-weight:600;}

    li.level3>a{border:1px solid var(--color-grey-lighter)}
    li.level3:first-child>a{margin-top:-12px}
    .chapter_num{width:36px;min-height:60px;padding:18px 6px 0 0;color:var(--color-dark-blue); border-left: 1px solid var(--color-grey-lighter); font-size:18px;font-weight:600}
    .main_chapter_name, .chapter_name{display: inline-block;text-align: start; padding: 0 7px;width:calc(100% - 51px); min-height: 50px}
    .level3 .main_chapter_name h3{ font-size:18px; font-weight:400; padding-top:15px}
    .chapter_name{position:relative; padding-right: 22px; line-height: 30px}
    .main_chapter_name{position: relative}
    .main_chapter_name.has_pages{padding-bottom:20px}
    .chapter_pages{position:absolute;left:5px; bottom:0px;font-size:14px}
    .subtree_open .chapter_pages {font-weight: bold}
    .chapter_go{width:62px;line-height: 30px; text-align: center}

    .tree_list.book_chapter_list .subtree_open .subtree li a.linker_in_goren{display: inline-block;position: absolute;  z-index: 10;  left: 52px; height:29px; line-height:29px; padding:0 9px; font-size:14px; font-weight:normal; background-color: #ffffff !important; color:var(--main-color)}
    .linker_in_goren i{margin-left:5px;}

    .tree_list.book_chapter_list .subtree_open .subtree li a.linker_in_goren:hover{background-color:var(--main-color) !important; color:#ffffff !important; border-right-color:var(--step-done-light) !important}
    .linker_in_goren.linked_group {border-right:3px solid var(--step-done-light)}

    /*.tree_list.book_chapter_list .level3.subtree_open{margin-top:0}*/
    .tree_list.book_chapter_list .subtree_open a{background-color: var(--color-pink) !important}
    .tree_list.book_chapter_list .subtree_open  .subtree a{background-color: var(--color-peach) !important}
    .tree_list.book_chapter_list .subtree_open  .subtree .group_not_linked{ cursor: auto; color:#4e4e4f}
    .tree_list.book_chapter_list .subtree_open  .subtree .group_not_linked .chapter_go{color:var(--color-peach) !important;  background-color:var(--color-peach) !important; }
    .tree_list.book_chapter_list .subtree_open .subtree .dashboard_fn_btn{position: absolute; z-index: 1; left: 60px; padding: 0 9px; line-height: 24px; top: 1px; background-color: #ffffff !important;}
    .tree_list.book_chapter_list .subtree_open .dashboard_btn{font-weight: normal;}
    .tree_list.book_chapter_list .subtree_open .dashboard_btn:hover{ background-color: var(--main-color) !important;  color: #ffffff !important;}
    .tree_list.book_chapter_list .subtree_open .linked_group:hover { background-color: var(--step-done-dark) !important;  border-color: var(--step-done-dark) !important;  color: white !important;}

    a.subtree_title{display:flex; justify-content:space-between; height:30px;padding:0;color: var(--color-dark-blue); font-weight:400}
    a.subtree_title:hover .chapter_go{background-color:var(--color-dark-blue); color:var(--color-light-blue-text)}
    .chapter_icon{display: inline-block;width:43px;height:100%; line-height:30px; text-align: center; background-color: var(--color-pink)}

    /*chapter view*/
    .practice-container{}
    .reading-container, .x-container{border:1px solid var(--color-grey-lighter); margin-bottom: 45px; padding: 0 7px}
    .reading-container .text_h1 {background-color: var(--color-pink);color: var(--color-dark-blue);}
    .reading-container .text_h2 {background-color: var(--color-peach);color: var(--color-dark-blue);font-weight: 400;font-size: 16px;}

    .chapter_title{background-color: var(--color-pink)}
    .chapter_main_icon{text-align: center; font-size:60px; padding:5px 0}
    .chapter_title h1, .chapter_title h3{font-size:24px;line-height:33px;margin:0 auto}
    h1.main_chapter_title{font-weight:600;line-height:28px; font-size: 18px;}
    h3.chapter_type{font-weight:800}
    h2.reading_title{height:52px;width: calc(100% + 14px); line-height:52px;padding:0 10px;margin: 0 -7px 10px auto; font-size: 24px; font-weight: 800; background-color: var(--color-dark-blue); color:var(--color-pink); text-align:right;}

    .main_content .practice-container h4{color:var(--color-dark-blue); font-size:20px; font-weight: 800; line-height: 24px;margin-bottom: 10px}

    .link_to_brother{position:sticky;z-index:201; bottom:45px; text-align:end; width:100%; background-color:var(--color-light-blue); height:40px; line-height:40px;}
    .link_to_brother a {display: block;width:100%;padding:0 20px; height: 100%;color: var(--color-dark-blue);font-weight: 600;text-decoration: none;}
    .link_to_brother a:hover{background-color: var(--color-dark-blue); color:var(--color-light-blue-text)}
    .link_to_brother a i {margin-left: 10px}

    /*Questions view*/
/*    .qcluster_header{position:sticky; top:0;z-index:101;padding:0 10px;color:var(--color-dark-blue); border:1px solid var(--color-grey-lighter); height:40px; line-height:35px;text-align: start;font-weight: bold;}
    .qcluster.dead_q .qcluster_header{background-color:var(--color-pink);}
    .qcluster.live_q .qcluster_header{background-color:var(--color-peach);}
    .qcluster_content{border: 1px solid var(--color-grey-lighter);border-top:0; margin-bottom: 35px;}
    .qcluster_main{position:sticky; top:-1px; z-index:100; background-color:var(--color-peach); padding:10px 3px; text-align:center}
    .is_stuck{box-shadow: 0px 15px 10px -15px #111;padding-top:40px; padding-bottom:20px}
    .qcluster_main .stickyToggler{display: none; border-top:1px solid var(--color-grey-text)}
    .qcluster_main .stickyToggler:hover i {color: var(--main-color);}
    .qcluster_main.is_stuck .stickyToggler{display: inline-block}

    .qcluster_main_only{padding:10px;}*/


    .qcluster_questions .qItem .q_head {text-align: start;color: var(--color-dark-blue);padding-inline-start: 23px;display: inline-block;border-radius: 0;background-color: var(--color-peach);width: 100%;height: 35px;line-height: 33px;border-bottom: 1px dotted #d9d9d9;margin-top: 10px;font-size: 18px;}
    /*.qcluster_questions .q_head{border-radius: 50%;width: 35px; height: 35px;line-height: 35px;}*/
    .qcluster_questions .qItem {max-width:760px;border-top:10px solid var(--color-grey-extra-light); border-radius: 0;padding-top:5px}
    .qcluster_questions .qItem.shade_down{box-shadow: initial;padding: 0; margin: 0; width: 100%;}
    .qcluster_questions .q_stats{border-radius: 0; padding: 0px 4px}
    .qcluster_questions .q_content legend {margin:10px}
    .qcluster_questions .grid_q{justify-content: start}
	.cluster_answer_prev{padding: 10px;background-color: var(--color-grey-extra-light);}

    .qcluster_head_btns{position:absolute; left:5px; top:0;display: flex}
    .qcluster_head_btns .cluster_linker{margin-top:7px; line-height: 23px}
    .qcluster_header button.linker {position: relative; height:22px; line-height:20px; padding:0 10px;color:var(--main-color) !important}
    .qcluster_header button.linker:hover {color:#ffffff !important}
    .qcluster_header .link_tag{top:-8px;right:-4px}
    .linker_text{float:right;margin: 2px 9px;font-weight: normal; font-size:13px;line-height: 20px;}
    .qcluster_ramzor_container{position: relative; margin-right:12px; margin-top:-2px}
    .qcluster_ramzor_container  .dashboard_show_more_btn{background-color:#ffffff}
    .qcluster_ramzor_container  .dashboard_show_more_btn:hover{color:initial}

    .to_do_flag{height: 21px;line-height: 18px;font-size:12px; padding: 0px 7px 0px;border-radius: 0 0 7px 7px; white-space: nowrap}
    .chapter_name .to_do_flag {position: absolute; left:5px; height:17px; min-width: 45px; text-align:center}
    .cluster_solved_btn{background-color: transparent;border-radius: 10px;border: 1px solid var(--color-dark-blue);margin: 0 8px;padding: 0 7px; height: 20px;line-height: 8px;
        color: var(--color-dark-blue) !important;white-space: nowrap; text-align:center}
    .cluster_solved_btn:hover {background-color:var(--step-done-light) !important; border-color:var(--step-done-light) !important; color:white !important}

    .linked_clusters{position: absolute;left: 8px;top: -4px;display: inline;
        border-radius:0 0 4px 4px;padding: 2px 4px;line-height: 12px; height: 17px;min-width: 34px;
        background-color: var(--step-done-light);color: white;
        font-size: 13px; font-weight: normal;text-align: center;
    }
    .level3 .linked_clusters{top:-1px; font-weight:bold}
    .level2 .linked_clusters{font-weight:bold}

  .level2>a[aria-expanded="true"] .linked_clusters {display: none;}
  .level3>a[aria-expanded="true"] .linked_clusters {display: none;}

  @media screen and (max-width: 560px) {
      .linker_text{display: none}
  }