/* כותרת: הקורסים שלי */
#page-my-index #page-header .page-context-header h1 {
  margin-bottom: 0 !important;
}
#page-my-index #page-header .page-context-header h1 a {
  color: #000047 !important;
}

#page-my-index #page-header .w-100 {
  margin-bottom: 1.88rem;
}

/* שדה הרשמה באמצעות מפתח קורס */
#page-my-index .enroll-input .form-control {
  line-height: 1.75rem !important;
  color: #000047 !important;
}

#page-my-index .enroll-input .key-icon {
  margin-top: 0.3rem !important;
}

#page-my-index .enroll-input button[type="submit"] {
  font-weight: 600;
}

#page-my-index .enroll-input button[type="submit"]:hover {
  background-color: #005dac !important;
  color: white !important;
}

/* End */

/* מעל ומתחת לסרגל סינונים */
.page-mycourses .block_myoverview .block-cards {
  border-top: none !important;
  padding-top: 0 !important;
}

.page-mycourses .block_myoverview .my-2 {
  margin-bottom: 4.38rem !important;
}

/* End */

/* עיצוב שדה רשימה: סינון ומיון */
.page-mycourses .dropdown-menu[aria-labelledby="groupingdropdown"],
.page-mycourses .dropdown-menu[aria-labelledby="sortingdropdown"] {
  color: #000047;
  position: absolute !important;
  left: 25px !important;
  box-shadow:
    4px 2px 4px -2px rgba(0, 0, 71, 0.1),
    0 4px 6px -1px rgba(0, 0, 71, 0.1);
  border: none;
  border-radius: 0.5rem;
}

.page-mycourses .dropdown-item {
  color: #000047;
  padding: 0.625rem 1.5rem;
}

.page-mycourses .dropdown-item.active,
.page-mycourses .dropdown-item:active,
.page-mycourses .dropdown-item:hover,
.page-mycourses .dropdown-item:focus,
.page-mycourses .dropdown-item:focus-within {
  color: #000047 !important;
  background-color: #f2f2f2 !important;
}

/* End */

/*מימדים של תיבת חיפוש וסינון */
#page-my-index [data-region="filter"] input[data-action="search"],
#page-my-index [data-region="filter"] #groupingdropdown,
#page-my-index [data-region="filter"] #sortingdropdown {
  width: 13rem !important;
  height: 2.7rem !important;
  max-width: 13rem;
}

#page-my-index .form-control[data-action="search"] {
  padding-right: 45px !important;
  padding-left: 12px !important;
  text-align: right !important;
  background-position: right 12px center !important;
}

#page-my-index .btn:focus,
#page-my-index .btn.focus,
#page-my-index .form-control:focus {
  outline: 0 !important;
  box-shadow: none !important;
}