/*------------------------------------
   ?INSTALACIÓN DE FUENTES
------------------------------------*/

@font-face {
    font-family: 'Sansation';
    src: url('[[font:theme|Sansation-Regular.woff2]]') format('woff2'), url('[[font:theme|Sansation-Regular.woff]]') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation';
    src: url('[[font:theme|Sansation-Bold.woff2]]') format('woff2'), url('[[font:theme|Sansation-Bold.woff]]') format('woff');
    font-weight: bold;
    font-style: normal;
}






/*------------------------------------
   ?VARIABLES
------------------------------------*/

:root {
    --primary: #ff671b;
    --primary-color-100: #fff0e8;
    --primary-color-200: #ffe1d1;
    --primary-color-300: #ffd1bb;
    --primary-color-400: #ffb38d;
    --primary-color-500: #ff8549;
    --primary-color-600: #ff671b;
    --primary-color-700: #993e10;
    --primary-color-800: #80340e;
    --primary-color-900: #4d1f08;
    --secondary: #575967;
    --highlight: #ffbd2e;
}






/*------------------------------------
   ?AJUSTES GENERALES
------------------------------------*/

img {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}






/*------------------------------------
   ?ELEMENTS COLORS
------------------------------------*/

:focus-visible {
    outline: 2px solid var(--primary-color-600);
    outline-offset: 2px;
}

a {
    color: var(--primary-color-600);
    word-break: normal;
}

a:hover {
    color: var(--primary-color-400);
}

.profile_tree .node_category li a {
    color: var(--primary-color-600);
}

.profile_tree .node_category li a:hover {
    color: var(--primary-color-400);
}

.btn-primary,
.addtagcoll a,
.path-admin-tag .addstandardtags a,
.gradereport_history_usp .usp-finish input,
#siteconfiglink a,
.forum-post-footer a,
.rui-submissionaction .singlebutton .btn,
#enterlink p:nth-of-type(1) a,
.mod_quiz-next-nav,
.addbloglink a,
#addcontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-view .subscription .helplink a,
.midpad a,
.createstep,
#enterlink p:nth-of-type(2) a,
.webservicestokenui+a,
.rui-pre button {
    background-color: var(--primary-color-600);
    color: var(--primary-color-100);
}

.btn-primary:hover,
.addtagcoll a:hover,
.path-admin-tag .addstandardtags a:hover,
.gradereport_history_usp .usp-finish input:hover,
#siteconfiglink a:hover,
.forum-post-footer a:hover,
.rui-submissionaction .singlebutton .btn:hover,
#enterlink p:nth-of-type(1) a:hover,
.mod_quiz-next-nav:hover,
.addbloglink a:hover,
#addcontrols input:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover,
#page-mod-forum-view .subscription .helplink a:hover,
.midpad a:hover,
.createstep:hover,
#enterlink p:nth-of-type(2) a:hover,
.webservicestokenui+a:hover,
.rui-pre button:hover {
    background-color: var(--primary-color-700);
    color: var(--primary-color-100);
}

.nav-drawer-btn[aria-expanded="true"],
.nav-drawer-btn:hover {
    color: var(--primary-color-600);
    background-color: var(--primary-color-100);
}

.nav-column li a.active,
.nav-column li a:hover {
    color: var(--primary-color-600);
    border-color: var(--primary-color-600);
}

.nav-column li a.active:before,
.nav-column li a:hover:before {
    background-color: var(--primary-color-100);
}

.badge-info,
.loginfo,
#page-mod-quiz-edit .quizopeningstatus {
    background-color: var(--primary-color-100);
    color: var(--primary-color-600);
}

.badge-primary,
.rui-backup-progress .backup_stage.backup_stage_current {
    background-color: var(--primary-color-100);
    color: var(--primary-color-700);
}

.rui-sidebar-nav-item-link.active,
.rui-sidebar-nav-item-link:hover {
    background-color: var(--primary-color-100);
    color: var(--primary-color-600);
}

.rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon,
.rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
    color: var(--primary-color-600);
}

.card-body .footer a:hover {
    background-color: var(--primary-color-100);
    color: var(--primary-color-600);
}

.rui-topbar-special-btn:hover {
    background: var(--primary-color-100);
    color: var(--primary-color-600);
}

.search-input-group .search-input-btn:hover {
    background-color: var(--primary-color-600);
    color: var(--primary-color-100);
}

.btn-msg-special {
    background-color: var(--primary-color-100);
    color: var(--primary-color-600);
}

.btn-msg-special:hover {
    background-color: var(--primary-color-200);
    color: var(--primary-color-700);
}

.rui-last-message-user-you {
    background-color: var(--primary-color-100);
    color: var(--primary-color-600);
}

.fp-viewbar:not(.disabled) a.checked {
    background-color: var(--primary-color-600);
    color: var(--primary-color-100);
    border-color: var(--primary-color-600);
}

.btn-info,
#page-mod-quiz-report .toggleincludeauto a,
.reportlink a,
#page-mod-quiz-report .bold .reviewlink,
#enabletemplateeditor,
.endtestlink,
.rui-contentbank-view-btns .btn.active,
.rui-quizattemptcounts a,
#page-mod-feedback-complete [align="center"] a,
#id_saverubricdraft,
#id_saveguidedraft {
    background-color: var(--primary-color-100);
    color: var(--primary-color-600);
}

.btn-info:hover,
#page-mod-quiz-report .toggleincludeauto a:hover,
.reportlink a:hover,
#page-mod-quiz-report .bold .reviewlink:hover,
#enabletemplateeditor:hover,
.endtestlink:hover,
.rui-contentbank-view-btns .btn.active:hover,
.rui-quizattemptcounts a:hover,
#page-mod-feedback-complete [align="center"] a:hover,
#id_saverubricdraft:hover,
#id_saveguidedraft:hover {
    background-color: var(--primary-color-200);
    border: 1px solid transparent;
    color: var(--primary-color-700);
}

div.editor_atto_toolbar button:hover {
    outline: 2px solid var(--primary-color-400);
}

.rui-course-nav-container .header-link-item:hover {
    color: var(--primary);
}

.btn-outline-primary:hover,
#page-grade-edit-letter-index .mdl-align a:hover,
#enterlink p:nth-of-type(3) a:hover,
#id_submitbutton2:hover {
    color: var(--primary-color-100);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary,
#page-grade-edit-letter-index .mdl-align a,
#enterlink p:nth-of-type(3) a,
#id_submitbutton2 {
    color: var(--primary);
    border: 1px solid var(--primary-color-300);
}

.btn-link,
[data-fieldtype="submit"] a,
.cancel a,
#page-mod-quiz-report .gradetheselink {
    color: var(--primary);
}

.block-add {
    background-color: var(--primary-color-200);
}

.btn-link:hover,
[data-fieldtype="submit"] a:hover,
.cancel a:hover,
#page-mod-quiz-report .gradetheselink:hover {
    color: var(--primary-color-500);
}

.block-add:hover {
    background-color: var(--primary-color-100);
}









/*------------------------------------
   ?HEADINGS
------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sansation', Lato, sans-serif;
    font-weight: bold;
}

.rui-page-title {
    color: var(--primary);
}






/*------------------------------------
   ?BUTTONS
------------------------------------*/

.btn {
    padding: 10px 15px;
    word-break: normal !important;
}







/*------------------------------------
   ?LOGIN
------------------------------------*/

.rui-loginpage-intro-logo {
    display: none;
}

@media (min-width: 901px) {
    .rui-login-box {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

.rui-loginpage-intro-content h2 {
    font-size: 30px;
    color: var(--primary);
}

.rui-loginpage-intro-content p {
    font-size: 1.1rem;
}

.rui-login-box .form-control {
    padding-left: 40px;
    background-position: 8px;
}





/*------------------------------------
   ?Imagen de usuario
------------------------------------*/

.usermenu img.userpicture,
.block_online_users .list .listentry .userinitials,
.block_online_users .list .listentry img.userpicture {
    border-radius: 50%;
}







/*------------------------------------
   ?CHAT
------------------------------------*/

.message-drawer-backdrop {
    z-index: 1230;
}






/*------------------------------------
   ?CALENDAR
------------------------------------*/

.block_calendar_month .rui-cal-header.header {
    display: none !important;
}

.maincalendar .calendarmonth td.today .day-number-circle {
    background-color: var(--primary);
}

.block_calendar_month .footer-link {
    display: none;
}






/*------------------------------------
   ?NAV COLUMNS
------------------------------------*/

:root {
    --nav-width: 240px
}

#page-wrapper #nav-drawer {
    width: var(--nav-width);
}

@media (min-width: 1089px) {

    body.drawer-courseindex--open,
    body.drawer-open-index--open,
    body.drawer-open-left {
        margin-left: var(--nav-width);
    }
}

#nav-drawer .nav-drawer-container {
    padding-right: 15px;
    margin: 0 0 0 15px;
}

.rui-sidebar-abtn .rui-drawer-badge {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}





/*------------------------------------
   ?BLOCKS COLUMNS
------------------------------------*/

:root {
    --blocks-columns-width: 270px;
}

@media (min-width: 1089px) {
    #sidepreopen-control {
        display: none;
    }

    #page-wrapper #sidepre-blocks {
        position: absolute;
        height: auto;
        right: 0 !important;
        width: var(--blocks-columns-width);
        border-left: 0;
    }

    #sidepre-blocks .rui-sidebar-blocks-wrapper {
        max-height: initial;
    }

    #page {
        padding-right: calc(var(--blocks-columns-width) + 20px);
        padding-left: 20px;
    }

    .drawer-open-right .sticky-header-settings-menu {
        right: calc(var(--blocks-columns-width) + 10px);
    }
}

#sidepre-blocks .rui-sidebar-blocks-wrapper {
    margin: 20px 0 0 16px;
    padding-right: 16px;
}






/*------------------------------------
   ?BLOCKS
------------------------------------*/

.card {
    border: none;
}

.rui-blocks-column .card-body {
    padding: 1.5rem 0;
}

#sidepre-blocks .card-text [class*=col] {
    padding-right: 10px;
    padding-left: 10px;
}

.card-title {
    color: var(--primary);
    padding: 10px 5px 5px;
    margin-bottom: 1rem;
    font-size: 1.7rem;
    border-bottom: 1px solid var(--primary);
}

.rui-blocks-column .card-title {
    font-size: 1.2rem;
}

.card-text {
    font-size: 0.9rem;
}

.card-body .card-text .no-overflow {
    overflow: initial;
}



/*=== Memorias ===*/

.memories .atto_image_button_text-bottom {
    margin: 0;
}






/*------------------------------------
   ?Footer
------------------------------------*/

@media (min-width: 1089px) {
    #s-page-footer {
        width: calc(100% + 40px);
        margin: 20px -20px 0;
    }
}

#s-page-footer {
    position: relative;
    border-top: 0;
    padding: 30px;
}

#s-page-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + var(--blocks-columns-width));
    height: 1px;
    background-color: #E1E1E1;
}






/*------------------------------------
   ?HEADER
------------------------------------*/

#page-my-index .sticky-header-settings-menu {
    position: relative;
    right: auto;
    top: 30px;
}







/*------------------------------------
   ?BASE DE CONOCIMIENTO
------------------------------------*/

#page-mod-glossary-view table.glossarycategoryheader {
    width: 100%;
}

.rui-title-container:has(h3) {
    padding: 10px 20px;
}

#page-mod-glossary-view table.glossarycategoryheader h3 {
    display: block;
    background-color: var(--primary);
    padding: 3px 15px;
    line-height: 1.2;
    font-size: 2rem;
    color: #fff;
    border-radius: 6px;
    text-align: left;
}

#page-mod-glossary-view .concept h4 {
    color: var(--primary) !important;
    font-size: 1.7rem !important;
    font-weight: bold;
}

.fullwithoutauthor .concept h4 {
    font-size: 1.5rem;
    font-weight: bold;
}

#page-mod-glossary-view [role="main"] form input[name="hook"],
#page-mod-glossary-view [role="main"] form input[name="searchbutton"] {
    padding-left: 45px !important;
}

.simplesearchform input:focus {
    color: var(--primary);
}

.path-mod-glossary .rui-title-container {
    padding: 0;
}







/*------------------------------------
   ?COURSE
------------------------------------*/

@media (min-width: 768px) {

    .section .rui-completion-info,
    .section .rui-contentafterlink,
    .section .rui-activity-dates {
        margin-left: 0 !important;
    }
}

.nav-tabs {
    background-color: transparent;
    font-size: 1rem;
}

.nav-tabs .nav-link:before {
    display: none;
}



/*-- Navegación --*/

.course-content .single-section .section-navigation .mdl-right,
.course-content .single-section .section-navigation .mdl-left {
    max-width: none;
}

.course-content .single-section .section-navigation .mdl-right a,
.course-content .single-section .section-navigation .mdl-left a {
    background-color: #fff;
    padding: 5px 12px;
    display: inline-block;
    font-size: 1rem;
    color: #3d3d3d;
    border: 1px solid #8e8e8e;
    border-radius: 10px;
    margin: 10px 0;
    transition: all 300ms;
}

.course-content .single-section .section-navigation .mdl-right a:hover,
.course-content .single-section .section-navigation .mdl-left a:hover {
    color: #fff !important;
    background-color: #3d3d3d;
}




.videoFrame {
    border: 3px solid var(--primary);
    padding: 5px;
    border-radius: 10px;
}

.videoResponsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

@media (min-width: 768px) {
    .videoResponsive {
        position: relative;
        padding-bottom: 47%;
        padding-top: 30px;
        height: 0;
    }
}

.videoResponsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
}






/*------------------------------------
   ?PROGRESSBAR MÓDULOS
------------------------------------*/
.moduleProgressbar {
    display: grid;
    grid-template-columns: auto 1fr 50px;
    gap: 10px;
    align-items: center;
}

.moduleProgressbar__title {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}

.moduleProgressbar__progressbar {
    background-color: #efefef;
    width: 100%;
    height: 12px;
    border-radius: 50px;
    border: 2px solid #efefef;
    overflow: hidden;
}

.moduleProgressbar__progress {
    width: 0;
    height: 100%;
    background-color: var(--primary);
    border-radius: 50px;
    transition: width .6s;
}

.moduleProgressbar--completed .moduleProgressbar__progress {
    background-color: #009432;
}

.moduleProgressbar__percentage {
    font-size: 1rem;
    font-weight: bold;
}







/*------------------------------------
   ?Necesitas ayuda
------------------------------------*/

.block_html .card-text.content.mt-3 {
    margin-top: 0 !important;
}

.block_html .card-body {
    padding: 10px !important;
}

.fbd-help {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.fbd-help__icon {
    max-width: 28%;
    width: 100%;
    padding-right: 10px;
}

.fbd-help__img {
    margin: 0;
    max-width: 60px !important;
    width: 100%;
}

.fbd-help__content {
    max-width: calc(100% - 28%);
    width: 100%;
}

.fbd-help__contentTitle {
    font-size: 1.2rem !important;
    color: var(--primary);
    margin-bottom: 1rem;
}

.fbd-help__contentButton {
    background-color: var(--primary);
    border: 2px solid var(--primary);
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    margin: 0 auto 20px;
    transition: all .3s;
}

.fbd-help__contentButton:hover {
    background-color: var(--secondary);
    border: 2px solid var(--secondary);
}






/*------------------------------------
   ?FOOTER
------------------------------------*/

footer#s-page-footer {
    color: #666;
}

#s-page-footer .copy {
    font-weight: 700;
    margin-right: 1rem;
}

.rui-footer--social a {
    color: #bfc0c2;
}

.workplace {
    display: block;
    width: 110px;
    height: 26px;
    background-image: url(/theme/space/pix/icono-workplace.svg);
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}






/*------------------------------------
   ?PITCH
------------------------------------*/

table#pitchTableAdmin {
    margin-bottom: 20px;
}

.dataTables_wrapper:after {
    content: "";
    clear: both;
    display: block;
}






/*------------------------------------
   ?Admin user
------------------------------------*/

#page-admin-user {
    --blocks-columns-width: 20px;
}






/*------------------------------------
   ?AJUSTE GENERAL
------------------------------------*/

.prev-discussion .rui-forum-nav-btns,
#prev-activity-link {
    background-position: 5px;
}

.next-discussion .rui-forum-nav-btns,
#next-activity-link {
    background-position: calc(100% - 5px);
}

/*-- FORO --*/

#page-mod-forum-view #page,
#page-mod-forum-discuss #page {
    padding-right: 20px;
}

#page-mod-forum-view #s-page-footer:before,
#page-mod-forum-discuss #s-page-footer:before {
    width: 100%;
}

.forum-post {
    border: 1px solid hsl(0deg 0% 90%);
    padding: 8px;
    border-radius: 8px;
}

.post-actions [data-region="post-action"] svg {
    display: none;
}

.post-actions [data-region="post-action"].btn {
    border: 2px solid #cccccc;
    background-color: #eee;
    margin-bottom: 0 !important;
}

.post-actions [data-region="post-action"].btn span {
    margin-left: 0 !important;
    font-weight: bold;
}

.rui-forum-border-left:before {
    display: none;
}

.rui-forum-border-left.pl-sm-1 {
    padding-left: 0 !important;
}



/*-- Certificados --*/

#page-mod-customcert-view.path-mod .rui-activity-wrapper {
    display: none !important;
}






/*------------------------------------
   ?MAIN
------------------------------------*/

@media (min-width: 1440px) {
    body.drawer-open-right #page {
        width: 100%;
    }
}






/*------------------------------------
   ?HEADER ACCIONES
------------------------------------*/

[title="Insignias"].header-link-item {
    display: none;
}






/*------------------------------------
   ?AGILESSON
------------------------------------*/

.agilessonbackdropbody {
    margin-left: 0 !important;
}

.agilessonbackdropbody #page {
    padding-right: 20px !important;
}

.agilessonbackdropbody #sidepre-blocks {
    display: none;
}

.agilessonbackdropbody #settingsMenu {
    display: none;
}

.video-js .vjs-big-play-button {
    top: 10px;
    left: 10px;
    height: 70px;
    width: 70px;
}


/*------------------------------------
      ?CALIFICACIONES
------------------------------------*/

#page-mod-assign-grader .embedded-main [role="main"] {
    min-height: 100vh;
}

#page-mod-assign-grader.path-mod-assign .embedded-main [data-region="grade-actions-panel"] {
    height: 94px;
}

#page-mod-assign-grader.path-mod-assign .embedded-main [data-region="grade-panel"],
#page-mod-assign-grader.path-mod-assign .embedded-main [data-region="review-panel"] {
    bottom: 94px;
}

#page-mod-assign-grader.path-mod-assign .embedded-main [data-region="user-selector"] .alignment {
    width: auto;
}





/*------------------------------------
   ?TOUR GUIADO
------------------------------------*/

[aria-labelledby*="tour-step"].orphan:has(.modal-dialog) {
    z-index: 9999 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

span[data-flexitour="container"] .modal-dialog {
    max-width: 600px;
}

.modal-header {
    padding-bottom: 5px;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer button {
    margin: 0 !important;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
    gap: 15px;
}

/*------------------------------------
      ?CALIFICACIONES
------------------------------------*/

   #page-mod-assign-grader .embedded-main [role="main"] {
      min-height: 100vh;
   }

   #page-mod-assign-grader.path-mod-assign .embedded-main [data-region="grade-actions-panel"] {
      height: 94px;
   }

   #page-mod-assign-grader.path-mod-assign .embedded-main [data-region="grade-panel"],
   #page-mod-assign-grader.path-mod-assign .embedded-main [data-region="review-panel"] {
      bottom: 94px;
   }

	 #page-mod-assign-grader.path-mod-assign .embedded-main [data-region="user-selector"] .alignment {
		  width: auto;
	 }