mod/assign/styles.css

   1 /* stylelint-disable max-line-length */
   2 /* FIXME: MDL-55370: remove this stylelint disable */
   3 .path-mod-assign div.gradingnavigation div {
   4     float: left;
   5     margin-left: 2em;
   6 }
   7
   8 .path-mod-assign div.submissionstatustable,
   9 .path-mod-assign div.submissionfull,
  10 .path-mod-assign div.submissionlinks,
  11 .path-mod-assign div.usersummary,
  12 .path-mod-assign div.feedback,
  13 .path-mod-assign div.gradingsummary {
  14     margin-bottom: 5em;
  15 }
  16
  17 .path-mod-assign div.submissionstatus .generaltable,
  18 .path-mod-assign div.submissionlinks .generaltable,
  19 .path-mod-assign div.feedback .generaltable,
  20 .path-mod-assign div.submissionsummarytable .generaltable,
  21 .path-mod-assign div.attempthistory table,
  22 .path-mod-assign div.gradingsummary .generaltable {
  23     width: 100%;
  24 }
  25
  26 .path-mod-assign table.generaltable table td {
  27     border: 0 none;
  28 }
  29
  30 .path-mod-assign .gradingsummarytable,
  31 .path-mod-assign .feedbacktable,
  32 .path-mod-assign .lockedsubmission,
  33 .path-mod-assign .submissionsummarytable {
  34     margin-top: 1em;
  35 }
  36
  37 .path-mod-assign div.submissionsummarytable table tbody tr td.c0 {
  38     width: 30%;
  39 }
  40
  41 .path-mod-assign .submittedlate {
  42     color: red;
  43     font-weight: 900;
  44 }
  45
  46 .path-mod-assign.jsenabled .gradingoptionsform [type=submit] {
  47     display: none;
  48 }
  49
  50 .path-mod-assign.jsenabled .gradingtable .c1 select {
  51     display: none;
  52 }
  53
  54 .path-mod-assign .quickgradingform .mform fieldset {
  55     margin: 0;
  56     padding: 0;
  57 }
  58
  59 .path-mod-assign textarea.quickgrade {
  60     resize: both;
  61 }
  62
  63 .path-mod-assign td.submissionstatus,
  64 .path-mod-assign div.submissionstatus,
  65 .path-mod-assign a:link.submissionstatus {
  66     color: black;
  67     background-color: #efefef;
  68 }
  69
  70 .path-mod-assign td.submissionstatusdraft,
  71 .path-mod-assign div.submissionstatusdraft,
  72 .path-mod-assign a:link.submissionstatusdraft {
  73     color: black;
  74     background-color: #efefcf;
  75 }
  76
  77 .path-mod-assign td.submissionstatussubmitted,
  78 .path-mod-assign div.submissionstatussubmitted,
  79 .path-mod-assign a:link.submissionstatussubmitted {
  80     color: black;
  81     background-color: #cfefcf;
  82 }
  83
  84 .path-mod-assign td.submissionlocked,
  85 .path-mod-assign div.submissionlocked {
  86     color: black;
  87     background-color: #efefcf;
  88 }
  89
  90 .path-mod-assign td.submissionreopened,
  91 .path-mod-assign div.submissionreopened {
  92     color: black;
  93     background-color: #efefef;
  94 }
  95
  96 .path-mod-assign td.submissiongraded,
  97 .path-mod-assign div.submissiongraded {
  98     color: black;
  99     background-color: #cfefcf;
 100 }
 101
 102 .path-mod-assign td.submissionnotgraded,
 103 .path-mod-assign div.submissionnotgraded {
 104     color: black;
 105     background-color: #efefef;
 106 }
 107
 108 .path-mod-assign td.latesubmission,
 109 .path-mod-assign a:link.latesubmission,
 110 .path-mod-assign div.latesubmission {
 111     color: black;
 112     background-color: #efcfcf;
 113 }
 114
 115 .path-mod-assign td.earlysubmission,
 116 .path-mod-assign div.earlysubmission {
 117     color: black;
 118     background-color: #cfefcf;
 119 }
 120
 121 .path-mod-assign td.gradingreminder,
 122 .path-mod-assign div.gradingreminder {
 123     color: black;
 124     background-color: #efcfcf;
 125 }
 126
 127 .path-mod-assign .gradingtable .c0 {
 128     display: none;
 129 }
 130
 131 .path-mod-assign.jsenabled .gradingtable .c0 {
 132     display: table-cell;
 133 }
 134
 135 .path-mod-assign .gradingbatchoperationsform {
 136     display: none;
 137 }
 138
 139 .path-mod-assign.jsenabled .gradingbatchoperationsform {
 140     display: block;
 141 }
 142
 143 .path-mod-assign .gradingtable tr.selectedrow td {
 144     background-color: #fec;
 145 }
 146
 147 .path-mod-assign .gradingtable tr.unselectedrow td {
 148     background-color: white;
 149 }
 150
 151 .path-mod-assign .gradingtable .c0 div.selectall {
 152     margin-left: 7px;
 153 }
 154
 155 .path-mod-assign .gradingtable .yui3-menu ul {
 156     margin: 0;
 157 }
 158
 159 .path-mod-assign .gradingtable .yui3-menu-label {
 160     padding-left: 0;
 161     line-height: 12px;
 162 }
 163
 164 .path-mod-assign .gradingtable .yui3-menu-label img {
 165     padding: 0 3px;
 166 }
 167
 168 .path-mod-assign .gradingtable .yui3-menu li {
 169     list-style-type: none;
 170 }
 171
 172 .path-mod-assign.jsenabled .gradingtable .yui3-loading {
 173     display: none;
 174 }
 175
 176 .path-mod-assign .gradingtable .yui3-menu .yui3-menu-content {
 177     border: 0;
 178     padding-top: 0;
 179 }
 180
 181 .path-mod-assign div.gradingtable tr .quickgrademodified {
 182     background-color: #fc9;
 183 }
 184
 185 .path-mod-assign td.submissioneditable {
 186     color: red;
 187 }
 188
 189 .path-mod-assign .expandsummaryicon {
 190     cursor: pointer;
 191     display: none;
 192 }
 193
 194 .path-mod-assign.jsenabled .expandsummaryicon {
 195     display: inline;
 196 }
 197
 198 .path-mod-assign .hidefull {
 199     display: none;
 200 }
 201
 202 .path-mod-assign .quickgradingform form .commentscontainer input,
 203 .path-mod-assign .quickgradingform form .commentscontainer textarea {
 204     display: none;
 205 }
 206
 207 .path-mod-assign.jsenabled .quickgradingform form .commentscontainer input,
 208 .path-mod-assign.jsenabled .quickgradingform form .commentscontainer textarea {
 209     display: inline;
 210 }
 211
 212 .path-mod-assign .previousfeedbackwarning {
 213     font-size: 140%;
 214     font-weight: bold;
 215     text-align: center;
 216     color: #500;
 217 }
 218
 219 .path-mod-assign .submissionhistory {
 220     background-color: #b0b0b0;
 221 }
 222
 223 .path-mod-assign .submissionhistory .cell.historytitle {
 224     background-color: #808080;
 225 }
 226
 227 .path-mod-assign .submissionhistory .cell {
 228     background-color: #d0d0d0;
 229 }
 230
 231 .path-mod-assign.jsenabled .mod-assign-history-link {
 232     display: block;
 233     cursor: pointer;
 234     margin-bottom: 7px;
 235 }
 236
 237 .path-mod-assign.jsenabled .mod-assign-history-link h4 {
 238     display: inline;
 239 }
 240
 241 .path-mod-assign.jsenabled .attempthistory h4 {
 242     margin-bottom: 7px;
 243     text-align: left;
 244 }
 245
 246 .path-mod-assign.jsenabled.dir_rtl .attempthistory h4 {
 247     text-align: right;
 248 }
 249
 250 .path-mod-assign.jsenabled .mod-assign-history-link-open {
 251     padding: 0 5px 0 20px;
 252     background: url([[pix:t/expanded]]) 2px center no-repeat;
 253 }
 254
 255 .path-mod-assign.jsenabled .mod-assign-history-link-closed {
 256     padding: 0 5px 0 20px;
 257     background: url([[pix:t/collapsed]]) 2px center no-repeat;
 258 }
 259
 260 /*rtl:raw:
 261 .path-mod-assign.jsenabled .mod-assign-history-link-closed {
 262     background-image: url([[pix:t/collapsed_rtl]]);
 263 }
 264 */
 265
 266 .path-mod-assign .submithelp {
 267     padding: 1em;
 268 }
 269
 270 .path-mod-assign .feedbacktitle {
 271     font-weight: bold;
 272 }
 273
 274 .path-mod-assign .submitconfirm,
 275 .path-mod-assign .submissionlinks,
 276 .path-mod-assign .submissionaction {
 277     text-align: center;
 278 }
 279
 280 .path-mod-assign .submissionsummarytable .c0,
 281 .path-mod-assign .mod-assign-history-panel .c0 {
 282     width: 150px;
 283 }
 284
 285 .path-mod-assign .gradingtable .moodle-actionmenu {
 286     white-space: nowrap;
 287 }
 288
 289 .path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a {
 290     padding-left: 12px;
 291     padding-right: 12px;
 292 }
 293
 294 .path-mod-assign .gradingtable .menu-action img {
 295     display: none;
 296 }
 297
 298 .path-mod-assign .editsubmissionform input[name="submissionstatement"] {
 299     vertical-align: top;
 300 }
 301
 302 .path-mod-assign .editsubmissionform label[for="id_submissionstatement"] {
 303     display: inline-block;
 304 }
 305
 306 .path-mod-assign.layout-option-nonavbar {
 307     padding-top: 0;
 308 }
 309
 310 .path-mod-assign [data-region="user-selector"] select {
 311     margin-bottom: 0;
 312 }
 313
 314 .path-mod-assign [data-region="user-selector"] .alignment {
 315     float: right;
 316     width: 320px;
 317     text-align: center;
 318     margin-top: 7px;
 319 }
 320
 321 .path-mod-assign [data-region="user-selector"] [data-action="previous-user"],
 322 .path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
 323     font-size: 26px;
 324 }
 325
 326 .path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
 327     margin-left: -10px;
 328 }
 329
 330 .path-mod-assign [data-region="user-selector"] .alignment input {
 331     margin-bottom: 5px;
 332 }
 333
 334 .path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow {
 335     top: 0;
 336 }
 337
 338 .path-mod-assign [data-region="user-selector"] .form-autocomplete-selection {
 339     display: none;
 340 }
 341
 342 .path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
 343     text-align: left;
 344 }
 345
 346 .path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
 347     margin-left: 48px;
 348 }
 349
 350 .path-mod-assign [data-region="user-filters"] {
 351     font-size: small;
 352 }
 353
 354 .path-mod-assign [data-region="configure-filters"] {
 355     display: none;
 356     text-align: left;
 357     width: auto;
 358     background-color: #fff;
 359     background-clip: padding-box;
 360     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 361     border-radius: 6px;
 362     position: absolute;
 363     margin-top: 28px;
 364     margin-left: -140px;
 365     padding: 10px 0;
 366     z-index: 1;
 367 }
 368
 369 .path-mod-assign [data-region="configure-filters"]::before,
 370 .path-mod-assign [data-region="configure-filters"]::after {
 371     position: absolute;
 372     left: auto;
 373     display: inline-block;
 374     content: '';
 375     border-style: solid;
 376     border-color: transparent;
 377     border-top: none;
 378 }
 379
 380 .path-mod-assign [data-region="configure-filters"]::before {
 381     top: -7px;
 382     right: 12px;
 383     border-width: 7px;
 384     border-bottom-color: rgba(0, 0, 0, 0.2);
 385 }
 386
 387 .path-mod-assign [data-region="configure-filters"]::after {
 388     top: -6px;
 389     right: 13px;
 390     border-width: 6px;
 391     border-bottom-color: #fff;
 392 }
 393
 394 .path-mod-assign [data-region="configure-filters"] label {
 395     display: block;
 396     padding: 3px 20px;
 397 }
 398
 399 .path-mod-assign .alignment [data-region="configure-filters"] input {
 400     margin-bottom: 0;
 401 }
 402
 403 .path-mod-assign [data-region="grading-navigation-panel"] {
 404     position: absolute;
 405     top: 0;
 406     left: 0;
 407     width: 100%;
 408     height: 6em;
 409     margin: 0;
 410     border-bottom: 1px solid #ddd;
 411 }
 412
 413 .path-mod-assign [data-region="grading-navigation"] {
 414     padding: 1em;
 415 }
 416 .path-mod-assign [data-region="assignment-info"] {
 417     white-space: nowrap;
 418     overflow-x: hidden;
 419     text-overflow: ellipsis;
 420 }
 421 .path-mod-assign [data-region="assignment-info"] small[data-region="assignment-tooltip"] {
 422     margin-left: 0.5em;
 423 }
 424
 425 .path-mod-assign [data-region="user-info"] {
 426     height: 60px;
 427 }
 428
 429 .path-mod-assign [data-region="user-info"] a {
 430     text-decoration: none;
 431 }
 432
 433 .path-mod-assign [data-region="user-info"] .img-rounded {
 434     display: block;
 435     float: left;
 436     margin-top: -3px;
 437     margin-right: 10px;
 438 }
 439
 440 .path-mod-assign [data-region="user-info"] em {
 441     display: block;
 442     font-style: normal;
 443 }
 444
 445 .path-mod-assign [data-region="user-info"] em.nowrap {
 446     white-space: nowrap;
 447     overflow: hidden;
 448     text-overflow: ellipsis;
 449 }
 450
 451 .path-mod-assign [data-region="grading-actions-form"] label {
 452     display: inline-block;
 453 }
 454
 455 .path-mod-assign.pagelayout-embedded {
 456     overflow: hidden;
 457 }
 458
 459 .path-mod-assign [data-region="review-panel"] {
 460     position: absolute;
 461     top: 85px;
 462     bottom: 60px;
 463     left: 0;
 464     right: 30%;
 465     width: auto;
 466     box-sizing: border-box;
 467     -webkit-transition: right 0.5s, left 0.5s;
 468     -moz-transition: right 0.5s, left 0.5s;
 469     transition: right 0.5s, left 0.5s;
 470 }
 471
 472 .path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
 473     right: 30px;
 474 }
 475
 476 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
 477     display: none;
 478     height: 30px;
 479     width: 30px;
 480     position: absolute;
 481     top: 0;
 482     right: 0;
 483     left: auto;
 484     box-sizing: border-box;
 485     border-radius: 0 0 0 4px;
 486     border: 1px solid #ccc;
 487     border-top: none;
 488     background-color: #fff;
 489     z-index: 99999;
 490 }
 491
 492 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
 493 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
 494     width: 100%;
 495     height: 100%;
 496     text-align: center;
 497     line-height: 30px;
 498 }
 499
 500 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
 501 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
 502     visibility: hidden;
 503     opacity: 0;
 504     height: 0;
 505     overflow: hidden;
 506 }
 507
 508 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img {
 509     height: 100%;
 510     float: right;
 511 }
 512
 513 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon {
 514     display: none;
 515 }
 516
 517 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
 518     display: block;
 519 }
 520
 521 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width {
 522     display: none;
 523 }
 524
 525 .path-mod-assign [data-region="review-panel"] .pageheader {
 526     border-right: 1px solid #ddd;
 527 }
 528
 529 .path-mod-assign [data-region="review-panel"] + [data-region="grade-panel"] [data-region="grade"] {
 530     margin-left: auto;
 531     margin-right: auto;
 532     max-width: 100%;
 533     -webkit-transition: max-width 0.5s;
 534     -moz-transition: max-width 0.5s;
 535     transition: max-width 0.5s;
 536 }
 537
 538 .path-mod-assign [data-region="review-panel"] .drawingregion {
 539     left: 0;
 540     right: 0;
 541     border-color: #ddd;
 542 }
 543
 544 .path-mod-assign [data-region="review-panel"].collapsed {
 545     left: calc(30px - 70%);
 546     right: calc(100% - 30px);
 547     -webkit-transition: right 0.5s, left 0.5s;
 548     -moz-transition: right 0.5s, left 0.5s;
 549     transition: right 0.5s, left 0.5s;
 550 }
 551
 552 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"] {
 553     visibility: hidden;
 554     -webkit-transition: visibility 0s 0.5s;
 555     -moz-transition: visibility 0s 0.5s;
 556     transition: visibility 0s 0.5s;
 557 }
 558
 559 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon {
 560     display: block;
 561 }
 562
 563 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
 564     display: none;
 565 }
 566
 567 .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] {
 568     position: absolute;
 569     left: 30px;
 570     right: 0;
 571     width: calc(100% - 30px);
 572     overflow: auto;
 573     -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
 574     -moz-transition: width 0.5s, right 0.5s, left 0.5s;
 575     transition: width 0.5s, right 0.5s, left 0.5s;
 576 }
 577
 578 .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"],
 579 .path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
 580     max-width: 800px;
 581     margin-left: auto;
 582     margin-right: auto;
 583 }
 584
 585 .path-mod-assign [data-region="grade-panel"] {
 586     position: absolute;
 587     top: 85px;
 588     bottom: 60px;
 589     right: 0;
 590     left: 70%;
 591     width: 30%;
 592     overflow: auto;
 593     box-sizing: border-box;
 594     background-color: #f5f5f5;
 595     padding: 15px;
 596     padding-top: 0;
 597     -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
 598     -moz-transition: width 0.5s, right 0.5s, left 0.5s;
 599     transition: width 0.5s, right 0.5s, left 0.5s;
 600 }
 601
 602 .path-mod-assign [data-region="grade-panel"].collapsed {
 603     left: calc(100% - 30px);
 604     right: calc(30px - 100%);
 605     visibility: hidden;
 606     -webkit-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
 607     -moz-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
 608     transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
 609 }
 610
 611 .path-mod-assign [data-region="grade-panel"].fullwidth {
 612     left: 0;
 613     width: 100%;
 614     overflow: auto;
 615 }
 616
 617 .path-mod-assign [data-region="grade-panel"] h3 {
 618     font-size: 18px;
 619     font-weight: 500;
 620 }
 621
 622 /***** Start submission status *****/
 623
 624 .path-mod-assign [data-region="grade-panel"] div.submissionstatustable {
 625     margin-bottom: 2em;
 626 }
 627
 628 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable {
 629     margin-left: 5px;
 630     margin-right: 5px;
 631 }
 632
 633 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td {
 634     padding: 8px 0;
 635     background-color: transparent;
 636 }
 637
 638 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody > tr:nth-child(2n+1) > td,
 639 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover > td {
 640     background-color: transparent;
 641 }
 642
 643 .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0 {
 644     width: auto;
 645 }
 646
 647 .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,
 648 .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1 {
 649     border-bottom: 1px solid #ddd;
 650 }
 651
 652 .path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,
 653 .path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
 654     color: red;
 655     background-color: transparent;
 656 }
 657
 658 .path-mod-assign div.fileuploadsubmission {
 659     float: left;
 660     min-width: 300px;
 661 }
 662
 663 .path-mod-assign div.fileuploadsubmissiontime {
 664     float: right;
 665 }
 666
 667 /***** End submission status *****/
 668
 669 .path-mod-assign [data-region="grade-panel"] #id_gradeheader {
 670     display: table-cell;
 671     min-width: 0;
 672 }
 673
 674 .path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
 675     visibility: hidden;
 676     height: 0;
 677     margin-bottom: 0;
 678 }
 679
 680 .path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols] {
 681     width: 100%;
 682     box-sizing: border-box;
 683 }
 684
 685 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,
 686 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,
 687 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,
 688 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading,
 689 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager {
 690     background-color: #fff;
 691     border: 1px solid #ddd;
 692     margin-bottom: 20px;
 693 }
 694
 695 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,
 696 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,
 697 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,
 698 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading .fitemtitle,
 699 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle {
 700     padding-left: 5px;
 701     padding-right: 5px;
 702 }
 703
 704 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,
 705 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,
 706 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,
 707 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_fgrading .felement,
 708 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement {
 709     padding: 6px 10px 10px;
 710     box-sizing: border-box;
 711 }
 712
 713 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,
 714 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,
 715 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,
 716 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_fgrading .fitemtitle,
 717 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle {
 718     border-bottom: 1px solid #ddd;
 719     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 720     padding: 6px 10px 3px;
 721     box-sizing: border-box;
 722 }
 723
 724 .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img {
 725     margin-left: 2px;
 726     margin-right: 2px;
 727     margin-top: -2px;
 728 }
 729
 730 .path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img {
 731     margin-left: -6px;
 732     margin-right: -6px;
 733     margin-top: 4px;
 734 }
 735
 736 .path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,
 737 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label {
 738     font-weight: 500;
 739 }
 740
 741 /***** Start grade *****/
 742
 743 .path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem {
 744     padding-top: 5px;
 745 }
 746
 747 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle {
 748     display: inline-block;
 749     width: auto;
 750     border-bottom: none;
 751     box-shadow: none;
 752 }
 753
 754 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement {
 755     width: auto;
 756     float: right;
 757 }
 758
 759 .path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
 760     width: 80px;
 761     margin-bottom: 0;
 762 }
 763
 764 /***** End grade *****/
 765
 766 /***** Start rubric *****/
 767
 768 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
 769     padding-bottom: 0;
 770     max-width: none;
 771 }
 772
 773 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
 774     font-weight: 500;
 775     min-width: 150px;
 776 }
 777
 778 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels {
 779     background-color: #fff;
 780 }
 781
 782 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,
 783 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even {
 784     background-color: transparent;
 785 }
 786
 787 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric.evaluate .criterion .levels .level:hover {
 788     background-color: #dff0d8;
 789 }
 790
 791 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level.checked {
 792     background-color: #dff0d8;
 793     border: none;
 794     border-left: 1px solid #ddd;
 795 }
 796
 797 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level .score {
 798     color: #468847;
 799     font-weight: 500;
 800     font-style: normal;
 801     margin-top: 20px;
 802 }
 803
 804 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
 805     margin-bottom: 0;
 806 }
 807
 808 /***** End rubric *****/
 809
 810 /***** Start marking guide *****/
 811
 812 .path-mod-assign [data-region="grade-panel"] .gradingform_guide {
 813     margin-bottom: 10px;
 814 }
 815
 816 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,
 817 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,
 818 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
 819     display: block;
 820 }
 821
 822 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly {
 823     padding-top: 10px;
 824 }
 825
 826 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription {
 827     margin-top: 5px;
 828 }
 829
 830 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers {
 831     width: auto;
 832     margin-top: 5px;
 833 }
 834
 835 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
 836     margin-bottom: 10px;
 837 }
 838
 839 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
 840     float: right;
 841     margin-top: 2px;
 842     margin-left: 0;
 843 }
 844
 845 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
 846     float: left;
 847     padding-bottom: 8px;
 848 }
 849
 850 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,
 851 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div {
 852     display: inline-block;
 853 }
 854
 855 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,
 856 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even {
 857     background-color: transparent;
 858     border-width: 0 0 1px 0;
 859     padding: 8px 0;
 860 }
 861
 862 .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
 863 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
 864     background-color: #f5f5f5;
 865     padding: 10px;
 866 }
 867
 868 /***** End marking guide *****/
 869
 870 .path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager {
 871     margin-bottom: 0;
 872 }
 873
 874 /***** Start popout dialogue *****/
 875
 876 .path-mod-assign [data-region="grade-panel"] .fitem.popout {
 877     position: fixed;
 878     left: 20%;
 879     right: 20%;
 880     top: 20%;
 881     bottom: 20%;
 882     z-index: 1000;
 883     border: 1px solid rgba(0, 0, 0, 0.3);
 884     border-radius: 6px;
 885     box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 886 }
 887
 888 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle {
 889     text-align: center;
 890     padding-left: 15px;
 891     padding-right: 15px;
 892     height: 45px;
 893 }
 894
 895 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label {
 896     font-size: 16px;
 897     line-height: 30px;
 898 }
 899
 900 .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
 901     float: right;
 902 }
 903
 904 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img {
 905     margin-top: -10px;
 906     margin-right: -7px;
 907 }
 908
 909 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
 910     padding: 10px 15px 15px;
 911     height: calc(100% - 54px);
 912     overflow: auto;
 913 }
 914
 915 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric {
 916     overflow: visible;
 917 }
 918
 919 /***** End popout dialogue *****/
 920
 921 /***** Start attempt settings *****/
 922
 923 .path-mod-assign [data-region="grade-panel"] #id_attemptsettings > legend {
 924     font-size: 18px;
 925     font-weight: 500;
 926     line-height: 40px;
 927     border-bottom: 0;
 928     margin-bottom: 10px;
 929 }
 930
 931 .path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer {
 932     display: table;
 933     width: 100%;
 934     padding-left: 5px;
 935     padding-right: 5px;
 936     margin-bottom: 10px;
 937     box-sizing: border-box;
 938 }
 939
 940 .path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
 941     display: table-row;
 942 }
 943
 944 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,
 945 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
 946     border-bottom: 1px solid #ddd;
 947 }
 948
 949 .path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,
 950 .path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label {
 951     font-weight: 400;
 952 }
 953
 954 .path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select {
 955     margin-bottom: 0;
 956 }
 957
 958 .path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
 959     margin-bottom: 10px;
 960     vertical-align: text-bottom;
 961 }
 962
 963 /***** End attempt settings *****/
 964
 965 .path-mod-assign [data-region="grade-actions-panel"] {
 966     border-top: 1px solid #ddd;
 967     position: absolute;
 968     bottom: 0;
 969     left: 0;
 970     width: 100%;
 971     height: 60px;
 972 }
 973
 974 /*rtl:ignore*/
 975 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
 976     position: absolute;
 977     top: 0;
 978     left: auto;
 979     right: 15px;
 980     margin: 0;
 981     height: 100%;
 982     line-height: 60px;
 983 }
 984
 985 .path-mod-assign [data-region="grade-actions"] {
 986     padding: 1em;
 987     text-align: center;
 988 }
 989
 990 .path-mod-assign [data-region="submissions-list"] {
 991     text-align: inherit;
 992 }
 993
 994 .path-mod-assign [data-region="submissions-list"] label.radio input {
 995     margin-top: 4px;
 996     min-width: inherit;
 997 }
 998
 999 .path-mod-assign [data-region="overlay"] {
1000     display: none;
1001     z-index: 100;
1002     position: absolute;
1003     top: 0;
1004     left: 0;
1005     width: 100%;
1006     overflow: auto;
1007     bottom: 0;
1008     background-color: #ddd;
1009     opacity: 0.4;
1010     padding-top: 4em;
1011     text-align: center;
1012 }
1013
1014 @media (max-width: 767px) {
1015     .path-mod-assign.pagelayout-embedded {
1016         overflow: auto;
1017     }
1018
1019     .path-mod-assign [data-region="assignment-info"] {
1020         border-bottom: 1px solid #ddd;
1021         padding-bottom: 5px;
1022     }
1023
1024     .path-mod-assign .page-context-header .page-header-headings {
1025         margin-top: 13px;
1026     }
1027
1028     .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
1029         display: none;
1030     }
1031
1032     .path-mod-assign [data-region="grading-navigation-panel"],
1033     .path-mod-assign [data-region="review-panel"],
1034     .path-mod-assign [data-region="grade-panel"],
1035     .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"],
1036     .path-mod-assign [data-region="grade-actions-panel"] {
1037         position: inherit;
1038         width: 100%;
1039         top: 0;
1040         left: 0;
1041         right: auto;
1042         overflow: auto;
1043         height: auto;
1044         margin-bottom: 1em;
1045     }
1046
1047     .path-mod-assign [data-region="grade-panel"].collapsed {
1048         visibility: visible;
1049     }
1050
1051     .path-mod-assign [data-region="grading-navigation"] {
1052         padding: 0;
1053         text-align: center;
1054     }
1055
1056     .path-mod-assign [data-region="grade-panel"] {
1057         margin-bottom: 2em;
1058     }
1059
1060     .path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
1061         display: none;
1062     }
1063
1064     .path-mod-assign [data-region="review-panel"] {
1065         position: relative;
1066         max-height: 2000px;
1067         -webkit-transition: max-height 0.25s linear;
1068         -moz-transition: max-height 0.25s linear;
1069         transition: max-height 0.25s linear;
1070     }
1071
1072     .path-mod-assign [data-region="review-panel"] .pageheader {
1073         border-right: none;
1074         padding-right: 20px;
1075         padding-left: 40px;
1076     }
1077
1078     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
1079         display: block;
1080         height: 20px;
1081         width: 20px;
1082         position: absolute;
1083         top: 0;
1084         left: 0;
1085         right: auto;
1086         box-sizing: border-box;
1087         border: 1px solid #ccc;
1088         border-radius: 0 0 4px 0;
1089         background-color: #fff;
1090         z-index: 99999;
1091     }
1092
1093     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
1094     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
1095         width: 100%;
1096         height: 100%;
1097         text-align: center;
1098         line-height: 30px;
1099     }
1100
1101     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,
1102     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
1103         height: 100%;
1104     }
1105
1106     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon {
1107         float: left;
1108     }
1109
1110     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
1111         float: right;
1112     }
1113
1114     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
1115     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
1116         line-height: 20px;
1117         visibility: visible;
1118         opacity: 1;
1119         height: auto;
1120         -webkit-transition: visibility 0s 0.25s, opacity 0s 0.25s;
1121         -moz-transition: visibility 0s 0.25s, opacity 0s 0.25s;
1122         transition: visibility 0s 0.25s, opacity 0s 0.25s;
1123     }
1124
1125     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon {
1126         display: none;
1127     }
1128
1129     .path-mod-assign [data-region="review-panel"].collapsed {
1130         max-height: 20px;
1131         top: 0;
1132         left: 0;
1133         overflow: hidden;
1134         -webkit-transition: max-height 0.25s linear;
1135         -moz-transition: max-height 0.25s linear;
1136         transition: max-height 0.25s linear;
1137     }
1138
1139     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] {
1140         width: 100%;
1141         border-radius: 0 0 0 0;
1142         -webkit-transition: all 0s 0.25s;
1143         -moz-transition: all 0s 0.25s;
1144         transition: all 0s 0.25s;
1145     }
1146
1147     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img {
1148         height: 100%;
1149     }
1150
1151     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
1152         display: block;
1153     }
1154
1155     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
1156         display: none;
1157     }
1158
1159     .path-mod-assign.pagelayout-popup {
1160         overflow: inherit;
1161     }
1162
1163     .path-mod-assign [data-region="grading-navigation"] [data-region="user-info"] {
1164         text-align: left;
1165         width: auto;
1166         display: inline-block;
1167         margin: 0 auto;
1168     }
1169
1170     .path-mod-assign [data-region="user-selector"] .alignment {
1171         float: none;
1172         margin: 0 auto 10px;
1173     }
1174 }
1175
1176 /** Start of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
1177
1178 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
1179     display: block;
1180     margin-top: 4px;
1181     margin-bottom: 4px;
1182     text-align: left;
1183     width: 100%;
1184 }
1185
1186 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
1187     margin-left: 0;
1188     width: 100%;
1189     float: left;
1190     padding-left: 0;
1191     padding-right: 0;
1192 }
1193
1194 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty {
1195     display: none;
1196 }
1197
1198 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox > span,
1199 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio > span,
1200 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup > span {
1201     margin-top: 4px;
1202 }
1203
1204 .path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
1205     display: inline-block;
1206     width: auto;
1207     margin-right: 8px;
1208 }
1209
1210 .path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement {
1211     display: inline-block;
1212     margin-top: 4px;
1213     padding-top: 5px;
1214     width: auto;
1215 }
1216
1217 .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,
1218 .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
1219     display: inline-block;
1220     width: auto;
1221 }
1222
1223 .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
1224     padding: 6px;
1225 }
1226
1227 /** End of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
1228
1229 /** Styles to fix base theme **/
1230 .path-mod-assign #page,
1231 .path-mod-assign #page-content {
1232     position: inherit;
1233 }
1234 /** End of base fixes **/
1235
1236 /** Fix to YUI tree (which is a table) when displayed within grading table. **/
1237 .path-mod-assign table.generaltable table td.ygtvcell {
1238     border: 0;
1239     padding: 0;
1240 }
1241 /** End of YUI tree fix **/