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 
#page-mod-resource-view .drawer-right .drawerheader , #page-mod-hvp-view .drawer-right .drawerheader  {
133 
    display: none;
134 
}
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 
 
539 
.rui-main-content-title--h3{
540 
    display: none;
541 
}
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 
.rui-main-content-title--h1 {
792 
    display: none;
793 
}
794 
 
795 
h1 {
796 
    font-size: 30px;
797 
    margin-bottom: 5px;
798 
}
799 
 
800 
.block_myprofile .myprofileitem.fullname {
801 
    font-size: 1.4rem;
802 
}
803 
 
804 
.form-control, [type="text"]{
805 
    border-radius: 5px;
806 
    font-size: smaller;
807 
    height: 35px;
808 
}
809 
 
810 
.search-input-group .search-input-btn{
811 
    right: -35px;
812 
}
813 
 
814 
.myprofileitem p {
815 
    font-size: 1.1rem;
816 
}
817 
 
818 
.font-weight-bold {
819 
    border-radius: 5px;
820 
    font-size: small;
821 
    height: 35px;
10 ariadna 822 
}
823 
 
824 
.userinitials{
825 
    border-radius: 30px;
826 
    border: 1px solid #000000;
827 
    color: #ffffff;
828 
    background-color: #000;
829 
}
830 
 
831 
.comment-message .picture .userinitials{
832 
    min-width: 50px;
833 
    min-height: 50px;
32 ariadna 834 
}
835 
 
836 
.page-mycourses .block .block-controls{
837 
    margin-top: 25px;
838 
    right: 0;
61 ariadna 839 
}
840 
 
77 ariadna 841 
 
842 
.mr-5 {
62 ariadna 843 
    border: 1px solid #212121;
61 ariadna 844 
    border-radius: 10px;
62 ariadna 845 
    background: #212121;
77 ariadna 846 
    margin-top: 45px;
847 
    width: 210px !important;
848 
    height: 50px !important;
81 ariadna 849 
    margin-right: 5px !important;
61 ariadna 850 
}
851 
 
852 
.block_point_view.reactions-container {
853 
    z-index: 1;
854 
    position: relative;
855 
    float: right;
78 ariadna 856 
    margin-top: 27px;
61 ariadna 857 
    margin-right: 2.5rem !important;
72 ariadna 858 
    width: 200px !important;
859 
    height: 100px !important;
62 ariadna 860 
}
861 
 
862 
.d-inline-block {
72 ariadna 863 
    color: #bbb;
63 ariadna 864 
}
865 
 
68 ariadna 866 
 
867 
.font-weight-bold {
868 
    border-radius: 5px;
869 
    font-size: small;
95 ariadna 870 
    height: auto;
68 ariadna 871 
}
872 
 
69 ariadna 873 
@media (min-width: 768px) {
874 
    #page-wrapper #page {
875 
        padding-top: 5px;
876 
    }
72 ariadna 877 
}
878 
 
879 
.my-0{
880 
    height: 20px;
881 
}
882 
 
883 
.rounded {
884 
    border-radius: 30px !important;
75 ariadna 885 
}
886 
 
887 
.singleselect {
888 
    max-width: 100%;
889 
    margin-left: 2.5px;
76 ariadna 890 
}
891 
 
79 ariadna 892 
.block_point_view.reactions-container .withtooltip {
893 
    margin-right: -2.5px;
82 ariadna 894 
}
895 
 
896 
.path-mod .page-header-content .rui-main-content-title{
897 
    display: none;
898 
}
83 ariadna 899 
.page-header-image{
82 ariadna 900 
    display: none;
83 ariadna 901 
}
85 ariadna 902 
 
903 
.dropdown-menu.show {
904 
    max-width: 300px;
905 
    width: 300px;
906 
    overflow: auto;
907 
}
908 
 
89 ariadna 909 
.btn.btn-icon, #page .hsuforum-tools a.btn-icon {
910 
    color: #bbb;
911 
}
85 ariadna 912 
 
91 ariadna 913 
.rui-navbar-brand {
90 ariadna 914 
    margin-top: 15px !important;
85 ariadna 915 
}
89 ariadna 916 
 
917 
.rui-logo.rui-logo-box {
91 ariadna 918 
    box-shadow: none;
89 ariadna 919 
}
92 ariadna 920 
 
921 
.loginfailures .usermenu .avatar::before {
922 
    width: 13.5px !important;
923 
    height: 13.5px !important;
924 
    top: 2px;
925 
    right: auto;
926 
}
100 ariadna 927 
 
928 
.student_feedback_container{
929 
    display: flex;
930 
    flex-direction: row-reverse;
931 
}
932 
 
933 
.student_feedback_container h4{
934 
    display: none;
935 
}
165 ariadna 936 
 
937 
.bloque {
167 ariadna 938 
    border: none !important;
165 ariadna 939 
    margin-right: 10px;
312 ariadna 940 
}
941 
 
942 
.row {
943 
    margin-left: 0px;
319 ariadna 944 
}
945 
 
946 
.activity-navigation {
947 
    display: none;
337 ariadna 948 
}
949 
 
950 
.path-mod .rui-activity-wrapper {
951 
    border: none;
952 
    margin-bottom: 0px;
953 
}
359 ariadna 954 
 
955 
.btn-cesa-course-completion{
337 ariadna 956 
    top: 4rem;
957 
    right: 1rem;
359 ariadna 958 
    margin-bottom: 5px;
345 ariadna 959 
}
960 
.rui-login-box {
961 
    border: 1px solid #e1e1e1;
962 
    width: max-content;
348 ariadna 963 
    margin-left: 38%;
345 ariadna 964 
    padding: 30px;
965 
    border-radius: 20px;
966 
}
967 
 
351 ariadna 968 
.form-control--username-box{
345 ariadna 969 
    margin-bottom: 0.5rem !important;
970 
    margin-top: 20px !important;
349 ariadna 971 
    margin-right: 0px !important;
346 ariadna 972 
}
973 
 
974 
.rui-show-password-btn.rui-show-password-btn--hidden {
975 
    border-radius: 50px;
348 ariadna 976 
    height: 30px;
977 
    margin-top: 1px;
347 ariadna 978 
}
979 
 
980 
.rui-login-layout-1 .login-container {
981 
    min-height: 100vh;
982 
    display: grid;
983 
    align-content: center;
984 
    background: #01011e;
348 ariadna 985 
}
349 ariadna 986 
.btn-lg{
348 ariadna 987 
    padding: 1rem 1.75rem;
350 ariadna 988 
    font-size: 1rem;
348 ariadna 989 
    line-height: 1.5;
352 ariadna 990 
    border-radius: 5px;
348 ariadna 991 
    display: flex !important;
350 ariadna 992 
    height: 45px !important;
352 ariadna 993 
}
994 
 
995 
.item-cursos{
996 
    width: 95% ;
997 
}
998 
 
999 
.bloque {
1000 
    padding: 0px;
1001 
    border-radius: 3px;
1002 
    border: 1px solid #cccccc;
1003 
    /* display: inline-block; */
1004 
    margin-bottom: 15px;
356 ariadna 1005 
    margin-left: 8.5px;
371 ariadna 1006 
    margin-right: 8px;
355 ariadna 1007 
    max-width: 270px;
366 ariadna 1008 
}
1009 
 
1010 
.courseindex .courseindex-item .completion_complete~.courseindex-link {
1011 
    color: #07a4e3;
1012 
}
1013 
.courseindex .courseindex-item .completioninfo.completion_complete {
1014 
    color: #07a4e3;
370 ariadna 1015 
}
1016 
 
1017 
.rui-dashboard-bottom .mt-4 .mb-4{
1018 
    display: none;
1019 
}
373 ariadna 1020 
.page-header-content .flex-wrap{
1021 
    display: none;
1022 
}
1023 
 
1024 
#list-block-cursos-catalogo-ajax{
1025 
        display: grid;
1026 
        flex-wrap: wrap;
1027 
        grid-template-columns: 1fr 1fr;
1028 
        gap: 100px;
1029 
}
1030 
 
1031 
/* Courser page */
1032 
#page-cesa-courses  .block_cursos_catalogo_ajax {
1033 
    width: 100%;
1034 
}
1035 
 
1036 
#page-cesa-courses  #list-block-cursos-catalogo-ajax {
1037 
    display: grid;
1038 
    grid-template-columns: 1fr 1fr;
1039 
    width: 100%;
375 ariadna 1040 
    margin: 16px 0;
373 ariadna 1041 
    gap: 16px;
1042 
}
1043 
 
1044 
#page-cesa-courses  #list-block-cursos-catalogo-ajax .bloque {
1045 
    width: 100%;
1046 
    max-width: none;
374 ariadna 1047 
    margin-bottom: 0 !important;
1048 
    height: fit-content;
373 ariadna 1049 
}
1050 
 
1051 
#page-cesa-courses  #list-block-cursos-catalogo-ajax .bloque .item-cursos {
374 ariadna 1052 
    margin-bottom: 0 !important;
1053 
    margin: 0;
375 ariadna 1054 
    width: 100%;
373 ariadna 1055 
}
376 ariadna 1056 
 
403 ariadna 1057 
#page-cesa-courses .rui-dashboard-bottom, #page-cesa-progress .rui-dashboard-bottom, #page-cesa-forums .rui-dashboard-bottom {
376 ariadna 1058 
    display: none;
1059 
}
377 ariadna 1060 
 
403 ariadna 1061 
#page-cesa-courses .wrapper-header, #page-cesa-progress .wrapper-header, #page-cesa-forums .wrapper-header {
377 ariadna 1062 
    display: none;
1063 
}
403 ariadna 1064 
 
1065 
#page-cesa-forums .no-gutters {
1066 
    margin-right: 0;
1067 
    margin-left: 0;
1068 
    border: 1px solid #e8eaed;
1069 
    border-radius: 10px;
1070 
    padding: 15px;
1071 
}
1072 
 
404 ariadna 1073 
#page-cesa-forums .col-md-12 .card{
403 ariadna 1074 
    width: 100%;
1075 
    max-width: none;
1076 
    margin-bottom: 0 !important;
1077 
    height: fit-content;
1078 
}
1079 
 
404 ariadna 1080 
#page-cesa-forums .col-md-12 .card .mb-3{
403 ariadna 1081 
    margin-bottom: 0 !important;
1082 
    margin: 0;
1083 
    width: 100%;
1084 
}
1085 
 
404 ariadna 1086 
#page-cesa-forums .col-md-12{
403 ariadna 1087 
    display: grid;
1088 
    grid-template-columns: 1fr 1fr;
1089 
    width: 100%;
1090 
    margin: 16px 0;
1091 
    gap: 16px;
1092 
}
405 ariadna 1093 
 
409 ariadna 1094 
@media (min-width: 768px) {
1095 
    #page-calendar-view #page-wrapper {
1096 
        display: flex;
1097 
        flex-direction: row;
1098 
    }
1099 
 
1100 
    #page-calendar-view #page  {
1101 
        flex: 1;
1102 
    }
1103 
 
1104 
    #page-calendar-view #page #page-header  {
1105 
        display: none;
1106 
    }
1107 
 
1108 
    #page-calendar-view #page .main-content  {
1109 
        height: auto !important;
410 ariadna 1110 
        margin-top: -3%;
409 ariadna 1111 
    }
1112 
 
410 ariadna 1113 
    #page-calendar-view .drawer.drawer-right {
409 ariadna 1114 
        display: flex;
410 ariadna 1115 
        width: max-content;
411 ariadna 1116 
        margin-top: 3%;
410 ariadna 1117 
        background: #23292f;
411 ariadna 1118 
        height: 100%;
409 ariadna 1119 
    }
410 ariadna 1120 
 
1121 
    #page-calendar-view .card-body {
1122 
        padding: 10px;
1123 
        margin-top: 70%;
1124 
        margin-left: 15%;
1125 
    }
1126 
 
412 ariadna 1127 
    #page-calendar-view .eventname {
411 ariadna 1128 
        color: #fff !important;
410 ariadna 1129 
    }
415 ariadna 1130 
}
413 ariadna 1131 
 
415 ariadna 1132 
#page-calendar-view .calendar-controls a{
1133 
    color: #000000;
409 ariadna 1134 
}