/* ======================================================
   ========= עיצוב עמוד בית של קורס (כרטיסיות =========
   ====================================================== */

/***** מפתח קורס *****/

#page-course-view-shiftsections:not(.editing) .manual-enrolment-btn {
  border: 0.125rem solid #0076c6 !important;
}

#page-course-view-shiftsections:not(.editing) .manual-enrolment-btn::after {
  background-image: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/moodle/general/key.svg) !important;
}

#page-course-view-shiftsections
  header#page-header
  .shiftsections-header-actions.d-flex.align-items-center.justify-content-start {
  justify-content: flex-end !important;
  padding-left: 5.5rem;
  margin-bottom: 1.5rem;
}

#page-header .manual-enrolment-btn {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/*----- מפתח קורס -----*/

/*******************************************/
/***********  הפרקים בעמוד הבית ***********/

/* גודל הפונט של שמות הפרקים בעמוד הבית */
#page-course-view-shiftsections:not(.editing) .course-content-item a {
  font-size: 1.75rem;
}

#page-course-view-shiftsections:not(.editing) .completion-icon .donut-segment {
  stroke: #0076c6 !important;
}

/* מרחק בין הכרטיסיות בעמוד הבית */
#page-course-view-shiftsections:not(.editing) li.section {
  margin-bottom: 6.25rem !important;
  margin-left: 0.6rem !important;
  justify-content: right;
}

/***** חלון פתיחה וסגירה יחידה *****/

/*----- END - חלון פתיחה וסגירה יחידה -----*/

/*.modal-content .indicator-wrapper .open-count {
  padding-top: 0;
  margin-left: 5px;
}*/

.modal-content .indicator-wrapper .justify-content-start {
  justify-content: right !important;
}

#page-course-view-shiftsections .lockSectionModal .modal-content {
  border-radius: none !important;
  border: none;
  outline: none;
  box-shadow: none;
}

/***** עדכון כפתור פתיחת/נעילת פרק ******/

/* מצב רגיל */
#page-course-view-shiftsections .btn-locksection.cec-btn,
#page-course-view-shiftsections .btn-locksection.cec-btn:focus,
#page-course-view-shiftsections .btn-locksection.cec-btn:active,
#page-course-view-shiftsections .btn-locksection.cec-btn.active {
  border: 2px solid #0076c6 !important;
  color: #0076c6 !important;
}

/* מצב hover - נסיון עם ספציפיות כפולה */
#page-course-view-shiftsections
  #page-course-view-shiftsections
  .btn-locksection.cec-btn:hover,
#page-course-view-shiftsections .btn-locksection.cec-btn:hover {
  background-color: #e8eaf5 !important;
  color: #0076c6 !important;
  border: 2px solid #0076c6 !important;
}

#page-course-view-shiftsections .btn-locksection.cec-btn:hover .cec-btn-text {
  color: #0076c6 !important;
}
/* כיוון הכפתור */
#page-course-view-shiftsections .course-section .cec-btn {
  direction: ltr;
}

/*----- עדכון כפתור פתיחת/נעילת פרק -----*/

/***** סטטוס בכרטיסיה - פתוח/סגור *****/

/* ריווח */
#page-course-view-shiftsections .indicator-wrapper .open-count {
  display: inline-block;
  margin-left: 10px;
}
/* למרכז */
.indicator-wrapper .justify-content-start {
  justify-content: center !important;
}

/*----- סטטוס בכרטיסיה - פתוח/סגור ---*/

/*------------------------------------------------*/
/*---------- - END - הפרקים בעמוד הבית ----------*/

/************************************************/
/*********** אזור הודעות בעמוד הבית ***********/

button.message-hider,
.message-hider {
  background-image: url("https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/moodle/general/hide.svg") !important;
}

button.message-link.dropdown-toggle,
.message-link.dropdown-toggle {
  background-image: url("https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/moodle/general/link.svg") !important;
}

button.message-link.dropdown-toggle,
.message-link.dropdown-toggle,
button.message-hider,
.message-hider {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 25px 25px !important;
}

.message-link.dropdown-toggle img.icon,
.message-link.dropdown-toggle .icon {
  display: none !important;
}

.message-hider::before,
.message-hider::after {
  content: none !important;
  display: none !important;
}

/*------------------------------------------------------*/
/*---------- - END - אזור הודעות בעמוד הבית ----------*/
