Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
@charset "UTF-8";
2 
 
3 
:root {
4 
    --primary-white: rgba(255, 255, 255, 0.9);
5 
    --primary-white-hover: rgba(255, 255, 255, 0.04);
6 
    --border-primary: #ffffff14;
7 
    --primary-font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Fira Sans', Ubuntu, Oxygen, 'Oxygen Sans', Cantarell, 'Droid Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lucida Grande', Helvetica, Arial, sans-serif;
8 
}
9 
 
10 
h1,
11 
h2,
12 
h3,
13 
h4,
14 
h5,
15 
h6,
16 
span,
17 
a,
60 ariadna 18 
p ,
19 
.comment-message .text,
403 ariadna 20 
.comment-message .time
21 
.container{
1 efrain 22 
    font-family: var(--primary-font-family);
23 
}
24 
 
25 
/* Nav */
26 
.rui-topbar-wrapper {
27 
    background: #fff;
28 
    border-bottom: 1px solid #aeb3b8;
29 
    box-shadow: 1px 1px 1px #ddd;
30 
    padding: 5px;
31 
    height: 55px;
32 
 
33 
}
34 
 
35 
/* Drawer */
36 
 
37 
@media (max-width: 767.98px) {
38 
    .btn-drawer {
39 
        left: 15px;
40 
        top: 15px;
41 
}
42 
}
43 
 
44 
@media (min-width: 1100px){
45 
.drawer-left, .drawer-right {
46 
    height: calc(100% - 55px);
47 
}
48 
}
49 
 
50 
.drawer.drawer-left {
51 
    background-color: #23292f;
52 
    border-radius: 0;
53 
    padding: 0;
54 
    top: 55px;
55 
}
56 
 
57 
.drawercontent {
58 
    scrollbar-color: #757474 #fff;
59 
    margin-right: 0;
60 
    scrollbar-width: auto;
61 
    padding: 0;
62 
    height: calc(100% - 55px);
63 
}
64 
 
65 
.courseindex .courseindex-item.pageitem {
66 
    background: black;
67 
    color: #fff;
68 
    border-left: 5px solid #fff;
69 
}
70 
 
71 
.h5p-iframe-wrapper iframe.h5p-iframe{
72 
    max-height: 75vh;
73 
    min-height: 400px;
74 
}
75 
 
76 
html.h5p-iframe, html.h5p-iframe > body{
77 
    height: fit-content;
78 
}
79 
 
80 
.drawerheader {
81 
    border-bottom: 1px solid var(--border-primary);
82 
    padding: .9rem !important;
83 
    display: flex;
84 
    justify-content: space-between;
85 
    align-items: center;
86 
}
87 
 
88 
.drawerheadercontent {
89 
    position: relative !important;
90 
    top: 0 !important;
91 
    left: 0 !important;
92 
    display: flex;
93 
    align-items: center;
94 
    justify-content: center;
95 
    gap: .5rem;
96 
}
97 
 
98 
.drawer.drawer-left .drawertoggle {
99 
    margin-left: auto;
100 
    margin-right: 0;
101 
    margin-top: 2px;
102 
    margin-bottom: 2px;
103 
}
104 
 
105 
.drawerheadercontent h5{
106 
    margin-bottom: 0;
107 
    font-size: 16px;
108 
    font-weight: 600;
109 
    color: #fff;
110 
    margin-top: 5px;
111 
}
112 
 
113 
.wrapper-fw {
114 
    width: calc(100% - 1px);
115 
    position: relative;
116 
}
117 
 
118 
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
119 
    color: #fff;
120 
    background: #000;
121 
    border-left: 5px solid #fff;
122 
}
123 
 
124 
.courseindex .courseindex-item.pageitem:hover .courseindex-link{
125 
    color: #fff;
126 
}
127 
 
128 
#page-mod-resource-view .wrapper-fw, #page-mod-hvp-view .wrapper-fw {
129 
    width: 100%;
130 
}
131 
 
448 ariadna 132 
#page-mod-resource-view .drawer-right .drawerheader , #page-mod-hvp-view .drawer-right .drawerheader  {
133 
    display: none;
134 
}
1 efrain 135 
 
136 
#page-mod-resource-view .drawer-right .drawercontent , #page-mod-hvp-view .drawer-right .drawercontent  {
137 
    width: 100%;
138 
}
139 
 
140 
#block-region-side-pre{
141 
    justify-content: center;
142 
}
143 
 
144 
.drawer-right .drawerheader .drawerheadercontent h5{
145 
    display: none;
146 
}
147 
 
148 
.courseindex .courseindex-section {
149 
    border-radius: 0 !important;
150 
    margin-left: 0 !important;
151 
    margin-bottom: 0 !important;
152 
}
153 
 
154 
.courseindex .courseindex-item.courseindex-section-title {
155 
    flex-direction: row-reverse;
156 
    justify-content: space-between;
157 
    padding: 0.5rem 0;
158 
    border-radius: 0 !important;
159 
}
160 
 
161 
.courseindex .courseindex-section .courseindex-item.courseindex-section-title {
162 
    border-bottom: 1px solid var(--border-primary) !important;
163 
}
164 
 
165 
.courseindex .courseindex-item.courseindex-section-title a {
166 
    color: var(--primary-white) !important;
167 
    font-size: 14px !important;
168 
    font-weight: 600;
169 
    margin-left: 1rem;
170 
}
171 
 
172 
.courseindex .courseindex-sectioncontent {
173 
    padding: 0 !important;
174 
}
175 
 
176 
.courseindex .courseindex-item.pageitem a {
177 
    color: #fff;
178 
}
179 
 
180 
 
181 
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
182 
    padding: 10.5px;
183 
    padding-left: 16px;
184 
    border-bottom: 1px solid var(--border-primary);
185 
    border-radius: 0;
186 
}
187 
 
188 
.courseindex .courseindex-item:hover span,
189 
.courseindex .courseindex-item:hover .courseindex-link,
190 
.courseindex .courseindex-item:hover .courseindex-chevron,
191 
.courseindex .courseindex-item:focus span,
192 
.courseindex .courseindex-item:focus .courseindex-link,
193 
.courseindex .courseindex-item:focus .courseindex-chevron {
194 
    color: var(--primary-white);
195 
}
196 
 
197 
.courseindex .courseindex-item:hover>span:not(.icons-collapse-expand),
198 
.courseindex .courseindex-item:hover>.courseindex-link,
199 
.courseindex .courseindex-item:hover>.courseindex-chevron:not(.icons-collapse-expand),
200 
.courseindex .courseindex-item:focus>span:not(.icons-collapse-expand),
201 
.courseindex .courseindex-item:focus>.courseindex-link,
202 
.courseindex .courseindex-item:focus>.courseindex-chevron:not(.icons-collapse-expand) {
203 
    text-decoration: underline;
204 
}
205 
 
206 
.courseindex .expanded-icon,
207 
.courseindex .collapsed-icon {
208 
    background-color: transparent !important;
209 
}
210 
 
211 
.courseindex .expanded-icon .icon,
212 
.courseindex .collapsed-icon .icon {
213 
    font-size: 20px !important;
214 
}
215 
 
216 
/* Drawer end */
217 
 
218 
#page-mod-resource-view .rui-main-content-title--h4, #page-mod-hvp-view .rui-main-content-title--h4 {
219 
    font-size: 16px;
220 
    color: #757474;
221 
    font-weight: 600;
222 
}
223 
 
224 
.page-header-content{
225 
    margin: 11px 0;
80 ariadna 226 
    margin-top: 35px !important;
1 efrain 227 
}
228 
 
229 
#page-mod-resource-view .page-header-content, #page-mod-hvp-view .page-header-content {
230 
    background-color: transparent;
231 
    position: absolute;
232 
    top: 0;
233 
    left: 0;
234 
    z-index: 100;
235 
    margin: 10px 0 !important;
236 
}
237 
 
238 
#page-mod-resource-view .page-header-content .page-context-header, #page-mod-hvp-view .page-header-content .page-context-header {
239 
    padding: 0 1rem;
77 ariadna 240 
    margin-top: 45px;
1 efrain 241 
}
242 
 
243 
.courseindex .courseindex-item.courseindex-section-title a {
244 
    color: var(--primary-white);
245 
}
246 
 
247 
.courseindex .courseindex-item .courseindex-name,
248 
.courseindex .courseindex-item .courseindex-link {
249 
    color: var(--primary-white);
250 
}
251 
 
252 
.courseindex .expanded-icon,
253 
.courseindex .collapsed-icon {
254 
    background-color: #595858;
255 
    color: var(--primary-white);
256 
}
257 
 
258 
 
259 
.wrapper--with-margin {
260 
    width: calc(100% - 40px);
261 
}
262 
 
263 
.btn.btn-icon,
264 
a.btn-icon {
265 
    color: var(--primary-white);
266 
    line-height: 10px;
267 
    background: transparent;
268 
    width: 32px;
269 
    height: 32px;
270 
    border-radius: 32px;
271 
    box-shadow: inset 0 0 0 1px var(--primary-white);
272 
    opacity: 1;
273 
}
274 
 
275 
.btn.btn-icon:hover,
276 
a.btn-icon:hover {
277 
    box-shadow: inset 0 0 0 2px var(--primary-white);
278 
    background-color: var(--primary-white-hover);
279 
}
280 
 
281 
.drawer {
282 
    padding: 1px 10px;
283 
}
284 
 
285 
.btn-icon {
286 
    min-width: auto;
287 
    border: none;
288 
}
289 
 
290 
.btn-icon svg {
291 
    width: 20px;
292 
    height: 20px;
293 
}
294 
 
295 
.btn.btn-icon,
296 
#page .hsuforum-tools a.btn-icon {
297 
    height: 30px;
298 
    width: 30px;
299 
}
300 
 
301 
.drawerheadercontent {
302 
    top: 15px;
303 
    right: 15px;
304 
}
305 
 
306 
.video-js {
307 
    border-radius: 0px;
308 
}
309 
 
310 
.mediaplugin.mediaplugin_videojs {
311 
    margin: 0;
312 
}
313 
 
314 
.path-mod-resource .resourcecontent {
315 
    margin-top: 0;
316 
}
317 
 
318 
.video-js.vjs-fluid {
319 
    padding-top: 75vh !important;
320 
}
321 
 
322 
.drawer.drawer-right {
323 
    visibility: visible;
324 
    width: 100%;
325 
    display: flex;
326 
    float: left;
327 
    position: revert;
328 
    top: 1px;
329 
}
330 
 
331 
#page.drawers.show-drawer-right {
332 
    padding-right: 0;
333 
}
334 
 
335 
#block-region-side-pre {
336 
    display: flex;
337 
    width: 100%;
338 
    gap: 12px;
339 
}
340 
 
341 
.btn-group>.btn:last-child {
342 
    border-top-right-radius: 0px;
343 
    border-bottom-right-radius: 0px;
344 
    height: 40px;
345 
}
346 
 
347 
.btn-group>.btn:first-child {
348 
    border-top-left-radius: 0px;
349 
    border-bottom-left-radius: 0px;
350 
}
351 
 
352 
.btn-primary, .mod_quiz-next-nav {
353 
    background: transparent;
354 
    color: #000;
355 
    border-radius: 5px;
356 
    border-color: #ddd;
357 
    margin-top: 10%;
358 
    height: 35px;
359 
    margin-left: 5px;
360 
    font-size: small;
361 
}
362 
 
363 
.mb-2, .my-2 {
364 
    margin-bottom: 0.5rem !important;
365 
    margin-top: 20px !important;
366 
    margin-right: 10px;
367 
}
368 
 
369 
.mb-2 a:hover{
370 
    border: transparent;
371 
    color: #000;
372 
    background: #ddd;
373 
}
374 
 
375 
.btn.btn-primary .mr-1:hover, .mod_quiz-next-nav:hover{
376 
    border: transparent;
377 
    color: #000;
378 
    background: #ddd;
379 
}
380 
 
381 
#blocks_buttons.btn-group .btn.nav-link {
382 
    border: transparent;
383 
    color: #212121;
384 
    background: transparent;
385 
    height: 40px;
386 
}
387 
 
388 
#blocks_buttons.btn-group .btn.nav-link:hover,
389 
#blocks_buttons.btn-group .btn.nav-link.active {
390 
    background-color: #F5F5F5;
391 
    color: #000;
392 
}
393 
 
394 
#blocks_buttons.btn-group .btn.nav-link.active {
395 
    border-bottom: 3px solid #000;
396 
}
397 
 
398 
.card-header{
399 
    border-bottom: 1px solid #ddd;
400 
    padding: 0px;
401 
    height: 46px;
402 
}
403 
 
404 
.card-body {
405 
    padding: 10px;
406 
    margin-top: 5px;
407 
}
408 
 
409 
#page-mod-resource-view .main-content, #page-mod-hvp-view .main-content {
410 
    margin-bottom: 0 !important;
74 ariadna 411 
    margin-top: 50px;
1 efrain 412 
}
413 
 
414 
#page-mod-resource-view .card-header, #page-mod-hvp-view .card-header {
415 
    padding: 0 !important;
416 
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
417 
}
418 
 
419 
.main-content {
420 
    height: 65vh !important;
421 
    overflow: auto;
422 
    margin-bottom: 2px;
423 
}
424 
 
425 
#page-mod-resource-view .main-content, #page-mod-hvp-view .main-content {
426 
    height: 75vh !important;
427 
}
428 
 
429 
.comment-list li{
430 
    border: 1px solid #ddd;
431 
    border-radius: 0px;
432 
    padding: 20px;
433 
}
434 
 
435 
.comment-message-meta a {
436 
    color: #212121;
437 
    font-size: 15px;
438 
}
439 
 
440 
.comment-message .text {
441 
    color: #000;
442 
}
443 
 
444 
.drawer.drawer-right{
445 
    padding: 0;
446 
}
447 
 
448 
.drawer-right .drawercontent{
449 
    height: fit-content;
450 
    padding: 0;
451 
    width: 100%;
452 
}
453 
 
454 
.forum-post {
455 
    border: 1px solid #ddd;
456 
    border-radius: 10px;
457 
    display: block;
458 
    margin: auto;
459 
    padding: 0;
460 
    width: 60%;
461 
}
462 
 
463 
.forum-post-header{
464 
    padding: 12px;
465 
    margin-bottom: 0;
466 
}
467 
 
468 
.attachedimages, .post-content-container {
469 
    padding: 0 12px;
470 
}
471 
 
472 
.attachedimages img {
473 
    display: block;
474 
    margin: auto;
475 
}
476 
 
477 
.rui-forum-edit-buttons {
478 
    display: flex;
479 
    gap: 5px;
480 
    flex-wrap: wrap;
481 
}
482 
 
483 
.post-actions{
484 
    border-top: 1px solid #ddd;
485 
    gap: 5px;
486 
    padding-left: 0.5rem !important;
487 
}
488 
 
489 
.path-mod-forum .indent{
490 
    margin-left: 0;
491 
}
492 
 
493 
@media (min-width: 768px){
494 
    .forum-post-reply {
495 
        margin-left: 5%;
496 
        max-width: 90%;
497 
    }
498 
}
499 
 
500 
textarea.form-control {
501 
    border-radius: 0px;
502 
    border: 1px solid #000;
503 
}
504 
 
505 
.rui-page-footer {
506 
    display: none;
507 
}
508 
 
509 
.rui-footer-block--3 {
510 
    display: none;
511 
}
512 
 
513 
@media (min-width: 768px){
514 
#page-wrapper #page {
515 
    padding-top: 55px;
516 
    }
517 
}
518 
 
519 
li[data-key=home] {
520 
    display: none;
521 
}
522 
 
523 
.btn-group .btn.active, .btn-group #page .hsuforum-tools a.active, #page .hsuforum-tools .btn-group a.active {
524 
    background-color: #edeffa;
525 
    color: #000;
526 
    height: 40px;
527 
}
528 
 
529 
.drawer-right .drawerheader{
530 
    display: none;
531 
}
532 
 
533 
.page-header-content {
534 
    margin: 11px 0;
535 
    position: relative;
536 
    z-index: 1;
537 
}
538 
 
449 ariadna 539 
.rui-main-content-title--h3{
540 
    display: none;
541 
}
1 efrain 542 
 
543 
.flex-wrap{
544 
    padding-top: 2px;
545 
}
546 
 
547 
.activityiconcontainer {
548 
    margin-left: 5px;
83 ariadna 549 
    display: none;
1 efrain 550 
}
551 
 
552 
@media (min-width: 768px){
553 
    .d-md-block {
554 
        display: none !important;
555 
    }
556 
}
557 
 
558 
@media (min-width: 320px){
559 
.form-inline .custom-select {
560 
    margin-left: 5px;
561 
    font-size: smaller;
562 
    height: 35px;
563 
    padding-top: 5px;
564 
    padding-bottom: 5px;
565 
    border-radius: 5px;
566 
    margin-top: 15px;
567 
}
568 
}
569 
 
570 
.rui-title-container {
571 
    margin-top: 0px;
572 
    margin-bottom: 0px;
573 
}
574 
 
575 
.form-inline input {
576 
    height: 35px;
577 
    padding-top: 5px;
578 
    padding-bottom: 5px;
579 
    border-radius: 5px;
580 
}
581 
 
582 
.mb-4, .my-4 {
583 
    margin-bottom: 0.5rem !important;
584 
    height: 40px;
585 
}
586 
 
587 
[data-action="forum-inpage-submit"] {
588 
    position: relative;
589 
    height: 35px;
590 
}
591 
 
592 
.btn.dropdown-toggle, #page .hsuforum-tools a.dropdown-toggle {
593 
    border: 0;
594 
    border-radius: 5px;
595 
    height: 35px;
596 
    font-size: smaller;
597 
    margin-right: 15px;
598 
    margin-top: 7%;
599 
}
600 
 
601 
.btn-secondary{
602 
    border-radius: 5px;
603 
    margin-top: 5px;
604 
    margin-right: 12px;
605 
}
606 
 
607 
 
608 
 
609 
@media (min-width: 768px) {
610 
    .tertiary-navigation .navitem:not(:last-child), .tertiary-navigation .navitem-divider:not(:last-child) {
611 
        margin-left: 10px;
612 
        margin-top: 5px;
613 
    }
614 
}
615 
 
616 
.mr-1{
617 
    height: 35px;
618 
    font-size: smaller;
619 
}
620 
 
621 
@media (min-width: 320px) {
622 
    .mform fieldset.collapsible legend a.fheader[aria-expanded="true"]{
623 
        margin-left: 5px;
624 
        margin-right: 10px;
625 
    }
626 
}
627 
 
628 
.form-group label{
629 
    margin-right: 30%;
630 
}
631 
 
632 
[data-fieldtype="editor"]>div {
633 
    margin-right: 10px;
634 
}
635 
 
636 
.mb-0 {
637 
    margin-right: 0%;
638 
    margin-left: 3%;
639 
}
640 
 
641 
.filemanager-container{
642 
    margin-right: 10px;
643 
}
644 
 
645 
.fp-navbar {
646 
    border-color: #E1E1E1;
647 
    margin-right: 10px;
648 
}
649 
 
650 
.filemanager .fp-restrictions {
651 
    margin-right: 15px;
652 
}
653 
 
654 
.ml-1{
655 
    margin-left: 0.25rem !important;
656 
    margin-top: 13.5px !important;
657 
}
658 
 
659 
form-inline .custom-select {
660 
    margin-top: 15px;
661 
}
662 
 
663 
.submissionstatustable{
664 
    margin-top: 3%;
665 
}
666 
 
667 
.btn:not(:disabled):not(.disabled), #page .hsuforum-tools a:not(:disabled):not(.disabled) {
668 
    margin-top: 5px;
669 
}
670 
 
671 
button:not(:disabled){
672 
    height: 35px;
673 
}
674 
 
675 
.custom-control{
676 
    margin-top: 5px;
677 
}
678 
 
679 
.tertiary-navigation .row{
680 
    margin-left: 10px;
681 
}
682 
 
683 
.h3 {
684 
    font-size: 1rem;
685 
    line-height: 1.3;
686 
    margin-left: 10px;
687 
}
688 
 
689 
.que .grade{
690 
    margin-top: 10px;
691 
}
692 
 
693 
.que .qtext {
694 
    font-size: smaller;
695 
}
696 
 
697 
.formulation.clearfix {
698 
    width: 50%;
699 
    margin-left: 25%;
700 
}
701 
 
702 
.notyetanswered .state{
703 
    margin-left: 7px;
704 
}
705 
 
706 
.que.multichoice .answer div.r0{
707 
    height: 40px;
708 
    font-size: smaller;
709 
}
710 
 
711 
.ml-1{
712 
    margin-top: 0.25px !important;
713 
}
714 
 
715 
.que .info .questionflag a{
716 
    border-radius: 5px;
717 
}
718 
 
719 
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav{
720 
    margin-right: 5px;
721 
    font-size: 75%;
722 
}
723 
 
724 
.btn--darkmode{
725 
    display:none;
726 
}
727 
 
728 
.search-input-group{
729 
    margin-left: 14.5%;
730 
}
731 
 
732 
.rui-course-card-deck {
733 
    display: flex !important;
734 
    flex-wrap: wrap;
735 
    flex-direction: row !important;
736 
}
737 
 
738 
.rui-course-card-deck .rui-course-card {
739 
    border-radius: 20px;
740 
    border: 1px solid #eee;
741 
    box-shadow: 1px 1px 1px #ddd;
742 
    grid-template-columns: repeat(3, 1fr);
743 
    grid-template-rows: repeat(2, 1fr);
744 
    max-width: calc(50% - 18px);
745 
    min-width: 450px;
746 
    width: 100%;
747 
}
748 
 
749 
.rui-course-card-deck .rui-course-card > *:not(a){
750 
    grid-column: 2/4;
751 
}
752 
 
753 
.rui-course-card-deck .rui-course-card > a{
754 
    grid-column: 1/2;
755 
    grid-row: 1/3;
756 
}
757 
 
758 
#page-my-index #block-region-dtopblocks {
759 
    display: flex;
760 
    flex-wrap: wrap;
761 
    justify-content: space-between;
762 
}
763 
 
764 
#page-my-index #block-region-dtopblocks > .card{
765 
    flex: 1;
766 
}
767 
 
768 
#page-my-index #block-region-dtopblocks .rui-course-card{
769 
    max-width: none;
770 
}
771 
 
772 
#page.drawers .main-inner{
773 
    background-color: #fff;
774 
}
775 
 
776 
.search-input-group .search-input {
777 
    font-size: small;
778 
    height: 35px;
779 
}
780 
 
781 
body.drawer-open-right #sidepreopen-control {
782 
    position: fixed;
783 
    z-index: 1120;
784 
    display: none;
785 
}
786 
 
787 
.card-title {
788 
    display: none !important;
789 
}
790 
 
791 
 
449 ariadna 792 
 
1 efrain 793 
h1 {
794 
    font-size: 30px;
795 
    margin-bottom: 5px;
796 
}
797 
 
798 
.block_myprofile .myprofileitem.fullname {
799 
    font-size: 1.4rem;
800 
}
801 
 
802 
.form-control, [type="text"]{
803 
    border-radius: 5px;
804 
    font-size: smaller;
805 
    height: 35px;
806 
}
807 
 
808 
.search-input-group .search-input-btn{
809 
    right: -35px;
810 
}
811 
 
812 
.myprofileitem p {
813 
    font-size: 1.1rem;
814 
}
815 
 
816 
.font-weight-bold {
817 
    border-radius: 5px;
818 
    font-size: small;
819 
    height: 35px;
10 ariadna 820 
}
821 
 
822 
.userinitials{
823 
    border-radius: 30px;
824 
    border: 1px solid #000000;
825 
    color: #ffffff;
826 
    background-color: #000;
827 
}
828 
 
829 
.comment-message .picture .userinitials{
830 
    min-width: 50px;
831 
    min-height: 50px;
32 ariadna 832 
}
833 
 
834 
.page-mycourses .block .block-controls{
835 
    margin-top: 25px;
836 
    right: 0;
61 ariadna 837 
}
838 
 
77 ariadna 839 
 
840 
.mr-5 {
62 ariadna 841 
    border: 1px solid #212121;
61 ariadna 842 
    border-radius: 10px;
62 ariadna 843 
    background: #212121;
77 ariadna 844 
    margin-top: 45px;
845 
    width: 210px !important;
846 
    height: 50px !important;
81 ariadna 847 
    margin-right: 5px !important;
61 ariadna 848 
}
849 
 
850 
.block_point_view.reactions-container {
851 
    z-index: 1;
852 
    position: relative;
853 
    float: right;
78 ariadna 854 
    margin-top: 27px;
61 ariadna 855 
    margin-right: 2.5rem !important;
72 ariadna 856 
    width: 200px !important;
857 
    height: 100px !important;
62 ariadna 858 
}
859 
 
860 
.d-inline-block {
72 ariadna 861 
    color: #bbb;
63 ariadna 862 
}
863 
 
68 ariadna 864 
 
865 
.font-weight-bold {
866 
    border-radius: 5px;
867 
    font-size: small;
95 ariadna 868 
    height: auto;
68 ariadna 869 
}
870 
 
69 ariadna 871 
@media (min-width: 768px) {
872 
    #page-wrapper #page {
873 
        padding-top: 5px;
874 
    }
72 ariadna 875 
}
876 
 
877 
.my-0{
878 
    height: 20px;
879 
}
880 
 
881 
.rounded {
882 
    border-radius: 30px !important;
75 ariadna 883 
}
884 
 
885 
.singleselect {
886 
    max-width: 100%;
887 
    margin-left: 2.5px;
76 ariadna 888 
}
889 
 
79 ariadna 890 
.block_point_view.reactions-container .withtooltip {
891 
    margin-right: -2.5px;
82 ariadna 892 
}
893 
 
894 
.path-mod .page-header-content .rui-main-content-title{
895 
    display: none;
896 
}
83 ariadna 897 
.page-header-image{
82 ariadna 898 
    display: none;
83 ariadna 899 
}
85 ariadna 900 
 
901 
.dropdown-menu.show {
902 
    max-width: 300px;
903 
    width: 300px;
904 
    overflow: auto;
905 
}
906 
 
89 ariadna 907 
.btn.btn-icon, #page .hsuforum-tools a.btn-icon {
908 
    color: #bbb;
909 
}
85 ariadna 910 
 
89 ariadna 911 
.rui-logo.rui-logo-box {
91 ariadna 912 
    box-shadow: none;
89 ariadna 913 
}
92 ariadna 914 
 
915 
.loginfailures .usermenu .avatar::before {
916 
    width: 13.5px !important;
917 
    height: 13.5px !important;
918 
    top: 2px;
919 
    right: auto;
920 
}
100 ariadna 921 
 
922 
.student_feedback_container{
923 
    display: flex;
924 
    flex-direction: row-reverse;
925 
}
926 
 
927 
.student_feedback_container h4{
928 
    display: none;
929 
}
165 ariadna 930 
 
931 
.bloque {
167 ariadna 932 
    border: none !important;
165 ariadna 933 
    margin-right: 10px;
312 ariadna 934 
}
935 
 
936 
.row {
937 
    margin-left: 0px;
319 ariadna 938 
}
939 
 
940 
.activity-navigation {
941 
    display: none;
337 ariadna 942 
}
943 
 
944 
.path-mod .rui-activity-wrapper {
945 
    border: none;
946 
    margin-bottom: 0px;
947 
}
359 ariadna 948 
 
949 
.btn-cesa-course-completion{
337 ariadna 950 
    top: 4rem;
951 
    right: 1rem;
359 ariadna 952 
    margin-bottom: 5px;
345 ariadna 953 
}
954 
.rui-login-box {
955 
    border: 1px solid #e1e1e1;
956 
    width: max-content;
348 ariadna 957 
    margin-left: 38%;
345 ariadna 958 
    padding: 30px;
959 
    border-radius: 20px;
960 
}
961 
 
351 ariadna 962 
.form-control--username-box{
345 ariadna 963 
    margin-bottom: 0.5rem !important;
964 
    margin-top: 20px !important;
349 ariadna 965 
    margin-right: 0px !important;
346 ariadna 966 
}
967 
 
968 
.rui-show-password-btn.rui-show-password-btn--hidden {
969 
    border-radius: 50px;
348 ariadna 970 
    height: 30px;
971 
    margin-top: 1px;
347 ariadna 972 
}
973 
 
974 
.rui-login-layout-1 .login-container {
975 
    min-height: 100vh;
976 
    display: grid;
977 
    align-content: center;
978 
    background: #01011e;
348 ariadna 979 
}
349 ariadna 980 
.btn-lg{
348 ariadna 981 
    padding: 1rem 1.75rem;
350 ariadna 982 
    font-size: 1rem;
348 ariadna 983 
    line-height: 1.5;
352 ariadna 984 
    border-radius: 5px;
348 ariadna 985 
    display: flex !important;
350 ariadna 986 
    height: 45px !important;
352 ariadna 987 
}
988 
 
989 
.item-cursos{
990 
    width: 95% ;
991 
}
992 
 
993 
.bloque {
994 
    padding: 0px;
995 
    border-radius: 3px;
996 
    border: 1px solid #cccccc;
997 
    /* display: inline-block; */
998 
    margin-bottom: 15px;
356 ariadna 999 
    margin-left: 8.5px;
371 ariadna 1000 
    margin-right: 8px;
355 ariadna 1001 
    max-width: 270px;
366 ariadna 1002 
}
1003 
 
1004 
.courseindex .courseindex-item .completion_complete~.courseindex-link {
1005 
    color: #07a4e3;
1006 
}
1007 
.courseindex .courseindex-item .completioninfo.completion_complete {
1008 
    color: #07a4e3;
370 ariadna 1009 
}
1010 
 
1011 
.rui-dashboard-bottom .mt-4 .mb-4{
1012 
    display: none;
1013 
}
373 ariadna 1014 
.page-header-content .flex-wrap{
1015 
    display: none;
1016 
}
1017 
 
1018 
 
1019 
/* Courser page */
1020 
#page-cesa-courses  .block_cursos_catalogo_ajax {
1021 
    width: 100%;
1022 
}
1023 
 
1024 
#page-cesa-courses  #list-block-cursos-catalogo-ajax .bloque {
1025 
    width: 100%;
1026 
    max-width: none;
374 ariadna 1027 
    margin-bottom: 0 !important;
1028 
    height: fit-content;
373 ariadna 1029 
}
1030 
 
403 ariadna 1031 
#page-cesa-courses .rui-dashboard-bottom, #page-cesa-progress .rui-dashboard-bottom, #page-cesa-forums .rui-dashboard-bottom {
376 ariadna 1032 
    display: none;
1033 
}
377 ariadna 1034 
 
403 ariadna 1035 
#page-cesa-courses .wrapper-header, #page-cesa-progress .wrapper-header, #page-cesa-forums .wrapper-header {
377 ariadna 1036 
    display: none;
1037 
}
403 ariadna 1038 
 
1039 
#page-cesa-forums .no-gutters {
1040 
    margin-right: 0;
1041 
    margin-left: 0;
1042 
    border: 1px solid #e8eaed;
1043 
    border-radius: 10px;
1044 
    padding: 15px;
1045 
}
1046 
 
404 ariadna 1047 
#page-cesa-forums .col-md-12 .card{
403 ariadna 1048 
    width: 100%;
1049 
    max-width: none;
1050 
    margin-bottom: 0 !important;
1051 
    height: fit-content;
1052 
}
1053 
 
404 ariadna 1054 
#page-cesa-forums .col-md-12 .card .mb-3{
403 ariadna 1055 
    margin-bottom: 0 !important;
1056 
    margin: 0;
1057 
    width: 100%;
1058 
}
1059 
 
404 ariadna 1060 
#page-cesa-forums .col-md-12{
403 ariadna 1061 
    display: grid;
1062 
    grid-template-columns: 1fr 1fr;
1063 
    width: 100%;
1064 
    margin: 16px 0;
1065 
    gap: 16px;
1066 
}
405 ariadna 1067 
 
409 ariadna 1068 
@media (min-width: 768px) {
1069 
    #page-calendar-view #page-wrapper {
1070 
        display: flex;
1071 
        flex-direction: row;
1072 
    }
1073 
 
1074 
    #page-calendar-view #page  {
1075 
        flex: 1;
1076 
    }
1077 
 
1078 
    #page-calendar-view #page #page-header  {
1079 
        display: none;
1080 
    }
1081 
 
1082 
    #page-calendar-view #page .main-content  {
1083 
        height: auto !important;
410 ariadna 1084 
        margin-top: -3%;
409 ariadna 1085 
    }
1086 
 
410 ariadna 1087 
    #page-calendar-view .drawer.drawer-right {
409 ariadna 1088 
        display: flex;
410 ariadna 1089 
        width: max-content;
411 ariadna 1090 
        margin-top: 3%;
410 ariadna 1091 
        background: #23292f;
411 ariadna 1092 
        height: 100%;
409 ariadna 1093 
    }
410 ariadna 1094 
 
1095 
    #page-calendar-view .card-body {
1096 
        padding: 10px;
1097 
        margin-top: 70%;
1098 
        margin-left: 15%;
1099 
    }
1100 
 
412 ariadna 1101 
    #page-calendar-view .eventname {
411 ariadna 1102 
        color: #fff !important;
410 ariadna 1103 
    }
415 ariadna 1104 
}
413 ariadna 1105 
 
415 ariadna 1106 
#page-calendar-view .calendar-controls a{
1107 
    color: #000000;
409 ariadna 1108 
}