@charset "UTF-8";
/* VARIABLES DEL CLIENTE */
/* VARIABLES DEL CLIENTE */
/* LAS VARIABLES QUE SE DECLARAN A CONTINUACION NO HAY QUE MODIFICARLAS */
/* Variables Moove */
/* Variables Boost */
/* DEFINICION DE FUNCIONES */
/* DEFINICION DE FUNCIONES MIXINS*/
/* THEME BOOST */
/* REGLAS Theme Boost/bootstrap --> _buttons.scss */
.btn {
  color: #212529;
  background-color: transparent;
}
.btn:hover {
  color: #212529;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(1, 71, 83, 0.25);
}
.btn-primary {
  color: #fff;
  background-image: none;
  background-color: #014753;
  border-color: #014753;
}
.btn-primary:hover {
  color: #fff;
  background-color: #01272d;
  border-color: #001c21;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #01272d;
  border-color: #001c21;
  box-shadow: 0 0 0 0.2rem rgba(39, 99, 109, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #014753;
  border-color: #014753;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn-primary.disabled:focus, .btn-primary:disabled:focus, .btn-primary.disabled:active, .btn-primary:disabled:active {
  background-color: #014753;
  border-color: #014753;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #001c21;
  border-color: #001114;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(39, 99, 109, 0.5);
}
.btn-secondary {
  color: #fff;
  background-image: none;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover, .btn-secondary.disabled:focus, .btn-secondary:disabled:focus, .btn-secondary.disabled:active, .btn-secondary:disabled:active {
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
  color: #fff;
  background-image: none;
  background-color: #64a44e;
  border-color: #64a44e;
}
.btn-success:hover {
  color: #fff;
  background-color: #548a42;
  border-color: #4f813e;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #548a42;
  border-color: #4f813e;
  box-shadow: 0 0 0 0.2rem rgba(123, 178, 105, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #64a44e;
  border-color: #64a44e;
}
.btn-success.disabled:hover, .btn-success:disabled:hover, .btn-success.disabled:focus, .btn-success:disabled:focus, .btn-success.disabled:active, .btn-success:disabled:active {
  background-color: #64a44e;
  border-color: #64a44e;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #4f813e;
  border-color: #4a7939;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(123, 178, 105, 0.5);
}
.btn-info {
  color: #fff;
  background-image: none;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info.disabled:hover, .btn-info:disabled:hover, .btn-info.disabled:focus, .btn-info:disabled:focus, .btn-info.disabled:active, .btn-info:disabled:active {
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  color: #212529;
  background-image: none;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning.disabled:hover, .btn-warning:disabled:hover, .btn-warning.disabled:focus, .btn-warning:disabled:focus, .btn-warning.disabled:active, .btn-warning:disabled:active {
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-image: none;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger.disabled:hover, .btn-danger:disabled:hover, .btn-danger.disabled:focus, .btn-danger:disabled:focus, .btn-danger.disabled:active, .btn-danger:disabled:active {
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  color: #212529;
  background-image: none;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light.disabled:hover, .btn-light:disabled:hover, .btn-light.disabled:focus, .btn-light:disabled:focus, .btn-light.disabled:active, .btn-light:disabled:active {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
  color: #fff;
  background-image: none;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark.disabled:hover, .btn-dark:disabled:hover, .btn-dark.disabled:focus, .btn-dark:disabled:focus, .btn-dark.disabled:active, .btn-dark:disabled:active {
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #014753;
  border-color: #014753;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #014753;
  border-color: #014753;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 71, 83, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #014753;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #014753;
  border-color: #014753;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 71, 83, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #64a44e;
  border-color: #64a44e;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #64a44e;
  border-color: #64a44e;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 164, 78, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #64a44e;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #64a44e;
  border-color: #64a44e;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 164, 78, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  color: #014753;
}
.btn-link:hover {
  color: #000607;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
/* REGLAS Theme Boost/bootstrap --> _pagination.scss */
.page-link {
  color: #014753;
  background-color: #fff;
  border-color: #dee2e6;
}
.page-link:hover {
  color: #000607;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-item.active .page-link {
  color: #fff;
  background-color: #014753;
  border-color: #014753;
}
.page-item.disabled .page-link {
  color: #6c757d;
  background-color: #fff;
  border-color: #dee2e6;
}
/* REGLAS Theme Boost/bootstrap --> _progress.scss */
.progress {
  background-color: #e9ecef;
}
.progress-bar {
  color: #fff;
  background-color: #014753;
}
/* REGLAS Theme Boost/bootstrap --> _reboot.scss */
a {
  color: #014753;
}
a:hover {
  color: #000607;
}
/* REGLAS Theme Boost/moodle --> calendar.scss */
.maincalendar .calendarmonth td.today .day-number-circle {
  color: #fff;
  background-color: #014753;
}
.maincalendar .calendarmonth .clickable:hover {
  background-color: #ededed;
}
.maincalendar .calendar_event_category:hover a, .maincalendar .calendar_event_course:hover a, .maincalendar .calendar_event_site:hover a, .maincalendar .calendar_event_group:hover a, .maincalendar .calendar_event_user:hover a {
  color: #000607;
}
/* REGLAS Theme Boost/moodle --> course.scss */
.section .activity .stealth {
  color: #6c757d;
}
.section .activity a.stealth, .section .activity a.stealth:hover {
  color: #03b3d1 !important;
  /* stylelint-disable-line declaration-no-important */
}
/* REGLAS Theme Boost/moodle --> question.scss */
.que .outcome a, .que .comment a {
  color: black;
}
#page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #014753;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #000607;
}
a#hidebankcmd {
  color: #014753;
}
/* THEME MOOVE */
/* REGLAS Theme Moove --> _blocks.scss */
.dashboard-card .dashboard-card-img .course-category {
  background-color: #014753;
  color: #fff;
}
.dashboard-card .dashboard-card-img .course-category span.categoryname {
  color: #fff;
}
.block .block-cards .dashboard-card-footer.menu .btn.btn-link.btn-icon {
  background-color: #014753;
  color: #fff;
}
/* REGLAS Theme Moove --> _drawers.scss */
.drawer-toggles .drawer-toggler .btn {
  background-color: #014753;
  color: #fff;
}
.drawer-toggles .drawer-toggler .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 71, 83, 0.25);
}
/* REGLAS Theme Moove --> _footer.scss */
#page-footer {
  background-color: #282829;
  color: #fff;
}
#page-footer a:not(.btn) {
  color: #fff;
}
#page-footer .contactsitesupport {
  border: 1px solid #fff;
  color: #fff;
}
#page-footer .popover.footer .popover-body .footer-section {
  color: #1d2125;
}
#page-footer .popover.footer .popover-body .footer-section a {
  color: #1d2125;
}
#page-footer .socialnetworks ul li a, #page-footer .contact ul li a {
  color: #fff;
}
#page-footer .socialnetworks ul li a.website, #page-footer .contact ul li a.website {
  background-color: #014753;
}
#page-footer .socialnetworks ul li a.website:hover, #page-footer .contact ul li a.website:hover {
  background-color: black;
}
#page-footer .socialnetworks ul li a.mobile, #page-footer .contact ul li a.mobile {
  background-color: #014753;
}
#page-footer .socialnetworks ul li a.mobile:hover, #page-footer .contact ul li a.mobile:hover {
  background-color: black;
}
#page-footer .socialnetworks ul li a.mail, #page-footer .contact ul li a.mail {
  background-color: #014753;
}
#page-footer .socialnetworks ul li a.mail:hover, #page-footer .contact ul li a.mail:hover {
  background-color: black;
}
#page-footer .copyright {
  background-color: orange;
  color: #fff;
}
#page-footer .footer-info-cliente {
  background: #014753;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  #page-footer .footer-info-cliente > .d-flex {
    flex-direction: column;
    text-align: center;
  }
}
/* REGLAS Theme Moove --> _frontpage.scss */
.pagelayout-frontpage .dashboard-card .enrolmenticons .enrolmenticon, .pagelayout-coursecategory .dashboard-card .enrolmenticons .enrolmenticon {
  background-color: #fff;
  color: #014753;
}
.pagelayout-frontpage .dashboard-card .course-contacts .contact img, .pagelayout-coursecategory .dashboard-card .course-contacts .contact img {
  border: 1px solid #dee2e6;
}
.pagelayout-frontpage .dashboard-card .course-contacts .contact p.role, .pagelayout-coursecategory .dashboard-card .course-contacts .contact p.role {
  color: #212529;
}
#page-site-index.notloggedin #mooveslideshow .carousel-indicators {
  background-color: rgba(0, 0, 0, 0.6);
}
#page-site-index.notloggedin #mooveslideshow .carousel-caption {
  background-color: rgba(0, 0, 0, 0.6);
}
#page-site-index.notloggedin #feature {
  background-color: #f1f6fd;
}
#page-site-index.notloggedin #feature .card {
  border: 1px solid #e2e8f0;
}
#page-site-index.notloggedin #numbers .user-rating-box-area .rate-box {
  box-shadow: 0 6px 0 rgba(23, 135, 252, 0.65);
}
#page-site-index.notloggedin #numbers .user-rating-box-area .rate-box.bg-primary {
  background-color: #1787fc !important;
}
#page-site-index.notloggedin #numbers .user-rating-box-area .rate-box.bg-cloudburst {
  background-color: #213053;
}
#page-site-index.notloggedin #numbers .user-rating-box-area .rate-box h3 {
  color: #fff;
}
#page-site-index.notloggedin #numbers .user-rating-box-area .rate-box p {
  color: #fff;
}
#page-site-index.notloggedin #numbers .user-rating-box-area .rate-box-2 {
  box-shadow: 0 6px 0 rgba(33, 48, 83, 0.65);
}
#page-site-index.notloggedin #topofscroll {
  background-color: #f1f6fd;
}
#page-site-index.notloggedin #topofscroll #page-content, #page-site-index.notloggedin #topofscroll #region-main {
  background-color: #f1f6fd;
}
#page-site-index.notloggedin #topofscroll #faq {
  padding: 4rem 0;
}
#page-site-index.notloggedin #topofscroll #faq .accordion {
  width: 100%;
}
#page-site-index.notloggedin #topofscroll #faq .accordion .card .card-header {
  background-color: #014753;
}
#page-site-index.notloggedin #topofscroll #faq .accordion .card .card-header .btn-link {
  color: #fff;
}
/* REGLAS Theme Moove --> _general.scss */
body {
  background-color: #f2f3f7 !important;
  /* stylelint-disable-line */
}
.card {
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}
a {
  color: #014753;
}
.dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
  background-color: #001c21;
}
.shadow {
  box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.13) !important;
}
/* REGLAS Theme Moove --> _mydashboard.scss */
#page-my-index.page-mycourses .header-actions-container .header-action .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  background-color: #014753;
}
#page-my-index.page-mycourses .header-actions-container .header-action .btn-group > .btn:not(:last-child):not(.dropdown-toggle):hover {
  background-color: #001c21;
}
#page-my-index.page-mycourses .header-actions-container .header-action .btn-group > .btn:not(:last-child):not(.dropdown-toggle) .text-dark {
  color: #fff !important;
}
/* REGLAS Theme Moove --> _navbar.scss */
.secondary-navigation {
  background-color: #272C33;
}
.secondary-navigation .moremenu {
  background-color: inherit;
}
.secondary-navigation .moremenu .nav-tabs {
  background-color: inherit;
}
.secondary-navigation .moremenu .nav-tabs .nav-link:hover, .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
  background-color: #001c21;
}
.popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container .unread-count-container .badge {
  background-color: #014753;
}
/* Definición de variables */
/* Estilos para añadir reglas de bootstrap de versiones superiores a la instalada actualmente 3.3.7 */
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.m-0 {
  padding: 0px !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.ml-auto {
  margin-left: auto;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}
.p-0 {
  padding: 0px !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.fs-1 {
  font-size: 2.5rem !important;
}
.fs-2 {
  font-size: 2rem !important;
}
.fs-3 {
  font-size: 1.75rem !important;
}
.fs-4 {
  font-size: 1.5rem !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.w-25 {
  width: 25%;
}
.w-50 {
  width: 50%;
}
.w-75 {
  width: 75%;
}
.w-100 {
  width: 100%;
}
.w-auto {
  width: auto;
}
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}
.d-flex.align-items-center {
  align-items: center;
}
.d-flex.justify-content-between {
  justify-content: space-between;
}
.d-flex.justify-content-center {
  justify-content: center;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-column {
  flex-direction: column !important;
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
}
/* Estilos de fondo para el Body de nuestras ventanas */
body.custom {
  background-color: #ffffff !important;
}
/*Blind y paneles flotantes*/
#blind {
  z-index: 1000;
  background-color: #333;
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 0px;
  left: 0px;
}
.panelFlotante {
  z-index: 1001;
  position: fixed;
  padding: 10px;
  width: 35vw;
  height: 250px;
  min-width: 340px;
  max-width: 440px;
  box-sizing: border-box;
  top: calc(50vh - 125px);
  left: calc(50vw - 170px);
  background-color: white;
  border: 2px solid #666;
  box-shadow: 0px 0px 20px #333;
}
.panelFlotante.fullscreen {
  width: 95%;
  height: 95%;
  min-width: inherit;
  max-width: inherit;
  top: 2.5%;
  left: 2.5%;
}
.panelFlotante.cargando {
  height: auto;
  padding: 10px 30px;
}
.panelFlotante.cargando .fa {
  margin-right: 3rem;
  color: #027285;
  font-size: 4rem;
  vertical-align: middle;
}
/* Es un panel flotante mejorado con respecto al anterior */
.panel-flotante {
  position: fixed;
  min-width: 300px;
  width: 50vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  text-align: left;
  z-index: 1002;
}
.panel-flotante .pf-header {
  padding: 15px;
  background-color: #014753;
  border-radius: 6px 6px 0px 0px;
  display: flex;
  align-items: center;
}
.panel-flotante .pf-title {
  width: 100%;
  margin: 0px;
  font-size: 1.4em;
  color: white;
}
.panel-flotante .btn-close {
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}
.panel-flotante .btn-close .icono {
  opacity: 1;
  margin: 0px;
  color: white;
}
.panel-flotante .btn-close .icono:hover {
  color: rgba(255, 255, 255, 0.8);
}
.panel-flotante .pf-body {
  padding: 4rem;
}
.panel-flotante .pf-body .icono {
  margin-right: 0.5rem;
  vertical-align: middle;
}
#div_videos_reutilizables.panel-flotante {
  width: 95vw;
  min-width: auto;
}
@media (max-width: 767px) {
  .panel-flotante {
    width: 95vw;
    min-width: auto;
  }
  .panel-flotante .pf-body {
    padding: 3rem 1rem;
  }
}
/*Tablas*/
.custom .contenedor-scroll {
  overflow: auto;
  max-height: 70vh;
  position: relative;
}
.custom table {
  border: none;
}
.custom table thead tr.cabecera1 {
  background-color: #343a40;
  color: white;
  font-size: 1.4rem;
}
.custom table thead tr th, .custom table thead tr td {
  vertical-align: middle;
  border: 1px solid #ffffff;
  line-height: 1.3em;
  font-weight: bold;
  padding: 8px;
}
.custom table tbody tr td {
  vertical-align: middle;
  border: 0px;
  border-top: 1px solid #ddd;
  padding: 4px;
  font-size: 1.3rem;
  line-height: 1.2em;
}
.custom table tbody > tr:nth-child(odd) > td {
  background-color: #f2f2f2;
}
.custom table th.center, .custom table td.center {
  text-align: center;
}
.custom table th.left, .custom table td.left {
  text-align: left;
}
.custom table th.right, .custom table td.right {
  text-align: right;
}
.custom table th.nowrap, .custom table td.nowrap {
  white-space: nowrap;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom table tbody tr:hover > td {
  background-color: #cfdadc;
}
.custom table tbody tr:hover > td a {
  background-color: transparent !important;
}
.custom table tbody tr.selected-row > td {
  background-color: greenyellow;
}
.custom table td .accion {
  margin-right: 5px;
  margin-left: 5px;
}
.custom .icono {
  font-size: 1.4em;
}
.custom .icono.accion {
  color: #014753;
  cursor: pointer;
}
.custom .icono.accion:hover {
  color: #000607;
}
.custom .icono.disabled, .custom .icono.accion.disabled, .custom .icono.accion.disabled:hover {
  color: #999999;
  cursor: not-allowed;
}
/* Ordenación en tablas */
.custom table.tablesorter thead tr th.tablesorter-header {
  cursor: pointer;
}
.custom table.tablesorter thead tr th.tablesorter-header.sorter-false {
  cursor: initial;
}
.custom table.tablesorter thead tr th.tablesorter-headerDesc, .custom table.tablesorter thead tr th.tablesorter-headerAsc {
  background-color: #02889f;
}
.custom table.tablesorter thead tr th .tablesorter-header-inner {
  display: inline;
}
.custom table.tablesorter thead tr th.tablesorter-headerDesc:after, .custom table.tablesorter thead tr th.tablesorter-headerAsc:after, .custom table.tablesorter thead tr th.tablesorter-header:after {
  font-family: "Font Awesome 5 Pro";
  margin: 0px 0px 0px 5px;
}
.custom table.tablesorter thead tr th.tablesorter-header:after {
  content: "";
}
.custom table.tablesorter thead tr th.tablesorter-header.sorter-false:after {
  content: none;
}
.custom table.tablesorter thead tr th.tablesorter-headerDesc:after {
  content: "";
}
.custom table.tablesorter thead tr th.tablesorter-headerAsc:after {
  content: "";
}
/*Filtro búsqueda tablesorter*/
.custom table.wgfiltrado tr.tablesorter-filter-row td {
  padding: 0px;
  text-align: center;
}
.custom table.wgfiltrado tr.tablesorter-filter-row td input.tablesorter-filter {
  width: calc(100% - 10px);
  box-sizing: border-box;
  height: 2em;
  margin: 5px 0px;
}
.tablesorter-filter-row {
  background-color: white;
}
.custom table.wgfiltrado tr.tablesorter-filter-row input[type="search"] {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  font-size: 1em;
  line-height: 1em;
  border-radius: 4px;
  font-weight: 400;
  padding: 4px 6px;
}
/*Label y Badges*/
.label {
  font-size: 90%;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
  padding: 0.4rem 1rem;
  line-height: 1.4rem;
}
.label > .icono {
  margin-left: 0.6rem !important;
  margin-right: 0px !important;
  font-size: 1.6rem;
}
.label > .icono.accion {
  color: white !important;
  font-size: 1.4rem;
}
.label > .icono.accion:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-danger {
  background-color: #d9534f;
}
/* Ventana Modal */
.custom .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0px;
}
.custom .modal-header {
  background-color: #014753;
  border-bottom: none;
}
.custom .modal-header .modal-title {
  color: white;
  font-size: 1.4em;
}
.custom .modal-header .close {
  margin-top: 6px;
  opacity: 1;
  box-shadow: none;
  text-shadow: 0 1px 0 #fff;
  margin: -0.5rem -1rem -1rem auto;
  margin-right: 0rem;
  padding: 1rem;
}
.custom .modal-header .close .icono {
  color: white;
  margin: 0px;
  font-size: inherit;
}
.custom .modal-header .close .icono:hover {
  color: rgba(255, 255, 255, 0.8);
}
.custom .modal-body {
  padding: 3rem;
}
.custom .modal-footer {
  padding: 3rem;
  padding-top: 0px;
  border-top: none;
  text-align: center;
}
@media (max-width: 767px) {
  .custom .modal-dialog {
    width: 95vw;
  }
  .custom .modal-body {
    padding: 3rem 2rem;
  }
  .custom .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* Módulo WebCamRecorder*/
#mod-webcam-recorder {
  /*max-width: 1200px;*/
  max-width: 95%;
  margin: 0px auto;
  font-family: "Poppins", sans-serif;
}
#mod-webcam-recorder ul#nav-pestanas {
  margin: 0px;
  padding: 0px;
  border-bottom: solid 1px #d9d9d9;
  margin-bottom: 1rem;
}
#mod-webcam-recorder ul#nav-pestanas li {
  display: inline-block;
  list-style: none;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #343a40;
  background-color: #343a40;
  box-shadow: 0 3px 2px #4b545c inset;
  text-shadow: none;
  color: #fff;
  cursor: pointer;
  margin-right: 0.3rem;
  padding: 6px 1rem;
  margin-bottom: -1px;
  font-size: 1em;
}
#mod-webcam-recorder ul#nav-pestanas li.selected {
  border: 1px solid #000607;
  background-color: #000607;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  cursor: default;
}
#mod-webcam-recorder ul#nav-pestanas li:hover {
  border: 1px solid #000607;
  background-color: #000607;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  cursor: pointer;
}
#mod-webcam-recorder ul#nav-pestanas li.selected:hover {
  border: 1px solid #000607;
  background-color: #000607;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  text-decoration: none;
  cursor: default;
}
/*Estilos comunes botoneras Pestañas mod-webcam-recorder*/
#mod-webcam-recorder .player-container {
  border: 2px solid #000;
}
#mod-webcam-recorder .botonera-player {
  list-style: none;
  padding-left: 0px;
  margin: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #000;
  width: 100%;
  padding: 0.8rem 1rem;
}
#mod-webcam-recorder .botonera-player.botonera-flotante {
  position: absolute;
  width: calc(100% - 3rem);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
}
#mod-webcam-recorder .botonera-player > li {
  padding: 0px 1rem;
  color: #fff;
}
#mod-webcam-recorder .botonera-player > li span.item {
  display: block;
  line-height: 2rem;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1px 8px;
  text-align: center;
  margin-right: 0.4rem;
}
#mod-webcam-recorder .botonera-player > li form {
  margin: 0px;
}
#mod-webcam-recorder .botonera-player > li.check_audio {
  font-size: 1.8rem;
  margin-bottom: -2px;
}
#mod-webcam-recorder .botonera-player > li.check_audio .fa-microphone-slash {
  color: orange;
  cursor: pointer;
}
#mod-webcam-recorder .botonera-player > li.check_audio .fa-microphone {
  color: red;
  cursor: pointer;
}
#mod-webcam-recorder .botonera-player > li.check_audio .fa-microphone.disabled, #mod-webcam-recorder .botonera-player > li.check_audio .fa-microphone-slash.disabled {
  color: #999999;
  cursor: initial;
}
#mod-webcam-recorder .estado.off {
  background-color: #093;
  color: #fff;
}
#mod-webcam-recorder .estado.on {
  background-color: #c00;
  color: #fff;
  min-height: 22px;
  min-width: 22px;
  border-radius: 100% !important;
  transform: scale(1);
  animation: pulse 1s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.4);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    transform: scale(0.8);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  100% {
    transform: scale(0.4);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}
#mod-webcam-recorder .botonera-player .contador_tiempo {
  background-color: #929292;
  color: white;
  margin-left: -1.6rem;
  min-width: 55px;
}
#mod-webcam-recorder .botonera {
  margin: 0px;
  padding: 0px;
}
#mod-webcam-recorder .botonera.center {
  text-align: center;
}
#mod-webcam-recorder .botonera ul {
  text-align: left;
}
#mod-webcam-recorder .botonera.inline {
  display: inline-block;
}
#mod-webcam-recorder .botonera li {
  list-style: none;
  margin: 15px 0.5rem;
}
#mod-webcam-recorder .botonera.horizontal li {
  display: inline-block;
  margin: 0.5rem;
}
#mod-webcam-recorder .botonera input[type="button"], #mod-webcam-recorder .botonera input[type="submit"] {
  width: 100%;
  min-width: 100px;
  max-width: 220px;
  padding: 5px 2rem;
  font-size: 1em;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  background-color: #014753;
  border: 1px solid #014753;
  box-shadow: 0px 3px 3px #027285 inset;
}
#mod-webcam-recorder .botonera input[type="button"]:hover, #mod-webcam-recorder .botonera input[type="submit"]:hover {
  background-color: #000607;
  border: 1px solid #000607;
  color: #fff;
  box-shadow: none;
  cursor: hand;
}
#mod-webcam-recorder .botonera input[type="button"]:disabled, #mod-webcam-recorder .botonera input[type="button"]:hover:disabled, #mod-webcam-recorder .botonera input[type="submit"]:disabled, #mod-webcam-recorder .botonera input[type="submit"]:hover:disabled {
  color: #999999;
  background-color: #d5d5d5;
  border: 1px solid #cbcbcb;
  box-shadow: none;
  cursor: auto;
}
#mod-webcam-recorder .botonera .btn .icono {
  margin-right: 0.8rem;
  vertical-align: middle;
}
#mod-webcam-recorder .progress {
  display: none;
  position: relative;
  width: 400px;
  max-width: 100%;
  border: 1px solid #9d9d9d;
  padding: 12px;
  border-radius: 3px;
  margin: 0px auto;
}
#mod-webcam-recorder .progress .bar {
  background-color: #00d700;
  width: 0%;
  height: 20px;
  border-radius: 3px;
  margin-top: -9px;
}
#mod-webcam-recorder .progress .percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%;
}
/* Pestaña Grabacion Video*/
#mod-webcam-recorder #div_tab_grabar #inner_grabar_video {
  padding: 0px;
}
/* Pestaña Añadir Audio*/
#mod-webcam-recorder #div_tab_add_audio #inner_add_audio {
  padding: 0px;
}
#mod-webcam-recorder #div_tab_add_audio .botonera-player #check_audio_aa {
  cursor: inherit;
}
/* Pestaña Subida */
#mod-webcam-recorder #div_tab_subir .contenedor {
  padding: 0px 2rem;
}
/* Pestaña Mis Videos */
#mod-webcam-recorder #div_tab_mis_videos {
  padding-top: 10px;
  margin: 1rem;
}
#mod-webcam-recorder #div_tab_mis_videos label {
  margin-right: 0.5em;
}
#mod-webcam-recorder #div_tab_mis_videos select#cursos {
  width: 100%;
  padding: 3px 0px;
}
#mod-webcam-recorder #div_tab_mis_videos #msg {
  margin-top: 20px;
}
#mod-webcam-recorder #div_tab_mis_videos #tabla_videos {
  margin: 20px 0px;
  overflow: auto;
}
#mod-webcam-recorder #div_tab_mis_videos #tabla_videos table {
  width: 100%;
  max-width: 100%;
}
/*Nota Personal*/
#mod-webcam-recorder .nota_personal textarea {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5rem;
  resize: none;
}
#mod-webcam-recorder .nota_personal .nota_personal_div {
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding: 0.5rem 0px;
}
/*Selector de etiquetas*/
#mod-webcam-recorder .etiqueta.label {
  text-align: left;
  padding: 0.6rem 1rem;
}
#mod-webcam-recorder #div_gestion_etiquetas #div_new_etiqueta label {
  flex: 0 0 auto;
  margin-right: 1rem;
  margin-bottom: 0px;
}
#mod-webcam-recorder #div_gestion_etiquetas #div_new_etiqueta input {
  flex: 1;
}
#mod-webcam-recorder #div_gestion_etiquetas #div_new_etiqueta button {
  flex: 0 0 auto;
  margin-left: 1rem;
}
#mod-webcam-recorder #div_gestion_etiquetas #div_lista_etiquetas {
  list-style: none;
  padding: 1rem;
  margin: 0px;
  border: 1px solid #c6c6c6;
  max-height: 200px;
  overflow-y: scroll;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  #btn_volver_selector {
    width: auto;
    /* Ancho automático en pantallas de PC */
  }
}
@media (max-width: 767px) {
  #div_new_etiqueta {
    flex-direction: column;
  }
  #div_new_etiqueta button {
    margin-left: 0rem !important;
  }
  #div_new_etiqueta label, #div_new_etiqueta input, #div_new_etiqueta .botonera {
    width: 100%;
    margin: 0.5rem 0 !important;
  }
}
/*Fin estilos Selector de etiquetas */
/* Estilos para contenedor de video y silueta */
@keyframes siluetaAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* Esto establece la relación de aspecto 16:9 para el video */
  overflow: hidden;
}
.video-container .video-responsive {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* Cambia object-fit a "contain" para que el video se ajuste al contenedor */
  background-color: #fff;
  box-sizing: border-box;
}
.silueta {
  background-image: url(/modevo/imagenes/silueta-usuario.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* Usa "contain" para que la silueta se ajuste al contenedor sin desbordarlo */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: siluetaAnimation 1.5s infinite;
}
.info_version_navegador {
  color: white;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
}
/* Estilos caja comentarios y nota personal (EXPANDIBLES): Forzar que el tamaño se ajuste en función de si está expandido o contraido.*/
.expandable-area {
  display: block;
  min-height: 34px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.expandable-area:focus-within {
  height: auto !important;
}
.expandable-area .emojionearea {
  border: none;
}
.expandable-area.collapsing {
  min-height: 34px !important;
}
.expandable-area.collapse .emojionearea .emojionearea-editor, .expandable-area.collapse .nota_personal_div {
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
  overflow: hidden !important;
}
.expandable-area.collapse.in .emojionearea .emojionearea-editor, .expandable-area.collapsing .emojionearea .emojionearea-editor, .expandable-area.collapse .emojionearea .emojionearea-editor:focus, .expandable-area.collapse.in .nota_personal_div, .expandable-area.collapsing .nota_personal_div {
  min-height: 32px !important;
  max-height: none !important;
  height: auto !important;
  overflow: auto !important;
}
.fa-circle-minus.collapsed::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "" !important;
}
/* Estilos específicos contenedor de video para orientación vertical en dispositivos móviles */
@media (max-width: 767px) and (orientation: portrait) {
  /* OPCIÓN 1: En dispositivos móviles en vertical hacemos que el alto del vídeoocupe todo el alto el alto necesario para que
                 NO aparezcan bordes blanco en el lateral. Esto supone que el vídeo puede ser demasiado alto y no se visualicen
                 los botones de grabar en la pantalla y sea necesario bajar. */
  /* OPCIÓN 2: En dispositivos móviles en vertical hacemos que el alto del vídeo sea más pequeño aunque esto suponga
                que en los laterales aparecen espacios en blanco. */
  /*
    .video-container{
        height: calc(60vw * 16 / 9);
    .video-container .video-responsive {
        height: calc(60vw * 16 / 9);
    }
    .silueta {
        background-size: 120vw auto;
    }
    */
  .video-container {
    padding-bottom: 177.78%;
    /* Esto establece la relación de aspecto 9:16 para el video en orientación vertical */
  }
  .silueta {
    background-size: 185% auto;
    /* Cambia el tamaño de la silueta y agrega márgenes */
  }
}
/* Estilos específicos para contenedor de video en orientación horizontal en dispositivos móviles */
@media (max-width: 767px) and (orientation: landscape) {
  .video-container {
    padding-bottom: 56.25%;
    /* Esto restablece la relación de aspecto 16:9 para el video en orientación horizontal */
  }
}
/* ESTILOS MÓDULO - assign-submission (Entrega) */
body#mod-assign-submission {
  margin: 0px;
  font-family: "Poppins", sans-serif;
  padding: 0.8rem 0px;
}
body#mod-assign-submission.oculto {
  background-color: transparent;
}
#mod-assign-submission #mod-webcam-recorder {
  padding: 0px;
  max-width: 100%;
  min-width: auto;
}
#mod-assign-submission h1 {
  font-size: 2.3rem;
  border-bottom: 1px solid;
  margin-bottom: 3rem;
}
#mod-assign-submission #inner_grabar_video_asov {
  width: 80%;
  margin: 0 auto;
}
#mod-assign-submission #mod-webcam-recorder .progress {
  display: block;
}
@media (max-width: 767px) and (orientation: portrait) {
  #mod-assign-submission #inner_grabar_video_asov {
    width: 95%;
  }
}
/* Contenido del Frame assign-submission-summary*/
body#mod-assign-submission.mod-assign-submission-summary {
  padding: 1rem 0px;
}
#mod-assign-submission.mod-assign-submission-summary #inner_grabar_video_asov {
  width: 100%;
}
#mod-assign-submission.mod-assign-submission-summary .mediaplugin.mediaplugin_vimeo {
  display: block;
  margin: 0px;
}
#mod-assign-submission.mod-assign-submission-summary .mediaplugin.mediaplugin_vimeo > iframe {
  width: 100%;
  height: 400px;
}
/* ESTILOS MÓDULO - assign-feedback_evo_video (Corrección) */
body#mod-assign-feedback {
  margin: 0px;
  font-family: "Poppins", sans-serif;
}
#mod-assign-feedback #mod-webcam-recorder {
  padding: 4rem 0rem;
  min-width: 250px;
}
#mod-assign-feedback h1 {
  font-size: 2.3rem;
  border-bottom: 1px solid;
  margin-bottom: 3rem;
}
#mod-assign-feedback #mod-webcam-recorder .progress {
  display: block;
}
#mod-assign-feedback .player-container.activo {
  outline: 2px solid greenyellow !important;
  border: 2px solid greenyellow !important;
}
#mod-assign-feedback .sin-audio {
  margin: 0px 0.9rem;
}
#mod-assign-feedback #div_blind_show_asov {
  z-index: 1000;
  background-color: #333;
  height: calc(100% - 6px);
  width: 100%;
  position: absolute;
  opacity: 0.6;
}
/* Comunes a #mod-assign-feedback y #mod-assign-submission */
#mod-assign-feedback .info_botonera, #mod-assign-submission .info_botonera {
  text-align: center;
  vertical-align: middle;
}
#mod-assign-feedback .info_botonera .icono, #mod-assign-submission .info_botonera .icono {
  color: #17a2b8;
  font-size: 2rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}
#mod-assign-feedback .panel_mensaje_video, #mod-assign-submission .panel_mensaje_video {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 315px;
  text-align: center;
  padding: 4rem;
  background-color: #eeeeee;
  border: 1px solid #848484;
}
#mod-assign-feedback .panel_mensaje_video .icono-grande, #mod-assign-submission .panel_mensaje_video .icono-grande {
  font-size: 10rem;
}
#mod-assign-feedback .panel_mensaje_video .texto-msg, #mod-assign-submission .panel_mensaje_video .texto-msg {
  font-weight: 600;
  color: red;
  margin-top: 2rem;
}
#mod-assign-feedback .fa-spin, #mod-assign-submission .fa-spin {
  animation: spinner 1s linear infinite;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
#mod-assign-feedback .form-control, #mod-assign-submission .form-control {
  margin: 0.6rem 0px;
}