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 
 
132 
 
447 ariadna 133 
 
1 efrain 134 
#page-mod-resource-view .drawer-right .drawercontent , #page-mod-hvp-view .drawer-right .drawercontent  {
135 
    width: 100%;
136 
}
137 
 
138 
#block-region-side-pre{
139 
    justify-content: center;
140 
}
141 
 
142 
.drawer-right .drawerheader .drawerheadercontent h5{
143 
    display: none;
144 
}
145 
 
146 
.courseindex .courseindex-section {
147 
    border-radius: 0 !important;
148 
    margin-left: 0 !important;
149 
    margin-bottom: 0 !important;
150 
}
151 
 
152 
.courseindex .courseindex-item.courseindex-section-title {
153 
    flex-direction: row-reverse;
154 
    justify-content: space-between;
155 
    padding: 0.5rem 0;
156 
    border-radius: 0 !important;
157 
}
158 
 
159 
.courseindex .courseindex-section .courseindex-item.courseindex-section-title {
160 
    border-bottom: 1px solid var(--border-primary) !important;
161 
}
162 
 
163 
.courseindex .courseindex-item.courseindex-section-title a {
164 
    color: var(--primary-white) !important;
165 
    font-size: 14px !important;
166 
    font-weight: 600;
167 
    margin-left: 1rem;
168 
}
169 
 
170 
.courseindex .courseindex-sectioncontent {
171 
    padding: 0 !important;
172 
}
173 
 
174 
.courseindex .courseindex-item.pageitem a {
175 
    color: #fff;
176 
}
177 
 
178 
 
179 
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
180 
    padding: 10.5px;
181 
    padding-left: 16px;
182 
    border-bottom: 1px solid var(--border-primary);
183 
    border-radius: 0;
184 
}
185 
 
186 
.courseindex .courseindex-item:hover span,
187 
.courseindex .courseindex-item:hover .courseindex-link,
188 
.courseindex .courseindex-item:hover .courseindex-chevron,
189 
.courseindex .courseindex-item:focus span,
190 
.courseindex .courseindex-item:focus .courseindex-link,
191 
.courseindex .courseindex-item:focus .courseindex-chevron {
192 
    color: var(--primary-white);
193 
}
194 
 
195 
.courseindex .courseindex-item:hover>span:not(.icons-collapse-expand),
196 
.courseindex .courseindex-item:hover>.courseindex-link,
197 
.courseindex .courseindex-item:hover>.courseindex-chevron:not(.icons-collapse-expand),
198 
.courseindex .courseindex-item:focus>span:not(.icons-collapse-expand),
199 
.courseindex .courseindex-item:focus>.courseindex-link,
200 
.courseindex .courseindex-item:focus>.courseindex-chevron:not(.icons-collapse-expand) {
201 
    text-decoration: underline;
202 
}
203 
 
204 
.courseindex .expanded-icon,
205 
.courseindex .collapsed-icon {
206 
    background-color: transparent !important;
207 
}
208 
 
209 
.courseindex .expanded-icon .icon,
210 
.courseindex .collapsed-icon .icon {
211 
    font-size: 20px !important;
212 
}
213 
 
214 
/* Drawer end */
215 
 
216 
#page-mod-resource-view .rui-main-content-title--h4, #page-mod-hvp-view .rui-main-content-title--h4 {
217 
    font-size: 16px;
218 
    color: #757474;
219 
    font-weight: 600;
220 
}
221 
 
222 
.page-header-content{
223 
    margin: 11px 0;
80 ariadna 224 
    margin-top: 35px !important;
1 efrain 225 
}
226 
 
227 
#page-mod-resource-view .page-header-content, #page-mod-hvp-view .page-header-content {
228 
    background-color: transparent;
229 
    position: absolute;
230 
    top: 0;
231 
    left: 0;
232 
    z-index: 100;
233 
    margin: 10px 0 !important;
234 
}
235 
 
236 
#page-mod-resource-view .page-header-content .page-context-header, #page-mod-hvp-view .page-header-content .page-context-header {
237 
    padding: 0 1rem;
77 ariadna 238 
    margin-top: 45px;
1 efrain 239 
}
240 
 
241 
.courseindex .courseindex-item.courseindex-section-title a {
242 
    color: var(--primary-white);
243 
}
244 
 
245 
.courseindex .courseindex-item .courseindex-name,
246 
.courseindex .courseindex-item .courseindex-link {
247 
    color: var(--primary-white);
248 
}
249 
 
250 
.courseindex .expanded-icon,
251 
.courseindex .collapsed-icon {
252 
    background-color: #595858;
253 
    color: var(--primary-white);
254 
}
255 
 
256 
 
257 
.wrapper--with-margin {
258 
    width: calc(100% - 40px);
259 
}
260 
 
261 
.btn.btn-icon,
262 
a.btn-icon {
263 
    color: var(--primary-white);
264 
    line-height: 10px;
265 
    background: transparent;
266 
    width: 32px;
267 
    height: 32px;
268 
    border-radius: 32px;
269 
    box-shadow: inset 0 0 0 1px var(--primary-white);
270 
    opacity: 1;
271 
}
272 
 
273 
.btn.btn-icon:hover,
274 
a.btn-icon:hover {
275 
    box-shadow: inset 0 0 0 2px var(--primary-white);
276 
    background-color: var(--primary-white-hover);
277 
}
278 
 
279 
.drawer {
280 
    padding: 1px 10px;
281 
}
282 
 
283 
.btn-icon {
284 
    min-width: auto;
285 
    border: none;
286 
}
287 
 
288 
.btn-icon svg {
289 
    width: 20px;
290 
    height: 20px;
291 
}
292 
 
293 
.btn.btn-icon,
294 
#page .hsuforum-tools a.btn-icon {
295 
    height: 30px;
296 
    width: 30px;
297 
}
298 
 
299 
.drawerheadercontent {
300 
    top: 15px;
301 
    right: 15px;
302 
}
303 
 
304 
.video-js {
305 
    border-radius: 0px;
306 
}
307 
 
308 
.mediaplugin.mediaplugin_videojs {
309 
    margin: 0;
310 
}
311 
 
312 
.path-mod-resource .resourcecontent {
313 
    margin-top: 0;
314 
}
315 
 
316 
.video-js.vjs-fluid {
317 
    padding-top: 75vh !important;
318 
}
319 
 
320 
.drawer.drawer-right {
321 
    visibility: visible;
322 
    width: 100%;
323 
    display: flex;
324 
    float: left;
325 
    position: revert;
326 
    top: 1px;
327 
}
328 
 
329 
#page.drawers.show-drawer-right {
330 
    padding-right: 0;
331 
}
332 
 
333 
#block-region-side-pre {
334 
    display: flex;
335 
    width: 100%;
336 
    gap: 12px;
337 
}
338 
 
339 
.btn-group>.btn:last-child {
340 
    border-top-right-radius: 0px;
341 
    border-bottom-right-radius: 0px;
342 
    height: 40px;
343 
}
344 
 
345 
.btn-group>.btn:first-child {
346 
    border-top-left-radius: 0px;
347 
    border-bottom-left-radius: 0px;
348 
}
349 
 
350 
.btn-primary, .mod_quiz-next-nav {
351 
    background: transparent;
352 
    color: #000;
353 
    border-radius: 5px;
354 
    border-color: #ddd;
355 
    margin-top: 10%;
356 
    height: 35px;
357 
    margin-left: 5px;
358 
    font-size: small;
359 
}
360 
 
361 
.mb-2, .my-2 {
362 
    margin-bottom: 0.5rem !important;
363 
    margin-top: 20px !important;
364 
    margin-right: 10px;
365 
}
366 
 
367 
.mb-2 a:hover{
368 
    border: transparent;
369 
    color: #000;
370 
    background: #ddd;
371 
}
372 
 
373 
.btn.btn-primary .mr-1:hover, .mod_quiz-next-nav:hover{
374 
    border: transparent;
375 
    color: #000;
376 
    background: #ddd;
377 
}
378 
 
379 
#blocks_buttons.btn-group .btn.nav-link {
380 
    border: transparent;
381 
    color: #212121;
382 
    background: transparent;
383 
    height: 40px;
384 
}
385 
 
386 
#blocks_buttons.btn-group .btn.nav-link:hover,
387 
#blocks_buttons.btn-group .btn.nav-link.active {
388 
    background-color: #F5F5F5;
389 
    color: #000;
390 
}
391 
 
392 
#blocks_buttons.btn-group .btn.nav-link.active {
393 
    border-bottom: 3px solid #000;
394 
}
395 
 
396 
.card-header{
397 
    border-bottom: 1px solid #ddd;
398 
    padding: 0px;
399 
    height: 46px;
400 
}
401 
 
402 
.card-body {
403 
    padding: 10px;
404 
    margin-top: 5px;
405 
}
406 
 
407 
#page-mod-resource-view .main-content, #page-mod-hvp-view .main-content {
408 
    margin-bottom: 0 !important;
74 ariadna 409 
    margin-top: 50px;
1 efrain 410 
}
411 
 
412 
#page-mod-resource-view .card-header, #page-mod-hvp-view .card-header {
413 
    padding: 0 !important;
414 
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
415 
}
416 
 
417 
.main-content {
418 
    height: 65vh !important;
419 
    overflow: auto;
420 
    margin-bottom: 2px;
421 
}
422 
 
423 
#page-mod-resource-view .main-content, #page-mod-hvp-view .main-content {
424 
    height: 75vh !important;
425 
}
426 
 
427 
.comment-list li{
428 
    border: 1px solid #ddd;
429 
    border-radius: 0px;
430 
    padding: 20px;
431 
}
432 
 
433 
.comment-message-meta a {
434 
    color: #212121;
435 
    font-size: 15px;
436 
}
437 
 
438 
.comment-message .text {
439 
    color: #000;
440 
}
441 
 
442 
.drawer.drawer-right{
443 
    padding: 0;
444 
}
445 
 
446 
.drawer-right .drawercontent{
447 
    height: fit-content;
448 
    padding: 0;
449 
    width: 100%;
450 
}
451 
 
452 
.forum-post {
453 
    border: 1px solid #ddd;
454 
    border-radius: 10px;
455 
    display: block;
456 
    margin: auto;
457 
    padding: 0;
458 
    width: 60%;
459 
}
460 
 
461 
.forum-post-header{
462 
    padding: 12px;
463 
    margin-bottom: 0;
464 
}
465 
 
466 
.attachedimages, .post-content-container {
467 
    padding: 0 12px;
468 
}
469 
 
470 
.attachedimages img {
471 
    display: block;
472 
    margin: auto;
473 
}
474 
 
475 
.rui-forum-edit-buttons {
476 
    display: flex;
477 
    gap: 5px;
478 
    flex-wrap: wrap;
479 
}
480 
 
481 
.post-actions{
482 
    border-top: 1px solid #ddd;
483 
    gap: 5px;
484 
    padding-left: 0.5rem !important;
485 
}
486 
 
487 
.path-mod-forum .indent{
488 
    margin-left: 0;
489 
}
490 
 
491 
@media (min-width: 768px){
492 
    .forum-post-reply {
493 
        margin-left: 5%;
494 
        max-width: 90%;
495 
    }
496 
}
497 
 
498 
textarea.form-control {
499 
    border-radius: 0px;
500 
    border: 1px solid #000;
501 
}
502 
 
503 
.rui-page-footer {
504 
    display: none;
505 
}
506 
 
507 
.rui-footer-block--3 {
508 
    display: none;
509 
}
510 
 
511 
@media (min-width: 768px){
512 
#page-wrapper #page {
513 
    padding-top: 55px;
514 
    }
515 
}
516 
 
517 
li[data-key=home] {
518 
    display: none;
519 
}
520 
 
521 
.btn-group .btn.active, .btn-group #page .hsuforum-tools a.active, #page .hsuforum-tools .btn-group a.active {
522 
    background-color: #edeffa;
523 
    color: #000;
524 
    height: 40px;
525 
}
526 
 
527 
.drawer-right .drawerheader{
528 
    display: none;
529 
}
530 
 
531 
.page-header-content {
532 
    margin: 11px 0;
533 
    position: relative;
534 
    z-index: 1;
535 
}
536 
 
537 
.rui-main-content-title--h3{
538 
    display: none;
539 
}
540 
 
541 
.flex-wrap{
542 
    padding-top: 2px;
543 
}
544 
 
545 
.activityiconcontainer {
546 
    margin-left: 5px;
83 ariadna 547 
    display: none;
1 efrain 548 
}
549 
 
550 
@media (min-width: 768px){
551 
    .d-md-block {
552 
        display: none !important;
553 
    }
554 
}
555 
 
556 
@media (min-width: 320px){
557 
.form-inline .custom-select {
558 
    margin-left: 5px;
559 
    font-size: smaller;
560 
    height: 35px;
561 
    padding-top: 5px;
562 
    padding-bottom: 5px;
563 
    border-radius: 5px;
564 
    margin-top: 15px;
565 
}
566 
}
567 
 
568 
.rui-title-container {
569 
    margin-top: 0px;
570 
    margin-bottom: 0px;
571 
}
572 
 
573 
.form-inline input {
574 
    height: 35px;
575 
    padding-top: 5px;
576 
    padding-bottom: 5px;
577 
    border-radius: 5px;
578 
}
579 
 
580 
.mb-4, .my-4 {
581 
    margin-bottom: 0.5rem !important;
582 
    height: 40px;
583 
}
584 
 
585 
[data-action="forum-inpage-submit"] {
586 
    position: relative;
587 
    height: 35px;
588 
}
589 
 
590 
.btn.dropdown-toggle, #page .hsuforum-tools a.dropdown-toggle {
591 
    border: 0;
592 
    border-radius: 5px;
593 
    height: 35px;
594 
    font-size: smaller;
595 
    margin-right: 15px;
596 
    margin-top: 7%;
597 
}
598 
 
599 
.btn-secondary{
600 
    border-radius: 5px;
601 
    margin-top: 5px;
602 
    margin-right: 12px;
603 
}
604 
 
605 
 
606 
 
607 
@media (min-width: 768px) {
608 
    .tertiary-navigation .navitem:not(:last-child), .tertiary-navigation .navitem-divider:not(:last-child) {
609 
        margin-left: 10px;
610 
        margin-top: 5px;
611 
    }
612 
}
613 
 
614 
.mr-1{
615 
    height: 35px;
616 
    font-size: smaller;
617 
}
618 
 
619 
@media (min-width: 320px) {
620 
    .mform fieldset.collapsible legend a.fheader[aria-expanded="true"]{
621 
        margin-left: 5px;
622 
        margin-right: 10px;
623 
    }
624 
}
625 
 
626 
.form-group label{
627 
    margin-right: 30%;
628 
}
629 
 
630 
[data-fieldtype="editor"]>div {
631 
    margin-right: 10px;
632 
}
633 
 
634 
.mb-0 {
635 
    margin-right: 0%;
636 
    margin-left: 3%;
637 
}
638 
 
639 
.filemanager-container{
640 
    margin-right: 10px;
641 
}
642 
 
643 
.fp-navbar {
644 
    border-color: #E1E1E1;
645 
    margin-right: 10px;
646 
}
647 
 
648 
.filemanager .fp-restrictions {
649 
    margin-right: 15px;
650 
}
651 
 
652 
.ml-1{
653 
    margin-left: 0.25rem !important;
654 
    margin-top: 13.5px !important;
655 
}
656 
 
657 
form-inline .custom-select {
658 
    margin-top: 15px;
659 
}
660 
 
661 
.submissionstatustable{
662 
    margin-top: 3%;
663 
}
664 
 
665 
.btn:not(:disabled):not(.disabled), #page .hsuforum-tools a:not(:disabled):not(.disabled) {
666 
    margin-top: 5px;
667 
}
668 
 
669 
button:not(:disabled){
670 
    height: 35px;
671 
}
672 
 
673 
.custom-control{
674 
    margin-top: 5px;
675 
}
676 
 
677 
.tertiary-navigation .row{
678 
    margin-left: 10px;
679 
}
680 
 
681 
.h3 {
682 
    font-size: 1rem;
683 
    line-height: 1.3;
684 
    margin-left: 10px;
685 
}
686 
 
687 
.que .grade{
688 
    margin-top: 10px;
689 
}
690 
 
691 
.que .qtext {
692 
    font-size: smaller;
693 
}
694 
 
695 
.formulation.clearfix {
696 
    width: 50%;
697 
    margin-left: 25%;
698 
}
699 
 
700 
.notyetanswered .state{
701 
    margin-left: 7px;
702 
}
703 
 
704 
.que.multichoice .answer div.r0{
705 
    height: 40px;
706 
    font-size: smaller;
707 
}
708 
 
709 
.ml-1{
710 
    margin-top: 0.25px !important;
711 
}
712 
 
713 
.que .info .questionflag a{
714 
    border-radius: 5px;
715 
}
716 
 
717 
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav{
718 
    margin-right: 5px;
719 
    font-size: 75%;
720 
}
721 
 
722 
.btn--darkmode{
723 
    display:none;
724 
}
725 
 
726 
.search-input-group{
727 
    margin-left: 14.5%;
728 
}
729 
 
730 
.rui-course-card-deck {
731 
    display: flex !important;
732 
    flex-wrap: wrap;
733 
    flex-direction: row !important;
734 
}
735 
 
736 
.rui-course-card-deck .rui-course-card {
737 
    border-radius: 20px;
738 
    border: 1px solid #eee;
739 
    box-shadow: 1px 1px 1px #ddd;
740 
    grid-template-columns: repeat(3, 1fr);
741 
    grid-template-rows: repeat(2, 1fr);
742 
    max-width: calc(50% - 18px);
743 
    min-width: 450px;
744 
    width: 100%;
745 
}
746 
 
747 
.rui-course-card-deck .rui-course-card > *:not(a){
748 
    grid-column: 2/4;
749 
}
750 
 
751 
.rui-course-card-deck .rui-course-card > a{
752 
    grid-column: 1/2;
753 
    grid-row: 1/3;
754 
}
755 
 
756 
#page-my-index #block-region-dtopblocks {
757 
    display: flex;
758 
    flex-wrap: wrap;
759 
    justify-content: space-between;
760 
}
761 
 
762 
#page-my-index #block-region-dtopblocks > .card{
763 
    flex: 1;
764 
}
765 
 
766 
#page-my-index #block-region-dtopblocks .rui-course-card{
767 
    max-width: none;
768 
}
769 
 
770 
#page.drawers .main-inner{
771 
    background-color: #fff;
772 
}
773 
 
774 
.search-input-group .search-input {
775 
    font-size: small;
776 
    height: 35px;
777 
}
778 
 
779 
body.drawer-open-right #sidepreopen-control {
780 
    position: fixed;
781 
    z-index: 1120;
782 
    display: none;
783 
}
784 
 
785 
.card-title {
786 
    display: none !important;
787 
}
788 
 
789 
.rui-main-content-title--h1 {
790 
    display: none;
791 
}
792 
 
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 
}