/*     
    Campus Course Full ID: MoE+EDU_472MathMatric_HE+2023_1
*/

/* ######################
    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:EDU+math_482+1_2022+type@asset+block@math_header_banner_4-units_10.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: #ffca00 !important;
        border-bottom-color: #ffca00 !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 */
.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 - Canceled in Quince, 2025-04-15 */
/*
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="radio"] {
  right: 0.2em;
}
*/

/* checkbox button adjustments - multiple response question - Canceled in Quince, 2025-04-15 */
/* 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";
   font-size: 125%;
   color: white!important;
   background-color:#1c8da4;
   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 */
.xmodule_display.xmodule_ProblemBlock div.problem .problem-group-label {
  font-family: Assistant;
  font-size: 1.15rem;
}
 
/* <description> in <problem> */
/* CapaModule was replaced by ProblemBlock */
.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 */
.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;
}

.answer-instruction {
  font-size: medium;
  color: red;
}

/* CapaModule was replaced by ProblemBlock */
.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;
}

/* ######################
       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;
}


/* ___________________________________________ */
/* ___________________________________________ */
/* ___________________________________________ */
/* ___________________________________________ */
        
/* 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; 
  }
  


  /* GADA css */
  /* ---- for ch 4 ---- */

  .Guidelines{
    color: #dc4f4f;
    font-weight: 600;
    font-size: 14pt !important;
    font-family: "Assistant" !important;
    display: inline-block;
}

.fa-exclamation-circle{
    color: #dc4f4f;
    /* color: #fd4444; */
    font-size: 14pt !important;
    vertical-align: middle;
    margin-top: -2px;
}


/* ___________________________________________ */
/* _________________SOLUTIONS_________________ */
.detailed-solution {
  background-color: #c2e4ec;
  padding: 1em;
  border-radius: 15px;
}
.solution-title {
  font-size: x-large;
  font-weight: bolder;
  display: block;
  margin-bottom: 20px;
}

/* solution tables */
div.detailed-solution table, div.detailed-solution table tr, div.detailed-solution table td {
border: 1px solid #919191;
}
.xmodule_display.xmodule_ProblemBlock div.problem div.detailed-solution table td,
.xmodule_display.xmodule_ProblemBlock div.problem div.detailed-solution table th {
padding: 10px;
text-align: center;
}

/* solution images */
.solution-image {
  display: block;
  max-width: 50%;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* ____________________________________________________ */
/* _____________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, nav.ccx_coach.wrapper-course-material {
    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_472MathMatric_HE+2023_1+type@asset+block@math_header_banner_4-units_10.png);
}

.wrapper-course-material .course-tabs .tab a, .wrapper-course-material .course-tabs .tab a:visited {
  font-size: 1.125rem;
}

.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;
}