/* ######################
    COLORS:
    Orange:   #1c8da4
    ->lighterBlue:    #9DD2E0
    ->Blue:     #1c8da4
     ###################### */

/* ######################
  	   UNIT NAV MENU
     ###################### */


     @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');    

     div .sequence-nav,
     button.button-previous,
     main#main div.sequence-nav button.sequence-nav-button.button-previous,
     main#main div.sequence-nav button.sequence-nav-button.button-next {
       background-color: #9dd2e0;
     }
     
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button.active {
       background-color: #1c8da4;
       border-bottom: 0px;
     }
     
     button.active span.icon {
       color: white;
     }
     
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button.active .icon {
       color: white;
     }
     
     /* ######################
               SIDE NAVIGATION PANEL
             ###################### */
     nav.course-navigation span.group-heading {
       background-color: #f8f7f7;
       color: #1c8da4;
       margin-top: 3px;
       margin-bottom: 3px;
       font-family: "Assistant";
       font-weight: bold;
     }
     
     .course-index .accordion .course-navigation .button-chapter .group-heading {
       font-family: "Assistant";
       font-size: 131%;
     }
     
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu {
       padding: 0;
     }
     
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu
       .menu-item {
       background-color: #f3f3f3;
       margin: 0;
     }
     
     /* current select menu item - remove rounded corners */
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu
       .menu-item
       a {
       border-radius: 0;
     }
     
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu
       .menu-item.active
       a {
       background-color: #9DD2E0;
     }
     
     /* current menu item text color */
     div.chapter-menu.is-open div.active p.accordion-display-name {
       color: black;
     }
     
     p.accordion-display-name {
       font-family: "Assistant";
     }
     
     .course-index .accordion .course-navigation .button-chapter.active .group-heading {
       color: white;
       background-color: #1c8da4;
     }
     
     /* ######################
               TOP NAVIGATION MENU
             ###################### */
     body.view-in-course .wrapper-course-material .course-material .course-tabs {
       background-color: #f3f3f3;
       background-repeat: no-repeat;
       background-image: url(https://courses.campus.gov.il/asset-v1:MoE+EDU_Matric_371MathMatriculation3_AR+2022_1+type@asset+block@math_header_banner_3_AR.PNG);
       padding-top: 40px;
     }
     /* .wrapper-course-material .course-tabs li a:visited.active,
     .wrapper-course-material .course-tabs li a.active { */
      body .wrapper-course-material .course-material .course-tabs .tab a.active{
       color: white !important;
       border-bottom-color: white !important;
       border-bottom-width: 3px;
     }

     body .wrapper-course-material .course-material .course-tabs .tab a{
      color: white !important;
      border-bottom-width: 0px;
    }

      body .wrapper-course-material .course-material .course-tabs .tab a:hover,
     body .wrapper-course-material .course-material .course-tabs .tab a.active:hover{
      color: #C4E5E6 !important;
      border-bottom-color: #C4E5E6 !important;
      border-bottom-width: 3px;
    }
     
     .wrapper-course-material .course-tabs li a,
     .wrapper-course-material .course-tabs li a:visited {
       font-family: "Assistant";
       font-size: 120%;
       color: white;
     }
     
     .wrapper-course-material .course-tabs li {
       background-color: rgba(243, 243, 243, 0.0);
     }
     
     .course-wrapper .course-content p {
       font-family: "Assistant";
       font-size: 120%;
     }
     
     .breadcrumbs {
       font-family: "Assistant";
       font-size: 111%;
     }
     
     /* ######################
                 MAIN CONTENT AREA
             ###################### */
     div#seq_content {
       background-color: #f3f3f3;
       padding: 12px;
     }
     
     h2.unit-title {
       color: #1c8da4;
       font-family: "Assistant";
       font-size: 2rem!important;
     }
     
     button.submit {
       font-family: "Assistant";
       color: white;
       background: #1c8da4;
       border-radius: 5px;
       padding: 0.325rem 1.3rem;
     }
     
     /* lists */
     .xmodule_display.xmodule_HtmlModule ol,
     .xmodule_display.xmodule_HtmlModule ul {
       font-family: Assistant;
       font-size: 120%;
     }
     
     /* ######################
              PROBLEMS
          ###################### */
     
     div .problem {
       /*background-color: #393939;*/
       background-image: url("/static/q_mark_bg_02.png");
       background-repeat: no-repeat;
       background-position: left bottom;
       margin-top: 0px;
       margin-left: 0px;
       padding-right: 50px;
       padding: 50px 50px 50px 50px;
       border-radius: 15px;
       /*color: white;*/
     }
     div div.field {
       width: 300 px;
     }
     
     /*
     div.problem div.field label {
       color: white;
       font-family: "Assistant";
     }
       */
     div.problem p,
     div.problem legend,
     button.submit {
       font-family: "Assistant";
     }
     
     .problem-header {
       font-family: "Assistant";
       color: #1c8da4;
       font-size: 1.75rem;
     }
     
     .wrapper-problem-response input {
       font-family: "Assistant";
       font-size: 115%;
     }
     
     /* for Math input in TEXT INPUT questions, left-to-right */
     .wrapper-problem-response input[type="text"] {
       direction: ltr;
     }
     
     div.problem p.instruction-text {
       color: #c1def4;
       font-weight: bold;
     }
     
     button.submit .submit-label {
       font-size: 125%;
       /* color: white; */
     }
     
     /* multiple choice question - options' text and background */
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label {
       /*color: white;*/
       /*background-color: #1c8da4;*/
       font-family: "Assistant";
       font-size: 115%;
       border-radius: 0px;
     }
     
     /* radio button adjustments*/
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="radio"] {
       right: 0.2em;
     }
     
     /* checkbox button adjustments - multiple response question*/
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="checkbox"] {
       right: 0.2em;
     }
     
     /* drag and drop title */
     .xblock--drag-and-drop h3.problem-title {
       font-family: "Assistant";
       color: #1c8da4;
       font-size: 1.75rem;
      }
     
      /* DRAG drop Question*/
      .xblock--drag-and-drop .btn-brand {
       border-color: #1c8da4;
        border-width: 2px;
        font-family: "Assistant";
        color: white;
        background: #ffffff;
        border-radius: 5px;
        padding: 0.325rem 1.3rem;
     }
     
     .xblock--drag-and-drop .btn-brand {
       font-family: "Assistant";
       font-size: 130%;
       color: #1c8da4;
     }
     
     .xblock--drag-and-drop .btn-brand:hover {
       background-color:#036377;
       border-color:#036377;
     }
     
     .xblock--drag-and-drop .drag-container .option {
       background-color: #1c8da4;
       border: 3px solid #1c8da4;
       padding: 0px;
     }
     
     .xblock--drag-and-drop .drag-container .option .item-content {
       font-family: Assistant;
       
     }
     
     .xblock--drag-and-drop .drag-container .option {
       font-size: 1rem;
       /*width: 360px;*/
     }
     
     /* <label> in <problem> */
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock div.problem .problem-group-label {
       font-family: Assistant;
       font-size: 1.15rem;
     }
      
    
     /* <description> in <problem> */
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock div.problem .question-description {
       font-family: Assistant;
       font-size: 1.05rem;
       color: red;
     }
     
     /* 'show answer' button garbled display BUG FIX */
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock .problem .hide-show-answer-text  .wrapper-problem-response  div p.answer {
       display: none;
     }
     
     .dir-ltr {
       direction: ltr;
       display: inline-block;
     }
     
     /* Math problems */
     .course-wrapper .course-content .math-section-title {
       font-weight: bold;
       font-size: 1.5rem;
     }
     
     .math-question-text {
       font-weight: normal;
     }
     
     .math-question-instruction {
       font-weight: bold;
     }
     
     p.answer-instruction {
       font-family: "Assistant";
       font-size: medium;
       color: red;
     }
     
     /* CapaModule was replaced by ProblemBlock - KOA */
     .xmodule_display.xmodule_ProblemBlock .problem .trailing_text {
       font-family: 'Assistant';
       font-size: 1.20rem;
       margin-top: 10px;
       margin-right: 5px;
     }
        
     
     /* ######################
              PROBLEM custom JS
          ###################### */
     
     div.problem div.wrapper-problem-response p {
       font-family: "Assistant";
       font-size: 118%;
     }
     
     /* ######################
              TABLES
          ###################### */


          
     
     .xmodule_display.xmodule_HtmlModule table {
       width: auto;
     }
     
     .xmodule_display.xmodule_HtmlModule table th {
       background-color: #1c8da4;
       color: white;
       font-size: 100%;
     }
     
     table.striped-table tr:nth-child(even) {
       background-color: #b4b2b2;
     }
     
     tbody {
       font-family: "Assistant";
       font-size: 116%;
     }
     
     table audio {
       width: 210px;
     }
     
     /* ######################
              MISC
        ###################### */
     
        .center {
         display: block;
         margin-left: auto;
         margin-right: auto;
       }
       
       /* INTRO text - frame and background */
       .unitIntro {
         background-color: #c2e4ec;
         padding: 1em;
         border-radius: 15px;
       }
       
       .unitIntro>p {
       margin: 0px !important;
       }
     
       .xmodule_display.xmodule_HtmlModule .unitIntro ol li i {
         font-style: normal;
         margin-left: 10px;
       }
     
       /* ######################
            links Button - or GADA
        ###################### */
     
        .myBTN:link, .myBTN:visited {
         background-color:#1c8da4;
         color: white!important;
         padding: 0.350rem 1.3rem;
         text-align: center;
         vertical-align: center;
         text-decoration: none;
         display: inline-block;
         border-radius:5px;
         transition: 0.3s;
         font-family: 'Assistant', sans-serif!important;
         font-weight: 700;
         border-color:#1c8da4;
       }
       
       .myBTN:hover, .myBTN:active {
         background-color:#036377!important;
         border-color:#036377!important;
       
       }
     
       /* ######################
           More - or GADA
        ###################### */
     
       #seq_content h3{
         font-family: "Assistant";
         font-size: 1.85em!important;
         font-weight: 700;
       }
       
       #seq_content h4{
         font-family: "Assistant";
         font-size: 1.6em!important;
         font-weight: 700;
       }
       
       #seq_content h5{
         font-family: "Assistant";
         font-size: 1.4em!important;
       }
     
     /* ######################
              MATHEMATICS 381
          ###################### */
     
     .math-graph {
       max-width: 500px;
       max-height: 400px;
       margin-bottom: 10px;
     }
     
     .math-graph.right {
       float: right;
     }     
     
     .row-with-dropdown {
         float: right;
         width: 600px;
     }
     
     .row-with-dropdown .col {
         float: right;
         height: 38px;
         box-sizing: border-box;
         padding: 5px;
         border-top: solid 1px #ccc;
         border-right: solid 1px #ccc;
     }
     
     .row-with-dropdown .col.one {
         width: 50px;
         text-align: center;
         font-weight: bold;
     }
     
     .row-with-dropdown .col.two {
         width: 200px;
     }
     
     .row-with-dropdown .col.three {
         width: 150px;
         border-left: solid 1px #ccc;
     }
     
     .row-with-dropdown .col.three select option {
         direction: ltr!important;
     }
     
     .row-with-dropdown:last-child .col {
         border-bottom: solid 1px #ccc;
     }
     
     .row-with-dropdown .col.three .inputtype.option-input {
         margin: 0!important;
     }
     
     
     .row-with-textinput {
       float: right;
       width: 600px;
     }
     
     .row-with-textinput .col {
       position: relative;
       float: right;
       height: 60px;
       width: 60px;
       box-sizing: border-box;
       padding: 5px 15px;
       border-top: solid 1px #ccc;
       border-right: solid 1px #ccc;
       direction: ltr;
       text-align: center;
     }
     
     .row-with-textinput .col.double {
       width: 80px;
     }
     
     .row-with-textinput .col.half {
       width: 40px;
       padding-left: 0;
       padding-right: 0;
       border-right: none;
     }
     
     .row-with-textinput .col.last {
       border-left: solid 1px #ccc;
     }
     
     .row-with-textinput .col input[type=text] {
       height: 30px!important;
       width: 30px!important;
       min-width: 30px!important;
       padding: 2px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
     }
     
     .row-with-textinput:last-of-type .col {
       border-bottom: solid 1px #ccc;
       margin-bottom: 30px;
     }
     
     
     /* ######################
           MJ Fractions-bug
       ###################### */
     
       .mjx-math * {
         line-height:0 !important;
       }
     
     
     /* ######################
         GADA - alex scroll
       ###################### */
     
       /*BackToTop Btn style*/
     #backToTopBtn {
       display: none;
       position: fixed;
       bottom: 10px;
      
      left:5%;
       z-index: 99;
       font-size: 18px;
       border: none;
       outline: none;
       background-color: transparent;
       color: #105361;
       cursor: pointer;
       padding: 15px;
       border-radius: 4px;
       font-weight: 500;
       width: 200px
     }
     
     #backToTopBtn:hover {
        
        border-radius: 25px;
       
     }
     html {
       scroll-behavior: smooth;
     }


/* ___________________________________________ */
/* ___________________________________________ */
/* ___________________________________________ */
/* ___________________________________________ */
        
/* KOA css FIXES */
/* CapaModule was replaced by ProblemBlock */
/* dropdown size */
.problem select:not(.forum-nav-filter-main-control):not(.forum-nav-sort-control):not(.forum-nav-filter-cohort-control) {
    padding: 0px 5px 0px 30px !important;
   }
   
   .xblock.xmodule_display.xmodule_ProblemBlock .problem .wrapper-problem-response {
    overflow-x: unset;
   }


/* input width */
   .xmodule_display.xmodule_ProblemBlock .problem .capa_inputtype.textline input{
    min-width: 70px;
  }


/* buttons */
   .xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn{
     text-decoration-line: none;
   }

   .xmodule_display.xmodule_ProblemBlock div.problem button.btn-default{
    background-color: #1c8da4;
    color: white;
   }


   /* lists */
   .course-wrapper .course-content ul li, .course-wrapper .courseware-results-wrapper ul li{
    list-style: none;
    font-size: 120%;
   }


/* table content */
   .xmodule_display.xmodule_HtmlBlock table td{
    font-size: initial;
   }

   .xmodule_display.xmodule_HtmlBlock th{
    background: #1c8da4;
    font-weight: bold;
    color: white;
   }

   th{
    border-color: black;
}


/* ___________________________________________ */
/* ___________________images__________________ */
.subtle-img-frame {
  border-radius: 15px;
  max-width: 65%;
}


/* ___________________________________________ */
/* _____________graph pop ups_________________ */
.local-graph-popup {
  color: #0075b4; 
  cursor: pointer;
  text-decoration: underline;
}

.local-graph-popup:hover {
  color:#065683; 
}

/* ____________________________________________________ */
/* _____________fix eng 'answer' label_________________ */

.xmodule_display.xmodule_ProblemBlock div.problem div p.answer::before {
    display: inline;
    content: "התשובה: ";
}




/***************************************/
/*       EdX Quince Fixes 2025         */
/***************************************/

/* ######################
        UNIT NAV MENU
    ###################### */
nav.nav.nav-underline-tabs {
    background-color: #003253;
    height: auto;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://courses.campus.gov.il/asset-v1:MoE+EDU_Matric_371MathMatriculation3_AR+2022_1+type@asset+block@math_header_banner_3_AR.PNG);
}

.course-tabs-navigation .nav a:hover {
    background-color: transparent;
}

.nav-underline-tabs .nav-link {
    color: #fff;
    height: 3em;
}

.course-tabs-navigation .nav a:not(.active):hover {
    background-color: transparent;
}

.nav-underline-tabs .nav-link:hover {
    color: #fff;
    border-bottom-color: #fff;
}

.nav-underline-tabs .nav-link.active {
    color: #ffca00;
    border-bottom-color: #ffca00;
}


/*           SIDE MENU             */

[dir=rtl] .sequence-container section.ml-lg-4 {
    margin-right: 0 !important;
}

[dir=rtl] #course-outline-sidebar {
    padding: 17px 4px 20px 4px;
}

#courseHome-outline .mb-2 {
    margin-bottom: 0.25rem !important;
}

.collapsible-card .collapsible-icon, /* ??? */
.collapsible-card-lg .collapsible-icon {
    margin-inline-start: 0.25rem;
}

#courseHome-outline .col-10 {
    max-width: calc(100% - 25px); /* 83.33333333%; */
    margin-right: 0.25rem!important;
}

#courseHome-outline .col-10 span:first-child {
    font-family: 'Assistant';
    font-size: 18px;
    color: #1c8da4;
    font-weight: 700;
}

#courseHome-outline .btn-icon.btn-icon-primary {
    color: #fff;
}

#courseHome-outline .is-open>.collapsible-trigger {
    background-color: #f8f7f7;
}

#courseHome-outline li .collapsible-trigger {
    padding: 4px 8px;
    background-color: #f8f7f7;
}

#courseHome-outline .btn-icon.btn-icon-primary {
    color: #1c8da4;
}

#courseHome-outline .btn-icon.btn-icon-primary:hover {
    color: #fff;
}

#courseHome-outline .collapsible-body ol li {
    padding: 4px 10px 4px 0;
}

.collapsible-body ol li a {
    font-size: 16px;
    color: #313131;
    font-weight: normal;
}

.unit-container .unit h1.h3:first-child {
    font-family: 'Assistant';
    font-size: 32px;
    color: #1c8da4;
    font-weight: 600;
}

section#course-content {
    background-color: #f3f3f3;
}

.sequence-navigation {
    background-color: #9dd2e0;
}

.sequence-navigation .sequence-navigation-tabs {
    overflow: hidden;
}

.sequence-navigation .btn {
    color: #126f9a;
}

.sequence-navigation .btn:hover {
    background-color: white;
}

.sequence-navigation .btn.active {
    color: white;
    background-color: #1c8da4;
}

.course-wrapper .course-content .vert-mod .vert {
    height: fit-content;
}


/*        Unit's icon change      */

.sequence-navigation .sequence-navigation-tabs .btn[title*=יישומון]:before {
    content: "\f108";
    font-family: 'FontAwesome';
    color: #126f9a;
    text-decoration: underline; /* icon "improvment" */
}

.sequence-navigation .sequence-navigation-tabs .btn[title*=יישומון].active:before {
    color: #fff;
}

.sequence-navigation .sequence-navigation-tabs .btn[title*=יישומון] svg {
    display: none;
}


/*         BOTTOM NAV BUTTONS        */

.unit-navigation .next-button, 
.unit-navigation .previous-button {
    box-sizing: border-box;
    border-radius: 4px;
    white-space: nowrap;
    flex-basis: 22%;
    background-color: #126f9a;
    color: #fff;
    border-bottom: 3px solid #126f9a;
}

.unit-navigation .next-button:hover, 
.unit-navigation .previous-button:hover {
    background-color: white;
    color: #126f9a;
    border-bottom: 3px solid #126f9a;
}