@font-face {
  font-family: "fuente-regular";
  src: url([[font:theme|GothamRnd-Book.otf]]) format("truetype");
}

@font-face {
  font-family: "fuente-light";
  src: url([[font:theme|GothamRnd-Light.otf]]) format("truetype");
}

@font-face {
  font-family: "fuente-bold";
  src: url([[font:theme|GothamRnd-Bold.otf]]) format("truetype");
}

body {
  font-family: "fuente-regular";
  font-size: 0.9rem;
}

body * {
  outline: none !important;
}

body *:focus {
  box-shadow: none !important;
}

body .editmode-switch-form {
  display: none !important;
}

body #usernavigation .divider {
  display: none !important;
}

body .btn-primary {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

body .btn-primary:focus,
body .btn-primary:active,
body .btn-primary:link {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

body .btn-primary:hover {
  /* color: #fff !important;
  background: #6734e2 !important;
  background-color: #6734e2 !important;
  border-color: #6734e2 !important; */
  background: #555555 !important;
  background-color: #555555 !important;
  border-color: #555555 !important;
}

body .btn-secondary {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}

body .btn-secondary:focus,
body .btn-secondary:active,
body .btn-secondary:link {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* body .btn-secondary:hover {
  color: #fff !important;
  background: #6734e2 !important;
  background-color: #6734e2 !important;
  border-color: #6734e2 !important;
} */
body .btn-secondary:hover {
  /* color: #fff !important; */
  background: #555555 !important;
  background-color: #555555 !important;
  border-color: #555555 !important;
}

body .dropdown-menu {
  font-size: 0.9rem;
}

body .dropdown-menu a:hover {
  background: #000000 !important;
  background-color: #000000 !important;
}

body #page a:active,
body #page a:visited,
body #page a:focus {
  background: none;
}

@media only screen and (max-width: 769px) {
  body #page {
    padding: 0 1rem;
  }
}

body #page-wrapper .navbar {
  background: #000000 !important;
  border: none;
}

body #page-wrapper .navbar .navbar-toggler i {
  color: #fff;
  font-size: 1.5rem;
}

body #page-wrapper .navbar a .logo {
  max-height: calc(40px - 0.5rem);
  filter: brightness(10000);
}

body #page-wrapper .navbar .navbar-nav li a {
  color: #fff;
  transition: all ease 0.3s;
}

body #page-wrapper .navbar .navbar-nav li a:hover,
body #page-wrapper .navbar .navbar-nav li a:active,
body #page-wrapper .navbar .navbar-nav li a:focus,
body #page-wrapper .navbar .navbar-nav li a:visited {
  background: rgba(255, 255, 255, 0.1);
}

body #page-wrapper .navbar #usernavigation i {
  color: #fff;
}

body #page-wrapper .navbar #usernavigation .usermenu .dropdown-toggle img {
  border-radius: 0.3rem;
}

body #page-wrapper .navbar #usernavigation .usermenu .dropdown-toggle::after {
  color: #fff;
}

body #page-wrapper .navbar #usernavigation .editmode-switch-form {
  cursor: pointer;
  margin: 0;
}

body #page-wrapper .navbar #usernavigation .editmode-switch-form label {
  color: #fff;
}

body #page-wrapper .navbar #usernavigation .editmode-switch-form label.text-primary {
  background: #fff;
  border-radius: 2rem;
  font-size: 0.9rem;
  padding: 0rem 0.7rem;
}

body #page-wrapper .navbar #usernavigation .editmode-switch-form .custom-control {
  margin: -0.2rem 0 0 0;
}

body #page-wrapper .drawer-right-toggle .btn,
body #page-wrapper .drawer-left-toggle .btn {
  color: #fff !important;
  /* background: #6734e2; */
  background: #000000;
}

body #page-wrapper .drawer-left.show {
  background: #d2d5db !important;
  z-index: 9999999;
}

body #page-wrapper .drawer-left.show .drawercontent .navbar-brand img {
  display: block;
}

body #page-wrapper .drawer-left.show .menu-movil {
  list-style: none;
  margin: 0;
  padding: 0;
}

body #page-wrapper .drawer-left.show .menu-movil li {
  background: #fff;
  margin: 0 0 2px 0;
  padding: 0.3rem;
}

body #page-wrapper .drawer-left.show .menu-movil li a {
  color: #242d31;
}

body #page-wrapper .drawer-left.show #courseindex {
  border-bottom: solid 1px rgba(36, 45, 49, 0.1);
  padding: 0rem 0 1rem 0;
}

body #page-wrapper .drawer-left.show #courseindex .courseindex-section-title a {
  color: #242d31;
}

body #page-wrapper .drawer-left.show #courseindex .courseindex-section-title.pageitem {
  background: #000000 !important;
}

body #page-wrapper .drawer-left.show #courseindex .courseindex-section-title.pageitem a,
body #page-wrapper .drawer-left.show #courseindex .courseindex-section-title.pageitem i {
  /* color: #fff; */
  color: #ffffff !important;
}

body #page-wrapper .drawer-left.show #courseindex li {
  margin: 0.1rem 0;
}

body #page-wrapper .drawer-left.show #courseindex li a,
body #page-wrapper .drawer-left.show #courseindex li i {
  color: #242d31;
}

body #page-wrapper .drawer-left.show #courseindex li.courseindex-item.pageitem {
  /* background: #7638cb; */
  background-color: #000000;
}

body #page-wrapper .drawer-left.show #courseindex li.courseindex-item.pageitem a,
body #page-wrapper .drawer-left.show #courseindex li.courseindex-item.pageitem i {
  color: #fff !important;
}

body #page-wrapper .drawer-left.show #courseindex li:hover {
  /* background: #7638cb; */
  background-color: #000000;
}

body #page-wrapper .drawer-left.show #courseindex li:hover a,
body #page-wrapper .drawer-left.show #courseindex li:hover i {
  color: #fff !important;
}

body #page-wrapper .drawer-left .navbar-brand img {
  display: none;
  margin: 0 auto 2rem;
  max-width: 8rem;
  width: 100%;
}

body #page-wrapper .drawer-left .menu-auxiliar {
  display: none;
  padding: 0 1rem;
  margin: 1rem 0 1rem 0;
}

body #page-wrapper .drawer-left .menu-auxiliar a {
  color: #242d31;
  display: block;
  margin: 1rem 0;
}

body #page-wrapper .drawer-left .menu-auxiliar a i {
  font-size: 12px;
}

@media (min-width: 600px) {
  body #page-wrapper .drawer-left .menu-auxiliar a.link-whatsapp {
    display: none;
  }
}

body #page-wrapper .drawer-left .menu-auxiliar .tam-texto {
  align-items: center;
  background: rgba(36, 45, 49, 0.0509803922);
  border-radius: 2rem;
  box-shadow: inset rgba(36, 45, 49, 0.2) 1px 2px 1px;
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem 0;
  padding: 0.3rem 0.5rem;
}

body #page-wrapper .drawer-left .menu-auxiliar .tam-texto span {
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0 1rem 0 0;
}

body #page-wrapper .drawer-left .menu-auxiliar .tam-texto i {
  align-items: center;
  display: inline-flex;
  background: #000000 !important;
  border-radius: 4rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  justify-content: center;
  padding: 0.2rem;
  text-align: center;
}

body #page-wrapper .drawer-right .navbar-brand,
body #page-wrapper .drawer-right .enlace-curso,
body #page-wrapper .drawer-right .menu-auxiliar {
  display: none;
}

body #page-wrapper .drawer-left,
body #page-wrapper .drawer-right {
  font-size: 0.9rem;
}

body #page-wrapper .drawer-left .drawerheader,
body #page-wrapper .drawer-right .drawerheader {
  background: rgba(36, 45, 49, 0.2);
  height: 50px;
  margin: 0 0 2rem 0;
}

body #page-wrapper .drawer-left .drawerheader .btn.drawertoggle,
body #page-wrapper .drawer-right .drawerheader .btn.drawertoggle {
  background: rgba(36, 45, 49, 0.1);
  color: #242d31;
}

body #page-wrapper footer .btn-footer-popover {
  background: #000000 !important;
  border: solid 1px #000000 !important;
  color: #fff;
}

body #page-wrapper footer .btn-footer-popover:hover {
  /* background: #6734e2 !important; */
  background: #555555 !important;
  border: solid 1px #000000 !important;
  /* color: #242d31; */
  color: #fff !important;
}

body #page-wrapper .popover.footer .version-vansa {
  font-size: 0.65rem;
}

body #page-wrapper #page-header #page-navbar .breadcrumb {
  background: none;
  padding: 0 0 2rem 0;
  margin: 0;
  font-size: 0.8rem;
  color: #242d31;
}

body #page-wrapper #page-header #page-navbar .breadcrumb a {
  color: #242d31;
  background: none;
}

body #page-wrapper h1.h2 {
  color: #000000 !important;
  font-size: 1.5rem;
}

@media only screen and (max-width: 769px) {
  body #page-wrapper h1.h2 {
    font-size: 1.2rem;
  }
}

body.editing .navbar #usernavigation .editmode-switch-form .custom-control-label::before {
  /* border-color: #6734e2;
  background-color: #6734e2; */
  border-color: #000000;
  /* background-color: #000000; */
  background-color: #fff;
}

body.editing .navbar #usernavigation .editmode-switch-form .custom-control-label::after {
  background-color: #000000 !important;
}

body#page-mod-scorm-player .navbar,
body#page-mod-scorm-player .drawer-right-toggle {
  display: none;
}

body#page-mod-scorm-player #page {
  height: 100%;
  margin: 0;
  overflow: hidden !important;
  padding: 0;
}

@media only screen and (max-width: 769px) {
  body#page-mod-scorm-player #page {
    padding: 0;
  }
}

body#page-mod-scorm-player #page #topofscroll {
  margin: 0;
  padding: 0;
}

body#page-mod-scorm-player #page #page-header {
  display: none;
}

body#page-mod-scorm-player #page #headerCourses {
  display: none;
}

body#page-mod-scorm-player #page .secondary-navigation {
  display: none;
}

body#page-mod-scorm-player #page #page-content {
  height: 100%;
  padding: 0 !important;
}

body#page-mod-scorm-player #page #page-content #region-main-box {
  height: 100%;
}

body#page-mod-scorm-player #page #page-content #region-main-box #maincontent {
  height: 0;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main {
  height: 100%;
  overflow: hidden;
  max-width: inherit !important;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main h2 {
  display: none;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] {
  height: 100%;
  padding: 0;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] .flex-row-reverse {
  display: none !important;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scorm_toc,
body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scorm_toc_toggle,
body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scormtop {
  display: none !important;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scorm_layout {
  margin: 0;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scorm_layout #scorm_content {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scorm_layout #scorm_content #scorm_object {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 769px) {
  body#page-mod-scorm-player #page #page-content #region-main-box #region-main div[role="main"] #scormpage #scorm_layout #scorm_content #scorm_object {
    height: 98%;
  }
}

body#page-mod-scorm-player #page #page-content #region-main-box .activity-navigation {
  display: none;
}

body#page-mod-scorm-player .drawer-left,
body#page-mod-scorm-player .drawer-right {
  height: 100vh;
  top: 0;
  z-index: 9;
}

body#page-mod-scorm-player .drawer-left .navbar-brand img,
body#page-mod-scorm-player .drawer-right .navbar-brand img {
  display: block;
}

body#page-mod-scorm-player .drawer-left .menu-auxiliar,
body#page-mod-scorm-player .drawer-right .menu-auxiliar {
  display: block;
}

@media only screen and (max-width: 769px) {
  body#page-mod-scorm-player #page-footer {
    display: none;
  }
}

body#page-login-index #page,
body#page-login-forgot_password #page {
  background: #000000 !important;
}

body#page-login-index #page .login-container .login-logo img,
body#page-login-forgot_password #page .login-container .login-logo img {
  max-width: 10rem;
  margin: 0 0 2rem 0;
}

body#page-login-index #page .alert-danger,
body#page-login-forgot_password #page .alert-danger {
  background: #fff;
  border: none;
  font-size: 0.8rem;
  font-weight: bold;
}

body#page-login-index #page .login-instructions,
body#page-login-forgot_password #page .login-instructions {
  display: none;
}

body#page-login-index #page .login-signup,
body#page-login-forgot_password #page .login-signup {
  display: none;
}

body#page-login-index #page .login-divider,
body#page-login-forgot_password #page .login-divider {
  display: none;
}

body#page-login-index #page .form-group,
body#page-login-forgot_password #page .form-group {
  position: relative;
}

body#page-login-index #page .form-group .icono-form,
body#page-login-forgot_password #page .form-group .icono-form {
  color: #242d31;
  padding: 1rem 0;
  position: absolute;
  right: 0.5rem;
  text-align: right;
}

body#page-login-index #page .form-group input.form-control,
body#page-login-forgot_password #page .form-group input.form-control {
  background: #fff;
  border-color: rgba(36, 45, 49, 0.4);
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-top: none;
  font-size: 1rem;
  padding: 1.5rem 3rem 1.5rem 1rem;
}

body#page-login-index #page .form-group input.form-control::-moz-placeholder,
body#page-login-forgot_password #page .form-group input.form-control::-moz-placeholder {
  font-size: 1rem;
}

body#page-login-index #page .form-group input.form-control::placeholder,
body#page-login-forgot_password #page .form-group input.form-control::placeholder {
  font-size: 1rem;
}

body#page-login-index #page .form-group input.form-control:-internal-autofill-selected,
body#page-login-forgot_password #page .form-group input.form-control:-internal-autofill-selected {
  background: #fff;
}

body#page-login-index #page .form-group button#loginbtn,
body#page-login-forgot_password #page .form-group button#loginbtn {
  font-size: 1rem;
  width: 100%;
}

body#page-login-index #page .form-group a,
body#page-login-forgot_password #page .form-group a {
  color: #242d31;
  display: block;
  font-size: 0.9rem;
  text-align: center;
}

body#page-login-index #page fieldset#id_searchbyemail,
body#page-login-forgot_password #page fieldset#id_searchbyemail {
  display: none;
}

body#page-login-index #page fieldset .align-items-center,
body#page-login-forgot_password #page fieldset .align-items-center {
  /* display: none !important; */
}

body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername {
  display: block;
}

body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-3,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-9,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-3,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-9,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-3,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-9,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-3,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-9 {
  display: block !important;
  max-width: 100%;
  width: 100%;
}

body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-3 input,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-9 input,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-3 input,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-9 input,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-3 input,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-9 input,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-3 input,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-9 input {
  width: 100%;
}

body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-3 #id_username_label,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-9 #id_username_label,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-3 #id_username_label,
body#page-login-index #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-9 #id_username_label,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-3 #id_username_label,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_username .col-md-9 #id_username_label,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-3 #id_username_label,
body#page-login-forgot_password #page fieldset #id_searchbyusernamecontainer #fitem_id_submitbuttonusername .col-md-9 #id_username_label {
  font-weight: bold;
}

body#page-login-index #page-footer .btn-footer-popover,
body#page-login-forgot_password #page-footer .btn-footer-popover {
  background: #fff !important;
  color: #000000 !important;
}

body#page-mod-quiz-attempt #responseform .que .info {
  background: rgba(0, 0, 0, 0.4);
  border-color: #000;
  border-radius: 3px 0 0 3px;
  border-right: none;
  width: 10rem;
}

body#page-mod-quiz-attempt #responseform .que .content {
  margin: 0 0 0 10em;
}

body#page-mod-quiz-attempt #responseform .que .content .formulation {
  background: #000;
  border-color: #000;
  border-radius: 0;
}

body#page-mod-quiz-attempt #responseform .que .content .formulation .qtext {
  color: #000000 !important;
  font-family: "fuente-bold";
}

body#page-course-view-topics #cabecera-cursos {
  background: #f8f9fa;
  border-radius: 2rem;
  font-size: 0.9rem;
  margin: 1rem 1rem 2rem 1rem;
  padding: 1rem 1rem 1rem 1rem;
}

@media only screen and (max-width: 769px) {
  body#page-course-view-topics #cabecera-cursos {
    font-size: 0.8rem;
    margin: 1rem 0rem 2rem 0rem;
  }
}

body#page-course-view-topics #cabecera-cursos .row {
  width: 100%;
}

body#page-course-view-topics #cabecera-cursos .row span {
  color: #000000 !important;
  font-family: "fuente-bold";
}

body#page-course-view-topics .section .activity .activity-item .activity-instance .media-body .text-uppercase {
  display: none;
}

body#page-course-view-topics .section .activity .activity-item .activity-instance .media-body .activityname a {
  color: #242d31;
  font-family: "fuente-bold";
}

body#page-course-view-topics .section .activity .activity-item .activity-information .badge.alert-success {
  /* background: #6734e2;
  border-color: #6734e2; */
  background: #000000;
  border-color: #000000;
  color: #242d31;
}

body#page-course-view-topics .section .activity .activity-item .activity-information .badge strong i::before {
  content: none;
}

body#page-my-index .block_timeline h5 {
  display: none !important;
}

@media only screen and (max-width: 769px) {
  body#page-my-index .block_timeline .event-action {
    padding-left: 0;
  }
}

body#page-my-index .block_timeline button.btn-outline-secondary {
  background: rgba(36, 45, 49, 0.03);
  border: rgba(36, 45, 49, 0.05) solid 1px !important;
  color: #242d31;
  font-size: 0.9rem;
}

body#page-my-index .block_timeline #searchinput {
  background: rgba(36, 45, 49, 0.03);
  border: rgba(36, 45, 49, 0.05) solid 1px !important;
  color: #242d31;
  font-size: 0.9rem;
}

body#page-my-index .block_myoverview h5,
body#page-my-index .block_myoverview hr {
  display: none !important;
}

body#page-my-index .block_myoverview div[data-region="filter"] {
  border-radius: 5px !important;
  padding: 1rem 0;
}

body#page-my-index .block_myoverview div[data-region="filter"] button.btn-outline-secondary {
  background: rgba(36, 45, 49, 0.03);
  border: rgba(36, 45, 49, 0.05) solid 1px !important;
  color: #242d31;
  font-size: 0.9rem;
}

body#page-my-index .block_myoverview div[data-region="filter"] #searchinput {
  background: rgba(36, 45, 49, 0.03);
  border: rgba(36, 45, 49, 0.05) solid 1px !important;
  color: #242d31;
  font-size: 0.9rem;
}

@media only screen and (max-width: 769px) {
  body#page-my-index .block_myoverview div[data-region="filter"] {
    display: block !important;
  }
}

body#page-my-index .block_myoverview .course-summaryitem {
  background: rgba(36, 45, 49, 0.03);
  border: rgba(36, 45, 49, 0.07) solid 1px !important;
  border-radius: 5px !important;
  margin: 0 0 1rem 0;
}

body#page-my-index .block_myoverview .course-summaryitem .row {
  margin-right: -10px;
  margin-left: -10px;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-2,
body#page-my-index .block_myoverview .course-summaryitem .col-md-3 {
  width: 25%;
  max-width: 25%;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-2 .dashboard-list-img,
body#page-my-index .block_myoverview .course-summaryitem .col-md-3 .dashboard-list-img {
  height: 17rem;
}

@media only screen and (max-width: 769px) {

  body#page-my-index .block_myoverview .course-summaryitem .col-md-2,
  body#page-my-index .block_myoverview .course-summaryitem .col-md-3 {
    width: 100%;
    max-width: 100%;
  }
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 {
  max-width: 74%;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .coursename,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .coursename {
  color: #000000 !important;
  font-family: "fuente-bold";
  font-size: 1.1rem;
  padding: 1.5rem auto 1.5rem 14%;
}

@media only screen and (max-width: 769px) {

  body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .coursename,
  body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .coursename {
    font-size: 1rem;
  }
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .categoryname,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .categoryname {
  background: #e3e3e3;
  border-radius: 1rem;
  color: #878787;
  font-size: 0.7rem;
  margin: 0 0 1rem 0;
  padding: 0.2rem 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .categoryname::before,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .categoryname::before {
  content: "Cuenta: ";
  font-weight: bold;
}

@media only screen and (max-width: 769px) {

  body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .categoryname,
  body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .categoryname {
    font-size: 0.7rem;
  }
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .summary,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .summary {
  padding: 0.5rem 0 1rem 0;
  text-align: justify;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos {
  margin: 1.5rem auto;
  width: 80%;
}

@media only screen and (max-width: 769px) {

  body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos,
  body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos {
    margin: 1.5rem auto 1.5rem 14%;
  }
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .progreso-inicio .progress,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .progreso-inicio .progress {
  height: 0.3rem;
  background: #000;
  border-radius: 2rem;
  overflow: visible !important;
  position: relative !important;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .progreso-inicio .progress::after,
body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .progreso-inicio .progress::before,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .progreso-inicio .progress::after,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .progreso-inicio .progress::before {
  background: #fff;
  border: 4px solid #000000 !important;
  border-radius: 50%;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  top: -6px;
  width: 1rem;
  z-index: 1;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .progreso-inicio .progress::after,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .progreso-inicio .progress::after {
  border: 4px solid #000 !important;
  left: auto;
  right: 0;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .progreso-inicio .progress .progress-bar,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .progreso-inicio .progress .progress-bar {
  animation: animate-positive 1s;
  background: #000000 !important;
  border: none;
  border-radius: 15px;
  box-shadow: none;
  overflow: visible;
  position: relative;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .progreso-inicio .progress .progress-value,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .progreso-inicio .progress .progress-value {
  background: #fff;
  border: 3px solid #000000 !important;
  border-radius: 2rem;
  color: #000000 !important;
  height: 1.3rem;
  font-size: 0.7rem;
  font-weight: bold;
  line-height: 1.1rem;
  position: absolute;
  top: -0.5rem;
  right: -1rem;
  width: 2.8rem;
  z-index: 2;
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .coursemenubtn,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .coursemenubtn {
  opacity: 0.5;
}

body#page-my-index .block_myoverview .course-summaryitem .col-md-9 .herramientas-cursos .coursemenubtn:hover,
body#page-my-index .block_myoverview .course-summaryitem .col-md-10 .herramientas-cursos .coursemenubtn:hover {
  opacity: 1;
}

@media only screen and (max-width: 769px) {

  body#page-my-index .block_myoverview .course-summaryitem .col-md-9,
  body#page-my-index .block_myoverview .course-summaryitem .col-md-10 {
    width: 100%;
    max-width: 100%;
  }
}

body#page-mod-customcert-view div[role="main"] {
  padding: 2rem 0;
  text-align: center;
}

body#page-mod-customcert-view div[role="main"] h3 {
  font-size: 1rem;
  padding: 3rem 0 0 0;
}

body.pagelayout-incourse #region-main-box #region-main {
  max-width: 830px;
  margin: 0 auto;
}

body.pagelayout-incourse #region-main-box #region-main h2 {
  display: none;
}

body.rol-administrador .editmode-switch-form {
  display: flex !important;
}

body.rol-administrador #usernavigation .divider {
  display: block !important;
}

/*# sourceMappingURL=vansa.min.css.map */

/* a {
  color: #6734e2 !important;
} */

/* .nav-link {
  color: #fff !important;
}*/

.primary-navigation nav ul li a[role="menuitem"] {
  color: #fff !important;
}

a[aria-current="page"] {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

#course-category-listings .listitem[data-selected="1"] {
  border-left: calc(1px + 5px) solid #000000 !important;
}

.moremenu .nav-link.active {
  border-bottom-color: #000000 !important;
}

.form-control:focus {
  border-color: #000000 !important;
}