#page-course-view-menutopic .course-content-header .hasmenu {
  background-color: #4598aa;
  border-radius: 0 0 0.5rem 0.5rem;
}
#page-course-view-menutopic .course-content-header .hasmenu {
  background-color: #4598aa;
  border-radius: 0 0 0.5rem 0.5rem;
}
#page-course-view-menutopic .course-content-header .hasmenu::before {
  margin-top: -128px;
}
#page-course-view-menutopic.pagelayout-course #page-header::before {
  content: none;
}
#page-course-view-menutopic
  .course-content-header
  .hasmenu
  .format-menutopic-menu-boots {
  padding: 2rem 0 1rem;
  margin-top: -3rem;
}
.format-menutopic-menu-boots .navbar {
  background-color: #d1eff1;
  border-radius: 0.5rem;
}
.format-menutopic-menu-boots .navbar .container-menu {
  padding: 0;
}
.format-menutopic
  .navbar:not(.navbar-dark)
  #navbarmenutopic
  .navbar-nav
  .nav-item.menu-level-0.active {
  border-bottom: none;
}
.format-menutopic-menu-boots
  .navbar
  .container-menu
  .menu-body-content
  .menu-label {
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  word-break: break-word;
  max-width: 100%;
  white-space: normal;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0.5rem;
  cursor: pointer;
  background-color: #ffffff;
}
.format-menutopic-menu-boots
  .navbar
  .container-menu
  .menu-body-content
  .menu-label.active {
  background-color: #4598aa;
  color: white;
}

#page-course-view-menutopic .course-content .menutopic {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

#format_menutopic_menu > .navbar {
  max-height: initial;
}
#format_menutopic_menu .navbar-collapse .navbar-nav {
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
#format_menutopic_menu .container-menu .navbar-toggler {
  background-color: #8b034f;
}
#format_menutopic_menu .container-menu .navbar-toggler:hover {
  background-color: #8b034fb5;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.course-content .single-section .section-navigation {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#page-mod-page-view .activity-header {
  border: 1px solid #e1e0e4;
  border-radius: 0 0 7px 7px;
  padding: 1rem;
  margin-top: -5px !important;
  border-top: 0;
}
#page-mod-page-view .activity-header .rui-activity-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  overflow: hidden;
}
#page-mod-page-view .activity-header .sr-only {
  position: relative;
  margin: 0;
  display: inline-block;
  width: 100%;
  height: auto;
}

/* .rui-course-card {
  transition: all 350ms ease-in-out;
  background-color: #25b3af;
}
.rui-course-card:hover {
  background-color: #1c918e;
} */
.rui-course-card:before,
.rui-course-card:hover::before {
  background-image: none;
  background-color: transparent;
  background: none;
}
.rui-course-card:after,
.rui-course-card:hover:after {
  background-image: none;
  background-color: transparent;
  background: none;
}
.drawer-left .course-progressbar-wrapper {
    background-color: var(--bs-dark-light);
}
.courseindex .courseindex-item.courseindex-section-title a,
.courseindex .courseindex-item .courseindex-name,
.courseindex .courseindex-item .courseindex-link {
  color: var(--bs-danger);
}
.drawer-course-index {
  background-color: #d9d9d9;
}
.courseindex .courseindex-item.pageitem.courseindex-section-title,
.courseindex .courseindex-item.courseindex-section-title:hover,
.courseindex .courseindex-item.courseindex-section-title:focus {
  background-color: var(--bs-dark-light);
  color: #fff;
}
.courseindex .courseindex-item.pageitem.courseindex-section-title > a {
  color: #fff;
}
.courseindex .courseindex-sectioncontent .courseindex-item:hover,
.courseindex .courseindex-sectioncontent .courseindex-item:focus,
.courseindex
  .courseindex-sectioncontent
  .courseindex-item:hover
  > a.courseindex-link,
.courseindex
  .courseindex-sectioncontent
  .courseindex-item:focus
  > a.courseindex-link {
  color: var(--bs-dark-light) !important;
}

.courseindex .d-flex-noedit {
  display: block;
  color: var(--bs-primary);
  cursor: default;
  &:hover,
  &:hover span,
  &:focus span {
    color: var(--bs-primary);
    background-color: transparent;
    cursor: default;
  }
  .completion_none {
    display: none;
  }
  .courseindex-name {
    cursor: default;
    width: calc(100% - 20px);
  }
}

.courseindex .courseindex-item .completion_complete ~ .courseindex-link {
  color: var(--bs-primary);
}
#fitem_id_userpicturewarning {
  visibility: hidden;
  position: absolute;
}
#fitem_id_currentpicture {
  visibility: hidden;
  position: absolute;
}
.btn-drawer {
  left: 20px;
}
.breadcrumb-item {
  color: var(--bs-danger);
  &::before {
    color: var(--bs-white) !important;
  }
  a {
    color: var(--bs-white);
    /* &::before {
      filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
        saturate(7500%) hue-rotate(110deg) brightness(98%) contrast(108%);
    } */
    &:hover {
      color: var(--bs-dark);
      &::before {
        filter: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2051%) hue-rotate(196deg) brightness(81%) contrast(93%);
      }
    }
  }
}
.wrapper-course {
  padding: 40px 40px;
  @media (min-width: 768px) and (max-width: 1079.98px) {
    padding: 20px;
  }
  @media (max-width: 767.98px) {
    padding: 20px;
  }
}
/*.course-content li.section:not(#section-0) ul.rui-section,*/
.course-content li.section ul.rui-section {
  border-radius: 7px;
  overflow: visible;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
  gap: 1rem;
  padding: 0 1rem 1rem;
  border: none;
  @media (max-width: 759px) {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  @media (min-width: 760px) {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  @media (min-width: 1024px) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  @media (min-width: 1366px) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  @media (min-width: 1599px) {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}
.course-section-header {
  @media (max-width: 759px) {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: calc(100% + 1rem);
  }
}

#page-course-view-topics .rui-course-header .page-header-content {

    background-image: url(/_contenidos/theme/img/bg-header.jpg);
    /* min-height: 300px; */
    background-size: cover;
    background-position: center;
    border-radius: 4rem 0;

    .rui-title-container {
      color: white;
      padding: 3rem 2rem;
      max-width: 710px;
      line-height: normal;
    }
}

.section li.activity.label {
  grid-column: 1 / -1;
  padding: 1rem 0 0 0;
}
/*li.section:not(#section-0) li:not(.modtype_label).activity ,*/
li.section li:not(.modtype_label).activity {
  border-radius: 10px;
  border-bottom: none;
  background-color: #f8f8f8;
  display: flex;
  align-items: flex-end;
}
li.section.course-section {
  margin-bottom: 6px;
}
.rui-course-summary:not(:empty) {
    margin:  0;
}
.rui-course-header-btn {
  background-color: #585858;
  margin:  0;
  &:hover {
    background-color: #414141;
  }
  .sectionname {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--bs-white) !important;
  }
  .rui-course-header-btn-icon {
    color: var(--bs-white);
  }
}
#section-0 .rui-course-header-btn,
#section-7 .rui-course-header-btn {
  background-color: #9a9a9a;
}
li.activity .rui-completion-info {
  margin-left: 0;
  .badge-sm {
    padding: 0.25rem 0.65rem;
    font-size: 0.65rem;
  }
}
.rui-pluginname {
  display: none;
}
.mediaplugin_vimeo iframe {
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .section .rui-completion-info,
  .section .rui-contentafterlink,
  .section .rui-activity-dates {
    margin-left: 0;
  }
}
.instancename,
.rui-instancename {
  font-weight: 700;
  color: var(--bs-primary);
}
.instancename:hover,
.rui-instancename:hover {
  text-decoration: underline;
}
.rui-course-header-btn .rui-course-header-btn-icon {
  padding: 16px 32px;
}
/* .role-student  .wrapper-course { padding-top:0;} */
.role-student .secondary-navigation {
  display: none;
}