[Summary view] [Print] [Text view]

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