/*
Last edit: 22.03.2023
By: Hadas Elia
*/


@font-face {
    font-family: "Assistant-bold";
    src: url(https://courses.campus.gov.il/asset-v1:CS+GOV_PythonSelfPy101_HE+2023_3+type@asset+block@asset-v1_CampusIL_Sandbox23_2023_1_type_asset_block_Assistant-Bold.ttf)
      format("truetype");
  }

@font-face {
    font-family: "Assistant-ExtraBold";
    src: url(Assistant-ExtraBold.ttf) format("truetype");
}

@font-face {
    font-family: "Assistant-ExtraLight";
    src: url(Assistant-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: "Assistant-Light";
    src: url(Assistant-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Assistant";
    src: url(https://courses.campus.gov.il/asset-v1:CS+GOV_PythonSelfPy101_HE+2023_3+type@asset+block@asset-v1_CampusIL_Sandbox23_2023_1_type_asset_block_Assistant-Regular.ttf)
      format("truetype");
  }

@font-face {
    font-family: "Assistant-SemiBold";
    src: url(Assistant-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "data-font";
    src: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/fonts/DATA.ttf) format("truetype");
}

@font-face {
    font-family: "roboto-monospace";
    src: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/fonts/RobotoMono-VariableFont_wght.ttf) format("truetype");
}

@font-face {
    font-family: "networkpy";
    src: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/network.py/fonts/networkpy_icon_font.ttf) format("truetype");
}
/* Color Variables */
:root {
    --color0: #7C8FDA; /* headers color */
    --color1: #000047; /* main1 - dark blue for text */
    --color2: #FFB41E; /* main2 - SQL1 */
    --color02: #EA4900; /*  SQL2 */
    --color03: #FC5267; /* red incorrect */
    --color3: #5865A5; /*main3 - hover blue*/
    --color4: #F5F5F5; /*main grey*/
    --color6: #000000; /*black*/
    --color7: #ffffff; /*white*/
    --color07: #E5E9FA; /*grey*/
    --color8: #cf2821; /*incorrect answer symbol - red*/
    --color9: #AAB6E5; /*border of the popup*/
    --color10: #00000029; /*opoup shadow*/
    --color11: #DDE2F8; /*emphazise popups*/
    --color12: #D5D5D5; /*radio button color*/
    --color14: #5865A538; /*grey*/
    --color15: #191B37; /*bg dark blue for code block*/
    --color16: #2F355E; /*bg light blue for code block*/
    --color17: #7C8FDA40; /*bg light blue for code_block*/
    --color18: #AFB0B9; /*grey ran data*/
    --color19: #21d6ce12; /*hover green*/
    --color20: #FFE5E1; /*hover red*/
    --color21: #7C8FDA; /*final blue*/
	--color22: #1ED760; /* green correct answer*/
	--color23: #FFDFD1;/*SQL 2 tint*/
	--color24: #FCF6B1; /*SQL 1 tint*/
	--color25: #D8D8DF; /*line color*/
	
    /*code colors*/
    --color_red: #a31515;
    --color_green: #075A3C;
    --color_comment_green: #6aa94f;
    --color_purple: #af00db;
    --color_blue: #0000ff;
    --color_light_blue: #267f99;
    --color_yellow: #795e26;
    --color_deep_red: #8b0000;
	
	--code-1: #06831A;
	--code-2: #AE312E;
	--code-3: #8A52CC;
	--code-4: #3976AF;
	--code-5: #F08536;

}


/*importent things*/
body {
    font-family: "Assistant";
    font-size: 17px;
}

.course-index:before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/LOGO_DARK.svg);
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.course-index {
    padding-top: 24px;
}

.problem_challenge .class_ul, .problem_challenge .class_ol {
    font-size: 20px;
}

.class_ul, .class_ol {
    margin: 6px 6px !important;
    color: var(--color1) !important;
}

.my_li_content_ol{
margin-right: 35px;

}
.my_li_content_ol::marker{
 color: var(--color9) !important;
}
.class_ol_with_padding{
padding: 0px 60px 0px 60px !important;
}

.dropdown_ol {
    margin: 0px 16px !important;
    color: var(--color1) !important;
}
/*ֳ—ֵ“ֳ—ג€˜ֳ—ֲ§ֳ—ֲ© ֳ—ֵ¾ֳ—ֲ©ֳ—ג„¢ֳ—ֲ¨ֳ—ג„¢ ֳ—ֲ©ֳ—ֲ×ֳ—ג€˜ֳ—ג„¢ֳ—ֲ ֳ—ֲ×ֳ—ֵ¾ֳ—ג€¢ֳ—ֲ ֳ—ג€ ֳ—ֲ©ֳ—ֵ“ ֳ—ג€ֳ—ג€”ֳ—ֲ¥ ֳ—ֲ©ֳ—ֵ“ ֳ—ג€ֳ—ג€œֳ—ֲ¨ֳ—ג€¢ֳ—ֲ₪ ֳ—ג€œֳ—ֲֳ—ג€¢ֳ—ֵ¸ ֳ—ג€¢ֳ—ֵ“ֳ—ֲ©ֳ—ג„¢ֳ—ֲ ֳ—ֲ₪ֳ—ג€ ֳ—ֵ“ֳ—ֲ¨ֳ—ֲֳ—ג€¢ֳ—ֲ× ֳ—ֲֳ—ֲ ֳ—ג€ֳ—ֲ©ֳ—ֲ×ֳ—ֲ ֳ—ג€*/
select:not(.forum-nav-filter-main-control,.forum-nav-sort-control,.forum-nav-filter-cohort-control) {
	background: #fff url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/%D7%97%D7%A5%20%D7%93%D7%A8%D7%95%D7%A4%D7%93%D7%90%D7%95%D7%9F.svg) no-repeat 100% 50% !important;
    background-size: 20px 20px !important;
    background-position: 2% 50% !important;
}

.class_a {
    color: #16948e !important;
    text-decoration: underline;
}

.class_table {
    width: 100%;
    color: var(--color1);
}

    .class_table tr th, .class_table tr td {
        text-align: right !important;
    }

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.graded .menu-icon, .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a p .subtitle-name {
    display: none;
}

.class_ol li .class_ol {
    list-style-type: hebrew;
}

.box_blue li {
	Color: white !important	;
}

.flex{
	direction: ltr;
	text-align: left;
	display: flex;
}
.flex .wrapper-problem-response{
	display: flex;
	margin-left:5px;
}
.leftInputQuestion{
    text-align-last: left;
	direction: ltr;
	text-align: left;
}

.problem .illustration, .problem_challenge .illustration {
    background: none;
    box-shadow: none;
    padding: 0px;
    border-radius: 0px;
}

.illustration {
    display: block;
    margin: 30px auto;
    max-width: 55%;
    min-width: 200px;
    max-width: 500px;
    background: var(--color4);
    box-shadow: 0px 10px 20px #21244a1a;
    padding: 30px 46px 30px 46px;
    border-radius: 30px;
}

.photo_explenation_middle {
    display: block;
    color: var(--color1);
    text-align: center;
    font-family: 'Assistant';
    font-size: 17px;
    margin-bottom: 30px;
    width: 75%;
    margin: 0px auto;
}

h1.my_h1 {
    color: var(--color1)!important;
    text-align: center;
    font-family: 'Assistant-bold'!important;
    font-size: 45px !important;
	margin: 40px 0px 0px !important;
/*    margin: -40px 0px 15px !important;
*/}

h2.my_h2 {
    color: var(--color1) !important;
    font-size: 28px !important;
    font-family: 'Assistant-bold' !important;
    padding-right: 35px;
    letter-spacing: initial !important;
}

h3.my_h3 {
    color: var(--color1) !important;
    font-size: 20px !important;
    font-family: 'Assistant-bold' !important;
    padding-right: 35px;
    margin-top: 25px !important;
}

h3.my_h3_without_margin {
    color: var(--color1) !important;
    font-size: 20px !important;
    font-family: 'Assistant-bold' !important;
    padding-right: 35px;
}

.panel h3.my_h3, .panel h4.my_h4 {
    padding-right: 0px;
}

h4.my_h4 {
    color: var(--color3) !important;
    font-size: 20px !important;
    font-family: 'Assistant' !important;
    font-weight: initial !important;
    padding-right: 34px;
}

h5.my_h5{
   font-family: 'Assistant-bold' !important;
   font-weight: initial !important;
   font-size: 13px !important;
   color: var(--color18) !important;
}

p.regular_text{
  color: var(--color1) !important;
}

p.regular_text_center {
    text-align-last: center;
}

.ido_img_center {
    text-align-last: center;
}

.xmodule_display.xmodule_HtmlModule p + p {
    margin-top: 0px !important;
}

.xmodule_display.xmodule_HtmlModule p {
    color: var(--color1);
    font-family: 'Assistant';
}

p.regular_text {
    font-family: 'Assistant';
    font-weight: normal;
    text-align: right;
    margin-bottom: 12px !important;
    padding: 0px 35px 0px 50px;
}

/*version update*/
.row.d-flex.align-items-center.mb-2::before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/LOGO_DARK.svg);
    display: block;
    margin-left: auto;
    /* margin-right: auto; */
    width: 100%;
    padding: 20px;
}

.course-outline-sidebar-title {
    margin-right: 20px;
}


.btn-block {
    display: flex;
    width: 80%;
    justify-self: center;
}

.btn-outline-primary {
    border-radius: 5px;
    border: 1.5px solid var(--color4);
    color: var(--color1);
    background-color: transparent;
    background-image: none;
    margin-bottom: 10px;
    font-family: "Assistant-bold";
    font-size: 17px;
}

.border-light-400 {
    border-color: white !important;
    background-color: white !important;
}

.mb-2 {
    margin-bottom: 0 !important;
  }

  .btn-icon.btn-icon-primary:hover {
    background-color: transparent;
    color: var(--color1);
}
  
  [dir="rtl"] #course-outline-sidebar {
    padding: 0 !important;
  }
  
  .collapsible-card-lg {
    background: #f5f5f5;
    border: none;
  }
  
  .border-light-400 {
    border-color: white !important;
    background-color: white !important;
  }
  
  .btn-icon .btn-icon__icon-container .pgn__icon.btn-icon__icon {
    margin-left: 20px;
  }
  
  ol.list-unstyled {
    background: white !important;
  }
  
  #courseHome-outline .collapsible-body ol li {
    padding: 10px 20px 10px 16px;
  }
  
  .collapsible-body .border-light {
    border-color: white !important;
  }
  
  #courseHome-outline .is-open > .collapsible-trigger {
    background: white;
  }
  
  .row.w-100.m-0.ml-3.pl-3 {
    display: none;
  }
  
  #courseHome-outline
    .is-open
    > .collapsible-trigger
    .row.w-100.m-0.d-flex.align-items-center {
    font-family: "Assistant-bold";
  }

  .list-unstyled span.btn-icon__icon-container {
    display: none;
}

.collapsible-body li .align-middle:hover::before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/self.py/base_graphics_new/Rectangle+181.svg);
  
    position: absolute;
    right: -10px; /* השינוי כדי שהקו יהיה בצד ימין*/
    width: 7px;
    display: block;
    top: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .align-middle a {
    display: inline-block;
    padding-right: 13px;
  }
  
  .pgn_collapsible.mb-2.collapsible-card-lg div.collapsible-trigger div.d-flex {
    flex-wrap: nowrap;
  }
  
  .pgn_collapsible.mb-2.collapsible-card-lg
    > .collapsible-trigger
    .col-auto.p-0::before {
    content: "";
    color: var(--color2);
    font-family: 'data-font';
    content: "D" !important;
    font-size: 10px;
    /*
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/datastory/assets/arrow-down.png) !important;
  
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    position: relative;*/
    transition: transform 100ms;
  }
  
  .pgn_collapsible.mb-2.collapsible-card-lg.is-open
    > .collapsible-trigger
    .col-auto.p-0::before {
        content: "";
        color: #CC8100;
        font-family: 'data-font';
        content: "C" !important;
        font-size: 10px;
  }
  
  /*הסתרת כפתור וי*/
  svg.svg-inline--fa.fa-check-circle.fa-fw.float-left.mt-1.text-gray-400 {
    display: none;
  }
  
  svg.svg-inline--fa.fa-check-circle.fa-fw.float-left.mt-1.text-success {
    display: none;
  }
  
  /*הסתרת גבול תחתון בתפריט צדדי*/
  
  .collapsible-card-lg .collapsible-trigger[aria-expanded="true"] {
    border: none;
  }

  .align-middle a {
    display: inline-block;
    padding-right: 13px;
}

a {
    color: var(--color1);
}
  
  
  li[style*="background-color"] {
 background-color: transparent !important; 
    /* font-weight: 700; */
  }

  /* להוריד את הקו  הארוך האנכי בתפריט הצדדי*/
  li[style*="border-inline-start"] {
    position: relative;
   border-inline-start: none !important;
  background: transparent !important;
  }
  
  li[style*="border-inline-start"]::before {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px;
    background: white; /* או צבע הרקע של הדף */
    z-index: 10;
  }
  
  .align-middle a:hover {
    color: #000047;
  }
  
  .text-primary, .text-primary-500 {
    color: var(--color1) !important;
}

.unit-container::before {
    content: "";
    display: block;
    width: 100%;
    height: 120px;
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/decor+top.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.mb-0 {
    display:none;
}



#courseHome-outline .is-open > .collapsible-trigger .row.w-100.m-0.d-flex.align-items-center {
    font-family: "Assistant-bold";
}


.sequence-navigation .btn.complete {
    background: white !important;
    color: var(--color1) !important;
  }
  
 
  
  nav#courseware-sequenceNavigation {
    border: 1px solid #eaeaea;
    border-radius: 4px;
  }
  
  .sequence-navigation .sequence-navigation-tabs {
    overflow: hidden !important;
  }
  

  svg:not(:root).svg-inline--fa,
  svg:not(:host).svg-inline--fa {
    color: transparent;
  }
  
  svg.svg-inline--fa.fa-chevron-left.fa-sm.ml-2 {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/%D7%97%D7%A5+%D7%93%D7%A8%D7%95%D7%A4%D7%93%D7%90%D7%95%D7%9F.svg) !important;
    height: 24px;
    width: 24px;
    transform: rotate(90deg);
  }
  
  .unit-navigation .next-button:hover .svg-inline--fa.fa-chevron-left.fa-sm.ml-2 {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/arow+hover.svg) !important;
    height: 24px;
    width: 24px;
    transform: rotate(90deg);
  }
  
  .unit-navigation .next-button:hover,
  .unit-navigation .previous-button:hover {
    background-color: transparent !important;
    border: none !important;
    color: var(--color1) !important;
    text-decoration: underline !important;
  }
  
  a.next-button.d-flex.align-items-center.justify-content-center.btn.btn-outline-primary {
    border: none !important;
    margin-bottom: 0 !important;
    font-family: "Assistant-bold" !important;
  }
  
  .unit-navigation .next-button {
    flex-basis: 0;
  }
  
  svg.svg-inline--fa.fa-chevron-right.fa-sm.mr-2 {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/%D7%97%D7%A5+%D7%93%D7%A8%D7%95%D7%A4%D7%93%D7%90%D7%95%D7%9F.svg) !important;
    height: 24px;
    width: 24px;
    transform: rotate(-90deg);
  }
  
  a.previous-button.mr-2.d-flex.align-items-center.justify-content-center.btn.btn-outline-secondary {
    border: none !important;
    font-family: "Assistant-bold" !important;
    font-size: 17px !important;
  }
  
  .unit-navigation
    .previous-button:hover
    svg.svg-inline--fa.fa-chevron-right.fa-sm.mr-2 {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/arow+hover.svg) !important;
    height: 24px;
    width: 24px;
    transform: rotate(-90deg);
  }

  svg.svg-inline--fa.fa-video.unit-icon {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/top+nav+icon/video-icon.svg);
    height: 24px;
    width: 24px;
  }
  

  svg.svg-inline--fa.fa-book.unit-icon {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/top+nav+icon/book-icon.svg);
    height: 24px;
    width: 24px;
  }
  
  
  svg.svg-inline--fa.fa-edit.unit-icon {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/top+nav+icon/que-icon.svg);
    height: 24px;
    width: 24px;
  }
  .sequence-navigation .btn, .sequence-navigation .btn {
    border: none !important;
}

.sequence-navigation .sequence-navigation-tabs .btn:hover svg.svg-inline--fa.fa-book.unit-icon {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/top+nav+icon/book-icon-hover.svg) !important;
   height: 100%;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 5px solid #005DAC;
  }
  
  .sequence-navigation .sequence-navigation-tabs .btn:hover svg.svg-inline--fa.fa-video.unit-icon {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/top+nav+icon/video-icon-hover.svg) !important;
   height: 100%;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 5px solid #005DAC;
  }
  
  .sequence-navigation .sequence-navigation-tabs .btn:hover svg.svg-inline--fa.fa-edit.unit-icon  {
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/top+nav+icon/que-icon-hover.svg) !important;
   height: 100%;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 5px solid #005DAC;
  }

.sequence-navigation-tabs a.active .svg-inline--fa {
    height: 100%;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 5px solid #000047;
}

.sequence-navigation .btn.active:after {
    background: transparent;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
}

.sequence-navigation .btn.active:after {
    background: transparent;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
  }
  
  .sequence-navigation-tabs a.active .svg-inline--fa {
    height: 100%;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 5px solid #000047;
  }
  
  .sequence-navigation-tabs a.active .svg-inline--fa.text-success {
    height: 8px;
    width: 8px;
  }
  
  .xblock.xmodule_display.xmodule_ProblemBlock
    div.problem
    .choicegroup
    input[type="radio"],
  .xblock.xmodule_display.xmodule_ProblemBlock
    div.problem
    .choicegroup
    input[type="checkbox"] {
    width: 18px;
    height: 18px;
  }

  .text-success {
    color: #ffffff !important;
    border: 1px solid #23c48e !important;
    border-radius: 50% !important;
    background-color: #23c48e !important;
    font-size: 8px !important;
    padding: 2px !important;
    position: relative;
    top: -17px;
    right: -46px;
}

span.pgn__icon.btn-icon-before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/%D7%97%D7%A5+%D7%93%D7%A8%D7%95%D7%A4%D7%93%D7%90%D7%95%D7%9F.svg);
    transform: rotate(-90deg);
  }
  
  .previous-btn:hover span.pgn__icon.btn-icon-before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/arow+hover.svg);
    height: 24px;
    width: 24px;
    transform: rotate(-90deg);
  }

  span.pgn__icon.btn-icon-after {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/%D7%97%D7%A5+%D7%93%D7%A8%D7%95%D7%A4%D7%93%D7%90%D7%95%D7%9F.svg);
    transform: rotate(90deg);
}
  
  .next-btn:hover span.pgn__icon.btn-icon-after {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/arow+hover.svg);
    height: 24px;
    width: 24px;
    transform: rotate(90deg);
  }

  .collapsible-trigger:hover .align-middle {
  text-decoration-line: underline !important;
}

li[style*="background-color"] {
    background-color: transparent !important;
    font-weight: 700;
  }

  .btn-outline-primary {
    border-radius: 5px;
    border: 1.5px solid #FFB41E;
    color: var(--color1);
    background-color: transparent;
    background-image: none;
    margin-bottom: 10px;
    font-family: "Assistant-bold";
    font-size: 17px;
}

.btn-outline-primary:hover {
    background-color: #FCF6B1 !important;
    border-color: #FFB41E !important;
    color: #000047 !important;
}

.btn-icon .btn-icon__icon-container .pgn__icon.btn-icon__icon {
    color: #000047 !important;
}
 

.btn-icon.btn-icon-primary:hover {
    background-color: transparent !important;
    color: #000047 !important;
}


  



















/*right navigation*/

.course-material:before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/network.py/base_graphics/logo_Cyber_education_center.svg);
    float: right;
    margin: 8px 47px 8px 56px;
    width: 16%;
}

.wrapper-course-modes {
	border-bottom: 2px solid var(--color4);
}

.fa-caret-right:before {
    color: var(--color2);
    font-family: 'data-font';
    content: "A" !important;
    font-size: 10px;
}

.fa-caret-down:before {
    color: var(--color2);
    font-family: 'data-font';
    content: "D" !important;
    font-size: 10px;
}

/*.fa-caret-right:hover:before ,.fa-caret-down:hover:before{
    color: var(--color02);

}*/
.course-index .accordion .course-navigation .button-chapter .group-heading .icon {
    color: var(--color2);
}

.course-index .accordion .course-navigation .button-chapter:hover .group-heading .icon:before
{
	color:var(--color02) !important;
}
.sequence-nav-button:hover .icon:before{
color:var(--color02) !important;
}

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a:before {
    /*  content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/vertical_line_active.svg);
    position: absolute;
    right: -1%;
    transform: translate(-50%, -15%);
    width: 5px;*/

    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/vertical_line_active.svg);
    position: absolute;
    right: 3%;
    width: 5px;
    display: block;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a:hover {
    color: var(--color3);
}

.menu-item  {
	margin-right: 15px !important;
}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover::before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/vertical_line_hover.svg);
    position: absolute;
    right: 3%;
    width: 5px;
    display: block;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover {
    color: var(--color1);
    background: white;
}


p.accordion-display-name {
    margin: 2px 15px 0px 0px;
}

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a {
    background: white;
    position: relative;
}


.course-index .accordion .course-navigation .button-chapter {
    background: var(--color4);
    box-shadow: 0 0px 0 #fff inset, 0 0px 0 rgb(0 0 0 / 10%) inset;
}

    .course-index .accordion .course-navigation .button-chapter:hover, .course-index .accordion .course-navigation .button-chapter:focus {
        color: var(--color3);
        background: var(--color4);
    }


.rtl .course-index .accordion .course-navigation .button-chapter .group-heading {
    color: var(--color1);
    font-family: 'Assistant-Bold';
}


.rtl .course-index .accordion .course-navigation .button-chapter .group-heading, p.accordion-display-name {
    font-family: "Assistant";
    font-size: 17px;
    font-weight: initial;
    color: var(--color1);
}

.course-index .accordion .course-navigation .button-chapter.is-open .active {
    font-family: "Assistant-bold" !important;
	background: white !important;
}

.course-index .accordion .course-navigation .chapter-content-container.is-open {
    border-bottom: 0px;
}

.courseware-bookmarks-button .bookmarks-list-button {
    color: var(--color1);
    border: 0px;
    font-family: 'Assistant';
    font-size: 16px;
}

    .courseware-bookmarks-button a.bookmarks-list-button:hover {
        background: none !important;
        color: var(--color3) !important;
        border: 0px solid var(--color24);
    }

    .courseware-bookmarks-button .bookmarks-list-button:before {
        font-family: 'data-font';
        content: "I" !important;
        font-size: 12px;
        color: var(--color2);
        display: inline-block;
        vertical-align: text-top;
    }

.search-field, .search-button{
	border-color: var(--color2)!important;
	border-radius: 20px !important;
	margin-bottom: 15px;
}


.search-button{
	background-color: var(--color2)!important;
	border-color: var(--color2)!important;
	color:var(--color1) !important;
	font-family: 'Assistant-bold' !important;
	border-width:1px !important;
	border-style: solid !important;
}
.search-button:hover{
	background-color: var(--color24)!important;
	border-color:var(--color2)!important;


}

    .xmodule_display.xmodule_SequenceModule nav.sequence-bottom .sequence-nav-button:hover {
        color: var(--color3)!important;
    }


/*top navigation*/
.xmodule_display.xmodule_SequenceBlock .sequence-nav button.active{
    border-bottom: 0px;
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav-button, .xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button, .xmodule_display.xmodule_SequenceBlock .sequence-nav ol li {
    border: none;
    border-width: 0px;
}

    .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button {
        position: relative;
    }

.xmodule_display.xmodule_SequenceBlock .sequence-nav button.active:after {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/horizontal_line_active.svg);
    position: absolute;
    left: 50%;
    margin-right: -50%;
	margin-top: 38px;
    transform: translate(-50%, -50%);
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button:hover::after {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/horizontal_line_hover.svg);
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	margin-top: 38px;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav {
    /*z-index: 40;*/
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px;
}

.course-wrapper main {
    padding: 20px 0px 20px 0px;
}


    /*icons hover*/
    /*.xmodule_display.xmodule_CourseModule .sequence-nav ol li button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button:hover > .icon {
    filter: opacity(74%);
}*/

    .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .icon {
        padding-bottom: 8px;
    }


.seq_video:hover > span.seq_video:before, .seq_other:hover > span.seq_other:before, .seq_problem:hover > span.seq_problem:before {
    color: var(--color3) !important;
}

.xblock.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .toggle-transcript.is-active,.xblock.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .quality-control.active
{
	color:var(--color2) !important;
}

.xblock.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option
{
	color: var(--color2) !important;
    border-color:var(--color2) !important;
}
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button.seq_other .icon::before {
    font-family: 'data-font';
    content: "E" !important;
    font-size: 26px;
    color: var(--color1);
    margin-top: 13px;
    display: inline-block;
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button.seq_problem .icon::before {
    font-family: 'data-font';
    content: "G" !important;
    font-size: 26px;
    color: var(--color1);
    margin-top: 13px;
    display: inline-block;
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button.seq_video .icon::before{
    font-family: 'data-font';
    content: "F" !important;
    font-size: 31px;
    color: var(--color1);
    margin-top: 13px;
    display: inline-block;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav:active, .xmodule_display.xmodule_SequenceModule .sequence-nav.active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active {
    border-bottom: 0px;
    padding-top: 0px;
}

.xblock.xmodule_display #sequence-list li button:hover{
 border-bottom: 0px;
    padding-top: 0px;
}
.unit-title {
    display: none;
}

/*bookmark*/
.course-content .bookmark-button-wrapper:before {
	/*https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/decor%20top.png*/
	
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/sql%20decor%201.svg);
    margin:4px;
	opacity: 0.5;
}

.course-content .bookmark-button-wrapper {
     margin-bottom: -60px ; 
}

.course-wrapper .course-content .xblock.xblock-student_view-vertical{
   max-width: 900px;
}
/*bookmark*/
    .course-content .bookmark-button-wrapper:before {
    /*   content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/decor%20top.svg);
    margin: -18px;*/
}

.bookmark-button {
	left: 30px;
    position: absolute;
	margin-top: -45px;
}


.course-content .bookmark-button:before {
    color: var(--color2);
    font-family: 'data-font';
    content: "H" !important;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.course-content .bookmark-button.bookmarked::before {
    color: var(--color2);
    font-family: 'data-font';
    content: "I" !important;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}


.bookmark-text {
    color: var(--color1);
}

.btn .sequence-nav-button .notebook_green .search-button .group-heading:active{
    font-family: 'Assistant-bold' !important;
	color: var(--color1);
	font-size: 17px !important;
}

.group-heading{
	font-family: 'Assistant' !important;
	color: var(--color1);
	font-size: 17px !important;
}
.group-heading:hover{
	color: var(--color3)!important;
}

/*.light-button:active:not(:disabled), div.history-controls input[type="submit"]:active:not(:disabled), .light-button:focus:not(:disabled), div.history-controls input[type="submit"]:focus:not(:disabled), a.light-button:active:not(:disabled), a.light-button:focus:not(:disabled), .gray-button:active:not(:disabled), input[type="reset"]:active:not(:disabled), input[type="submit"]:active:not(:disabled), input[type="button"]:active:not(:disabled), button:active:not(:disabled), .button:active:not(:disabled), .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:active:not(:disabled), .gray-button:focus:not(:disabled), input[type="reset"]:focus:not(:disabled), input[type="submit"]:focus:not(:disabled), input[type="button"]:focus:not(:disabled), button:focus:not(:disabled), .button:focus:not(:disabled), .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:focus:not(:disabled) {
    border: 0px !important;
    box-shadow: none !important;
}

.bookmark-button:hover {
    color: var(--color1);
    border: 0px;
    text-decoration: none !important;
}*/


.wrapper-course-modes > div {
    display: block;
    margin: 0px auto;
    margin-top: 15px;
}

button.bookmark-button:hover .bookmark-text {
    color: var(--color3);
}
.course-content .bookmark-button-wrapper .bookmark-button:hover{
	text-decoration: none !important;

}
.sequence-nav-button.button-previous, .sequence-nav-button.button-next {
    font-family: 'Assistant-bold';
}

span.fa.fa-check-circle.check-circle {
    color: #21244a!important;
}

.fa-check-circle:before{
	display:none;
}
.fa-chevron-next:before {
    content: "\f0d9";
}

.fa-chevron-prev:before {
    content: "\f0da";
}

.fa-chevron-next:before {
    color: var(--color2);
    font-family: 'data-font';
    content: "A" !important;
    font-size: 10px;
}

.fa-chevron-prev:before {
    color: var(--color2);
    font-family: 'data-font';
    content: "B" !important;
    font-size: 10px;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav button:hover span {
    color: var(--color3) !important;
}

/*breadcrumbs*/
.breadcrumbs {
    font-family: 'Assistant';
}

    .breadcrumbs span {
        color: var(--color1);
    }

    .breadcrumbs .nav-item a, .breadcrumbs .nav-item a:visited {
        color: var(--color1);
    }

.nav-item a:hover{
 color: var(--color3) !important;

}

.xmodule_display.xmodule_SequenceBlock .sequence-nav-button:hover, .xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover {
	border-bottom: none;
	padding-top: 0;
}

/*tooltip*/
.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip {
    left: 50%;
    transform: translate(-50%, -50%);
    right: initial;
    top: 75px;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .fa-bookmark {
    color: var(--color05);
    left: 50px;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip {
    color: white !important;
    font-family: 'Assistant';
}

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip::after {
    margin: auto;
}

/*top top navigation*/
.wrapper-course-material .course-tabs li a, .wrapper-course-material .course-tabs li a:visited {
    font-family: 'Assistant';
    color: var(--color1) !important;
    font-size: 17px;
}

    .wrapper-course-material .course-tabs li a.active:after {
        content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/horizontal_line_active.svg);
        position: absolute;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, 75%);
    }

.wrapper-course-material .course-tabs li a {
    position: relative;
    border: none;
}

    .wrapper-course-material .course-tabs li a:hover, .wrapper-course-material .course-tabs div.info-wrapper section.handouts ol li div.hitarea:hover + h4, div.info-wrapper section.handouts ol .wrapper-course-material .course-tabs li div.hitarea:hover + h4, .wrapper-course-material .course-tabs div.info-wrapper section.handouts ol li div.hitarea:focus + h4, div.info-wrapper section.handouts ol .wrapper-course-material .course-tabs li div.hitarea:focus + h4, .wrapper-course-material .course-tabs li a:focus, .wrapper-course-material .course-tabs li a.active, .wrapper-course-material .course-tabs li a:visited:hover, .wrapper-course-material .course-tabs div.info-wrapper section.handouts ol li div.hitarea:hover + h4:visited, div.info-wrapper section.handouts ol .wrapper-course-material .course-tabs li div.hitarea:hover + h4:visited, .wrapper-course-material .course-tabs div.info-wrapper section.handouts ol li div.hitarea:focus + h4:visited, div.info-wrapper section.handouts ol .wrapper-course-material .course-tabs li div.hitarea:focus + h4:visited, .wrapper-course-material .course-tabs li a:visited:focus, .wrapper-course-material .course-tabs li a:visited.active {
        border: none;
    }

        .wrapper-course-material .course-tabs li a:hover:after {
            content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/horizontal_line_hover.svg);
            position: absolute;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, 75%);
        }

*::selection {
    background: #FCF6B1;
}

/*discuttion
*/

.discussion-module {
    display: block;
    border-radius: 30px;
    float: none;
    margin-bottom: 15px;
    background: var(--color4);
    color: var(--color1) !important;
    box-shadow: 0px 10px 20px #21244a1a;
    padding: 30px 35px 80px 30px;
    border-radius: 30px;
    width: 82%;
    margin: 25px auto;
    position: relative;
}

.discussion-module-title {
    color: var(--color1) !important;
    font-family: 'Assistant-bold';
}

.discussion-module .discussion-module-header {
    width: 86%;
}

.discussion-module .inline-discussion-topic .inline-discussion-topic-title {
    display: none;
}

.discussion-module .inline-discussion-topic {
    font-size: 17px;
}

.submit, .cancel {
    background: initial !important;
}

.discussion-show {
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/discussion.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    top: 145px;
    right: 36%;
    width: 27%;
    height: 64px !important;
    padding: 10px;
    text-align: center;
    font-family: 'Assistant-bold' !important;
    border: none !important;
    float: none;
    color: var(--color1) !important;
    font-size: 17px !important;
    clear: right;
    position: absolute;
}

    .discussion-show:before {
        content: "ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ“ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¦ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¾ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲ²ֳ‚ֲ ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ“ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ–ֲ²ֳ‚ֲ¾ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ–ֲ²ֳ‚ֲ¸";
        position: absolute;
        top: 11px;
        right: 28px;
    }

    .discussion-show:after {
        content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20forum.svg);
        vertical-align: middle;
        position: absolute;
        top: 9px;
        left: 37px;
    }

.discussion-module .discussion-show:hover, .discussion-module .discussion-show:active, .discussion-module .discussion-show:focus {
    border-color: transparent !important;
    display: block;
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/discussion_hover.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    color: var(--color1) !important;
}


.discussion-module .add_post_btn_container {
    margin-top: 80px;
    display: inline-block;
}

.forum-new-post-form .submit, .forum-new-post-form .cancel, .forum-new-post-form .thread-title, .forum-new-post-form .field-label-text {
    color: var(--color1) !important;
    font-family: 'Assistant-bold';
}


.button-text {
    display: none;
}

/*site things*/
.box_blue {
    background: var(--color1);
    color: white;
    box-shadow: 0px 4px 6px rgba(33, 36, 74, 0.10), 0px 2px 4px rgba(33, 36, 74, 0.30);
    padding: 20px 45px 20px 45px;
    position: relative;
    border-radius: 20px;
    /* width: 82%;*/
    margin: 40px 80px 30px 45px;
    text-align: justify;
}

.ran_blue {
    position: absolute;
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/mentor%20profile.png);
    right: -51px;
    top: -10px;
}

.box_blue .short_code {
	 background: rgba(255,255,255,0.2)!important;
}

.extension_corner {
    position: absolute;
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/mentor%20profile.png);
    right: -51px;
    top: -25px;
}


.extension_corner_image {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20idea.png);
    position: absolute;
    right: -25px;
    top: -25px;
    width: 7%;
}
.question_corner_image {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20think.png);
    position: absolute;
    right: -25px;
    top: -25px;
    width: 7%;
}
.icon_think_right {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20think%20right.png);
	vertical-align: middle;
	margin-right:-23px;
}

.icon_think_worng {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20think%20wrong.png);
	vertical-align: middle;
	margin-right:-23px;
}

.box_grey {
    background: var(--color4);
    color: var(--color1);
    box-shadow:0px 10px 15px -3px rgba(33, 36, 74, 0.10), 0px 4px 6px 0px rgba(33, 36, 74, 0.05);
    padding: 30px 75px 30px 30px;
    padding: 30px 35px 30px 35px;
    position: relative;
    border-radius: 20px;
	margin: 40px 57px 30px 45px;
    min-height: 20px;
	text-align: justify;
	font-family: 'Assistant';
	
}
.panel .box_grey {
	text-align: right;
}

.box_grey_image{
	content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/illustration.png);
}
.ran_green {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/Ran%202.png);
    bottom: 0px;
    position: relative;
    right: 0px;
    width: 90%;
    display: inline-block;
}

.box_wrap {
    overflow: hidden;
}

.img_wrap {
    overflow: hidden;
    height: 90%;
    position: absolute;
    bottom: 0px;
    right: -76px;
}

figcaption {
	width: 70%;
	margin: 10px auto 10px auto;
    padding-top: 5px;
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 14px;
    line-height: 1.438rem;
    color: rgba(0,0,0,.85);
    text-align: center;
}

.text_right_border{
    color: var(--color1);
	margin: 0px 120px 30px 45px;
    text-align: justify;
	font-family: 'Assistant';
	border-right: 3px solid black;
    padding: 0px 15px 0px 30px;
}

.text_right_border_accordion {
	margin: 0px 40px 30px 45px;
	color: var(--color1);
    text-align: justify;
	font-family: 'Assistant';
	border-right: 3px solid black;
    padding: 0px 15px 0px 30px;
}


/*video*/

.xmodule_display.xmodule_VideoBlock .video {
    background: transparent;
}

.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .control-lang, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .toggle-transcript.is-active, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:active, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .is-active.control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .active.control {
    color: var(--color2);
}

.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-widget-header, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle {
    border: 1px solid var(--color02);
    background: var(--color02);
    border-color: var(--color02);
}

.xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles {
    background: #F5F5F5;
}

.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li {
    color: var(--color1) !important;
}


    .xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li:hover, .xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li:focus {
        color: var(--color3);
    }

.xmodule_display.xmodule_VideoModule .video {
    background: var(--color4);
}


.video_interaction {
    color: var(--color18);
    text-align: left;
    font-size: 15px;
    display: inline-block;
    float: left;
	
	
}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider .ui-widget-header ,.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-range{
	background:var(--color2)!important;
	border: 1px solid var(--color2)!important;
}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider .ui-slider-handle,.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle {
	background:var(--color24) !important;
	border: 1px solid var(--color24) !important;
}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .quality-control.active{
	color:#cfd8dc;
}
.control:hover{
		color:var(--color2) !important;
}

.speed-option:hover {
    COLOR: white !IMPORTANT;
}
.speed-button .icon.fa.fa-caret-right{
display:none !important;
}

.fullscreen-button{
	fill: var(--color1) ;	
}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option {
    border-right: 2px solid var(--color2);
    font-weight: 700;
    color: var(--color2);
}

.video_views, .video_likes, .video_unlikes, .video_forward, .video_plus {
    display: inline-block;
    margin: 0px 0px 0px 20px;
}

    .video_likes:before {
        margin-left: 6px;
        vertical-align: top;
        background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20like.svg);
        background-size: 15px 20px;
        display: inline-block;
        width: 15px;
        height: 20px;
        content: "";
    }

    .video_unlikes:before {
        background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20dislike.svg);
        margin-left: 6px;
        vertical-align: middle;
        background-size: 15px 20px;
        display: inline-block;
        width: 15px;
        height: 20px;
        content: "";
    }

.video_forward {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20forward.svg);
    margin-top: -6px;
}

.video_plus {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20plus.svg);
    margin-top: -6px;
}




.ran_data {
    color: var(--color18);
    direction: ltr;
    padding-right: 35px;
}
a.links_download2 {
    color: var(--color1) !important;
    font-family: 'Assistant' !important;
    text-decoration: underline !important;
}
a.links_download3 {
    color: var(--color7) !important;
    font-family: 'Assistant' !important;
    text-decoration: underline !important;
}

a.links_download {
    color: var(--color1) !important;
    font-family: 'Assistant' !important;
    text-decoration: underline !important;
    margin-bottom: 40px;
    display: block;
    padding-right: 35px;
}

    a.links_download:hover , .show_more:hover,a.links_download2:hover , a.links_download3:hover{
        color: var(--color3) !important;
    }

.icon_pdf {
    text-decoration: none !important;
    display: inline-block;
    vertical-align: sub;
    font-size: 15px;
}

    .icon_pdf:after {
        color: var(--color2);
        font-family: 'data-font';
        content: "J" !important;
    }
	

.notebook_green {
    color: var(--color1);
    margin-top: 20px !important;
    background: white !important;
    width: max-content;
    margin: 0 auto;
    padding: 20px;
    height: 43px;
    border-radius: 25px;
    padding-top: 9px;
    cursor: pointer;
    font-family: 'Assistant-bold';
    border: 1px solid var(--color2);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color2);
    box-shadow: 3px 3px 0px 2px var(--color2);
}



    .notebook_green:hover {
        background: var(--color19) !important;
    }

.icon_colab {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20colab.svg);
    margin-right: 10px;
}


/*comments*/
.comments_div {
    margin-top: -15px;
}

.comment {
    border-top: 1px solid var(--color4);
    margin: 26px -7px 0px -7px;
    padding: 40px 56px 0px 30px;
}

    .comment:last-child {
        border-bottom: 1px solid var(--color4);
    }

.profile_shahar {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/profile%20shahar.png);
}

.profile_daniel {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/profile%20daniel.png);
}

.profile_ran {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/profile%20ran.png);
}

.profile_dana {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/profile%20dana.png);
}

.comment_wrap {
    width: 88%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 15px 0px 0px;
}

.comment_name {
    display: block;
    font-family: 'Assistant-bold';
    color: var(--color1);
}

.comment_text {
    height: 48px;
    overflow: hidden;
    display: inline-block;
    /*    text-align: justify;
*/ color: var(--color1);
}

.short {
    height: 26px;
}

.comment_to_comment {
    padding: 40px 56px 25px 40px;
    /*    text-align: justify;
*/
}

.show_more {
    text-decoration: underline;
    cursor: pointer;
    /*display: inline-block;*/
    margin: -7px 0px 0px 0px;
}


.comment_interaction {
    color: var(--color18);
    margin-top: 10px;
	font-family:Assistant-Bold;
    font-size: 13px;
}

.comment_unlikes {
    display: inline-block;
}

    .comment_unlikes:before {
        margin-left: 6px;
        vertical-align: middle;
        background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20dislike.svg);
        background-size: 15px 20px;
        display: inline-block;
        width: 15px;
        height: 20px;
        content: "";
    }

.comment_likes {
    display: inline-block;
    margin-left: 25px;
}

    .comment_likes:before {
        margin-left: 6px;
        vertical-align: sub;
        background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20like.svg);
        background-size: 15px 20px;
        display: inline-block;
        width: 15px;
        height: 20px;
        content: "";
    }

.problem .code_block, .problem .code_block_output, .problem_final .code_block, .problem_final .code_block_output, .problem_challenge .code_block, .problem_challenge .code_block_output {
    border: 4px solid white;
}

.code_block {
    background: var(--color4);
    text-align: left;
    direction: ltr;
    padding: 8px;
    font-family: 'roboto-monospace';
    color: black;
    font-size: 14px;
    border: 2px solid var(--color4);
    margin-bottom: 1.41575em;
	
}

.box_grey .code_block{
margin-bottom:-15px;
}
.code_margin{
	margin-left: 60px;
}

.before_code_block {
   float:left;
   font-family: 'roboto-monospace';
   font-size: 14px;
   direction: ltr;
   margin-top: 10px;
}

.short_code {
	background: rgba(0,0,0,.04);
    padding: 1px 5px;
    margin: 0 4px;
	font-family: 'roboto-monospace';
    border: 1px solid rgba(0,0,0,.09);
    display: inline-block;
	font-size: 15px;
    word-break: break-word;
}

.wrap {
    margin-right: 32px;
    margin-left: 60px;
}

ol .wrap, ul .wrap {
    margin-right: 0px;
}

label .code_block {
    width: 96%;
    display: inline-block;
}

.code_block_output {
    background: white;
    text-align: left;
    direction: ltr;
    padding: 8px 15px 8px 58px;
    font-family: 'roboto-monospace';
    color: black;
    font-size: 14px;
    border: 1px solid var(--color4);
    margin-bottom: 1.41575em;
    margin-top: -1.41575em;
}

.code_block_left {
    width: 6%;
    display: inline-block;
    vertical-align: top;
}

.rtl_in_block{
	text-align:right;
	direction:rtl;
}

.code_block_right {
    width: 90%;
    display: inline-block;
}

.code_red {
    color: var(--color_red);
}

.code_green {
    color: var(--color_green);
}

.code_comment_green {
    color: var(--color_comment_green);
}

.code_purple {
    color: var(--color_purple);
}

.code_yellow {
    color: var(--color_yellow);
}

.code_blue {
    color: var(--color_blue);
}

.code_light_blue {
    color: var(--color_light_blue);
}

.code_deep_red {
    color: var(--color_deep_red);
}

.code_blue2{
	color: var(--code-4);
}

.code_deep_red_2{
	color:var(--code-2);
}

.timeline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 25px;
    color: var(--color0);
}

.time {
    margin: 0px 5px;
}


/*problems*/

div.problem {
    position: relative;
    background-color: var(--color4);
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/sql%20decor%202.svg);
    background-repeat: no-repeat;
    background-position: center bottom 3px;
    background-size: 100%;
    height: max-content;
    padding: 30px 48px 26px 60px;
    margin: 0px 45px 25px 45px;
    box-shadow: 0px 15px 20px #21244a1a;
    border-radius: 30px;
}

.question_text {
    font-family: 'Assistant-bold';
    font-size: 20px;
    color: var(--color1);
    font-size: 20px !important;
    color: var(--color1) !important;
    margin-bottom: 26px !important;
}

.question_text_small {
    font-family: 'Assistant';
    font-size: 17px;
    color: var(--color3);
    margin-top: -15px;
}

.question_header {
    font-family: 'Assistant-bold' !important;
    font-size: 30px !important;
    color: var(--color1) !important;
    margin-bottom: 5px !important;
    margin-top: 10px;
}

.question_icon_certificate {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/%D7%A9%D7%90%D7%9C%D7%94%20%D7%A1%D7%92%D7%95%D7%A8%D7%94%20%28%D7%9E%D7%9B%D7%9C%20%D7%94%D7%A1%D7%95%D7%92%D7%99%D7%9D%29.png);
    position: absolute;
    right: -30px;
    top: 26px;
    width: 7%;
}
.question_icon_challenge {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20challange.svg);
    position: absolute;
    right: -30px;
    top: 26px;
    width: 7%;
}

.problem_icons {
    font-family: 'Assistant';
    color: var(--color1);
    margin-bottom: 30px;
}


.classification, .problem_time {
    display: inline-block;
}

.problem_time {
    margin-right: 20px;
}

.classification:before {
    font-family: 'data-font';
    content: "N";
    font-size: 15px;
    color: var(--color2);
    display: inline-block;
    padding-left: 8px;
}

.problem_time:before {
    font-family: 'data-font';
    content: "O";
    font-size: 15px;
    color: var(--color2);
    display: inline-block;
    padding-left: 8px;
    vertical-align: text-top;
}



h3.problem-header, .xmodule_display.xmodule_CapaModule div.problem-progress {
    display: none;
}

.course-wrapper .course-content .vert-mod .vert > .xblock-student_view, .course-wrapper .courseware-results-wrapper .vert-mod .vert > .xblock-student_view {
    border-bottom: 0px;
}

.btn-brand, .xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container .submit {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: var(--color1);
    margin-top: -7px !important;
    bookmarks-list-button: white !important;
    width: max-content;
    /* padding: 23px; */
    height: 38px;
    border-radius: 25px;
    padding-top: 3px;
    cursor: pointer;
    font-family: 'Assistant-bold';
    border: 2px solid var(--color2);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color2);
    box-shadow: 3px 3px 0px 2px var(--color2);
	background: white !important;
	margin-bottom: 15px;
}

.sga-block .upload label {
	text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: var(--color1);
    margin-top: -7px !important;
    bookmarks-list-button: white !important;
    width: max-content;
    /* padding: 23px; */
    height: 28px;
    border-radius: 25px;
    padding-top: 3px;
    cursor: pointer;
    font-family: 'Assistant-bold';
    border: 2px solid var(--color2);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color2);
    box-shadow: 3px 3px 0px 2px var(--color2);
	background: white !important;
	margin-bottom: 15px;
	font-size: 20px;
	padding-top: 10px !important;
    padding-bottom: 0px;
}

.btn-brand:disabled {
	border-color: #A6A7B7;
    background: #FFFFFF !important;
    color: #A6A7B7;
    box-shadow: 3px 3px 0px 2px #A6A7B7 !important;
}

    .xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container .submit:hover {
        background: var(--color19) !important;
    }
/*
    .btn-brand, .xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container .submit:hover {
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/buttons_hover.svg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }*/
/*  .xmodule_display.xmodule_CapaModule div.problem button.btn-brand:hover {
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/buttons_hover.svg) !important;
        background-repeat: no-repeat !important;
    }*/

.xmodule_display.xmodule_ProblemBlock div.problem .indicator-container .status.partially-correct .status-icon::after{
	display:none;
}
.input-radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-clip: content-box;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20yellow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 17px;
    -webkit-appearance: none;
}
.input-radio:hover {
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20yellow%20hover.svg);
}
.xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover .input-radio, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover .input-checkbox {
    opacity: 0.6 !important;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"]:checked {
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20blue%20selected.png);
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"] {
    top: 0.7em;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct {
    border: 0px;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup label {
    font-family: 'Assistant';
    color: var(--color1);
}

.xmodule_display.xmodule_CapaModule .explanation-title, .xmodule_display.xmodule_CapaModule .hint-label, .xmodule_display.xmodule_CapaModule div.problem .action .problem-action-btn, .xmodule_display.xmodule_CapaModule div.problem .notification.success, .xmodule_display.xmodule_CapaModule div.problem .notification.error {
    display: none;
}

.xmodule_display.xmodule_CapaModule .hint-text .checkbox_feedback{
    font-family: 'Assistant-bold';
    color: var(--color1);
}

.xmodule_display.xmodule_CapaModule .feedback-hint-incorrect:before, .xmodule_display.xmodule_CapaModule .feedback-hint-correct:before {
    display: inline-block;
}

.feedback-hint-multi {
    line-height: 34px;
}


/*.xmodule_display.xmodule_CapaModule .feedback-hint-incorrect:before, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after {
    color: var(--color02);
    font-family: 'data-font';
    content: "Q";
    font-size: 12px;
}

.xmodule_display.xmodule_CapaModule .feedback-hint-correct:before, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after {
    color: var(--color2);
    font-family: 'data-font';
    content: "P";
    font-size: 16px;
}*/
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after {
    color: var(--color2);
    font-family: 'data-font';
    content: "P";
    font-size: 14px;
    margin-right: 5px;
}

.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after {
    color: var(--color03);
    font-family: 'data-font';
    content: "Q";
    font-size: 12px;
    margin-right: 5px;
}

.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect input {
    border: 2px solid var(--color03);
}

.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct input {
    border: 2px solid var(--color2);
}

.incorrect input {
    border: 2px solid var(--color03)!important;
}

.feedback_incorrect:before,.xmodule_display.xmodule_ProblemBlock .problem .capa_inputtype.textline>.incorrect .status .status-icon::after {
    color: var(--color03);
    font-family: 'data-font';
    content: "Q";
    font-size: 17px;
    margin-left: 5px;
}
 

.feedback_correct:before {
    color: var(--color22);
    font-family: 'data-font';
    content: "P";
    font-size: 17px;
    margin-left: 5px;
}




.xmodule_display.xmodule_CapaModule .problem .inputtype.option-input {
    color: var(--color01);
    margin: -22px 0px 0px;
}

/*.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status {
     display: none;
}*/

.indicator-container {
     display: none;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup .indicator-container, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup .indicator-container {
    width: unset;
}

/*.xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container {
    display: none;
}*/

.option-input select {
    border: 1px solid var(--color18);
    color: var(--color1);
}

.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .status-icon:after {
    color: var(--color1);
    content: "ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲ²ֳ‚ֲֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ©ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֲ¹ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ“ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ“ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ§ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ–ֲ²ֳ‚ֲ¾ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲ²ֳ‚ֲ:";
    font-family: 'Assistant';
    font-size: 16px;
    display: block;
    font-weight: bolder;
    margin-right: -16px;
    margin-top: 24px;
}

/*.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after {
    color: var(--color1);
    content: "ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲ²ֳ‚ֲֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֵ“ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ²ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ©ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֲ¹ֳ–ֲ³ֳ¢ג‚¬ֲ¦ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ“ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ–ֲ¶ֳ¢ג‚¬ג„¢ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ·ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ³ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ¢ג‚¬ֲֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ—ג€™ֳ¢ג‚¬ֵ¾ֳ‚ֲ¢ֳ–ֲ³ֳ†ג€™ֳ–ֲ²ֳ‚ֲ¢ֳ–ֲ³ֳ‚ֲ¢ֳ—ג€™ֳ¢ג‚¬ֵ¡ֳ‚ֲ¬ֳ–ֲµֳ‚ֲ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ¬ֳ–ֲ³ֳ†ג€™ֳ—ג€™ֳ¢ג€šֲ¬ֳ‚ֵ¡ֳ–ֲ³ֳ¢ג‚¬ֵ¡ֳ–ֲ²ֳ‚ֲ";
    font-family: 'Assistant';
    font-size: 16px;
    display: block;
    font-weight: bolder;
    margin-right: -16px;
    margin-top: 24px;
}*/


.xmodule_display.xmodule_CapaModule div.problem li {
    margin-bottom: 28px;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup label, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct, module_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect {
    border: 0px solid transparent;
    font-family: 'Assistant';
    color: var(--color1);
    margin-bottom: -8px !important;
}

.input-checkbox {
    font-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-clip: content-box;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%202%20yellow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

    .input-checkbox:checked {
        cursor: pointer;
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%202%20yellow%20selected.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

 .input-checkbox:hover {
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%202%20yellow%20hover.svg);
    }

.xmodule_display.xmodule_CapaModule div.problem .choicegroup fieldset, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup fieldset {
    margin: 0px -17px;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="checkbox"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="checkbox"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup input[type="checkbox"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup input[type="checkbox"] {
    margin: 2.8px 10px 5px 5px;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="checkbox"] {
    margin: 6.6px 10px 5px 5px;
}

.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"] {
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label{
	margin-bottom:0px;
}

.hint {
    color: var(--color1);
    text-decoration: underline;
    cursor: pointer;
    margin: 12px 0px -5px 0px;
    font-size: 17px;
}

    .hint:hover {
        color: var(--color3);
    }

.hint_icon {
    text-decoration: none !important;
    display: inline-block;
    /* margin: 20px -5px 5px 0px;*/
    vertical-align: sub;
    pointer-events: none;
}

    .hint_icon:before {
      /*  font-family: 'data-font';
        content: "M" !important;
        font-size: 20px;
        color: var(--color2);*/
        content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20clue%20yellow.png);
        margin-left: 10px;
    }

.problem_challenge .hint_icon:before {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20clue%20yellow.png);
}

.hint_after_click {
    text-decoration: none;
    cursor: default;
}

    .hint_after_click:hover {
        color: var(--color1) !important;
    }

.table_data {
    color: var(--color1);
    width: 100%;
    table-layout: fixed !important;
}

    .table_data tr th {
        font-family: 'Assistant-bold';
        background: #21244A0D;
    }

    .table_data tr td, .table_data tr th {
        text-align: center !important;
        border: 1px solid #DBDBDB;
        width: 25%;
        padding: 5px !important;
    }

    .table_data tr th {
        height: 50px;
    }
	
	.my_table{
	display: table;
	direction:ltr;	
	text-align: left;
     }
	 
	.table_caption {
		
    margin-bottom: 0.75rem;
	    font-size: 20px;
    font-family: 'Assistant-bold';
	background: none !important;
	 }

.my_table td ,.my_table th {
	font-size: 17px !important;
	border: 1px solid #D3D3DB !important;
	Color: #023852;
}

.my_table th {
	font-family:Assistant-Bold;
	background:#E9E9ED !important;
	padding: 16px 20px !important;
	text-align: center;
	gap: 10px;
}

.my_table td {

	padding: 16px 20px !important;
	text-align: center;
	gap: 10px;
}
	

.table_with_text{
	display: flex;
    flex-direction: row-reverse;
	overflow-x: auto;
}


.before_table_block{
	margin-top:30px;
	float:left;
	font-family: 'roboto-monospace';
	font-size: 14px;
	direction: ltr;

}

.problem .my_table {
    width: 100%;
}

.xmodule_display.xmodule_ProblemBlock div.problem table tr, .xmodule_display.xmodule_ProblemBlock div.problem table td, .xmodule_display.xmodule_ProblemBlock div.problem table th {
	text-align: center !important;
}

/*
.my_table2{
	display: table;
    border: none;
	direction:ltr;	
	text-align: left;
}

.my_table2 td ,.my_table2 th {
	border: none !important;
	font-size: 17px !important;
}
.my_table2 th {
	font-family:Assistant-Bold;
	background:white !important;
	text-align: left;
}

.my_table tr:nth-child(odd){
	background:var(--color7);
}

.my_table tr:nth-child(even){
	background:var(--color4);
}*/


/*.dataframe tr th, .dataframe tr td {
    margin: 0px !important;
    padding: 1px !important;
    border: 1px solid #c8c8c8 !important;
    font-size: 10px !important;
}*/

.xmodule_display.xmodule_CapaModule div.problem input[type="text"] {
    text-align: center;
}

.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput input {
    height: 37px;
}


.problem_challenge {
    position: relative;
    background-color: var(--color4);
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/decor%20question.png);
    background-repeat: no-repeat;
    background-position: center bottom 3px;
    background-size: 100%;
    height: max-content;
    padding: 30px 48px 26px 60px;
    margin: 0px 45px 25px 45px;
    box-shadow: 0px 15px 20px #21244a1a;
    border-radius: 30px;
}

    .problem_challenge .question_header, .question_icon .question_header {
        margin-top: -6px;
    }

.problem_without_grade {
    position: relative;
    background-color: var(--color4);
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/decor%20question.png);
    background-repeat: no-repeat;
    background-position: center bottom 3px;
    background-size: 100%;
    height: max-content;
    padding: 30px 48px 26px 60px;
    margin: 0px 45px 25px 45px;
    box-shadow: 0px 15px 20px #21244a1a;
    border-radius: 30px;
}

.question_icon {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/icon%20question.png);
    position: absolute;
    right: -30px;
    position: absolute;
    right: -30px;
    top: 22px;
    width: 7%;
}

.problem_challenge .classification:before, .problem_challenge .problem_time:before, .problem_challenge .hint_icon:before {
    color: var(--color02);
}


.show_answer_red {
    font-size: 17px;
    color: var(--color1);
    background: white;
    width: max-content;
    padding: 15px;
    height: 38px;
    border-radius: 25px;
    padding-top: 6px;
    cursor: pointer;
    font-family: 'Assistant-bold';
    border: 2px solid var(--color02);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color02);
    box-shadow: 3px 3px 0px 2px var(--color02);
    margin: 25px 0px 25px 0px;
}

    .show_answer_red:hover {
        background: var(--color23);
    }
	
.show_answer_yellow {
    font-size: 17px;
    color: var(--color1);
    background: white;
    width: max-content;
    padding: 15px;
    height: 38px;
    border-radius: 25px;
    padding-top: 6px;
    cursor: pointer;
    font-family: 'Assistant-bold';
    border: 2px solid var(--color2);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color2);
    box-shadow: 3px 3px 0px 2px var(--color2);
    margin: 25px 0px 25px 0px;
}

.show_answer_yellow:hover  {
        background: var(--color24);
    }


/*    final */

.problem_final {
    position: relative;
    background-color: var(--color4);
    background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/decor%20question%20blue.svg);
    background-repeat: no-repeat;
    background-position: center bottom 3px;
    background-size: 100%;
    height: max-content;
    padding: 30px 48px 26px 60px;
    margin: 0px 45px 25px 45px;
    box-shadow: 0px 15px 20px #21244a1a;
    border-radius: 30px;
}

.question_icon_final {
    content: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/icon%20question%20final.svg);
    position: absolute;
    right: -30px;
    position: absolute;
    right: -30px;
    top: 22px;
    width: 7%;
}

.blue_icons .classification:before, .blue_icons .problem_time:before, .blue_icons .hint_icon:before{
    color: var(--color2);
}
.red_icons .classification:before, .red_icons .problem_time:before, .red_icons .hint_icon:before{
	color:var(--color02);
}

.show_answer_blue {
    font-size: 17px;
    color: var(--color1);
    background: white;
    width: max-content;
    padding: 15px;
    height: 38px;
    border-radius: 25px;
    padding-top: 6px;
    cursor: pointer;
    font-family: 'Assistant-bold';
    border: 1px solid var(--color21);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color21);
    box-shadow: 3px 3px 0px 2px var(--color21);
    margin: 25px 0px 25px 0px;
}

    .show_answer_blue:hover {
        background: #7c8fda47;
    }

.problem_final .input-radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-clip: content-box;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/introdata/base_graphics/radio%20btn%201%20blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 17px;
    -webkit-appearance: none;
}

    .problem_final .input-radio:checked {
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20blue%20selected.png);
    }


/*.show_answer_white {
    background: white;
    margin: 0px auto;
    width: 95%;
    height: 35px;
    transform: rotate( 3deg );
    border-radius: 25px;
    padding: 6px;
    text-align: center;
    font-family: 'Assistant-bold';
}*/


.answer {
    margin: 5px 0px 25px 0px;
}

.answer_title {
    color: var(--color1);
    display: block;
    font-weight: 700;
}

.the_answers {
    display: none;
    font-size: 17px;
    color: var(--color1);
}

.ol_questions {
    /*    list-style-type: hebrew !important;
*/ font-family: 'Assistant' !important;
    font-size: 20px !important;
}

.problem_challenge .input-radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-clip: content-box;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/regression/base_graphics/radio%20btn%201%20blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 17px;
    -webkit-appearance: none;
}
   .input-radio:checked {
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20blue%20selected.png);
    }
    .problem_challenge .input-radio:checked {
        background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20blue%20selected.png);
    }

.radio_field label:hover .input-radio {
    opacity: 0.6 !important;
}

.radio_field label {
    font-family: 'Assistant';
    color: var(--color1);
    display: inline-block;
    margin-bottom: 10px;
}

.feedback {
    font-size: 17px;
    margin: 16px 0px -6px 0px;
}

.my_hr {
	color: var(--color25);
	border-width: 2px;	
    width: 120.5%;
    display: inline-block;
    margin: 0px -74px 0px 131px;
}




/***********************8KOA CHANGES*/
.xmodule_display.xmodule_SequenceModule .sequence-nav button.active:after, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button:hover::after, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active:after {
    bottom: -23px;
}

body .wrapper-course-material .course-material .course-tabs .tab a.active, body .wrapper-course-material .course-material .course-tabs .tab a:hover {
    border-bottom: none;
}

.course-wrapper .course-content .vert-mod .vert, .course-wrapper .courseware-results-wrapper .vert-mod .vert {
    border-bottom: 0px solid #ddd;
}


.notebook_green {
    padding: 11px 2.5%;
    height: 20px;
    line-height: 20px !important;
}

.class_a {
    text-decoration: underline !important;
}

.ran_data, .comment{
    font-family: 'Assistant';
}

.video_views, .video_likes, .video_unlikes, .video_forward, .video_plus {
    font-family: 'Assistant-bold';
	font-size:15px;
}

.xmodule_display.xmodule_ProblemBlock div.problem li {
    margin-bottom: 0px;
	color: var(--color1) !important;
}

.xmodule_display.xmodule_ProblemBlock div.problem .indicator-container .status.incorrect .status-icon::after {
    color: var(--color03);
    font-family: 'data-font';
    content: "Q";
    font-size: 17px;
	margin-right: -12px;
    margin-top: 15px;
}

.xmodule_display.xmodule_ProblemBlock div.problem .indicator-container .status.correct .status-icon::after {
    color: var(--color22);
    font-family: 'data-font';
    content: "P";
    font-size: 17px;
    margin-right: -12px;
    margin-top: 15px;
}



.problem select:not(.forum-nav-filter-main-control):not(.forum-nav-sort-control):not(.forum-nav-filter-cohort-control), .problem .forum-new-post-form .post-field .field-label .field-input select.post-topic {
    padding: 4px 10px 4px 30px !important;
}

.xmodule_display.xmodule_ProblemBlock div.problem button.btn-brand:hover {
    background: #FCF6B1 !important;
    color: var(--color1);
    text-shadow: none;
    border: 1.8px solid var(--color2);
    -webkit-box-shadow: 3px 3px 0px 2px var(--color2);
    box-shadow: 3px 3px 0px 2px var(--color2);
}

.xmodule_display.xmodule_ProblemBlock div.problem .notification.success, .xmodule_display.xmodule_ProblemBlock div.problem .notification.error, .xmodule_display.xmodule_ProblemBlock div.problem .notification.warning, .xmodule_display.xmodule_ProblemBlock div.problem .notification {
    display: none;
}

.btn-brand, .xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container .submit {
    font-size: 20px;
}

.xmodule_display.xmodule_ProblemBlock div.problem-progress {
    display: none;
}

body .breadcrumbs .nav-item a {
    color: var(--color1);
}

.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn, .xmodule_display.xmodule_ProblemBlock .explanation-title, .xmodule_display.xmodule_ProblemBlock .hint-label {
    display: none;
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="checkbox"] {
    width: 14px;
    height: 14px;
}

.xmodule_display.xmodule_ProblemBlock .hint-text {
    font-family: 'Assistant-bold';
    color: var(--color3);
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="radio"]:checked {
    background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/SQL/radio%20btn/radio%20btn%201%20yellow%20selected.svg);
}

.xblock.xmodule_display.xmodule_ProblemBlock .problem .imageinput + div, .xblock.xmodule_display.xmodule_ProblemBlock .problem .wrapper-problem-response {
    overflow-x: unset;
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus + label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus + label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_ProblemBlock .choicegroup input:focus + label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_ProblemBlock .choicetextgroup input:focus + label, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover + label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover + label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_ProblemBlock .choicegroup input:hover + label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_ProblemBlock .choicetextgroup input:hover + label, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_ProblemBlock .choicegroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_ProblemBlock .choicetextgroup label {
    border: 0px solid #e4e4e4 !important;
	color: var(--color1) !important;
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup .field{
	margin-bottom: -15px;
	font-family: 'Assistant';
	font-size: 17px;

}
.comment_text {
    height: 50px;
}

.show_answer_red, .show_answer_blue ,.show_answer_yellow{
    padding: 15px;
    height: 10px;
    line-height: 10px !important;
}


.radio_buttons label {
    margin: 0px 10px;
    font-family: Assistant !important;
}

.radio_buttons {
    margin-bottom: 12px !important;
    padding: 0px 35px 0px 50px;
    font-family: Assistant;
}


.course-wrapper .course-content .vert-mod .vert{
	margin-bottom: 0px !important; 
     padding: 0 0 0px !important;
}

.xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li {
    color: black !important;
}


.xmodule_display.xmodule_VideoBlock .video.video-fullscreen .subtitles {
    background: #f5f5f5;
}
.fullscreen-button:hover{
	fill: var(--color3);	
}

.fullscreen-button svg {
    height: 15px;
    width: 15px;
}

.xmodule_display.xmodule_HtmlBlock ul{
color:  var(--color1); !important;
}
/*accordion*/
.panel {
    font-family: 'Assistant';
    padding: 10px 85px 40px 45px;
    display: none;
    background-color: white;
	overflow: hidden;
    font-size: 17px;
	color: var(--color1) !important;
	transition: max-height 4s ease-in-out;
	border-right: 1px solid white;
}

.my_accordion {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-left: 1px solid transparent;
	border-right: 1px solid transparent;
    box-shadow: none;
    background: var(--color4);
    font-family: 'Assistant-bold';
    color: var(--color1);
    cursor: pointer;
    padding: 15px;
    width: 100%;
    height: 72px;
    text-align: right;
    outline: none;
    font-size: 23px;
    transition: 0.4s;
    border-radius: 0px !important;
}
button:focus:not(:disabled){
    border: 1px solid white;
    box-shadow: none;
}
button.my_accordion:hover{
	border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-left: 1px solid transparent;
	border-right: 1px solid white;
    box-shadow: none;
    background: var(--color4);
	color:var(--color3);
	font-family: 'Assistant-bold';
	font-size: 23px;
	text-shadow: 0 0 black !important;
}

#accordion_area {
	margin-top: 30px;
}

.triangle_arrow{
	float: right;
    color: var(--color2);
    font-family: 'networkpy';
    margin-left: 15px;
	font-size: 14px;
    margin-top: 4px;
    padding: 2px;

}

.triangle_arrow_small{
	float: right;
    color: var(--color2);
    font-family: 'networkpy';
	margin-left: 7px;
    font-size: 13px;
    padding-top: 2px;

}

button.close_accordion:hover{
	color:var(--color3) !important;
	background:none !important;
	box-shadow:none;
}
.close_accordion:hover .triangle_arrow_small{
	color: var(--color02);
	
}


button.my_accordion:hover .triangle_arrow{
	color: var(--color02);
}

.close_accordion ,.close_accordion:hover{
    color: var(--color1);
    font-family: 'Assistant-bold';
    font-size: 15px;
    position: absolute;
    left: 14px;
    cursor: pointer;
	border:none;
	background: transparent;
    box-shadow: none;
}



.time_accordion{
    color: var(--color3) !important;
    font-size: 17px !important;
    font-family: 'Assistant' !important;
	margin-right:10px;
}
.my_li_content::marker {
    color: #5865A5 !important;
}

.box_blue .my_li_content::marker {
    color: #FFB41E !important;
}

#sga-content{
	margin-right: 50px;
}