theme/bootstrapbase/style/moodle.css

   1 /* core.less */
   2 /** Page layout CSS starts **/
   3 .layout-option-noheader #page-header,
   4 .layout-option-nonavbar #page-navbar,
   5 .layout-option-nofooter #page-footer,
   6 .layout-option-nocourseheader .course-content-header,
   7 .layout-option-nocoursefooter .course-content-footer {
   8   display: none;
   9 }
  10 .empty-region-side-pre #block-region-side-pre,
  11 .empty-region-side-post #block-region-side-post,
  12 .jsenabled.docked-region-side-post #block-region-side-post,
  13 .jsenabled.docked-region-side-pre #block-region-side-pre {
  14   display: none;
  15 }
  16 /* Default Three Columns - All
  17 ------------------------------*/
  18 .content-only #region-main-box,
  19 .content-only #region-main {
  20   width: 100%;
  21 }
  22 .empty-region-side-pre.used-region-side-post #region-main {
  23   width: 100%;
  24 }
  25 .empty-region-side-post.used-region-side-pre #region-main-box {
  26   width: 100%;
  27 }
  28 .jsenabled.docked-region-side-pre.empty-region-side-pre.used-region-side-post #region-main {
  29   width: 100%;
  30 }
  31 .jsenabled.docked-region-side-post.empty-region-side-post.used-region-side-pre #region-main-box {
  32   width: 100%;
  33 }
  34 .empty-region-side-post.used-region-side-pre #region-main.span8,
  35 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
  36   /** Increase the span size by 1 **/
  37   width: 74.46808511%;
  38   *width: 74.41489362%;
  39 }
  40 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
  41 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
  42   /** Decrease the span size by 1 **/
  43   width: 23.40425532%;
  44   *width: 23.35106383%;
  45 }
  46 /** Page layout CSS ends **/
  47 .mdl-left {
  48   text-align: left;
  49 }
  50 .mdl-right {
  51   text-align: right;
  52 }
  53 /*rtl:ignore*/
  54 .text-ltr {
  55   direction: ltr !important;
  56   /* stylelint-disable-line declaration-no-important */
  57 }
  58 #add,
  59 #remove,
  60 .centerpara,
  61 .mdl-align {
  62   text-align: center;
  63 }
  64 a.dimmed,
  65 a.dimmed:link,
  66 a.dimmed:visited,
  67 a.dimmed_text,
  68 a.dimmed_text:link,
  69 a.dimmed_text:visited,
  70 .dimmed_text,
  71 .dimmed_text a,
  72 .dimmed_text a:link,
  73 .dimmed_text a:visited,
  74 .usersuspended,
  75 .usersuspended a,
  76 .usersuspended a:link,
  77 .usersuspended a:visited,
  78 .dimmed_category,
  79 .dimmed_category a {
  80   color: #999;
  81 }
  82 .activity.label .dimmed_text {
  83   opacity: 0.5;
  84   filter: alpha(opacity=50);
  85 }
  86 .unlist,
  87 .unlist li,
  88 .inline-list,
  89 .inline-list li,
  90 .block .list,
  91 .block .list li,
  92 .section li.activity,
  93 .section li.movehere,
  94 .tabtree li {
  95   list-style: none;
  96   margin: 0;
  97   padding: 0;
  98 }
  99 .inline,
 100 .inline-list li {
 101   display: inline;
 102 }
 103 .notifytiny {
 104   font-size: 10.5px;
 105 }
 106 .notifytiny li,
 107 .notifytiny td {
 108   font-size: 100%;
 109 }
 110 .red,
 111 .notifyproblem {
 112   color: #b94a48;
 113 }
 114 .green,
 115 .notifysuccess {
 116   color: #468847;
 117 }
 118 .highlight {
 119   background: #d9edf7;
 120 }
 121 .reportlink {
 122   text-align: right;
 123 }
 124 a.autolink.glossary:hover {
 125   cursor: help;
 126 }
 127 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
 128 .collapsibleregioncaption {
 129   white-space: nowrap;
 130 }
 131 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
 132   cursor: pointer;
 133 }
 134 .collapsibleregioncaption img {
 135   vertical-align: middle;
 136 }
 137 .jsenabled .hiddenifjs {
 138   display: none;
 139 }
 140 .visibleifjs {
 141   display: none;
 142 }
 143 .jsenabled .visibleifjs {
 144   display: inline;
 145 }
 146 .jsenabled .collapsibleregion {
 147   overflow: hidden;
 148 }
 149 .jsenabled .collapsed .collapsibleregioninner {
 150   visibility: hidden;
 151 }
 152 .collapsible-actions {
 153   display: none;
 154   text-align: right;
 155 }
 156 .jsenabled .collapsible-actions {
 157   display: block;
 158 }
 159 .collapsible-actions .collapseexpand {
 160   padding-left: 20px;
 161   background: url([[pix:t/collapsed]]) 2px center no-repeat;
 162 }
 163 /*rtl:raw:
 164 .collapsible-actions .collapseexpand {
 165     background: url([[pix:t/collapsed_rtl]]);
 166 }
 167 */
 168 .collapsible-actions .collapse-all {
 169   background-image: url([[pix:t/expanded]]);
 170 }
 171 .yui-overlay .yui-widget-bd {
 172   background-color: #ffee69;
 173   border: 1px solid #a6982b;
 174   border-top-color: #d4c237;
 175   color: #000;
 176   left: 0;
 177   padding: 2px 5px;
 178   position: relative;
 179   top: 0;
 180   z-index: 1;
 181 }
 182 .clearer {
 183   background: transparent;
 184   border-width: 0;
 185   clear: both;
 186   display: block;
 187   height: 1px;
 188   margin: 0;
 189   padding: 0;
 190 }
 191 .bold,
 192 .warning,
 193 .errorbox .title,
 194 .pagingbar .title,
 195 .pagingbar .thispage {
 196   font-weight: bold;
 197 }
 198 img.resize {
 199   height: 1em;
 200   width: 1em;
 201 }
 202 .block img.resize,
 203 .breadcrumb img.resize {
 204   height: 0.9em;
 205   width: 0.8em;
 206 }
 207 /* Icon styles */
 208 img.icon {
 209   height: 16px;
 210   vertical-align: text-bottom;
 211   width: 16px;
 212   padding-right: 6px;
 213 }
 214 img.iconsmall {
 215   height: 12px;
 216   margin-right: 3px;
 217   vertical-align: middle;
 218   width: 12px;
 219 }
 220 img.iconhelp,
 221 .helplink img {
 222   height: 16px;
 223   padding-left: 3px;
 224   vertical-align: text-bottom;
 225   width: 16px;
 226 }
 227 h1 img.iconhelp,
 228 h1 img.icon,
 229 h2 img.iconhelp,
 230 h2 img.icon,
 231 h3 img.iconhelp,
 232 h3 img.icon,
 233 h4 img.iconhelp,
 234 h4 img.icon,
 235 h5 img.iconhelp,
 236 h5 img.icon,
 237 h6 img.iconhelp,
 238 h6 img.icon {
 239   vertical-align: middle;
 240   padding: 4px;
 241 }
 242 img.iconlarge {
 243   height: 24px;
 244   width: 24px;
 245   vertical-align: middle;
 246 }
 247 img.iconsort {
 248   vertical-align: text-bottom;
 249   padding-left: .3em;
 250   margin-bottom: .15em;
 251 }
 252 img.icontoggle {
 253   height: 17px;
 254   vertical-align: middle;
 255   width: 50px;
 256 }
 257 img.iconkbhelp {
 258   height: 17px;
 259   width: 49px;
 260 }
 261 img.icon-pre {
 262   padding-right: 3px;
 263   padding-left: 0;
 264 }
 265 img.icon-post {
 266   padding-left: 3px;
 267   padding-right: 0;
 268 }
 269 .boxaligncenter {
 270   margin-left: auto;
 271   margin-right: auto;
 272 }
 273 .boxalignright {
 274   margin-left: auto;
 275   margin-right: 0;
 276 }
 277 .boxalignleft {
 278   margin-left: 0;
 279   margin-right: auto;
 280 }
 281 .boxwidthnarrow {
 282   width: 30%;
 283 }
 284 .boxwidthnormal {
 285   width: 50%;
 286 }
 287 .boxwidthwide {
 288   width: 80%;
 289 }
 290 .headermain {
 291   font-weight: bold;
 292 }
 293 #maincontent {
 294   display: block;
 295   height: 1px;
 296   overflow: hidden;
 297 }
 298 img.uihint {
 299   cursor: help;
 300 }
 301 #addmembersform table {
 302   margin-left: auto;
 303   margin-right: auto;
 304 }
 305 table.flexible .emptyrow {
 306   display: none;
 307 }
 308 img.emoticon {
 309   vertical-align: middle;
 310   width: 15px;
 311   height: 15px;
 312 }
 313 form.popupform,
 314 form.popupform div {
 315   display: inline;
 316 }
 317 .arrow_button input {
 318   overflow: hidden;
 319 }
 320 .action-icon img.smallicon {
 321   vertical-align: text-bottom;
 322   margin: 0 0.3em;
 323 }
 324 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 325 .no-overflow {
 326   overflow: auto;
 327   padding-bottom: 1px;
 328 }
 329 .pagelayout-report .no-overflow {
 330   overflow: visible;
 331 }
 332 .no-overflow > .generaltable {
 333   margin-bottom: 0;
 334 }
 335 .accesshide {
 336   position: absolute;
 337   left: -10000px;
 338   font-weight: normal;
 339   font-size: 1em;
 340 }
 341 span.hide,
 342 div.hide {
 343   display: none;
 344 }
 345 a.skip-block,
 346 a.skip {
 347   position: absolute;
 348   top: -1000em;
 349   font-size: 0.85em;
 350   text-decoration: none;
 351 }
 352 a.skip-block:focus,
 353 a.skip-block:active,
 354 a.skip:focus,
 355 a.skip:active {
 356   position: static;
 357   display: block;
 358 }
 359 .skip-block-to {
 360   display: block;
 361   height: 1px;
 362   overflow: hidden;
 363 }
 364 .addbloglink {
 365   text-align: center;
 366 }
 367 .blog_entry .audience {
 368   text-align: right;
 369   padding-right: 4px;
 370 }
 371 .blog_entry .tags {
 372   margin-top: 15px;
 373 }
 374 .blog_entry .tags .action-icon img.smallicon {
 375   height: 16px;
 376   width: 16px;
 377 }
 378 .blog_entry .content {
 379   margin-left: 43px;
 380 }
 381 #page-group-index #groupeditform {
 382   text-align: center;
 383 }
 384 #doc-contents h1 {
 385   margin: 1em 0 0 0;
 386 }
 387 #doc-contents ul {
 388   margin: 0;
 389   padding: 0;
 390   width: 90%;
 391 }
 392 #doc-contents ul li {
 393   list-style-type: none;
 394 }
 395 .groupmanagementtable td {
 396   vertical-align: top;
 397 }
 398 .groupmanagementtable #existingcell,
 399 .groupmanagementtable #potentialcell {
 400   width: 42%;
 401 }
 402 .groupmanagementtable #buttonscell {
 403   width: 16%;
 404 }
 405 .groupmanagementtable #buttonscell p.arrow_button input {
 406   width: auto;
 407   min-width: 80%;
 408   margin: 0 auto;
 409 }
 410 .groupmanagementtable #removeselect_wrapper,
 411 .groupmanagementtable #addselect_wrapper {
 412   width: 100%;
 413 }
 414 .groupmanagementtable #removeselect_wrapper label,
 415 .groupmanagementtable #addselect_wrapper label {
 416   font-weight: normal;
 417 }
 418 #group-usersummary {
 419   width: 14em;
 420 }
 421 .groupselector {
 422   margin-top: 3px;
 423   margin-bottom: 3px;
 424   display: inline-block;
 425 }
 426 .groupselector label {
 427   display: inline-block;
 428 }
 429 .dataformatselector {
 430   margin: 1em 0;
 431 }
 432 .dataformatselector label {
 433   display: inline-block;
 434   margin: 0 5px 10px 0;
 435   line-height: 30px;
 436   vertical-align: top;
 437 }
 438 .loginbox {
 439   margin: 15px;
 440   overflow: visible;
 441 }
 442 .loginbox.twocolumns {
 443   margin: 15px;
 444 }
 445 .loginbox h2,
 446 .loginbox .subcontent {
 447   margin: 5px;
 448   padding: 10px;
 449   text-align: center;
 450 }
 451 .loginbox .loginpanel .desc {
 452   margin: 0;
 453   padding: 0;
 454   margin-bottom: 5px;
 455   margin-top: 15px;
 456 }
 457 .loginbox .signuppanel .subcontent {
 458   text-align: left;
 459 }
 460 .loginbox .loginsub {
 461   margin-left: 0;
 462   margin-right: 0;
 463 }
 464 .loginbox .guestsub,
 465 .loginbox .forgotsub,
 466 .loginbox .potentialidps {
 467   margin: 5px 12%;
 468 }
 469 .loginbox .potentialidps .potentialidplist {
 470   margin-left: 40%;
 471 }
 472 .loginbox .potentialidps .potentialidplist div {
 473   text-align: left;
 474 }
 475 .loginbox .loginform {
 476   margin-top: 1em;
 477   text-align: left;
 478 }
 479 .loginbox .loginform .form-label {
 480   float: left;
 481   text-align: right;
 482   width: 49%;
 483   white-space: nowrap;
 484 }
 485 .loginbox .loginform .form-input {
 486   float: right;
 487   width: 50%;
 488 }
 489 .loginbox .loginform .form-input input {
 490   width: 6em;
 491 }
 492 .loginbox .signupform {
 493   margin-top: 1em;
 494   text-align: center;
 495 }
 496 .loginbox.twocolumns .loginpanel,
 497 .loginbox.twocolumns .signuppanel {
 498   width: 48%;
 499   border: 0;
 500   margin: 0;
 501   padding: 0;
 502   -webkit-box-sizing: border-box;
 503   -moz-box-sizing: border-box;
 504   box-sizing: border-box;
 505   display: block;
 506   float: left;
 507   margin-left: 2.76243%;
 508   min-height: 30px;
 509   margin-bottom: -2000px;
 510   padding-bottom: 2000px;
 511 }
 512 .loginbox .potentialidp .smallicon {
 513   vertical-align: text-bottom;
 514   margin: 0 .3em;
 515 }
 516 .notepost {
 517   margin-bottom: 1em;
 518 }
 519 .notepost .userpicture {
 520   float: left;
 521   margin-right: 5px;
 522 }
 523 .notepost .content,
 524 .notepost .footer {
 525   clear: both;
 526 }
 527 .notesgroup {
 528   margin-left: 20px;
 529 }
 530 .path-my .coursebox .overview {
 531   margin: 15px 30px 10px 30px;
 532 }
 533 .path-my .coursebox .info {
 534   float: none;
 535   margin: 0;
 536 }
 537 .mod_introbox {
 538   padding: 10px;
 539 }
 540 table.mod_index {
 541   width: 100%;
 542 }
 543 .comment-ctrl {
 544   font-size: 12px;
 545   display: none;
 546   margin: 0;
 547   padding: 0;
 548 }
 549 .comment-ctrl h5 {
 550   margin: 0;
 551   padding: 5px;
 552 }
 553 .comment-area {
 554   max-width: 400px;
 555   padding: 5px;
 556 }
 557 .comment-area textarea {
 558   width: 100%;
 559   overflow: auto;
 560 }
 561 .comment-area textarea.fullwidth {
 562   -webkit-box-sizing: border-box;
 563   -moz-box-sizing: border-box;
 564   box-sizing: border-box;
 565 }
 566 .comment-area .fd {
 567   text-align: right;
 568 }
 569 .comment-meta span {
 570   color: gray;
 571 }
 572 .comment-link img {
 573   vertical-align: text-bottom;
 574 }
 575 .comment-list {
 576   font-size: 11px;
 577   overflow: auto;
 578   list-style: none;
 579   padding: 0;
 580   margin: 0;
 581 }
 582 .comment-list li {
 583   margin: 2px;
 584   list-style: none;
 585   margin-bottom: 5px;
 586   clear: both;
 587   padding: .3em;
 588   position: relative;
 589 }
 590 .comment-list li.first {
 591   display: none;
 592 }
 593 .comment-paging {
 594   text-align: center;
 595 }
 596 .comment-paging .pageno {
 597   padding: 2px;
 598 }
 599 .comment-paging .curpage {
 600   border: 1px solid #ccc;
 601 }
 602 .comment-message .picture {
 603   width: 20px;
 604   float: left;
 605 }
 606 .comment-message .text {
 607   margin: 0;
 608   padding: 0;
 609 }
 610 .comment-message .text p {
 611   padding: 0;
 612   margin: 0 18px 0 0;
 613 }
 614 .comment-delete {
 615   position: absolute;
 616   top: 0;
 617   right: 0;
 618   margin: .3em;
 619 }
 620 .comment-report-selectall {
 621   display: none;
 622 }
 623 .comment-link {
 624   display: none;
 625 }
 626 .jsenabled .comment-link {
 627   display: block;
 628 }
 629 .jsenabled .showcommentsnonjs {
 630   display: none;
 631 }
 632 .jsenabled .comment-report-selectall {
 633   display: inline;
 634 }
 635 /**
 636 * Completion progress report
 637 */
 638 .completion-expired {
 639   background: #f2dede;
 640 }
 641 .completion-expected {
 642   font-size: 10.5px;
 643 }
 644 .completion-sortchoice,
 645 .completion-identifyfield {
 646   font-size: 10.5px;
 647   vertical-align: bottom;
 648 }
 649 .completion-progresscell {
 650   text-align: right;
 651 }
 652 .completion-expired .completion-expected {
 653   font-weight: bold;
 654 }
 655 /**
 656 * Tags
 657 */
 658 img.user-image {
 659   height: 100px;
 660   width: 100px;
 661 }
 662 #tag-search-box {
 663   text-align: center;
 664   margin: 10px auto;
 665 }
 666 .path-tag .tag-index-items .tagarea {
 667   border: 1px solid #e3e3e3;
 668   border-radius: 4px;
 669   padding: 10px;
 670   margin-top: 10px;
 671 }
 672 .path-tag .tag-index-items .tagarea h3 {
 673   display: block;
 674   padding: 3px 0 10px 0;
 675   margin: 0;
 676   font-size: 1.1em;
 677   font-weight: bold;
 678   line-height: 20px;
 679   color: #999;
 680   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 681   text-transform: uppercase;
 682   word-wrap: break-word;
 683   border-bottom: solid 1px #e3e3e3;
 684   margin-bottom: 10px;
 685 }
 686 .path-tag .tagarea .controls,
 687 .path-tag .tagarea .taggeditems {
 688   *zoom: 1;
 689 }
 690 .path-tag .tagarea .controls:before,
 691 .path-tag .tagarea .taggeditems:before,
 692 .path-tag .tagarea .controls:after,
 693 .path-tag .tagarea .taggeditems:after {
 694   display: table;
 695   content: "";
 696   line-height: 0;
 697 }
 698 .path-tag .tagarea .controls:after,
 699 .path-tag .tagarea .taggeditems:after {
 700   clear: both;
 701 }
 702 .path-tag .tagarea .controls,
 703 .path-tag .tag-backtoallitems {
 704   text-align: center;
 705 }
 706 .path-tag .tagarea .controls .gotopage.nextpage {
 707   float: right;
 708 }
 709 .path-tag .tagarea .controls .gotopage.prevpage {
 710   float: left;
 711 }
 712 .path-tag .tagarea .controls .exclusivemode {
 713   display: inline-block;
 714 }
 715 .path-tag .tagarea .controls.controls-bottom {
 716   margin-top: 5px;
 717 }
 718 .path-tag .tagarea .controls .gotopage.nextpage::after {
 719   /*rtl:remove*/
 720   content: "»";
 721   /*rtl:raw:
 722     content: "«";
 723     */
 724   padding-right: 5px;
 725   padding-left: 5px;
 726 }
 727 .path-tag .tagarea .controls .gotopage.prevpage::before {
 728   /*rtl:remove*/
 729   content: "«";
 730   /*rtl:raw:
 731     content: "»";
 732     */
 733   padding-right: 5px;
 734   padding-left: 5px;
 735 }
 736 span.flagged-tag,
 737 tr.flagged-tag,
 738 span.flagged-tag a,
 739 tr.flagged-tag a {
 740   color: #b94a48;
 741 }
 742 .tag-management-table td,
 743 .tag-management-table th {
 744   vertical-align: middle;
 745   padding: 4px;
 746 }
 747 .tag-management-table .inplaceeditable.inplaceeditingon input {
 748   width: 150px;
 749 }
 750 .path-admin-tag .addstandardtags {
 751   float: right;
 752 }
 753 .path-admin-tag .addstandardtags img {
 754   margin: 0 5px;
 755 }
 756 .path-tag .tag-relatedtags {
 757   padding-top: 10px;
 758 }
 759 .path-tag .tag-management-box {
 760   text-align: right;
 761 }
 762 .path-tag .tag-index-toc {
 763   padding: 10px;
 764   text-align: center;
 765 }
 766 .path-tag .tag-index-toc li,
 767 .path-tag .tag-management-box li {
 768   margin-left: 5px;
 769   margin-right: 5px;
 770 }
 771 .path-tag .tag-management-box li a.edittag {
 772   background-image: url([[pix:moodle|i/settings]]);
 773 }
 774 .path-tag .tag-management-box li a.flagasinappropriate {
 775   background-image: url([[pix:moodle|i/flagged]]);
 776 }
 777 .path-tag .tag-management-box li a.removefrommyinterests {
 778   background-image: url([[pix:moodle|t/delete]]);
 779 }
 780 .path-tag .tag-management-box li a.addtomyinterests {
 781   background-image: url([[pix:moodle|t/add]]);
 782 }
 783 .path-tag .tag-management-box li a {
 784   background-repeat: no-repeat;
 785   background-position: left;
 786   padding-left: 17px;
 787 }
 788 .tag_feed.media-list .media .itemimage {
 789   float: left;
 790 }
 791 .tag_feed.media-list .media .itemimage img {
 792   height: 35px;
 793   width: 35px;
 794 }
 795 .tag_feed.media-list .media .media-body {
 796   padding-right: 10px;
 797   padding-left: 10px;
 798 }
 799 .tag_feed .media .muted a {
 800   color: #999;
 801 }
 802 .tag_cloud {
 803   text-align: center;
 804 }
 805 .tag_cloud .inline-list li {
 806   padding: 0 0.2em;
 807 }
 808 .tag_cloud .tag_overflow {
 809   margin-top: 1em;
 810   font-style: italic;
 811 }
 812 .tag_cloud .s20 {
 813   font-size: 2.7em;
 814 }
 815 .tag_cloud .s19 {
 816   font-size: 2.6em;
 817 }
 818 .tag_cloud .s18 {
 819   font-size: 2.5em;
 820 }
 821 .tag_cloud .s17 {
 822   font-size: 2.4em;
 823 }
 824 .tag_cloud .s16 {
 825   font-size: 2.3em;
 826 }
 827 .tag_cloud .s15 {
 828   font-size: 2.2em;
 829 }
 830 .tag_cloud .s14 {
 831   font-size: 2.1em;
 832 }
 833 .tag_cloud .s13 {
 834   font-size: 2em;
 835 }
 836 .tag_cloud .s12 {
 837   font-size: 1.9em;
 838 }
 839 .tag_cloud .s11 {
 840   font-size: 1.8em;
 841 }
 842 .tag_cloud .s10 {
 843   font-size: 1.7em;
 844 }
 845 .tag_cloud .s9 {
 846   font-size: 1.6em;
 847 }
 848 .tag_cloud .s8 {
 849   font-size: 1.5em;
 850 }
 851 .tag_cloud .s7 {
 852   font-size: 1.4em;
 853 }
 854 .tag_cloud .s6 {
 855   font-size: 1.3em;
 856 }
 857 .tag_cloud .s5 {
 858   font-size: 1.2em;
 859 }
 860 .tag_cloud .s4 {
 861   font-size: 1.1em;
 862 }
 863 .tag_cloud .s3 {
 864   font-size: 1em;
 865 }
 866 .tag_cloud .s2 {
 867   font-size: 0.9em;
 868 }
 869 .tag_cloud .s1 {
 870   font-size: 0.8em;
 871 }
 872 .tag_cloud .s0 {
 873   font-size: 0.7em;
 874 }
 875 .tag_list ul {
 876   display: inline;
 877 }
 878 .tag_list.hideoverlimit .overlimit {
 879   display: none;
 880 }
 881 .tag_list .tagmorelink {
 882   display: none;
 883 }
 884 .tag_list.hideoverlimit .tagmorelink {
 885   display: inline;
 886 }
 887 .tag_list.hideoverlimit .taglesslink {
 888   display: none;
 889 }
 890 /**
 891 * Web Service
 892 */
 893 #webservice-doc-generator td {
 894   text-align: left;
 895   border: 0 solid black;
 896 }
 897 /**
 898 * Smart Select Element
 899 */
 900 .smartselect {
 901   position: absolute;
 902 }
 903 .smartselect .smartselect_mask {
 904   background-color: #fff;
 905 }
 906 .smartselect ul {
 907   padding: 0;
 908   margin: 0;
 909 }
 910 .smartselect ul li {
 911   list-style: none;
 912 }
 913 .smartselect .smartselect_menu {
 914   margin-right: 5px;
 915 }
 916 .safari .smartselect .smartselect_menu {
 917   margin-left: 2px;
 918 }
 919 .smartselect .smartselect_menu,
 920 .smartselect .smartselect_submenu {
 921   border: 1px solid #000;
 922   background-color: #fff;
 923   display: none;
 924 }
 925 .smartselect .smartselect_menu.visible,
 926 .smartselect .smartselect_submenu.visible {
 927   display: block;
 928 }
 929 .smartselect .smartselect_menu_content ul li {
 930   position: relative;
 931   padding: 2px 5px;
 932 }
 933 .smartselect .smartselect_menu_content ul li a {
 934   color: #333;
 935   text-decoration: none;
 936 }
 937 .smartselect .smartselect_menu_content ul li a.selectable {
 938   color: inherit;
 939 }
 940 .smartselect .smartselect_submenuitem {
 941   background-image: url([[pix:moodle|t/collapsed]]);
 942   background-repeat: no-repeat;
 943   background-position: 100%;
 944 }
 945 /** Spanning mode */
 946 .smartselect.spanningmenu .smartselect_submenu {
 947   position: absolute;
 948   top: -1px;
 949   left: 100%;
 950 }
 951 .smartselect.spanningmenu .smartselect_submenu a {
 952   white-space: nowrap;
 953   padding-right: 16px;
 954 }
 955 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
 956   text-decoration: underline;
 957 }
 958 /** Compact mode */
 959 .smartselect.compactmenu .smartselect_submenu {
 960   position: relative;
 961   margin: 2px -3px;
 962   margin-left: 10px;
 963   display: none;
 964   border-width: 0;
 965   z-index: 1010;
 966 }
 967 .smartselect.compactmenu .smartselect_submenu.visible {
 968   display: block;
 969 }
 970 .smartselect.compactmenu .smartselect_menu {
 971   z-index: 1000;
 972   overflow: hidden;
 973 }
 974 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
 975   z-index: 1020;
 976 }
 977 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
 978   font-weight: bold;
 979 }
 980 /**
 981 * Registration
 982 */
 983 #page-admin-registration-register .registration_textfield {
 984   width: 300px;
 985 }
 986 /**
 987 * Enrol
 988 */
 989 .userenrolment {
 990   width: 100%;
 991   border-collapse: collapse;
 992 }
 993 .userenrolment tr {
 994   vertical-align: top;
 995 }
 996 .userenrolment td {
 997   padding: 0;
 998   height: 41px;
 999 }
1000 .userenrolment .subfield {
1001   margin-right: 5px;
1002 }
1003 .userenrolment .col_userdetails .subfield {
1004   margin-left: 40px;
1005 }
1006 .userenrolment .col_userdetails .subfield_picture {
1007   float: left;
1008   margin-left: 0;
1009 }
1010 .userenrolment .col_lastseen {
1011   width: 150px;
1012 }
1013 .userenrolment .col_role {
1014   width: 262px;
1015 }
1016 .userenrolment .col_role .roles,
1017 .userenrolment .col_group .groups {
1018   margin-right: 30px;
1019 }
1020 .userenrolment .col_role .role,
1021 .userenrolment .col_group .group {
1022   float: left;
1023   padding: 3px;
1024   margin: 3px;
1025   white-space: nowrap;
1026 }
1027 .userenrolment .col_role .role a,
1028 .userenrolment .col_group .group a {
1029   margin-left: 3px;
1030   cursor: pointer;
1031 }
1032 .userenrolment .col_role .addrole,
1033 .userenrolment .col_group .addgroup {
1034   float: right;
1035   padding: 3px;
1036   margin: 3px;
1037 }
1038 .userenrolment .col_role .addrole > a:hover,
1039 .userenrolment .col_group .addgroup > a:hover {
1040   border-bottom: 1px solid #666;
1041 }
1042 .userenrolment .col_role .addrole img,
1043 .userenrolment .col_group .addgroup img {
1044   vertical-align: baseline;
1045 }
1046 .userenrolment .hasAllRoles .col_role .addrole {
1047   display: none;
1048 }
1049 .userenrolment .col_enrol .enrolment {
1050   float: left;
1051   padding: 3px;
1052   margin: 3px;
1053 }
1054 .userenrolment .col_enrol .enrolment a {
1055   float: right;
1056   margin-left: 3px;
1057 }
1058 #page-enrol-users .enrol_user_buttons {
1059   float: right;
1060 }
1061 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
1062   display: inline;
1063 }
1064 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1065 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
1066   display: inline;
1067   margin-right: 0;
1068 }
1069 #page-enrol-users #filterform {
1070   min-height: 20px;
1071   padding: 19px;
1072   margin-bottom: 20px;
1073   background-color: #f5f5f5;
1074   border: 1px solid #e3e3e3;
1075   -webkit-border-radius: 4px;
1076   -moz-border-radius: 4px;
1077   border-radius: 4px;
1078   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1079   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1080   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1081   border-color: #e3e3e3;
1082   padding: 9px;
1083   -webkit-border-radius: 3px;
1084   -moz-border-radius: 3px;
1085   border-radius: 3px;
1086   display: inline-block;
1087 }
1088 #page-enrol-users #filterform blockquote {
1089   border-color: #ddd;
1090   border-color: rgba(0, 0, 0, 0.15);
1091 }
1092 #page-enrol-users #filterform .fitem {
1093   display: inline-block;
1094   line-height: 40px;
1095   margin-right: .3em;
1096   white-space: nowrap;
1097 }
1098 #page-enrol-users #filterform .fitem label {
1099   display: inline;
1100   line-height: 20px;
1101   padding-right: .3em;
1102 }
1103 #page-enrol-users #filterform .fitem :before,
1104 #page-enrol-users #filterform .fitem :after {
1105   display: inline;
1106 }
1107 #page-enrol-users #filterform div,
1108 #page-enrol-users #filterform fieldset {
1109   display: inline;
1110   float: none;
1111   clear: none;
1112 }
1113 #page-enrol-users #filterform select,
1114 #page-enrol-users #filterform .ftext input {
1115   width: 7em;
1116 }
1117 #page-enrol-users #filterform input,
1118 #page-enrol-users #filterform select {
1119   margin-bottom: 0;
1120 }
1121 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1122   width: 237px;
1123 }
1124 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
1125   width: 237px;
1126 }
1127 #page-enrol-users .enrol-users-page-action input {
1128   margin-left: 0;
1129 }
1130 .corelightbox {
1131   background-color: #ccc;
1132   position: absolute;
1133   top: 0;
1134   left: 0;
1135   width: 100%;
1136   height: 100%;
1137   text-align: center;
1138 }
1139 .corelightbox img {
1140   position: fixed;
1141   top: 50%;
1142   left: 50%;
1143 }
1144 .mod-indent-outer {
1145   display: table;
1146 }
1147 .mod-indent {
1148   display: table-cell;
1149 }
1150 .label .mod-indent {
1151   float: left;
1152   padding-top: 20px;
1153 }
1154 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
1155 .mod-indent-1 {
1156   width: 30px;
1157 }
1158 .mod-indent-2 {
1159   width: 60px;
1160 }
1161 .mod-indent-3 {
1162   width: 90px;
1163 }
1164 .mod-indent-4 {
1165   width: 120px;
1166 }
1167 .mod-indent-5 {
1168   width: 150px;
1169 }
1170 .mod-indent-6 {
1171   width: 180px;
1172 }
1173 .mod-indent-7 {
1174   width: 210px;
1175 }
1176 .mod-indent-8 {
1177   width: 240px;
1178 }
1179 .mod-indent-9 {
1180   width: 270px;
1181 }
1182 .mod-indent-10 {
1183   width: 300px;
1184 }
1185 .mod-indent-11 {
1186   width: 330px;
1187 }
1188 .mod-indent-12 {
1189   width: 360px;
1190 }
1191 .mod-indent-13 {
1192   width: 390px;
1193 }
1194 .mod-indent-14 {
1195   width: 420px;
1196 }
1197 .mod-indent-15 {
1198   width: 450px;
1199 }
1200 .mod-indent-16 {
1201   width: 480px;
1202 }
1203 .mod-indent-huge {
1204   width: 480px;
1205 }
1206 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1207 .resourcecontent .mediaplugin_mp3 object {
1208   height: 25px;
1209   width: 600px;
1210 }
1211 .resourcecontent audio.mediaplugin_html5audio {
1212   width: 600px;
1213 }
1214 /** Large resource images should avoid hidden overflow **/
1215 .resourceimage {
1216   max-width: 100%;
1217 }
1218 /* Audio player size in 'inline' mode (can only change width, as above) */
1219 .mediaplugin_mp3 object {
1220   height: 15px;
1221   width: 300px;
1222 }
1223 audio.mediaplugin_html5audio {
1224   width: 300px;
1225 }
1226 /* TinyMCE moodle media preview frame should not have padding */
1227 .core_media_preview.pagelayout-embedded #content {
1228   padding: 0;
1229 }
1230 .core_media_preview.pagelayout-embedded #maincontent {
1231   height: 0;
1232 }
1233 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1234   padding: 0;
1235   margin: 0;
1236   min-width: 0;
1237   background: none;
1238 }
1239 /** Fix YUI 2 Treeview for Right to left languages **/
1240 .dir-rtl .ygtvtn,
1241 .dir-rtl .ygtvtm,
1242 .dir-rtl .ygtvtmh,
1243 .dir-rtl .ygtvtmhh,
1244 .dir-rtl .ygtvtp,
1245 .dir-rtl .ygtvtph,
1246 .dir-rtl .ygtvtphh,
1247 .dir-rtl .ygtvln,
1248 .dir-rtl .ygtvlm,
1249 .dir-rtl .ygtvlmh,
1250 .dir-rtl .ygtvlmhh,
1251 .dir-rtl .ygtvlp,
1252 .dir-rtl .ygtvlph,
1253 .dir-rtl .ygtvlphh,
1254 .dir-rtl .ygtvdepthcell,
1255 .dir-rtl .ygtvok,
1256 .dir-rtl .ygtvok:hover,
1257 .dir-rtl .ygtvcancel,
1258 .dir-rtl .ygtvcancel:hover {
1259   width: 18px;
1260   height: 22px;
1261   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1262   background-repeat: no-repeat;
1263   cursor: pointer;
1264 }
1265 .dir-rtl .ygtvtn {
1266   background-position: 0 -5600px;
1267 }
1268 .dir-rtl .ygtvtm {
1269   background-position: 0 -4000px;
1270 }
1271 .dir-rtl .ygtvtmh,
1272 .dir-rtl .ygtvtmhh {
1273   background-position: 0 -4800px;
1274 }
1275 .dir-rtl .ygtvtp {
1276   background-position: 0 -6400px;
1277 }
1278 .dir-rtl .ygtvtph,
1279 .dir-rtl .ygtvtphh {
1280   background-position: 0 -7200px;
1281 }
1282 .dir-rtl .ygtvln {
1283   background-position: 0 -1600px;
1284 }
1285 .dir-rtl .ygtvlm {
1286   background-position: 0 0;
1287 }
1288 .dir-rtl .ygtvlmh,
1289 .dir-rtl .ygtvlmhh {
1290   background-position: 0 -800px;
1291 }
1292 .dir-rtl .ygtvlp {
1293   background-position: 0 -2400px;
1294 }
1295 .dir-rtl .ygtvlph,
1296 .dir-rtl .ygtvlphh {
1297   background-position: 0 -3200px;
1298 }
1299 .dir-rtl .ygtvdepthcell {
1300   background-position: 0 -8000px;
1301 }
1302 .dir-rtl .ygtvok {
1303   background-position: 0 -8800px;
1304 }
1305 .dir-rtl .ygtvok:hover {
1306   background-position: 0 -8844px;
1307 }
1308 .dir-rtl .ygtvcancel {
1309   background-position: 0 -8822px;
1310 }
1311 .dir-rtl .ygtvcancel:hover {
1312   background-position: 0 -8866px;
1313 }
1314 .dir-rtl.yui-skin-sam .yui-panel .hd {
1315   text-align: right;
1316 }
1317 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1318   text-align: right;
1319 }
1320 /** Fix TinyMCE editor right to left **/
1321 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
1322 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1323   top: 44px;
1324 }
1325 .dir-rtl .o2k7Skin table,
1326 .dir-rtl .o2k7Skin tbody,
1327 .dir-rtl .o2k7Skin a,
1328 .dir-rtl .o2k7Skin img,
1329 .dir-rtl .o2k7Skin tr,
1330 .dir-rtl .o2k7Skin div,
1331 .dir-rtl .o2k7Skin td,
1332 .dir-rtl .o2k7Skin iframe,
1333 .dir-rtl .o2k7Skin span,
1334 .dir-rtl .o2k7Skin *,
1335 .dir-rtl .o2k7Skin .mceText,
1336 .dir-rtl .o2k7Skin .mceListBox .mceText {
1337   text-align: right;
1338 }
1339 .path-rating .ratingtable {
1340   width: 100%;
1341   margin-bottom: 1em;
1342 }
1343 .path-rating .ratingtable th.rating {
1344   width: 100%;
1345 }
1346 .path-rating .ratingtable td.rating,
1347 .path-rating .ratingtable td.time {
1348   white-space: nowrap;
1349   text-align: center;
1350 }
1351 .initialbar a,
1352 .initialbar strong {
1353   padding-left: 3px;
1354   padding-right: 3px;
1355 }
1356 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1357 .moodle-dialogue-base .moodle-dialogue-lightbox {
1358   background-color: #aaa;
1359 }
1360 .moodle-dialogue-base .hidden,
1361 .moodle-dialogue-base .moodle-dialogue-hidden {
1362   display: none;
1363 }
1364 .no-scrolling {
1365   overflow: hidden;
1366 }
1367 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1368   left: 0;
1369   top: 0;
1370   right: 0;
1371   bottom: -50px;
1372   position: fixed;
1373 }
1374 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1375   overflow: auto;
1376 }
1377 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1378   width: 28px;
1379   height: 16px;
1380   background-size: 100%;
1381 }
1382 .moodle-dialogue-base .moodle-dialogue {
1383   padding: 0;
1384   margin: 0;
1385   background: none;
1386   border: none;
1387   z-index: 600;
1388   outline: #000 dotted 0;
1389 }
1390 .moodle-dialogue-base .moodle-dialogue-wrap {
1391   margin-top: -3px;
1392   margin-left: -3px;
1393   background-color: #fff;
1394   border: 1px solid #ccc;
1395   -webkit-border-radius: 10px;
1396   -moz-border-radius: 10px;
1397   border-radius: 10px;
1398   -webkit-box-shadow: 5px 5px 20px 0 #666;
1399   -moz-box-shadow: 5px 5px 20px 0 #666;
1400   box-shadow: 5px 5px 20px 0 #666;
1401 }
1402 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1403 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1404   margin: 0;
1405   padding: 5px;
1406   font-size: 12px;
1407   font-weight: normal;
1408   letter-spacing: 1px;
1409   color: #333;
1410   text-align: center;
1411   text-shadow: 1px 1px 1px #fff;
1412   -webkit-border-radius: 10px 10px 0 0;
1413   -moz-border-radius: 10px 10px 0 0;
1414   border-radius: 10px 10px 0 0;
1415   border-bottom: 1px solid #bbb;
1416   background: #ccc;
1417   background-color: #ebebeb;
1418   background-image: -moz-linear-gradient(top, #fff, #ccc);
1419   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
1420   background-image: -webkit-linear-gradient(top, #fff, #ccc);
1421   background-image: -o-linear-gradient(top, #fff, #ccc);
1422   background-image: linear-gradient(to bottom, #fff, #ccc);
1423   background-repeat: repeat-x;
1424   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
1425   filter: 0;
1426 }
1427 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1428   padding: 0;
1429   display: inline;
1430   font-size: 100%;
1431   font-weight: bold;
1432 }
1433 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1434   padding: 5px;
1435 }
1436 .moodle-dialogue-base .closebutton {
1437   width: 25px;
1438   height: 15px;
1439   float: right;
1440   display: inline-block;
1441   cursor: pointer;
1442   padding: 0;
1443   background-image: url([[pix:theme|sprite]]);
1444   background-repeat: no-repeat;
1445   border-style: none;
1446 }
1447 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1448   padding: 1em;
1449   line-height: 2em;
1450   color: #555;
1451   font-size: 12px;
1452 }
1453 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1454   padding: 0;
1455   background: #fff;
1456 }
1457 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1458   padding: 10px;
1459   font-size: 16px;
1460 }
1461 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1462   overflow: auto;
1463   position: absolute;
1464   top: 0;
1465   bottom: 50px;
1466   left: 0;
1467   right: 0;
1468   margin: 0;
1469   border: 0;
1470 }
1471 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1472 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1473   border-radius: 0;
1474 }
1475 .moodle-dialogue-confirm .confirmation-dialogue {
1476   text-align: center;
1477 }
1478 .moodle-dialogue-confirm .confirmation-dialogue input {
1479   text-align: center;
1480 }
1481 .moodle-dialogue-exception .moodle-exception-message {
1482   text-align: center;
1483 }
1484 .moodle-dialogue-exception .moodle-exception-param label {
1485   font-weight: bold;
1486 }
1487 .moodle-dialogue-exception .param-stacktrace label {
1488   background-color: #eee;
1489   border: 1px solid #ccc;
1490   border-bottom-width: 0;
1491 }
1492 .moodle-dialogue-exception .param-stacktrace pre {
1493   border: 1px solid #ccc;
1494   background-color: #fff;
1495 }
1496 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1497   color: navy;
1498   font-size: 11.9px;
1499 }
1500 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1501   color: #b94a48;
1502   font-size: 11.9px;
1503 }
1504 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1505   color: #333;
1506   font-size: 90%;
1507   border-bottom: 1px solid #eee;
1508 }
1509 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1510   padding: 0;
1511   margin: 0.7em 1em;
1512   text-align: right;
1513   background-color: #fff;
1514   font-size: 12px;
1515 }
1516 .moodle-dialogue-confirm .confirmation-message {
1517   margin: 0.5em 1em;
1518 }
1519 .moodle-dialogue-confirm .confirmation-dialogue input {
1520   min-width: 80px;
1521 }
1522 .moodle-dialogue-exception .moodle-exception-message {
1523   margin: 1em;
1524 }
1525 .moodle-dialogue-exception .moodle-exception-param {
1526   margin-bottom: 0.5em;
1527 }
1528 .moodle-dialogue-exception .moodle-exception-param label {
1529   width: 150px;
1530 }
1531 .moodle-dialogue-exception .param-stacktrace label {
1532   display: block;
1533   margin: 0;
1534   padding: 4px 1em;
1535 }
1536 .moodle-dialogue-exception .param-stacktrace pre {
1537   display: block;
1538   height: 200px;
1539   overflow: auto;
1540 }
1541 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1542   display: inline-block;
1543   margin: 4px 0;
1544 }
1545 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1546   display: inline-block;
1547   width: 50px;
1548   margin: 4px 1em;
1549 }
1550 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1551   padding-left: 25px;
1552   margin-bottom: 4px;
1553   padding-bottom: 4px;
1554 }
1555 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1556   opacity: 0.75;
1557   filter: alpha(opacity=75);
1558   width: 100%;
1559   height: 100%;
1560   top: 0;
1561   left: 0;
1562   background-color: white;
1563   text-align: center;
1564   padding: 10% 0;
1565 }
1566 /* Apply a default max-height on tooltip text */
1567 .moodle-dialogue .tooltiptext {
1568   max-height: 300px;
1569 }
1570 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1571   z-index: 3001;
1572 }
1573 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1574   overflow: auto;
1575 }
1576 /**
1577  * Chooser Dialogues (moodle-core-chooserdialogue)
1578  *
1579  * This CSS belong to the chooser dialogue which should work both with, and
1580  * without javascript enabled
1581  */
1582 /* Hide the dialog and it's title */
1583 .chooserdialoguebody,
1584 .choosertitle {
1585   display: none;
1586 }
1587 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1588   margin: 0;
1589 }
1590 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1591   padding: 0;
1592   background: #f2f2f2;
1593   -webkit-border-bottom-right-radius: 10px;
1594   -moz-border-radius-bottomright: 10px;
1595   border-bottom-right-radius: 10px;
1596   -webkit-border-bottom-left-radius: 10px;
1597   -moz-border-radius-bottomleft: 10px;
1598   border-bottom-left-radius: 10px;
1599 }
1600 /* Center the submit buttons within the area */
1601 .choosercontainer #chooseform .submitbuttons {
1602   padding: 0.7em 0;
1603   text-align: center;
1604 }
1605 /* Fixed for safari browser on iPhone4S with ios7.*/
1606 @media (max-height: 639px) {
1607   .ios.safari .choosercontainer #chooseform .submitbuttons {
1608     padding: 45px 0;
1609   }
1610 }
1611 .choosercontainer #chooseform .submitbuttons input {
1612   min-width: 100px;
1613   margin: 0 0.5em;
1614 }
1615 /* Various settings for the options area */
1616 .choosercontainer #chooseform .options {
1617   position: relative;
1618   border-bottom: 1px solid #bbb;
1619 }
1620 /* Only set these options if we're showing the js container */
1621 .jschooser .choosercontainer #chooseform .alloptions {
1622   overflow-x: hidden;
1623   overflow-y: auto;
1624   max-width: 20.3em;
1625   -webkit-box-shadow: inset 0 0 30px 0 #ccc;
1626   -moz-box-shadow: inset 0 0 30px 0 #ccc;
1627   box-shadow: inset 0 0 30px 0 #ccc;
1628 }
1629 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
1630   display: inline-block;
1631 }
1632 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
1633   display: inline-block;
1634 }
1635 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
1636   display: inline-block;
1637   width: 65%;
1638 }
1639 /* Settings for option rows and option subtypes */
1640 .choosercontainer #chooseform .moduletypetitle,
1641 .choosercontainer #chooseform .option,
1642 .choosercontainer #chooseform .nonoption {
1643   margin-bottom: 0;
1644   padding: 0 1.6em 0 1.6em;
1645 }
1646 .choosercontainer #chooseform .moduletypetitle {
1647   text-transform: uppercase;
1648   padding-top: 1.2em;
1649   padding-bottom: 0.4em;
1650 }
1651 .choosercontainer #chooseform .option .typename,
1652 .choosercontainer #chooseform .option span.modicon img.icon,
1653 .choosercontainer #chooseform .nonoption .typename,
1654 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1655   padding: 0 0 0 0.5em;
1656 }
1657 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1658 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1659   height: 24px;
1660   width: 24px;
1661 }
1662 .choosercontainer #chooseform .option input[type=radio],
1663 .choosercontainer #chooseform .option span.typename,
1664 .choosercontainer #chooseform .option span.modicon {
1665   vertical-align: middle;
1666 }
1667 .choosercontainer #chooseform .option label {
1668   display: block;
1669   padding: 0.3em 0 0.1em 0;
1670   border-bottom: 1px solid #fff;
1671 }
1672 .choosercontainer #chooseform .nonoption {
1673   padding-left: 2.7em;
1674   padding-top: 0.3em;
1675   padding-bottom: 0.1em;
1676 }
1677 .choosercontainer #chooseform .subtype {
1678   margin-bottom: 0;
1679   padding: 0 1.6em 0 3.2em;
1680 }
1681 .choosercontainer #chooseform .subtype .typename {
1682   margin: 0 0 0 0.2em;
1683 }
1684 /* The instruction/help area */
1685 .jschooser .choosercontainer #chooseform .instruction,
1686 .jschooser .choosercontainer #chooseform .typesummary {
1687   display: none;
1688   position: absolute;
1689   top: 0;
1690   right: 0;
1691   bottom: 0;
1692   left: 20.3em;
1693   margin: 0;
1694   padding: 1.6em;
1695   background-color: #fff;
1696   overflow-x: hidden;
1697   overflow-y: auto;
1698   line-height: 2em;
1699 }
1700 /* Selected option settings */
1701 .jschooser .choosercontainer #chooseform .instruction,
1702 .choosercontainer #chooseform .selected .typesummary {
1703   display: block;
1704 }
1705 .choosercontainer #chooseform .selected {
1706   background-color: #fff;
1707   -webkit-box-shadow: 0px 0 10px 0 #ccc;
1708   -moz-box-shadow: 0px 0 10px 0 #ccc;
1709   box-shadow: 0px 0 10px 0 #ccc;
1710 }
1711 .section-modchooser-link img.smallicon {
1712   padding: 3px;
1713 }
1714 /* Form element: listing */
1715 .formlistingradio {
1716   padding-bottom: 25px;
1717   padding-right: 10px;
1718 }
1719 .formlistinginputradio {
1720   float: left;
1721 }
1722 .formlistingmain {
1723   min-height: 225px;
1724 }
1725 .formlisting {
1726   position: relative;
1727   margin: 15px 0;
1728   padding: 1px 19px 14px;
1729   background-color: white;
1730   border: 1px solid #ddd;
1731   -webkit-border-radius: 4px;
1732   -moz-border-radius: 4px;
1733   border-radius: 4px;
1734 }
1735 .formlistingmore {
1736   position: absolute;
1737   cursor: pointer;
1738   bottom: -1px;
1739   right: -1px;
1740   padding: 3px 7px;
1741   font-size: 12px;
1742   font-weight: bold;
1743   background-color: #f5f5f5;
1744   border: 1px solid #ddd;
1745   color: #9da0a4;
1746   -webkit-border-radius: 4px 0 4px 0;
1747   -moz-border-radius: 4px 0 4px 0;
1748   border-radius: 4px 0 4px 0;
1749 }
1750 .formlistingall {
1751   margin: 15px 0;
1752   padding: 0;
1753   -webkit-border-radius: 4px;
1754   -moz-border-radius: 4px;
1755   border-radius: 4px;
1756 }
1757 .formlistingrow {
1758   cursor: pointer;
1759   border-bottom: 1px solid;
1760   border-color: #e1e1e8;
1761   border-left: 1px solid #e1e1e8;
1762   border-right: 1px solid #e1e1e8;
1763   background-color: #f7f7f9;
1764   -webkit-border-radius: 0 0 4px 4px;
1765   -moz-border-radius: 0 0 4px 4px;
1766   border-radius: 0 0 4px 4px;
1767   padding: 6px;
1768   top: 50%;
1769   left: 50%;
1770   min-height: 34px;
1771   float: left;
1772   width: 150px;
1773 }
1774 body.jsenabled .formlistingradio {
1775   display: none;
1776 }
1777 body.jsenabled .formlisting {
1778   display: block;
1779 }
1780 /* Badges styles */
1781 table.collection {
1782   width: 100%;
1783   margin-bottom: 20px;
1784   border: 1px solid #ddd;
1785   border-collapse: separate;
1786   *border-collapse: collapse;
1787   border-left: 0;
1788   -webkit-border-radius: 4px;
1789   -moz-border-radius: 4px;
1790   border-radius: 4px;
1791 }
1792 table.collection th,
1793 table.collection td {
1794   padding: 8px;
1795   line-height: 20px;
1796   text-align: left;
1797   vertical-align: top;
1798   border-top: 1px solid #ddd;
1799 }
1800 table.collection th {
1801   font-weight: bold;
1802 }
1803 table.collection thead th {
1804   vertical-align: bottom;
1805 }
1806 table.collection caption + thead tr:first-child th,
1807 table.collection caption + thead tr:first-child td,
1808 table.collection colgroup + thead tr:first-child th,
1809 table.collection colgroup + thead tr:first-child td,
1810 table.collection thead:first-child tr:first-child th,
1811 table.collection thead:first-child tr:first-child td {
1812   border-top: 0;
1813 }
1814 table.collection tbody + tbody {
1815   border-top: 2px solid #ddd;
1816 }
1817 table.collection .table {
1818   background-color: #fff;
1819 }
1820 table.collection th,
1821 table.collection td {
1822   border-left: 1px solid #ddd;
1823 }
1824 table.collection caption + thead tr:first-child th,
1825 table.collection caption + tbody tr:first-child th,
1826 table.collection caption + tbody tr:first-child td,
1827 table.collection colgroup + thead tr:first-child th,
1828 table.collection colgroup + tbody tr:first-child th,
1829 table.collection colgroup + tbody tr:first-child td,
1830 table.collection thead:first-child tr:first-child th,
1831 table.collection tbody:first-child tr:first-child th,
1832 table.collection tbody:first-child tr:first-child td {
1833   border-top: 0;
1834 }
1835 table.collection thead:first-child tr:first-child > th:first-child,
1836 table.collection tbody:first-child tr:first-child > td:first-child,
1837 table.collection tbody:first-child tr:first-child > th:first-child {
1838   -webkit-border-top-left-radius: 4px;
1839   -moz-border-radius-topleft: 4px;
1840   border-top-left-radius: 4px;
1841 }
1842 table.collection thead:first-child tr:first-child > th:last-child,
1843 table.collection tbody:first-child tr:first-child > td:last-child,
1844 table.collection tbody:first-child tr:first-child > th:last-child {
1845   -webkit-border-top-right-radius: 4px;
1846   -moz-border-radius-topright: 4px;
1847   border-top-right-radius: 4px;
1848 }
1849 table.collection thead:last-child tr:last-child > th:first-child,
1850 table.collection tbody:last-child tr:last-child > td:first-child,
1851 table.collection tbody:last-child tr:last-child > th:first-child,
1852 table.collection tfoot:last-child tr:last-child > td:first-child,
1853 table.collection tfoot:last-child tr:last-child > th:first-child {
1854   -webkit-border-bottom-left-radius: 4px;
1855   -moz-border-radius-bottomleft: 4px;
1856   border-bottom-left-radius: 4px;
1857 }
1858 table.collection thead:last-child tr:last-child > th:last-child,
1859 table.collection tbody:last-child tr:last-child > td:last-child,
1860 table.collection tbody:last-child tr:last-child > th:last-child,
1861 table.collection tfoot:last-child tr:last-child > td:last-child,
1862 table.collection tfoot:last-child tr:last-child > th:last-child {
1863   -webkit-border-bottom-right-radius: 4px;
1864   -moz-border-radius-bottomright: 4px;
1865   border-bottom-right-radius: 4px;
1866 }
1867 table.collection tfoot + tbody:last-child tr:last-child td:first-child {
1868   -webkit-border-bottom-left-radius: 0;
1869   -moz-border-radius-bottomleft: 0;
1870   border-bottom-left-radius: 0;
1871 }
1872 table.collection tfoot + tbody:last-child tr:last-child td:last-child {
1873   -webkit-border-bottom-right-radius: 0;
1874   -moz-border-radius-bottomright: 0;
1875   border-bottom-right-radius: 0;
1876 }
1877 table.collection caption + thead tr:first-child th:first-child,
1878 table.collection caption + tbody tr:first-child td:first-child,
1879 table.collection colgroup + thead tr:first-child th:first-child,
1880 table.collection colgroup + tbody tr:first-child td:first-child {
1881   -webkit-border-top-left-radius: 4px;
1882   -moz-border-radius-topleft: 4px;
1883   border-top-left-radius: 4px;
1884 }
1885 table.collection caption + thead tr:first-child th:last-child,
1886 table.collection caption + tbody tr:first-child td:last-child,
1887 table.collection colgroup + thead tr:first-child th:last-child,
1888 table.collection colgroup + tbody tr:first-child td:last-child {
1889   -webkit-border-top-right-radius: 4px;
1890   -moz-border-radius-topright: 4px;
1891   border-top-right-radius: 4px;
1892 }
1893 table.collection tbody > tr:nth-child(odd) > td,
1894 table.collection tbody > tr:nth-child(odd) > th {
1895   background-color: #f9f9f9;
1896 }
1897 table.collection .name {
1898   text-align: left;
1899   vertical-align: middle;
1900 }
1901 table.collection .awards {
1902   width: 10%;
1903   text-align: center;
1904   vertical-align: middle;
1905 }
1906 table.collection .criteria {
1907   width: 40%;
1908   text-align: left;
1909   vertical-align: top;
1910 }
1911 table.collection .badgeimage,
1912 table.collection .status {
1913   width: 15%;
1914   text-align: center;
1915   vertical-align: middle;
1916 }
1917 table.collection .description {
1918   width: 25%;
1919   text-align: left;
1920 }
1921 table.collection .actions {
1922   width: 11em;
1923   text-align: center;
1924   vertical-align: middle;
1925 }
1926 a.criteria-action {
1927   padding: 0 3px;
1928   float: right;
1929 }
1930 div.criteria-description {
1931   padding: 10px 15px;
1932   margin: 5px 0;
1933   background: none repeat scroll 0 0 #f9f9f9;
1934   border: 1px solid #eee;
1935 }
1936 ul.badges {
1937   margin: 0;
1938   list-style: none;
1939 }
1940 .badges li {
1941   position: relative;
1942   display: inline-block;
1943   padding-top: 1em;
1944   text-align: center;
1945   vertical-align: top;
1946   width: 150px;
1947 }
1948 .badges li .badge-name {
1949   display: block;
1950   padding: 5px;
1951 }
1952 .badges li > img {
1953   position: absolute;
1954 }
1955 .badges li .badge-image {
1956   width: 100px;
1957   height: 100px;
1958   left: 10px;
1959   top: 0;
1960   z-index: 1;
1961 }
1962 .badges li .badge-actions {
1963   position: relative;
1964 }
1965 .badges li .expireimage {
1966   width: 100px;
1967   height: 100px;
1968   left: 25px;
1969   top: 0;
1970   position: absolute;
1971   z-index: 10;
1972   opacity: 0.85;
1973 }
1974 #badge-image {
1975   background-color: transparent;
1976   padding: 0;
1977   position: relative;
1978   min-width: 100px;
1979   width: 20%;
1980   display: inline-block;
1981   vertical-align: top;
1982   margin-top: 17px;
1983 }
1984 #badge-image .expireimage {
1985   width: 100px;
1986   height: 100px;
1987   left: 0;
1988   top: 0;
1989   opacity: 0.85;
1990   filter: alpha(opacity=85);
1991   position: absolute;
1992   z-index: 10;
1993 }
1994 #badge-image .singlebutton {
1995   padding-top: 5px;
1996 }
1997 #badge-image .singlebutton input {
1998   margin-left: 0;
1999 }
2000 #badge-details {
2001   display: inline-block;
2002   width: 79%;
2003 }
2004 #badge-overview dl,
2005 #badge-details dl {
2006   margin: 0;
2007 }
2008 #badge-overview dl dt,
2009 #badge-details dl dt,
2010 #badge-overview dl dd,
2011 #badge-details dl dd {
2012   vertical-align: top;
2013   padding: 3px 0;
2014 }
2015 #badge-overview dl dt,
2016 #badge-details dl dt {
2017   clear: both;
2018   display: inline-block;
2019   width: 20%;
2020   min-width: 100px;
2021 }
2022 #badge-overview dl dd,
2023 #badge-details dl dd {
2024   display: inline-block;
2025   width: 79%;
2026   margin-left: 1%;
2027 }
2028 .badge-profile {
2029   vertical-align: top;
2030 }
2031 .connected {
2032   color: #468847;
2033 }
2034 .notconnected {
2035   color: #b94a48;
2036 }
2037 .connecting {
2038   color: #8a6d3b;
2039 }
2040 #page-badges-award .recipienttable tr td {
2041   vertical-align: top;
2042 }
2043 #page-badges-award .recipienttable tr td.actions .actionbutton {
2044   margin: 0.3em 0;
2045   padding: 0.5em 0;
2046   width: 100%;
2047 }
2048 #page-badges-award .recipienttable tr td.existing,
2049 #page-badges-award .recipienttable tr td.potential {
2050   width: 42%;
2051 }
2052 #issued-badge-table .activatebadge {
2053   display: inline-block;
2054 }
2055 .statusbox.active {
2056   background-color: #dff0d8;
2057 }
2058 .statusbox.inactive {
2059   background-color: #fcf8e3;
2060 }
2061 .statusbox {
2062   text-align: center;
2063   margin-bottom: 5px;
2064   padding: 5px;
2065 }
2066 .statusbox .activatebadge {
2067   display: inline-block;
2068 }
2069 .statusbox .activatebadge input[type=submit] {
2070   margin: 3px;
2071 }
2072 .activatebadge {
2073   margin: 0;
2074   text-align: left;
2075   vertical-align: middle;
2076 }
2077 img#persona_signin {
2078   cursor: pointer;
2079 }
2080 .addcourse {
2081   float: right;
2082 }
2083 .invisiblefieldset {
2084   display: inline;
2085   padding: 0;
2086   border-width: 0;
2087 }
2088 .breadcrumb-nav {
2089   float: left;
2090   margin-bottom: 10px;
2091 }
2092 .breadcrumb-button .singlebutton div {
2093   margin-right: 0;
2094 }
2095 .breadcrumb-nav .breadcrumb {
2096   margin: 0;
2097 }
2098 /** Header-bar styles **/
2099 .page-context-header {
2100   overflow: hidden;
2101 }
2102 .page-context-header .page-header-image,
2103 .page-context-header .page-header-headings {
2104   display: block;
2105   position: relative;
2106 }
2107 .page-context-header .page-header-image {
2108   margin-bottom: 1em;
2109 }
2110 .page-context-header .page-header-headings {
2111   margin-top: 30px;
2112   margin-bottom: 10px;
2113 }
2114 .page-context-header .page-header-headings h1 {
2115   display: block;
2116 }
2117 .page-context-header .page-header-headings,
2118 .page-context-header .header-button-group {
2119   position: relative;
2120   line-height: 24px;
2121   vertical-align: middle;
2122 }
2123 .page-context-header .header-button-group {
2124   display: block;
2125 }
2126 .page-context-header .header-button-group a {
2127   position: relative;
2128   top: -0.4em;
2129 }
2130 .page-context-header .page-header-image {
2131   float: left;
2132   margin-right: 1em;
2133 }
2134 .page-context-header .header-button-group {
2135   float: left;
2136 }
2137 /** Action menu component styles **/
2138 .moodle-actionmenu,
2139 .moodle-actionmenu > ul,
2140 .moodle-actionmenu > ul > li {
2141   display: inline-block;
2142 }
2143 .moodle-actionmenu ul {
2144   padding: 0;
2145   margin: 0;
2146   list-style-type: none;
2147 }
2148 .section_action_menu .moodle-actionmenu ul.menubar {
2149   margin: 0;
2150 }
2151 .section_action_menu .moodle-actionmenu ul.menu {
2152   margin: 0 10px 10px 0;
2153 }
2154 .moodle-actionmenu .toggle-display,
2155 .moodle-actionmenu .menu-action-text {
2156   display: none;
2157   /** Hidden by default, display none so that we don't take up space. **/
2158 }
2159 .jsenabled .moodle-actionmenu[data-enhance] {
2160   display: block;
2161 }
2162 .jsenabled .moodle-actionmenu[data-enhance] .menu {
2163   display: none;
2164 }
2165 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
2166   display: inline;
2167   /** JS is enabled, we'll be using it so return display to normal **/
2168   opacity: 0.5;
2169   filter: alpha(opacity=50);
2170 }
2171 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
2172   display: block;
2173   margin-left: 4px;
2174   padding-left: 4px;
2175   padding-right: 4px;
2176 }
2177 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall,
2178 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .smallicon {
2179   margin: 4px 4px 4px 0;
2180   padding: 8px 4px 0 2px;
2181   vertical-align: text-bottom;
2182 }
2183 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2184   margin-top: 8px;
2185   margin-left: 2px;
2186   border-top-color: #777;
2187 }
2188 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
2189 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
2190   border-top-color: #555;
2191 }
2192 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
2193   opacity: 1;
2194   filter: alpha(opacity=100);
2195 }
2196 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2197   display: inline;
2198 }
2199 .moodle-actionmenu[data-enhanced].show {
2200   position: relative;
2201   /** no wrap is set - prevent menu items from wrapping **/
2202 }
2203 .moodle-actionmenu[data-enhanced].show .menu {
2204   display: block;
2205   position: absolute;
2206   text-align: left;
2207   background-color: #fff;
2208   border: 1px solid rgba(0, 0, 0, 0.2);
2209   z-index: 1000;
2210   -webkit-border-radius: 5px;
2211   -moz-border-radius: 5px;
2212   border-radius: 5px;
2213   -webkit-box-shadow: 5px 5px 20px 0 #666;
2214   -moz-box-shadow: 5px 5px 20px 0 #666;
2215   box-shadow: 5px 5px 20px 0 #666;
2216   /** bottom left of button **/
2217   /** bottom right of button **/
2218   /** top left of button **/
2219   /** top right of button **/
2220 }
2221 .moodle-actionmenu[data-enhanced].show .menu a {
2222   display: block;
2223   color: #333;
2224   padding: 2px 1em 2px 28px;
2225 }
2226 .moodle-actionmenu[data-enhanced].show .menu a:hover {
2227   color: #fff;
2228   background-color: #0070a8;
2229 }
2230 .moodle-actionmenu[data-enhanced].show .menu a:first-child {
2231   -webkit-border-top-right-radius: 4px;
2232   -moz-border-radius-topright: 4px;
2233   border-top-right-radius: 4px;
2234   -webkit-border-top-left-radius: 4px;
2235   -moz-border-radius-topleft: 4px;
2236   border-top-left-radius: 4px;
2237 }
2238 .moodle-actionmenu[data-enhanced].show .menu a:last-child {
2239   -webkit-border-bottom-right-radius: 4px;
2240   -moz-border-radius-bottomright: 4px;
2241   border-bottom-right-radius: 4px;
2242   -webkit-border-bottom-left-radius: 4px;
2243   -moz-border-radius-bottomleft: 4px;
2244   border-bottom-left-radius: 4px;
2245 }
2246 .moodle-actionmenu[data-enhanced].show .menu a.hidden {
2247   display: none;
2248 }
2249 .moodle-actionmenu[data-enhanced].show .menu img {
2250   vertical-align: middle;
2251 }
2252 .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2253 .moodle-actionmenu[data-enhanced].show .menu .smallicon {
2254   margin: 4px 4px 4px -24px;
2255   padding: 4px;
2256 }
2257 .moodle-actionmenu[data-enhanced].show .menu > li {
2258   display: block;
2259 }
2260 .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
2261   top: 100%;
2262   left: 0;
2263   margin-top: 4px;
2264 }
2265 .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
2266   top: 100%;
2267   right: 100%;
2268 }
2269 .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
2270   bottom: 100%;
2271   left: 0;
2272 }
2273 .moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
2274   bottom: 100%;
2275   right: 100%;
2276 }
2277 .moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
2278   top: 100%;
2279   left: 100%;
2280 }
2281 .moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
2282   top: 100%;
2283   right: 0;
2284   margin-top: 4px;
2285 }
2286 .moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
2287   bottom: 100%;
2288   left: 100%;
2289 }
2290 .moodle-actionmenu[data-enhanced].show .menu.align-br-br {
2291   bottom: 100%;
2292   right: 0;
2293 }
2294 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
2295   top: 0;
2296   left: 0;
2297 }
2298 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
2299   top: 0;
2300   right: 100%;
2301   margin-right: 4px;
2302 }
2303 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
2304   bottom: 100%;
2305   left: 0;
2306   margin-bottom: 4px;
2307 }
2308 .moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
2309   bottom: 100%;
2310   right: 100%;
2311 }
2312 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
2313   top: 0;
2314   left: 100%;
2315   margin-left: 4px;
2316 }
2317 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
2318   top: 0;
2319   right: 0;
2320 }
2321 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
2322   bottom: 100%;
2323   left: 100%;
2324 }
2325 .moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
2326   bottom: 100%;
2327   right: 0;
2328   margin-bottom: 4px;
2329 }
2330 .moodle-actionmenu[data-enhanced].show.nowrap-items .menu > li {
2331   white-space: nowrap;
2332 }
2333 .block .moodle-actionmenu {
2334   text-align: right;
2335 }
2336 ul.dragdrop-keyboard-drag li {
2337   list-style-type: none;
2338 }
2339 .block-control-actions .moodle-core-dragdrop-draghandle img {
2340   width: 12px;
2341   height: 12px;
2342 }
2343 a.disabled:hover,
2344 a.disabled {
2345   text-decoration: none;
2346   cursor: default;
2347   font-style: italic;
2348   color: #808080;
2349 }
2350 body.lockscroll {
2351   height: 100%;
2352   overflow: hidden;
2353 }
2354 .progressbar_container {
2355   max-width: 500px;
2356   margin: 0 auto;
2357 }
2358 /* IE10 only fix for calendar titling */
2359 .ie10 .yui3-calendar-header-label {
2360   display: inline-block;
2361 }
2362 dd:before,
2363 dd:after {
2364   display: block;
2365   content: " ";
2366 }
2367 dd:after {
2368   clear: both;
2369 }
2370 .nav-tabs > .active > a[href],
2371 .nav-tabs > .active > a[href]:hover,
2372 .nav-tabs > .active > a[href]:focus {
2373   cursor: pointer;
2374 }
2375 .inplaceeditable.inplaceeditingon {
2376   position: relative;
2377 }
2378 .inplaceeditable.inplaceeditingon .editinstructions {
2379   margin-top: -30px;
2380   font-weight: normal;
2381   margin-right: 0;
2382   margin-left: 0;
2383   left: 0;
2384   right: auto;
2385   white-space: nowrap;
2386 }
2387 .inplaceeditable.inplaceeditingon input {
2388   width: 330px;
2389   height: 16px;
2390   vertical-align: text-bottom;
2391   margin-bottom: 0;
2392 }
2393 .inplaceeditable.inplaceeditingon select {
2394   margin-bottom: 0;
2395 }
2396 .inplaceeditable .quickediticon img {
2397   opacity: 0.2;
2398 }
2399 .inplaceeditable .quickeditlink {
2400   color: inherit;
2401   text-decoration: inherit;
2402 }
2403 .inplaceeditable:hover .quickeditlink .quickediticon img,
2404 .inplaceeditable .quickeditlink:focus .quickediticon img {
2405   opacity: 1;
2406 }
2407 .inplaceeditable.inplaceeditable-toggle .quickediticon {
2408   display: none;
2409 }
2410 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
2411   margin-top: -20px;
2412 }
2413 /** Chart area. */
2414 .chart-area .chart-table-data {
2415   display: none;
2416 }
2417 .chart-area .chart-table {
2418   /** When accessible, we display the table only. */
2419 }
2420 .chart-area .chart-table .chart-output-htmltable caption {
2421   white-space: nowrap;
2422 }
2423 .chart-area .chart-table.accesshide .chart-table-expand {
2424   display: none;
2425 }
2426 .chart-area .chart-table.accesshide .chart-table-data {
2427   display: block;
2428 }
2429 /* admin.less */
2430 .formtable tbody th {
2431   font-weight: normal;
2432   text-align: right;
2433 }
2434 .path-admin #assignrole {
2435   width: 60%;
2436   margin-left: auto;
2437   margin-right: auto;
2438 }
2439 .path-admin .admintable .leftalign {
2440   text-align: left;
2441 }
2442 .environmenttable p.warn {
2443   background-color: #fcf8e3;
2444   color: #8a6d3b;
2445 }
2446 .environmenttable .error,
2447 .environmenttable span.warn,
2448 .environmenttable .ok {
2449   display: inline-block;
2450   padding: 2px 4px;
2451   font-size: 11.844px;
2452   font-weight: bold;
2453   line-height: 14px;
2454   color: #fff;
2455   vertical-align: baseline;
2456   white-space: nowrap;
2457   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2458   background-color: #999;
2459   -webkit-border-radius: 3px;
2460   -moz-border-radius: 3px;
2461   border-radius: 3px;
2462 }
2463 .environmenttable .error:empty,
2464 .environmenttable span.warn:empty,
2465 .environmenttable .ok:empty {
2466   display: none;
2467 }
2468 .environmenttable .error-important,
2469 .environmenttable span.warn-important,
2470 .environmenttable .ok-important {
2471   background-color: #b94a48;
2472 }
2473 .environmenttable .error-important[href],
2474 .environmenttable span.warn-important[href],
2475 .environmenttable .ok-important[href] {
2476   background-color: #953b39;
2477 }
2478 .environmenttable .error-warning,
2479 .environmenttable span.warn-warning,
2480 .environmenttable .ok-warning {
2481   background-color: #f89406;
2482 }
2483 .environmenttable .error-warning[href],
2484 .environmenttable span.warn-warning[href],
2485 .environmenttable .ok-warning[href] {
2486   background-color: #c67605;
2487 }
2488 .environmenttable .error-success,
2489 .environmenttable span.warn-success,
2490 .environmenttable .ok-success {
2491   background-color: #468847;
2492 }
2493 .environmenttable .error-success[href],
2494 .environmenttable span.warn-success[href],
2495 .environmenttable .ok-success[href] {
2496   background-color: #356635;
2497 }
2498 .environmenttable .error-info,
2499 .environmenttable span.warn-info,
2500 .environmenttable .ok-info {
2501   background-color: #3a87ad;
2502 }
2503 .environmenttable .error-info[href],
2504 .environmenttable span.warn-info[href],
2505 .environmenttable .ok-info[href] {
2506   background-color: #2d6987;
2507 }
2508 .environmenttable .error-inverse,
2509 .environmenttable span.warn-inverse,
2510 .environmenttable .ok-inverse {
2511   background-color: #333;
2512 }
2513 .environmenttable .error-inverse[href],
2514 .environmenttable span.warn-inverse[href],
2515 .environmenttable .ok-inverse[href] {
2516   background-color: #1a1a1a;
2517 }
2518 .environmenttable .error {
2519   background-color: #b94a48;
2520 }
2521 .environmenttable span.warn {
2522   background-color: #f89406;
2523 }
2524 .environmenttable .ok {
2525   background-color: #468847;
2526 }
2527 .path-admin .admintable.environmenttable .name,
2528 .path-admin .admintable.environmenttable .info,
2529 .path-admin #assignrole .admintable .role,
2530 .path-admin #assignrole .admintable .userrole,
2531 .path-admin #assignrole .admintable .roleholder {
2532   white-space: nowrap;
2533 }
2534 .path-admin .incompatibleblockstable td.c0 {
2535   font-weight: bold;
2536 }
2537 #page-admin-course-category .addcategory {
2538   padding: 10px;
2539 }
2540 #page-admin-course-index .editcourse {
2541   margin: 20px auto;
2542 }
2543 #page-admin-course-index .editcourse th,
2544 #page-admin-course-index .editcourse td {
2545   padding-left: 10px;
2546   padding-right: 10px;
2547 }
2548 .timewarninghidden {
2549   display: none;
2550 }
2551 .statusok,
2552 .statuswarning,
2553 .statusserious,
2554 .statuscritical {
2555   display: inline-block;
2556   padding: 2px 4px;
2557   font-size: 11.844px;
2558   font-weight: bold;
2559   line-height: 14px;
2560   color: #fff;
2561   vertical-align: baseline;
2562   white-space: nowrap;
2563   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2564   background-color: #999;
2565   -webkit-border-radius: 3px;
2566   -moz-border-radius: 3px;
2567   border-radius: 3px;
2568 }
2569 .statusok:empty,
2570 .statuswarning:empty,
2571 .statusserious:empty,
2572 .statuscritical:empty {
2573   display: none;
2574 }
2575 .statusok-important,
2576 .statuswarning-important,
2577 .statusserious-important,
2578 .statuscritical-important {
2579   background-color: #b94a48;
2580 }
2581 .statusok-important[href],
2582 .statuswarning-important[href],
2583 .statusserious-important[href],
2584 .statuscritical-important[href] {
2585   background-color: #953b39;
2586 }
2587 .statusok-warning,
2588 .statuswarning-warning,
2589 .statusserious-warning,
2590 .statuscritical-warning {
2591   background-color: #f89406;
2592 }
2593 .statusok-warning[href],
2594 .statuswarning-warning[href],
2595 .statusserious-warning[href],
2596 .statuscritical-warning[href] {
2597   background-color: #c67605;
2598 }
2599 .statusok-success,
2600 .statuswarning-success,
2601 .statusserious-success,
2602 .statuscritical-success {
2603   background-color: #468847;
2604 }
2605 .statusok-success[href],
2606 .statuswarning-success[href],
2607 .statusserious-success[href],
2608 .statuscritical-success[href] {
2609   background-color: #356635;
2610 }
2611 .statusok-info,
2612 .statuswarning-info,
2613 .statusserious-info,
2614 .statuscritical-info {
2615   background-color: #3a87ad;
2616 }
2617 .statusok-info[href],
2618 .statuswarning-info[href],
2619 .statusserious-info[href],
2620 .statuscritical-info[href] {
2621   background-color: #2d6987;
2622 }
2623 .statusok-inverse,
2624 .statuswarning-inverse,
2625 .statusserious-inverse,
2626 .statuscritical-inverse {
2627   background-color: #333;
2628 }
2629 .statusok-inverse[href],
2630 .statuswarning-inverse[href],
2631 .statusserious-inverse[href],
2632 .statuscritical-inverse[href] {
2633   background-color: #1a1a1a;
2634 }
2635 .statusok {
2636   background-color: #468847;
2637 }
2638 .statuswarning {
2639   background-color: #8a6d3b;
2640 }
2641 .statusserious {
2642   background-color: #f89406;
2643 }
2644 .statuscritical {
2645   background-color: #b94a48;
2646 }
2647 #page-admin-report-capability-index #capabilitysearch {
2648   width: 30em;
2649 }
2650 #page-admin-report-backups-index .backup-error,
2651 #page-admin-report-backups-index .backup-unfinished {
2652   color: #b94a48;
2653 }
2654 #page-admin-report-backups-index .backup-skipped,
2655 #page-admin-report-backups-index .backup-ok,
2656 #page-admin-report-backups-index .backup-notyetrun {
2657   color: #468847;
2658 }
2659 #page-admin-report-backups-index .backup-warning {
2660   color: #8a6d3b;
2661 }
2662 #page-admin-qtypes .disabled,
2663 #page-admin-qbehaviours .disabled {
2664   color: #999;
2665 }
2666 #page-admin-qtypes #qtypes div,
2667 #page-admin-qtypes #qtypes form,
2668 #page-admin-qbehaviours #qbehaviours div,
2669 #page-admin-qbehaviours #qbehaviours form {
2670   display: inline;
2671 }
2672 #page-admin-qtypes #qtypes img.spacer,
2673 #page-admin-qbehaviours #qbehaviours img.spacer {
2674   width: 16px;
2675 }
2676 img.iconsmall {
2677   margin: 0;
2678   padding: 0.3em;
2679 }
2680 #page-admin-qbehaviours .cell.c3,
2681 #page-admin-qtypes .cell.c3 {
2682   font-size: 10.5px;
2683 }
2684 #page-admin-lang .generalbox,
2685 #page-admin-course-index .singlebutton,
2686 #page-admin-course-index .addcategory,
2687 #page-course-index .buttons,
2688 #page-course-index-category .buttons,
2689 #page-admin-course-category .addcategory,
2690 #page-admin-stickyblocks .generalbox,
2691 #page-admin-maintenance .buttons,
2692 #page-admin-course-index .buttons,
2693 #page-admin-course-category .buttons,
2694 #page-admin-index .copyright,
2695 #page-admin-index .copyrightnotice,
2696 #page-admin-index .adminerror .singlebutton,
2697 #page-admin-index .adminwarning .singlebutton,
2698 #page-admin-index #layout-table .singlebutton {
2699   text-align: center;
2700   margin-bottom: 1em;
2701 }
2702 .path-admin-roles .capabilitysearchui {
2703   text-align: left;
2704   margin-left: auto;
2705   margin-right: auto;
2706 }
2707 #page-admin-roles-define .topfields {
2708   margin: 1em 0 2em;
2709 }
2710 #page-admin-roles-define .capdefault {
2711   background-color: #f5f5f5;
2712   border: 1px solid #ddd;
2713 }
2714 #page-filter-manage .backlink,
2715 .path-admin-roles .backlink {
2716   margin-top: 1em;
2717 }
2718 #page-admin-roles-explain #chooseuser h3,
2719 #page-admin-roles-usersroles .contextname {
2720   margin-top: 0;
2721 }
2722 #page-admin-roles-explain #chooseusersubmit {
2723   margin-top: 0;
2724   text-align: center;
2725 }
2726 #page-admin-roles-usersroles p {
2727   margin: 0;
2728 }
2729 #page-admin-roles-override .cell.c1,
2730 #page-admin-roles-assign .cell.c3,
2731 #page-admin-roles-assign .cell.c1 {
2732   padding-top: 0.75em;
2733 }
2734 #page-admin-roles-override .overridenotice,
2735 #page-admin-roles-define .definenotice {
2736   margin: 1em 10% 2em 10%;
2737   text-align: left;
2738 }
2739 #notice {
2740   width: 60%;
2741   min-width: 220px;
2742   margin: auto;
2743 }
2744 #page-admin-index .releasenoteslink,
2745 #page-admin-index .adminwarning,
2746 #page-admin-index .adminerror {
2747   margin: auto;
2748   padding: 8px 35px 8px 14px;
2749   margin-bottom: 20px;
2750   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2751   background-color: #fcf8e3;
2752   border: 1px solid #fbeed5;
2753   -webkit-border-radius: 4px;
2754   -moz-border-radius: 4px;
2755   border-radius: 4px;
2756   color: #8a6d3b;
2757   width: 60%;
2758   min-width: 220px;
2759 }
2760 #page-admin-index .adminerror {
2761   background-color: #f2dede;
2762   border-color: #eed3d7;
2763   color: #b94a48;
2764 }
2765 #page-admin-index .releasenoteslink {
2766   background-color: #d9edf7;
2767   border-color: #bce8f1;
2768   color: #3a87ad;
2769 }
2770 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
2771   display: block;
2772 }
2773 #page-admin-index .updateplugin div {
2774   margin-bottom: 0.5em;
2775 }
2776 #page-admin-index .updateplugin .updatepluginconfirmexternal {
2777   padding: 1em;
2778   background-color: #f2dede;
2779   border: 1px solid #eed3d7;
2780 }
2781 #page-admin-user-user_bulk #users .fgroup {
2782   white-space: nowrap;
2783 }
2784 #page-admin-report-stats-index .graph {
2785   text-align: center;
2786   margin-bottom: 1em;
2787 }
2788 #page-admin-report-courseoverview-index .graph {
2789   text-align: center;
2790   margin-bottom: 1em;
2791 }
2792 #page-admin-lang .translator {
2793   border-width: 1px;
2794   border-style: solid;
2795 }
2796 .path-admin .roleassigntable {
2797   width: 100%;
2798 }
2799 .path-admin .roleassigntable td {
2800   vertical-align: top;
2801   padding: 0.2em 0.3em;
2802 }
2803 .path-admin .roleassigntable p {
2804   text-align: left;
2805   margin: 0.2em 0;
2806 }
2807 .path-admin .roleassigntable #existingcell,
2808 .path-admin .roleassigntable #potentialcell {
2809   width: 42%;
2810 }
2811 .path-admin .roleassigntable #existingcell p > label:first-child,
2812 .path-admin .roleassigntable #potentialcell p > label:first-child {
2813   font-weight: bold;
2814 }
2815 .path-admin .roleassigntable #buttonscell {
2816   width: 16%;
2817 }
2818 .path-admin .roleassigntable #buttonscell #assignoptions {
2819   font-size: 10.5px;
2820 }
2821 .path-admin .roleassigntable #removeselect_wrapper,
2822 .path-admin .roleassigntable #addselect_wrapper {
2823   width: 100%;
2824 }
2825 .path-admin table.rolecap tr.rolecap th {
2826   text-align: left;
2827   font-weight: normal;
2828 }
2829 .path-admin .rolecap .hiddenrow {
2830   display: none;
2831 }
2832 .path-admin #defineroletable .rolecap .inherit,
2833 .path-admin #defineroletable .rolecap .allow,
2834 .path-admin #defineroletable .rolecap .prevent,
2835 .path-admin #defineroletable .rolecap .prohibit {
2836   text-align: center;
2837   padding: 0;
2838   min-width: 3.5em;
2839 }
2840 .path-admin .rolecap .cap-name,
2841 .path-admin .rolecap .note {
2842   display: block;
2843   font-size: 10.5px;
2844   white-space: nowrap;
2845   font-weight: normal;
2846 }
2847 .path-admin .rolecap label {
2848   display: block;
2849   text-align: center;
2850   padding: 0.5em;
2851   margin: 0;
2852 }
2853 .plugincheckwrapper {
2854   width: 100%;
2855 }
2856 .environmentbox {
2857   margin-top: 1em;
2858 }
2859 #mnetconfig table {
2860   margin-left: auto;
2861   margin-right: auto;
2862 }
2863 .environmenttable .cell {
2864   padding: .15em .5em;
2865 }
2866 .environmenttable img.iconhelp {
2867   padding-right: .3em;
2868 }
2869 #trustedhosts .generaltable {
2870   margin-left: auto;
2871   margin-right: auto;
2872   width: 500px;
2873 }
2874 #trustedhosts .standard {
2875   width: auto;
2876 }
2877 #adminsettings legend {
2878   display: none;
2879 }
2880 #adminsettings fieldset.error {
2881   margin: .2em 0 .5em 0;
2882 }
2883 #adminsettings fieldset.error legend {
2884   display: block;
2885 }
2886 /*rtl:ignore*/
2887 #admin-spelllanguagelist textarea,
2888 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
2889   text-align: left;
2890   direction: ltr;
2891 }
2892 /* Styles for flags on admin settings */
2893 .adminsettingsflags {
2894   float: right;
2895 }
2896 .adminsettingsflags label {
2897   margin-right: 7px;
2898 }
2899 .form-description {
2900   clear: right;
2901 }
2902 .form-description pre,
2903 .formsettingheading pre {
2904   /* Code examples should be left aligned. */
2905   /*rtl:ignore*/
2906   direction: ltr;
2907 }
2908 .form-item .form-setting .form-htmlarea {
2909   display: inline;
2910 }
2911 .form-item .form-setting .form-htmlarea .htmlarea {
2912   width: 640px;
2913   display: block;
2914 }
2915 .form-item .form-setting .form-multicheckbox ul {
2916   list-style: none;
2917   padding: 0;
2918   margin: 7px 0 0 0;
2919 }
2920 .form-item .form-setting .defaultsnext {
2921   margin-right: 0.5em;
2922   display: inline;
2923 }
2924 .form-item .form-setting .locked-checkbox {
2925   margin-right: 0.2em;
2926   margin-left: 0.5em;
2927   display: inline;
2928 }
2929 .form-item .form-setting .form-password .unmask,
2930 .form-item .form-setting .form-defaultinfo {
2931   display: inline-block;
2932 }
2933 .form-item .pathok,
2934 .form-item .patherror {
2935   margin-left: 0.5em;
2936 }
2937 #admin-emoticons td input {
2938   width: 8em;
2939 }
2940 #admin-emoticons td.c0 input {
2941   width: 4em;
2942 }
2943 #adminthemeselector .selectedtheme td.c0 {
2944   border: 1px solid #000;
2945   border-right-width: 0;
2946 }
2947 #adminthemeselector .selectedtheme td.c1 {
2948   border: 1px solid #000;
2949   border-left-width: 0;
2950 }
2951 .admin_colourpicker,
2952 .admin_colourpicker_preview {
2953   display: none;
2954 }
2955 .jsenabled .admin_colourpicker_preview {
2956   display: inline;
2957 }
2958 .jsenabled .admin_colourpicker {
2959   display: block;
2960   height: 102px;
2961   width: 410px;
2962   margin-bottom: 10px;
2963 }
2964 .admin_colourpicker .loadingicon {
2965   vertical-align: middle;
2966   margin-left: auto;
2967 }
2968 .admin_colourpicker .colourdialogue {
2969   float: left;
2970   border: 1px solid #000;
2971 }
2972 .admin_colourpicker .previewcolour {
2973   border: 1px solid #000;
2974   margin-left: 301px;
2975 }
2976 .admin_colourpicker .currentcolour {
2977   border: 1px solid #000;
2978   margin-left: 301px;
2979   border-top-width: 0;
2980 }
2981 #page-admin-index #notice .checkforupdates {
2982   text-align: center;
2983 }
2984 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
2985   background-color: #d9edf7;
2986 }
2987 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
2988 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
2989   background-color: #fcf8e3;
2990 }
2991 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
2992   background-color: #f2dede;
2993 }
2994 #page-admin-plugins #plugins-overview-panel .info {
2995   display: inline-block;
2996   margin-right: 1em;
2997 }
2998 #page-admin-plugins .checkforupdates {
2999   margin: 10px 0;
3000 }
3001 #page-admin-plugins .checkforupdates .singlebutton {
3002   margin: 5px 0;
3003   padding: 0;
3004 }
3005 #page-admin-plugins .checkforupdates .singlebutton div,
3006 #page-admin-plugins .checkforupdates .singlebutton input {
3007   margin: 0 3px 0 0;
3008 }
3009 #page-admin-plugins .updateavailableinstallall {
3010   margin: 5px 0;
3011   padding: 0;
3012 }
3013 #page-admin-plugins .updateavailableinstallall div,
3014 #page-admin-plugins .updateavailableinstallall input {
3015   margin: 0 3px 5px 0;
3016 }
3017 #page-admin-plugins #plugins-control-panel .status-missing td {
3018   background-color: #f2dede;
3019 }
3020 #page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
3021   padding-top: 0;
3022   padding-bottom: 0;
3023 }
3024 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
3025   font-size: 11.9px;
3026   color: #999;
3027   margin-left: 22px;
3028 }
3029 #page-admin-plugins #plugins-control-panel .version .versionnumber {
3030   font-size: 11.9px;
3031   color: #999;
3032 }
3033 #page-admin-plugins #plugins-control-panel .uninstall a {
3034   color: #b94a48;
3035 }
3036 #page-admin-plugins #plugins-control-panel .notes .label {
3037   margin-right: 3px;
3038 }
3039 #page-admin-plugins #plugins-control-panel .notes .requiredby {
3040   font-size: 11.9px;
3041   color: #999;
3042 }
3043 #plugins-check-page .page-description {
3044   color: #999;
3045 }
3046 #plugins-check-page .checkforupdates .singlebutton {
3047   margin: 5px 0;
3048   padding: 0;
3049 }
3050 #plugins-check-page .checkforupdates .singlebutton div,
3051 #plugins-check-page .checkforupdates .singlebutton input {
3052   margin: 0 3px 0 0;
3053 }
3054 #plugins-check-page #plugins-check-info .actions > div {
3055   display: inline-block;
3056   margin-right: 1em;
3057 }
3058 #plugins-check-page #plugins-check-info .actions .singlebutton {
3059   margin: 5px 0;
3060   padding: 0;
3061 }
3062 #plugins-check-page #plugins-check-info .actions .singlebutton div,
3063 #plugins-check-page #plugins-check-info .actions .singlebutton input {
3064   margin: 0 3px 0 0;
3065 }
3066 #plugins-check-page #plugins-check .requires-ok {
3067   color: #999;
3068 }
3069 #plugins-check-page #plugins-check .status-missing td,
3070 #plugins-check-page #plugins-check .status-downgrade td {
3071   background-color: #f2dede;
3072 }
3073 #plugins-check-page #plugins-check .displayname .pluginicon {
3074   margin-right: 5px;
3075   width: 16px;
3076 }
3077 #plugins-check-page #plugins-check .displayname .plugindir {
3078   color: #999;
3079   font-size: 11.9px;
3080 }
3081 #plugins-check-page #plugins-check .requires ul {
3082   margin-left: 13px;
3083 }
3084 #plugins-check-page #plugins-check .status .actionbutton {
3085   margin: 5px 0;
3086   padding: 0;
3087 }
3088 #plugins-check-page #plugins-check .status .actionbutton input {
3089   margin: 0;
3090 }
3091 #plugins-check-page .plugins-check-dependencies-actions > div {
3092   display: inline-block;
3093   margin-right: 1em;
3094 }
3095 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
3096   margin: 5px 0;
3097   padding: 0;
3098 }
3099 #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
3100 #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
3101   margin: 0 3px 0 0;
3102 }
3103 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
3104   font-size: 11.9px;
3105   color: #999;
3106 }
3107 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
3108   display: inline-block;
3109   margin-right: 1em;
3110 }
3111 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
3112   display: block;
3113   margin: 5px 0;
3114   padding: 0;
3115 }
3116 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
3117   margin: 0;
3118 }
3119 #plugins-check-page .pluginupdateinfo,
3120 #plugins-control-panel .pluginupdateinfo {
3121   background-color: #d9edf7;
3122   padding: 5px;
3123   margin: 10px 0;
3124   -webkit-border-radius: 5px;
3125   -moz-border-radius: 5px;
3126   border-radius: 5px;
3127 }
3128 #plugins-check-page .pluginupdateinfo.maturity50,
3129 #plugins-control-panel .pluginupdateinfo.maturity50 {
3130   background-color: #f2dede;
3131 }
3132 #plugins-check-page .pluginupdateinfo.maturity100,
3133 #plugins-control-panel .pluginupdateinfo.maturity100,
3134 #plugins-check-page .pluginupdateinfo.maturity150,
3135 #plugins-control-panel .pluginupdateinfo.maturity150 {
3136   background-color: #fcf8e3;
3137 }
3138 #plugins-check-page .pluginupdateinfo .info,
3139 #plugins-control-panel .pluginupdateinfo .info {
3140   display: inline-block;
3141 }
3142 #plugins-check-page .pluginupdateinfo .separator:after,
3143 #plugins-control-panel .pluginupdateinfo .separator:after {
3144   content: " | ";
3145 }
3146 #plugins-check-page .pluginupdateinfo .singlebutton,
3147 #plugins-control-panel .pluginupdateinfo .singlebutton {
3148   margin: 5px 0;
3149   padding: 0;
3150 }
3151 #plugins-check-page .pluginupdateinfo .singlebutton div,
3152 #plugins-control-panel .pluginupdateinfo .singlebutton div,
3153 #plugins-check-page .pluginupdateinfo .singlebutton input,
3154 #plugins-control-panel .pluginupdateinfo .singlebutton input {
3155   margin: 0 3px 0 0;
3156 }
3157 .plugins-management-confirm-buttons > div {
3158   display: inline-block;
3159   margin: 1em 1em 1em 0;
3160 }
3161 .plugins-management-confirm-buttons .continue {
3162   padding: 0;
3163 }
3164 .plugins-management-confirm-buttons .continue div,
3165 .plugins-management-confirm-buttons .continue input {
3166   margin: 0;
3167 }
3168 .uninstalldeleteconfirmexternal {
3169   background-color: #fcf8e3;
3170   padding: 0.5em 1em;
3171   margin: 5px 0 10px 0;
3172 }
3173 #page-admin-index .upgradepluginsinfo {
3174   text-align: center;
3175 }
3176 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
3177   content: " | ";
3178 }
3179 #plugins-check .pluginupdateinfo {
3180   text-align: center;
3181   /*rtl:ignore*/
3182   direction: ltr;
3183 }
3184 #plugins-check .requires-ok {
3185   /*rtl:ignore*/
3186   text-align: left;
3187   /*rtl:ignore*/
3188   direction: ltr;
3189 }
3190 /** MNet networking */
3191 #page-admin-mnet-peers .box.deletedhosts {
3192   margin-bottom: 1em;
3193   font-size: 11.9px;
3194 }
3195 #page-admin-mnet-peers .mform .deletedhostinfo {
3196   background-color: #f2dede;
3197   border: 2px solid #eed3d7;
3198   padding: 4px;
3199   margin-bottom: 5px;
3200 }
3201 #core-cache-plugin-summaries table,
3202 #core-cache-store-summaries table {
3203   width: 100%;
3204 }
3205 #core-cache-lock-summary table,
3206 #core-cache-definition-summaries table,
3207 #core-cache-mode-mappings table {
3208   margin: 0 auto;
3209 }
3210 #core-cache-store-summaries .default-store td {
3211   font-style: italic;
3212 }
3213 #core-cache-rescan-definitions,
3214 #core-cache-mode-mappings .edit-link,
3215 #core-cache-lock-summary .new-instance {
3216   margin-top: 0.5em;
3217   text-align: center;
3218 }
3219 .tinymcesubplugins img.icon {
3220   padding-top: 0;
3221   padding-bottom: 0;
3222 }
3223 .maintenancewarning {
3224   padding: 3px 1em;
3225   text-align: center;
3226   position: fixed;
3227   bottom: 0;
3228   right: 0;
3229   overflow: hidden;
3230   z-index: 1;
3231 }
3232 .maintenancewarning.error {
3233   color: #b94a48;
3234   background-color: #f2dede;
3235   border: 2px solid #eed3d7;
3236   font-weight: bold;
3237 }
3238 .maintenancewarning.warning {
3239   color: #8a6d3b;
3240   background-color: #fcf8e3;
3241   border: 2px solid #fbeed5;
3242 }
3243 #adminsettings .form-overridden {
3244   color: #3a87ad;
3245   background-color: #d9edf7;
3246 }
3247 /* calendar.less */
3248 .calendar_event_course {
3249   background-color: #ffd3bd;
3250 }
3251 .calendar_event_global {
3252   background-color: #d6f8cd;
3253 }
3254 .calendar_event_group {
3255   background-color: #fee7ae;
3256 }
3257 .calendar_event_user {
3258   background-color: #dce7ec;
3259 }
3260 .path-calendar .calendartable {
3261   width: 100%;
3262 }
3263 .path-calendar .calendartable th,
3264 .path-calendar .calendartable td {
3265   width: 14%;
3266   vertical-align: top;
3267   text-align: center;
3268   border: 0;
3269 }
3270 .path-calendar .calendar-controls .previous,
3271 .path-calendar .calendar-controls .next,
3272 .path-calendar .calendar-controls .current {
3273   display: block;
3274   float: left;
3275   width: 12%;
3276 }
3277 .path-calendar .calendar-controls .previous {
3278   text-align: left;
3279 }
3280 .path-calendar .calendar-controls .current {
3281   text-align: center;
3282   width: 76%;
3283 }
3284 .path-calendar .calendar-controls .next {
3285   text-align: right;
3286 }
3287 .path-calendar .filters table {
3288   border-collapse: separate;
3289   border-spacing: 2px;
3290   width: 100%;
3291 }
3292 .path-calendar .cal_courses_flt {
3293   float: left;
3294 }
3295 .path-calendar .cal_courses_flt label {
3296   margin-right: .45em;
3297 }
3298 .path-calendar .maincalendar {
3299   vertical-align: top;
3300   padding: 0;
3301 }
3302 .path-calendar .maincalendar .bottom {
3303   text-align: center;
3304   padding: 5px 0 0 0;
3305 }
3306 .path-calendar .maincalendar .heightcontainer {
3307   height: 100%;
3308   position: relative;
3309 }
3310 .path-calendar .maincalendar .calendarmonth {
3311   width: 98%;
3312   margin: 10px auto;
3313 }
3314 .path-calendar .maincalendar .calendarmonth ul {
3315   margin: 0;
3316 }
3317 .path-calendar .maincalendar .calendarmonth ul li {
3318   list-style-type: none;
3319   margin-top: 4px;
3320 }
3321 .path-calendar .maincalendar .calendarmonth td {
3322   height: 5em;
3323 }
3324 .path-calendar .maincalendar .calendar-controls .previous,
3325 .path-calendar .maincalendar .calendar-controls .next {
3326   width: 30%;
3327 }
3328 .path-calendar .maincalendar .calendar-controls .current {
3329   width: 39.95%;
3330 }
3331 .path-calendar .maincalendar .controls {
3332   width: 98%;
3333   margin: 10px auto;
3334 }
3335 .path-calendar .maincalendar .calendar_event_course,
3336 .path-calendar .maincalendar .calendar_event_global,
3337 .path-calendar .maincalendar .calendar_event_group,
3338 .path-calendar .maincalendar .calendar_event_user {
3339   border-width: 1px 1px 1px 12px;
3340   border-style: solid;
3341 }
3342 .path-calendar .maincalendar .calendar_event_course {
3343   border-color: #ffd3bd;
3344 }
3345 .path-calendar .maincalendar .calendar_event_global {
3346   border-color: #d6f8cd;
3347 }
3348 .path-calendar .maincalendar .calendar_event_group {
3349   border-color: #fee7ae;
3350 }
3351 .path-calendar .maincalendar .calendar_event_user {
3352   border-color: #dce7ec;
3353 }
3354 .path-calendar .maincalendar .calendar-event-panel {
3355   background-color: #eee;
3356   border: 2px solid #eee;
3357 }
3358 .path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content {
3359   padding: 19px;
3360   background-color: #fdfdfd;
3361   border: 1px solid #e3e3e3;
3362   -webkit-border-radius: 4px;
3363   -moz-border-radius: 4px;
3364   border-radius: 4px;
3365   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3366   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3367   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3368 }
3369 .path-calendar .maincalendar .calendar-controls .current {
3370   font-family: inherit;
3371   font-weight: bold;
3372   color: inherit;
3373   font-size: 25px;
3374   line-height: 1.2;
3375 }
3376 .path-calendar .maincalendar .calendartable td,
3377 .path-calendar .maincalendar .calendartable li {
3378   padding: 5px;
3379 }
3380 .path-calendar .maincalendar .calendartable li {
3381   padding-left: 10px;
3382   text-align: left;
3383 }
3384 .path-calendar .maincalendar .header {
3385   overflow: hidden;
3386 }
3387 .path-calendar .maincalendar .header .buttons {
3388   float: right;
3389 }
3390 .path-calendar .maincalendar .eventlist {
3391   margin: 0;
3392 }
3393 .path-calendar .maincalendar .eventlist .event {
3394   width: 92%;
3395   border-spacing: 0;
3396   border-collapse: separate;
3397   position: relative;
3398   padding: 20px 4%;
3399   margin-bottom: 20px;
3400   background-color: #fdfdfd;
3401   border: 1px solid #e3e3e3;
3402   -webkit-border-radius: 4px;
3403   -moz-border-radius: 4px;
3404   border-radius: 4px;
3405   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3406   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3407   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3408   list-style-type: none;
3409 }
3410 .path-calendar .maincalendar .eventlist .event > img {
3411   padding-top: 3px;
3412   float: left;
3413 }
3414 .path-calendar .maincalendar .eventlist .event .name {
3415   font-size: 17.5px;
3416   font-weight: 200;
3417   line-height: 24px;
3418   float: left;
3419   margin: 0;
3420 }
3421 .path-calendar .maincalendar .eventlist .event .name,
3422 .path-calendar .maincalendar .eventlist .event .course {
3423   margin-bottom: 5px;
3424 }
3425 .path-calendar .maincalendar .eventlist .event .date {
3426   float: right;
3427 }
3428 .path-calendar .maincalendar .eventlist .event .course,
3429 .path-calendar .maincalendar .eventlist .event .subscription {
3430   float: left;
3431   clear: left;
3432 }
3433 .path-calendar .maincalendar .eventlist .event .side {
3434   width: 22px;
3435 }
3436 .path-calendar .maincalendar .eventlist .event .description {
3437   background-color: #fff;
3438   padding: 5px;
3439   clear: both;
3440 }
3441 .path-calendar .maincalendar .eventlist .event .description .commands {
3442   position: absolute;
3443   right: 0;
3444   top: 0;
3445   margin: 3px;
3446 }
3447 .path-calendar .maincalendar .eventlist .event .commands {
3448   position: absolute;
3449   top: 2px;
3450   right: 2px;
3451 }
3452 .path-calendar .maincalendar .eventlist .event .commands a {
3453   margin: 0 3px;
3454 }
3455 #page-calendar-export .indent {
3456   padding-left: 20px;
3457 }
3458 .block .minicalendar {
3459   max-width: 280px;
3460   margin: 0 auto;
3461   width: 100%;
3462 }
3463 .block .minicalendar th,
3464 .block .minicalendar td {
3465   padding: 2px;
3466   font-size: 0.8em;
3467   text-align: center;
3468 }
3469 .block .minicalendar td.weekend {
3470   color: #999;
3471 }
3472 .block .minicalendar td a {
3473   width: 100%;
3474   height: 100%;
3475   display: block;
3476 }
3477 .block .minicalendar td.duration_global {
3478   border-top: 1px solid #d6f8cd;
3479   border-bottom: 1px solid #d6f8cd;
3480 }
3481 .block .minicalendar td.duration_global.duration_finish {
3482   background-color: #d6f8cd;
3483 }
3484 .block .minicalendar td.duration_course {
3485   border-top: 1px solid #ffd3bd;
3486   border-bottom: 1px solid #ffd3bd;
3487 }
3488 .block .minicalendar td.duration_course.duration_finish {
3489   background-color: #ffd3bd;
3490 }
3491 .block .minicalendar td.duration_group {
3492   border-top: 1px solid #fee7ae;
3493   border-bottom: 1px solid #fee7ae;
3494 }
3495 .block .minicalendar td.duration_group.duration_finish {
3496   background-color: #fee7ae;
3497 }
3498 .block .minicalendar td.duration_user {
3499   border-top: 1px solid #dce7ec;
3500   border-bottom: 1px solid #dce7ec;
3501 }
3502 .block .minicalendar td.duration_user.duration_finish {
3503   background-color: #dce7ec;
3504 }
3505 .block .minicalendar caption {
3506   font-size: inherit;
3507   font-weight: inherit;
3508   line-height: inherit;
3509   text-align: center;
3510 }
3511 .block .calendar-event-panel {
3512   background-color: #eee;
3513   border: 1px solid #eee;
3514 }
3515 .block .calendar-event-panel .yui3-overlay-content {
3516   padding: 19px;
3517   background-color: #fdfdfd;
3518   border: 1px solid #e3e3e3;
3519   -webkit-border-radius: 4px;
3520   -moz-border-radius: 4px;
3521   border-radius: 4px;
3522   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3523   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3524   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3525 }
3526 .block .calendar-event-panel .yui3-overlay-content h2.eventtitle {
3527   line-height: 1.2;
3528   font-size: 18px;
3529 }
3530 .block .calendar-event-panel .yui3-overlay-content .eventcontent img {
3531   padding-right: 5px;
3532 }
3533 .block .calendar-controls .previous,
3534 .block .calendar-controls .current,
3535 .block .calendar-controls .next {
3536   display: block;
3537   float: left;
3538 }
3539 .block .calendar-controls .previous {
3540   text-align: left;
3541   width: 12%;
3542 }
3543 .block .calendar-controls .current {
3544   text-align: center;
3545   width: 76%;
3546 }
3547 .block .calendar-controls .next {
3548   text-align: right;
3549   width: 12%;
3550 }
3551 .block .calendar_filters ul {
3552   list-style: none;
3553   margin: 0;
3554 }
3555 .block .calendar_filters li {
3556   margin-bottom: 0.2em;
3557 }
3558 .block .calendar_filters li span img {
3559   padding: 0 0.2em;
3560 }
3561 .block .calendar_filters .eventname {
3562   padding-left: 0.2em;
3563 }
3564 .block .content h3.eventskey {
3565   margin-top: 0.5em;
3566 }
3567 .ical-link {
3568   font-size: 10px;
3569   font-weight: bold;
3570   background-color: #f60;
3571   padding: 0 5px;
3572   color: #fff;
3573   border-top: 1px solid #f93;
3574   border-left: 1px solid #f93;
3575   border-bottom: 1px solid #013;
3576   border-right: 1px solid #013;
3577 }
3578 .ical-link:hover,
3579 .ical-link:active,
3580 .ical-link:focus,
3581 .ical-link:visited {
3582   color: #fff;
3583   text-decoration: none;
3584 }
3585 @media (min-width: 768px) {
3586   #page-calender-view .container-fluid {
3587     min-width: 1024px;
3588   }
3589 }
3590 /* course.less */
3591 /* COURSE CONTENT */
3592 /* stylelint-disable unit-blacklist */
3593 .section_add_menus {
3594   text-align: right;
3595   clear: both;
3596 }
3597 .section-modchooser {
3598   clear: both;
3599 }
3600 .section_add_menus .horizontal div,
3601 .section_add_menus .horizontal form {
3602   display: inline;
3603 }
3604 .section_add_menus optgroup {
3605   font-weight: normal;
3606   font-style: italic;
3607 }
3608 .section_add_menus .urlselect {
3609   margin-left: .4em;
3610 }
3611 .section_add_menus .urlselect select {
3612   margin-left: .2em;
3613 }
3614 .section_add_menus .urlselect img.iconhelp {
3615   padding: 0;
3616   margin: 0;
3617   vertical-align: text-bottom;
3618 }
3619 .sitetopic ul.section {
3620   margin: 0;
3621 }
3622 .course-content ul.section {
3623   margin: 1em;
3624 }
3625 .section .side.left {
3626   float: left;
3627 }
3628 .section .side.right {
3629   float: right;
3630 }
3631 .section .spinner {
3632   height: 16px;
3633   width: 16px;
3634 }
3635 .section .activity {
3636   /* The command block for each activity */
3637 }
3638 .section .activity .spinner {
3639   left: 100%;
3640   position: absolute;
3641 }
3642 .section .activity .editing_move {
3643   /* Move the move icon to the start of the line */
3644   position: absolute;
3645   left: 0;
3646   top: 0;
3647 }
3648 .section .activity .mod-indent-outer {
3649   /**
3650              * Add appropriate padding such that nothing overlaps the
3651              * absolute positioned move icon.
3652              */
3653   padding-left: 32px;
3654 }
3655 .section .activity .actions {
3656   position: absolute;
3657   right: 0;
3658   top: 0;
3659 }
3660 .section .activity .contentwithoutlink,
3661 .section .activity .activityinstance {
3662   min-width: 40%;
3663   display: table-cell;
3664   padding-right: 4px;
3665   min-height: 2em;
3666 }
3667 .section .activity .contentwithoutlink .dimmed img.activityicon,
3668 .section .activity .activityinstance .dimmed img.activityicon {
3669   opacity: 0.5;
3670   filter: alpha(opacity=50);
3671 }
3672 .section .label .contentwithoutlink,
3673 .section .label .activityinstance {
3674   padding-right: 32px;
3675   display: block;
3676   height: inherit;
3677 }
3678 .section .label .mod-indent-outer {
3679   padding-left: 24px;
3680   display: block;
3681 }
3682 .section .filler {
3683   width: 16px;
3684   height: 16px;
3685   padding: 0.3em;
3686   display: inline-block;
3687 }
3688 .section .activity.editor_displayed a.editing_title,
3689 .section .activity.editor_displayed .moodle-actionmenu {
3690   display: none;
3691 }
3692 .section .activity.editor_displayed div.activityinstance {
3693   padding-right: initial;
3694 }
3695 .section .activity.editor_displayed div.activityinstance input {
3696   margin-bottom: initial;
3697   padding-top: initial;
3698   padding-bottom: initial;
3699   vertical-align: text-bottom;
3700 }
3701 .activity img.activityicon {
3702   margin-right: 6px;
3703   vertical-align: text-bottom;
3704 }
3705 .section .activity .activityinstance,
3706 .section .activity .activityinstance div {
3707   display: inline-block;
3708 }
3709 .editing .section .activity .contentwithoutlink,
3710 .editing .section .activity .activityinstance {
3711   padding-right: 200px;
3712 }
3713 .editing_show + .editing_assign,
3714 .editing_hide + .editing_assign {
3715   margin-left: 20px;
3716 }
3717 .section .activity .commands {
3718   white-space: nowrap;
3719   display: inline;
3720 }
3721 .section .activity.modtype_label.label {
3722   font-weight: normal;
3723   padding: .2em;
3724 }
3725 .section li.activity {
3726   padding: .2em;
3727   clear: both;
3728 }
3729 .section .activity .activityinstance .groupinglabel {
3730   padding-left: 30px;
3731 }
3732 .section .activity .availabilityinfo,
3733 .section .activity .contentafterlink {
3734   margin-top: 0.5em;
3735   margin-left: 30px;
3736 }
3737 .section .activity .contentafterlink p {
3738   margin: .5em 0;
3739 }
3740 .editing .section .activity:hover,
3741 .editing .section .activity.action-menu-shown {
3742   background-color: #eee;
3743 }
3744 .course-content .current {
3745   background-color: #d9edf7;
3746 }
3747 .course-content .section-summary {
3748   border: 1px solid #ddd;
3749   margin-top: 5px;
3750   list-style: none;
3751 }
3752 .course-content .section-summary .section-title {
3753   margin: 2px 5px 10px 5px;
3754 }
3755 .course-content .section-summary .summarytext {
3756   margin: 2px 5px 2px 5px;
3757 }
3758 .course-content .section-summary .section-summary-activities .activity-count {
3759   color: #999;
3760   font-size: 11.9px;
3761   margin: 3px;
3762   white-space: nowrap;
3763   display: inline-block;
3764 }
3765 .course-content .section-summary .summary {
3766   margin-top: 5px;
3767 }
3768 .course-content .single-section {
3769   margin-top: 1em;
3770 }
3771 .course-content .single-section .section-navigation {
3772   display: block;
3773   padding: 0.5em;
3774   margin-bottom: -0.5em;
3775 }
3776 .course-content .single-section .section-navigation .title {
3777   font-weight: bold;
3778   font-size: 108%;
3779   clear: both;
3780 }
3781 .course-content .single-section .section-navigation .mdl-left {
3782   font-weight: normal;
3783   float: left;
3784   margin-right: 1em;
3785 }
3786 .course-content .single-section .section-navigation .mdl-left .larrow {
3787   margin-right: 0.1em;
3788 }
3789 .course-content .single-section .section-navigation .mdl-right {
3790   font-weight: normal;
3791   float: right;
3792   margin-left: 1em;
3793 }
3794 .course-content .single-section .section-navigation .mdl-right .rarrow {
3795   margin-left: 0.1em;
3796 }
3797 .course-content .single-section .section-navigation .mdl-bottom {
3798   margin-top: 0;
3799 }
3800 .course-content ul li.section.main {
3801   border-bottom: 2px solid #ddd;
3802   margin-top: 0;
3803 }
3804 .course-content ul li.section.hidden .sectionname > span,
3805 .course-content ul li.section.hidden .content > div,
3806 .course-content ul li.section.hidden .activity .activityinstance {
3807   opacity: .5;
3808 }
3809 .course-content ul li.section.hidden .sectionname > span,
3810 .course-content ul li.section.hidden .activity .activityinstance {
3811   margin-left: 10px;
3812   margin-right: 10px;
3813 }
3814 .course-content ul.topics li.section .content,
3815 .course-content ul.weeks li.section .content {
3816   margin-right: 20px;
3817   margin-left: 20px;
3818   padding: 0;
3819 }
3820 .course-content {
3821   margin-top: 0;
3822 }
3823 .course-content ul.topics li.section {
3824   padding-bottom: 20px;
3825 }
3826 .course-content ul.topics li.section .summary {
3827   margin-left: 25px;
3828 }
3829 .course-content li.section ul {
3830   list-style: disc;
3831 }
3832 .course-content li.section ul ul {
3833   list-style: circle;
3834 }
3835 .course-content li.section ul ul ul {
3836   list-style: square;
3837 }
3838 .course-content li.section li.activity ul {
3839   list-style: disc;
3840 }
3841 .course-content li.section li.activity ul ul {
3842   list-style: circle;
3843 }
3844 .course-content li.section li.activity ul ul ul {
3845   list-style: square;
3846 }
3847 .path-course-view .completionprogress {
3848   margin-left: 25px;
3849 }
3850 .path-course-view .completionprogress {
3851   display: block;
3852   float: right;
3853   height: 20px;
3854   position: relative;
3855 }
3856 #page-site-index .subscribelink {
3857   text-align: right;
3858 }
3859 #site-news-forum h2,
3860 #frontpage-course-list h2,
3861 #frontpage-category-names h2,
3862 #frontpage-category-combo h2 {
3863   margin-bottom: 9px;
3864 }
3865 .path-course-view a.reduce-sections {
3866   padding-left: 0.2em;
3867 }
3868 .path-course-view .subscribelink {
3869   text-align: right;
3870 }
3871 .path-course-view .unread {
3872   margin-left: 30px;
3873 }
3874 .path-course-view .block.drag .header {
3875   cursor: move;
3876 }
3877 .path-course-view .completionprogress {
3878   text-align: right;
3879 }
3880 .path-course-view .single-section .completionprogress {
3881   margin-right: 5px;
3882 }
3883 .path-course-view .section .summary {
3884   line-height: normal;
3885 }
3886 .path-site li.activity > div,
3887 .path-course-view li.activity > div {
3888   position: relative;
3889   padding: 0 16px 0 0;
3890   /* to accommodate the floated completion icon with highlighting */
3891 }
3892 .path-course-view li.activity span.autocompletion img {
3893   vertical-align: text-bottom;
3894 }
3895 .path-course-view li.activity form.togglecompletion img {
3896   max-width: none;
3897   /* The width is 0 so ensure we don't end up with a relative max-width */
3898 }
3899 .path-course-view li.activity form.togglecompletion .ajaxworking {
3900   width: 16px;
3901   height: 16px;
3902   position: absolute;
3903   right: 22px;
3904   top: 3px;
3905   background: url([[pix:i/ajaxloader]]) no-repeat;
3906 }
3907 li.section.hidden span.commands a.editing_hide,
3908 li.section.hidden span.commands a.editing_show {
3909   cursor: default;
3910 }
3911 ul.weeks h3.sectionname {
3912   white-space: nowrap;
3913 }
3914 .editing ul.weeks h3.sectionname {
3915   white-space: normal;
3916 }
3917 .single-section h3.sectionname {
3918   text-align: center;
3919   clear: both;
3920 }
3921 .section img.movetarget {
3922   height: 16px;
3923   width: 80px;
3924 }
3925 input.titleeditor {
3926   width: 330px;
3927   vertical-align: text-bottom;
3928 }
3929 span.editinstructions {
3930   position: absolute;
3931   top: 0;
3932   margin-top: -22px;
3933   margin-left: 30px;
3934   line-height: 16px;
3935   font-size: 11.9px;
3936   padding: .1em .4em;
3937   background-color: #d9edf7;
3938   color: #3a87ad;
3939   text-decoration: none;
3940   z-index: 9999;
3941   -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3942   -moz-box-shadow: 2px 2px 5px 1px #ccc;
3943   box-shadow: 2px 2px 5px 1px #ccc;
3944   border: 1px solid #bce8f1;
3945 }
3946 /* Course drag and drop upload styles */
3947 #dndupload-status {
3948   position: fixed;
3949   left: 0;
3950   width: 40%;
3951   margin: 0 30%;
3952   padding: 6px;
3953   border: 1px solid #bce8f1;
3954   text-align: center;
3955   background: #d9edf7;
3956   color: #3a87ad;
3957   z-index: 1;
3958   -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3959   -moz-box-shadow: 2px 2px 5px 1px #ccc;
3960   box-shadow: 2px 2px 5px 1px #ccc;
3961   -webkit-border-radius: 8px;
3962   -moz-border-radius: 8px;
3963   border-radius: 8px;
3964 }
3965 .dndupload-preview {
3966   color: #909090;
3967   border: 1px dashed #909090;
3968   list-style: none;
3969   margin-top: .2em;
3970   padding: .3em;
3971 }
3972 .dndupload-preview img.icon {
3973   vertical-align: text-bottom;
3974   padding: 0;
3975 }
3976 .dndupload-progress-outer {
3977   overflow: hidden;
3978   height: 20px;
3979   margin-bottom: 20px;
3980   background-color: #f7f7f7;
3981   background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
3982   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
3983   background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
3984   background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
3985   background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
3986   background-repeat: repeat-x;
3987   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
3988   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3989   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3990   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3991   -webkit-border-radius: 4px;
3992   -moz-border-radius: 4px;
3993   border-radius: 4px;
3994 }
3995 .dndupload-progress-inner {
3996   width: 0%;
3997   height: 100%;
3998   color: #fff;
3999   float: left;
4000   font-size: 12px;
4001   text-align: center;
4002   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4003   background-color: #0e90d2;
4004   background-image: -moz-linear-gradient(top, #149bdf, #0480be);
4005   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
4006   background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
4007   background-image: -o-linear-gradient(top, #149bdf, #0480be);
4008   background-image: linear-gradient(to bottom, #149bdf, #0480be);
4009   background-repeat: repeat-x;
4010   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
4011   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4012   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4013   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4014   -webkit-box-sizing: border-box;
4015   -moz-box-sizing: border-box;
4016   box-sizing: border-box;
4017   -webkit-transition: width 0.6s ease;
4018   -moz-transition: width 0.6s ease;
4019   -o-transition: width 0.6s ease;
4020   transition: width 0.6s ease;
4021 }
4022 .dndupload-hidden {
4023   display: none;
4024 }
4025 /* COURSES LISTINGS AND COURSE SUMMARY */
4026 #page-course-pending .singlebutton,
4027 #page-course-index .singlebutton,
4028 #page-course-index-category .singlebutton,
4029 #page-course-editsection .singlebutton {
4030   text-align: center;
4031 }
4032 #page-admin-course-manage #movecourses td img {
4033   margin: 0 .22em;
4034   vertical-align: text-bottom;
4035 }
4036 #page-admin-course-manage #movecourses td img.icon {
4037   padding: 0;
4038 }
4039 #coursesearch {
4040   margin-top: 1em;
4041   text-align: center;
4042 }
4043 #page-course-pending .pendingcourserequests {
4044   margin-bottom: 1em;
4045 }
4046 #page-course-pending .pendingcourserequests .singlebutton {
4047   display: inline;
4048 }
4049 #page-course-pending .pendingcourserequests .cell {
4050   padding: 0 5px;
4051 }
4052 #page-course-pending .pendingcourserequests .cell.c6 {
4053   white-space: nowrap;
4054 }
4055 .coursebox {
4056   margin-bottom: 15px;
4057   border: 1px dotted #ddd;
4058   -webkit-border-radius: 4px;
4059   -moz-border-radius: 4px;
4060   border-radius: 4px;
4061   padding: 5px;
4062 }
4063 .coursebox > .info > .coursename a {
4064   display: block;
4065   background-image: url([[pix:moodle|i/course]]);
4066   background-repeat: no-repeat;
4067   padding-left: 21px;
4068   background-position: left 0.2em;
4069 }
4070 .coursebox > .info > .coursename,
4071 .coursebox .content .teachers,
4072 .coursebox .content .courseimage,
4073 .coursebox .content .coursefile {
4074   float: left;
4075   clear: left;
4076 }
4077 .coursebox .content .teachers,
4078 .coursebox .content .courseimage,
4079 .coursebox .content .coursefile {
4080   width: 40%;
4081 }
4082 .coursebox > .info > h3.coursename {
4083   margin: 5px;
4084   line-height: 1;
4085 }
4086 .coursebox > .info > .coursename {
4087   margin: 5px;
4088   padding: 0;
4089 }
4090 .coursebox .content .teachers li {
4091   list-style-type: none;
4092   padding: 0;
4093   margin: 0;
4094 }
4095 .coursebox .enrolmenticons {
4096   padding: 3px 0;
4097   float: right;
4098 }
4099 .coursebox .moreinfo {
4100   padding: 3px 0;
4101   float: right;
4102 }
4103 .coursebox .enrolmenticons img,
4104 .coursebox .moreinfo img {
4105   margin: 0 .2em;
4106 }
4107 .coursebox .content {
4108   clear: both;
4109 }
4110 .coursebox .content .summary,
4111 .coursebox .content .coursecat {
4112   float: right;
4113   width: 55%;
4114 }
4115 .coursebox .content .coursecat {
4116   text-align: right;
4117   clear: right;
4118 }
4119 .coursebox.remotecoursebox .remotecourseinfo {
4120   float: left;
4121   width: 40%;
4122 }
4123 .coursebox .content .courseimage img {
4124   max-width: 100px;
4125   max-height: 100px;
4126 }
4127 .coursebox .content .coursecat,
4128 .coursebox .content .summary,
4129 .coursebox .content .courseimage,
4130 .coursebox .content .coursefile,
4131 .coursebox .content .teachers,
4132 .coursebox.remotecoursebox .remotecourseinfo {
4133   margin: 3px 5px;
4134   padding: 0;
4135 }
4136 .coursebox.remotehost > .info > .categoryname a {
4137   background-image: url([[pix:moodle|i/mnethost]]);
4138 }
4139 .coursebox.collapsed {
4140   margin-bottom: 0;
4141 }
4142 .coursebox.collapsed > .content {
4143   display: none;
4144 }
4145 .courses .coursebox.collapsed {
4146   border: 1px solid #ddd;
4147   padding: 5px;
4148 }
4149 .courses .coursebox.even {
4150   background-color: #f9f9f9;
4151 }
4152 .courses .coursebox:hover,
4153 .course_category_tree .courses > .paging.paging-morelink:hover {
4154   background-color: #f5f5f5;
4155 }
4156 .course_category_tree .category .numberofcourse {
4157   font-size: 11.9px;
4158 }
4159 .course_category_tree .controls {
4160   visibility: hidden;
4161 }
4162 .course_category_tree .controls div {
4163   display: inline;
4164   cursor: pointer;
4165 }
4166 .jsenabled .course_category_tree .controls {
4167   visibility: visible;
4168 }
4169 .course_category_tree .controls {
4170   margin-bottom: 5px;
4171   text-align: right;
4172   float: right;
4173 }
4174 .course_category_tree .controls div {
4175   padding-right: 2em;
4176   font-size: 75%;
4177 }
4178 .course_category_tree .category > .info > .categoryname {
4179   /*rtl:remove*/
4180   background-image: url([[pix:moodle|t/collapsed_empty]]);
4181   /*rtl:raw:
4182     background-image: url([[pix:moodle|t/collapsed_empty_rtl]]);
4183     */
4184   background-repeat: no-repeat;
4185   padding: 2px 18px;
4186   margin: 3px;
4187   background-position: center left;
4188 }
4189 .course_category_tree .category.with_children > .info > .categoryname {
4190   background-image: url([[pix:moodle|t/expanded]]);
4191   cursor: pointer;
4192 }
4193 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
4194   /*rtl:raw:
4195     background-image: url([[pix:moodle|t/collapsed_rtl]]);
4196     */
4197   /*rtl:remove*/
4198   background-image: url([[pix:moodle|t/collapsed]]);
4199 }
4200 .course_category_tree .category.collapsed > .content {
4201   display: none;
4202 }
4203 .course_category_tree .category > .info {
4204   min-height: 20px;
4205   padding: 19px;
4206   margin-bottom: 20px;
4207   background-color: #f5f5f5;
4208   border: 1px solid #e3e3e3;
4209   -webkit-border-radius: 4px;
4210   -moz-border-radius: 4px;
4211   border-radius: 4px;
4212   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4213   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4214   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4215   border-color: #e3e3e3;
4216   min-height: 0;
4217   padding: 0;
4218   margin: 3px 0;
4219   margin-bottom: 3px;
4220   clear: both;
4221 }
4222 .course_category_tree .category > .info blockquote {
4223   border-color: #ddd;
4224   border-color: rgba(0, 0, 0, 0.15);
4225 }
4226 .course_category_tree.frontpage-category-names .category > .info {
4227   background: none;
4228   border: none;
4229   margin: 0;
4230 }
4231 .course_category_tree .category > .content {
4232   padding-left: 16px;
4233 }
4234 .course_category_tree .subcategories > .paging,
4235 .courses > .paging {
4236   margin: 0;
4237   padding: 5px;
4238   text-align: center;
4239 }
4240 .courses > .paging.paging-morelink,
4241 .course_category_tree .subcategories > .paging.paging-morelink {
4242   text-align: left;
4243 }
4244 .course_category_tree .paging.paging-morelink a {
4245   font-size: 11.9px;
4246 }
4247 #page-course-index-category .generalbox.info {
4248   margin-bottom: 15px;
4249   border: 1px dotted #ddd;
4250   -webkit-border-radius: 4px;
4251   -moz-border-radius: 4px;
4252   border-radius: 4px;
4253   padding: 5px;
4254 }
4255 #page-course-index-category .categorypicker {
4256   text-align: center;
4257   margin: 10px 0 20px;
4258 }
4259 .section .summary .iconsmall,
4260 .section .activity .iconsmall {
4261   width: 16px;
4262   height: 16px;
4263 }
4264 .section .editing_title .iconsmall {
4265   width: 12px;
4266   height: 12px;
4267   margin: 8px 8px 0 0;
4268   padding: 4px 8px 0 0;
4269   vertical-align: text-bottom;
4270 }
4271 .section .moodle-actionmenu .iconsmall {
4272   /** reset sets 100% !important which breaks on IE8 without this !important */
4273   max-width: none !important;
4274   /* stylelint-disable-line declaration-no-important */
4275   width: 16px;
4276   height: 16px;
4277   padding: 4px;
4278   vertical-align: text-bottom;
4279 }
4280 .section .moodle-actionmenu[data-enhanced] .menu img {
4281   width: 12px;
4282   height: 12px;
4283 }
4284 /**
4285  * Course management page
4286  * Palette
4287  *
4288  * Background (reg)         #F5F5F5
4289  * Background (light        #fafafa
4290  * Background (highlight)   #ddffaa
4291  * Borders                  #e1e1e8
4292  */
4293 #course-category-listings {
4294   background-color: transparent;
4295   margin-bottom: 200px;
4296   /** Two column layout */
4297   /** Three column layout */
4298 }
4299 #course-category-listings.columns-2 > #course-listing > div {
4300   position: relative;
4301   left: -1px;
4302 }
4303 #course-category-listings.columns-3 > #course-listing > div {
4304   height: 100%;
4305 }
4306 #course-category-listings > div > div {
4307   min-height: 300px;
4308 }
4309 #course-category-listings > div > div > ul.ml > li:first-child > div {
4310   border-top: 0;
4311 }
4312 #course-category-listings h3 {
4313   margin: 0;
4314   padding: 0.4rem 0.6rem 0.3rem;
4315 }
4316 #course-category-listings h4 {
4317   margin: 1rem 0 0;
4318   padding: 0.6rem 1rem 0.5rem;
4319 }
4320 #course-category-listings .moodle-actionmenu {
4321   white-space: nowrap;
4322 }
4323 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
4324   width: auto;
4325 }
4326 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
4327   padding-right: 4px;
4328 }
4329 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
4330   margin-top: 12px;
4331 }
4332 #course-category-listings .listing-actions {
4333   text-align: center;
4334   padding: 0.4rem 0.3rem 0.3rem;
4335   line-height: 2.2em;
4336 }
4337 #course-category-listings .listing-actions > a,
4338 #course-category-listings .listing-actions > .moodle-actionmenu {
4339   display: inline-block;
4340 }
4341 #course-category-listings .listing-actions > .moodle-actionmenu .menu a {
4342   padding-left: 1rem;
4343 }
4344 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
4345   line-height: normal;
4346 }
4347 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
4348   color: inherit;
4349   display: inline-block;
4350 }
4351 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
4352   display: none;
4353 }
4354 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
4355   display: none;
4356 }
4357 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
4358   display: inline-block;
4359 }
4360 #course-category-listings ul.ml {
4361   list-style: none;
4362   margin: 1rem 0;
4363 }
4364 #course-category-listings ul.ml ul.ml {
4365   margin: 0;
4366 }
4367 #course-category-listings li {
4368   line-height: 2.2em;
4369 }
4370 #course-category-listings li > div:hover {
4371   background-color: #f5f5f5;
4372 }
4373 #course-category-listings li .tree-icon {
4374   margin: 2px 6px 0 0;
4375   width: 12px;
4376   vertical-align: inherit;
4377 }
4378 #course-category-listings li[data-selected='1'] > div {
4379   background-color: #f9f9f9;
4380 }
4381 #course-category-listings li[data-selected='1'] > div:hover {
4382   background-color: #f5f5f5;
4383 }
4384 #course-category-listings li .tree-icon {
4385   margin-left: 0;
4386 }
4387 #course-category-listings li li .tree-icon {
4388   margin-left: 1em;
4389 }
4390 #course-category-listings li li li .tree-icon {
4391   margin-left: 2em;
4392 }
4393 #course-category-listings li li li li .tree-icon {
4394   margin-left: 3em;
4395 }
4396 #course-category-listings li li li li li .tree-icon {
4397   margin-left: 4em;
4398 }
4399 #course-category-listings li li li li li li .tree-icon {
4400   margin-left: 4.5em;
4401 }
4402 #course-category-listings li li li li li li li .tree-icon {
4403   margin-left: 5em;
4404 }
4405 #course-category-listings li li li li li li li li .tree-icon {
4406   margin-left: 5.5em;
4407 }
4408 #course-category-listings .item-actions {
4409   margin-right: 1em;
4410   display: initial;
4411 }
4412 #course-category-listings .item-actions > a img,
4413 #course-category-listings .item-actions .menubar img {
4414   margin: 0 4px;
4415   height: 12px;
4416   padding: 0;
4417   vertical-align: inherit;
4418 }
4419 #course-category-listings .item-actions.show .menu li {
4420   line-height: 20px;
4421 }
4422 #course-category-listings .item-actions.show .menu img {
4423   width: 12px;
4424   max-width: none;
4425 }
4426 #course-category-listings .item-actions .menu-action-text {
4427   vertical-align: inherit;
4428 }
4429 #course-category-listings .listitem > div > .float-left {
4430   float: left;
4431 }
4432 #course-category-listings .listitem > div > .float-right {
4433   float: right;
4434   text-align: right;
4435 }
4436 #course-category-listings .listitem > div .item-actions .action-show {
4437   display: none;
4438 }
4439 #course-category-listings .listitem > div .item-actions .action-hide {
4440   display: inline;
4441 }
4442 #course-category-listings .listitem > div .without-actions {
4443   color: #333;
4444 }
4445 #course-category-listings .listitem > div .idnumber {
4446   color: #a1a1a8;
4447   margin-right: 2em;
4448 }
4449 #course-category-listings .listitem[data-visible="0"] {
4450   color: #999;
4451 }
4452 #course-category-listings .listitem[data-visible="0"] > div > a {
4453   color: #999;
4454 }
4455 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
4456   display: inline;
4457 }
4458 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
4459   display: none;
4460 }
4461 #course-category-listings .listitem.highlight {
4462   background-color: transparent;
4463 }
4464 #course-category-listings .listitem.highlight > div,
4465 #course-category-listings .listitem.highlight > div:hover,
4466 #course-category-listings .listitem.highlight[data-selected='1'] > div {
4467   background-color: #f5f5f5;
4468 }
4469 #course-category-listings #course-listing .listitem .categoryname {
4470   display: inline-block;
4471   margin-left: 1em;
4472   color: #a1a1a8;
4473 }
4474 #course-category-listings #course-listing .listitem .coursename {
4475   display: inline-block;
4476 }
4477 #course-category-listings #course-listing .listitem > div {
4478   padding-left: 1rem;
4479 }
4480 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
4481 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
4482   display: none;
4483 }
4484 #course-category-listings #course-listing .bulk-action-checkbox {
4485   margin: -2px 6px 0 0;
4486 }
4487 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
4488   display: none;
4489 }
4490 #course-category-listings #category-listing .listitem > div > .ba-checkbox {
4491   width: 2.2em;
4492   text-align: center;
4493   margin: -1px 0.5em 0 0;
4494   padding-top: 2px;
4495 }
4496 #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
4497   background-color: #f5f5f5;
4498 }
4499 #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
4500   margin: 0 0.5em 0 0;
4501   padding: 0;
4502   background-color: inherit;
4503 }
4504 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
4505 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
4506   display: none;
4507 }
4508 #course-category-listings #category-listing .course-count {
4509   color: #a1a1a8;
4510   margin-right: 2rem;
4511   min-width: 3.5em;
4512   display: inline-block;
4513 }
4514 #course-category-listings #category-listing .course-count .smallicon {
4515   width: 12px;
4516   margin-left: 4px;
4517   vertical-align: inherit;
4518 }
4519 #course-category-listings #category-listing .bulk-action-checkbox {
4520   margin-right: -3px;
4521 }
4522 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
4523   position: relative;
4524 }
4525 #course-category-listings #category-listing .category-bulk-actions {
4526   margin: 0 0.5em 0.5em;
4527   position: relative;
4528 }
4529 #course-category-listings .detail-pair {
4530   border-bottom: 1px solid #ddd;
4531   margin: 0 1rem;
4532 }
4533 #course-category-listings .detail-pair > * {
4534   display: inline-block;
4535   line-height: 2.2rem;
4536 }
4537 #course-category-listings .detail-pair .pair-key {
4538   font-weight: bold;
4539   vertical-align: top;
4540 }
4541 #course-category-listings .detail-pair .pair-key span {
4542   margin-right: 1rem;
4543   display: block;
4544 }
4545 #course-category-listings .detail-pair .pair-value select {
4546   max-width: 100%;
4547 }
4548 #course-category-listings .bulk-actions .detail-pair > * {
4549   display: block;
4550   width: 100%;
4551 }
4552 #course-category-listings .listing-pagination {
4553   text-align: center;
4554 }
4555 #course-category-listings .listing-pagination .yui3-button {
4556   background-color: #fff;
4557   border: 0;
4558   margin: 0.4rem 0.2rem 0.45rem;
4559   font-size: 10.4px;
4560 }
4561 #course-category-listings .listing-pagination .yui3-button.active-page {
4562   background-color: #e6e6e6;
4563 }
4564 #course-category-listings .listing-pagination-totals {
4565   text-align: center;
4566 }
4567 #course-category-listings .listing-pagination-totals.dimmed {
4568   color: #999;
4569   margin: 0.4rem 1rem 0.45rem;
4570 }
4571 #course-category-listings .select-a-category .notifymessage,
4572 #course-category-listings .select-a-category .alert {
4573   margin: 1em;
4574 }
4575 #course-category-listings #course-listing .listitem .drag-handle {
4576   display: none;
4577 }
4578 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
4579   display: inline-block;
4580   margin: 0 6px 0 0;
4581   cursor: pointer;
4582 }
4583 /** Management header styling **/
4584 .coursecat-management-header {
4585   vertical-align: middle;
4586 }
4587 .coursecat-management-header h2 {
4588   display: inline-block;
4589   text-align: left;
4590 }
4591 .coursecat-management-header > div {
4592   display: inline-block;
4593   float: right;
4594   line-height: 40px;
4595 }
4596 .coursecat-management-header > div > div {
4597   margin: 10px 0;
4598   display: inline-block;
4599 }
4600 .coursecat-management-header select {
4601   max-width: 300px;
4602   cursor: pointer;
4603   padding: 0.4em 0.5em 0.45em 1em;
4604   vertical-align: baseline;
4605   white-space: nowrap;
4606 }
4607 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
4608   white-space: nowrap;
4609   display: inline-block;
4610 }
4611 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
4612   padding-left: 1em;
4613 }
4614 .course-being-dragged-proxy {
4615   border: 0;
4616   color: #0070a8;
4617   vertical-align: middle;
4618   padding: 0 0 0 4em;
4619 }
4620 .course-being-dragged {
4621   opacity: 0.5;
4622   filter: alpha(opacity=50);
4623 }
4624 /**
4625  * Display sizes:
4626  * Large displays                   1200        +
4627  * Default displays                  980     1199
4628  * Tablets                           768      979
4629  * Small tablets and large phones    481      767
4630  * Phones                              0      480
4631  */
4632 @media (min-width: 1200px) and (max-width: 1600px) {
4633   #course-category-listings.columns-3 {
4634     background-color: transparent;
4635     border: 0;
4636   }
4637   #course-category-listings.columns-3 #category-listing,
4638   #course-category-listings.columns-3 #course-listing {
4639     width: 50%;
4640   }
4641   #course-category-listings.columns-3 #category-listing > div,
4642   #course-category-listings.columns-3 #course-listing > div,
4643   #course-category-listings.columns-3 #course-detail > div {
4644     background-color: transparent;
4645   }
4646   #course-category-listings.columns-3 #course-detail {
4647     width: 100%;
4648     margin-top: 1em;
4649   }
4650 }
4651 @media (max-width: 1199px) {
4652   #course-category-listings.columns-2,
4653   #course-category-listings.columns-3 {
4654     background-color: transparent;
4655     border: 0;
4656   }
4657   #course-category-listings.columns-2 #category-listing,
4658   #course-category-listings.columns-3 #category-listing,
4659   #course-category-listings.columns-2 #course-listing,
4660   #course-category-listings.columns-3 #course-listing,
4661   #course-category-listings.columns-2 #course-detail,
4662   #course-category-listings.columns-3 #course-detail {
4663     width: 100%;
4664     margin: 0 0 1em;
4665   }
4666   #course-category-listings.columns-2 #category-listing > div,
4667   #course-category-listings.columns-3 #category-listing > div,
4668   #course-category-listings.columns-2 #course-listing > div,
4669   #course-category-listings.columns-3 #course-listing > div,
4670   #course-category-listings.columns-2 #course-detail > div,
4671   #course-category-listings.columns-3 #course-detail > div {
4672     background-color: transparent;
4673   }
4674 }
4675 /* stylelint-disable declaration-no-important */
4676 .filemanager,
4677 .filepicker,
4678 .file-picker {
4679   font-size: 11px;
4680 }
4681 .filemanager a,
4682 .file-picker a,
4683 .filemanager a:hover,
4684 .file-picker a:hover {
4685   color: #555;
4686   text-decoration: none;
4687 }
4688 .filemanager input[type="text"],
4689 .file-picker input[type="text"] {
4690   width: 265px;
4691 }
4692 .filemanager .fp-license td,
4693 .file-picker .fp-setlicense td {
4694   max-width: 265px;
4695 }
4696 .filemanager .fp-license select,
4697 .file-picker .fp-setlicense select {
4698   max-width: 100%;
4699 }
4700 .fp-content-center {
4701   height: 100%;
4702   width: 100%;
4703   display: table-cell;
4704   vertical-align: middle;
4705 }
4706 .fp-content-hidden {
4707   visibility: hidden;
4708 }
4709 .yui3-panel-focused {
4710   outline: none;
4711 }
4712 #filesskin .yui3-panel-content {
4713   padding-bottom: 20px;
4714   background: #f2f2f2;
4715   -webkit-border-radius: 8px;
4716   -moz-border-radius: 8px;
4717   border-radius: 8px;
4718   border: 1px solid #fff;
4719   display: inline-block;
4720   *display: inline;
4721   /* IE7 inline-block hack */
4722   *zoom: 1;
4723   -webkit-box-shadow: 5px 5px 20px 0 #666;
4724   -moz-box-shadow: 5px 5px 20px 0 #666;
4725   box-shadow: 5px 5px 20px 0 #666;
4726 }
4727 #filesskin .yui3-widget-hd {
4728   -webkit-border-radius: 10px 10px 0 0;
4729   -moz-border-radius: 10px 10px 0 0;
4730   border-radius: 10px 10px 0 0;
4731   border-bottom: 1px solid #bbb;
4732   padding: 5px;
4733   text-align: center;
4734   font-size: 12px;
4735   color: #333;
4736   letter-spacing: 1px;
4737   text-shadow: 1px 1px 1px #fff;
4738   filter: dropshadow(color=#fff, offx=1, offy=1);
4739   background-color: #ebebeb;
4740   background-image: -moz-linear-gradient(top, #fff, #ccc);
4741   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
4742   background-image: -webkit-linear-gradient(top, #fff, #ccc);
4743   background-image: -o-linear-gradient(top, #fff, #ccc);
4744   background-image: linear-gradient(to bottom, #fff, #ccc);
4745   background-repeat: repeat-x;
4746   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
4747 }
4748 .fp-panel-button {
4749   background: #fff;
4750   padding: 3px 20px 2px 20px;
4751   text-align: center;
4752   margin: 10px;
4753   -webkit-border-radius: 10px;
4754   -moz-border-radius: 10px;
4755   border-radius: 10px;
4756   display: inline-block;
4757   *display: inline;
4758   /* IE7 inline-block hack */
4759   *zoom: 1;
4760   -webkit-box-shadow: 2px 2px 3px 0.1px #999;
4761   -moz-box-shadow: 2px 2px 3px 0.1px #999;
4762   box-shadow: 2px 2px 3px 0.1px #999;
4763 }
4764 .moodle-dialogue h3 {
4765   font-size: 14px;
4766   margin: 0;
4767   line-height: 20px;
4768 }
4769 .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
4770   padding: 0;
4771 }
4772 #filesskin .file-picker.fp-generallayout {
4773   width: 859px;
4774   background: #fff;
4775   -webkit-border-radius: 10px;
4776   -moz-border-radius: 10px;
4777   border-radius: 10px;
4778   border: 1px solid #ccc;
4779   position: relative;
4780 }
4781 .file-picker .fp-repo-area {
4782   width: 180px;
4783   overflow: auto;
4784   display: inline-block;
4785   *display: inline;
4786   /* IE7 inline-block hack */
4787   *zoom: 1;
4788   float: left;
4789   height: 525px;
4790   border-right: 1px solid #bbb;
4791 }
4792 .file-picker .fp-repo-items {
4793   float: none;
4794   width: auto;
4795   margin-left: 181px;
4796 }
4797 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
4798   margin-left: 0;
4799   margin-right: 0;
4800   float: left;
4801 }
4802 .file-picker .fp-navbar {
4803   background: #f2f2f2;
4804   border-bottom: 1px solid #bbb;
4805   min-height: 40px;
4806   overflow: hidden;
4807 }
4808 .file-picker .fp-navbar .fp-viewbar {
4809   margin: 4px;
4810 }
4811 .file-picker .fp-content {
4812   background: #fff;
4813   clear: none;
4814   overflow: auto;
4815   height: 452px;
4816 }
4817 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
4818   width: 100%;
4819 }
4820 .file-picker .fp-content-loading {
4821   height: 100%;
4822   width: 100%;
4823   display: table;
4824   text-align: center;
4825 }
4826 .file-picker .fp-content .fp-object-container {
4827   width: 98%;
4828   height: 98%;
4829 }
4830 .file-picker .fp-list {
4831   list-style-type: none;
4832   padding: 0;
4833   float: left;
4834   width: 100%;
4835   margin: 0;
4836 }
4837 .file-picker .fp-list .fp-repo a {
4838   display: block;
4839   padding: .5em .7em;
4840 }
4841 .file-picker .fp-list .fp-repo.active {
4842   background: #f2f2f2;
4843 }
4844 .file-picker .fp-list .fp-repo-icon {
4845   padding: 0 7px 0 5px;
4846   width: 16px;
4847   height: 16px;
4848 }
4849 .fp-toolbar {
4850   float: left;
4851 }
4852 .fp-toolbar.empty {
4853   display: none;
4854 }
4855 .fp-toolbar .disabled {
4856   display: none;
4857 }
4858 .fp-toolbar div {
4859   display: block;
4860   float: left;
4861   margin-right: 4px;
4862 }
4863 .fp-toolbar img {
4864   vertical-align: -15%;
4865   margin-right: 5px;
4866 }
4867 .fp-toolbar .fp-tb-search {
4868   width: 235px;
4869   height: 27px;
4870 }
4871 .fp-toolbar .fp-tb-search input {
4872   background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
4873   padding: 2px 6px 1px 27px;
4874   width: 200px;
4875   height: 27px;
4876   border: 1px solid #bbb;
4877 }
4878 .fp-viewbar {
4879   float: right;
4880   height: 30px;
4881   border: 1px solid #ccc;
4882   border-bottom: 1px solid #b3b3b3;
4883   border-radius: 4px;
4884   background: white;
4885 }
4886 .fp-repo-items .fp-viewbar {
4887   margin: 4px;
4888 }
4889 .fp-viewbar a {
4890   width: 30px;
4891   height: 30px;
4892   border-right: 1px solid #ccc;
4893   display: block;
4894   float: left;
4895 }
4896 .fp-viewbar a.checked:hover,
4897 .fp-viewbar a:hover {
4898   background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
4899   background-color: #ebebeb;
4900 }
4901 .fp-viewbar a.checked,
4902 .fp-viewbar a:active {
4903   background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
4904   background-color: #dfdfdf;
4905 }
4906 .fp-viewbar a.fp-vb-icons {
4907   border-radius: 4px 0 0 4px;
4908 }
4909 .fp-viewbar a.fp-vb-tree {
4910   border-right: 0;
4911   border-radius: 0 4px 4px 0;
4912 }
4913 .fp-viewbar a img {
4914   margin: 7px;
4915 }
4916 .fp-viewbar.disabled a {
4917   opacity: .45;
4918   background: none;
4919   cursor: default;
4920 }
4921 .file-picker .fp-clear-left {
4922   clear: left;
4923 }
4924 .file-picker .fp-pathbar {
4925   display: table-row;
4926 }
4927 .fp-pathbar.empty {
4928   display: none;
4929 }
4930 .fp-pathbar .fp-path-folder {
4931   background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat;
4932   /*rtl:raw:
4933     background-image: url('[[pix:theme|fp/path_folder_rtl]]');
4934     */
4935   height: 12px;
4936   margin-left: 4px;
4937 }
4938 .fp-pathbar .fp-path-folder-name {
4939   margin-left: 32px;
4940   line-height: 20px;
4941 }
4942 .fp-iconview .fp-file {
4943   float: left;
4944   text-align: center;
4945   position: relative;
4946   margin: 10px 10px 35px;
4947 }
4948 .fp-iconview .fp-thumbnail {
4949   min-width: 110px;
4950   min-height: 110px;
4951   line-height: 110px;
4952   text-align: center;
4953   border: 1px solid #fff;
4954   display: block;
4955 }
4956 .fp-iconview .fp-thumbnail img {
4957   border: 1px solid #ddd;
4958   padding: 3px;
4959   vertical-align: middle;
4960   -webkit-box-shadow: 1px 1px 2px 0 #ccc;
4961   -moz-box-shadow: 1px 1px 2px 0 #ccc;
4962   box-shadow: 1px 1px 2px 0 #ccc;
4963 }
4964 .fp-iconview .fp-thumbnail:hover {
4965   background: #fff;
4966   border: 1px solid #ddd;
4967   -webkit-box-shadow: inset 0 0 10px 0 #ccc;
4968   -moz-box-shadow: inset 0 0 10px 0 #ccc;
4969   box-shadow: inset 0 0 10px 0 #ccc;
4970 }
4971 .fp-iconview .fp-filename-field {
4972   height: 33px;
4973   word-wrap: break-word;
4974   overflow: hidden;
4975   position: absolute;
4976 }
4977 .fp-iconview .fp-filename-field:hover {
4978   overflow: visible;
4979   z-index: 1000;
4980 }
4981 .fp-iconview .fp-filename-field .fp-filename {
4982   background: #fff;
4983   padding-top: 5px;
4984   padding-bottom: 12px;
4985   min-width: 112px;
4986 }
4987 .file-picker .yui3-datatable table {
4988   border: 0 solid #bbb;
4989   width: 100%;
4990 }
4991 #filesskin .file-picker .yui3-datatable-header {
4992   background: #fff;
4993   border-bottom: 1px solid #ccc;
4994   border-left: 0 solid #fff;
4995   color: #555;
4996 }
4997 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
4998   background-color: #f6f6f6;
4999   border-left: 0 solid #f6f6f6;
5000 }
5001 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
5002   background-color: #fff;
5003   border-left: 0 solid #fff;
5004 }
5005 .file-picker .ygtvtn,
5006 .filemanager .ygtvtn {
5007   /*rtl:remove*/
5008   background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
5009   /*rtl:raw:
5010     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
5011     */
5012   width: 17px;
5013   height: 22px;
5014 }
5015 .file-picker .ygtvtm,
5016 .filemanager .ygtvtm {
5017   background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
5018   /*rtl:raw:
5019         background-position: 2px 10px;
5020     */
5021   width: 13px;
5022   height: 12px;
5023   cursor: pointer;
5024 }
5025 .file-picker .ygtvtmh,
5026 .filemanager .ygtvtmh {
5027   background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
5028   /*rtl:raw:
5029         background-position: 2px 10px;
5030     */
5031   width: 13px;
5032   height: 12px;
5033   cursor: pointer;
5034 }
5035 .file-picker .ygtvtp,
5036 .filemanager .ygtvtp {
5037   /*rtl:remove*/
5038   background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
5039   /*rtl:raw:
5040     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
5041     */
5042   width: 13px;
5043   height: 12px;
5044   cursor: pointer;
5045 }
5046 .file-picker .ygtvtph,
5047 .filemanager .ygtvtph {
5048   /*rtl:remove*/
5049   background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
5050   /*rtl:raw:
5051     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
5052     */
5053   width: 13px;
5054   height: 22px;
5055   cursor: pointer;
5056 }
5057 .file-picker .ygtvln,
5058 .filemanager .ygtvln {
5059   /*rtl:remove*/
5060   background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
5061   /*rtl:raw:
5062     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
5063     */
5064   width: 17px;
5065   height: 22px;
5066 }
5067 .file-picker .ygtvlm,
5068 .filemanager .ygtvlm {
5069   background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
5070   /*rtl:raw:
5071         background-position: 2px 10px;
5072     */
5073   width: 13px;
5074   height: 12px;
5075   cursor: pointer;
5076 }
5077 .file-picker .ygtvlmh,
5078 .filemanager .ygtvlmh {
5079   background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
5080   /*rtl:raw:
5081         background-position: 2px 10px;
5082     */
5083   width: 13px;
5084   height: 12px;
5085   cursor: pointer;
5086 }
5087 .file-picker .ygtvlp,
5088 .filemanager .ygtvlp {
5089   /*rtl:remove*/
5090   background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
5091   /*rtl:raw:
5092     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
5093     */
5094   width: 13px;
5095   height: 12px;
5096   cursor: pointer;
5097 }
5098 .file-picker .ygtvlph,
5099 .filemanager .ygtvlph {
5100   /*rtl:remove*/
5101   background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
5102   /*rtl:raw:
5103     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
5104     */
5105   width: 13px;
5106   height: 12px;
5107   cursor: pointer;
5108 }
5109 .file-picker .ygtvloading,
5110 .filemanager .ygtvloading {
5111   background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
5112   width: 16px;
5113   height: 22px;
5114 }
5115 .file-picker .ygtvdepthcell,
5116 .filemanager .ygtvdepthcell {
5117   background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
5118   /*rtl:raw:
5119     background-position: 1px 0;
5120     */
5121   width: 17px;
5122   height: 32px;
5123 }
5124 .file-picker .ygtvblankdepthcell,
5125 .filemanager .ygtvblankdepthcell {
5126   width: 17px;
5127   height: 22px;
5128 }
5129 a.ygtvspacer:hover {
5130   color: transparent;
5131   text-decoration: none;
5132 }
5133 .ygtvlabel,
5134 .ygtvlabel:link,
5135 .ygtvlabel:visited,
5136 .ygtvlabel:hover {
5137   background-color: transparent;
5138   cursor: pointer;
5139   margin-left: 2px;
5140   text-decoration: none;
5141 }
5142 .file-picker .ygtvfocus,
5143 .filemanager .ygtvfocus {
5144   background-color: #eee;
5145 }
5146 .fp-filename-icon {
5147   margin-top: 10px;
5148   display: block;
5149   position: relative;
5150 }
5151 .fp-icon {
5152   float: left;
5153   margin-top: -7px;
5154   width: 24px;
5155   height: 24px;
5156   margin-right: 10px;
5157   text-align: center;
5158   line-height: 24px;
5159 }
5160 .fp-filename {
5161   padding-right: 10px;
5162 }
5163 .file-picker .fp-login-form {
5164   height: 100%;
5165   width: 100%;
5166   display: table;
5167 }
5168 .file-picker .fp-login-form table {
5169   margin: 0 auto;
5170 }
5171 .file-picker .fp-login-form p {
5172   text-align: center;
5173   margin-top: 3em;
5174 }
5175 .file-picker .fp-login-form .fp-login-input label {
5176   text-align: right;
5177   display: block;
5178 }
5179 .file-picker .fp-login-form .fp-login-input .input {
5180   text-align: left;
5181 }
5182 .file-picker .fp-login-form input[type="checkbox"] {
5183   width: 15px;
5184   height: 15px;
5185 }
5186 .file-picker .fp-upload-form {
5187   height: 100%;
5188   width: 100%;
5189   display: table;
5190 }
5191 .file-picker .fp-upload-form table {
5192   margin: 0 auto;
5193 }
5194 .file-picker.fp-dlg {
5195   text-align: center;
5196 }
5197 .file-picker.fp-dlg .fp-dlg-text {
5198   padding: 30px 20px 10px;
5199   font-size: 12px;
5200 }
5201 .file-picker.fp-dlg .fp-dlg-buttons {
5202   margin: 0 20px;
5203 }
5204 .file-picker.fp-msg {
5205   text-align: center;
5206 }
5207 .file-picker.fp-msg .fp-msg-text {
5208   padding: 40px 20px 10px 20px;
5209   min-width: 200px;
5210   max-width: 500px;
5211   max-height: 300px;
5212   overflow: auto;
5213   font-size: 12px;
5214 }
5215 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
5216   padding: 40px 20px 10px 20px;
5217   font-size: 12px;
5218 }
5219 .file-picker .fp-content-error {
5220   height: 100%;
5221   width: 100%;
5222   display: table;
5223   text-align: center;
5224 }
5225 .file-picker .fp-content-error .fp-error {
5226   height: 100%;
5227   width: 100%;
5228   display: table-cell;
5229   vertical-align: middle;
5230   padding: 40px 20px 10px 20px;
5231   font-size: 12px;
5232 }
5233 .file-picker .fp-nextpage {
5234   clear: both;
5235 }
5236 .file-picker .fp-nextpage .fp-nextpage-loading {
5237   display: none;
5238 }
5239 .file-picker .fp-nextpage.loading .fp-nextpage-link {
5240   display: none;
5241 }
5242 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
5243   display: block;
5244   text-align: center;
5245   height: 100px;
5246   padding-top: 50px;
5247 }
5248 .fp-select form {
5249   padding: 20px 20px 0;
5250 }
5251 .fp-select .fp-select-loading {
5252   text-align: center;
5253   margin-top: 20px;
5254 }
5255 .fp-select .fp-hr {
5256   clear: both;
5257   height: 1px;
5258   background-color: #fff;
5259   border-bottom: 1px solid #bbb;
5260   width: auto;
5261   margin: 10px 0;
5262 }
5263 .fp-select table {
5264   padding: 0 0 10px;
5265 }
5266 .fp-select table .mdl-right {
5267   min-width: 84px;
5268 }
5269 .fp-select .fp-reflist .mdl-right {
5270   vertical-align: top;
5271 }
5272 .fp-select .fp-select-buttons {
5273   float: right;
5274 }
5275 .fp-select .fp-info {
5276   display: block;
5277   clear: both;
5278   padding: 1px 20px 0;
5279 }
5280 .fp-select .fp-thumbnail {
5281   float: left;
5282   min-width: 110px;
5283   min-height: 110px;
5284   line-height: 110px;
5285   text-align: center;
5286   margin: 10px 20px 0 0;
5287   background: #fff;
5288   border: 1px solid #ddd;
5289   -webkit-box-shadow: inset 0 0 10px 0 #ccc;
5290   -moz-box-shadow: inset 0 0 10px 0 #ccc;
5291   box-shadow: inset 0 0 10px 0 #ccc;
5292 }
5293 .fp-select .fp-thumbnail img {
5294   border: 1px solid #ddd;
5295   padding: 3px;
5296   vertical-align: middle;
5297   margin: 10px;
5298 }
5299 .fp-select .fp-fileinfo {
5300   display: inline-block;
5301   *display: inline;
5302   /* IE7 inline-block hack */
5303   *zoom: 1;
5304   margin-top: 10px;
5305 }
5306 .file-picker.fp-select .fp-fileinfo {
5307   max-width: 240px;
5308 }
5309 .fp-select .fp-fileinfo div {
5310   padding-bottom: 5px;
5311 }
5312 .file-picker.fp-select .uneditable {
5313   display: none;
5314 }
5315 .file-picker.fp-select .fp-select-loading {
5316   display: none;
5317 }
5318 .file-picker.fp-select.loading .fp-select-loading {
5319   display: block;
5320 }
5321 .file-picker.fp-select.loading form {
5322   display: none;
5323 }
5324 .fp-select .fp-dimensions.fp-unknown {
5325   display: none;
5326 }
5327 .fp-select .fp-size.fp-unknown {
5328   display: none;
5329 }
5330 .filemanager-loading {
5331   display: none;
5332 }
5333 .jsenabled .filemanager-loading {
5334   display: block;
5335   margin-top: 100px;
5336 }
5337 .filemanager.fm-loading .filemanager-toolbar,
5338 .filemanager.fm-loading .fp-pathbar,
5339 .filemanager.fm-loading .filemanager-container,
5340 .filemanager.fm-loaded .filemanager-loading,
5341 .filemanager.fm-maxfiles .fp-btn-add,
5342 .filemanager.fm-maxfiles .dndupload-message,
5343 .filemanager.fm-noitems .fp-btn-download,
5344 .filemanager .fm-empty-container,
5345 .filemanager.fm-noitems .filemanager-container .fp-content {
5346   display: none;
5347 }
5348 .filemanager .fp-img-downloading {
5349   display: none;
5350   padding-top: 7px;
5351 }
5352 .filemanager .filemanager-updating {
5353   display: none;
5354   text-align: center;
5355 }
5356 .filemanager.fm-updating .filemanager-updating {
5357   display: block;
5358   margin-top: 37px;
5359 }
5360 .filemanager.fm-updating .fm-content-wrapper,
5361 .filemanager.fm-nomkdir .fp-btn-mkdir,
5362 .fitem.disabled .filemanager .filemanager-toolbar,
5363 .fitem.disabled .filemanager .fp-pathbar,
5364 .fitem.disabled .filemanager .fp-restrictions,
5365 .fitem.disabled .filemanager .fm-content-wrapper {
5366   display: none;
5367 }
5368 .filemanager .fp-restrictions {
5369   text-align: right;
5370 }
5371 .filemanager .fp-navbar {
5372   background: #f2f2f2;
5373   border: 1px solid #bbb;
5374   border-bottom: none;
5375 }
5376 .filemanager-toolbar {
5377   padding: 4px;
5378   overflow: hidden;
5379 }
5380 .fp-pathbar {
5381   border-top: 1px solid #bbb;
5382   padding: 5px 8px 1px;
5383   min-height: 20px;
5384 }
5385 .file-picker .fp-toolbar {
5386   padding: 4px;
5387 }
5388 .fp-toolbar .fp-btn-add,
5389 .fp-toolbar .fp-btn-download,
5390 .fp-toolbar .fp-btn-mkdir,
5391 .fp-toolbar .fp-tb-help,
5392 .fp-toolbar .fp-tb-manage,
5393 .fp-toolbar .fp-tb-logout,
5394 .fp-toolbar .fp-tb-refresh {
5395   border: 1px solid #ccc;
5396   border-bottom: 1px solid #b3b3b3;
5397   border-radius: 4px;
5398   background: white;
5399   width: 30px;
5400   height: 30px;
5401 }
5402 .fp-toolbar a:hover {
5403   background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
5404   background-color: #ebebeb;
5405 }
5406 .fp-toolbar a:active {
5407   background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
5408   background-color: #dfdfdf;
5409 }
5410 .fp-btn-add a,
5411 .fp-btn-download a,
5412 .fp-btn-mkdir a,
5413 .fp-tb-help a,
5414 .fp-tb-manage a,
5415 .fp-tb-logout a,
5416 .fp-tb-refresh a {
5417   display: block;
5418   width: 30px;
5419   height: 30px;
5420   border-radius: 4px;
5421 }
5422 .fp-btn-add img,
5423 .fp-btn-download img,
5424 .fp-btn-mkdir img,
5425 .fp-tb-help img,
5426 .fp-tb-manage img,
5427 .fp-tb-logout img,
5428 .fp-tb-refresh img {
5429   margin: 7px;
5430 }
5431 .filemanager .fp-pathbar.empty {
5432   display: none;
5433 }
5434 .filepicker-filelist,
5435 .filemanager-container {
5436   background: #fff;
5437   clear: both;
5438   overflow: auto;
5439   border: 1px solid #bbb;
5440   min-height: 140px;
5441   position: relative;
5442 }
5443 .filemanager .fp-content {
5444   overflow: auto;
5445   max-height: 472px;
5446   min-height: 157px;
5447 }
5448 .filemanager-container,
5449 .filepicker-filelist {
5450   overflow: hidden;
5451 }
5452 .fitem.disabled .filepicker-filelist,
5453 .fitem.disabled .filemanager-container {
5454   background-color: #ebebe4;
5455 }
5456 .fitem.disabled .fp-btn-choose {
5457   color: #999;
5458 }
5459 .fitem.disabled .filepicker-filelist .filepicker-filename {
5460   display: none;
5461 }
5462 .fp-iconview .fp-reficons1 {
5463   position: absolute;
5464   height: 100%;
5465   width: 100%;
5466   top: 0;
5467   left: 0;
5468 }
5469 .fp-iconview .fp-reficons2 {
5470   position: absolute;
5471   height: 100%;
5472   width: 100%;
5473   top: 0;
5474   left: 0;
5475 }
5476 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
5477   background: url('[[pix:theme|fp/link]]') no-repeat;
5478   background-position: bottom right;
5479 }
5480 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
5481   background: url('[[pix:theme|fp/alias]]') no-repeat;
5482   background-position: bottom left;
5483 }
5484 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
5485   display: none;
5486 }
5487 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
5488   background: url([[pix:s/dead]]) no-repeat;
5489   background-position: center center;
5490 }
5491 .filemanager .yui3-datatable table {
5492   border: 0 solid #bbb;
5493   width: 100%;
5494 }
5495 .filemanager .yui3-datatable-header {
5496   background: #fff !important;
5497   border-bottom: 1px solid #ccc !important;
5498   border-left: 0 solid #fff !important;
5499   color: #555 !important;
5500 }
5501 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
5502   background-color: #f6f6f6 !important;
5503   border-left: 0 solid #f6f6f6;
5504 }
5505 .filemanager .yui3-datatable-even .yui3-datatable-cell {
5506   background-color: #fff !important;
5507   border-left: 0 solid #fff;
5508 }
5509 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
5510   background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
5511   height: 100%;
5512   width: 100%;
5513   position: absolute;
5514   top: 8px;
5515   left: 17px;
5516   z-index: 1000;
5517 }
5518 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
5519   background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
5520   height: 100%;
5521   width: 100%;
5522   position: absolute;
5523   top: 9px;
5524   left: -6px;
5525   z-index: 1001;
5526 }
5527 .filemanager .fp-contextmenu {
5528   display: none;
5529 }
5530 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
5531   display: block;
5532   position: absolute;
5533   right: 7px;
5534   bottom: 5px;
5535 }
5536 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
5537 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
5538   display: inline;
5539   position: absolute;
5540   left: 14px;
5541   margin-right: -20px;
5542   top: 6px;
5543 }
5544 .filepicker-filelist .filepicker-container,
5545 .filemanager.fm-noitems .fm-empty-container {
5546   display: block;
5547   position: absolute;
5548   top: 10px;
5549   bottom: 10px;
5550   left: 10px;
5551   right: 10px;
5552   border: 2px dashed #bbb;
5553   padding-top: 85px;
5554   text-align: center;
5555 }
5556 .filepicker-filelist .dndupload-target,
5557 .filemanager-container .dndupload-target {
5558   background: #fff;
5559   position: absolute;
5560   top: 10px;
5561   bottom: 10px;
5562   left: 10px;
5563   right: 10px;
5564   border: 2px dashed #fb7979;
5565   padding-top: 85px;
5566   text-align: center;
5567   -webkit-box-shadow: 0px 0 0 10px #fff;
5568   -moz-box-shadow: 0px 0 0 10px #fff;
5569   box-shadow: 0px 0 0 10px #fff;
5570 }
5571 .filepicker-filelist.dndupload-over .dndupload-target,
5572 .filemanager-container.dndupload-over .dndupload-target {
5573   background: #fff;
5574   position: absolute;
5575   top: 10px;
5576   bottom: 10px;
5577   left: 10px;
5578   right: 10px;
5579   border: 2px dashed #6c8cd3;
5580   padding-top: 85px;
5581   text-align: center;
5582 }
5583 .dndupload-message {
5584   display: none;
5585 }
5586 .dndsupported .dndupload-message {
5587   display: inline;
5588 }
5589 .dnduploadnotsupported-message {
5590   display: none;
5591 }
5592 .dndnotsupported .dnduploadnotsupported-message {
5593   display: inline;
5594 }
5595 .dndupload-target {
5596   display: none;
5597 }
5598 .dndsupported .dndupload-ready .dndupload-target {
5599   display: block;
5600 }
5601 .dndupload-uploadinprogress {
5602   display: none;
5603   text-align: center;
5604 }
5605 .dndupload-uploading .dndupload-uploadinprogress {
5606   display: block;
5607 }
5608 .dndupload-arrow {
5609   background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
5610   width: 100%;
5611   height: 80px;
5612   position: absolute;
5613   top: 5px;
5614 }
5615 .fitem.disabled .filepicker-container,
5616 .fitem.disabled .fm-empty-container {
5617   display: none;
5618 }
5619 .dndupload-progressbars {
5620   padding: 10px;
5621   display: none;
5622 }
5623 .dndupload-inprogress .dndupload-progressbars {
5624   display: block;
5625 }
5626 .dndupload-inprogress .fp-content {
5627   display: none;
5628 }
5629 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
5630   display: none;
5631 }
5632 .filepicker-filelist.dndupload-inprogress .filepicker-container {
5633   display: none;
5634 }
5635 .filepicker-filelist.dndupload-inprogress a {
5636   display: none;
5637 }
5638 .filemanager.fp-select .fp-select-loading {
5639   display: none;
5640 }
5641 .filemanager.fp-select.loading .fp-select-loading {
5642   display: block;
5643 }
5644 .filemanager.fp-select.loading form {
5645   display: none;
5646 }
5647 .filemanager.fp-select.fp-folder .fp-license,
5648 .filemanager.fp-select.fp-folder .fp-author,
5649 .filemanager.fp-select.fp-file .fp-file-unzip,
5650 .filemanager.fp-select.fp-folder .fp-file-unzip,
5651 .filemanager.fp-select.fp-file .fp-file-zip,
5652 .filemanager.fp-select.fp-zip .fp-file-zip {
5653   display: none;
5654 }
5655 .filemanager.fp-select .fp-file-setmain,
5656 .filemanager.fp-select .fp-file-setmain-help {
5657   display: none;
5658 }
5659 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
5660 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
5661   display: inline-block;
5662   *display: inline;
5663   /* IE7 inline-block hack */
5664   *zoom: 1;
5665 }
5666 .filemanager .fp-mainfile .fp-filename {
5667   font-weight: bold;
5668 }
5669 .filemanager.fp-select.fp-folder .fp-file-download {
5670   display: none;
5671 }
5672 .fm-operation {
5673   font-weight: bold;
5674 }
5675 .filemanager.fp-select .fp-original.fp-unknown,
5676 .filemanager.fp-select .fp-original .fp-originloading {
5677   display: none;
5678 }
5679 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
5680   display: inline;
5681 }
5682 .filemanager.fp-select .fp-reflist.fp-unknown,
5683 .filemanager.fp-select .fp-reflist .fp-reflistloading {
5684   display: none;
5685 }
5686 .filemanager.fp-select .fp-refcount {
5687   max-width: 265px;
5688 }
5689 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
5690   display: inline;
5691 }
5692 .filemanager.fp-select .fp-reflist .fp-value {
5693   background: #f9f9f9;
5694   border: 1px solid #bbb;
5695   padding: 8px 7px;
5696   margin: 0;
5697   max-width: 265px;
5698   max-height: 75px;
5699   overflow: auto;
5700 }
5701 .filemanager.fp-select .fp-reflist .fp-value li {
5702   padding-bottom: 7px;
5703 }
5704 .filemanager.fp-mkdir-dlg {
5705   text-align: center;
5706 }
5707 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
5708   text-align: left;
5709   margin: 20px;
5710 }
5711 .filemanager.fp-dlg {
5712   text-align: center;
5713 }
5714 .filemanager.fp-dlg .fp-dlg-text {
5715   padding: 0 10px;
5716   min-width: 200px;
5717   max-width: 340px;
5718   max-height: 300px;
5719   overflow: auto;
5720   line-height: 22px;
5721   margin: 40px 20px 20px;
5722   font-size: 12px;
5723 }
5724 .file-picker div.bd {
5725   text-align: left;
5726 }
5727 .fp-formset {
5728   max-width: 500px;
5729   padding: 10px;
5730 }
5731 .fp-formset input[type="file"] {
5732   line-height: inherit;
5733 }
5734 .fp-forminset {
5735   max-width: 400px;
5736   padding: 0 10px;
5737 }
5738 .fp-forminset .control-group.control-radio {
5739   margin-bottom: 0;
5740 }
5741 .fp-forminset .control-group label.control-label {
5742   width: 105px;
5743 }
5744 .fp-forminset .control-group label.control-radio {
5745   float: right;
5746   text-align: left;
5747   width: 215px;
5748 }
5749 .fp-forminset .control-group .controls {
5750   margin-left: 125px;
5751 }
5752 .fp-forminset .control-group .controls select {
5753   width: 100%;
5754 }
5755 .fp-forminset .control-group .controls.control-radio input {
5756   margin-top: 3px;
5757 }
5758 .fp-forminset .fp-select-buttons {
5759   float: none;
5760 }
5761 .fp-forminset input[type="text"] {
5762   width: 228px;
5763 }
5764 .fp-fileinfo .fp-value {
5765   display: inline-block;
5766   padding-left: 5px;
5767 }
5768 /** The message area **/
5769 .messaging-area-container {
5770   margin-bottom: 30px;
5771 }
5772 .messaging-area-container .status .online-text {
5773   display: none;
5774   color: #77dd77;
5775 }
5776 .messaging-area-container .status .offline-text {
5777   color: #ff6961;
5778 }
5779 .messaging-area-container .status.online .online-text {
5780   display: block;
5781 }
5782 .messaging-area-container .status.online .offline-text {
5783   display: none;
5784 }
5785 .messaging-area-container a,
5786 .messaging-area-container .btn.btn-link {
5787   color: #4f94cd;
5788 }
5789 .messaging-area-container .messaging-area {
5790   border: 1px solid #e3e3e3;
5791   clear: both;
5792   border-radius: 4px;
5793 }
5794 .messaging-area-container .messaging-area .contacts-area {
5795   border-right: 1px solid #e3e3e3;
5796   height: 600px;
5797 }
5798 .messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
5799   height: 80px;
5800 }
5801 .messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
5802   height: 470px;
5803 }
5804 .messaging-area-container .messaging-area .contacts-area .searchtextarea {
5805   padding: 5px;
5806   text-align: center;
5807   height: 50px;
5808   box-sizing: border-box;
5809   line-height: 50px;
5810   background-color: #fff;
5811   transition: background-color linear 0.2s;
5812 }
5813 .messaging-area-container .messaging-area .contacts-area .searchtextarea input {
5814   background-color: #f5f5f5;
5815   border: 0;
5816   width: 90%;
5817   -webkit-box-shadow: none;
5818   -moz-box-shadow: none;
5819   box-shadow: none;
5820   transition: background-color linear 0.2s;
5821 }
5822 .messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
5823   -webkit-box-shadow: none;
5824   -moz-box-shadow: none;
5825   box-shadow: none;
5826 }
5827 .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
5828   background-color: #f5f5f5;
5829   transition: background-color linear 0.2s;
5830 }
5831 .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
5832   background-color: #fff;
5833   transition: background-color linear 0.2s;
5834 }
5835 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
5836   line-height: 20px;
5837 }
5838 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
5839   float: left;
5840 }
5841 .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
5842   float: left;
5843   margin-left: 5px;
5844   cursor: pointer;
5845 }
5846 .messaging-area-container .messaging-area .contacts-area .searcharea .heading {
5847   text-align: center;
5848   border-top: 1px solid black;
5849   border-bottom: 1px solid black;
5850   font-size: 14px;
5851   font-weight: bold;
5852 }
5853 .messaging-area-container .messaging-area .contacts-area .searcharea .course {
5854   text-align: center;
5855 }
5856 .messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
5857   background-color: #4f94cd;
5858   color: #fff;
5859   border: none;
5860   cursor: pointer;
5861 }
5862 .messaging-area-container .messaging-area .contacts-area .contacts {
5863   height: 500px;
5864   overflow-y: scroll;
5865 }
5866 .messaging-area-container .messaging-area .contacts-area .contacts .contact {
5867   height: 66px;
5868   cursor: pointer;
5869   border-bottom: 1px solid #e3e3e3;
5870   box-sizing: border-box;
5871 }
5872 .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
5873   background-color: #F1F1F1;
5874 }
5875 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
5876   background-color: #4f94cd;
5877   color: #fff;
5878   border: none;
5879 }
5880 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
5881   color: #fff;
5882 }
5883 .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
5884   border: none;
5885 }
5886 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected:not([aria-checked]) {
5887   background-color: #4f94cd;
5888   color: #fff;
5889   border: none;
5890 }
5891 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected:not([aria-checked]) .information .lastmessage {
5892   color: #fff;
5893 }
5894 .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected:not([aria-checked]) .picture {
5895   border: none;
5896 }
5897 .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
5898   line-height: 66px;
5899   text-align: center;
5900   width: 25.64102564%;
5901   margin: 0;
5902   height: 66px;
5903   border-bottom: 1px solid #fff;
5904 }
5905 .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
5906   border-radius: 50%;
5907   height: 54px;
5908 }
5909 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
5910   margin: 0;
5911   padding: 6px 0;
5912   height: 66px;
5913 }
5914 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
5915   font-weight: bold;
5916 }
5917 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
5918   word-wrap: break-word;
5919   margin: 0;
5920   height: 40px;
5921   line-height: 17px;
5922   overflow: hidden;
5923   text-overflow: ellipsis;
5924   white-space: nowrap;
5925   color: #a1a1a1;
5926   padding-right: 10px;
5927 }
5928 .messaging-area-container .messaging-area .contacts-area .tabs {
5929   border-top: 1px solid #e3e3e3;
5930   height: 50px;
5931   box-sizing: border-box;
5932 }
5933 .messaging-area-container .messaging-area .contacts-area .tabs .tab {
5934   cursor: pointer;
5935   height: 100%;
5936   background-color: #f5f5f5;
5937   margin: 0;
5938   width: 50%;
5939   text-align: center;
5940 }
5941 .messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
5942   color: #4f94cd;
5943 }
5944 .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
5945   height: 30px;
5946   line-height: 30px;
5947 }
5948 .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
5949   height: 20px;
5950 }
5951 .messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
5952   color: #4f94cd;
5953 }
5954 .messaging-area-container .messaging-area .contacts-area.editing .contacts .contact[aria-checked="true"] {
5955   background-color: #4f94cd;
5956   color: #fff;
5957   border: none;
5958 }
5959 .messaging-area-container .messaging-area .contacts-area.editing .contacts .contact[aria-checked="true"] .information .lastmessage {
5960   color: #fff;
5961 }
5962 .messaging-area-container .messaging-area .contacts-area.editing .contacts .contact[aria-checked="true"] .picture {
5963   border: none;
5964 }
5965 .messaging-area-container .messaging-area .messages-area {
5966   width: 76.92407792%;
5967   height: 600px;
5968   box-sizing: border-box;
5969   margin: 0;
5970   position: relative;
5971 }
5972 .messaging-area-container .messaging-area .messages-area .profile {
5973   padding: 30px;
5974   font-size: 16px;
5975 }
5976 .messaging-area-container .messaging-area .messages-area .profile .user-container {
5977   height: 100px;
5978 }
5979 .messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
5980   border-radius: 50%;
5981   max-height: 100px;
5982   display: inline-block;
5983 }
5984 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
5985   display: inline-block;
5986   vertical-align: top;
5987   margin-top: 20px;
5988   margin-left: 10px;
5989 }
5990 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
5991   font-weight: bold;
5992   display: block;
5993 }
5994 .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
5995   display: block;
5996   font-size: 14px;
5997 }
5998 .messaging-area-container .messaging-area .messages-area .profile .information {
5999   margin: 0;
6000   display: inline-block;
6001   float: right;
6002   margin-top: 20px;
6003   font-size: 14px;
6004 }
6005 .messaging-area-container .messaging-area .messages-area .profile .information .names {
6006   display: inline-block;
6007   font-weight: bold;
6008   text-align: right;
6009   margin-right: 10px;
6010 }
6011 .messaging-area-container .messaging-area .messages-area .profile .information .values {
6012   display: inline-block;
6013 }
6014 .messaging-area-container .messaging-area .messages-area .profile .actions {
6015   padding-top: 80px;
6016 }
6017 .messaging-area-container .messaging-area .messages-area .profile .actions .separator {
6018   border-bottom: 1px solid #e3e3e3;
6019   margin-bottom: 20px;
6020   padding-bottom: 5px;
6021 }
6022 .messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
6023   color: #ff6961;
6024 }
6025 .messaging-area-container .messaging-area .messages-area .messages-header {
6026   height: 50px;
6027   font-weight: bold;
6028   line-height: 50px;
6029   box-sizing: border-box;
6030   border-bottom: 1px solid #e3e3e3;
6031   text-align: center;
6032   position: relative;
6033 }
6034 .messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
6035   display: none;
6036 }
6037 .messaging-area-container .messaging-area .messages-area .messages-header .name-container {
6038   padding-top: 9px;
6039   display: inline-block;
6040 }
6041 .messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
6042   line-height: 20px;
6043 }
6044 .messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
6045   line-height: 12px;
6046   font-size: 12px;
6047   font-weight: normal;
6048 }
6049 .messaging-area-container .messaging-area .messages-area .messages-header .actions {
6050   position: absolute;
6051   top: 0;
6052   right: 0;
6053   padding-right: 15px;
6054   font-weight: normal;
6055 }
6056 .messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
6057   display: none;
6058 }
6059 .messaging-area-container .messaging-area .messages-area .messages {
6060   height: 500px;
6061   overflow-y: auto;
6062   box-sizing: border-box;
6063   padding: 15px 50px;
6064 }
6065 .messaging-area-container .messaging-area .messages-area .messages .blocktime {
6066   clear: both;
6067   text-align: center;
6068   color: #a1a1a1;
6069   font-size: 12px;
6070   margin: 5px 0;
6071 }
6072 .messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
6073   display: none;
6074   text-align: center;
6075   padding-top: 5px;
6076 }
6077 .messaging-area-container .messaging-area .messages-area .messages .message .content {
6078   border: 1px solid #e3e3e3;
6079   padding: 10px;
6080   margin-bottom: 5px;
6081   font-size: 12px;
6082   word-wrap: break-word;
6083   max-width: 55%;
6084   border-radius: 4px;
6085   position: relative;
6086 }
6087 .messaging-area-container .messaging-area .messages-area .messages .message .content .text {
6088   display: inline-block;
6089   margin-right: 60px;
6090   width: 90%;
6091 }
6092 .messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
6093   margin: 0;
6094 }
6095 .messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
6096   font-size: 10px;
6097   color: #a1a1a1;
6098   position: absolute;
6099   top: 10px;
6100   right: 10px;
6101 }
6102 .messaging-area-container .messaging-area .messages-area .messages .message .content.left {
6103   float: left;
6104 }
6105 .messaging-area-container .messaging-area .messages-area .messages .message .content.right {
6106   float: right;
6107 }
6108 .messaging-area-container .messaging-area .messages-area .response {
6109   border-bottom-right-radius: 4px;
6110   padding: 10px 0 9px 0;
6111   position: absolute;
6112   bottom: 0;
6113   left: 0;
6114   width: 100%;
6115   line-height: 28px;
6116   text-align: center;
6117   border-top: 1px solid #e3e3e3;
6118   box-sizing: border-box;
6119   background-color: #fff;
6120   transition: background-color linear 0.2s;
6121 }
6122 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
6123   display: none;
6124 }
6125 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm {
6126   border: 1px solid #4f94cd;
6127   border-radius: 4px;
6128 }
6129 .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover {
6130   background-color: #4f94cd;
6131   color: #fff;
6132   text-shadow: none;
6133 }
6134 .messaging-area-container .messaging-area .messages-area .response textarea {
6135   width: 85%;
6136   margin: 0;
6137   resize: none;
6138   border: none;
6139   -webkit-box-shadow: none;
6140   -moz-box-shadow: none;
6141   box-shadow: none;
6142   background-color: #f5f5f5;
6143   transition: background-color linear 0.2s;
6144 }
6145 .messaging-area-container .messaging-area .messages-area .response textarea:focus {
6146   -webkit-box-shadow: none;
6147   -moz-box-shadow: none;
6148   box-shadow: none;
6149 }
6150 .messaging-area-container .messaging-area .messages-area .response.messaging {
6151   background-color: #f5f5f5;
6152   transition: background-color linear 0.2s;
6153 }
6154 .messaging-area-container .messaging-area .messages-area .response.messaging textarea {
6155   background-color: #fff;
6156   transition: background-color linear 0.2s;
6157 }
6158 .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
6159   display: block;
6160 }
6161 .messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
6162   display: none;
6163 }
6164 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
6165   display: none;
6166 }
6167 .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
6168   display: block;
6169 }
6170 .messaging-area-container .messaging-area .messages-area.editing .messages .message {
6171   cursor: pointer;
6172 }
6173 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
6174   background-color: #4f94cd;
6175   border-color: #4f94cd;
6176   color: #fff;
6177 }
6178 .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
6179   color: #fff;
6180 }
6181 .messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
6182   display: block;
6183 }
6184 .messaging-area-container .messaging-area .messages-area.editing .response .message-box {
6185   display: none;
6186 }
6187 #newmessageoverlay {
6188   min-height: 20px;
6189   padding: 19px;
6190   margin-bottom: 20px;
6191   background-color: #f5f5f5;
6192   border: 1px solid #e3e3e3;
6193   -webkit-border-radius: 4px;
6194   -moz-border-radius: 4px;
6195   border-radius: 4px;
6196   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6197   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6198   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6199   border-color: #e3e3e3;
6200   margin: 0 1em;
6201   position: fixed;
6202   bottom: 0;
6203   right: 0;
6204 }
6205 #newmessageoverlay blockquote {
6206   border-color: #ddd;
6207   border-color: rgba(0, 0, 0, 0.15);
6208 }
6209 #newmessageoverlay #usermessage {
6210   padding: 10px;
6211 }
6212 /* Widen the plain text editor on the bulk message screen */
6213 #page-user-action_redir #edit-messagebody {
6214   width: auto;
6215 }
6216 /** Messenger send message dialog */
6217 .core_message-messenger-sendmessage-hidden {
6218   display: none;
6219 }
6220 .core_message-messenger-sendmessage .message-actions {
6221   position: relative;
6222 }
6223 .core_message-messenger-sendmessage .message-area {
6224   height: 240px;
6225   max-height: 100%;
6226   position: relative;
6227   margin-bottom: 10px;
6228 }
6229 .core_message-messenger-sendmessage .message-input {
6230   width: 100%;
6231   height: 100%;
6232   -webkit-box-sizing: border-box;
6233   -moz-box-sizing: border-box;
6234   box-sizing: border-box;
6235 }
6236 .core_message-messenger-sendmessage .message-send {
6237   margin: 0;
6238   float: right;
6239 }
6240 .core_message-messenger-sendmessage .message-notice-area {
6241   display: table;
6242   position: absolute;
6243   top: 0;
6244   bottom: 0;
6245   left: 0;
6246   right: 0;
6247   width: 100%;
6248   height: 100%;
6249 }
6250 .core_message-messenger-sendmessage .message-notice {
6251   display: table-cell;
6252   vertical-align: middle;
6253   text-align: center;
6254 }
6255 .core_message-messenger-sendmessage .message-notice > div {
6256   background: #eee;
6257   padding: 5px;
6258   font-size: 12px;
6259 }
6260 .core_message-messenger-sendmessage .message-footer {
6261   margin-top: 3px;
6262   line-height: 20px;
6263 }
6264 .core_message-messenger-sendmessage .message-history {
6265   position: absolute;
6266   bottom: 0;
6267 }
6268 .dir-rtl .core_message-messenger-sendmessage .message-send {
6269   float: left;
6270 }
6271 .preferences-container .container-fluid {
6272   padding: 0;
6273 }
6274 .preferences-container .container-fluid .span6 {
6275   min-height: 20px;
6276 }
6277 .preferences-container .align-bottom {
6278   vertical-align: bottom;
6279 }
6280 .preferences-container .preference-table {
6281   border: 1px solid #ddd;
6282 }
6283 .preferences-container .preference-table thead th {
6284   text-align: center;
6285 }
6286 .preferences-container .preference-table thead th .config-warning {
6287   display: none;
6288 }
6289 .preferences-container .preference-table thead th.unconfigured .config-warning {
6290   display: inline-block;
6291 }
6292 .preferences-container .preference-table tr td:not(:first-child) {
6293   width: 150px;
6294   text-align: center;
6295 }
6296 .preferences-container .preference-table tr td:nth-child(even) {
6297   background-color: #f7f7f7;
6298 }
6299 .preferences-container .preference-table tr th:nth-child(even) {
6300   background-color: #f7f7f7;
6301 }
6302 .preferences-container .preference-table .preference-row .preference-name {
6303   vertical-align: middle;
6304 }
6305 .preferences-container .preference-table .preference-row .disabled-message {
6306   text-align: center;
6307   height: 30px;
6308   line-height: 30px;
6309 }
6310 .preferences-container .preference-table .preference-row .preference-state {
6311   margin: 0;
6312   padding: 0;
6313   display: inline-block;
6314   vertical-align: middle;
6315 }
6316 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
6317   background-color: #5cb85c;
6318 }
6319 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
6320   display: inline-block;
6321 }
6322 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
6323   display: none;
6324 }
6325 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
6326   width: 30px;
6327   height: 30px;
6328   line-height: 30px;
6329   text-align: center;
6330   border-radius: 4px;
6331   background-color: #d9534f;
6332   color: #fff;
6333 }
6334 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
6335   display: none;
6336 }
6337 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
6338   display: none;
6339 }
6340 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
6341   display: inline-block;
6342 }
6343 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
6344 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
6345   display: none;
6346 }
6347 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
6348 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
6349   display: none;
6350 }
6351 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
6352   display: block;
6353 }
6354 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
6355   display: block;
6356 }
6357 .disabled-message {
6358   display: none;
6359 }
6360 .disabled .disabled-message {
6361   display: block;
6362 }
6363 .disabled .disabled-message + form {
6364   display: none;
6365 }
6366 .general-settings-container .loading-icon {
6367   display: none;
6368 }
6369 .general-settings-container .loading .loading-icon {
6370   display: inline-block;
6371 }
6372 .general-settings-container label {
6373   display: inline-block;
6374 }
6375 .processor-container {
6376   position: relative;
6377 }
6378 .processor-container .loading-container {
6379   display: none;
6380   position: absolute;
6381   width: 100%;
6382   height: 100%;
6383   text-align: center;
6384   background-color: rgba(255, 255, 255, 0.5);
6385 }
6386 .processor-container .loading-container .vertical-align {
6387   height: 100%;
6388   width: 0%;
6389   display: inline-block;
6390   vertical-align: middle;
6391 }
6392 .processor-container.loading .loading-container {
6393   display: block;
6394 }
6395 .preferences-page-container .checkbox-container {
6396   margin: 30px 5px;
6397   line-height: 20px;
6398 }
6399 .preferences-page-container .checkbox-container input {
6400   line-height: 20px;
6401   margin: 0;
6402 }
6403 .preferences-page-container .checkbox-container .loading-icon {
6404   display: none;
6405 }
6406 .preferences-page-container .checkbox-container.loading .loading-icon {
6407   display: inline-block;
6408 }
6409 /* Question */
6410 .questionbank h2 {
6411   margin-top: 0;
6412 }
6413 .questioncategories h3 {
6414   margin-top: 0;
6415 }
6416 #chooseqtypebox {
6417   margin-top: 1em;
6418 }
6419 #chooseqtype h3 {
6420   margin: 0 0 0.3em;
6421 }
6422 #chooseqtype .instruction {
6423   display: none;
6424 }
6425 #chooseqtype .fakeqtypes {
6426   border-top: 1px solid silver;
6427 }
6428 #chooseqtype .qtypeoption {
6429   margin-bottom: 0.5em;
6430 }
6431 #chooseqtype label {
6432   display: block;
6433 }
6434 #chooseqtype .qtypename img {
6435   padding: 0 0.3em;
6436 }
6437 #chooseqtype .qtypename {
6438   display: inline-table;
6439   width: 16em;
6440 }
6441 #chooseqtype .qtypesummary {
6442   display: block;
6443   margin: 0 2em;
6444 }
6445 #chooseqtype .submitbuttons {
6446   margin: 0.7em 0;
6447   text-align: center;
6448 }
6449 #qtypechoicecontainer {
6450   display: none;
6451 }
6452 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
6453   background: none;
6454 }
6455 #qtypechoicecontainer.yui-panel .hd {
6456   color: #333;
6457   letter-spacing: 1px;
6458   text-shadow: 1px 1px 1px #fff;
6459   -webkit-border-top-right-radius: 10px;
6460   -moz-border-radius-topright: 10px;
6461   border-top-right-radius: 10px;
6462   -webkit-border-top-left-radius: 10px;
6463   -moz-border-radius-topleft: 10px;
6464   border-top-left-radius: 10px;
6465   border: 1px solid #ccc;
6466   border-bottom: 1px solid #bbb;
6467   background-color: #ebebeb;
6468   background-image: -moz-linear-gradient(top, #fff, #ccc);
6469   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
6470   background-image: -webkit-linear-gradient(top, #fff, #ccc);
6471   background-image: -o-linear-gradient(top, #fff, #ccc);
6472   background-image: linear-gradient(to bottom, #fff, #ccc);
6473   background-repeat: repeat-x;
6474   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
6475 }
6476 #qtypechoicecontainer {
6477   font-size: 12px;
6478   color: #333;
6479   background: #f2f2f2;
6480   -webkit-border-radius: 10px;
6481   -moz-border-radius: 10px;
6482   border-radius: 10px;
6483   border: 1px solid #ccc;
6484   border-top: 0 none;
6485   -webkit-box-shadow: 5px 5px 20px 0 #666;
6486   -moz-box-shadow: 5px 5px 20px 0 #666;
6487   box-shadow: 5px 5px 20px 0 #666;
6488 }
6489 #qtypechoicecontainer #chooseqtype {
6490   width: 40em;
6491 }
6492 #chooseqtypehead h3 {
6493   margin: 0;
6494   font-weight: normal;
6495 }
6496 #chooseqtype .qtypes {
6497   position: relative;
6498   border-bottom: 1px solid #bbb;
6499   padding: 0.24em 0;
6500 }
6501 /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */
6502 #chooseqtype .alloptions {
6503   overflow-x: hidden;
6504   overflow-y: auto;
6505   max-height: 400px;
6506   max-height: calc(85vh);
6507   /* The next line is a workaround because recess is crap. Delete ththe following line once
6508     * https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75
6509     * is fixed. The previous line is the right one. */
6510   max-height: 60vh;
6511   width: 60%;
6512 }
6513 /* stylelint-enable */
6514 #chooseqtype .qtypeoption {
6515   margin-bottom: 0;
6516   padding: 0.3em 0.3em 0.3em 1.6em;
6517 }
6518 #chooseqtype .qtypeoption img {
6519   vertical-align: text-bottom;
6520   padding-left: 1em;
6521   padding-right: 0.5em;
6522 }
6523 #chooseqtype .selected {
6524   background-color: #fff;
6525   -webkit-box-shadow: 0px 0 10px 0 #ccc;
6526   -moz-box-shadow: 0px 0 10px 0 #ccc;
6527   box-shadow: 0px 0 10px 0 #ccc;
6528 }
6529 #chooseqtype .instruction,
6530 #chooseqtype .qtypesummary {
6531   display: none;
6532   position: absolute;
6533   top: 0;
6534   right: 0;
6535   bottom: 0;
6536   left: 60%;
6537   margin: 0;
6538   overflow-x: hidden;
6539   overflow-y: auto;
6540   padding: 1.5em 1.6em;
6541   background-color: #fff;
6542 }
6543 #chooseqtype .instruction,
6544 #chooseqtype .selected .qtypesummary {
6545   display: block;
6546 }
6547 #categoryquestions {
6548   margin: 0;
6549 }
6550 #categoryquestions td,
6551 #categoryquestions th {
6552   padding: 0 0.2em;
6553 }
6554 #categoryquestions th {
6555   text-align: left;
6556   font-weight: normal;
6557 }
6558 #categoryquestions .checkbox {
6559   padding-left: 5px;
6560 }
6561 #categoryquestions .checkbox input[type="checkbox"] {
6562   margin-left: 0;
6563   float: none;
6564 }
6565 #categoryquestions img.iconsmall {
6566   padding: 0;
6567 }
6568 #categoryquestions .iconcol {
6569   padding: 3px;
6570 }
6571 #categoryquestions label {
6572   margin: 0;
6573 }
6574 #page-mod-quiz-edit div.questionbankwindow div.header {
6575   margin: 0;
6576 }
6577 #page-mod-quiz-edit div.questionbankwindow.block {
6578   padding: 0;
6579 }
6580 .questionbank .singleselect {
6581   margin: 0;
6582 }
6583 /* Question editing form */
6584 #combinedfeedbackhdr div.fhtmleditor {
6585   padding: 0;
6586 }
6587 #combinedfeedbackhdr div.fcheckbox {
6588   margin-bottom: 1em;
6589 }
6590 #multitriesheader div.fitem_feditor {
6591   margin-top: 1em;
6592 }
6593 #multitriesheader div.fitem_fgroup {
6594   margin-bottom: 1em;
6595 }
6596 #multitriesheader div.fitem_fgroup fieldset.felement label {
6597   margin-left: 0.3em;
6598   margin-right: 0.3em;
6599 }
6600 body.path-question-type .fitem_fgroup .accesshide {
6601   font: inherit;
6602   position: static;
6603   padding-right: .3em;
6604 }
6605 .que {
6606   clear: left;
6607   text-align: left;
6608   margin: 0 auto 1.8em auto;
6609 }
6610 .que .info {
6611   float: left;
6612   width: 7em;
6613   padding: 0.5em;
6614   margin-bottom: 1.8em;
6615   background-color: #eee;
6616   border: 1px solid #dcdcdc;
6617   -webkit-border-radius: 2px;
6618   -moz-border-radius: 2px;
6619   border-radius: 2px;
6620 }
6621 .que h3.no {
6622   margin: 0;
6623   font-size: 0.8em;
6624   line-height: 1;
6625 }
6626 .que span.qno {
6627   font-size: 1.5em;
6628   font-weight: bold;
6629 }
6630 .que .info > div {
6631   font-size: 0.8em;
6632   margin-top: 0.7em;
6633 }
6634 .que .info .questionflag.editable {
6635   cursor: pointer;
6636 }
6637 .que .info .editquestion img,
6638 .que .info .questionflag img,
6639 .que .info .questionflag input {
6640   vertical-align: bottom;
6641 }
6642 .que .content {
6643   margin: 0 0 0 8.5em;
6644 }
6645 .que .formulation,
6646 .que .outcome,
6647 .que .comment {
6648   padding: 8px 35px 8px 14px;
6649   margin-bottom: 20px;
6650   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
6651   background-color: #fcf8e3;
6652   border: 1px solid #fbeed5;
6653   -webkit-border-radius: 4px;
6654   -moz-border-radius: 4px;
6655   border-radius: 4px;
6656   color: #8a6d3b;
6657 }
6658 .que .formulation {
6659   background-color: #d9edf7;
6660   border-color: #bce8f1;
6661   color: #3a87ad;
6662   color: #333;
6663 }
6664 .formulation input[type="text"],
6665 .formulation select {
6666   width: auto;
6667   vertical-align: baseline;
6668 }
6669 .path-mod-quiz input[size] {
6670   width: auto;
6671 }
6672 .que .comment {
6673   background-color: #dff0d8;
6674   border-color: #d6e9c6;
6675   color: #468847;
6676 }
6677 .que .history {
6678   min-height: 20px;
6679   padding: 19px;
6680   margin-bottom: 20px;
6681   background-color: #f5f5f5;
6682   border: 1px solid #e3e3e3;
6683   -webkit-border-radius: 4px;
6684   -moz-border-radius: 4px;
6685   border-radius: 4px;
6686   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6687   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6688   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
6689   border-color: #e3e3e3;
6690 }
6691 .que .history blockquote {
6692   border-color: #ddd;
6693   border-color: rgba(0, 0, 0, 0.15);
6694 }
6695 .que .ablock {
6696   margin: 0.7em 0 0.3em 0;
6697 }
6698 .que .im-controls {
6699   margin-top: 0.5em;
6700   text-align: left;
6701 }
6702 .que .specificfeedback,
6703 .que .generalfeedback,
6704 .que .rightanswer,
6705 .que .im-feedback,
6706 .que .feedback,
6707 .que p {
6708   margin: 0 0 0.5em;
6709 }
6710 .que .qtext {
6711   margin-bottom: 1.5em;
6712 }
6713 .que .correctness {
6714   display: inline-block;
6715   padding: 2px 4px;
6716   font-size: 11.844px;
6717   font-weight: bold;
6718   line-height: 14px;
6719   color: #fff;
6720   vertical-align: baseline;
6721   white-space: nowrap;
6722   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
6723   background-color: #999;
6724   -webkit-border-radius: 3px;
6725   -moz-border-radius: 3px;
6726   border-radius: 3px;
6727 }
6728 .que .correctness:empty {
6729   display: none;
6730 }
6731 .que .correctness-important {
6732   background-color: #b94a48;
6733 }
6734 .que .correctness-important[href] {
6735   background-color: #953b39;
6736 }
6737 .que .correctness-warning {
6738   background-color: #f89406;
6739 }
6740 .que .correctness-warning[href] {
6741   background-color: #c67605;
6742 }
6743 .que .correctness-success {
6744   background-color: #468847;
6745 }
6746 .que .correctness-success[href] {
6747   background-color: #356635;
6748 }
6749 .que .correctness-info {
6750   background-color: #3a87ad;
6751 }
6752 .que .correctness-info[href] {
6753   background-color: #2d6987;
6754 }
6755 .que .correctness-inverse {
6756   background-color: #333;
6757 }
6758 .que .correctness-inverse[href] {
6759   background-color: #1a1a1a;
6760 }
6761 .que .correctness.correct {
6762   background-color: #468847;
6763 }
6764 .que .correctness.partiallycorrect {
6765   background-color: #f89406;
6766 }
6767 .que .correctness.notanswered,
6768 .que .correctness.incorrect {
6769   background-color: #b94a48;
6770 }
6771 .que .validationerror {
6772   color: #b94a48;
6773 }
6774 .formulation .correct {
6775   background-color: #dff0d8;
6776 }
6777 .formulation .partiallycorrect {
6778   background-color: #fcf8e3;
6779 }
6780 .formulation .incorrect {
6781   background-color: #f2dede;
6782 }
6783 .formulation select.correct,
6784 .formulation input.correct {
6785   color: #468847;
6786   background-color: #dff0d8;
6787   border-color: #468847;
6788   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6789   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6790   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6791 }
6792 .formulation select.correct:focus,
6793 .formulation input.correct:focus {
6794   border-color: #356635;
6795   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
6796   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
6797   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
6798 }
6799 .formulation select.partiallycorrect,
6800 .formulation input.partiallycorrect {
6801   color: #8a6d3b;
6802   background-color: #fcf8e3;
6803   border-color: #8a6d3b;
6804   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6805   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6806   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6807 }
6808 .formulation select.partiallycorrect:focus,
6809 .formulation input.partiallycorrect:focus {
6810   border-color: #66512c;
6811   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
6812   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
6813   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
6814 }
6815 .formulation select.incorrect,
6816 .formulation input.incorrect {
6817   color: #b94a48;
6818   background-color: #f2dede;
6819   border-color: #b94a48;
6820   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6821   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6822   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
6823 }
6824 .formulation select.incorrect:focus,
6825 .formulation input.incorrect:focus {
6826   border-color: #953b39;
6827   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
6828   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
6829   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
6830 }
6831 .que .grading,
6832 .que .comment,
6833 .que .commentlink,
6834 .que .history {
6835   margin-top: 0.5em;
6836 }
6837 .que .history h3 {
6838   margin: 0 0 0.2em;
6839   font-size: 1em;
6840 }
6841 .que .history table {
6842   width: 100%;
6843   margin: 0;
6844 }
6845 .que .history .current {
6846   font-weight: bold;
6847 }
6848 .que .questioncorrectnessicon {
6849   vertical-align: text-bottom;
6850 }
6851 .que input.questionflagimage {
6852   padding-right: 3px;
6853 }
6854 .importerror {
6855   margin-top: 10px;
6856   border-bottom: 1px solid #555;
6857 }
6858 .mform .que.comment .fitemtitle {
6859   width: 20%;
6860 }
6861 #page-question-preview #techinfo {
6862   margin: 1em 0;
6863 }
6864 #page-mod-quiz-edit .box.generalbox.questionbank {
6865   padding: 0.5em;
6866 }
6867 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
6868 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
6869 #page-mod-quiz-edit .questionbank .choosecategory {
6870   padding: 0;
6871 }
6872 #page-mod-quiz-edit .questionbank .choosecategory select {
6873   width: 100%;
6874 }
6875 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
6876   background: transparent;
6877 }
6878 #page-mod-quiz-edit #categoryquestions > thead {
6879   background: #fff;
6880 }
6881 #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
6882   background: #e4e4e4;
6883 }
6884 #page-mod-quiz-edit .questionbankwindow div.header {
6885   color: #444;
6886   text-shadow: none;
6887   -webkit-border-top-right-radius: 4px;
6888   -moz-border-radius-topright: 4px;
6889   border-top-right-radius: 4px;
6890   -webkit-border-top-left-radius: 4px;
6891   -moz-border-radius-topleft: 4px;
6892   border-top-left-radius: 4px;
6893   margin: 0 -10px 0 -10px;
6894   padding: 2px 10px 2px 10px;
6895   background: transparent;
6896   /* Old browsers */
6897 }
6898 #page-mod-quiz-edit .questionbankwindow div.header a:link,
6899 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
6900   color: #0070a8;
6901 }
6902 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
6903   color: #003d5c;
6904 }
6905 #page-mod-quiz-edit .createnewquestion {
6906   padding: 0.3em 0;
6907 }
6908 #page-mod-quiz-edit .createnewquestion div,
6909 #page-mod-quiz-edit .createnewquestion input {
6910   margin: 0;
6911 }
6912 #page-mod-quiz-edit .questionbankwindow div.header .title {
6913   color: #333;
6914 }
6915 #page-mod-quiz-edit div.container div.generalbox {
6916   background-color: transparent;
6917   padding: 1.5em;
6918 }
6919 #page-mod-quiz-edit .categoryinfo {
6920   background-color: transparent;
6921   border-bottom: none;
6922 }
6923 #page-mod-quiz-edit .createnewquestion .singlebutton input {
6924   margin-bottom: 0;
6925 }
6926 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
6927 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
6928   padding: 0 0 1.5em 0;
6929 }
6930 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
6931   background-color: transparent;
6932   margin: 0;
6933   border-top: 0;
6934   border-bottom: 0;
6935 }
6936 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
6937   padding: 0 0.3em;
6938 }
6939 #page-mod-quiz-edit div.question div.content div.questioncontrols {
6940   background-color: #fff;
6941 }
6942 #page-mod-quiz-edit div.question div.content div.points {
6943   margin-top: -0.5em;
6944   padding-bottom: 0;
6945   border: none;
6946   background-color: #fff;
6947   position: static;
6948   width: 12.1em;
6949   float: right;
6950   margin-right: 60px;
6951 }
6952 #page-mod-quiz-edit div.question div.content div.points br {
6953   display: none;
6954 }
6955 #page-mod-quiz-edit div.question div.content div.points label {
6956   display: inline-block;
6957 }
6958 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
6959   background-color: #fff;
6960 }
6961 #page-mod-quiz-edit .quizpagedelete,
6962 #page-mod-quiz-edit .quizpagedelete img {
6963   background-color: transparent;
6964 }
6965 #page-mod-quiz-edit div.quizpage .pagecontent {
6966   border: 1px solid #ddd;
6967   -webkit-border-radius: 2px;
6968   -moz-border-radius: 2px;
6969   border-radius: 2px;
6970   overflow: hidden;
6971 }
6972 #page-mod-quiz-edit div.questionbank .categoryinfo {
6973   padding: 0.3em 0;
6974 }
6975 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
6976   padding: 0;
6977 }
6978 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
6979   display: block;
6980 }
6981 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
6982 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
6983   display: none;
6984 }
6985 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
6986   margin-left: -0.3em;
6987 }
6988 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
6989   margin-left: 0.3em;
6990 }
6991 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
6992   margin-left: 0;
6993 }
6994 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
6995   margin-left: 5px;
6996 }
6997 .questionbankwindow .module {
6998   width: auto;
6999 }
7000 #page-mod-quiz-edit div.editq div.question div.content {
7001   background-color: #fff;
7002   border: 1px solid #ddd;
7003   -webkit-border-radius: 2px;
7004   -moz-border-radius: 2px;
7005   border-radius: 2px;
7006   overflow: hidden;
7007 }
7008 .path-mod-quiz .statedetails {
7009   display: block;
7010   font-size: 0.9em;
7011 }
7012 a#hidebankcmd {
7013   color: #0070a8;
7014 }
7015 .que.shortanswer .answer {
7016   padding: 0;
7017 }
7018 .que label {
7019   display: inline;
7020 }
7021 body.path-question-type .mform fieldset.hidden {
7022   padding: 0;
7023   margin: 0.7em 0 0;
7024 }
7025 /* user.less */
7026 .userprofile .fullprofilelink {
7027   text-align: center;
7028   margin: 10px;
7029 }
7030 .userprofile .page-context-header {
7031   margin-bottom: 10px;
7032 }
7033 .userprofile .description {
7034   margin-top: 10px;
7035   margin-bottom: 30px;
7036 }
7037 .userprofile .profile_tree {
7038   -webkit-column-count: 2;
7039   -moz-column-count: 2;
7040   column-count: 2;
7041   -webkit-column-gap: 20px;
7042   -moz-column-gap: 20px;
7043   column-gap: 20px;
7044 }
7045 .userprofile .profile_tree section {
7046   display: inline-block;
7047   width: 100%;
7048   border: 1px solid #ddd;
7049   border-radius: 4px;
7050   padding: 0 15px;
7051   margin-bottom: 20px;
7052   -webkit-box-sizing: border-box;
7053   -moz-box-sizing: border-box;
7054   box-sizing: border-box;
7055 }
7056 .userprofile .profile_tree section h3 {
7057   font-size: 18px;
7058   line-height: 20px;
7059 }
7060 .userprofile dl.list {
7061   *zoom: 1;
7062 }
7063 .userprofile dl.list:before,
7064 .userprofile dl.list:after {
7065   display: table;
7066   content: "";
7067   line-height: 0;
7068 }
7069 .userprofile dl.list:after {
7070   clear: both;
7071 }
7072 .userprofile dl.list dt {
7073   float: left;
7074   width: 180px;
7075   clear: left;
7076   text-align: right;
7077   overflow: hidden;
7078   text-overflow: ellipsis;
7079   white-space: nowrap;
7080 }
7081 .userprofile dl.list dd {
7082   margin-left: 200px;
7083 }
7084 .user-box {
7085   margin: 8px;
7086   width: 115px;
7087   height: 160px;
7088   text-align: center;
7089   float: left;
7090   clear: none;
7091 }
7092 #page-user-profile .node_category ul,
7093 .path-user .node_category ul {
7094   margin-left: 0;
7095   margin-right: 0;
7096   list-style: none;
7097 }
7098 #page-user-profile .node_category li,
7099 .path-user .node_category li {
7100   margin-top: 5px;
7101 }
7102 #page-user-profile .node_category .editprofile,
7103 .path-user .node_category .editprofile,
7104 #page-user-profile .node_category .viewmore,
7105 .path-user .node_category .viewmore {
7106   text-align: right;
7107 }
7108 .ajax-contact-button {
7109   height: 31px;
7110   box-sizing: border-box;
7111 }
7112 .ajax-contact-button.loading > *:not(.loading-icon) {
7113   display: none;
7114 }
7115 .ajax-contact-button.loading .loading-icon {
7116   display: block;
7117 }
7118 .ajax-contact-button .loading-icon {
7119   display: none;
7120 }
7121 @media (max-width: 480px) {
7122   .userprofile .profile_tree {
7123     /** Display the profile on one column on phones. */
7124     -webkit-column-count: 1;
7125     -moz-column-count: 1;
7126     column-count: 1;
7127     -webkit-column-gap: 20px;
7128     -moz-column-gap: 20px;
7129     column-gap: 20px;
7130   }
7131 }
7132 .userlist .action-icon img {
7133   vertical-align: middle;
7134 }
7135 .userlist #showall {
7136   margin: 10px 0;
7137 }
7138 .userlist .buttons {
7139   text-align: center;
7140 }
7141 .userlist .buttons label {
7142   padding: 0 3px;
7143 }
7144 .userlist table#participants {
7145   text-align: center;
7146 }
7147 .userlist table#participants td,
7148 .userlist table#participants th {
7149   vertical-align: middle;
7150   text-align: left;
7151   padding: 4px;
7152 }
7153 .userlist table.controls {
7154   width: 100%;
7155 }
7156 .userlist table.controls tr {
7157   vertical-align: top;
7158 }
7159 .userlist table.controls .right {
7160   text-align: right;
7161 }
7162 .userlist table.controls .groupselector {
7163   margin-bottom: 0;
7164   margin-top: 0;
7165 }
7166 .userlist table.controls .groupselector label {
7167   display: block;
7168 }
7169 .userinfobox {
7170   width: 100%;
7171   border: 1px solid;
7172   border-collapse: separate;
7173   padding: 10px;
7174 }
7175 .userinfobox .left,
7176 .userinfobox .side {
7177   width: 100px;
7178   vertical-align: top;
7179 }
7180 .userinfobox .userpicture {
7181   width: 100px;
7182   height: 100px;
7183 }
7184 .userinfobox .content {
7185   vertical-align: top;
7186 }
7187 .userinfobox .links {
7188   width: 100px;
7189   padding: 5px;
7190   vertical-align: bottom;
7191 }
7192 .userinfobox .links a {
7193   display: block;
7194 }
7195 .userinfobox .list td {
7196   padding: 3px;
7197 }
7198 .userinfobox .username {
7199   padding-bottom: 20px;
7200   font-weight: bold;
7201 }
7202 .userinfobox td.label {
7203   text-align: right;
7204   white-space: nowrap;
7205   vertical-align: top;
7206   font-weight: bold;
7207 }
7208 .groupinfobox {
7209   min-height: 20px;
7210   padding: 19px;
7211   margin-bottom: 20px;
7212   background-color: #f5f5f5;
7213   border: 1px solid #e3e3e3;
7214   -webkit-border-radius: 4px;
7215   -moz-border-radius: 4px;
7216   border-radius: 4px;
7217   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
7218   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
7219   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
7220   border-color: #e3e3e3;
7221 }
7222 .groupinfobox blockquote {
7223   border-color: #ddd;
7224   border-color: rgba(0, 0, 0, 0.15);
7225 }
7226 .groupinfobox .left {
7227   padding: 10px;
7228   width: 100px;
7229   vertical-align: top;
7230 }
7231 .course-participation #showall {
7232   text-align: center;
7233   margin: 10px 0;
7234 }
7235 #user-policy .noticebox {
7236   text-align: center;
7237   margin-left: auto;
7238   margin-right: auto;
7239   margin-bottom: 10px;
7240   width: 80%;
7241   height: 250px;
7242 }
7243 #user-policy #policyframe {
7244   width: 100%;
7245   height: 100%;
7246 }
7247 .iplookup #map {
7248   margin: auto;
7249 }
7250 .userselector select {
7251   width: 100%;
7252 }
7253 .userselector div {
7254   margin-top: 0.2em;
7255 }
7256 .userselector div label {
7257   margin-right: 0.3em;
7258 }
7259 /* Next style does not work in all browsers but looks nicer when it does */
7260 .userselector .userselector-infobelow {
7261   font-size: 0.8em;
7262 }
7263 #userselector_options {
7264   padding: 0.3em 0;
7265 }
7266 #userselector_options .collapsibleregioncaption {
7267   font-weight: bold;
7268 }
7269 #userselector_options p {
7270   margin: 0.2em 0;
7271   text-align: left;
7272 }
7273 /** user full profile */
7274 #page-user-profile .messagebox {
7275   text-align: center;
7276   margin-left: auto;
7277   margin-right: auto;
7278 }
7279 /** user course profile */
7280 #page-course-view-weeks .messagebox {
7281   text-align: center;
7282   margin-left: auto;
7283   margin-right: auto;
7284 }
7285 .profileeditor > .singleselect {
7286   margin: 0 0.5em 0 0;
7287 }
7288 .profileeditor > .singlebutton {
7289   display: inline-block;
7290   margin: 0 0 0 0.5em;
7291 }
7292 .profileeditor > .singlebutton div,
7293 .profileeditor > .singlebutton input {
7294   margin: 0;
7295 }
7296 #groupeditform .groups,
7297 #groupeditform .members {
7298   min-width: 175px;
7299   width: 49%;
7300   float: left;
7301   text-align: left;
7302 }
7303 #groupeditform .groups select,
7304 #groupeditform .members select {
7305   min-width: 175px;
7306 }
7307 /** Preferences page */
7308 .preferences-group ul {
7309   list-style: none;
7310   margin-left: 0;
7311   margin-right: 0;
7312 }
7313 .search-results .result {
7314   margin-left: 0;
7315   margin-right: 0;
7316 }
7317 .search-results .result .result-content {
7318   margin: 7px 0;
7319 }
7320 .search-results .result .filename {
7321   font-style: italic;
7322 }
7323 .search-input-wrapper {
7324   margin: 0 5px 0 2px;
7325   overflow: hidden;
7326   float: right;
7327   height: 100%;
7328   width: 16px;
7329   transition: width 0.5s ease, left 0.5s ease;
7330 }
7331 .search-input-wrapper > div {
7332   float: left;
7333   margin: 10px 0 9px 0;
7334 }
7335 .search-input-wrapper > form {
7336   opacity: 0;
7337   margin: 5px 0 5px 25px;
7338   transition: opacity 0.5s ease-in-out;
7339 }
7340 .search-input-wrapper > form > input {
7341   margin: 0;
7342 }
7343 .search-input-wrapper form.expanded {
7344   opacity: 1;
7345 }
7346 .search-input-wrapper.expanded {
7347   width: 160px;
7348 }
7349 .navbar .search-input-wrapper > form {
7350   margin: 5px 0 5px 25px;
7351 }
7352 .search-areas-actions > div {
7353   display: inline-block;
7354 }
7355 .popover-region {
7356   float: right;
7357   position: relative;
7358 }
7359 .popover-region .popover-region-toggle {
7360   cursor: pointer;
7361 }
7362 .popover-region .popover-region-toggle .count-container {
7363   padding: 2px;
7364   border-radius: 2px;
7365   background-color: red;
7366   color: white;
7367   font-size: 10px;
7368   line-height: 10px;
7369   position: absolute;
7370   top: 5px;
7371   right: 0;
7372 }
7373 .popover-region .popover-region-container {
7374   position: absolute;
7375   right: 0;
7376   top: 0;
7377   height: 500px;
7378   width: 380px;
7379   border: 1px solid #ddd;
7380   transition: height 0.25s;
7381   opacity: 1;
7382   visibility: visible;
7383   background-color: #fff;
7384   z-index: 10000;
7385 }
7386 .popover-region .popover-region-container .popover-region-header-container {
7387   height: 25px;
7388   line-height: 25px;
7389   padding-left: 5px;
7390   padding-right: 5px;
7391   border-bottom: 1px solid #ddd;
7392   box-sizing: border-box;
7393 }
7394 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-text {
7395   float: left;
7396   margin: 0;
7397   font-size: 14px;
7398   line-height: 25px;
7399 }
7400 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions {
7401   float: right;
7402 }
7403 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions > * {
7404   margin-left: 10px;
7405   min-width: 20px;
7406 }
7407 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .loading-icon {
7408   display: none;
7409   height: 12px;
7410   width: 12px;
7411 }
7412 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions label {
7413   display: inline-block;
7414   text-align: center;
7415   margin-bottom: 0;
7416 }
7417 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"].loading .loading-icon {
7418   display: inline-block;
7419 }
7420 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"].loading[aria-checked] .checked,
7421 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"].loading[aria-checked] .unchecked {
7422   display: none;
7423 }
7424 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"][aria-checked="true"] .checked {
7425   display: inline-block;
7426 }
7427 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"][aria-checked="true"] .unchecked {
7428   display: none;
7429 }
7430 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"][aria-checked="false"] .checked {
7431   display: none;
7432 }
7433 .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions [role="checkbox"][aria-checked="false"] .unchecked {
7434   display: inline-block;
7435 }
7436 .popover-region .popover-region-container .popover-region-content-container {
7437   height: calc(100% - 25px);
7438   width: 100%;
7439   overflow-y: auto;
7440 }
7441 .popover-region .popover-region-container .popover-region-content-container > .loading-icon {
7442   display: none;
7443   text-align: center;
7444   padding: 5px;
7445   box-sizing: border-box;
7446 }
7447 .popover-region .popover-region-container .popover-region-content-container .empty-message {
7448   display: none;
7449   text-align: center;
7450   padding: 10px;
7451 }
7452 .popover-region .popover-region-container .popover-region-content-container.loading > .loading-icon {
7453   display: block;
7454 }
7455 .popover-region .popover-region-container .popover-region-content-container.loading .empty-message {
7456   display: none;
7457 }
7458 .popover-region [data-link-url] {
7459   cursor: pointer;
7460   color: #0070a8;
7461 }
7462 .popover-region [data-link-url]:hover,
7463 .popover-region [data-link-url]:active {
7464   outline: 0;
7465 }
7466 .popover-region [data-link-url]:hover,
7467 .popover-region [data-link-url]:focus {
7468   color: #003d5c;
7469   text-decoration: underline;
7470 }
7471 .popover-region.collapsed .popover-region-container {
7472   height: 0;
7473   overflow: hidden;
7474   opacity: 0;
7475   visibility: hidden;
7476   transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
7477 }
7478 .navbar .popover-region {
7479   float: right;
7480 }
7481 .navbar .popover-region .popover-region-toggle {
7482   height: 42px;
7483   line-height: 42px;
7484   padding-left: 10px;
7485   padding-right: 10px;
7486 }
7487 .navbar .popover-region .popover-region-toggle img {
7488   height: 16px;
7489   width: 16px;
7490 }
7491 .navbar .popover-region .popover-region-toggle .count-container {
7492   padding: 2px;
7493   border-radius: 2px;
7494   background-color: red;
7495   color: white;
7496   font-size: 10px;
7497   line-height: 10px;
7498   position: absolute;
7499   top: 5px;
7500   right: 0;
7501 }
7502 .navbar .popover-region .popover-region-container {
7503   top: 42px;
7504 }
7505 .navbar .popover-region .popover-region-container::before {
7506   content: '';
7507   display: inline-block;
7508   border-left: 10px solid transparent;
7509   border-right: 10px solid transparent;
7510   border-bottom: 10px solid #ddd;
7511   position: absolute;
7512   top: -10px;
7513   right: 7px;
7514 }
7515 .navbar .popover-region .popover-region-container::after {
7516   content: '';
7517   display: inline-block;
7518   border-left: 9px solid transparent;
7519   border-right: 9px solid transparent;
7520   border-bottom: 9px solid #fff;
7521   position: absolute;
7522   top: -9px;
7523   right: 8px;
7524 }
7525 .navbar .popover-region.collapsed .popover-region-container {
7526   height: 0;
7527   overflow: hidden;
7528   opacity: 0;
7529   visibility: hidden;
7530   transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
7531 }
7532 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle {
7533   position: relative;
7534   display: inline-block;
7535   border-radius: 4px;
7536   box-sizing: border-box;
7537   line-height: 25px;
7538   height: 20px;
7539   vertical-align: middle;
7540   cursor: pointer;
7541   overflow: hidden;
7542   background-color: #8c8c8c;
7543 }
7544 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle .slider-container {
7545   width: 100%;
7546   height: 100%;
7547   position: absolute;
7548 }
7549 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle .slider-container .slider {
7550   width: 10px;
7551   height: calc(100% - 2px);
7552   background-color: #fff;
7553   border-radius: 4px;
7554   margin: 1px;
7555   display: inline-block;
7556 }
7557 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle .on-text {
7558   padding: 2px 5px 2px 14px;
7559   box-sizing: border-box;
7560   line-height: 16px;
7561   vertical-align: top;
7562   display: inline-block;
7563 }
7564 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle .off-text {
7565   padding: 2px 14px 2px 5px;
7566   box-sizing: border-box;
7567   line-height: 16px;
7568   vertical-align: top;
7569   display: inline-block;
7570 }
7571 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.on {
7572   color: #fff;
7573 }
7574 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.on .slider-container {
7575   transform: translateX(0);
7576   transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
7577 }
7578 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.on .on-text {
7579   display: block;
7580 }
7581 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.on .off-text {
7582   display: none;
7583 }
7584 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off {
7585   color: #fff;
7586 }
7587 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off .slider-container {
7588   transform: translateX(100%);
7589   transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
7590 }
7591 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off .slider-container .slider {
7592   transform: translateX(-110%);
7593 }
7594 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off .on-text {
7595   display: none;
7596 }
7597 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off .off-text {
7598   display: block;
7599 }
7600 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .mark-all-read-button .normal-icon {
7601   display: inline-block;
7602 }
7603 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .mark-all-read-button.loading .normal-icon {
7604   display: none;
7605 }
7606 .popover-region-notifications.popover-region .popover-region-container .popover-region-header-container .mark-all-read-button.loading .loading-icon {
7607   display: inline-block;
7608 }
7609 .popover-region-notifications.popover-region .popover-region-container .popover-region-content-container .popover-region-content .unread-notifications:empty + .empty-message,
7610 .popover-region-notifications.popover-region .popover-region-container .popover-region-content-container .popover-region-content .all-notifications:empty + .empty-message,
7611 .popover-region-notifications.popover-region .popover-region-container .popover-region-content-container .popover-region-content .unread-notifications + .empty-message,
7612 .popover-region-notifications.popover-region .popover-region-container .popover-region-content-container .popover-region-content .all-notifications + .empty-message {
7613   display: none;
7614 }
7615 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .unread-notifications {
7616   opacity: 0;
7617   visibility: hidden;
7618   height: 0;
7619   overflow: hidden;
7620   transition: opacity 0.25s, visibility 101ms 0.25s, height 101ms 0.25s;
7621 }
7622 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .unread-notifications + .empty-message {
7623   display: none;
7624 }
7625 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .all-notifications {
7626   opacity: 1;
7627   visibility: visible;
7628   height: auto;
7629   overflow: hidden;
7630   transition: opacity 0.25s 0.25s, visibility 101ms 0.5s, height 101ms 0.5s;
7631 }
7632 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .all-notifications:empty + .empty-message {
7633   display: block;
7634 }
7635 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container {
7636   width: 100%;
7637   border-bottom: 1px solid #ddd;
7638   box-sizing: border-box;
7639   padding: 5px;
7640 }
7641 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container:hover {
7642   opacity: 0.8;
7643 }
7644 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-link {
7645   color: inherit;
7646   text-decoration: none;
7647 }
7648 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-link:hover {
7649   color: inherit;
7650   text-decoration: none;
7651 }
7652 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item {
7653   width: calc(100% - 45px);
7654   display: inline-block;
7655   box-sizing: border-box;
7656 }
7657 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-header {
7658   height: 20px;
7659   margin-bottom: 5px;
7660   box-sizing: border-box;
7661 }
7662 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-header h3 {
7663   font-size: 14px;
7664   line-height: 14px;
7665   float: left;
7666   margin: 0;
7667   max-width: 80%;
7668 }
7669 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body {
7670   box-sizing: border-box;
7671 }
7672 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body .content-body-short {
7673   max-height: 1000px;
7674   width: 100%;
7675   height: 30px;
7676   opacity: 1;
7677   visibility: visible;
7678   transition: opacity 101ms 0.5s, visibility 101ms 0.5s, max-height 1s 0.5s;
7679 }
7680 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body .content-body-short .notification-image {
7681   display: inline-block;
7682   width: 10%;
7683 }
7684 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body .content-body-short .notification-image img {
7685   height: 30px;
7686 }
7687 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body .content-body-short .notification-message {
7688   display: inline-block;
7689   font-size: 12px;
7690   line-height: 15px;
7691   margin: 0;
7692   vertical-align: top;
7693   max-width: 80%;
7694 }
7695 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body .content-body-full {
7696   overflow: hidden;
7697   width: 100%;
7698   max-height: 0;
7699   opacity: 0;
7700   visibility: hidden;
7701   transition: max-height 0.5s, opacity 101ms 0.5s, visibility 101ms 0.5s;
7702 }
7703 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-body .content-body-full pre {
7704   word-break: normal;
7705   word-wrap: normal;
7706   font-size: 12px;
7707   margin: 0;
7708 }
7709 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-footer {
7710   text-align: left;
7711   margin: 5px 0 0;
7712   box-sizing: border-box;
7713 }
7714 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item .content-item-footer p {
7715   font-size: 10px;
7716   line-height: 10px;
7717   margin: 0;
7718 }
7719 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls {
7720   width: 40px;
7721   height: 100%;
7722   display: inline-block;
7723   vertical-align: top;
7724   box-sizing: border-box;
7725   text-align: right;
7726 }
7727 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .block-button img {
7728   height: 15px;
7729 }
7730 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .block-button .loading-icon {
7731   padding: 0;
7732   display: none;
7733 }
7734 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .block-button.loading .loading-icon {
7735   display: inline-block;
7736 }
7737 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .block-button.loading .block-icon {
7738   display: none;
7739 }
7740 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .mark-read-button img {
7741   height: 15px;
7742 }
7743 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .expand-buttons {
7744   display: inline-block;
7745   height: 30px;
7746   width: 100%;
7747   vertical-align: top;
7748   float: right;
7749   text-align: center;
7750   margin-top: 20px;
7751 }
7752 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .expand-buttons img {
7753   vertical-align: middle;
7754   height: 100%;
7755 }
7756 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .expand-buttons .show-button {
7757   width: 100%;
7758   height: 100%;
7759   display: block;
7760 }
7761 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .expand-buttons .hide-button {
7762   width: 100%;
7763   height: 100%;
7764   display: none;
7765 }
7766 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container .content-item-controls .block-button + .expand-buttons {
7767   margin-top: 0;
7768 }
7769 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container.expanded .content-item .content-item-body .content-body-short {
7770   opacity: 0;
7771   visibility: hidden;
7772   max-height: 0;
7773   overflow: hidden;
7774   transition: opacity 101ms 0.25s, visibility 101ms 0.25s, max-height 0.25s;
7775 }
7776 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container.expanded .content-item .content-item-body .content-body-full {
7777   max-height: 1000px;
7778   opacity: 1;
7779   visibility: visible;
7780   transition: max-height 2s 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
7781 }
7782 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container.expanded .content-item-controls .expand-buttons .show-button {
7783   display: none;
7784 }
7785 .popover-region-notifications.popover-region .popover-region-container .popover-region-content .content-item-container.expanded .content-item-controls .expand-buttons .hide-button {
7786   display: block;
7787 }
7788 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container .popover-region-content .all-notifications {
7789   opacity: 0;
7790   visibility: hidden;
7791   height: 0;
7792   transition: opacity 0.25s, visibility 101ms 0.25s, height 101ms 0.25s;
7793 }
7794 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container .popover-region-content .all-notifications + .empty-message {
7795   display: none;
7796 }
7797 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container .popover-region-content .unread-notifications {
7798   opacity: 1;
7799   visibility: visible;
7800   height: auto;
7801   transition: opacity 0.25s 0.25s, visibility 101ms 0.5s, height 101ms 0.5s;
7802 }
7803 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container .popover-region-content .unread-notifications:empty + .empty-message {
7804   display: block;
7805 }
7806 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container.loading .popover-region-content .unread-notifications:empty + .empty-message,
7807 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container.loading .popover-region-content .all-notifications:empty + .empty-message,
7808 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container.loading .popover-region-content .unread-notifications + .empty-message,
7809 .popover-region-notifications.unread-only .popover-region-container .popover-region-content-container.loading .popover-region-content .all-notifications + .empty-message {
7810   display: none;
7811 }
7812 .popover-region-messages.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .mark-all-read-button .normal-icon {
7813   display: inline-block;
7814 }
7815 .popover-region-messages.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .mark-all-read-button.loading .normal-icon {
7816   display: none;
7817 }
7818 .popover-region-messages.popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .mark-all-read-button.loading .loading-icon {
7819   display: inline-block;
7820 }
7821 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .messages:empty + .empty-message {
7822   display: block;
7823 }
7824 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container {
7825   width: 100%;
7826   border-bottom: 1px solid #ddd;
7827   box-sizing: border-box;
7828   padding: 5px;
7829   height: 66px;
7830   cursor: pointer;
7831 }
7832 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container:hover {
7833   opacity: 0.8;
7834 }
7835 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item-link {
7836   color: inherit;
7837   text-decoration: none;
7838 }
7839 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item-link:hover {
7840   color: inherit;
7841   text-decoration: none;
7842 }
7843 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item {
7844   height: 100%;
7845   width: 100%;
7846 }
7847 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .profile-image-container {
7848   height: 100%;
7849   width: 20%;
7850   display: inline-block;
7851 }
7852 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .profile-image-container img {
7853   height: 100%;
7854   display: inline-block;
7855   vertical-align: middle;
7856   border-radius: 50%;
7857 }
7858 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-body {
7859   display: inline-block;
7860   box-sizing: border-box;
7861   vertical-align: middle;
7862   width: 75%;
7863   height: 100%;
7864 }
7865 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-body h3 {
7866   font-size: 14px;
7867   line-height: 14px;
7868   margin: 0;
7869   width: 100%;
7870 }
7871 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-body p {
7872   margin: 0;
7873 }
7874 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container.unread {
7875   background-color: #f1f1f1;
7876 }
7877 .popover-region-messages.popover-region .popover-region-container .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
7878   display: none;
7879 }
7880 .dir-rtl .popover-region .popover-region-container {
7881   left: 0;
7882   right: auto;
7883 }
7884 .dir-rtl .popover-region .popover-region-container .popover-region-header-container .popover-region-header-text {
7885   float: right;
7886 }
7887 .dir-rtl .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions {
7888   float: left;
7889 }
7890 .dir-rtl .popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-header h3 {
7891   float: right;
7892 }
7893 .dir-rtl .popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-footer {
7894   text-align: right;
7895 }
7896 .dir-rtl .popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item-controls {
7897   text-align: left;
7898 }
7899 .dir-rtl .navbar .popover-region {
7900   float: left;
7901 }
7902 .dir-rtl .navbar .popover-region .popover-region-container::before {
7903   right: auto;
7904   left: 7px;
7905 }
7906 .dir-rtl .navbar .popover-region .popover-region-container::after {
7907   right: auto;
7908   left: 8px;
7909 }
7910 .dir-rtl .navbar .popover-region .popover-region-container .popover-region-header-container .popover-region-header-text {
7911   float: right;
7912 }
7913 .dir-rtl .navbar .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions {
7914   float: left;
7915 }
7916 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off .slider-container {
7917   transform: translateX(0);
7918 }
7919 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.off .slider-container .slider {
7920   transform: translateX(0);
7921 }
7922 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.on .slider-container {
7923   transform: translateX(-100%);
7924 }
7925 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-header-container .popover-region-header-actions .fancy-toggle.on .slider-container .slider {
7926   transform: translateX(110%);
7927 }
7928 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-header h3 {
7929   float: right;
7930 }
7931 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item .content-item-footer {
7932   text-align: right;
7933 }
7934 .dir-rtl .popover-region-notifications .popover-region .popover-region-container .popover-region-content-container .popover-region-content .content-item-container .content-item-controls {
7935   text-align: left;
7936 }
7937 /*!
7938  * Bootstrap v2.3.2
7939  *
7940  * Copyright 2013 Twitter, Inc
7941  * Licensed under the Apache License v2.0
7942  * http://www.apache.org/licenses/LICENSE-2.0
7943  *
7944  * Designed and built with all the love in the world by @mdo and @fat.
7945  */
7946 .clearfix {
7947   *zoom: 1;
7948 }
7949 .clearfix:before,
7950 .clearfix:after {
7951   display: table;
7952   content: "";
7953   line-height: 0;
7954 }
7955 .clearfix:after {
7956   clear: both;
7957 }
7958 .hide-text {
7959   font: 0/0 a;
7960   color: transparent;
7961   text-shadow: none;
7962   background-color: transparent;
7963   border: 0;
7964 }
7965 .input-block-level {
7966   display: block;
7967   width: 100%;
7968   min-height: 30px;
7969   -webkit-box-sizing: border-box;
7970   -moz-box-sizing: border-box;
7971   box-sizing: border-box;
7972 }
7973 article,
7974 aside,
7975 details,
7976 figcaption,
7977 figure,
7978 footer,
7979 header,
7980 hgroup,
7981 nav,
7982 section {
7983   display: block;
7984 }
7985 audio,
7986 canvas,
7987 video {
7988   display: inline-block;
7989   *display: inline;
7990   *zoom: 1;
7991 }
7992 audio:not([controls]) {
7993   display: none;
7994 }
7995 html {
7996   font-size: 100%;
7997   -webkit-text-size-adjust: 100%;
7998   -ms-text-size-adjust: 100%;
7999 }
8000 a:focus {
8001   outline: thin dotted #333;
8002   outline: 5px auto -webkit-focus-ring-color;
8003   outline-offset: -2px;
8004 }
8005 a:hover,
8006 a:active {
8007   outline: 0;
8008 }
8009 sub,
8010 sup {
8011   position: relative;
8012   font-size: 75%;
8013   line-height: 0;
8014   vertical-align: baseline;
8015 }
8016 sup {
8017   top: -0.5em;
8018 }
8019 sub {
8020   bottom: -0.25em;
8021 }
8022 .img-responsive {
8023   /* Responsive images (ensure images don't scale beyond their parents) */
8024   max-width: 100%;
8025   /* Part 1: Set a maxium relative to the parent */
8026   width: auto\9;
8027   /* IE7-8 need help adjusting responsive images */
8028   height: auto;
8029   /* Part 2: Scale the height according to the width, otherwise you get stretching */
8030   -ms-interpolation-mode: bicubic;
8031 }
8032 img {
8033   vertical-align: middle;
8034   border: 0;
8035 }
8036 #map_canvas img,
8037 .google-maps img {
8038   max-width: none;
8039 }
8040 button,
8041 input,
8042 select,
8043 textarea {
8044   margin: 0;
8045   font-size: 100%;
8046   vertical-align: middle;
8047 }
8048 button,
8049 input {
8050   *overflow: visible;
8051   line-height: normal;
8052 }
8053 button::-moz-focus-inner,
8054 input::-moz-focus-inner {
8055   padding: 0;
8056   border: 0;
8057 }
8058 button,
8059 html input[type="button"],
8060 input[type="reset"],
8061 input[type="submit"] {
8062   -webkit-appearance: button;
8063   cursor: pointer;
8064 }
8065 label,
8066 select,
8067 button,
8068 input[type="button"],
8069 input[type="reset"],
8070 input[type="submit"],
8071 input[type="radio"],
8072 input[type="checkbox"] {
8073   cursor: pointer;
8074 }
8075 input[type="search"] {
8076   -webkit-box-sizing: content-box;
8077   -moz-box-sizing: content-box;
8078   box-sizing: content-box;
8079   -webkit-appearance: textfield;
8080 }
8081 input[type="search"]::-webkit-search-decoration,
8082 input[type="search"]::-webkit-search-cancel-button {
8083   -webkit-appearance: none;
8084 }
8085 textarea {
8086   overflow: auto;
8087   vertical-align: top;
8088 }
8089 @media print {
8090   * {
8091     text-shadow: none !important;
8092     color: #000 !important;
8093     background: transparent !important;
8094     box-shadow: none !important;
8095   }
8096   a,
8097   a:visited {
8098     text-decoration: underline;
8099   }
8100   a[href]:after {
8101     content: " (" attr(href) ")";
8102   }
8103   abbr[title]:after {
8104     content: " (" attr(title) ")";
8105   }
8106   .ir a:after,
8107   a[href^="javascript:"]:after,
8108   a[href^="#"]:after {
8109     content: "";
8110   }
8111   pre,
8112   blockquote {
8113     border: 1px solid #999;
8114     page-break-inside: avoid;
8115   }
8116   thead {
8117     display: table-header-group;
8118   }
8119   tr,
8120   img {
8121     page-break-inside: avoid;
8122   }
8123   img {
8124     max-width: 100% !important;
8125   }
8126   @page {
8127     margin: 0.5cm;
8128   }
8129   p,
8130   h2,
8131   h3 {
8132     orphans: 3;
8133     widows: 3;
8134   }
8135   h2,
8136   h3 {
8137     page-break-after: avoid;
8138   }
8139 }
8140 body {
8141   margin: 0;
8142   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
8143   font-size: 14px;
8144   line-height: 20px;
8145   color: #333;
8146   background-color: #fff;
8147 }
8148 a {
8149   color: #0070a8;
8150   text-decoration: none;
8151 }
8152 a:hover,
8153 a:focus {
8154   color: #003d5c;
8155   text-decoration: underline;
8156 }
8157 .img-rounded {
8158   -webkit-border-radius: 6px;
8159   -moz-border-radius: 6px;
8160   border-radius: 6px;
8161 }
8162 .img-polaroid {
8163   padding: 4px;
8164   background-color: #fff;
8165   border: 1px solid #ccc;
8166   border: 1px solid rgba(0, 0, 0, 0.2);
8167   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8168   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8169   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8170 }
8171 .img-circle {
8172   -webkit-border-radius: 500px;
8173   -moz-border-radius: 500px;
8174   border-radius: 500px;
8175 }
8176 .row {
8177   margin-left: -20px;
8178   *zoom: 1;
8179 }
8180 .row:before,
8181 .row:after {
8182   display: table;
8183   content: "";
8184   line-height: 0;
8185 }
8186 .row:after {
8187   clear: both;
8188 }
8189 [class*="span"] {
8190   float: left;
8191   min-height: 1px;
8192   margin-left: 20px;
8193 }
8194 .container,
8195 .navbar-static-top .container,
8196 .navbar-fixed-top .container,
8197 .navbar-fixed-bottom .container {
8198   width: 940px;
8199 }
8200 .span12 {
8201   width: 940px;
8202 }
8203 .span11 {
8204   width: 860px;
8205 }
8206 .span10 {
8207   width: 780px;
8208 }
8209 .span9 {
8210   width: 700px;
8211 }
8212 .span8 {
8213   width: 620px;
8214 }
8215 .span7 {
8216   width: 540px;
8217 }
8218 .span6 {
8219   width: 460px;
8220 }
8221 .span5 {
8222   width: 380px;
8223 }
8224 .span4 {
8225   width: 300px;
8226 }
8227 .span3 {
8228   width: 220px;
8229 }
8230 .span2 {
8231   width: 140px;
8232 }
8233 .span1 {
8234   width: 60px;
8235 }
8236 .offset12 {
8237   margin-left: 980px;
8238 }
8239 .offset11 {
8240   margin-left: 900px;
8241 }
8242 .offset10 {
8243   margin-left: 820px;
8244 }
8245 .offset9 {
8246   margin-left: 740px;
8247 }
8248 .offset8 {
8249   margin-left: 660px;
8250 }
8251 .offset7 {
8252   margin-left: 580px;
8253 }
8254 .offset6 {
8255   margin-left: 500px;
8256 }
8257 .offset5 {
8258   margin-left: 420px;
8259 }
8260 .offset4 {
8261   margin-left: 340px;
8262 }
8263 .offset3 {
8264   margin-left: 260px;
8265 }
8266 .offset2 {
8267   margin-left: 180px;
8268 }
8269 .offset1 {
8270   margin-left: 100px;
8271 }
8272 .row-fluid {
8273   width: 100%;
8274   *zoom: 1;
8275 }
8276 .row-fluid:before,
8277 .row-fluid:after {
8278   display: table;
8279   content: "";
8280   line-height: 0;
8281 }
8282 .row-fluid:after {
8283   clear: both;
8284 }
8285 .row-fluid [class*="span"] {
8286   display: block;
8287   width: 100%;
8288   min-height: 30px;
8289   -webkit-box-sizing: border-box;
8290   -moz-box-sizing: border-box;
8291   box-sizing: border-box;
8292   float: left;
8293   margin-left: 2.12765957%;
8294   *margin-left: 2.07446809%;
8295 }
8296 .row-fluid [class*="span"]:first-child {
8297   margin-left: 0;
8298 }
8299 .row-fluid .controls-row [class*="span"] + [class*="span"] {
8300   margin-left: 2.12765957%;
8301 }
8302 .row-fluid .span12 {
8303   width: 100%;
8304   *width: 99.94680851%;
8305 }
8306 .row-fluid .span11 {
8307   width: 91.4893617%;
8308   *width: 91.43617021%;
8309 }
8310 .row-fluid .span10 {
8311   width: 82.9787234%;
8312   *width: 82.92553191%;
8313 }
8314 .row-fluid .span9 {
8315   width: 74.46808511%;
8316   *width: 74.41489362%;
8317 }
8318 .row-fluid .span8 {
8319   width: 65.95744681%;
8320   *width: 65.90425532%;
8321 }
8322 .row-fluid .span7 {
8323   width: 57.44680851%;
8324   *width: 57.39361702%;
8325 }
8326 .row-fluid .span6 {
8327   width: 48.93617021%;
8328   *width: 48.88297872%;
8329 }
8330 .row-fluid .span5 {
8331   width: 40.42553191%;
8332   *width: 40.37234043%;
8333 }
8334 .row-fluid .span4 {
8335   width: 31.91489362%;
8336   *width: 31.86170213%;
8337 }
8338 .row-fluid .span3 {
8339   width: 23.40425532%;
8340   *width: 23.35106383%;
8341 }
8342 .row-fluid .span2 {
8343   width: 14.89361702%;
8344   *width: 14.84042553%;
8345 }
8346 .row-fluid .span1 {
8347   width: 6.38297872%;
8348   *width: 6.32978723%;
8349 }
8350 .row-fluid .offset12 {
8351   margin-left: 104.25531915%;
8352   *margin-left: 104.14893617%;
8353 }
8354 .row-fluid .offset12:first-child {
8355   margin-left: 102.12765957%;
8356   *margin-left: 102.0212766%;
8357 }
8358 .row-fluid .offset11 {
8359   margin-left: 95.74468085%;
8360   *margin-left: 95.63829787%;
8361 }
8362 .row-fluid .offset11:first-child {
8363   margin-left: 93.61702128%;
8364   *margin-left: 93.5106383%;
8365 }
8366 .row-fluid .offset10 {
8367   margin-left: 87.23404255%;
8368   *margin-left: 87.12765957%;
8369 }
8370 .row-fluid .offset10:first-child {
8371   margin-left: 85.10638298%;
8372   *margin-left: 85%;
8373 }
8374 .row-fluid .offset9 {
8375   margin-left: 78.72340426%;
8376   *margin-left: 78.61702128%;
8377 }
8378 .row-fluid .offset9:first-child {
8379   margin-left: 76.59574468%;
8380   *margin-left: 76.4893617%;
8381 }
8382 .row-fluid .offset8 {
8383   margin-left: 70.21276596%;
8384   *margin-left: 70.10638298%;
8385 }
8386 .row-fluid .offset8:first-child {
8387   margin-left: 68.08510638%;
8388   *margin-left: 67.9787234%;
8389 }
8390 .row-fluid .offset7 {
8391   margin-left: 61.70212766%;
8392   *margin-left: 61.59574468%;
8393 }
8394 .row-fluid .offset7:first-child {
8395   margin-left: 59.57446809%;
8396   *margin-left: 59.46808511%;
8397 }
8398 .row-fluid .offset6 {
8399   margin-left: 53.19148936%;
8400   *margin-left: 53.08510638%;
8401 }
8402 .row-fluid .offset6:first-child {
8403   margin-left: 51.06382979%;
8404   *margin-left: 50.95744681%;
8405 }
8406 .row-fluid .offset5 {
8407   margin-left: 44.68085106%;
8408   *margin-left: 44.57446809%;
8409 }
8410 .row-fluid .offset5:first-child {
8411   margin-left: 42.55319149%;
8412   *margin-left: 42.44680851%;
8413 }
8414 .row-fluid .offset4 {
8415   margin-left: 36.17021277%;
8416   *margin-left: 36.06382979%;
8417 }
8418 .row-fluid .offset4:first-child {
8419   margin-left: 34.04255319%;
8420   *margin-left: 33.93617021%;
8421 }
8422 .row-fluid .offset3 {
8423   margin-left: 27.65957447%;
8424   *margin-left: 27.55319149%;
8425 }
8426 .row-fluid .offset3:first-child {
8427   margin-left: 25.53191489%;
8428   *margin-left: 25.42553191%;
8429 }
8430 .row-fluid .offset2 {
8431   margin-left: 19.14893617%;
8432   *margin-left: 19.04255319%;
8433 }
8434 .row-fluid .offset2:first-child {
8435   margin-left: 17.0212766%;
8436   *margin-left: 16.91489362%;
8437 }
8438 .row-fluid .offset1 {
8439   margin-left: 10.63829787%;
8440   *margin-left: 10.53191489%;
8441 }
8442 .row-fluid .offset1:first-child {
8443   margin-left: 8.5106383%;
8444   *margin-left: 8.40425532%;
8445 }
8446 [class*="span"].hide,
8447 .row-fluid [class*="span"].hide {
8448   display: none;
8449 }
8450 [class*="span"].pull-right,
8451 .row-fluid [class*="span"].pull-right {
8452   float: right;
8453 }
8454 .container {
8455   margin-right: auto;
8456   margin-left: auto;
8457   *zoom: 1;
8458 }
8459 .container:before,
8460 .container:after {
8461   display: table;
8462   content: "";
8463   line-height: 0;
8464 }
8465 .container:after {
8466   clear: both;
8467 }
8468 .container-fluid {
8469   padding-right: 20px;
8470   padding-left: 20px;
8471   *zoom: 1;
8472 }
8473 .container-fluid:before,
8474 .container-fluid:after {
8475   display: table;
8476   content: "";
8477   line-height: 0;
8478 }
8479 .container-fluid:after {
8480   clear: both;
8481 }
8482 p {
8483   margin: 0 0 10px;
8484 }
8485 .lead {
8486   margin-bottom: 20px;
8487   font-size: 21px;
8488   font-weight: 200;
8489   line-height: 30px;
8490 }
8491 small {
8492   font-size: 85%;
8493 }
8494 strong {
8495   font-weight: bold;
8496 }
8497 em {
8498   font-style: italic;
8499 }
8500 cite {
8501   font-style: normal;
8502 }
8503 .muted {
8504   color: #999;
8505 }
8506 a.muted:hover,
8507 a.muted:focus {
8508   color: #808080;
8509 }
8510 .text-warning {
8511   color: #8a6d3b;
8512 }
8513 a.text-warning:hover,
8514 a.text-warning:focus {
8515   color: #66512c;
8516 }
8517 .text-error {
8518   color: #b94a48;
8519 }
8520 a.text-error:hover,
8521 a.text-error:focus {
8522   color: #953b39;
8523 }
8524 .text-info {
8525   color: #3a87ad;
8526 }
8527 a.text-info:hover,
8528 a.text-info:focus {
8529   color: #2d6987;
8530 }
8531 .text-success {
8532   color: #468847;
8533 }
8534 a.text-success:hover,
8535 a.text-success:focus {
8536   color: #356635;
8537 }
8538 .text-left {
8539   text-align: left;
8540 }
8541 .text-right {
8542   text-align: right;
8543 }
8544 .text-center {
8545   text-align: center;
8546 }
8547 h1,
8548 h2,
8549 h3,
8550 h4,
8551 h5,
8552 h6 {
8553   margin: 10px 0;
8554   font-family: inherit;
8555   font-weight: bold;
8556   line-height: 20px;
8557   color: inherit;
8558   text-rendering: optimizelegibility;
8559 }
8560 h1 small,
8561 h2 small,
8562 h3 small,
8563 h4 small,
8564 h5 small,
8565 h6 small {
8566   font-weight: normal;
8567   line-height: 1;
8568   color: #999;
8569 }
8570 h1,
8571 h2,
8572 h3 {
8573   line-height: 40px;
8574 }
8575 h1 {
8576   font-size: 38.5px;
8577 }
8578 h2 {
8579   font-size: 31.5px;
8580 }
8581 h3 {
8582   font-size: 24.5px;
8583 }
8584 h4 {
8585   font-size: 17.5px;
8586 }
8587 h5 {
8588   font-size: 14px;
8589 }
8590 h6 {
8591   font-size: 11.9px;
8592 }
8593 h1 small {
8594   font-size: 24.5px;
8595 }
8596 h2 small {
8597   font-size: 17.5px;
8598 }
8599 h3 small {
8600   font-size: 14px;
8601 }
8602 h4 small {
8603   font-size: 14px;
8604 }
8605 .page-header {
8606   padding-bottom: 9px;
8607   margin: 20px 0 30px;
8608   border-bottom: 1px solid #eee;
8609 }
8610 ul,
8611 ol {
8612   padding: 0;
8613   margin: 0 0 10px 25px;
8614 }
8615 ul ul,
8616 ul ol,
8617 ol ol,
8618 ol ul {
8619   margin-bottom: 0;
8620 }
8621 li {
8622   line-height: 20px;
8623 }
8624 ul.unstyled,
8625 ol.unstyled {
8626   margin-left: 0;
8627   list-style: none;
8628 }
8629 ul.inline,
8630 ol.inline {
8631   margin-left: 0;
8632   list-style: none;
8633 }
8634 ul.inline > li,
8635 ol.inline > li {
8636   display: inline-block;
8637   *display: inline;
8638   /* IE7 inline-block hack */
8639   *zoom: 1;
8640   padding-left: 5px;
8641   padding-right: 5px;
8642 }
8643 dl {
8644   margin-bottom: 20px;
8645 }
8646 dt,
8647 dd {
8648   line-height: 20px;
8649 }
8650 dt {
8651   font-weight: bold;
8652 }
8653 dd {
8654   margin-left: 10px;
8655 }
8656 .dl-horizontal {
8657   *zoom: 1;
8658 }
8659 .dl-horizontal:before,
8660 .dl-horizontal:after {
8661   display: table;
8662   content: "";
8663   line-height: 0;
8664 }
8665 .dl-horizontal:after {
8666   clear: both;
8667 }
8668 .dl-horizontal dt {
8669   float: left;
8670   width: 180px;
8671   clear: left;
8672   text-align: right;
8673   overflow: hidden;
8674   text-overflow: ellipsis;
8675   white-space: nowrap;
8676 }
8677 .dl-horizontal dd {
8678   margin-left: 200px;
8679 }
8680 hr {
8681   margin: 20px 0;
8682   border: 0;
8683   border-top: 1px solid #eee;
8684   border-bottom: 1px solid #fff;
8685 }
8686 abbr[title],
8687 abbr[data-original-title] {
8688   cursor: help;
8689   border-bottom: 1px dotted #999;
8690 }
8691 abbr.initialism {
8692   font-size: 90%;
8693   text-transform: uppercase;
8694 }
8695 blockquote {
8696   padding: 0 0 0 15px;
8697   margin: 0 0 20px;
8698   border-left: 5px solid #eee;
8699 }
8700 blockquote p {
8701   margin-bottom: 0;
8702   font-size: 17.5px;
8703   font-weight: 300;
8704   line-height: 1.25;
8705 }
8706 blockquote small {
8707   display: block;
8708   line-height: 20px;
8709   color: #999;
8710 }
8711 blockquote small:before {
8712   content: '\2014 \00A0';
8713 }
8714 blockquote.pull-right {
8715   float: right;
8716   padding-right: 15px;
8717   padding-left: 0;
8718   border-right: 5px solid #eee;
8719   border-left: 0;
8720 }
8721 blockquote.pull-right p,
8722 blockquote.pull-right small {
8723   text-align: right;
8724 }
8725 blockquote.pull-right small:before {
8726   content: '';
8727 }
8728 blockquote.pull-right small:after {
8729   content: '\00A0 \2014';
8730 }
8731 q:before,
8732 q:after,
8733 blockquote:before,
8734 blockquote:after {
8735   content: "";
8736 }
8737 address {
8738   display: block;
8739   margin-bottom: 20px;
8740   font-style: normal;
8741   line-height: 20px;
8742 }
8743 code,
8744 pre {
8745   padding: 0 3px 2px;
8746   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
8747   font-size: 12px;
8748   color: #333;
8749   -webkit-border-radius: 3px;
8750   -moz-border-radius: 3px;
8751   border-radius: 3px;
8752 }
8753 code {
8754   padding: 2px 4px;
8755   color: #d14;
8756   background-color: #f7f7f9;
8757   border: 1px solid #e1e1e8;
8758   white-space: nowrap;
8759 }
8760 pre {
8761   display: block;
8762   padding: 9.5px;
8763   margin: 0 0 10px;
8764   font-size: 13px;
8765   line-height: 20px;
8766   word-break: break-all;
8767   word-wrap: break-word;
8768   white-space: pre;
8769   white-space: pre-wrap;
8770   background-color: #f5f5f5;
8771   border: 1px solid #ccc;
8772   border: 1px solid rgba(0, 0, 0, 0.15);
8773   -webkit-border-radius: 4px;
8774   -moz-border-radius: 4px;
8775   border-radius: 4px;
8776 }
8777 pre.prettyprint {
8778   margin-bottom: 20px;
8779 }
8780 pre code {
8781   padding: 0;
8782   color: inherit;
8783   white-space: pre;
8784   white-space: pre-wrap;
8785   background-color: transparent;
8786   border: 0;
8787 }
8788 .pre-scrollable {
8789   max-height: 340px;
8790   overflow-y: scroll;
8791 }
8792 form {
8793   margin: 0 0 20px;
8794 }
8795 fieldset {
8796   padding: 0;
8797   margin: 0;
8798   border: 0;
8799 }
8800 legend {
8801   display: block;
8802   width: 100%;
8803   padding: 0;
8804   margin-bottom: 20px;
8805   font-size: 21px;
8806   line-height: 40px;
8807   color: #333;
8808   border: 0;
8809   border-bottom: 1px solid #e5e5e5;
8810 }
8811 legend small {
8812   font-size: 15px;
8813   color: #999;
8814 }
8815 label,
8816 input,
8817 button,
8818 select,
8819 textarea {
8820   font-size: 14px;
8821   font-weight: normal;
8822   line-height: 20px;
8823 }
8824 input,
8825 button,
8826 select,
8827 textarea {
8828   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
8829 }
8830 label {
8831   display: block;
8832   margin-bottom: 5px;
8833 }
8834 select,
8835 textarea,
8836 input[type="text"],
8837 input[type="password"],
8838 input[type="datetime"],
8839 input[type="datetime-local"],
8840 input[type="date"],
8841 input[type="month"],
8842 input[type="time"],
8843 input[type="week"],
8844 input[type="number"],
8845 input[type="email"],
8846 input[type="url"],
8847 input[type="search"],
8848 input[type="tel"],
8849 input[type="color"],
8850 .uneditable-input {
8851   display: inline-block;
8852   height: 20px;
8853   padding: 4px 6px;
8854   margin-bottom: 10px;
8855   font-size: 14px;
8856   line-height: 20px;
8857   color: #555;
8858   -webkit-border-radius: 4px;
8859   -moz-border-radius: 4px;
8860   border-radius: 4px;
8861   vertical-align: middle;
8862 }
8863 input,
8864 textarea,
8865 .uneditable-input {
8866   width: 206px;
8867 }
8868 textarea {
8869   height: auto;
8870 }
8871 textarea,
8872 input[type="text"],
8873 input[type="password"],
8874 input[type="datetime"],
8875 input[type="datetime-local"],
8876 input[type="date"],
8877 input[type="month"],
8878 input[type="time"],
8879 input[type="week"],
8880 input[type="number"],
8881 input[type="email"],
8882 input[type="url"],
8883 input[type="search"],
8884 input[type="tel"],
8885 input[type="color"],
8886 .uneditable-input {
8887   background-color: #fff;
8888   border: 1px solid #ccc;
8889   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
8890   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
8891   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
8892   -webkit-transition: border linear .2s, box-shadow linear .2s;
8893   -moz-transition: border linear .2s, box-shadow linear .2s;
8894   -o-transition: border linear .2s, box-shadow linear .2s;
8895   transition: border linear .2s, box-shadow linear .2s;
8896 }
8897 textarea:focus,
8898 input[type="text"]:focus,
8899 input[type="password"]:focus,
8900 input[type="datetime"]:focus,
8901 input[type="datetime-local"]:focus,
8902 input[type="date"]:focus,
8903 input[type="month"]:focus,
8904 input[type="time"]:focus,
8905 input[type="week"]:focus,
8906 input[type="number"]:focus,
8907 input[type="email"]:focus,
8908 input[type="url"]:focus,
8909 input[type="search"]:focus,
8910 input[type="tel"]:focus,
8911 input[type="color"]:focus,
8912 .uneditable-input:focus {
8913   border-color: rgba(82, 168, 236, 0.8);
8914   outline: 0;
8915   outline: thin dotted \9;
8916   /* IE6-9 */
8917   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
8918   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
8919   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
8920 }
8921 input[type="radio"],
8922 input[type="checkbox"] {
8923   margin: 4px 0 0;
8924   *margin-top: 0;
8925   /* IE7 */
8926   margin-top: 1px \9;
8927   /* IE8-9 */
8928   line-height: normal;
8929 }
8930 input[type="file"],
8931 input[type="image"],
8932 input[type="submit"],
8933 input[type="reset"],
8934 input[type="button"],
8935 input[type="radio"],
8936 input[type="checkbox"] {
8937   width: auto;
8938 }
8939 select,
8940 input[type="file"] {
8941   height: 30px;
8942   /* In IE7, the height of the select element cannot be changed by height, only font-size */
8943   *margin-top: 4px;
8944   /* For IE7, add top margin to align select with labels */
8945   line-height: 30px;
8946 }
8947 select {
8948   width: 220px;
8949   border: 1px solid #ccc;
8950   background-color: #fff;
8951 }
8952 select[multiple],
8953 select[size] {
8954   height: auto;
8955 }
8956 select:focus,
8957 input[type="file"]:focus,
8958 input[type="radio"]:focus,
8959 input[type="checkbox"]:focus {
8960   outline: thin dotted #333;
8961   outline: 5px auto -webkit-focus-ring-color;
8962   outline-offset: -2px;
8963 }
8964 .uneditable-input,
8965 .uneditable-textarea {
8966   color: #999;
8967   background-color: #fcfcfc;
8968   border-color: #ccc;
8969   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
8970   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
8971   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
8972   cursor: not-allowed;
8973 }
8974 .uneditable-input {
8975   overflow: hidden;
8976   white-space: nowrap;
8977 }
8978 .uneditable-textarea {
8979   width: auto;
8980   height: auto;
8981 }
8982 input:-moz-placeholder,
8983 textarea:-moz-placeholder {
8984   color: #999;
8985 }
8986 input:-ms-input-placeholder,
8987 textarea:-ms-input-placeholder {
8988   color: #999;
8989 }
8990 input::-webkit-input-placeholder,
8991 textarea::-webkit-input-placeholder {
8992   color: #999;
8993 }
8994 .radio,
8995 .checkbox {
8996   min-height: 20px;
8997   padding-left: 20px;
8998 }
8999 .radio input[type="radio"],
9000 .checkbox input[type="checkbox"] {
9001   float: left;
9002   margin-left: -20px;
9003 }
9004 .controls > .radio:first-child,
9005 .controls > .checkbox:first-child {
9006   padding-top: 5px;
9007 }
9008 .radio.inline,
9009 .checkbox.inline {
9010   display: inline-block;
9011   padding-top: 5px;
9012   margin-bottom: 0;
9013   vertical-align: middle;
9014 }
9015 .radio.inline + .radio.inline,
9016 .checkbox.inline + .checkbox.inline {
9017   margin-left: 10px;
9018 }
9019 .input-mini {
9020   width: 60px;
9021 }
9022 .input-small {
9023   width: 90px;
9024 }
9025 .input-medium {
9026   width: 150px;
9027 }
9028 .input-large {
9029   width: 210px;
9030 }
9031 .input-xlarge {
9032   width: 270px;
9033 }
9034 .input-xxlarge {
9035   width: 530px;
9036 }
9037 input[class*="span"],
9038 select[class*="span"],
9039 textarea[class*="span"],
9040 .uneditable-input[class*="span"],
9041 .row-fluid input[class*="span"],
9042 .row-fluid select[class*="span"],
9043 .row-fluid textarea[class*="span"],
9044 .row-fluid .uneditable-input[class*="span"] {
9045   float: none;
9046   margin-left: 0;
9047 }
9048 .input-append input[class*="span"],
9049 .input-append .uneditable-input[class*="span"],
9050 .input-prepend input[class*="span"],
9051 .input-prepend .uneditable-input[class*="span"],
9052 .row-fluid input[class*="span"],
9053 .row-fluid select[class*="span"],
9054 .row-fluid textarea[class*="span"],
9055 .row-fluid .uneditable-input[class*="span"],
9056 .row-fluid .input-prepend [class*="span"],
9057 .row-fluid .input-append [class*="span"] {
9058   display: inline-block;
9059 }
9060 input,
9061 textarea,
9062 .uneditable-input {
9063   margin-left: 0;
9064 }
9065 .controls-row [class*="span"] + [class*="span"] {
9066   margin-left: 20px;
9067 }
9068 input.span12,
9069 textarea.span12,
9070 .uneditable-input.span12 {
9071   width: 926px;
9072 }
9073 input.span11,
9074 textarea.span11,
9075 .uneditable-input.span11 {
9076   width: 846px;
9077 }
9078 input.span10,
9079 textarea.span10,
9080 .uneditable-input.span10 {
9081   width: 766px;
9082 }
9083 input.span9,
9084 textarea.span9,
9085 .uneditable-input.span9 {
9086   width: 686px;
9087 }
9088 input.span8,
9089 textarea.span8,
9090 .uneditable-input.span8 {
9091   width: 606px;
9092 }
9093 input.span7,
9094 textarea.span7,
9095 .uneditable-input.span7 {
9096   width: 526px;
9097 }
9098 input.span6,
9099 textarea.span6,
9100 .uneditable-input.span6 {
9101   width: 446px;
9102 }
9103 input.span5,
9104 textarea.span5,
9105 .uneditable-input.span5 {
9106   width: 366px;
9107 }
9108 input.span4,
9109 textarea.span4,
9110 .uneditable-input.span4 {
9111   width: 286px;
9112 }
9113 input.span3,
9114 textarea.span3,
9115 .uneditable-input.span3 {
9116   width: 206px;
9117 }
9118 input.span2,
9119 textarea.span2,
9120 .uneditable-input.span2 {
9121   width: 126px;
9122 }
9123 input.span1,
9124 textarea.span1,
9125 .uneditable-input.span1 {
9126   width: 46px;
9127 }
9128 .controls-row {
9129   *zoom: 1;
9130 }
9131 .controls-row:before,
9132 .controls-row:after {
9133   display: table;
9134   content: "";
9135   line-height: 0;
9136 }
9137 .controls-row:after {
9138   clear: both;
9139 }
9140 .controls-row [class*="span"],
9141 .row-fluid .controls-row [class*="span"] {
9142   float: left;
9143 }
9144 .controls-row .checkbox[class*="span"],
9145 .controls-row .radio[class*="span"] {
9146   padding-top: 5px;
9147 }
9148 input[disabled],
9149 select[disabled],
9150 textarea[disabled],
9151 input[readonly],
9152 select[readonly],
9153 textarea[readonly] {
9154   cursor: not-allowed;
9155   background-color: #eee;
9156 }
9157 input[type="radio"][disabled],
9158 input[type="checkbox"][disabled],
9159 input[type="radio"][readonly],
9160 input[type="checkbox"][readonly] {
9161   background-color: transparent;
9162 }
9163 .control-group.warning .control-label,
9164 .control-group.warning .help-block,
9165 .control-group.warning .help-inline {
9166   color: #8a6d3b;
9167 }
9168 .control-group.warning .checkbox,
9169 .control-group.warning .radio,
9170 .control-group.warning input,
9171 .control-group.warning select,
9172 .control-group.warning textarea {
9173   color: #8a6d3b;
9174 }
9175 .control-group.warning input,
9176 .control-group.warning select,
9177 .control-group.warning textarea {
9178   border-color: #8a6d3b;
9179   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9180   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9181   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9182 }
9183 .control-group.warning input:focus,
9184 .control-group.warning select:focus,
9185 .control-group.warning textarea:focus {
9186   border-color: #66512c;
9187   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9188   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9189   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
9190 }
9191 .control-group.warning .input-prepend .add-on,
9192 .control-group.warning .input-append .add-on {
9193   color: #8a6d3b;
9194   background-color: #fcf8e3;
9195   border-color: #8a6d3b;
9196 }
9197 .control-group.error .control-label,
9198 .control-group.error .help-block,
9199 .control-group.error .help-inline {
9200   color: #b94a48;
9201 }
9202 .control-group.error .checkbox,
9203 .control-group.error .radio,
9204 .control-group.error input,
9205 .control-group.error select,
9206 .control-group.error textarea {
9207   color: #b94a48;
9208 }
9209 .control-group.error input,
9210 .control-group.error select,
9211 .control-group.error textarea {
9212   border-color: #b94a48;
9213   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9214   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9215   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9216 }
9217 .control-group.error input:focus,
9218 .control-group.error select:focus,
9219 .control-group.error textarea:focus {
9220   border-color: #953b39;
9221   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9222   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9223   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
9224 }
9225 .control-group.error .input-prepend .add-on,
9226 .control-group.error .input-append .add-on {
9227   color: #b94a48;
9228   background-color: #f2dede;
9229   border-color: #b94a48;
9230 }
9231 .control-group.success .control-label,
9232 .control-group.success .help-block,
9233 .control-group.success .help-inline {
9234   color: #468847;
9235 }
9236 .control-group.success .checkbox,
9237 .control-group.success .radio,
9238 .control-group.success input,
9239 .control-group.success select,
9240 .control-group.success textarea {
9241   color: #468847;
9242 }
9243 .control-group.success input,
9244 .control-group.success select,
9245 .control-group.success textarea {
9246   border-color: #468847;
9247   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9248   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9249   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9250 }
9251 .control-group.success input:focus,
9252 .control-group.success select:focus,
9253 .control-group.success textarea:focus {
9254   border-color: #356635;
9255   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9256   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9257   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
9258 }
9259 .control-group.success .input-prepend .add-on,
9260 .control-group.success .input-append .add-on {
9261   color: #468847;
9262   background-color: #dff0d8;
9263   border-color: #468847;
9264 }
9265 .control-group.info .control-label,
9266 .control-group.info .help-block,
9267 .control-group.info .help-inline {
9268   color: #3a87ad;
9269 }
9270 .control-group.info .checkbox,
9271 .control-group.info .radio,
9272 .control-group.info input,
9273 .control-group.info select,
9274 .control-group.info textarea {
9275   color: #3a87ad;
9276 }
9277 .control-group.info input,
9278 .control-group.info select,
9279 .control-group.info textarea {
9280   border-color: #3a87ad;
9281   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9282   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9283   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
9284 }
9285 .control-group.info input:focus,
9286 .control-group.info select:focus,
9287 .control-group.info textarea:focus {
9288   border-color: #2d6987;
9289   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
9290   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
9291   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
9292 }
9293 .control-group.info .input-prepend .add-on,
9294 .control-group.info .input-append .add-on {
9295   color: #3a87ad;
9296   background-color: #d9edf7;
9297   border-color: #3a87ad;
9298 }
9299 input:focus:invalid,
9300 textarea:focus:invalid,
9301 select:focus:invalid {
9302   color: #b94a48;
9303   border-color: #ee5f5b;
9304 }
9305 input:focus:invalid:focus,
9306 textarea:focus:invalid:focus,
9307 select:focus:invalid:focus {
9308   border-color: #e9322d;
9309   -webkit-box-shadow: 0 0 6px #f8b9b7;
9310   -moz-box-shadow: 0 0 6px #f8b9b7;
9311   box-shadow: 0 0 6px #f8b9b7;
9312 }
9313 .form-actions {
9314   padding: 19px 20px 20px;
9315   margin-top: 20px;
9316   margin-bottom: 20px;
9317   background-color: #f5f5f5;
9318   border-top: 1px solid #e5e5e5;
9319   *zoom: 1;
9320 }
9321 .form-actions:before,
9322 .form-actions:after {
9323   display: table;
9324   content: "";
9325   line-height: 0;
9326 }
9327 .form-actions:after {
9328   clear: both;
9329 }
9330 .help-block,
9331 .help-inline {
9332   color: #595959;
9333 }
9334 .help-block {
9335   display: block;
9336   margin-bottom: 10px;
9337 }
9338 .help-inline {
9339   display: inline-block;
9340   *display: inline;
9341   /* IE7 inline-block hack */
9342   *zoom: 1;
9343   vertical-align: middle;
9344   padding-left: 5px;
9345 }
9346 .input-append,
9347 .input-prepend {
9348   display: inline-block;
9349   margin-bottom: 10px;
9350   vertical-align: middle;
9351   font-size: 0;
9352   white-space: nowrap;
9353 }
9354 .input-append input,
9355 .input-prepend input,
9356 .input-append select,
9357 .input-prepend select,
9358 .input-append .uneditable-input,
9359 .input-prepend .uneditable-input,
9360 .input-append .dropdown-menu,
9361 .input-prepend .dropdown-menu,
9362 .input-append .popover,
9363 .input-prepend .popover {
9364   font-size: 14px;
9365 }
9366 .input-append input,
9367 .input-prepend input,
9368 .input-append select,
9369 .input-prepend select,
9370 .input-append .uneditable-input,
9371 .input-prepend .uneditable-input {
9372   position: relative;
9373   margin-bottom: 0;
9374   *margin-left: 0;
9375   vertical-align: top;
9376   -webkit-border-radius: 0 4px 4px 0;
9377   -moz-border-radius: 0 4px 4px 0;
9378   border-radius: 0 4px 4px 0;
9379 }
9380 .input-append input:focus,
9381 .input-prepend input:focus,
9382 .input-append select:focus,
9383 .input-prepend select:focus,
9384 .input-append .uneditable-input:focus,
9385 .input-prepend .uneditable-input:focus {
9386   z-index: 2;
9387 }
9388 .input-append .add-on,
9389 .input-prepend .add-on {
9390   display: inline-block;
9391   width: auto;
9392   height: 20px;
9393   min-width: 16px;
9394   padding: 4px 5px;
9395   font-size: 14px;
9396   font-weight: normal;
9397   line-height: 20px;
9398   text-align: center;
9399   text-shadow: 0 1px 0 #fff;
9400   background-color: #eee;
9401   border: 1px solid #ccc;
9402 }
9403 .input-append .add-on,
9404 .input-prepend .add-on,
9405 .input-append .btn,
9406 .input-prepend .btn,
9407 .input-append .btn-group > .dropdown-toggle,
9408 .input-prepend .btn-group > .dropdown-toggle {
9409   vertical-align: top;
9410   -webkit-border-radius: 0;
9411   -moz-border-radius: 0;
9412   border-radius: 0;
9413 }
9414 .input-append .active,
9415 .input-prepend .active {
9416   background-color: #a9dba9;
9417   border-color: #46a546;
9418 }
9419 .input-prepend .add-on,
9420 .input-prepend .btn {
9421   margin-right: -1px;
9422 }
9423 .input-prepend .add-on:first-child,
9424 .input-prepend .btn:first-child {
9425   -webkit-border-radius: 4px 0 0 4px;
9426   -moz-border-radius: 4px 0 0 4px;
9427   border-radius: 4px 0 0 4px;
9428 }
9429 .input-append input,
9430 .input-append select,
9431 .input-append .uneditable-input {
9432   -webkit-border-radius: 4px 0 0 4px;
9433   -moz-border-radius: 4px 0 0 4px;
9434   border-radius: 4px 0 0 4px;
9435 }
9436 .input-append input + .btn-group .btn:last-child,
9437 .input-append select + .btn-group .btn:last-child,
9438 .input-append .uneditable-input + .btn-group .btn:last-child {
9439   -webkit-border-radius: 0 4px 4px 0;
9440   -moz-border-radius: 0 4px 4px 0;
9441   border-radius: 0 4px 4px 0;
9442 }
9443 .input-append .add-on,
9444 .input-append .btn,
9445 .input-append .btn-group {
9446   margin-left: -1px;
9447 }
9448 .input-append .add-on:last-child,
9449 .input-append .btn:last-child,
9450 .input-append .btn-group:last-child > .dropdown-toggle {
9451   -webkit-border-radius: 0 4px 4px 0;
9452   -moz-border-radius: 0 4px 4px 0;
9453   border-radius: 0 4px 4px 0;
9454 }
9455 .input-prepend.input-append input,
9456 .input-prepend.input-append select,
9457 .input-prepend.input-append .uneditable-input {
9458   -webkit-border-radius: 0;
9459   -moz-border-radius: 0;
9460   border-radius: 0;
9461 }
9462 .input-prepend.input-append input + .btn-group .btn,
9463 .input-prepend.input-append select + .btn-group .btn,
9464 .input-prepend.input-append .uneditable-input + .btn-group .btn {
9465   -webkit-border-radius: 0 4px 4px 0;
9466   -moz-border-radius: 0 4px 4px 0;
9467   border-radius: 0 4px 4px 0;
9468 }
9469 .input-prepend.input-append .add-on:first-child,
9470 .input-prepend.input-append .btn:first-child {
9471   margin-right: -1px;
9472   -webkit-border-radius: 4px 0 0 4px;
9473   -moz-border-radius: 4px 0 0 4px;
9474   border-radius: 4px 0 0 4px;
9475 }
9476 .input-prepend.input-append .add-on:last-child,
9477 .input-prepend.input-append .btn:last-child {
9478   margin-left: -1px;
9479   -webkit-border-radius: 0 4px 4px 0;
9480   -moz-border-radius: 0 4px 4px 0;
9481   border-radius: 0 4px 4px 0;
9482 }
9483 .input-prepend.input-append .btn-group:first-child {
9484   margin-left: 0;
9485 }
9486 input.search-query {
9487   padding-right: 14px;
9488   padding-right: 4px \9;
9489   padding-left: 14px;
9490   padding-left: 4px \9;
9491   /* IE7-8 doesn't have border-radius, so don't indent the padding */
9492   margin-bottom: 0;
9493   -webkit-border-radius: 15px;
9494   -moz-border-radius: 15px;
9495   border-radius: 15px;
9496 }
9497 /* Allow for input prepend/append in search forms */
9498 .form-search .input-append .search-query,
9499 .form-search .input-prepend .search-query {
9500   -webkit-border-radius: 0;
9501   -moz-border-radius: 0;
9502   border-radius: 0;
9503 }
9504 .form-search .input-append .search-query {
9505   -webkit-border-radius: 14px 0 0 14px;
9506   -moz-border-radius: 14px 0 0 14px;
9507   border-radius: 14px 0 0 14px;
9508 }
9509 .form-search .input-append .btn {
9510   -webkit-border-radius: 0 14px 14px 0;
9511   -moz-border-radius: 0 14px 14px 0;
9512   border-radius: 0 14px 14px 0;
9513 }
9514 .form-search .input-prepend .search-query {
9515   -webkit-border-radius: 0 14px 14px 0;
9516   -moz-border-radius: 0 14px 14px 0;
9517   border-radius: 0 14px 14px 0;
9518 }
9519 .form-search .input-prepend .btn {
9520   -webkit-border-radius: 14px 0 0 14px;
9521   -moz-border-radius: 14px 0 0 14px;
9522   border-radius: 14px 0 0 14px;
9523 }
9524 .form-search input,
9525 .form-inline input,
9526 .form-horizontal input,
9527 .form-search textarea,
9528 .form-inline textarea,
9529 .form-horizontal textarea,
9530 .form-search select,
9531 .form-inline select,
9532 .form-horizontal select,
9533 .form-search .help-inline,
9534 .form-inline .help-inline,
9535 .form-horizontal .help-inline,
9536 .form-search .uneditable-input,
9537 .form-inline .uneditable-input,
9538 .form-horizontal .uneditable-input,
9539 .form-search .input-prepend,
9540 .form-inline .input-prepend,
9541 .form-horizontal .input-prepend,
9542 .form-search .input-append,
9543 .form-inline .input-append,
9544 .form-horizontal .input-append {
9545   display: inline-block;
9546   *display: inline;
9547   /* IE7 inline-block hack */
9548   *zoom: 1;
9549   margin-bottom: 0;
9550   vertical-align: middle;
9551 }
9552 .form-search .hide,
9553 .form-inline .hide,
9554 .form-horizontal .hide {
9555   display: none;
9556 }
9557 .form-search label,
9558 .form-inline label,
9559 .form-search .btn-group,
9560 .form-inline .btn-group {
9561   display: inline-block;
9562 }
9563 .form-search .input-append,
9564 .form-inline .input-append,
9565 .form-search .input-prepend,
9566 .form-inline .input-prepend {
9567   margin-bottom: 0;
9568 }
9569 .form-search .radio,
9570 .form-search .checkbox,
9571 .form-inline .radio,
9572 .form-inline .checkbox {
9573   padding-left: 0;
9574   margin-bottom: 0;
9575   vertical-align: middle;
9576 }
9577 .form-search .radio input[type="radio"],
9578 .form-search .checkbox input[type="checkbox"],
9579 .form-inline .radio input[type="radio"],
9580 .form-inline .checkbox input[type="checkbox"] {
9581   float: left;
9582   margin-right: 3px;
9583   margin-left: 0;
9584 }
9585 .control-group {
9586   margin-bottom: 10px;
9587 }
9588 legend + .control-group {
9589   margin-top: 20px;
9590   -webkit-margin-top-collapse: separate;
9591 }
9592 .form-horizontal .control-group {
9593   margin-bottom: 20px;
9594   *zoom: 1;
9595 }
9596 .form-horizontal .control-group:before,
9597 .form-horizontal .control-group:after {
9598   display: table;
9599   content: "";
9600   line-height: 0;
9601 }
9602 .form-horizontal .control-group:after {
9603   clear: both;
9604 }
9605 .form-horizontal .control-label {
9606   float: left;
9607   width: 180px;
9608   padding-top: 5px;
9609   text-align: right;
9610 }
9611 .form-horizontal .controls {
9612   *display: inline-block;
9613   *padding-left: 20px;
9614   margin-left: 200px;
9615   *margin-left: 0;
9616 }
9617 .form-horizontal .controls:first-child {
9618   *padding-left: 200px;
9619 }
9620 .form-horizontal .help-block {
9621   margin-bottom: 0;
9622 }
9623 .form-horizontal input + .help-block,
9624 .form-horizontal select + .help-block,
9625 .form-horizontal textarea + .help-block,
9626 .form-horizontal .uneditable-input + .help-block,
9627 .form-horizontal .input-prepend + .help-block,
9628 .form-horizontal .input-append + .help-block {
9629   margin-top: 10px;
9630 }
9631 .form-horizontal .form-actions {
9632   padding-left: 200px;
9633 }
9634 table {
9635   max-width: 100%;
9636   background-color: transparent;
9637   border-collapse: collapse;
9638   border-spacing: 0;
9639 }
9640 .table {
9641   width: 100%;
9642   margin-bottom: 20px;
9643 }
9644 .table th,
9645 .table td {
9646   padding: 8px;
9647   line-height: 20px;
9648   text-align: left;
9649   vertical-align: top;
9650   border-top: 1px solid #ddd;
9651 }
9652 .table th {
9653   font-weight: bold;
9654 }
9655 .table thead th {
9656   vertical-align: bottom;
9657 }
9658 .table caption + thead tr:first-child th,
9659 .table caption + thead tr:first-child td,
9660 .table colgroup + thead tr:first-child th,
9661 .table colgroup + thead tr:first-child td,
9662 .table thead:first-child tr:first-child th,
9663 .table thead:first-child tr:first-child td {
9664   border-top: 0;
9665 }
9666 .table tbody + tbody {
9667   border-top: 2px solid #ddd;
9668 }
9669 .table .table {
9670   background-color: #fff;
9671 }
9672 .table-condensed th,
9673 .table-condensed td {
9674   padding: 4px 5px;
9675 }
9676 .table-bordered {
9677   border: 1px solid #ddd;
9678   border-collapse: separate;
9679   *border-collapse: collapse;
9680   border-left: 0;
9681   -webkit-border-radius: 4px;
9682   -moz-border-radius: 4px;
9683   border-radius: 4px;
9684 }
9685 .table-bordered th,
9686 .table-bordered td {
9687   border-left: 1px solid #ddd;
9688 }
9689 .table-bordered caption + thead tr:first-child th,
9690 .table-bordered caption + tbody tr:first-child th,
9691 .table-bordered caption + tbody tr:first-child td,
9692 .table-bordered colgroup + thead tr:first-child th,
9693 .table-bordered colgroup + tbody tr:first-child th,
9694 .table-bordered colgroup + tbody tr:first-child td,
9695 .table-bordered thead:first-child tr:first-child th,
9696 .table-bordered tbody:first-child tr:first-child th,
9697 .table-bordered tbody:first-child tr:first-child td {
9698   border-top: 0;
9699 }
9700 .table-bordered thead:first-child tr:first-child > th:first-child,
9701 .table-bordered tbody:first-child tr:first-child > td:first-child,
9702 .table-bordered tbody:first-child tr:first-child > th:first-child {
9703   -webkit-border-top-left-radius: 4px;
9704   -moz-border-radius-topleft: 4px;
9705   border-top-left-radius: 4px;
9706 }
9707 .table-bordered thead:first-child tr:first-child > th:last-child,
9708 .table-bordered tbody:first-child tr:first-child > td:last-child,
9709 .table-bordered tbody:first-child tr:first-child > th:last-child {
9710   -webkit-border-top-right-radius: 4px;
9711   -moz-border-radius-topright: 4px;
9712   border-top-right-radius: 4px;
9713 }
9714 .table-bordered thead:last-child tr:last-child > th:first-child,
9715 .table-bordered tbody:last-child tr:last-child > td:first-child,
9716 .table-bordered tbody:last-child tr:last-child > th:first-child,
9717 .table-bordered tfoot:last-child tr:last-child > td:first-child,
9718 .table-bordered tfoot:last-child tr:last-child > th:first-child {
9719   -webkit-border-bottom-left-radius: 4px;
9720   -moz-border-radius-bottomleft: 4px;
9721   border-bottom-left-radius: 4px;
9722 }
9723 .table-bordered thead:last-child tr:last-child > th:last-child,
9724 .table-bordered tbody:last-child tr:last-child > td:last-child,
9725 .table-bordered tbody:last-child tr:last-child > th:last-child,
9726 .table-bordered tfoot:last-child tr:last-child > td:last-child,
9727 .table-bordered tfoot:last-child tr:last-child > th:last-child {
9728   -webkit-border-bottom-right-radius: 4px;
9729   -moz-border-radius-bottomright: 4px;
9730   border-bottom-right-radius: 4px;
9731 }
9732 .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
9733   -webkit-border-bottom-left-radius: 0;
9734   -moz-border-radius-bottomleft: 0;
9735   border-bottom-left-radius: 0;
9736 }
9737 .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
9738   -webkit-border-bottom-right-radius: 0;
9739   -moz-border-radius-bottomright: 0;
9740   border-bottom-right-radius: 0;
9741 }
9742 .table-bordered caption + thead tr:first-child th:first-child,
9743 .table-bordered caption + tbody tr:first-child td:first-child,
9744 .table-bordered colgroup + thead tr:first-child th:first-child,
9745 .table-bordered colgroup + tbody tr:first-child td:first-child {
9746   -webkit-border-top-left-radius: 4px;
9747   -moz-border-radius-topleft: 4px;
9748   border-top-left-radius: 4px;
9749 }
9750 .table-bordered caption + thead tr:first-child th:last-child,
9751 .table-bordered caption + tbody tr:first-child td:last-child,
9752 .table-bordered colgroup + thead tr:first-child th:last-child,
9753 .table-bordered colgroup + tbody tr:first-child td:last-child {
9754   -webkit-border-top-right-radius: 4px;
9755   -moz-border-radius-topright: 4px;
9756   border-top-right-radius: 4px;
9757 }
9758 .table-striped tbody > tr:nth-child(odd) > td,
9759 .table-striped tbody > tr:nth-child(odd) > th {
9760   background-color: #f9f9f9;
9761 }
9762 .table-hover tbody tr:hover > td,
9763 .table-hover tbody tr:hover > th {
9764   background-color: #f5f5f5;
9765 }
9766 table td[class*="span"],
9767 table th[class*="span"],
9768 .row-fluid table td[class*="span"],
9769 .row-fluid table th[class*="span"] {
9770   display: table-cell;
9771   float: none;
9772   margin-left: 0;
9773 }
9774 .table td.span1,
9775 .table th.span1 {
9776   float: none;
9777   width: 44px;
9778   margin-left: 0;
9779 }
9780 .table td.span2,
9781 .table th.span2 {
9782   float: none;
9783   width: 124px;
9784   margin-left: 0;
9785 }
9786 .table td.span3,
9787 .table th.span3 {
9788   float: none;
9789   width: 204px;
9790   margin-left: 0;
9791 }
9792 .table td.span4,
9793 .table th.span4 {
9794   float: none;
9795   width: 284px;
9796   margin-left: 0;
9797 }
9798 .table td.span5,
9799 .table th.span5 {
9800   float: none;
9801   width: 364px;
9802   margin-left: 0;
9803 }
9804 .table td.span6,
9805 .table th.span6 {
9806   float: none;
9807   width: 444px;
9808   margin-left: 0;
9809 }
9810 .table td.span7,
9811 .table th.span7 {
9812   float: none;
9813   width: 524px;
9814   margin-left: 0;
9815 }
9816 .table td.span8,
9817 .table th.span8 {
9818   float: none;
9819   width: 604px;
9820   margin-left: 0;
9821 }
9822 .table td.span9,
9823 .table th.span9 {
9824   float: none;
9825   width: 684px;
9826   margin-left: 0;
9827 }
9828 .table td.span10,
9829 .table th.span10 {
9830   float: none;
9831   width: 764px;
9832   margin-left: 0;
9833 }
9834 .table td.span11,
9835 .table th.span11 {
9836   float: none;
9837   width: 844px;
9838   margin-left: 0;
9839 }
9840 .table td.span12,
9841 .table th.span12 {
9842   float: none;
9843   width: 924px;
9844   margin-left: 0;
9845 }
9846 .table tbody tr.success > td {
9847   background-color: #dff0d8;
9848 }
9849 .table tbody tr.error > td {
9850   background-color: #f2dede;
9851 }
9852 .table tbody tr.warning > td {
9853   background-color: #fcf8e3;
9854 }
9855 .table tbody tr.info > td {
9856   background-color: #d9edf7;
9857 }
9858 .table-hover tbody tr.success:hover > td {
9859   background-color: #d0e9c6;
9860 }
9861 .table-hover tbody tr.error:hover > td {
9862   background-color: #ebcccc;
9863 }
9864 .table-hover tbody tr.warning:hover > td {
9865   background-color: #faf2cc;
9866 }
9867 .table-hover tbody tr.info:hover > td {
9868   background-color: #c4e3f3;
9869 }
9870 [class^="icon-"],
9871 [class*=" icon-"] {
9872   display: inline-block;
9873   width: 14px;
9874   height: 14px;
9875   *margin-right: .3em;
9876   line-height: 14px;
9877   vertical-align: text-top;
9878   background-image: url("[[pix:theme|glyphicons-halflings]]");
9879   background-position: 14px 14px;
9880   background-repeat: no-repeat;
9881   margin-top: 1px;
9882 }
9883 /* White icons with optional class, or on hover/focus/active states of certain elements */
9884 .icon-white,
9885 .nav-pills > .active > a > [class^="icon-"],
9886 .nav-pills > .active > a > [class*=" icon-"],
9887 .nav-list > .active > a > [class^="icon-"],
9888 .nav-list > .active > a > [class*=" icon-"],
9889 .navbar-inverse .nav > .active > a > [class^="icon-"],
9890 .navbar-inverse .nav > .active > a > [class*=" icon-"],
9891 .dropdown-menu > li > a:hover > [class^="icon-"],
9892 .dropdown-menu > li > a:focus > [class^="icon-"],
9893 .dropdown-menu > li > a:hover > [class*=" icon-"],
9894 .dropdown-menu > li > a:focus > [class*=" icon-"],
9895 .dropdown-menu > .active > a > [class^="icon-"],
9896 .dropdown-menu > .active > a > [class*=" icon-"],
9897 .dropdown-submenu:hover > a > [class^="icon-"],
9898 .dropdown-submenu:focus > a > [class^="icon-"],
9899 .dropdown-submenu:hover > a > [class*=" icon-"],
9900 .dropdown-submenu:focus > a > [class*=" icon-"] {
9901   background-image: url("[[pix:theme|glyphicons-halflings-white]]");
9902 }
9903 .icon-glass {
9904   background-position: 0      0;
9905 }
9906 .icon-music {
9907   background-position: -24px 0;
9908 }
9909 .icon-search {
9910   background-position: -48px 0;
9911 }
9912 .icon-envelope {
9913   background-position: -72px 0;
9914 }
9915 .icon-heart {
9916   background-position: -96px 0;
9917 }
9918 .icon-star {
9919   background-position: -120px 0;
9920 }
9921 .icon-star-empty {
9922   background-position: -144px 0;
9923 }
9924 .icon-user {
9925   background-position: -168px 0;
9926 }
9927 .icon-film {
9928   background-position: -192px 0;
9929 }
9930 .icon-th-large {
9931   background-position: -216px 0;
9932 }
9933 .icon-th {
9934   background-position: -240px 0;
9935 }
9936 .icon-th-list {
9937   background-position: -264px 0;
9938 }
9939 .icon-ok {
9940   background-position: -288px 0;
9941 }
9942 .icon-remove {
9943   background-position: -312px 0;
9944 }
9945 .icon-zoom-in {
9946   background-position: -336px 0;
9947 }
9948 .icon-zoom-out {
9949   background-position: -360px 0;
9950 }
9951 .icon-off {
9952   background-position: -384px 0;
9953 }
9954 .icon-signal {
9955   background-position: -408px 0;
9956 }
9957 .icon-cog {
9958   background-position: -432px 0;
9959 }
9960 .icon-trash {
9961   background-position: -456px 0;
9962 }
9963 .icon-home {
9964   background-position: 0 -24px;
9965 }
9966 .icon-file {
9967   background-position: -24px -24px;
9968 }
9969 .icon-time {
9970   background-position: -48px -24px;
9971 }
9972 .icon-road {
9973   background-position: -72px -24px;
9974 }
9975 .icon-download-alt {
9976   background-position: -96px -24px;
9977 }
9978 .icon-download {
9979   background-position: -120px -24px;
9980 }
9981 .icon-upload {
9982   background-position: -144px -24px;
9983 }
9984 .icon-inbox {
9985   background-position: -168px -24px;
9986 }
9987 .icon-play-circle {
9988   background-position: -192px -24px;
9989 }
9990 .icon-repeat {
9991   background-position: -216px -24px;
9992 }
9993 .icon-refresh {
9994   background-position: -240px -24px;
9995 }
9996 .icon-list-alt {
9997   background-position: -264px -24px;
9998 }
9999 .icon-lock {
10000   background-position: -287px -24px;
10001 }
10002 .icon-flag {
10003   background-position: -312px -24px;
10004 }
10005 .icon-headphones {
10006   background-position: -336px -24px;
10007 }
10008 .icon-volume-off {
10009   background-position: -360px -24px;
10010 }
10011 .icon-volume-down {
10012   background-position: -384px -24px;
10013 }
10014 .icon-volume-up {
10015   background-position: -408px -24px;
10016 }
10017 .icon-qrcode {
10018   background-position: -432px -24px;
10019 }
10020 .icon-barcode {
10021   background-position: -456px -24px;
10022 }
10023 .icon-tag {
10024   background-position: 0 -48px;
10025 }
10026 .icon-tags {
10027   background-position: -25px -48px;
10028 }
10029 .icon-book {
10030   background-position: -48px -48px;
10031 }
10032 .icon-bookmark {
10033   background-position: -72px -48px;
10034 }
10035 .icon-print {
10036   background-position: -96px -48px;
10037 }
10038 .icon-camera {
10039   background-position: -120px -48px;
10040 }
10041 .icon-font {
10042   background-position: -144px -48px;
10043 }
10044 .icon-bold {
10045   background-position: -167px -48px;
10046 }
10047 .icon-italic {
10048   background-position: -192px -48px;
10049 }
10050 .icon-text-height {
10051   background-position: -216px -48px;
10052 }
10053 .icon-text-width {
10054   background-position: -240px -48px;
10055 }
10056 .icon-align-left {
10057   background-position: -264px -48px;
10058 }
10059 .icon-align-center {
10060   background-position: -288px -48px;
10061 }
10062 .icon-align-right {
10063   background-position: -312px -48px;
10064 }
10065 .icon-align-justify {
10066   background-position: -336px -48px;
10067 }
10068 .icon-list {
10069   background-position: -360px -48px;
10070 }
10071 .icon-indent-left {
10072   background-position: -384px -48px;
10073 }
10074 .icon-indent-right {
10075   background-position: -408px -48px;
10076 }
10077 .icon-facetime-video {
10078   background-position: -432px -48px;
10079 }
10080 .icon-picture {
10081   background-position: -456px -48px;
10082 }
10083 .icon-pencil {
10084   background-position: 0 -72px;
10085 }
10086 .icon-map-marker {
10087   background-position: -24px -72px;
10088 }
10089 .icon-adjust {
10090   background-position: -48px -72px;
10091 }
10092 .icon-tint {
10093   background-position: -72px -72px;
10094 }
10095 .icon-edit {
10096   background-position: -96px -72px;
10097 }
10098 .icon-share {
10099   background-position: -120px -72px;
10100 }
10101 .icon-check {
10102   background-position: -144px -72px;
10103 }
10104 .icon-move {
10105   background-position: -168px -72px;
10106 }
10107 .icon-step-backward {
10108   background-position: -192px -72px;
10109 }
10110 .icon-fast-backward {
10111   background-position: -216px -72px;
10112 }
10113 .icon-backward {
10114   background-position: -240px -72px;
10115 }
10116 .icon-play {
10117   background-position: -264px -72px;
10118 }
10119 .icon-pause {
10120   background-position: -288px -72px;
10121 }
10122 .icon-stop {
10123   background-position: -312px -72px;
10124 }
10125 .icon-forward {
10126   background-position: -336px -72px;
10127 }
10128 .icon-fast-forward {
10129   background-position: -360px -72px;
10130 }
10131 .icon-step-forward {
10132   background-position: -384px -72px;
10133 }
10134 .icon-eject {
10135   background-position: -408px -72px;
10136 }
10137 .icon-chevron-left {
10138   background-position: -432px -72px;
10139 }
10140 .icon-chevron-right {
10141   background-position: -456px -72px;
10142 }
10143 .icon-plus-sign {
10144   background-position: 0 -96px;
10145 }
10146 .icon-minus-sign {
10147   background-position: -24px -96px;
10148 }
10149 .icon-remove-sign {
10150   background-position: -48px -96px;
10151 }
10152 .icon-ok-sign {
10153   background-position: -72px -96px;
10154 }
10155 .icon-question-sign {
10156   background-position: -96px -96px;
10157 }
10158 .icon-info-sign {
10159   background-position: -120px -96px;
10160 }
10161 .icon-screenshot {
10162   background-position: -144px -96px;
10163 }
10164 .icon-remove-circle {
10165   background-position: -168px -96px;
10166 }
10167 .icon-ok-circle {
10168   background-position: -192px -96px;
10169 }
10170 .icon-ban-circle {
10171   background-position: -216px -96px;
10172 }
10173 .icon-arrow-left {
10174   background-position: -240px -96px;
10175 }
10176 .icon-arrow-right {
10177   background-position: -264px -96px;
10178 }
10179 .icon-arrow-up {
10180   background-position: -289px -96px;
10181 }
10182 .icon-arrow-down {
10183   background-position: -312px -96px;
10184 }
10185 .icon-share-alt {
10186   background-position: -336px -96px;
10187 }
10188 .icon-resize-full {
10189   background-position: -360px -96px;
10190 }
10191 .icon-resize-small {
10192   background-position: -384px -96px;
10193 }
10194 .icon-plus {
10195   background-position: -408px -96px;
10196 }
10197 .icon-minus {
10198   background-position: -433px -96px;
10199 }
10200 .icon-asterisk {
10201   background-position: -456px -96px;
10202 }
10203 .icon-exclamation-sign {
10204   background-position: 0 -120px;
10205 }
10206 .icon-gift {
10207   background-position: -24px -120px;
10208 }
10209 .icon-leaf {
10210   background-position: -48px -120px;
10211 }
10212 .icon-fire {
10213   background-position: -72px -120px;
10214 }
10215 .icon-eye-open {
10216   background-position: -96px -120px;
10217 }
10218 .icon-eye-close {
10219   background-position: -120px -120px;
10220 }
10221 .icon-warning-sign {
10222   background-position: -144px -120px;
10223 }
10224 .icon-plane {
10225   background-position: -168px -120px;
10226 }
10227 .icon-calendar {
10228   background-position: -192px -120px;
10229 }
10230 .icon-random {
10231   background-position: -216px -120px;
10232   width: 16px;
10233 }
10234 .icon-comment {
10235   background-position: -240px -120px;
10236 }
10237 .icon-magnet {
10238   background-position: -264px -120px;
10239 }
10240 .icon-chevron-up {
10241   background-position: -288px -120px;
10242 }
10243 .icon-chevron-down {
10244   background-position: -313px -119px;
10245 }
10246 .icon-retweet {
10247   background-position: -336px -120px;
10248 }
10249 .icon-shopping-cart {
10250   background-position: -360px -120px;
10251 }
10252 .icon-folder-close {
10253   background-position: -384px -120px;
10254   width: 16px;
10255 }
10256 .icon-folder-open {
10257   background-position: -408px -120px;
10258   width: 16px;
10259 }
10260 .icon-resize-vertical {
10261   background-position: -432px -119px;
10262 }
10263 .icon-resize-horizontal {
10264   background-position: -456px -118px;
10265 }
10266 .icon-hdd {
10267   background-position: 0 -144px;
10268 }
10269 .icon-bullhorn {
10270   background-position: -24px -144px;
10271 }
10272 .icon-bell {
10273   background-position: -48px -144px;
10274 }
10275 .icon-certificate {
10276   background-position: -72px -144px;
10277 }
10278 .icon-thumbs-up {
10279   background-position: -96px -144px;
10280 }
10281 .icon-thumbs-down {
10282   background-position: -120px -144px;
10283 }
10284 .icon-hand-right {
10285   background-position: -144px -144px;
10286 }
10287 .icon-hand-left {
10288   background-position: -168px -144px;
10289 }
10290 .icon-hand-up {
10291   background-position: -192px -144px;
10292 }
10293 .icon-hand-down {
10294   background-position: -216px -144px;
10295 }
10296 .icon-circle-arrow-right {
10297   background-position: -240px -144px;
10298 }
10299 .icon-circle-arrow-left {
10300   background-position: -264px -144px;
10301 }
10302 .icon-circle-arrow-up {
10303   background-position: -288px -144px;
10304 }
10305 .icon-circle-arrow-down {
10306   background-position: -312px -144px;
10307 }
10308 .icon-globe {
10309   background-position: -336px -144px;
10310 }
10311 .icon-wrench {
10312   background-position: -360px -144px;
10313 }
10314 .icon-tasks {
10315   background-position: -384px -144px;
10316 }
10317 .icon-filter {
10318   background-position: -408px -144px;
10319 }
10320 .icon-briefcase {
10321   background-position: -432px -144px;
10322 }
10323 .icon-fullscreen {
10324   background-position: -456px -144px;
10325 }
10326 .dropup,
10327 .dropdown {
10328   position: relative;
10329 }
10330 .dropdown-toggle {
10331   *margin-bottom: -3px;
10332 }
10333 .dropdown-toggle:active,
10334 .open .dropdown-toggle {
10335   outline: 0;
10336 }
10337 .caret {
10338   display: inline-block;
10339   width: 0;
10340   height: 0;
10341   vertical-align: top;
10342   border-top: 4px solid #000;
10343   border-right: 4px solid transparent;
10344   border-left: 4px solid transparent;
10345   content: "";
10346 }
10347 .dropdown .caret {
10348   margin-top: 8px;
10349   margin-left: 2px;
10350 }
10351 .dropdown-menu {
10352   position: absolute;
10353   top: 100%;
10354   left: 0;
10355   z-index: 1000;
10356   display: none;
10357   float: left;
10358   min-width: 160px;
10359   padding: 5px 0;
10360   margin: 2px 0 0;
10361   list-style: none;
10362   background-color: #fff;
10363   border: 1px solid #ccc;
10364   border: 1px solid rgba(0, 0, 0, 0.2);
10365   *border-right-width: 2px;
10366   *border-bottom-width: 2px;
10367   -webkit-border-radius: 6px;
10368   -moz-border-radius: 6px;
10369   border-radius: 6px;
10370   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
10371   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
10372   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
10373   -webkit-background-clip: padding-box;
10374   -moz-background-clip: padding;
10375   background-clip: padding-box;
10376 }
10377 .dropdown-menu.pull-right {
10378   right: 0;
10379   left: auto;
10380 }
10381 .dropdown-menu .divider {
10382   *width: 100%;
10383   height: 1px;
10384   margin: 9px 1px;
10385   *margin: -5px 0 5px;
10386   overflow: hidden;
10387   background-color: #e5e5e5;
10388   border-bottom: 1px solid #fff;
10389 }
10390 .dropdown-menu > li > a {
10391   display: block;
10392   padding: 3px 20px;
10393   clear: both;
10394   font-weight: normal;
10395   line-height: 20px;
10396   color: #333;
10397   white-space: nowrap;
10398 }
10399 .dropdown-menu > li > a:hover,
10400 .dropdown-menu > li > a:focus,
10401 .dropdown-submenu:hover > a,
10402 .dropdown-submenu:focus > a {
10403   text-decoration: none;
10404   color: #fff;
10405   background-color: #00699e;
10406   background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
10407   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
10408   background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
10409   background-image: -o-linear-gradient(top, #0070a8, #005f8f);
10410   background-image: linear-gradient(to bottom, #0070a8, #005f8f);
10411   background-repeat: repeat-x;
10412   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
10413 }
10414 .dropdown-menu > .active > a,
10415 .dropdown-menu > .active > a:hover,
10416 .dropdown-menu > .active > a:focus {
10417   color: #fff;
10418   text-decoration: none;
10419   outline: 0;
10420   background-color: #00699e;
10421   background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
10422   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
10423   background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
10424   background-image: -o-linear-gradient(top, #0070a8, #005f8f);
10425   background-image: linear-gradient(to bottom, #0070a8, #005f8f);
10426   background-repeat: repeat-x;
10427   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
10428 }
10429 .dropdown-menu > .disabled > a,
10430 .dropdown-menu > .disabled > a:hover,
10431 .dropdown-menu > .disabled > a:focus {
10432   color: #999;
10433 }
10434 .dropdown-menu > .disabled > a:hover,
10435 .dropdown-menu > .disabled > a:focus {
10436   text-decoration: none;
10437   background-color: transparent;
10438   background-image: none;
10439   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10440   cursor: default;
10441 }
10442 .open {
10443   *z-index: 1000;
10444 }
10445 .open > .dropdown-menu {
10446   display: block;
10447 }
10448 .dropdown-backdrop {
10449   position: fixed;
10450   left: 0;
10451   right: 0;
10452   bottom: 0;
10453   top: 0;
10454   z-index: 990;
10455 }
10456 .pull-right > .dropdown-menu {
10457   right: 0;
10458   left: auto;
10459 }
10460 .dropup .caret,
10461 .navbar-fixed-bottom .dropdown .caret {
10462   border-top: 0;
10463   border-bottom: 4px solid #000;
10464   content: "";
10465 }
10466 .dropup .dropdown-menu,
10467 .navbar-fixed-bottom .dropdown .dropdown-menu {
10468   top: auto;
10469   bottom: 100%;
10470   margin-bottom: 1px;
10471 }
10472 .dropdown-submenu {
10473   position: relative;
10474 }
10475 .dropdown-submenu > .dropdown-menu {
10476   top: 0;
10477   left: 100%;
10478   margin-top: -6px;
10479   margin-left: -1px;
10480   -webkit-border-radius: 0 6px 6px 6px;
10481   -moz-border-radius: 0 6px 6px 6px;
10482   border-radius: 0 6px 6px 6px;
10483 }
10484 .dropdown-submenu:hover > .dropdown-menu {
10485   display: block;
10486 }
10487 .dropup .dropdown-submenu > .dropdown-menu {
10488   top: auto;
10489   bottom: 0;
10490   margin-top: 0;
10491   margin-bottom: -2px;
10492   -webkit-border-radius: 5px 5px 5px 0;
10493   -moz-border-radius: 5px 5px 5px 0;
10494   border-radius: 5px 5px 5px 0;
10495 }
10496 .dropdown-submenu > a:after {
10497   display: block;
10498   content: " ";
10499   float: right;
10500   width: 0;
10501   height: 0;
10502   border-color: transparent;
10503   border-style: solid;
10504   border-width: 5px 0 5px 5px;
10505   border-left-color: #cccccc;
10506   margin-top: 5px;
10507   margin-right: -10px;
10508 }
10509 .dropdown-submenu:hover > a:after {
10510   border-left-color: #fff;
10511 }
10512 .dropdown-submenu.pull-left {
10513   float: none;
10514 }
10515 .dropdown-submenu.pull-left > .dropdown-menu {
10516   left: -100%;
10517   margin-left: 10px;
10518   -webkit-border-radius: 6px 0 6px 6px;
10519   -moz-border-radius: 6px 0 6px 6px;
10520   border-radius: 6px 0 6px 6px;
10521 }
10522 .dropdown .dropdown-menu .nav-header {
10523   padding-left: 20px;
10524   padding-right: 20px;
10525 }
10526 .typeahead {
10527   z-index: 1051;
10528   margin-top: 2px;
10529   -webkit-border-radius: 4px;
10530   -moz-border-radius: 4px;
10531   border-radius: 4px;
10532 }
10533 .well {
10534   min-height: 20px;
10535   padding: 19px;
10536   margin-bottom: 20px;
10537   background-color: #f5f5f5;
10538   border: 1px solid #e3e3e3;
10539   -webkit-border-radius: 4px;
10540   -moz-border-radius: 4px;
10541   border-radius: 4px;
10542   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
10543   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
10544   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
10545 }
10546 .well blockquote {
10547   border-color: #ddd;
10548   border-color: rgba(0, 0, 0, 0.15);
10549 }
10550 .well-large {
10551   padding: 24px;
10552   -webkit-border-radius: 6px;
10553   -moz-border-radius: 6px;
10554   border-radius: 6px;
10555 }
10556 .well-small {
10557   padding: 9px;
10558   -webkit-border-radius: 3px;
10559   -moz-border-radius: 3px;
10560   border-radius: 3px;
10561 }
10562 .fade {
10563   opacity: 0;
10564   -webkit-transition: opacity 0.15s linear;
10565   -moz-transition: opacity 0.15s linear;
10566   -o-transition: opacity 0.15s linear;
10567   transition: opacity 0.15s linear;
10568 }
10569 .fade.in {
10570   opacity: 1;
10571 }
10572 .collapse {
10573   position: relative;
10574   height: 0;
10575   overflow: hidden;
10576   -webkit-transition: height 0.35s ease;
10577   -moz-transition: height 0.35s ease;
10578   -o-transition: height 0.35s ease;
10579   transition: height 0.35s ease;
10580 }
10581 .collapse.in {
10582   height: auto;
10583 }
10584 .close {
10585   float: right;
10586   font-size: 20px;
10587   font-weight: bold;
10588   line-height: 20px;
10589   color: #000;
10590   text-shadow: 0 1px 0 #ffffff;
10591   opacity: 0.2;
10592   filter: alpha(opacity=20);
10593 }
10594 .close:hover,
10595 .close:focus {
10596   color: #000;
10597   text-decoration: none;
10598   cursor: pointer;
10599   opacity: 0.4;
10600   filter: alpha(opacity=40);
10601 }
10602 button.close {
10603   padding: 0;
10604   cursor: pointer;
10605   background: transparent;
10606   border: 0;
10607   -webkit-appearance: none;
10608 }
10609 .btn {
10610   display: inline-block;
10611   *display: inline;
10612   /* IE7 inline-block hack */
10613   *zoom: 1;
10614   padding: 4px 12px;
10615   margin-bottom: 0;
10616   font-size: 14px;
10617   line-height: 20px;
10618   text-align: center;
10619   vertical-align: middle;
10620   cursor: pointer;
10621   color: #333;
10622   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
10623   background-color: #f5f5f5;
10624   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
10625   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
10626   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
10627   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
10628   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
10629   background-repeat: repeat-x;
10630   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
10631   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
10632   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10633   *background-color: #e6e6e6;
10634   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10635   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10636   border: 1px solid #ccc;
10637   *border: 0;
10638   border-bottom-color: #b3b3b3;
10639   -webkit-border-radius: 4px;
10640   -moz-border-radius: 4px;
10641   border-radius: 4px;
10642   *margin-left: .3em;
10643   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
10644   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
10645   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
10646 }
10647 .btn:hover,
10648 .btn:focus,
10649 .btn:active,
10650 .btn.active,
10651 .btn.disabled,
10652 .btn[disabled] {
10653   color: #333;
10654   background-color: #e6e6e6;
10655   *background-color: #d9d9d9;
10656 }
10657 .btn:active,
10658 .btn.active {
10659   background-color: #cccccc \9;
10660 }
10661 .btn:first-child {
10662   *margin-left: 0;
10663 }
10664 .btn:hover,
10665 .btn:focus {
10666   color: #333;
10667   text-decoration: none;
10668   background-position: 0 -15px;
10669   -webkit-transition: background-position 0.1s linear;
10670   -moz-transition: background-position 0.1s linear;
10671   -o-transition: background-position 0.1s linear;
10672   transition: background-position 0.1s linear;
10673 }
10674 .btn:focus {
10675   outline: thin dotted #333;
10676   outline: 5px auto -webkit-focus-ring-color;
10677   outline-offset: -2px;
10678 }
10679 .btn.active,
10680 .btn:active {
10681   background-image: none;
10682   outline: 0;
10683   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
10684   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
10685   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
10686 }
10687 .btn.disabled,
10688 .btn[disabled] {
10689   cursor: default;
10690   background-image: none;
10691   opacity: 0.65;
10692   filter: alpha(opacity=65);
10693   -webkit-box-shadow: none;
10694   -moz-box-shadow: none;
10695   box-shadow: none;
10696 }
10697 .btn-large {
10698   padding: 11px 19px;
10699   font-size: 17.5px;
10700   -webkit-border-radius: 6px;
10701   -moz-border-radius: 6px;
10702   border-radius: 6px;
10703 }
10704 .btn-large [class^="icon-"],
10705 .btn-large [class*=" icon-"] {
10706   margin-top: 4px;
10707 }
10708 .btn-small {
10709   padding: 2px 10px;
10710   font-size: 11.9px;
10711   -webkit-border-radius: 3px;
10712   -moz-border-radius: 3px;
10713   border-radius: 3px;
10714 }
10715 .btn-small [class^="icon-"],
10716 .btn-small [class*=" icon-"] {
10717   margin-top: 0;
10718 }
10719 .btn-mini [class^="icon-"],
10720 .btn-mini [class*=" icon-"] {
10721   margin-top: -1px;
10722 }
10723 .btn-mini {
10724   padding: 0 6px;
10725   font-size: 10.5px;
10726   -webkit-border-radius: 3px;
10727   -moz-border-radius: 3px;
10728   border-radius: 3px;
10729 }
10730 .btn-block {
10731   display: block;
10732   width: 100%;
10733   padding-left: 0;
10734   padding-right: 0;
10735   -webkit-box-sizing: border-box;
10736   -moz-box-sizing: border-box;
10737   box-sizing: border-box;
10738 }
10739 .btn-block + .btn-block {
10740   margin-top: 5px;
10741 }
10742 input[type="submit"].btn-block,
10743 input[type="reset"].btn-block,
10744 input[type="button"].btn-block {
10745   width: 100%;
10746 }
10747 .btn-primary.active,
10748 .btn-warning.active,
10749 .btn-danger.active,
10750 .btn-success.active,
10751 .btn-info.active,
10752 .btn-inverse.active {
10753   color: rgba(255, 255, 255, 0.75);
10754 }
10755 .btn-primary {
10756   color: #fff;
10757   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
10758   background-color: #005aa8;
10759   background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
10760   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
10761   background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
10762   background-image: -o-linear-gradient(top, #0070a8, #0038a8);
10763   background-image: linear-gradient(to bottom, #0070a8, #0038a8);
10764   background-repeat: repeat-x;
10765   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
10766   border-color: #0038a8 #0038a8 #001e5c;
10767   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10768   *background-color: #0038a8;
10769   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10770   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10771 }
10772 .btn-primary:hover,
10773 .btn-primary:focus,
10774 .btn-primary:active,
10775 .btn-primary.active,
10776 .btn-primary.disabled,
10777 .btn-primary[disabled] {
10778   color: #fff;
10779   background-color: #0038a8;
10780   *background-color: #002f8f;
10781 }
10782 .btn-primary:active,
10783 .btn-primary.active {
10784   background-color: #002775 \9;
10785 }
10786 .btn-warning {
10787   color: #fff;
10788   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
10789   background-color: #faa732;
10790   background-image: -moz-linear-gradient(top, #fbb450, #f89406);
10791   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
10792   background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
10793   background-image: -o-linear-gradient(top, #fbb450, #f89406);
10794   background-image: linear-gradient(to bottom, #fbb450, #f89406);
10795   background-repeat: repeat-x;
10796   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
10797   border-color: #f89406 #f89406 #ad6704;
10798   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10799   *background-color: #f89406;
10800   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10801   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10802 }
10803 .btn-warning:hover,
10804 .btn-warning:focus,
10805 .btn-warning:active,
10806 .btn-warning.active,
10807 .btn-warning.disabled,
10808 .btn-warning[disabled] {
10809   color: #fff;
10810   background-color: #f89406;
10811   *background-color: #df8505;
10812 }
10813 .btn-warning:active,
10814 .btn-warning.active {
10815   background-color: #c67605 \9;
10816 }
10817 .btn-danger {
10818   color: #fff;
10819   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
10820   background-color: #da4f49;
10821   background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
10822   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
10823   background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
10824   background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
10825   background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
10826   background-repeat: repeat-x;
10827   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
10828   border-color: #bd362f #bd362f #802420;
10829   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10830   *background-color: #bd362f;
10831   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10832   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10833 }
10834 .btn-danger:hover,
10835 .btn-danger:focus,
10836 .btn-danger:active,
10837 .btn-danger.active,
10838 .btn-danger.disabled,
10839 .btn-danger[disabled] {
10840   color: #fff;
10841   background-color: #bd362f;
10842   *background-color: #a9302a;
10843 }
10844 .btn-danger:active,
10845 .btn-danger.active {
10846   background-color: #942a25 \9;
10847 }
10848 .btn-success {
10849   color: #fff;
10850   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
10851   background-color: #5bb75b;
10852   background-image: -moz-linear-gradient(top, #62c462, #51a351);
10853   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
10854   background-image: -webkit-linear-gradient(top, #62c462, #51a351);
10855   background-image: -o-linear-gradient(top, #62c462, #51a351);
10856   background-image: linear-gradient(to bottom, #62c462, #51a351);
10857   background-repeat: repeat-x;
10858   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
10859   border-color: #51a351 #51a351 #387038;
10860   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10861   *background-color: #51a351;
10862   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10863   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10864 }
10865 .btn-success:hover,
10866 .btn-success:focus,
10867 .btn-success:active,
10868 .btn-success.active,
10869 .btn-success.disabled,
10870 .btn-success[disabled] {
10871   color: #fff;
10872   background-color: #51a351;
10873   *background-color: #499249;
10874 }
10875 .btn-success:active,
10876 .btn-success.active {
10877   background-color: #408140 \9;
10878 }
10879 .btn-info {
10880   color: #fff;
10881   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
10882   background-color: #49afcd;
10883   background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
10884   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
10885   background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
10886   background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
10887   background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
10888   background-repeat: repeat-x;
10889   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
10890   border-color: #2f96b4 #2f96b4 #1f6377;
10891   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10892   *background-color: #2f96b4;
10893   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10894   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10895 }
10896 .btn-info:hover,
10897 .btn-info:focus,
10898 .btn-info:active,
10899 .btn-info.active,
10900 .btn-info.disabled,
10901 .btn-info[disabled] {
10902   color: #fff;
10903   background-color: #2f96b4;
10904   *background-color: #2a85a0;
10905 }
10906 .btn-info:active,
10907 .btn-info.active {
10908   background-color: #24748c \9;
10909 }
10910 .btn-inverse {
10911   color: #fff;
10912   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
10913   background-color: #363636;
10914   background-image: -moz-linear-gradient(top, #444, #222);
10915   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
10916   background-image: -webkit-linear-gradient(top, #444, #222);
10917   background-image: -o-linear-gradient(top, #444, #222);
10918   background-image: linear-gradient(to bottom, #444, #222);
10919   background-repeat: repeat-x;
10920   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
10921   border-color: #222 #222 #000000;
10922   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
10923   *background-color: #222;
10924   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
10925   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
10926 }
10927 .btn-inverse:hover,
10928 .btn-inverse:focus,
10929 .btn-inverse:active,
10930 .btn-inverse.active,
10931 .btn-inverse.disabled,
10932 .btn-inverse[disabled] {
10933   color: #fff;
10934   background-color: #222;
10935   *background-color: #151515;
10936 }
10937 .btn-inverse:active,
10938 .btn-inverse.active {
10939   background-color: #080808 \9;
10940 }
10941 button.btn,
10942 input[type="submit"].btn {
10943   *padding-top: 3px;
10944   *padding-bottom: 3px;
10945 }
10946 button.btn::-moz-focus-inner,
10947 input[type="submit"].btn::-moz-focus-inner {
10948   padding: 0;
10949   border: 0;
10950 }
10951 button.btn.btn-large,
10952 input[type="submit"].btn.btn-large {
10953   *padding-top: 7px;
10954   *padding-bottom: 7px;
10955 }
10956 button.btn.btn-small,
10957 input[type="submit"].btn.btn-small {
10958   *padding-top: 3px;
10959   *padding-bottom: 3px;
10960 }
10961 button.btn.btn-mini,
10962 input[type="submit"].btn.btn-mini {
10963   *padding-top: 1px;
10964   *padding-bottom: 1px;
10965 }
10966 .btn-link,
10967 .btn-link:active,
10968 .btn-link[disabled] {
10969   background-color: transparent;
10970   background-image: none;
10971   -webkit-box-shadow: none;
10972   -moz-box-shadow: none;
10973   box-shadow: none;
10974 }
10975 .btn-link {
10976   border-color: transparent;
10977   cursor: pointer;
10978   color: #0070a8;
10979   -webkit-border-radius: 0;
10980   -moz-border-radius: 0;
10981   border-radius: 0;
10982 }
10983 .btn-link:hover,
10984 .btn-link:focus {
10985   color: #003d5c;
10986   text-decoration: underline;
10987   background-color: transparent;
10988 }
10989 .btn-link[disabled]:hover,
10990 .btn-link[disabled]:focus {
10991   color: #333;
10992   text-decoration: none;
10993 }
10994 .btn-group {
10995   position: relative;
10996   display: inline-block;
10997   *display: inline;
10998   /* IE7 inline-block hack */
10999   *zoom: 1;
11000   font-size: 0;
11001   vertical-align: middle;
11002   white-space: nowrap;
11003   *margin-left: .3em;
11004 }
11005 .btn-group:first-child {
11006   *margin-left: 0;
11007 }
11008 .btn-group + .btn-group {
11009   margin-left: 5px;
11010 }
11011 .btn-toolbar {
11012   font-size: 0;
11013   margin-top: 10px;
11014   margin-bottom: 10px;
11015 }
11016 .btn-toolbar > .btn + .btn,
11017 .btn-toolbar > .btn-group + .btn,
11018 .btn-toolbar > .btn + .btn-group {
11019   margin-left: 5px;
11020 }
11021 .btn-group > .btn {
11022   position: relative;
11023   -webkit-border-radius: 0;
11024   -moz-border-radius: 0;
11025   border-radius: 0;
11026 }
11027 .btn-group > .btn + .btn {
11028   margin-left: -1px;
11029 }
11030 .btn-group > .btn,
11031 .btn-group > .dropdown-menu,
11032 .btn-group > .popover {
11033   font-size: 14px;
11034 }
11035 .btn-group > .btn-mini {
11036   font-size: 10.5px;
11037 }
11038 .btn-group > .btn-small {
11039   font-size: 11.9px;
11040 }
11041 .btn-group > .btn-large {
11042   font-size: 17.5px;
11043 }
11044 .btn-group > .btn:first-child {
11045   margin-left: 0;
11046   -webkit-border-top-left-radius: 4px;
11047   -moz-border-radius-topleft: 4px;
11048   border-top-left-radius: 4px;
11049   -webkit-border-bottom-left-radius: 4px;
11050   -moz-border-radius-bottomleft: 4px;
11051   border-bottom-left-radius: 4px;
11052 }
11053 .btn-group > .btn:last-child,
11054 .btn-group > .dropdown-toggle {
11055   -webkit-border-top-right-radius: 4px;
11056   -moz-border-radius-topright: 4px;
11057   border-top-right-radius: 4px;
11058   -webkit-border-bottom-right-radius: 4px;
11059   -moz-border-radius-bottomright: 4px;
11060   border-bottom-right-radius: 4px;
11061 }
11062 .btn-group > .btn.large:first-child {
11063   margin-left: 0;
11064   -webkit-border-top-left-radius: 6px;
11065   -moz-border-radius-topleft: 6px;
11066   border-top-left-radius: 6px;
11067   -webkit-border-bottom-left-radius: 6px;
11068   -moz-border-radius-bottomleft: 6px;
11069   border-bottom-left-radius: 6px;
11070 }
11071 .btn-group > .btn.large:last-child,
11072 .btn-group > .large.dropdown-toggle {
11073   -webkit-border-top-right-radius: 6px;
11074   -moz-border-radius-topright: 6px;
11075   border-top-right-radius: 6px;
11076   -webkit-border-bottom-right-radius: 6px;
11077   -moz-border-radius-bottomright: 6px;
11078   border-bottom-right-radius: 6px;
11079 }
11080 .btn-group > .btn:hover,
11081 .btn-group > .btn:focus,
11082 .btn-group > .btn:active,
11083 .btn-group > .btn.active {
11084   z-index: 2;
11085 }
11086 .btn-group .dropdown-toggle:active,
11087 .btn-group.open .dropdown-toggle {
11088   outline: 0;
11089 }
11090 .btn-group > .btn + .dropdown-toggle {
11091   padding-left: 8px;
11092   padding-right: 8px;
11093   -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
11094   -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
11095   box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
11096   *padding-top: 5px;
11097   *padding-bottom: 5px;
11098 }
11099 .btn-group > .btn-mini + .dropdown-toggle {
11100   padding-left: 5px;
11101   padding-right: 5px;
11102   *padding-top: 2px;
11103   *padding-bottom: 2px;
11104 }
11105 .btn-group > .btn-small + .dropdown-toggle {
11106   *padding-top: 5px;
11107   *padding-bottom: 4px;
11108 }
11109 .btn-group > .btn-large + .dropdown-toggle {
11110   padding-left: 12px;
11111   padding-right: 12px;
11112   *padding-top: 7px;
11113   *padding-bottom: 7px;
11114 }
11115 .btn-group.open .dropdown-toggle {
11116   background-image: none;
11117   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
11118   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
11119   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
11120 }
11121 .btn-group.open .btn.dropdown-toggle {
11122   background-color: #e6e6e6;
11123 }
11124 .btn-group.open .btn-primary.dropdown-toggle {
11125   background-color: #0038a8;
11126 }
11127 .btn-group.open .btn-warning.dropdown-toggle {
11128   background-color: #f89406;
11129 }
11130 .btn-group.open .btn-danger.dropdown-toggle {
11131   background-color: #bd362f;
11132 }
11133 .btn-group.open .btn-success.dropdown-toggle {
11134   background-color: #51a351;
11135 }
11136 .btn-group.open .btn-info.dropdown-toggle {
11137   background-color: #2f96b4;
11138 }
11139 .btn-group.open .btn-inverse.dropdown-toggle {
11140   background-color: #222;
11141 }
11142 .btn .caret {
11143   margin-top: 8px;
11144   margin-left: 0;
11145 }
11146 .btn-large .caret {
11147   margin-top: 6px;
11148 }
11149 .btn-large .caret {
11150   border-left-width: 5px;
11151   border-right-width: 5px;
11152   border-top-width: 5px;
11153 }
11154 .btn-mini .caret,
11155 .btn-small .caret {
11156   margin-top: 8px;
11157 }
11158 .dropup .btn-large .caret {
11159   border-bottom-width: 5px;
11160 }
11161 .btn-primary .caret,
11162 .btn-warning .caret,
11163 .btn-danger .caret,
11164 .btn-info .caret,
11165 .btn-success .caret,
11166 .btn-inverse .caret {
11167   border-top-color: #fff;
11168   border-bottom-color: #fff;
11169 }
11170 .btn-group-vertical {
11171   display: inline-block;
11172   *display: inline;
11173   /* IE7 inline-block hack */
11174   *zoom: 1;
11175 }
11176 .btn-group-vertical > .btn {
11177   display: block;
11178   float: none;
11179   max-width: 100%;
11180   -webkit-border-radius: 0;
11181   -moz-border-radius: 0;
11182   border-radius: 0;
11183 }
11184 .btn-group-vertical > .btn + .btn {
11185   margin-left: 0;
11186   margin-top: -1px;
11187 }
11188 .btn-group-vertical > .btn:first-child {
11189   -webkit-border-radius: 4px 4px 0 0;
11190   -moz-border-radius: 4px 4px 0 0;
11191   border-radius: 4px 4px 0 0;
11192 }
11193 .btn-group-vertical > .btn:last-child {
11194   -webkit-border-radius: 0 0 4px 4px;
11195   -moz-border-radius: 0 0 4px 4px;
11196   border-radius: 0 0 4px 4px;
11197 }
11198 .btn-group-vertical > .btn-large:first-child {
11199   -webkit-border-radius: 6px 6px 0 0;
11200   -moz-border-radius: 6px 6px 0 0;
11201   border-radius: 6px 6px 0 0;
11202 }
11203 .btn-group-vertical > .btn-large:last-child {
11204   -webkit-border-radius: 0 0 6px 6px;
11205   -moz-border-radius: 0 0 6px 6px;
11206   border-radius: 0 0 6px 6px;
11207 }
11208 .alert {
11209   padding: 8px 35px 8px 14px;
11210   margin-bottom: 20px;
11211   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
11212   background-color: #fcf8e3;
11213   border: 1px solid #fbeed5;
11214   -webkit-border-radius: 4px;
11215   -moz-border-radius: 4px;
11216   border-radius: 4px;
11217 }
11218 .alert,
11219 .alert h4 {
11220   color: #8a6d3b;
11221 }
11222 .alert h4 {
11223   margin: 0;
11224 }
11225 .alert .close {
11226   position: relative;
11227   top: -2px;
11228   right: -21px;
11229   line-height: 20px;
11230 }
11231 .alert-success {
11232   background-color: #dff0d8;
11233   border-color: #d6e9c6;
11234   color: #468847;
11235 }
11236 .alert-success h4 {
11237   color: #468847;
11238 }
11239 .alert-danger,
11240 .alert-error {
11241   background-color: #f2dede;
11242   border-color: #eed3d7;
11243   color: #b94a48;
11244 }
11245 .alert-danger h4,
11246 .alert-error h4 {
11247   color: #b94a48;
11248 }
11249 .alert-info {
11250   background-color: #d9edf7;
11251   border-color: #bce8f1;
11252   color: #3a87ad;
11253 }
11254 .alert-info h4 {
11255   color: #3a87ad;
11256 }
11257 .alert-block {
11258   padding-top: 14px;
11259   padding-bottom: 14px;
11260 }
11261 .alert-block > p,
11262 .alert-block > ul {
11263   margin-bottom: 0;
11264 }
11265 .alert-block p + p {
11266   margin-top: 5px;
11267 }
11268 .nav {
11269   margin-left: 0;
11270   margin-bottom: 20px;
11271   list-style: none;
11272 }
11273 .nav > li > a {
11274   display: block;
11275 }
11276 .nav > li > a:hover,
11277 .nav > li > a:focus {
11278   text-decoration: none;
11279   background-color: #eee;
11280 }
11281 .nav > li > a > img {
11282   max-width: none;
11283 }
11284 .nav > .pull-right {
11285   float: right;
11286 }
11287 .nav-header {
11288   display: block;
11289   padding: 3px 15px;
11290   font-size: 11px;
11291   font-weight: bold;
11292   line-height: 20px;
11293   color: #999;
11294   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
11295   text-transform: uppercase;
11296 }
11297 .nav li + .nav-header {
11298   margin-top: 9px;
11299 }
11300 .nav-list {
11301   padding-left: 15px;
11302   padding-right: 15px;
11303   margin-bottom: 0;
11304 }
11305 .nav-list > li > a,
11306 .nav-list .nav-header {
11307   margin-left: -15px;
11308   margin-right: -15px;
11309   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
11310 }
11311 .nav-list > li > a {
11312   padding: 3px 15px;
11313 }
11314 .nav-list > .active > a,
11315 .nav-list > .active > a:hover,
11316 .nav-list > .active > a:focus {
11317   color: #fff;
11318   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
11319   background-color: #0070a8;
11320 }
11321 .nav-list [class^="icon-"],
11322 .nav-list [class*=" icon-"] {
11323   margin-right: 2px;
11324 }
11325 .nav-list .divider {
11326   *width: 100%;
11327   height: 1px;
11328   margin: 9px 1px;
11329   *margin: -5px 0 5px;
11330   overflow: hidden;
11331   background-color: #e5e5e5;
11332   border-bottom: 1px solid #fff;
11333 }
11334 .nav-tabs,
11335 .nav-pills {
11336   *zoom: 1;
11337 }
11338 .nav-tabs:before,
11339 .nav-pills:before,
11340 .nav-tabs:after,
11341 .nav-pills:after {
11342   display: table;
11343   content: "";
11344   line-height: 0;
11345 }
11346 .nav-tabs:after,
11347 .nav-pills:after {
11348   clear: both;
11349 }
11350 .nav-tabs > li,
11351 .nav-pills > li {
11352   float: left;
11353 }
11354 .nav-tabs > li > a,
11355 .nav-pills > li > a {
11356   padding-right: 12px;
11357   padding-left: 12px;
11358   margin-right: 2px;
11359   line-height: 14px;
11360 }
11361 .nav-tabs {
11362   border-bottom: 1px solid #ddd;
11363 }
11364 .nav-tabs > li {
11365   margin-bottom: -1px;
11366 }
11367 .nav-tabs > li > a {
11368   padding-top: 8px;
11369   padding-bottom: 8px;
11370   line-height: 20px;
11371   border: 1px solid transparent;
11372   -webkit-border-radius: 4px 4px 0 0;
11373   -moz-border-radius: 4px 4px 0 0;
11374   border-radius: 4px 4px 0 0;
11375 }
11376 .nav-tabs > li > a:hover,
11377 .nav-tabs > li > a:focus {
11378   border-color: #eee #eee #ddd;
11379 }
11380 .nav-tabs > .active > a,
11381 .nav-tabs > .active > a:hover,
11382 .nav-tabs > .active > a:focus {
11383   color: #555;
11384   background-color: #fff;
11385   border: 1px solid #ddd;
11386   border-bottom-color: transparent;
11387   cursor: default;
11388 }
11389 .nav-pills > li > a {
11390   padding-top: 8px;
11391   padding-bottom: 8px;
11392   margin-top: 2px;
11393   margin-bottom: 2px;
11394   -webkit-border-radius: 5px;
11395   -moz-border-radius: 5px;
11396   border-radius: 5px;
11397 }
11398 .nav-pills > .active > a,
11399 .nav-pills > .active > a:hover,
11400 .nav-pills > .active > a:focus {
11401   color: #fff;
11402   background-color: #0070a8;
11403 }
11404 .nav-stacked > li {
11405   float: none;
11406 }
11407 .nav-stacked > li > a {
11408   margin-right: 0;
11409 }
11410 .nav-tabs.nav-stacked {
11411   border-bottom: 0;
11412 }
11413 .nav-tabs.nav-stacked > li > a {
11414   border: 1px solid #ddd;
11415   -webkit-border-radius: 0;
11416   -moz-border-radius: 0;
11417   border-radius: 0;
11418 }
11419 .nav-tabs.nav-stacked > li:first-child > a {
11420   -webkit-border-top-right-radius: 4px;
11421   -moz-border-radius-topright: 4px;
11422   border-top-right-radius: 4px;
11423   -webkit-border-top-left-radius: 4px;
11424   -moz-border-radius-topleft: 4px;
11425   border-top-left-radius: 4px;
11426 }
11427 .nav-tabs.nav-stacked > li:last-child > a {
11428   -webkit-border-bottom-right-radius: 4px;
11429   -moz-border-radius-bottomright: 4px;
11430   border-bottom-right-radius: 4px;
11431   -webkit-border-bottom-left-radius: 4px;
11432   -moz-border-radius-bottomleft: 4px;
11433   border-bottom-left-radius: 4px;
11434 }
11435 .nav-tabs.nav-stacked > li > a:hover,
11436 .nav-tabs.nav-stacked > li > a:focus {
11437   border-color: #ddd;
11438   z-index: 2;
11439 }
11440 .nav-pills.nav-stacked > li > a {
11441   margin-bottom: 3px;
11442 }
11443 .nav-pills.nav-stacked > li:last-child > a {
11444   margin-bottom: 1px;
11445 }
11446 .nav-tabs .dropdown-menu {
11447   -webkit-border-radius: 0 0 6px 6px;
11448   -moz-border-radius: 0 0 6px 6px;
11449   border-radius: 0 0 6px 6px;
11450 }
11451 .nav-pills .dropdown-menu {
11452   -webkit-border-radius: 6px;
11453   -moz-border-radius: 6px;
11454   border-radius: 6px;
11455 }
11456 .nav .dropdown-toggle .caret {
11457   border-top-color: #0070a8;
11458   border-bottom-color: #0070a8;
11459   margin-top: 6px;
11460 }
11461 .nav .dropdown-toggle:hover .caret,
11462 .nav .dropdown-toggle:focus .caret {
11463   border-top-color: #003d5c;
11464   border-bottom-color: #003d5c;
11465 }
11466 /* move down carets for tabs */
11467 .nav-tabs .dropdown-toggle .caret {
11468   margin-top: 8px;
11469 }
11470 .nav .active .dropdown-toggle .caret {
11471   border-top-color: #fff;
11472   border-bottom-color: #fff;
11473 }
11474 .nav-tabs .active .dropdown-toggle .caret {
11475   border-top-color: #555;
11476   border-bottom-color: #555;
11477 }
11478 .nav > .dropdown.active > a:hover,
11479 .nav > .dropdown.active > a:focus {
11480   cursor: pointer;
11481 }
11482 .nav-tabs .open .dropdown-toggle,
11483 .nav-pills .open .dropdown-toggle,
11484 .nav > li.dropdown.open.active > a:hover,
11485 .nav > li.dropdown.open.active > a:focus {
11486   color: #fff;
11487   background-color: #999;
11488   border-color: #999;
11489 }
11490 .nav li.dropdown.open .caret,
11491 .nav li.dropdown.open.active .caret,
11492 .nav li.dropdown.open a:hover .caret,
11493 .nav li.dropdown.open a:focus .caret {
11494   border-top-color: #fff;
11495   border-bottom-color: #fff;
11496   opacity: 1;
11497   filter: alpha(opacity=100);
11498 }
11499 .tabs-stacked .open > a:hover,
11500 .tabs-stacked .open > a:focus {
11501   border-color: #999;
11502 }
11503 .tabbable {
11504   *zoom: 1;
11505 }
11506 .tabbable:before,
11507 .tabbable:after {
11508   display: table;
11509   content: "";
11510   line-height: 0;
11511 }
11512 .tabbable:after {
11513   clear: both;
11514 }
11515 .tab-content {
11516   overflow: auto;
11517 }
11518 .tabs-below > .nav-tabs,
11519 .tabs-right > .nav-tabs,
11520 .tabs-left > .nav-tabs {
11521   border-bottom: 0;
11522 }
11523 .tab-content > .tab-pane,
11524 .pill-content > .pill-pane {
11525   display: none;
11526 }
11527 .tab-content > .active,
11528 .pill-content > .active {
11529   display: block;
11530 }
11531 .tabs-below > .nav-tabs {
11532   border-top: 1px solid #ddd;
11533 }
11534 .tabs-below > .nav-tabs > li {
11535   margin-top: -1px;
11536   margin-bottom: 0;
11537 }
11538 .tabs-below > .nav-tabs > li > a {
11539   -webkit-border-radius: 0 0 4px 4px;
11540   -moz-border-radius: 0 0 4px 4px;
11541   border-radius: 0 0 4px 4px;
11542 }
11543 .tabs-below > .nav-tabs > li > a:hover,
11544 .tabs-below > .nav-tabs > li > a:focus {
11545   border-bottom-color: transparent;
11546   border-top-color: #ddd;
11547 }
11548 .tabs-below > .nav-tabs > .active > a,
11549 .tabs-below > .nav-tabs > .active > a:hover,
11550 .tabs-below > .nav-tabs > .active > a:focus {
11551   border-color: transparent #ddd #ddd #ddd;
11552 }
11553 .tabs-left > .nav-tabs > li,
11554 .tabs-right > .nav-tabs > li {
11555   float: none;
11556 }
11557 .tabs-left > .nav-tabs > li > a,
11558 .tabs-right > .nav-tabs > li > a {
11559   min-width: 74px;
11560   margin-right: 0;
11561   margin-bottom: 3px;
11562 }
11563 .tabs-left > .nav-tabs {
11564   float: left;
11565   margin-right: 19px;
11566   border-right: 1px solid #ddd;
11567 }
11568 .tabs-left > .nav-tabs > li > a {
11569   margin-right: -1px;
11570   -webkit-border-radius: 4px 0 0 4px;
11571   -moz-border-radius: 4px 0 0 4px;
11572   border-radius: 4px 0 0 4px;
11573 }
11574 .tabs-left > .nav-tabs > li > a:hover,
11575 .tabs-left > .nav-tabs > li > a:focus {
11576   border-color: #eee #ddd #eee #eee;
11577 }
11578 .tabs-left > .nav-tabs .active > a,
11579 .tabs-left > .nav-tabs .active > a:hover,
11580 .tabs-left > .nav-tabs .active > a:focus {
11581   border-color: #ddd transparent #ddd #ddd;
11582   *border-right-color: #fff;
11583 }
11584 .tabs-right > .nav-tabs {
11585   float: right;
11586   margin-left: 19px;
11587   border-left: 1px solid #ddd;
11588 }
11589 .tabs-right > .nav-tabs > li > a {
11590   margin-left: -1px;
11591   -webkit-border-radius: 0 4px 4px 0;
11592   -moz-border-radius: 0 4px 4px 0;
11593   border-radius: 0 4px 4px 0;
11594 }
11595 .tabs-right > .nav-tabs > li > a:hover,
11596 .tabs-right > .nav-tabs > li > a:focus {
11597   border-color: #eee #eee #eee #ddd;
11598 }
11599 .tabs-right > .nav-tabs .active > a,
11600 .tabs-right > .nav-tabs .active > a:hover,
11601 .tabs-right > .nav-tabs .active > a:focus {
11602   border-color: #ddd #ddd #ddd transparent;
11603   *border-left-color: #fff;
11604 }
11605 .nav > .disabled > a {
11606   color: #999;
11607 }
11608 .nav > .disabled > a:hover,
11609 .nav > .disabled > a:focus {
11610   text-decoration: none;
11611   background-color: transparent;
11612   cursor: default;
11613 }
11614 .navbar {
11615   overflow: visible;
11616   margin-bottom: 20px;
11617   *position: relative;
11618   *z-index: 2;
11619 }
11620 .navbar-inner {
11621   min-height: 40px;
11622   padding-left: 20px;
11623   padding-right: 20px;
11624   background-color: #fafafa;
11625   background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
11626   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
11627   background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
11628   background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
11629   background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
11630   background-repeat: repeat-x;
11631   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
11632   border: 1px solid #d4d4d4;
11633   -webkit-border-radius: 4px;
11634   -moz-border-radius: 4px;
11635   border-radius: 4px;
11636   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
11637   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
11638   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
11639   *zoom: 1;
11640 }
11641 .navbar-inner:before,
11642 .navbar-inner:after {
11643   display: table;
11644   content: "";
11645   line-height: 0;
11646 }
11647 .navbar-inner:after {
11648   clear: both;
11649 }
11650 .navbar .container {
11651   width: auto;
11652 }
11653 .nav-collapse.collapse {
11654   height: auto;
11655   overflow: visible;
11656 }
11657 .navbar .brand {
11658   float: left;
11659   display: block;
11660   padding: 10px 20px 10px;
11661   margin-left: -20px;
11662   font-size: 20px;
11663   font-weight: 200;
11664   color: #777;
11665   text-shadow: 0 1px 0 #ffffff;
11666 }
11667 .navbar .brand:hover,
11668 .navbar .brand:focus {
11669   text-decoration: none;
11670 }
11671 .navbar-text {
11672   margin-bottom: 0;
11673   line-height: 40px;
11674   color: #777;
11675 }
11676 .navbar-link {
11677   color: #777;
11678 }
11679 .navbar-link:hover,
11680 .navbar-link:focus {
11681   color: #333;
11682 }
11683 .navbar .divider-vertical {
11684   height: 40px;
11685   margin: 0 9px;
11686   border-left: 1px solid #f2f2f2;
11687   border-right: 1px solid #ffffff;
11688 }
11689 .navbar .btn,
11690 .navbar .btn-group {
11691   margin-top: 5px;
11692 }
11693 .navbar .btn-group .btn,
11694 .navbar .input-prepend .btn,
11695 .navbar .input-append .btn,
11696 .navbar .input-prepend .btn-group,
11697 .navbar .input-append .btn-group {
11698   margin-top: 0;
11699 }
11700 .navbar-form {
11701   margin-bottom: 0;
11702   *zoom: 1;
11703 }
11704 .navbar-form:before,
11705 .navbar-form:after {
11706   display: table;
11707   content: "";
11708   line-height: 0;
11709 }
11710 .navbar-form:after {
11711   clear: both;
11712 }
11713 .navbar-form input,
11714 .navbar-form select,
11715 .navbar-form .radio,
11716 .navbar-form .checkbox {
11717   margin-top: 5px;
11718 }
11719 .navbar-form input,
11720 .navbar-form select,
11721 .navbar-form .btn {
11722   display: inline-block;
11723   margin-bottom: 0;
11724 }
11725 .navbar-form input[type="image"],
11726 .navbar-form input[type="checkbox"],
11727 .navbar-form input[type="radio"] {
11728   margin-top: 3px;
11729 }
11730 .navbar-form .input-append,
11731 .navbar-form .input-prepend {
11732   margin-top: 5px;
11733   white-space: nowrap;
11734 }
11735 .navbar-form .input-append input,
11736 .navbar-form .input-prepend input {
11737   margin-top: 0;
11738 }
11739 .navbar-search {
11740   position: relative;
11741   float: left;
11742   margin-top: 5px;
11743   margin-bottom: 0;
11744 }
11745 .navbar-search .search-query {
11746   margin-bottom: 0;
11747   padding: 4px 14px;
11748   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
11749   font-size: 13px;
11750   font-weight: normal;
11751   line-height: 1;
11752   -webkit-border-radius: 15px;
11753   -moz-border-radius: 15px;
11754   border-radius: 15px;
11755 }
11756 .navbar-static-top {
11757   position: static;
11758   margin-bottom: 0;
11759 }
11760 .navbar-static-top .navbar-inner {
11761   -webkit-border-radius: 0;
11762   -moz-border-radius: 0;
11763   border-radius: 0;
11764 }
11765 .navbar-fixed-top,
11766 .navbar-fixed-bottom {
11767   position: fixed;
11768   right: 0;
11769   left: 0;
11770   z-index: 1030;
11771   margin-bottom: 0;
11772 }
11773 .navbar-fixed-top .navbar-inner,
11774 .navbar-static-top .navbar-inner {
11775   border-width: 0 0 1px;
11776 }
11777 .navbar-fixed-bottom .navbar-inner {
11778   border-width: 1px 0 0;
11779 }
11780 .navbar-fixed-top .navbar-inner,
11781 .navbar-fixed-bottom .navbar-inner {
11782   padding-left: 0;
11783   padding-right: 0;
11784   -webkit-border-radius: 0;
11785   -moz-border-radius: 0;
11786   border-radius: 0;
11787 }
11788 .navbar-static-top .container,
11789 .navbar-fixed-top .container,
11790 .navbar-fixed-bottom .container {
11791   width: 940px;
11792 }
11793 .navbar-fixed-top {
11794   top: 0;
11795 }
11796 .navbar-fixed-top .navbar-inner,
11797 .navbar-static-top .navbar-inner {
11798   -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
11799   -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
11800   box-shadow: 0 1px 10px rgba(0,0,0,.1);
11801 }
11802 .navbar-fixed-bottom {
11803   bottom: 0;
11804 }
11805 .navbar-fixed-bottom .navbar-inner {
11806   -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
11807   -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
11808   box-shadow: 0 -1px 10px rgba(0,0,0,.1);
11809 }
11810 .navbar .nav {
11811   position: relative;
11812   left: 0;
11813   display: block;
11814   float: left;
11815   margin: 0 10px 0 0;
11816 }
11817 .navbar .nav.pull-right {
11818   float: right;
11819   margin-right: 0;
11820 }
11821 .navbar .nav > li {
11822   float: left;
11823 }
11824 .navbar .nav > li > a {
11825   float: none;
11826   padding: 10px 15px 10px;
11827   color: #777;
11828   text-decoration: none;
11829   text-shadow: 0 1px 0 #ffffff;
11830 }
11831 .navbar .nav .dropdown-toggle .caret {
11832   margin-top: 8px;
11833 }
11834 .navbar .nav > li > a:focus,
11835 .navbar .nav > li > a:hover {
11836   background-color: transparent;
11837   color: #333;
11838   text-decoration: none;
11839 }
11840 .navbar .nav > .active > a,
11841 .navbar .nav > .active > a:hover,
11842 .navbar .nav > .active > a:focus {
11843   color: #555;
11844   text-decoration: none;
11845   background-color: #e5e5e5;
11846   -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
11847   -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
11848   box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
11849 }
11850 .navbar .btn-navbar {
11851   display: none;
11852   float: right;
11853   padding: 7px 10px;
11854   margin-left: 5px;
11855   margin-right: 5px;
11856   color: #fff;
11857   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
11858   background-color: #ededed;
11859   background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
11860   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
11861   background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
11862   background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
11863   background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
11864   background-repeat: repeat-x;
11865   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
11866   border-color: #e5e5e5 #e5e5e5 #bfbfbf;
11867   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
11868   *background-color: #e5e5e5;
11869   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
11870   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
11871   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
11872   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
11873   box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
11874 }
11875 .navbar .btn-navbar:hover,
11876 .navbar .btn-navbar:focus,
11877 .navbar .btn-navbar:active,
11878 .navbar .btn-navbar.active,
11879 .navbar .btn-navbar.disabled,
11880 .navbar .btn-navbar[disabled] {
11881   color: #fff;
11882   background-color: #e5e5e5;
11883   *background-color: #d9d9d9;
11884 }
11885 .navbar .btn-navbar:active,
11886 .navbar .btn-navbar.active {
11887   background-color: #cccccc \9;
11888 }
11889 .navbar .btn-navbar .icon-bar {
11890   display: block;
11891   width: 18px;
11892   height: 2px;
11893   background-color: #f5f5f5;
11894   -webkit-border-radius: 1px;
11895   -moz-border-radius: 1px;
11896   border-radius: 1px;
11897   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
11898   -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
11899   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
11900 }
11901 .btn-navbar .icon-bar + .icon-bar {
11902   margin-top: 3px;
11903 }
11904 .navbar .nav > li > .dropdown-menu:before {
11905   content: '';
11906   display: inline-block;
11907   border-left: 7px solid transparent;
11908   border-right: 7px solid transparent;
11909   border-bottom: 7px solid #ccc;
11910   border-bottom-color: rgba(0, 0, 0, 0.2);
11911   position: absolute;
11912   top: -7px;
11913   left: 9px;
11914 }
11915 .navbar .nav > li > .dropdown-menu:after {
11916   content: '';
11917   display: inline-block;
11918   border-left: 6px solid transparent;
11919   border-right: 6px solid transparent;
11920   border-bottom: 6px solid #fff;
11921   position: absolute;
11922   top: -6px;
11923   left: 10px;
11924 }
11925 .navbar-fixed-bottom .nav > li > .dropdown-menu:before {
11926   border-top: 7px solid #ccc;
11927   border-top-color: rgba(0, 0, 0, 0.2);
11928   border-bottom: 0;
11929   bottom: -7px;
11930   top: auto;
11931 }
11932 .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
11933   border-top: 6px solid #fff;
11934   border-bottom: 0;
11935   bottom: -6px;
11936   top: auto;
11937 }
11938 .navbar .nav li.dropdown > a:hover .caret,
11939 .navbar .nav li.dropdown > a:focus .caret {
11940   border-top-color: #333;
11941   border-bottom-color: #333;
11942 }
11943 .navbar .nav li.dropdown.open > .dropdown-toggle,
11944 .navbar .nav li.dropdown.active > .dropdown-toggle,
11945 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
11946   background-color: #e5e5e5;
11947   color: #555;
11948 }
11949 .navbar .nav li.dropdown > .dropdown-toggle .caret {
11950   border-top-color: #777;
11951   border-bottom-color: #777;
11952 }
11953 .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
11954 .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
11955 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
11956   border-top-color: #555;
11957   border-bottom-color: #555;
11958 }
11959 .navbar .pull-right > li > .dropdown-menu,
11960 .navbar .nav > li > .dropdown-menu.pull-right {
11961   left: auto;
11962   right: 0;
11963 }
11964 .navbar .pull-right > li > .dropdown-menu:before,
11965 .navbar .nav > li > .dropdown-menu.pull-right:before {
11966   left: auto;
11967   right: 12px;
11968 }
11969 .navbar .pull-right > li > .dropdown-menu:after,
11970 .navbar .nav > li > .dropdown-menu.pull-right:after {
11971   left: auto;
11972   right: 13px;
11973 }
11974 .navbar .pull-right > li > .dropdown-menu .dropdown-menu,
11975 .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
11976   left: auto;
11977   right: 100%;
11978   margin-left: 0;
11979   margin-right: -1px;
11980   -webkit-border-radius: 6px 0 6px 6px;
11981   -moz-border-radius: 6px 0 6px 6px;
11982   border-radius: 6px 0 6px 6px;
11983 }
11984 .navbar-inverse .navbar-inner {
11985   background-color: #1b1b1b;
11986   background-image: -moz-linear-gradient(top, #222222, #111111);
11987   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
11988   background-image: -webkit-linear-gradient(top, #222222, #111111);
11989   background-image: -o-linear-gradient(top, #222222, #111111);
11990   background-image: linear-gradient(to bottom, #222222, #111111);
11991   background-repeat: repeat-x;
11992   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
11993   border-color: #252525;
11994 }
11995 .navbar-inverse .brand,
11996 .navbar-inverse .nav > li > a {
11997   color: #999;
11998   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
11999 }
12000 .navbar-inverse .brand:hover,
12001 .navbar-inverse .nav > li > a:hover,
12002 .navbar-inverse .brand:focus,
12003 .navbar-inverse .nav > li > a:focus {
12004   color: #fff;
12005 }
12006 .navbar-inverse .brand {
12007   color: #999;
12008 }
12009 .navbar-inverse .navbar-text {
12010   color: #999;
12011 }
12012 .navbar-inverse .nav > li > a:focus,
12013 .navbar-inverse .nav > li > a:hover {
12014   background-color: transparent;
12015   color: #fff;
12016 }
12017 .navbar-inverse .nav .active > a,
12018 .navbar-inverse .nav .active > a:hover,
12019 .navbar-inverse .nav .active > a:focus {
12020   color: #fff;
12021   background-color: #111111;
12022 }
12023 .navbar-inverse .navbar-link {
12024   color: #999;
12025 }
12026 .navbar-inverse .navbar-link:hover,
12027 .navbar-inverse .navbar-link:focus {
12028   color: #fff;
12029 }
12030 .navbar-inverse .divider-vertical {
12031   border-left-color: #111111;
12032   border-right-color: #222222;
12033 }
12034 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
12035 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
12036 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
12037   background-color: #111111;
12038   color: #fff;
12039 }
12040 .navbar-inverse .nav li.dropdown > a:hover .caret,
12041 .navbar-inverse .nav li.dropdown > a:focus .caret {
12042   border-top-color: #fff;
12043   border-bottom-color: #fff;
12044 }
12045 .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
12046   border-top-color: #999;
12047   border-bottom-color: #999;
12048 }
12049 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
12050 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
12051 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
12052   border-top-color: #fff;
12053   border-bottom-color: #fff;
12054 }
12055 .navbar-inverse .navbar-search .search-query {
12056   color: #fff;
12057   background-color: #515151;
12058   border-color: #111111;
12059   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
12060   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
12061   box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
12062   -webkit-transition: none;
12063   -moz-transition: none;
12064   -o-transition: none;
12065   transition: none;
12066 }
12067 .navbar-inverse .navbar-search .search-query:-moz-placeholder {
12068   color: #ccc;
12069 }
12070 .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
12071   color: #ccc;
12072 }
12073 .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
12074   color: #ccc;
12075 }
12076 .navbar-inverse .navbar-search .search-query:focus,
12077 .navbar-inverse .navbar-search .search-query.focused {
12078   padding: 5px 15px;
12079   color: #333;
12080   text-shadow: 0 1px 0 #fff;
12081   background-color: #fff;
12082   border: 0;
12083   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
12084   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
12085   box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
12086   outline: 0;
12087 }
12088 .navbar-inverse .btn-navbar {
12089   color: #fff;
12090   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
12091   background-color: #0e0e0e;
12092   background-image: -moz-linear-gradient(top, #151515, #040404);
12093   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
12094   background-image: -webkit-linear-gradient(top, #151515, #040404);
12095   background-image: -o-linear-gradient(top, #151515, #040404);
12096   background-image: linear-gradient(to bottom, #151515, #040404);
12097   background-repeat: repeat-x;
12098   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
12099   border-color: #040404 #040404 #000000;
12100   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
12101   *background-color: #040404;
12102   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
12103   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
12104 }
12105 .navbar-inverse .btn-navbar:hover,
12106 .navbar-inverse .btn-navbar:focus,
12107 .navbar-inverse .btn-navbar:active,
12108 .navbar-inverse .btn-navbar.active,
12109 .navbar-inverse .btn-navbar.disabled,
12110 .navbar-inverse .btn-navbar[disabled] {
12111   color: #fff;
12112   background-color: #040404;
12113   *background-color: #000000;
12114 }
12115 .navbar-inverse .btn-navbar:active,
12116 .navbar-inverse .btn-navbar.active {
12117   background-color: #000000 \9;
12118 }
12119 .breadcrumb {
12120   padding: 8px 15px;
12121   margin: 0 0 20px;
12122   list-style: none;
12123   background-color: #f5f5f5;
12124   -webkit-border-radius: 4px;
12125   -moz-border-radius: 4px;
12126   border-radius: 4px;
12127 }
12128 .breadcrumb > li {
12129   display: inline-block;
12130   *display: inline;
12131   /* IE7 inline-block hack */
12132   *zoom: 1;
12133   text-shadow: 0 1px 0 #fff;
12134 }
12135 .breadcrumb > li > .divider {
12136   padding: 0 5px;
12137   color: #ccc;
12138 }
12139 .breadcrumb > .active {
12140   color: #999;
12141 }
12142 .pagination {
12143   margin: 20px 0;
12144 }
12145 .pagination ul {
12146   display: inline-block;
12147   *display: inline;
12148   /* IE7 inline-block hack */
12149   *zoom: 1;
12150   margin-left: 0;
12151   margin-bottom: 0;
12152   -webkit-border-radius: 4px;
12153   -moz-border-radius: 4px;
12154   border-radius: 4px;
12155   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
12156   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
12157   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
12158 }
12159 .pagination ul > li {
12160   display: inline;
12161 }
12162 .pagination ul > li > a,
12163 .pagination ul > li > span {
12164   float: left;
12165   padding: 4px 12px;
12166   line-height: 20px;
12167   text-decoration: none;
12168   background-color: #fff;
12169   border: 1px solid #ddd;
12170   border-left-width: 0;
12171 }
12172 .pagination ul > li > a:hover,
12173 .pagination ul > li > a:focus,
12174 .pagination ul > .active > a,
12175 .pagination ul > .active > span {
12176   background-color: #f5f5f5;
12177 }
12178 .pagination ul > .active > a,
12179 .pagination ul > .active > span {
12180   color: #999;
12181   cursor: default;
12182 }
12183 .pagination ul > .disabled > span,
12184 .pagination ul > .disabled > a,
12185 .pagination ul > .disabled > a:hover,
12186 .pagination ul > .disabled > a:focus {
12187   color: #999;
12188   background-color: transparent;
12189   cursor: default;
12190 }
12191 .pagination ul > li:first-child > a,
12192 .pagination ul > li:first-child > span {
12193   border-left-width: 1px;
12194   -webkit-border-top-left-radius: 4px;
12195   -moz-border-radius-topleft: 4px;
12196   border-top-left-radius: 4px;
12197   -webkit-border-bottom-left-radius: 4px;
12198   -moz-border-radius-bottomleft: 4px;
12199   border-bottom-left-radius: 4px;
12200 }
12201 .pagination ul > li:last-child > a,
12202 .pagination ul > li:last-child > span {
12203   -webkit-border-top-right-radius: 4px;
12204   -moz-border-radius-topright: 4px;
12205   border-top-right-radius: 4px;
12206   -webkit-border-bottom-right-radius: 4px;
12207   -moz-border-radius-bottomright: 4px;
12208   border-bottom-right-radius: 4px;
12209 }
12210 .pagination-centered {
12211   text-align: center;
12212 }
12213 .pagination-right {
12214   text-align: right;
12215 }
12216 .pagination-large ul > li > a,
12217 .pagination-large ul > li > span {
12218   padding: 11px 19px;
12219   font-size: 17.5px;
12220 }
12221 .pagination-large ul > li:first-child > a,
12222 .pagination-large ul > li:first-child > span {
12223   -webkit-border-top-left-radius: 6px;
12224   -moz-border-radius-topleft: 6px;
12225   border-top-left-radius: 6px;
12226   -webkit-border-bottom-left-radius: 6px;
12227   -moz-border-radius-bottomleft: 6px;
12228   border-bottom-left-radius: 6px;
12229 }
12230 .pagination-large ul > li:last-child > a,
12231 .pagination-large ul > li:last-child > span {
12232   -webkit-border-top-right-radius: 6px;
12233   -moz-border-radius-topright: 6px;
12234   border-top-right-radius: 6px;
12235   -webkit-border-bottom-right-radius: 6px;
12236   -moz-border-radius-bottomright: 6px;
12237   border-bottom-right-radius: 6px;
12238 }
12239 .pagination-mini ul > li:first-child > a,
12240 .pagination-small ul > li:first-child > a,
12241 .pagination-mini ul > li:first-child > span,
12242 .pagination-small ul > li:first-child > span {
12243   -webkit-border-top-left-radius: 3px;
12244   -moz-border-radius-topleft: 3px;
12245   border-top-left-radius: 3px;
12246   -webkit-border-bottom-left-radius: 3px;
12247   -moz-border-radius-bottomleft: 3px;
12248   border-bottom-left-radius: 3px;
12249 }
12250 .pagination-mini ul > li:last-child > a,
12251 .pagination-small ul > li:last-child > a,
12252 .pagination-mini ul > li:last-child > span,
12253 .pagination-small ul > li:last-child > span {
12254   -webkit-border-top-right-radius: 3px;
12255   -moz-border-radius-topright: 3px;
12256   border-top-right-radius: 3px;
12257   -webkit-border-bottom-right-radius: 3px;
12258   -moz-border-radius-bottomright: 3px;
12259   border-bottom-right-radius: 3px;
12260 }
12261 .pagination-small ul > li > a,
12262 .pagination-small ul > li > span {
12263   padding: 2px 10px;
12264   font-size: 11.9px;
12265 }
12266 .pagination-mini ul > li > a,
12267 .pagination-mini ul > li > span {
12268   padding: 0 6px;
12269   font-size: 10.5px;
12270 }
12271 .pager {
12272   margin: 20px 0;
12273   list-style: none;
12274   text-align: center;
12275   *zoom: 1;
12276 }
12277 .pager:before,
12278 .pager:after {
12279   display: table;
12280   content: "";
12281   line-height: 0;
12282 }
12283 .pager:after {
12284   clear: both;
12285 }
12286 .pager li {
12287   display: inline;
12288 }
12289 .pager li > a,
12290 .pager li > span {
12291   display: inline-block;
12292   padding: 5px 14px;
12293   background-color: #fff;
12294   border: 1px solid #ddd;
12295   -webkit-border-radius: 15px;
12296   -moz-border-radius: 15px;
12297   border-radius: 15px;
12298 }
12299 .pager li > a:hover,
12300 .pager li > a:focus {
12301   text-decoration: none;
12302   background-color: #f5f5f5;
12303 }
12304 .pager .next > a,
12305 .pager .next > span {
12306   float: right;
12307 }
12308 .pager .previous > a,
12309 .pager .previous > span {
12310   float: left;
12311 }
12312 .pager .disabled > a,
12313 .pager .disabled > a:hover,
12314 .pager .disabled > a:focus,
12315 .pager .disabled > span {
12316   color: #999;
12317   background-color: #fff;
12318   cursor: default;
12319 }
12320 .modal-backdrop {
12321   position: fixed;
12322   top: 0;
12323   right: 0;
12324   bottom: 0;
12325   left: 0;
12326   z-index: 1040;
12327   background-color: #000;
12328 }
12329 .modal-backdrop.fade {
12330   opacity: 0;
12331 }
12332 .modal-backdrop,
12333 .modal-backdrop.fade.in {
12334   opacity: 0.8;
12335   filter: alpha(opacity=80);
12336 }
12337 .modal {
12338   position: fixed;
12339   top: 10%;
12340   left: 50%;
12341   z-index: 1050;
12342   width: 560px;
12343   margin-left: -280px;
12344   background-color: #fff;
12345   border: 1px solid #999;
12346   border: 1px solid rgba(0, 0, 0, 0.3);
12347   *border: 1px solid #999;
12348   /* IE6-7 */
12349   -webkit-border-radius: 6px;
12350   -moz-border-radius: 6px;
12351   border-radius: 6px;
12352   -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
12353   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
12354   box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
12355   -webkit-background-clip: padding-box;
12356   -moz-background-clip: padding-box;
12357   background-clip: padding-box;
12358   outline: none;
12359 }
12360 .modal.fade {
12361   -webkit-transition: opacity .3s linear, top .3s ease-out;
12362   -moz-transition: opacity .3s linear, top .3s ease-out;
12363   -o-transition: opacity .3s linear, top .3s ease-out;
12364   transition: opacity .3s linear, top .3s ease-out;
12365   top: -25%;
12366 }
12367 .modal.fade.in {
12368   top: 10%;
12369 }
12370 .modal-header {
12371   padding: 9px 15px;
12372   border-bottom: 1px solid #eee;
12373 }
12374 .modal-header .close {
12375   margin-top: 2px;
12376 }
12377 .modal-header h3 {
12378   margin: 0;
12379   line-height: 30px;
12380 }
12381 .modal-body {
12382   position: relative;
12383   overflow-y: auto;
12384   max-height: 400px;
12385   padding: 15px;
12386 }
12387 .modal-form {
12388   margin-bottom: 0;
12389 }
12390 .modal-footer {
12391   padding: 14px 15px 15px;
12392   margin-bottom: 0;
12393   text-align: right;
12394   background-color: #f5f5f5;
12395   border-top: 1px solid #ddd;
12396   -webkit-border-radius: 0 0 6px 6px;
12397   -moz-border-radius: 0 0 6px 6px;
12398   border-radius: 0 0 6px 6px;
12399   -webkit-box-shadow: inset 0 1px 0 #fff;
12400   -moz-box-shadow: inset 0 1px 0 #fff;
12401   box-shadow: inset 0 1px 0 #fff;
12402   *zoom: 1;
12403 }
12404 .modal-footer:before,
12405 .modal-footer:after {
12406   display: table;
12407   content: "";
12408   line-height: 0;
12409 }
12410 .modal-footer:after {
12411   clear: both;
12412 }
12413 .modal-footer .btn + .btn {
12414   margin-left: 5px;
12415   margin-bottom: 0;
12416 }
12417 .modal-footer .btn-group .btn + .btn {
12418   margin-left: -1px;
12419 }
12420 .modal-footer .btn-block + .btn-block {
12421   margin-left: 0;
12422 }
12423 .tooltip {
12424   position: absolute;
12425   z-index: 1030;
12426   display: block;
12427   visibility: visible;
12428   font-size: 11px;
12429   line-height: 1.4;
12430   opacity: 0;
12431   filter: alpha(opacity=0);
12432 }
12433 .tooltip.in {
12434   opacity: 0.8;
12435   filter: alpha(opacity=80);
12436 }
12437 .tooltip.top {
12438   margin-top: -3px;
12439   padding: 5px 0;
12440 }
12441 .tooltip.right {
12442   margin-left: 3px;
12443   padding: 0 5px;
12444 }
12445 .tooltip.bottom {
12446   margin-top: 3px;
12447   padding: 5px 0;
12448 }
12449 .tooltip.left {
12450   margin-left: -3px;
12451   padding: 0 5px;
12452 }
12453 .tooltip-inner {
12454   max-width: 200px;
12455   padding: 8px;
12456   color: #fff;
12457   text-align: center;
12458   text-decoration: none;
12459   background-color: #000;
12460   -webkit-border-radius: 4px;
12461   -moz-border-radius: 4px;
12462   border-radius: 4px;
12463 }
12464 .tooltip-arrow {
12465   position: absolute;
12466   width: 0;
12467   height: 0;
12468   border-color: transparent;
12469   border-style: solid;
12470 }
12471 .tooltip.top .tooltip-arrow {
12472   bottom: 0;
12473   left: 50%;
12474   margin-left: -5px;
12475   border-width: 5px 5px 0;
12476   border-top-color: #000;
12477 }
12478 .tooltip.right .tooltip-arrow {
12479   top: 50%;
12480   left: 0;
12481   margin-top: -5px;
12482   border-width: 5px 5px 5px 0;
12483   border-right-color: #000;
12484 }
12485 .tooltip.left .tooltip-arrow {
12486   top: 50%;
12487   right: 0;
12488   margin-top: -5px;
12489   border-width: 5px 0 5px 5px;
12490   border-left-color: #000;
12491 }
12492 .tooltip.bottom .tooltip-arrow {
12493   top: 0;
12494   left: 50%;
12495   margin-left: -5px;
12496   border-width: 0 5px 5px;
12497   border-bottom-color: #000;
12498 }
12499 .popover {
12500   position: absolute;
12501   top: 0;
12502   left: 0;
12503   z-index: 1010;
12504   display: none;
12505   max-width: 276px;
12506   padding: 1px;
12507   text-align: left;
12508   background-color: #fff;
12509   -webkit-background-clip: padding-box;
12510   -moz-background-clip: padding;
12511   background-clip: padding-box;
12512   border: 1px solid #ccc;
12513   border: 1px solid rgba(0, 0, 0, 0.2);
12514   -webkit-border-radius: 6px;
12515   -moz-border-radius: 6px;
12516   border-radius: 6px;
12517   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
12518   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
12519   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
12520   white-space: normal;
12521 }
12522 .popover.top {
12523   margin-top: -10px;
12524 }
12525 .popover.right {
12526   margin-left: 10px;
12527 }
12528 .popover.bottom {
12529   margin-top: 10px;
12530 }
12531 .popover.left {
12532   margin-left: -10px;
12533 }
12534 .popover-title {
12535   margin: 0;
12536   padding: 8px 14px;
12537   font-size: 14px;
12538   font-weight: normal;
12539   line-height: 18px;
12540   background-color: #f7f7f7;
12541   border-bottom: 1px solid #ebebeb;
12542   -webkit-border-radius: 5px 5px 0 0;
12543   -moz-border-radius: 5px 5px 0 0;
12544   border-radius: 5px 5px 0 0;
12545 }
12546 .popover-title:empty {
12547   display: none;
12548 }
12549 .popover-content {
12550   padding: 9px 14px;
12551 }
12552 .popover .arrow,
12553 .popover .arrow:after {
12554   position: absolute;
12555   display: block;
12556   width: 0;
12557   height: 0;
12558   border-color: transparent;
12559   border-style: solid;
12560 }
12561 .popover .arrow {
12562   border-width: 11px;
12563 }
12564 .popover .arrow:after {
12565   border-width: 10px;
12566   content: "";
12567 }
12568 .popover.top .arrow {
12569   left: 50%;
12570   margin-left: -11px;
12571   border-bottom-width: 0;
12572   border-top-color: #999;
12573   border-top-color: rgba(0, 0, 0, 0.25);
12574   bottom: -11px;
12575 }
12576 .popover.top .arrow:after {
12577   bottom: 1px;
12578   margin-left: -10px;
12579   border-bottom-width: 0;
12580   border-top-color: #fff;
12581 }
12582 .popover.right .arrow {
12583   top: 50%;
12584   left: -11px;
12585   margin-top: -11px;
12586   border-left-width: 0;
12587   border-right-color: #999;
12588   border-right-color: rgba(0, 0, 0, 0.25);
12589 }
12590 .popover.right .arrow:after {
12591   left: 1px;
12592   bottom: -10px;
12593   border-left-width: 0;
12594   border-right-color: #fff;
12595 }
12596 .popover.bottom .arrow {
12597   left: 50%;
12598   margin-left: -11px;
12599   border-top-width: 0;
12600   border-bottom-color: #999;
12601   border-bottom-color: rgba(0, 0, 0, 0.25);
12602   top: -11px;
12603 }
12604 .popover.bottom .arrow:after {
12605   top: 1px;
12606   margin-left: -10px;
12607   border-top-width: 0;
12608   border-bottom-color: #fff;
12609 }
12610 .popover.left .arrow {
12611   top: 50%;
12612   right: -11px;
12613   margin-top: -11px;
12614   border-right-width: 0;
12615   border-left-color: #999;
12616   border-left-color: rgba(0, 0, 0, 0.25);
12617 }
12618 .popover.left .arrow:after {
12619   right: 1px;
12620   border-right-width: 0;
12621   border-left-color: #fff;
12622   bottom: -10px;
12623 }
12624 .thumbnails {
12625   margin-left: -20px;
12626   list-style: none;
12627   *zoom: 1;
12628 }
12629 .thumbnails:before,
12630 .thumbnails:after {
12631   display: table;
12632   content: "";
12633   line-height: 0;
12634 }
12635 .thumbnails:after {
12636   clear: both;
12637 }
12638 .row-fluid .thumbnails {
12639   margin-left: 0;
12640 }
12641 .thumbnails > li {
12642   float: left;
12643   margin-bottom: 20px;
12644   margin-left: 20px;
12645 }
12646 .thumbnail {
12647   display: block;
12648   padding: 4px;
12649   line-height: 20px;
12650   border: 1px solid #ddd;
12651   -webkit-border-radius: 4px;
12652   -moz-border-radius: 4px;
12653   border-radius: 4px;
12654   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
12655   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
12656   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
12657   -webkit-transition: all 0.2s ease-in-out;
12658   -moz-transition: all 0.2s ease-in-out;
12659   -o-transition: all 0.2s ease-in-out;
12660   transition: all 0.2s ease-in-out;
12661 }
12662 a.thumbnail:hover,
12663 a.thumbnail:focus {
12664   border-color: #0070a8;
12665   -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
12666   -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
12667   box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
12668 }
12669 .thumbnail > img {
12670   display: block;
12671   max-width: 100%;
12672   margin-left: auto;
12673   margin-right: auto;
12674 }
12675 .thumbnail .caption {
12676   padding: 9px;
12677   color: #555;
12678 }
12679 .media,
12680 .media-body {
12681   overflow: hidden;
12682   *overflow: visible;
12683   zoom: 1;
12684 }
12685 .media,
12686 .media .media {
12687   margin-top: 15px;
12688 }
12689 .media:first-child {
12690   margin-top: 0;
12691 }
12692 .media-object {
12693   display: block;
12694 }
12695 .media-heading {
12696   margin: 0 0 5px;
12697 }
12698 .media > .pull-left {
12699   margin-right: 10px;
12700 }
12701 .media > .pull-right {
12702   margin-left: 10px;
12703 }
12704 .media-list {
12705   margin-left: 0;
12706   list-style: none;
12707 }
12708 .label,
12709 .badge {
12710   display: inline-block;
12711   padding: 2px 4px;
12712   font-size: 11.844px;
12713   font-weight: bold;
12714   line-height: 14px;
12715   color: #fff;
12716   vertical-align: baseline;
12717   white-space: nowrap;
12718   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
12719   background-color: #999;
12720 }
12721 .label {
12722   -webkit-border-radius: 3px;
12723   -moz-border-radius: 3px;
12724   border-radius: 3px;
12725 }
12726 .badge {
12727   padding-left: 9px;
12728   padding-right: 9px;
12729   -webkit-border-radius: 9px;
12730   -moz-border-radius: 9px;
12731   border-radius: 9px;
12732 }
12733 .label:empty,
12734 .badge:empty {
12735   display: none;
12736 }
12737 a.label:hover,
12738 a.label:focus,
12739 a.badge:hover,
12740 a.badge:focus {
12741   color: #fff;
12742   text-decoration: none;
12743   cursor: pointer;
12744 }
12745 .label-important,
12746 .badge-important {
12747   background-color: #b94a48;
12748 }
12749 .label-important[href],
12750 .badge-important[href] {
12751   background-color: #953b39;
12752 }
12753 .label-warning,
12754 .badge-warning {
12755   background-color: #f89406;
12756 }
12757 .label-warning[href],
12758 .badge-warning[href] {
12759   background-color: #c67605;
12760 }
12761 .label-success,
12762 .badge-success {
12763   background-color: #468847;
12764 }
12765 .label-success[href],
12766 .badge-success[href] {
12767   background-color: #356635;
12768 }
12769 .label-info,
12770 .badge-info {
12771   background-color: #3a87ad;
12772 }
12773 .label-info[href],
12774 .badge-info[href] {
12775   background-color: #2d6987;
12776 }
12777 .label-inverse,
12778 .badge-inverse {
12779   background-color: #333;
12780 }
12781 .label-inverse[href],
12782 .badge-inverse[href] {
12783   background-color: #1a1a1a;
12784 }
12785 .btn .label,
12786 .btn .badge {
12787   position: relative;
12788   top: -1px;
12789 }
12790 .btn-mini .label,
12791 .btn-mini .badge {
12792   top: 0;
12793 }
12794 @-webkit-keyframes progress-bar-stripes {
12795   from {
12796     background-position: 40px 0;
12797   }
12798   to {
12799     background-position: 0 0;
12800   }
12801 }
12802 @-moz-keyframes progress-bar-stripes {
12803   from {
12804     background-position: 40px 0;
12805   }
12806   to {
12807     background-position: 0 0;
12808   }
12809 }
12810 @-ms-keyframes progress-bar-stripes {
12811   from {
12812     background-position: 40px 0;
12813   }
12814   to {
12815     background-position: 0 0;
12816   }
12817 }
12818 @-o-keyframes progress-bar-stripes {
12819   from {
12820     background-position: 0 0;
12821   }
12822   to {
12823     background-position: 40px 0;
12824   }
12825 }
12826 @keyframes progress-bar-stripes {
12827   from {
12828     background-position: 40px 0;
12829   }
12830   to {
12831     background-position: 0 0;
12832   }
12833 }
12834 .progress {
12835   overflow: hidden;
12836   height: 20px;
12837   margin-bottom: 20px;
12838   background-color: #f7f7f7;
12839   background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
12840   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
12841   background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
12842   background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
12843   background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
12844   background-repeat: repeat-x;
12845   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
12846   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
12847   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
12848   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
12849   -webkit-border-radius: 4px;
12850   -moz-border-radius: 4px;
12851   border-radius: 4px;
12852 }
12853 .progress .bar {
12854   width: 0%;
12855   height: 100%;
12856   color: #fff;
12857   float: left;
12858   font-size: 12px;
12859   text-align: center;
12860   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
12861   background-color: #0e90d2;
12862   background-image: -moz-linear-gradient(top, #149bdf, #0480be);
12863   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
12864   background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
12865   background-image: -o-linear-gradient(top, #149bdf, #0480be);
12866   background-image: linear-gradient(to bottom, #149bdf, #0480be);
12867   background-repeat: repeat-x;
12868   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
12869   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
12870   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
12871   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
12872   -webkit-box-sizing: border-box;
12873   -moz-box-sizing: border-box;
12874   box-sizing: border-box;
12875   -webkit-transition: width 0.6s ease;
12876   -moz-transition: width 0.6s ease;
12877   -o-transition: width 0.6s ease;
12878   transition: width 0.6s ease;
12879 }
12880 .progress .bar + .bar {
12881   -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
12882   -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
12883   box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
12884 }
12885 .progress-striped .bar {
12886   background-color: #149bdf;
12887   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
12888   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12889   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12890   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12891   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12892   -webkit-background-size: 40px 40px;
12893   -moz-background-size: 40px 40px;
12894   -o-background-size: 40px 40px;
12895   background-size: 40px 40px;
12896 }
12897 .progress.active .bar {
12898   -webkit-animation: progress-bar-stripes 2s linear infinite;
12899   -moz-animation: progress-bar-stripes 2s linear infinite;
12900   -ms-animation: progress-bar-stripes 2s linear infinite;
12901   -o-animation: progress-bar-stripes 2s linear infinite;
12902   animation: progress-bar-stripes 2s linear infinite;
12903 }
12904 .progress-danger .bar,
12905 .progress .bar-danger {
12906   background-color: #dd514c;
12907   background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
12908   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
12909   background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
12910   background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
12911   background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
12912   background-repeat: repeat-x;
12913   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
12914 }
12915 .progress-danger.progress-striped .bar,
12916 .progress-striped .bar-danger {
12917   background-color: #ee5f5b;
12918   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
12919   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12920   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12921   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12922   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12923 }
12924 .progress-success .bar,
12925 .progress .bar-success {
12926   background-color: #5eb95e;
12927   background-image: -moz-linear-gradient(top, #62c462, #57a957);
12928   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
12929   background-image: -webkit-linear-gradient(top, #62c462, #57a957);
12930   background-image: -o-linear-gradient(top, #62c462, #57a957);
12931   background-image: linear-gradient(to bottom, #62c462, #57a957);
12932   background-repeat: repeat-x;
12933   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
12934 }
12935 .progress-success.progress-striped .bar,
12936 .progress-striped .bar-success {
12937   background-color: #62c462;
12938   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
12939   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12940   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12941   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12942   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12943 }
12944 .progress-info .bar,
12945 .progress .bar-info {
12946   background-color: #4bb1cf;
12947   background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
12948   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
12949   background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
12950   background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
12951   background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
12952   background-repeat: repeat-x;
12953   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
12954 }
12955 .progress-info.progress-striped .bar,
12956 .progress-striped .bar-info {
12957   background-color: #5bc0de;
12958   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
12959   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12960   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12961   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12962   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12963 }
12964 .progress-warning .bar,
12965 .progress .bar-warning {
12966   background-color: #faa732;
12967   background-image: -moz-linear-gradient(top, #fbb450, #f89406);
12968   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
12969   background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
12970   background-image: -o-linear-gradient(top, #fbb450, #f89406);
12971   background-image: linear-gradient(to bottom, #fbb450, #f89406);
12972   background-repeat: repeat-x;
12973   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
12974 }
12975 .progress-warning.progress-striped .bar,
12976 .progress-striped .bar-warning {
12977   background-color: #fbb450;
12978   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
12979   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12980   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12981   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12982   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
12983 }
12984 .accordion {
12985   margin-bottom: 20px;
12986 }
12987 .accordion-group {
12988   margin-bottom: 2px;
12989   border: 1px solid #e5e5e5;
12990   -webkit-border-radius: 4px;
12991   -moz-border-radius: 4px;
12992   border-radius: 4px;
12993 }
12994 .accordion-heading {
12995   border-bottom: 0;
12996 }
12997 .accordion-heading .accordion-toggle {
12998   display: block;
12999   padding: 8px 15px;
13000 }
13001 .accordion-toggle {
13002   cursor: pointer;
13003 }
13004 .accordion-inner {
13005   padding: 9px 15px;
13006   border-top: 1px solid #e5e5e5;
13007 }
13008 .carousel {
13009   position: relative;
13010   margin-bottom: 20px;
13011   line-height: 1;
13012 }
13013 .carousel-inner {
13014   overflow: hidden;
13015   width: 100%;
13016   position: relative;
13017 }
13018 .carousel-inner > .item {
13019   display: none;
13020   position: relative;
13021   -webkit-transition: 0.6s ease-in-out left;
13022   -moz-transition: 0.6s ease-in-out left;
13023   -o-transition: 0.6s ease-in-out left;
13024   transition: 0.6s ease-in-out left;
13025 }
13026 .carousel-inner > .item > img,
13027 .carousel-inner > .item > a > img {
13028   display: block;
13029   line-height: 1;
13030 }
13031 .carousel-inner > .active,
13032 .carousel-inner > .next,
13033 .carousel-inner > .prev {
13034   display: block;
13035 }
13036 .carousel-inner > .active {
13037   left: 0;
13038 }
13039 .carousel-inner > .next,
13040 .carousel-inner > .prev {
13041   position: absolute;
13042   top: 0;
13043   width: 100%;
13044 }
13045 .carousel-inner > .next {
13046   left: 100%;
13047 }
13048 .carousel-inner > .prev {
13049   left: -100%;
13050 }
13051 .carousel-inner > .next.left,
13052 .carousel-inner > .prev.right {
13053   left: 0;
13054 }
13055 .carousel-inner > .active.left {
13056   left: -100%;
13057 }
13058 .carousel-inner > .active.right {
13059   left: 100%;
13060 }
13061 .carousel-control {
13062   position: absolute;
13063   top: 40%;
13064   left: 15px;
13065   width: 40px;
13066   height: 40px;
13067   margin-top: -20px;
13068   font-size: 60px;
13069   font-weight: 100;
13070   line-height: 30px;
13071   color: #fff;
13072   text-align: center;
13073   background: #222;
13074   border: 3px solid #fff;
13075   -webkit-border-radius: 23px;
13076   -moz-border-radius: 23px;
13077   border-radius: 23px;
13078   opacity: 0.5;
13079   filter: alpha(opacity=50);
13080 }
13081 .carousel-control.right {
13082   left: auto;
13083   right: 15px;
13084 }
13085 .carousel-control:hover,
13086 .carousel-control:focus {
13087   color: #fff;
13088   text-decoration: none;
13089   opacity: 0.9;
13090   filter: alpha(opacity=90);
13091 }
13092 .carousel-indicators {
13093   position: absolute;
13094   top: 15px;
13095   right: 15px;
13096   z-index: 5;
13097   margin: 0;
13098   list-style: none;
13099 }
13100 .carousel-indicators li {
13101   display: block;
13102   float: left;
13103   width: 10px;
13104   height: 10px;
13105   margin-left: 5px;
13106   text-indent: -999px;
13107   background-color: #ccc;
13108   background-color: rgba(255, 255, 255, 0.25);
13109   border-radius: 5px;
13110 }
13111 .carousel-indicators .active {
13112   background-color: #fff;
13113 }
13114 .carousel-caption {
13115   position: absolute;
13116   left: 0;
13117   right: 0;
13118   bottom: 0;
13119   padding: 15px;
13120   background: #333;
13121   background: rgba(0, 0, 0, 0.75);
13122 }
13123 .carousel-caption h4,
13124 .carousel-caption p {
13125   color: #fff;
13126   line-height: 20px;
13127 }
13128 .carousel-caption h4 {
13129   margin: 0 0 5px;
13130 }
13131 .carousel-caption p {
13132   margin-bottom: 0;
13133 }
13134 .hero-unit {
13135   padding: 60px;
13136   margin-bottom: 30px;
13137   font-size: 18px;
13138   font-weight: 200;
13139   line-height: 30px;
13140   color: inherit;
13141   background-color: #eee;
13142   -webkit-border-radius: 6px;
13143   -moz-border-radius: 6px;
13144   border-radius: 6px;
13145 }
13146 .hero-unit h1 {
13147   margin-bottom: 0;
13148   font-size: 60px;
13149   line-height: 1;
13150   color: inherit;
13151   letter-spacing: -1px;
13152 }
13153 .hero-unit li {
13154   line-height: 30px;
13155 }
13156 .pull-right {
13157   float: right;
13158 }
13159 .pull-left {
13160   float: left;
13161 }
13162 .hide {
13163   display: none;
13164 }
13165 .show {
13166   display: block;
13167 }
13168 .invisible {
13169   visibility: hidden;
13170 }
13171 .affix {
13172   position: fixed;
13173 }
13174 /**
13175  * bootstrapoverride.less
13176  *
13177  * This file is meant to contain rules which specifically override
13178  * rules defined in Bootstrap.
13179 */
13180 h1 {
13181   font-size: 32px;
13182 }
13183 h2 {
13184   font-size: 28px;
13185 }
13186 h3 {
13187   font-size: 24px;
13188 }
13189 h4 {
13190   font-size: 20px;
13191 }
13192 h5 {
13193   font-size: 16px;
13194 }
13195 h6 {
13196   font-size: 12px;
13197 }
13198 h1 small {
13199   font-size: 24px;
13200 }
13201 h2 small {
13202   font-size: 20px;
13203 }
13204 h3 small {
13205   font-size: 16px;
13206 }
13207 h4 small {
13208   font-size: 12px;
13209 }
13210 @media print {
13211   a[href]:after {
13212     content: "";
13213   }
13214 }
13215 /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */
13216 /* stylelint-enable */
13217 /**
13218  * Implement missing variables, or faulty ones, in Bootstrap rules.
13219  *
13220  * Those are minimal overrides of Bootstrap rules to introduce the usage
13221  * of a variable, or to fix a variable being used.
13222  */
13223 legend {
13224   border-bottom-color: #ddd;
13225   color: #333;
13226 }
13227 .breadcrumb {
13228   background-color: #f5f5f5;
13229 }
13230 .well {
13231   border-color: #e3e3e3;
13232 }
13233 sup {
13234   vertical-align: super;
13235 }
13236 sub {
13237   vertical-align: sub;
13238 }
13239 .dropdown-backdrop {
13240   position: static;
13241 }
13242 /* some very targetted corrections to roll back nameclashes between
13243  * Moodle and Bootstrap like .row, .label, .content, .controls
13244  *
13245  * Mostly relies on these styles being more specific than the Bootstrap
13246  * ones in order to overule them.
13247  */
13248 li.activity.label,
13249 .file-picker td.label {
13250   background: inherit;
13251   color: inherit;
13252   border: inherit;
13253   text-shadow: none;
13254   padding: 8px;
13255   white-space: normal;
13256   display: block;
13257   font-size: inherit;
13258   line-height: inherit;
13259 }
13260 .file-picker td.label {
13261   display: table-cell;
13262   text-align: right;
13263 }
13264 .choosercontainer #chooseform .option label {
13265   font-size: 12px;
13266 }
13267 /* block.invisible vs .invisible
13268  * block.hidden vs .invisible
13269  *
13270  * uses .invisible where the rest of Moodle uses .dimmed
13271  * fixible in block renderer?
13272  *
13273  * There's seems to be even more naming confusion here since,
13274  * blocks can be actually 'visible' (or not) to students,
13275  * marked 'visible' but really just dimmed to indicate to editors
13276  * that students can't see them or  'visible' to the user who
13277  * collapses them, 'visible' if you have the right role and in
13278  * different circumstances different sections of a block can
13279  * be 'visible' or not.
13280  *
13281  * currently worked around in renderers.php function block{}
13282  * by rewriting the class name "invisible" to "dimmed",
13283  * though the blocks don't look particularly different apart
13284  * from their contents disappearing. Maybe try .muted? or
13285  * dimming all the edit icons apart from unhide, might be a
13286  * nice effect, though they'd still be active. Maybe reverse
13287  * it to white?
13288  */
13289 li.section.hidden,
13290 .block.hidden,
13291 .block.invisible {
13292   visibility: visible;
13293   display: block;
13294 }
13295 /* .row vs .row
13296  *
13297  * very tricky to track down this when it goes wrong,
13298  * since the styles are applied to generated content
13299  *
13300  * basically if you see things shifted left or right compared
13301  * with where they should be check for a .row
13302  */
13303 #turnitintool_style .row,
13304 .forumpost .row {
13305   margin-left: 0 !important;
13306   /* stylelint-disable-line declaration-no-important */
13307 }
13308 #turnitintool_style .row:before,
13309 #turnitintool_style .row:after,
13310 .forumpost .row:before,
13311 .forumpost .row:after {
13312   content: none;
13313 }
13314 /* fieldset.hidden vs .hidden
13315  *
13316  * Moodle uses fieldset.hidden for mforms, to signify a collection of
13317  * form elements that don't have a box drawn round them. Bootstrap
13318  * uses hidden for stuff that is hidden in various responsive modes.
13319  *
13320  * Relatedly, there is also fieldset.invisiblefieldset which hides the
13321  * border and sets the display to inline.
13322  *
13323  * Originally this just set block and visible, but it is used
13324  * in random question dialogue in Quiz,
13325  * that dialogue is hidden and shown, so when hidden the
13326  * above workaround leaves you with a button floating around
13327  */
13328 fieldset.hidden {
13329   display: inherit;
13330   visibility: inherit;
13331 }
13332 /* .controls vs .controls
13333  *
13334  * in expanding course list, can be fixed in renderer though
13335  */
13336 /* .btn vs .btn
13337  *
13338  * links, inputs and buttons are commonly styled with .btn in
13339  * bootstrap but it seems that some buttons in Moodle are
13340  * wrapped in div.btn e.g. the login block's "login" button
13341  */
13342 div.c1.btn {
13343   display: block;
13344   padding: 0;
13345   margin-bottom: 0;
13346   font-size: inherit;
13347   line-height: inherit;
13348   text-align: inherit;
13349   cursor: default;
13350   color: inherit;
13351   text-shadow: inherit;
13352   background-color: inherit;
13353   background-image: none;
13354   background-repeat: no-repeat;
13355   border: none;
13356   border-radius: 0;
13357   box-shadow: none;
13358 }
13359 /* .container vs .container
13360  *
13361  * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
13362  * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
13363  * it becomes near unuseable.
13364  */
13365 #questionbank + .container {
13366   width: auto;
13367 }
13368 img.hide {
13369   display: inherit;
13370 }
13371 .icon-bar,
13372 img.icon-post,
13373 img.icon-info,
13374 img.icon-warn,
13375 img.icon-pre {
13376   background-image: none;
13377 }
13378 .loginbox.twocolumns .signuppanel,
13379 .loginbox.twocolumns .signuppanel,
13380 .loginbox.twocolumns .loginpanel,
13381 .loginbox.twocolumns .loginpanel {
13382   padding: 0;
13383   margin: 0;
13384 }
13385 .tooltip {
13386   opacity: 1;
13387   filter: alpha(opacity=100);
13388   display: inline;
13389 }
13390 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
13391   display: block;
13392   margin-top: -6px;
13393 }
13394 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
13395 .langmenu.open > .dropdown-menu {
13396   display: block;
13397   max-height: 150px;
13398   overflow-y: auto;
13399 }
13400 ol {
13401   margin: 0 0 10px 2.5em;
13402 }
13403 body {
13404   padding-top: 60px;
13405 }
13406 .block {
13407   min-height: 20px;
13408   padding: 19px;
13409   margin-bottom: 20px;
13410   background-color: #f5f5f5;
13411   border: 1px solid #e3e3e3;
13412   -webkit-border-radius: 4px;
13413   -moz-border-radius: 4px;
13414   border-radius: 4px;
13415   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13416   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13417   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
13418   border-color: #e3e3e3;
13419   padding: 8px 0;
13420 }
13421 .block blockquote {
13422   border-color: #ddd;
13423   border-color: rgba(0, 0, 0, 0.15);
13424 }
13425 .block .header h2 {
13426   display: block;
13427   padding: 3px 15px;
13428   font-size: 11px;
13429   font-weight: bold;
13430   line-height: 20px;
13431   color: #999;
13432   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
13433   text-transform: uppercase;
13434   font-size: 1.1em;
13435   word-wrap: break-word;
13436   margin: 0;
13437 }
13438 .block .header .block_action {
13439   padding: 3px 15px;
13440   float: right;
13441 }
13442 .block .header .block_action > * {
13443   margin-left: 3px;
13444 }
13445 .block .header .block_action .block-hider-show,
13446 .block .header .block_action .block-hider-hide {
13447   cursor: pointer;
13448 }
13449 .block .header .block_action .block-hider-show {
13450   display: none;
13451 }
13452 .block .content {
13453   padding: 4px 14px;
13454   word-wrap: break-word;
13455 }
13456 .block .content h3 {
13457   display: block;
13458   padding: 3px 15px;
13459   font-size: 11px;
13460   font-weight: bold;
13461   line-height: 20px;
13462   color: #999;
13463   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
13464   text-transform: uppercase;
13465   font-size: 1.1em;
13466 }
13467 .block .content hr {
13468   margin: 5px 0;
13469 }
13470 .block .content .userpicture {
13471   width: 16px;
13472   height: 16px;
13473   margin-right: 6px;
13474 }
13475 .block .content .list li.listentry {
13476   clear: both;
13477 }
13478 .block .content .list .c0 {
13479   display: inline;
13480 }
13481 .block .content .list .c1 {
13482   margin-left: 5px;
13483   display: inline;
13484 }
13485 .block .footer {
13486   margin-bottom: 4px;
13487   display: block;
13488   padding: 3px 5px;
13489 }
13490 .block.beingmoved {
13491   border-width: 2px;
13492   border-style: dashed;
13493 }
13494 .block.invisible .header h2 {
13495   opacity: 0.5;
13496   filter: alpha(opacity=50);
13497 }
13498 .block.hidden .header .block_action .block-hider-hide {
13499   display: none;
13500 }
13501 .block.hidden .header .block_action .block-hider-show {
13502   display: inline;
13503 }
13504 .block.list_block .unlist > li > .column {
13505   display: inline-block;
13506   *display: inline;
13507   /* IE7 inline-block hack */
13508   *zoom: 1;
13509 }
13510 .editing .block .header .commands {
13511   clear: both;
13512   text-align: right;
13513   display: block;
13514   padding: 3px 15px;
13515 }
13516 .editing .block .header .commands > a {
13517   margin: 0 3px;
13518 }
13519 .editing .block .header .commands .icon img {
13520   width: 12px;
13521   height: 12px;
13522 }
13523 .editing .block .header .commands img.actionmenu {
13524   width: auto;
13525 }
13526 .jsenabled .block.hidden .content {
13527   display: none;
13528 }
13529 .blockmovetarget {
13530   border-width: 2px;
13531   border-style: dashed;
13532   display: block;
13533   height: 1em;
13534   margin-bottom: 20px;
13535 }
13536 .blockannotation {
13537   position: relative;
13538   top: -10px;
13539   margin-bottom: 10px;
13540 }
13541 .block_blog_menu #blogsearchquery {
13542   max-width: 92%;
13543 }
13544 .block_settings #adminsearchquery {
13545   max-width: 92%;
13546 }
13547 .block_search_forums #searchform_search {
13548   width: auto;
13549   max-width: 92%;
13550 }
13551 .block_calendar_upcoming .content .date {
13552   padding-left: 22px;
13553 }
13554 .block_calendar_upcoming .content .footer {
13555   margin-top: .5em;
13556   padding-top: 10px;
13557   padding-left: 0;
13558 }
13559 .block_rss_client .content li {
13560   margin-bottom: 10px;
13561   padding: 5px;
13562   border: 1px solid #ddd;
13563   -webkit-border-radius: 4px;
13564   -moz-border-radius: 4px;
13565   border-radius: 4px;
13566 }
13567 .block_rss_client .content li .link {
13568   font-weight: inherit;
13569 }
13570 .block_rss_client .list li:first-child {
13571   border-top-width: 1px;
13572 }
13573 .block_news_items .content .newlink {
13574   padding-bottom: 10px;
13575 }
13576 .block_news_items .content ul li {
13577   border-top: 1px rgba(0, 0, 0, 0.05) solid;
13578   padding: 2px;
13579   display: table;
13580   width: 100%;
13581 }
13582 .block_news_items .content ul li .info {
13583   display: table-header-group;
13584 }
13585 .block_news_items .content ul li .date {
13586   font-size: 11.9px;
13587   display: inline;
13588 }
13589 .block_news_items .content ul li .name {
13590   font-size: 11.9px;
13591   padding-left: 1ex;
13592   display: inline;
13593 }
13594 .block_news_items .content .footer {
13595   padding-top: 10px;
13596   padding-left: 0;
13597 }
13598 .block_login input#login_username,
13599 .block_login input#login_password {
13600   width: 95%;
13601 }
13602 .block_login .content {
13603   margin-left: auto;
13604   margin-right: auto;
13605   max-width: 280px;
13606 }
13607 .block_login input[type="submit"] {
13608   margin: 10px 0;
13609 }
13610 .block_adminblock .content {
13611   display: block;
13612   padding: 3px 5px;
13613 }
13614 .block_adminblock select {
13615   max-width: 92%;
13616 }
13617 /**
13618  * Moodle forms HTML isn't changeable via renderers (yet?) so this
13619  * .less file imports styles from the bootstrap @variables file and
13620  * adds them to the existing Moodle form CSS ids and classes.
13621  *
13622  */
13623 form {
13624   margin: 0;
13625 }
13626 .mform fieldset .advancedbutton {
13627   text-align: right;
13628 }
13629 .jsenabled .mform .containsadvancedelements .advanced {
13630   display: none;
13631 }
13632 .mform .containsadvancedelements .advanced.show {
13633   display: block;
13634 }
13635 .mform fieldset.group {
13636   margin-bottom: 0;
13637 }
13638 .mform fieldset.error {
13639   border: 1px solid #b94a48;
13640 }
13641 .mform span.error,
13642 #adminsettings span.error {
13643   display: inline-block;
13644   border: 1px solid #eed3d7;
13645   border-radius: 4px;
13646   background-color: #f2dede;
13647   padding: 4px;
13648   margin-bottom: 4px;
13649 }
13650 .mform fieldset.collapsible legend a.fheader {
13651   padding: 0 5px 0 20px;
13652   margin-left: -20px;
13653   background: url([[pix:t/expanded]]) 2px center no-repeat;
13654 }
13655 .mform fieldset.collapsed legend a.fheader {
13656   /*rtl:raw:
13657     background-image: url([[pix:t/collapsed_rtl]]);
13658     */
13659   /*rtl:remove*/
13660   background-image: url([[pix:t/collapsed]]);
13661 }
13662 .jsenabled .mform .collapsed .fcontainer {
13663   display: none;
13664 }
13665 .mform .fitem .fitemtitle div {
13666   display: inline;
13667 }
13668 #adminsettings .error,
13669 .loginpanel .error,
13670 .mform .error {
13671   color: #b94a48;
13672 }
13673 .mform .fdescription.required {
13674   margin-left: 200px;
13675 }
13676 .mform .fpassword .unmask {
13677   display: inline-block;
13678   margin-left: 0.5em;
13679 }
13680 .mform .fpassword .unmask > input {
13681   margin: 0;
13682 }
13683 .mform .fpassword .unmask > label {
13684   display: inline-block;
13685 }
13686 .mform label {
13687   display: inline-block;
13688 }
13689 .mform .iconhelp {
13690   margin-left: 4px;
13691 }
13692 .mform .ftextarea #id_alltext {
13693   width: 100%;
13694 }
13695 .mform ul.file-list {
13696   padding: 0;
13697   margin: 0;
13698   list-style: none;
13699 }
13700 .mform label .req,
13701 .mform label .adv {
13702   cursor: help;
13703 }
13704 .mform .fcheckbox input {
13705   margin-left: 0;
13706 }
13707 .mform .fcheckbox > span,
13708 .mform .fradio > span,
13709 .mform .fgroup > span {
13710   display: inline-block;
13711   margin-top: 5px;
13712 }
13713 .mform .fitem fieldset.fgroup label,
13714 .mform fieldset.fdate_selector label {
13715   display: inline;
13716   float: none;
13717 }
13718 .mform .ftags label.accesshide {
13719   display: block;
13720   position: static;
13721 }
13722 .mform .ftags select {
13723   margin-bottom: 0.7em;
13724   min-width: 22em;
13725 }
13726 .mform .helplink img {
13727   margin: 0 .45em;
13728   padding: 0;
13729 }
13730 .mform legend .helplink img {
13731   margin: 0 .2em;
13732 }
13733 .singleselect label {
13734   margin-right: .3em;
13735 }
13736 #portfolio-add-button {
13737   display: inline;
13738 }
13739 .form-item,
13740 .mform .fitem {
13741   margin-bottom: 20px;
13742   *zoom: 1;
13743   margin-bottom: 10px;
13744 }
13745 .form-item:before,
13746 .mform .fitem:before,
13747 .form-item:after,
13748 .mform .fitem:after {
13749   display: table;
13750   content: "";
13751   line-height: 0;
13752 }
13753 .form-item:after,
13754 .mform .fitem:after {
13755   clear: both;
13756 }
13757 .form-item .form-label,
13758 .mform .fitem div.fitemtitle {
13759   float: left;
13760   width: 180px;
13761   padding-top: 5px;
13762   text-align: right;
13763 }
13764 .form-defaultinfo,
13765 .form-label .form-shortname {
13766   color: #999;
13767 }
13768 .form-label .form-shortname {
13769   font-size: 10.5px;
13770   display: block;
13771 }
13772 .form-item .form-setting,
13773 .form-item .form-description,
13774 .mform .fitem .felement,
13775 #page-mod-forum-search .c1 {
13776   *display: inline-block;
13777   *padding-left: 20px;
13778   margin-left: 200px;
13779   *margin-left: 0;
13780 }
13781 .form-item .form-setting:first-child,
13782 .form-item .form-description:first-child,
13783 .mform .fitem .felement:first-child,
13784 #page-mod-forum-search .c1:first-child {
13785   *padding-left: 200px;
13786 }
13787 .formsettingheading {
13788   margin-bottom: 0;
13789 }
13790 .form-item .form-description,
13791 .felement.fstatic {
13792   color: #595959;
13793   display: block;
13794   margin-bottom: 10px;
13795   padding-top: 5px;
13796 }
13797 .form-item .form-description {
13798   padding-top: 0;
13799 }
13800 .fitem .fstaticlabel {
13801   font-weight: bold;
13802 }
13803 table#form td.submit,
13804 .form-buttons,
13805 .path-admin .buttons,
13806 #fitem_id_submitbutton,
13807 .fp-content-center form + div,
13808 div.backup-section + form,
13809 #fgroup_id_buttonar {
13810   padding: 19px 20px 20px;
13811   margin-top: 20px;
13812   margin-bottom: 20px;
13813   background-color: #f5f5f5;
13814   border-top: 1px solid #e5e5e5;
13815   *zoom: 1;
13816   padding-left: 0;
13817 }
13818 table#form td.submit:before,
13819 .form-buttons:before,
13820 .path-admin .buttons:before,
13821 #fitem_id_submitbutton:before,
13822 .fp-content-center form + div:before,
13823 div.backup-section + form:before,
13824 #fgroup_id_buttonar:before,
13825 table#form td.submit:after,
13826 .form-buttons:after,
13827 .path-admin .buttons:after,
13828 #fitem_id_submitbutton:after,
13829 .fp-content-center form + div:after,
13830 div.backup-section + form:after,
13831 #fgroup_id_buttonar:after {
13832   display: table;
13833   content: "";
13834   line-height: 0;
13835 }
13836 table#form td.submit:after,
13837 .form-buttons:after,
13838 .path-admin .buttons:after,
13839 #fitem_id_submitbutton:after,
13840 .fp-content-center form + div:after,
13841 div.backup-section + form:after,
13842 #fgroup_id_buttonar:after {
13843   clear: both;
13844 }
13845 .path-admin .buttons,
13846 .form-buttons {
13847   padding-left: 200px;
13848 }
13849 .form-item .form-setting .form-checkbox.defaultsnext {
13850   margin-top: 5px;
13851   display: inline-block;
13852 }
13853 #adminsettings h3 {
13854   display: block;
13855   width: 100%;
13856   padding: 0;
13857   margin-bottom: 20px;
13858   font-size: 21px;
13859   line-height: 40px;
13860   color: #333;
13861   border: 0;
13862   border-bottom: 1px solid #e5e5e5;
13863 }
13864 .mform legend a,
13865 .mform legend a:hover {
13866   color: #333;
13867   text-decoration: none;
13868 }
13869 #page-grade-edit-outcome-course .courseoutcomes {
13870   margin-left: auto;
13871   margin-right: auto;
13872   width: 100%;
13873 }
13874 #page-grade-edit-outcome-course .courseoutcomes td {
13875   text-align: center;
13876 }
13877 .mdl-right > label {
13878   display: inline-block;
13879 }
13880 input[type="radio"] + label,
13881 input[type="checkbox"] + label {
13882   display: inline;
13883   padding-left: 0.2em;
13884 }
13885 input[type="radio"],
13886 input[type="checkbox"] {
13887   margin-top: -4px;
13888   margin-right: 7px;
13889 }
13890 .singleselect {
13891   display: inline-block;
13892 }
13893 .singleselect form,
13894 .singleselect select {
13895   margin: 0;
13896 }
13897 .form-item .form-label label {
13898   margin-bottom: 0;
13899 }
13900 .felement.ffilepicker {
13901   margin-top: 5px;
13902 }
13903 div#dateselector-calendar-panel {
13904   z-index: 3100;
13905   /* Set higher than the z-index of the filemanager - see MDL-39047. */
13906 }
13907 fieldset.coursesearchbox label {
13908   display: inline;
13909 }
13910 /**
13911  * Show the labels above text editors and file managers except on wide screens.
13912  */
13913 #region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
13914   font-weight: bold;
13915 }
13916 /**
13917  * Make forms vertical when the screen is less than 1200px;
13918  */
13919 @media (max-width: 1199px) {
13920   body #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
13921     display: block;
13922     margin-top: 4px;
13923     margin-bottom: 4px;
13924     text-align: left;
13925     width: 100%;
13926   }
13927   body #region-main .mform:not(.unresponsive) .fitem .felement {
13928     margin-left: 0;
13929     width: 100%;
13930     float: left;
13931     padding-left: 0;
13932     padding-right: 0;
13933   }
13934   body #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
13935     display: none;
13936   }
13937   body #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
13938   body #region-main .mform:not(.unresponsive) .fitem .fradio > span,
13939   body #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
13940     margin-top: 4px;
13941   }
13942   body #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
13943     display: inline-block;
13944     width: auto;
13945     margin-right: 8px;
13946   }
13947   body #region-main .mform:not(.unresponsive) .femptylabel .felement {
13948     display: inline-block;
13949     margin-top: 4px;
13950     padding-top: 5px;
13951     width: auto;
13952   }
13953   body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
13954   body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
13955     display: inline-block;
13956     width: auto;
13957   }
13958   body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
13959     padding: 6px;
13960   }
13961 }
13962 /**
13963  * Make forms vertical when the screen is less than 1474px AND both side-pre and side-post contain blocks.
13964  * This is an extra special media rule.
13965  * It causes forms to show vertically when the screen size is calculated as:
13966  * 1199px + (1199px * 23%)
13967  * Where 23% is the width of span3
13968  * Full calculation is:
13969  *   @maxWidthForVerticalForms: 1199px * (unit(((@fluidGridColumnWidth1200 * 3) +
13970  *    (@fluidGridGutterWidth * (3 - 1)))) / 100) + 1199px;
13971  */
13972 @media (max-width: 1474px) {
13973   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
13974     display: block;
13975     margin-top: 4px;
13976     margin-bottom: 4px;
13977     text-align: left;
13978     width: 100%;
13979   }
13980   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .felement {
13981     margin-left: 0;
13982     width: 100%;
13983     float: left;
13984     padding-left: 0;
13985     padding-right: 0;
13986   }
13987   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
13988     display: none;
13989   }
13990   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
13991   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fradio > span,
13992   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
13993     margin-top: 4px;
13994   }
13995   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
13996     display: inline-block;
13997     width: auto;
13998     margin-right: 8px;
13999   }
14000   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .felement {
14001     display: inline-block;
14002     margin-top: 4px;
14003     padding-top: 5px;
14004     width: auto;
14005   }
14006   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
14007   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
14008     display: inline-block;
14009     width: auto;
14010   }
14011   .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
14012     padding: 6px;
14013   }
14014 }
14015 /* Section and module editing forms contain special JS components for the
14016    availability system (if enabled). */
14017 #fitem_id_availabilityconditionsjson {
14018   /* Eye icon in front of an item and delete icon after it. */
14019   /* Hidden eye icon still takes up space. */
14020   /* Eye icons in front of child lists are aligned specially. */
14021   /* Add button lines up with child elements. */
14022   /* Nested section is grey. */
14023   /* Second (and more) levels of nested sections are white. */
14024   /* Connecting text needs to be indented. */
14025 }
14026 #fitem_id_availabilityconditionsjson *[aria-hidden=true] {
14027   display: none;
14028 }
14029 #fitem_id_availabilityconditionsjson select,
14030 #fitem_id_availabilityconditionsjson input[type=text] {
14031   position: relative;
14032   top: 4px;
14033 }
14034 #fitem_id_availabilityconditionsjson label {
14035   display: inline;
14036 }
14037 #fitem_id_availabilityconditionsjson .availability-group {
14038   margin-right: 8px;
14039 }
14040 #fitem_id_availabilityconditionsjson .availability-item {
14041   margin-bottom: 6px;
14042 }
14043 #fitem_id_availabilityconditionsjson .availability-none {
14044   margin-left: 20px;
14045   margin-bottom: 4px;
14046 }
14047 #fitem_id_availabilityconditionsjson .availability-plugincontrols {
14048   padding: 2px 0 0 4px;
14049   background: none repeat scroll 0% 0% #f5f5f5;
14050   border: 1px solid #eee;
14051   border-radius: 4px;
14052   display: inline-block;
14053   margin-right: 8px;
14054 }
14055 #fitem_id_availabilityconditionsjson .availability-eye,
14056 #fitem_id_availabilityconditionsjson .availability-delete {
14057   margin-right: 8px;
14058 }
14059 #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
14060   display: inline;
14061   visibility: hidden;
14062 }
14063 #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
14064   vertical-align: top;
14065   margin-top: 12px;
14066 }
14067 #fitem_id_availabilityconditionsjson .availability-button {
14068   margin-left: 15px;
14069 }
14070 #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
14071   display: inline-block;
14072   background: #f5f5f5;
14073   border: 1px solid #eee;
14074   border-radius: 4px;
14075   padding: 6px;
14076   margin-bottom: 6px;
14077 }
14078 #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
14079   background: white;
14080 }
14081 #fitem_id_availabilityconditionsjson .availability-connector {
14082   margin-left: 20px;
14083   margin-bottom: 6px;
14084 }
14085 /* Default form styling colours all text red. With availability conditions
14086    this looks excessive as we show 'Invalid' markers in specific places. */
14087 .mform .error .availability-field {
14088   color: #333;
14089 }
14090 /* This dialogue is used to add an availability condition. */
14091 .availability-dialogue .moodle-dialogue .moodle-dialogue-bd {
14092   padding-left: 0;
14093   padding-right: 0;
14094   padding-bottom: 2px;
14095 }
14096 .availability-dialogue ul {
14097   display: block;
14098   margin: 0;
14099 }
14100 .availability-dialogue li {
14101   display: block;
14102   list-style-type: none;
14103   padding: 0 0 4px;
14104   clear: both;
14105   border-bottom: 1px solid #eee;
14106   margin-bottom: 4px;
14107 }
14108 .availability-dialogue ul button {
14109   float: left;
14110   margin-left: 1em;
14111   min-width: 140px;
14112   margin-top: 4px;
14113 }
14114 .availability-dialogue label {
14115   margin-left: 170px;
14116   margin-right: 1em;
14117   margin-bottom: 0;
14118 }
14119 .availability-dialogue .availability-buttons button {
14120   margin-left: 1em;
14121   margin-right: 1em;
14122   margin-top: 4px;
14123 }
14124 /* Revert to the non-fixed width where a textarea has the number of columns
14125    specified, or an input has it's size specified. */
14126 textarea[cols],
14127 input[size] {
14128   width: auto;
14129 }
14130 /* Custom styles for autocomplete form element */
14131 .form-autocomplete-selection {
14132   margin: 0.2em;
14133   min-height: 21px;
14134 }
14135 .form-autocomplete-multiple [role=listitem] {
14136   cursor: pointer;
14137 }
14138 .form-autocomplete-suggestions {
14139   position: absolute;
14140   background-color: white;
14141   border: 2px solid #eee;
14142   border-radius: 3px;
14143   min-width: 206px;
14144   max-height: 20em;
14145   overflow: auto;
14146   margin: 0;
14147   padding: 0;
14148   margin-top: -0.2em;
14149   z-index: 1;
14150 }
14151 .form-autocomplete-suggestions li {
14152   list-style-type: none;
14153   padding: 0.2em;
14154   margin: 0;
14155   cursor: pointer;
14156   color: #333;
14157 }
14158 .form-autocomplete-suggestions li:hover {
14159   background-color: #00a3f4;
14160   color: #fff;
14161 }
14162 .form-autocomplete-suggestions li[aria-selected=true] {
14163   background-color: #e5e5e5;
14164   color: #555;
14165 }
14166 .form-autocomplete-downarrow {
14167   color: #333;
14168   position: relative;
14169   top: -0.3em;
14170   left: -1.5em;
14171   cursor: pointer;
14172 }
14173 .form-autocomplete-selection:focus {
14174   outline: none;
14175 }
14176 .form-autocomplete-selection [data-active-selection=true] {
14177   padding: 0.5em;
14178   font-size: large;
14179 }
14180 textarea[data-auto-rows] {
14181   overflow-x: hidden;
14182 }
14183 body.modal-open {
14184   overflow: hidden;
14185 }
14186 .modal-container {
14187   position: fixed;
14188   top: 0;
14189   right: 0;
14190   bottom: 0;
14191   left: 0;
14192   z-index: 4050;
14193   outline: 0;
14194   overflow-x: hidden;
14195   overflow-y: auto;
14196 }
14197 .modal-container .modal {
14198   position: relative;
14199   margin: 50px auto 30px;
14200   top: auto;
14201   right: auto;
14202   bottom: auto;
14203   left: auto;
14204   width: auto;
14205   max-width: 560px;
14206   box-shadow: 5px 5px 20px 0 #666;
14207   border-radius: 10px;
14208   border: none;
14209 }
14210 .modal-container .modal .modal-header {
14211   min-height: 13px;
14212   padding: 5px;
14213   font-size: 12px;
14214   font-weight: normal;
14215   letter-spacing: 1px;
14216   color: #333;
14217   text-align: center;
14218   text-shadow: 1px 1px 1px #fff;
14219   border-bottom: 1px solid #bbb;
14220   background: #ccc;
14221   background-color: #ebebeb;
14222   background-image: linear-gradient(to bottom, #fff, #ccc);
14223   background-repeat: repeat-x;
14224   border-radius: 10px 10px 0 0;
14225   position: relative;
14226 }
14227 .modal-container .modal .modal-header h3 {
14228   font-size: 12px;
14229   font-weight: normal;
14230   letter-spacing: 1px;
14231   line-height: 20px;
14232 }
14233 .modal-container .modal .modal-header .close {
14234   position: absolute;
14235   top: 5px;
14236   right: 5px;
14237   width: 25px;
14238   height: 15px;
14239   line-height: 15px;
14240   font-size: 15px;
14241   margin: 0;
14242   opacity: 1;
14243   background-image: url([[pix:theme|sprite]]);
14244   background-repeat: no-repeat;
14245   border-style: none;
14246   border-radius: 4px;
14247   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
14248 }
14249 .modal-container .modal .modal-header .close:hover {
14250   background-position: 0 0;
14251 }
14252 .modal-container .modal .modal-header .close:active {
14253   background-position: 0 0;
14254 }
14255 .modal-container .modal .modal-header .close:focus {
14256   background-position: 0 0;
14257 }
14258 .modal-container .modal .modal-body {
14259   max-height: none;
14260 }
14261 .modal-container .modal .modal-footer {
14262   border-top: 1px solid #bbb;
14263   text-align: center;
14264   padding: .7em 0;
14265   background-color: #f2f2f2;
14266   box-shadow: none;
14267   border-radius: 0 0 10px 10px;
14268 }
14269 .modal-container.large .modal {
14270   max-width: 900px;
14271 }
14272 .modal-backdrop {
14273   z-index: 4049;
14274   background-color: #aaa;
14275   opacity: 0.4;
14276 }
14277 /* modules.less */
14278 select {
14279   width: auto;
14280 }
14281 .path-mod-feedback .mform.feedback_form .fitem .fitemtitle {
14282   display: block;
14283   margin-top: 4px;
14284   margin-bottom: 4px;
14285   text-align: left;
14286   width: 100%;
14287 }
14288 .path-mod-feedback .mform.feedback_form .fitem .felement {
14289   margin-left: 0;
14290   width: 100%;
14291   float: left;
14292   padding-left: 0;
14293   padding-right: 0;
14294 }
14295 .path-mod-feedback .mform.feedback_form .fitem .fstatic:empty {
14296   display: none;
14297 }
14298 .path-mod-feedback .mform.feedback_form .fitem .fcheckbox > span,
14299 .path-mod-feedback .mform.feedback_form .fitem .fradio > span,
14300 .path-mod-feedback .mform.feedback_form .fitem .fgroup > span {
14301   margin-top: 4px;
14302 }
14303 body.path-mod-feedback #region-main .mform.feedback_form .femptylabel .fitemtitle {
14304   display: inline-block;
14305   width: auto;
14306   margin-right: 0;
14307 }
14308 .path-mod-feedback .mform.feedback_form .femptylabel .felement {
14309   display: inline-block;
14310   margin-top: 4px;
14311   padding-top: 5px;
14312   width: auto;
14313 }
14314 body.path-mod-feedback #region-main .mform.feedback_form .feedback-item-pagebreak .felement {
14315   width: 100%;
14316 }
14317 .path-mod-feedback .mform.feedback_form .fitem_fcheckbox .fitemtitle,
14318 .path-mod-feedback .mform.feedback_form .fitem_fcheckbox .felement {
14319   display: inline-block;
14320   width: auto;
14321 }
14322 .path-mod-feedback .mform.feedback_form .fitem_fcheckbox .felement {
14323   padding: 6px;
14324 }
14325 .path-mod-feedback .mform.feedback_form#feedback_viewresponse_form .fitem.feedback_hasvalue:not(.feedback-item-captcha) .felement {
14326   background: #fbfbf1;
14327   min-height: 1em;
14328   box-sizing: border-box;
14329   padding: 3px;
14330   border: 1px solid #ddd;
14331 }
14332 .path-mod-feedback .mform.feedback_form .fitem.feedback_hasvalue .fstatic:empty {
14333   display: inherit;
14334 }
14335 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem:hover {
14336   background: #f5f5f5;
14337 }
14338 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle label {
14339   width: 100%;
14340 }
14341 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle {
14342   position: relative;
14343   width: 100%;
14344 }
14345 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemdd,
14346 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemname {
14347   float: left;
14348 }
14349 .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemactions {
14350   float: right;
14351 }
14352 .path-mod-forum .forumsearch input,
14353 .path-mod-forum .forumsearch .helptooltip {
14354   margin: 0 3px;
14355 }
14356 .path-mod-forum .forumheaderlist,
14357 .path-mod-forum .forumheaderlist td {
14358   border: none;
14359 }
14360 .path-mod-forum .forumheaderlist thead .header,
14361 .path-mod-forum .forumheaderlist tbody .discussion td {
14362   white-space: normal;
14363   vertical-align: top;
14364   padding-left: 0.5em;
14365   padding-right: 0.5em;
14366 }
14367 .path-mod-forum .forumheaderlist thead .header {
14368   white-space: normal;
14369   vertical-align: top;
14370 }
14371 .path-mod-forum .forumheaderlist thead .header.replies {
14372   text-align: center;
14373 }
14374 .path-mod-forum .forumheaderlist thead .header.lastpost {
14375   text-align: right;
14376 }
14377 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
14378 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
14379   width: 16px;
14380   padding-left: 0.5em;
14381   padding-right: 0.5em;
14382 }
14383 .path-mod-forum .forumheaderlist .discussion .author,
14384 .path-mod-forum .forumheaderlist .discussion .replies,
14385 .path-mod-forum .forumheaderlist .discussion .lastpost {
14386   white-space: normal;
14387 }
14388 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
14389 .path-mod-forum .forumheaderlist .discussion .replies {
14390   text-align: center;
14391 }
14392 .path-mod-forum .forumheaderlist .discussion .topic,
14393 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
14394 .path-mod-forum .forumheaderlist .discussion .topic.starter,
14395 .path-mod-forum .forumheaderlist .discussion .picture,
14396 .path-mod-forum .forumheaderlist .discussion .author,
14397 .path-mod-forum .forumheaderlist .discussion .replies,
14398 .path-mod-forum .forumheaderlist .discussion .lastpost {
14399   vertical-align: top;
14400 }
14401 .forumpost {
14402   min-height: 20px;
14403   padding: 19px;
14404   margin-bottom: 20px;
14405   background-color: #f5f5f5;
14406   border: 1px solid #e3e3e3;
14407   -webkit-border-radius: 4px;
14408   -moz-border-radius: 4px;
14409   border-radius: 4px;
14410   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
14411   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
14412   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
14413   border-color: #e3e3e3;
14414   padding: 6px;
14415 }
14416 .forumpost blockquote {
14417   border-color: #ddd;
14418   border-color: rgba(0, 0, 0, 0.15);
14419 }
14420 .forumpost .header {
14421   margin-bottom: 3px;
14422 }
14423 .forumpost .picture img {
14424   margin: 3px;
14425 }
14426 .forumpost .picture img.userpicture {
14427   margin-left: 3px;
14428   margin-right: 10px;
14429 }
14430 .forumpost .content .posting.fullpost {
14431   margin-top: 8px;
14432 }
14433 .forumpost .row .topic,
14434 .forumpost .row .content-mask,
14435 .forumpost .row .options {
14436   margin-left: 48px;
14437 }
14438 .forumpost .row.side {
14439   clear: both;
14440 }
14441 .forumpost .row .left {
14442   width: 48px;
14443 }
14444 .forumpost .options .commands {
14445   margin-left: 0;
14446 }
14447 .forumpost .subject {
14448   font-weight: bold;
14449 }
14450 .forumsearch input[type=text] {
14451   margin-bottom: 0 !important;
14452   /* stylelint-disable-line declaration-no-important */
14453 }
14454 #page-mod-forum-discuss .discussioncontrols {
14455   width: auto;
14456   margin: 0;
14457 }
14458 #page-footer {
14459   margin-top: 1em;
14460   padding: 1em 0;
14461   border-top: 2px solid #ddd;
14462 }
14463 .maincalendar .calendarmonth td,
14464 .maincalendar .calendarmonth th {
14465   border: 1px dotted #ddd;
14466 }
14467 .path-grade-report-grader h1 {
14468   text-align: inherit;
14469 }
14470 #page-mod-chat-gui_basic input#message {
14471   max-width: 100%;
14472 }
14473 #page-mod-data-view #singleimage {
14474   width: auto;
14475 }
14476 .path-mod-data form {
14477   margin-top: 10px;
14478 }
14479 .template_heading {
14480   margin-top: 10px;
14481 }
14482 .breadcrumb-button {
14483   float: right;
14484   margin-top: 4px;
14485 }
14486 .breadcrumb-button .singlebutton {
14487   float: left;
14488   margin-left: 4px;
14489 }
14490 .navbar-inverse .logininfo a {
14491   color: #999;
14492 }
14493 .navbar-inverse .logininfo a:hover {
14494   background-color: transparent;
14495   color: #fff;
14496 }
14497 .navbar-fixed-top,
14498 .navbar-fixed-bottom {
14499   z-index: 4030;
14500 }
14501 .ie .row-fluid .desktop-first-column {
14502   margin-left: 0;
14503 }
14504 .langmenu form {
14505   margin: 0;
14506 }
14507 .container-fluid {
14508   max-width: 1680px;
14509   margin: 0 auto;
14510 }
14511 canvas {
14512   -ms-touch-action: auto;
14513 }
14514 div#dock {
14515   display: none;
14516 }
14517 .path-mod-choice .horizontal .choices {
14518   margin: 0;
14519 }
14520 .path-mod-choice .horizontal .choices .option {
14521   display: inline-block;
14522   padding: 10px;
14523 }
14524 .path-mod-choice .results .data {
14525   white-space: normal;
14526 }
14527 .path-mod-lesson .firstpageoptions {
14528   margin: auto;
14529   min-width: 280px;
14530   width: 60%;
14531 }
14532 .path-mod-lesson .centerpadded {
14533   padding: 5px;
14534   text-align: center;
14535 }
14536 /** General styles (scope: all of lesson) **/
14537 .path-mod-lesson .contents,
14538 .path-mod-lesson .standardtable,
14539 .path-mod-lesson .mform .box.contents,
14540 .path-mod-lesson .invisiblefieldset.fieldsetfix tr {
14541   text-align: left;
14542 }
14543 .path-mod-lesson #layout-table {
14544   width: 100%;
14545 }
14546 .path-mod-lesson .edit_buttons form,
14547 .path-mod-lesson .edit_buttons input {
14548   display: inline;
14549 }
14550 .path-mod-lesson .userinfotable .cell,
14551 .path-mod-lesson .userinfotable .userpicture {
14552   vertical-align: middle;
14553 }
14554 .path-mod-lesson .invisiblefieldset.fieldsetfix {
14555   display: block;
14556 }
14557 .path-mod-lesson .slideshow {
14558   overflow: auto;
14559   padding: 15px;
14560 }
14561 .path-mod-lesson .menu .menuwrapper {
14562   max-height: 400px;
14563   overflow: auto;
14564   vertical-align: top;
14565   margin-bottom: 10px;
14566 }
14567 .path-mod-lesson .menu ul {
14568   list-style: none;
14569   padding: 5px 0 0 5px;
14570   margin: 0;
14571 }
14572 .path-mod-lesson .menu ul li {
14573   padding-bottom: 5px;
14574 }
14575 .path-mod-lesson .skip {
14576   position: absolute;
14577   top: -1000em;
14578   width: 20em;
14579 }
14580 .path-mod-lesson .branchbuttoncontainer.horizontal div,
14581 .path-mod-lesson .branchbuttoncontainer.horizontal form {
14582   display: inline;
14583 }
14584 .path-mod-lesson .firstpageoptions {
14585   width: 30%;
14586   margin-left: 35%;
14587   margin-top: 1em;
14588 }
14589 .path-mod-lesson .progress_bar_table,
14590 .path-mod-lesson .progress_bar_completed,
14591 .path-mod-lesson .progress_bar_todo {
14592   padding: 0;
14593   margin: 0;
14594 }
14595 .path-mod-lesson .progress_bar_token {
14596   height: 20px;
14597   width: 5px;
14598   padding: 0;
14599   margin: 0;
14600 }
14601 .path-mod-lesson .edit_pages_box .addlinks {
14602   margin: 0;
14603   margin-bottom: 1em;
14604 }
14605 .path-mod-lesson .progress_bar_completed {
14606   background-color: green;
14607   text-align: right;
14608   vertical-align: middle;
14609   color: #fff;
14610 }
14611 .path-mod-lesson .resourcecontent {
14612   text-align: center;
14613 }
14614 .path-mod-lesson .answeroption .fcheckbox > span {
14615   position: relative;
14616   float: left;
14617 }
14618 .path-mod-lesson .answeroptiongroup .fgroup > span {
14619   position: relative;
14620   width: 100%;
14621 }
14622 .path-mod-lesson .answeroption .fcheckbox input,
14623 .path-mod-lesson .answeroptiongroup input {
14624   position: absolute;
14625   top: 2px;
14626   margin-top: 0;
14627   left: 0;
14628 }
14629 .path-mod-lesson .answeroption .fcheckbox label,
14630 .path-mod-lesson .mform .fitem.answeroptiongroup fieldset.fgroup label {
14631   padding-left: 20px;
14632   float: left;
14633 }
14634 .path-mod-lesson .answeroption .felement label p:last-child,
14635 .path-mod-lesson .answeroptiongroup .felement label p:last-child {
14636   margin-bottom: 0;
14637 }
14638 /**
14639  * Style for view.php
14640  **/
14641 #page-mod-lesson-view .password-form .submitbutton {
14642   display: inline;
14643 }
14644 .path-mod-lesson .reviewessay {
14645   width: 40%;
14646   border: 1px solid #ddd;
14647   background-color: #eee;
14648 }
14649 /* Countdown timer. */
14650 #lesson-timer {
14651   text-align: center;
14652 }
14653 .path-mod-lesson .essayungraded {
14654   background-color: #efcfcf;
14655 }
14656 .path-mod-lesson .essaygraded {
14657   background-color: #efefcf;
14658 }
14659 .path-mod-lesson .essaysent {
14660   background-color: #cfefcf;
14661 }
14662 .path-mod-wiki .wiki_headingtitle,
14663 .path-mod-wiki .midpad,
14664 .path-mod-wiki .wiki_headingtime {
14665   text-align: inherit;
14666 }
14667 .path-mod-wiki .wiki_contentbox {
14668   width: 100%;
14669 }
14670 .dropdown-menu > li > a {
14671   padding: 3px 20px 3px 8px;
14672 }
14673 .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
14674   background-color: transparent;
14675 }
14676 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
14677   background-color: #f9f9f9;
14678 }
14679 .path-mod-survey .surveytable .rblock label {
14680   text-align: center;
14681 }
14682 .path-mod-survey .resultgraph,
14683 .path-mod-survey .reportsummary,
14684 .path-mod-survey .studentreport,
14685 .path-mod-survey .reportbuttons,
14686 .path-mod-survey .centerpara {
14687   text-align: center;
14688 }
14689 .nav .caret {
14690   margin-left: 4px;
14691 }
14692 .nav .divider {
14693   overflow: hidden;
14694   width: 0;
14695   height: 40px;
14696   border-left: 1px solid #f2f2f2;
14697   border-right: 1px solid #ffffff;
14698 }
14699 .navbar-inverse .nav .divider {
14700   border-left-color: #111111;
14701   border-right-color: #515151;
14702 }
14703 .dropdown-menu .divider {
14704   width: auto;
14705   height: 1px;
14706   border-left: 0 none;
14707   border-right: 0 none;
14708 }
14709 .usermenu .login {
14710   color: #777;
14711   line-height: 40px;
14712 }
14713 .usermenu .login a {
14714   color: #0070a8;
14715 }
14716 .usermenu .login a:hover,
14717 .usermenu .login a:focus {
14718   color: #003d5c;
14719   text-decoration: underline;
14720 }
14721 .usermenu .moodle-actionmenu .toggle-display {
14722   display: block;
14723   opacity: 1;
14724   color: #777;
14725   line-height: 40px;
14726   height: 40px;
14727 }
14728 .usermenu .moodle-actionmenu .toggle-display:hover {
14729   color: #333;
14730 }
14731 .usermenu .moodle-actionmenu .toggle-display .userbutton {
14732   height: 40px;
14733   line-height: 40px;
14734 }
14735 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
14736   display: inline-block;
14737   height: 36px;
14738   width: 36px;
14739   vertical-align: middle;
14740   margin-right: 6px;
14741   margin-left: 6px;
14742 }
14743 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
14744 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
14745   display: block;
14746 }
14747 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
14748   display: inline-block;
14749   vertical-align: middle;
14750   line-height: 1em;
14751   color: inherit;
14752 }
14753 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
14754 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
14755   display: block;
14756   font-size: 12px;
14757 }
14758 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
14759 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
14760   font-weight: bold;
14761 }
14762 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
14763   font-weight: bold;
14764 }
14765 .usermenu .moodle-actionmenu .toggle-display .caret {
14766   display: none;
14767 }
14768 .usermenu .moodle-actionmenu .menu .menu-action.icon img {
14769   border-radius: 0;
14770   background: transparent;
14771   box-shadow: none;
14772 }
14773 .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
14774   background: #fff;
14775   border-radius: 4px;
14776   box-shadow: 0 0 16px rgba(0, 0, 0, 0.125);
14777 }
14778 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
14779 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
14780   border-radius: 0;
14781   background: transparent;
14782   box-shadow: none;
14783 }
14784 .navbar-inverse .usermenu .login {
14785   color: #999;
14786 }
14787 .navbar-inverse .usermenu .login a {
14788   color: #999;
14789 }
14790 .navbar-inverse .usermenu .login a:hover {
14791   color: #fff;
14792 }
14793 .navbar-inverse .usermenu .moodle-actionmenu .toggle-display {
14794   color: #999;
14795 }
14796 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext {
14797   color: #999;
14798 }
14799 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta {
14800   color: #999;
14801 }
14802 .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta .value {
14803   color: #999;
14804 }
14805 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext {
14806   color: #fff;
14807 }
14808 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta {
14809   color: #999;
14810 }
14811 .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta .value {
14812   color: #fff;
14813 }
14814 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .toggle-display.textmenu .caret {
14815   border-top-color: #fff;
14816 }
14817 .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon img {
14818   border-radius: 0;
14819   background: transparent;
14820   box-shadow: none;
14821 }
14822 .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
14823   background: #333;
14824   border-radius: 4px;
14825   box-shadow: 0 0 16px #ffffff;
14826 }
14827 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
14828 .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
14829   border-radius: 0;
14830   background: transparent;
14831   box-shadow: none;
14832 }
14833 .jsenabled .usermenu .moodle-actionmenu .toggle-display {
14834   display: block;
14835 }
14836 .jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
14837   padding-left: 8px;
14838   padding-right: 8px;
14839 }
14840 .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
14841   display: inline-block;
14842   position: relative;
14843   top: 9px;
14844 }
14845 .jsenabled .usermenu .moodle-actionmenu > .menubar {
14846   display: block;
14847   margin: 0;
14848 }
14849 .jsenabled .usermenu .moodle-actionmenu > .menu {
14850   min-width: 160px;
14851 }
14852 .jsenabled .usermenu .moodle-actionmenu > .menu .filler {
14853   display: block;
14854   *width: 100%;
14855   height: 1px;
14856   margin: 9px 1px;
14857   *margin: -5px 0 5px;
14858   overflow: hidden;
14859   background-color: #e5e5e5;
14860   border-bottom: 1px solid #fff;
14861 }
14862 .jsenabled .usermenu .moodle-actionmenu.show {
14863   background-color: #e5e5e5;
14864 }
14865 .jsenabled .usermenu .moodle-actionmenu.show .menu {
14866   padding: 5px 0;
14867   margin: 2px 0 0;
14868   background-clip: padding-box;
14869   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
14870   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
14871   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
14872 }
14873 .jsenabled .usermenu .moodle-actionmenu.show .menu:before {
14874   content: '';
14875   display: inline-block;
14876   border-left: 7px solid transparent;
14877   border-right: 7px solid transparent;
14878   border-bottom: 7px solid #ccc;
14879   border-bottom-color: rgba(0, 0, 0, 0.2);
14880   position: absolute;
14881   top: -7px;
14882 }
14883 .jsenabled .usermenu .moodle-actionmenu.show .menu:after {
14884   content: '';
14885   display: inline-block;
14886   border-left: 6px solid transparent;
14887   border-right: 6px solid transparent;
14888   border-bottom: 6px solid #fff;
14889   position: absolute;
14890   top: -6px;
14891 }
14892 .jsenabled .usermenu .moodle-actionmenu.show .menu a {
14893   border-radius: 0;
14894 }
14895 .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus {
14896   text-decoration: none;
14897 }
14898 .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
14899   text-decoration: none;
14900   background-color: #00699e;
14901   background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
14902   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
14903   background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
14904   background-image: -o-linear-gradient(top, #0070a8, #005f8f);
14905   background-image: linear-gradient(to bottom, #0070a8, #005f8f);
14906   background-repeat: repeat-x;
14907   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
14908 }
14909 .jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br {
14910   margin-top: 2px;
14911 }
14912 .jsenabled .navbar-inverse .usermenu .moodle-actionmenu.show {
14913   background-color: #111111;
14914 }
14915 .usermenu {
14916   float: right;
14917 }
14918 .usermenu > .moodle-actionmenu > .menu:before {
14919   right: 9px;
14920 }
14921 .usermenu > .moodle-actionmenu > .menu:after {
14922   right: 10px;
14923 }
14924 .usermenu > .moodle-actionmenu > .menubar li a {
14925   text-align: right;
14926 }
14927 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
14928   left: 16px;
14929 }
14930 .userloggedinas .usermenu .userbutton .avatars .avatar {
14931   overflow: hidden;
14932 }
14933 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
14934   position: relative;
14935   top: 4px;
14936   left: 4px;
14937   width: 20px;
14938   height: 20px;
14939   margin-top: 11px;
14940   margin-bottom: -34px;
14941   border: 1px solid #fff;
14942   border-radius: 50%;
14943   box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
14944 }
14945 .userloggedinas .usermenu .userbutton .avatars .avatar img {
14946   width: inherit;
14947   height: inherit;
14948 }
14949 .path-mod-quiz #mod_quiz_navblock .qnbutton {
14950   text-decoration: none;
14951   font-size: 14px;
14952   line-height: 20px;
14953   font-weight: normal;
14954   background-color: #fff;
14955   background-image: none;
14956   height: 40px;
14957   width: 30px;
14958   border-radius: 3px;
14959   border: 0;
14960   overflow: visible;
14961   margin: 0 6px 6px 0;
14962 }
14963 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
14964   cursor: default;
14965   background-color: #eee;
14966   color: #555;
14967 }
14968 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
14969 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
14970 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
14971   text-decoration: underline;
14972 }
14973 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
14974   border: 1px solid;
14975   border-radius: 3px;
14976   z-index: 1;
14977 }
14978 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
14979   border-width: 3px;
14980 }
14981 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
14982   border-width: 1px;
14983 }
14984 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
14985   background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
14986 }
14987 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
14988   border: 0;
14989   background: #fff none center / 10px no-repeat scroll;
14990   height: 20px;
14991   margin-top: 20px;
14992   border-radius: 0 0 3px 3px;
14993 }
14994 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
14995 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
14996   background-color: #fff;
14997 }
14998 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
14999   background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
15000 }
15001 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
15002   background-image: url([[pix:theme|mod/quiz/checkmark]]);
15003   background-color: #468847;
15004 }
15005 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
15006   background-image: url([[pix:core|t/locked]]);
15007   background-color: #eee;
15008 }
15009 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
15010 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
15011   background-color: #b94a48;
15012 }
15013 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
15014   background-image: url([[pix:theme|mod/quiz/whitecircle]]);
15015   background-color: #f89406;
15016 }
15017 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
15018 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
15019 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
15020   background-color: #999;
15021 }
15022 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
15023   background-color: #fff;
15024 }
15025 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
15026 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
15027 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
15028 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15029 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15030   border: 0;
15031 }
15032 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15033 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15034   min-height: 20px;
15035   padding: 19px;
15036   margin-bottom: 20px;
15037   background-color: #f5f5f5;
15038   border: 1px solid #e3e3e3;
15039   -webkit-border-radius: 4px;
15040   -moz-border-radius: 4px;
15041   border-radius: 4px;
15042   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15043   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15044   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15045   border-color: #e3e3e3;
15046   border-radius: 0;
15047 }
15048 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right blockquote,
15049 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom blockquote {
15050   border-color: #ddd;
15051   border-color: rgba(0, 0, 0, 0.15);
15052 }
15053 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
15054   background-color: transparent;
15055 }
15056 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
15057 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
15058   border: 0;
15059   padding: 3px 15px;
15060   white-space: nowrap;
15061 }
15062 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input,
15063 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input {
15064   margin: 0 10px;
15065 }
15066 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message,
15067 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message {
15068   width: 45%;
15069   margin: auto;
15070 }
15071 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a,
15072 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a {
15073   margin: 0 5px;
15074 }
15075 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
15076   padding: 10px 5px;
15077 }
15078 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
15079   border-top: 1px solid #ddd;
15080   border-bottom: 1px solid #fff;
15081 }
15082 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
15083   border-top: 1px solid #fff;
15084   border-bottom: 1px solid #ddd;
15085   padding: 5px 10px;
15086 }
15087 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
15088   margin-right: 8px;
15089   border: 1px solid #ccc;
15090   border-radius: 4px;
15091   max-width: none;
15092 }
15093 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
15094   margin: 20px 25px;
15095 }
15096 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
15097   text-align: center;
15098   margin: 10px 0;
15099   font-size: 11.9px;
15100   color: #777;
15101 }
15102 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15103   background-color: #fff;
15104   border: 1px dotted #ddd;
15105   -webkit-border-radius: 4px;
15106   -moz-border-radius: 4px;
15107   border-radius: 4px;
15108   padding: 4px 10px;
15109   margin: 10px 0;
15110 }
15111 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
15112   float: right;
15113   font-size: 11px;
15114   color: #777;
15115 }
15116 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme {
15117   background-color: #f6f6f6;
15118 }
15119 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user {
15120   font-weight: bold;
15121 }
15122 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit-right {
15123   padding: 0;
15124 }
15125 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit div.yui-layout-bd {
15126   text-align: right;
15127 }
15128 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-userlist #users-list img {
15129   margin-left: 8px;
15130 }
15131 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .time {
15132   float: left;
15133 }
15134 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .user {
15135   float: right;
15136 }
15137 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .chat-message-meta {
15138   height: 20px;
15139 }
15140 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .text {
15141   text-align: right;
15142 }
15143 /* reports.less */
15144 #page-report-participation-index .participationselectform div label {
15145   display: inline-block;
15146   margin: 0 5px;
15147 }
15148 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
15149   margin-left: 0;
15150 }
15151 .path-backup .mform .grouped_settings.section_level {
15152   min-height: 20px;
15153   padding: 19px;
15154   margin-bottom: 20px;
15155   background-color: #f5f5f5;
15156   border: 1px solid #e3e3e3;
15157   -webkit-border-radius: 4px;
15158   -moz-border-radius: 4px;
15159   border-radius: 4px;
15160   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15161   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15162   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
15163   border-color: #e3e3e3;
15164   padding: 10px 0 0 0;
15165   clear: both;
15166 }
15167 .path-backup .mform .grouped_settings.section_level blockquote {
15168   border-color: #ddd;
15169   border-color: rgba(0, 0, 0, 0.15);
15170 }
15171 .path-backup .mform .grouped_settings {
15172   clear: both;
15173   overflow: hidden;
15174 }
15175 .path-backup .include_setting,
15176 .path-backup .grouped_settings .normal_setting {
15177   display: inline-block;
15178 }
15179 .path-backup .include_setting.section_level label {
15180   font-weight: bold;
15181 }
15182 .path-backup .mform .fitem .fitemtitle {
15183   width: 260px;
15184 }
15185 .path-backup .mform .fitem .felement {
15186   margin-left: 280px;
15187 }
15188 .path-backup .notification.dependencies_enforced {
15189   text-align: center;
15190   color: #b94a48;
15191   font-weight: bold;
15192 }
15193 .path-backup .backup_progress {
15194   text-align: center;
15195 }
15196 .path-backup .backup_progress .backup_stage {
15197   color: #999;
15198 }
15199 .path-backup .backup_progress .backup_stage.backup_stage_current {
15200   font-weight: bold;
15201   color: inherit;
15202 }
15203 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
15204   color: inherit;
15205 }
15206 #page-backup-restore .filealiasesfailures {
15207   background-color: #f2dede;
15208 }
15209 #page-backup-restore .filealiasesfailures .aliaseslist {
15210   width: 90%;
15211   margin: 0.8em auto;
15212   background-color: #fff;
15213   border: 1px dotted #666;
15214 }
15215 .path-backup .fitem .smallicon {
15216   vertical-align: text-bottom;
15217 }
15218 .backup-restore .backup-section > h2.header,
15219 .backup-restore .backup-section .backup-sub-section h3 {
15220   display: block;
15221   width: 100%;
15222   padding: 0;
15223   margin-bottom: 20px;
15224   font-size: 21px;
15225   line-height: 40px;
15226   color: #333;
15227   border: 0;
15228   border-bottom: 1px solid #e5e5e5;
15229 }
15230 .backup-restore .backup-section .noticebox {
15231   margin: 1em auto;
15232   width: 60%;
15233   text-align: center;
15234 }
15235 .backup-restore .backup-section.settings-section .detail-pair {
15236   width: 50%;
15237   display: inline-block;
15238   *display: inline;
15239   /* IE7 inline-block hack */
15240   *zoom: 1;
15241 }
15242 .backup-restore .backup-section.settings-section .detail-pair-label {
15243   width: 65%;
15244 }
15245 .backup-restore .backup-section.settings-section .detail-pair-value {
15246   width: 25%;
15247 }
15248 .backup-restore .activitytable {
15249   min-width: 500px;
15250 }
15251 .backup-restore .activitytable .modulename {
15252   width: 100px;
15253 }
15254 .backup-restore .activitytable .moduleincluded {
15255   width: 50px;
15256 }
15257 .backup-restore .activitytable .userinfoincluded {
15258   width: 50px;
15259 }
15260 .backup-restore .detail-pair-label {
15261   display: inline-block;
15262   *display: inline;
15263   /* IE7 inline-block hack */
15264   *zoom: 1;
15265   width: 25%;
15266   padding: 8px;
15267   margin: 0;
15268   text-align: right;
15269   font-weight: bold;
15270   vertical-align: top;
15271 }
15272 .backup-restore .detail-pair-value {
15273   display: inline-block;
15274   *display: inline;
15275   /* IE7 inline-block hack */
15276   *zoom: 1;
15277   width: 65%;
15278   padding: 8px;
15279   margin: 0;
15280 }
15281 .backup-restore .detail-pair-value > .sub-detail {
15282   display: block;
15283   font-size: 11.9px;
15284   color: #999;
15285 }
15286 .backup-restore > .singlebutton {
15287   text-align: right;
15288 }
15289 .path-backup .mform .fgroup .proceedbutton {
15290   float: right;
15291   margin-right: 5%;
15292 }
15293 .path-backup .mform .fgroup .oneclickbackup {
15294   float: right;
15295 }
15296 .restore-course-search .rcs-results {
15297   width: 70%;
15298   min-width: 400px;
15299 }
15300 .restore-course-search .rcs-results table {
15301   width: 100%;
15302   margin: 0;
15303   border-width: 0;
15304 }
15305 .restore-course-search .rcs-results table .no-overflow {
15306   max-width: 600px;
15307 }
15308 .restore-course-search .rcs-results .paging {
15309   text-align: left;
15310   margin: 0;
15311   background-color: #eee;
15312   padding: 3px;
15313 }
15314 .restore-course-category .rcs-results {
15315   width: 70%;
15316   min-width: 400px;
15317   border: 1px solid #ddd;
15318   margin: 5px 0;
15319 }
15320 .restore-course-category .rcs-results table {
15321   width: 100%;
15322   margin: 0;
15323   border-width: 0;
15324 }
15325 .restore-course-category .rcs-results table .no-overflow {
15326   max-width: 600px;
15327 }
15328 .restore-course-category .rcs-results .paging {
15329   text-align: left;
15330   margin: 0;
15331   background-color: #eee;
15332   padding: 3px;
15333 }
15334 .path-backup .wibbler {
15335   width: 500px;
15336   margin: 0 auto 10px;
15337   border-bottom: 1px solid black;
15338   border-right: 1px solid black;
15339   border-left: 1px solid black;
15340   position: relative;
15341   min-height: 4px;
15342 }
15343 .path-backup .wibbler .wibble {
15344   position: absolute;
15345   left: 0;
15346   right: 0;
15347   top: 0;
15348   height: 4px;
15349 }
15350 .path-backup .wibbler .state0 {
15351   background: #eee;
15352 }
15353 .path-backup .wibbler .state1 {
15354   background: #ddd;
15355 }
15356 .path-backup .wibbler .state2 {
15357   background: #ccc;
15358 }
15359 .path-backup .wibbler .state3 {
15360   background: #bbb;
15361 }
15362 .path-backup .wibbler .state4 {
15363   background: #aaa;
15364 }
15365 .path-backup .wibbler .state5 {
15366   background: #999;
15367 }
15368 .path-backup .wibbler .state6 {
15369   background: #888;
15370 }
15371 .path-backup .wibbler .state7 {
15372   background: #777;
15373 }
15374 .path-backup .wibbler .state8 {
15375   background: #666;
15376 }
15377 .path-backup .wibbler .state9 {
15378   background: #555;
15379 }
15380 .path-backup .wibbler .state10 {
15381   background: #444;
15382 }
15383 .path-backup .wibbler .state11 {
15384   background: #333;
15385 }
15386 .path-backup .wibbler .state12 {
15387   background: #222;
15388 }
15389 .path-backup .backup_log {
15390   margin-top: 2em;
15391 }
15392 .path-backup .backup_log h2 {
15393   font-size: 1em;
15394 }
15395 .path-backup .backup_log_contents {
15396   border: 1px solid #ddd;
15397   padding: 10px;
15398   height: 300px;
15399   overflow-y: scroll;
15400 }
15401 table.flexible,
15402 .generaltable {
15403   width: 100%;
15404   margin-bottom: 20px;
15405 }
15406 table.flexible th,
15407 .generaltable th,
15408 table.flexible td,
15409 .generaltable td {
15410   padding: 8px;
15411   line-height: 20px;
15412   text-align: left;
15413   vertical-align: top;
15414   border-top: 1px solid #ddd;
15415 }
15416 table.flexible th,
15417 .generaltable th {
15418   font-weight: bold;
15419 }
15420 table.flexible thead th,
15421 .generaltable thead th {
15422   vertical-align: bottom;
15423 }
15424 table.flexible caption + thead tr:first-child th,
15425 .generaltable caption + thead tr:first-child th,
15426 table.flexible caption + thead tr:first-child td,
15427 .generaltable caption + thead tr:first-child td,
15428 table.flexible colgroup + thead tr:first-child th,
15429 .generaltable colgroup + thead tr:first-child th,
15430 table.flexible colgroup + thead tr:first-child td,
15431 .generaltable colgroup + thead tr:first-child td,
15432 table.flexible thead:first-child tr:first-child th,
15433 .generaltable thead:first-child tr:first-child th,
15434 table.flexible thead:first-child tr:first-child td,
15435 .generaltable thead:first-child tr:first-child td {
15436   border-top: 0;
15437 }
15438 table.flexible tbody + tbody,
15439 .generaltable tbody + tbody {
15440   border-top: 2px solid #ddd;
15441 }
15442 table.flexible .table,
15443 .generaltable .table {
15444   background-color: #fff;
15445 }
15446 .singlebutton div {
15447   display: inline-block;
15448   margin-right: 5px;
15449   margin-bottom: 5px;
15450   margin-left: 5px;
15451 }
15452 #notice .buttons .singlebutton {
15453   display: inline-block;
15454 }
15455 .continuebutton {
15456   text-align: center;
15457 }
15458 p.arrow_button {
15459   margin-top: 5em;
15460   text-align: center;
15461 }
15462 p.arrow_button #remove {
15463   margin: 3em auto 5em;
15464 }
15465 p.arrow_button input {
15466   display: block;
15467   width: 100%;
15468   padding-left: 0;
15469   padding-right: 0;
15470   -webkit-box-sizing: border-box;
15471   -moz-box-sizing: border-box;
15472   box-sizing: border-box;
15473 }
15474 #addcontrols {
15475   margin-top: 30px;
15476   text-align: center;
15477   margin-bottom: 3em;
15478 }
15479 #addcontrols label {
15480   display: inline;
15481 }
15482 #addcontrols input,
15483 #removecontrols input {
15484   display: block;
15485   width: 100%;
15486   padding-left: 0;
15487   padding-right: 0;
15488   -webkit-box-sizing: border-box;
15489   -moz-box-sizing: border-box;
15490   box-sizing: border-box;
15491   margin: auto;
15492 }
15493 .btn-lineup {
15494   margin: 0 0 10px 5px;
15495 }
15496 input[name="searchwikicontent"] + input[type="submit"],
15497 select + input[type="submit"],
15498 input[type="text"] + input[type="button"],
15499 input[type="password"] + input[type="submit"],
15500 input[type="text"] + button,
15501 input[type="text"] + input[type="submit"] {
15502   margin: 0 0 10px 5px;
15503 }
15504 button,
15505 input.form-submit,
15506 input[type="button"],
15507 input[type="submit"],
15508 input[type="reset"] {
15509   display: inline-block;
15510   *display: inline;
15511   /* IE7 inline-block hack */
15512   *zoom: 1;
15513   padding: 4px 12px;
15514   margin-bottom: 0;
15515   font-size: 14px;
15516   line-height: 20px;
15517   text-align: center;
15518   vertical-align: middle;
15519   cursor: pointer;
15520   color: #333;
15521   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
15522   background-color: #f5f5f5;
15523   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
15524   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
15525   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
15526   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
15527   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
15528   background-repeat: repeat-x;
15529   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
15530   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
15531   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
15532   *background-color: #e6e6e6;
15533   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
15534   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
15535   border: 1px solid #ccc;
15536   *border: 0;
15537   border-bottom-color: #b3b3b3;
15538   -webkit-border-radius: 4px;
15539   -moz-border-radius: 4px;
15540   border-radius: 4px;
15541   *margin-left: .3em;
15542   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15543   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15544   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15545 }
15546 button:hover,
15547 input.form-submit:hover,
15548 input[type="button"]:hover,
15549 input[type="submit"]:hover,
15550 input[type="reset"]:hover,
15551 button:focus,
15552 input.form-submit:focus,
15553 input[type="button"]:focus,
15554 input[type="submit"]:focus,
15555 input[type="reset"]:focus,
15556 button:active,
15557 input.form-submit:active,
15558 input[type="button"]:active,
15559 input[type="submit"]:active,
15560 input[type="reset"]:active,
15561 button.active,
15562 input.form-submit.active,
15563 input[type="button"].active,
15564 input[type="submit"].active,
15565 input[type="reset"].active,
15566 button.disabled,
15567 input.form-submit.disabled,
15568 input[type="button"].disabled,
15569 input[type="submit"].disabled,
15570 input[type="reset"].disabled,
15571 button[disabled],
15572 input.form-submit[disabled],
15573 input[type="button"][disabled],
15574 input[type="submit"][disabled],
15575 input[type="reset"][disabled] {
15576   color: #333;
15577   background-color: #e6e6e6;
15578   *background-color: #d9d9d9;
15579 }
15580 button:active,
15581 input.form-submit:active,
15582 input[type="button"]:active,
15583 input[type="submit"]:active,
15584 input[type="reset"]:active,
15585 button.active,
15586 input.form-submit.active,
15587 input[type="button"].active,
15588 input[type="submit"].active,
15589 input[type="reset"].active {
15590   background-color: #cccccc \9;
15591 }
15592 button:first-child,
15593 input.form-submit:first-child,
15594 input[type="button"]:first-child,
15595 input[type="submit"]:first-child,
15596 input[type="reset"]:first-child {
15597   *margin-left: 0;
15598 }
15599 button:hover,
15600 input.form-submit:hover,
15601 input[type="button"]:hover,
15602 input[type="submit"]:hover,
15603 input[type="reset"]:hover,
15604 button:focus,
15605 input.form-submit:focus,
15606 input[type="button"]:focus,
15607 input[type="submit"]:focus,
15608 input[type="reset"]:focus {
15609   color: #333;
15610   text-decoration: none;
15611   background-position: 0 -15px;
15612   -webkit-transition: background-position 0.1s linear;
15613   -moz-transition: background-position 0.1s linear;
15614   -o-transition: background-position 0.1s linear;
15615   transition: background-position 0.1s linear;
15616 }
15617 button:focus,
15618 input.form-submit:focus,
15619 input[type="button"]:focus,
15620 input[type="submit"]:focus,
15621 input[type="reset"]:focus {
15622   outline: thin dotted #333;
15623   outline: 5px auto -webkit-focus-ring-color;
15624   outline-offset: -2px;
15625 }
15626 button.active,
15627 input.form-submit.active,
15628 input[type="button"].active,
15629 input[type="submit"].active,
15630 input[type="reset"].active,
15631 button:active,
15632 input.form-submit:active,
15633 input[type="button"]:active,
15634 input[type="submit"]:active,
15635 input[type="reset"]:active {
15636   background-image: none;
15637   outline: 0;
15638   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15639   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15640   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15641 }
15642 button.disabled,
15643 input.form-submit.disabled,
15644 input[type="button"].disabled,
15645 input[type="submit"].disabled,
15646 input[type="reset"].disabled,
15647 button[disabled],
15648 input.form-submit[disabled],
15649 input[type="button"][disabled],
15650 input[type="submit"][disabled],
15651 input[type="reset"][disabled] {
15652   cursor: default;
15653   background-image: none;
15654   opacity: 0.65;
15655   filter: alpha(opacity=65);
15656   -webkit-box-shadow: none;
15657   -moz-box-shadow: none;
15658   box-shadow: none;
15659 }
15660 button .label,
15661 input.form-submit .label,
15662 input[type="button"] .label,
15663 input[type="submit"] .label,
15664 input[type="reset"] .label,
15665 button .badge,
15666 input.form-submit .badge,
15667 input[type="button"] .badge,
15668 input[type="submit"] .badge,
15669 input[type="reset"] .badge {
15670   position: relative;
15671   top: -1px;
15672 }
15673 button,
15674 input.form-submit,
15675 input[type="button"],
15676 input[type="submit"],
15677 input[type="reset"] {
15678   margin: 0 0 10px 5px;
15679 }
15680 button.yui3-button.closebutton {
15681   background-position: 0 0;
15682 }
15683 button.yui3-button.closebutton:hover {
15684   background-position: 0 0;
15685 }
15686 input.fp-btn-choose {
15687   padding: 2px 10px;
15688   font-size: 11.9px;
15689   -webkit-border-radius: 3px;
15690   -moz-border-radius: 3px;
15691   border-radius: 3px;
15692 }
15693 .user-enroller-panel .uep-search-results .user .options .enrol,
15694 .user-enroller-panel .uep-search-results .cohort .options .enrol {
15695   padding: 0 6px;
15696   font-size: 10.5px;
15697   -webkit-border-radius: 3px;
15698   -moz-border-radius: 3px;
15699   border-radius: 3px;
15700 }
15701 .user-enroller-panel .uep-search-results .user .options .enrol .label,
15702 .user-enroller-panel .uep-search-results .cohort .options .enrol .label,
15703 .user-enroller-panel .uep-search-results .user .options .enrol .badge,
15704 .user-enroller-panel .uep-search-results .cohort .options .enrol .badge {
15705   top: 0;
15706 }
15707 .gradetreebox h4 {
15708   font-size: 14px;
15709 }
15710 .gradetreebox th.cell,
15711 .gradetreebox input[type=text] {
15712   width: auto;
15713 }
15714 .gradetreebox input[type=text],
15715 .gradetreebox select {
15716   margin-bottom: 0;
15717 }
15718 .core_grades_notices .singlebutton {
15719   display: inline-block;
15720 }
15721 #page-grade-grading-manage #activemethodselector label {
15722   display: inline-block;
15723 }
15724 #page-grade-grading-manage #activemethodselector .helptooltip {
15725   margin-right: 0.5em;
15726 }
15727 #page-grade-grading-manage .actions {
15728   display: block;
15729   text-align: center;
15730   margin-bottom: 1em;
15731 }
15732 #page-grade-grading-manage .actions .action {
15733   *display: inline;
15734   /* IE7 inline-block hack */
15735   *zoom: 1;
15736   padding: 4px 12px;
15737   margin-bottom: 0;
15738   font-size: 14px;
15739   line-height: 20px;
15740   vertical-align: middle;
15741   cursor: pointer;
15742   color: #333;
15743   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
15744   background-color: #f5f5f5;
15745   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
15746   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
15747   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
15748   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
15749   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
15750   background-repeat: repeat-x;
15751   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
15752   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
15753   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
15754   *background-color: #e6e6e6;
15755   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
15756   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
15757   border: 1px solid #ccc;
15758   *border: 0;
15759   border-bottom-color: #b3b3b3;
15760   -webkit-border-radius: 4px;
15761   -moz-border-radius: 4px;
15762   border-radius: 4px;
15763   *margin-left: .3em;
15764   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15765   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15766   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15767   padding: 11px 19px;
15768   font-size: 17.5px;
15769   -webkit-border-radius: 6px;
15770   -moz-border-radius: 6px;
15771   border-radius: 6px;
15772   display: inline-block;
15773   position: relative;
15774   vertical-align: top;
15775   width: 150px;
15776   text-align: center;
15777   overflow: hidden;
15778   margin: 0.5em;
15779   padding: 1em;
15780   border: 1px solid #aaa;
15781 }
15782 #page-grade-grading-manage .actions .action:hover,
15783 #page-grade-grading-manage .actions .action:focus,
15784 #page-grade-grading-manage .actions .action:active,
15785 #page-grade-grading-manage .actions .action.active,
15786 #page-grade-grading-manage .actions .action.disabled,
15787 #page-grade-grading-manage .actions .action[disabled] {
15788   color: #333;
15789   background-color: #e6e6e6;
15790   *background-color: #d9d9d9;
15791 }
15792 #page-grade-grading-manage .actions .action:active,
15793 #page-grade-grading-manage .actions .action.active {
15794   background-color: #cccccc \9;
15795 }
15796 #page-grade-grading-manage .actions .action:first-child {
15797   *margin-left: 0;
15798 }
15799 #page-grade-grading-manage .actions .action:hover,
15800 #page-grade-grading-manage .actions .action:focus {
15801   color: #333;
15802   text-decoration: none;
15803   background-position: 0 -15px;
15804   -webkit-transition: background-position 0.1s linear;
15805   -moz-transition: background-position 0.1s linear;
15806   -o-transition: background-position 0.1s linear;
15807   transition: background-position 0.1s linear;
15808 }
15809 #page-grade-grading-manage .actions .action:focus {
15810   outline: thin dotted #333;
15811   outline: 5px auto -webkit-focus-ring-color;
15812   outline-offset: -2px;
15813 }
15814 #page-grade-grading-manage .actions .action.active,
15815 #page-grade-grading-manage .actions .action:active {
15816   background-image: none;
15817   outline: 0;
15818   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15819   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15820   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15821 }
15822 #page-grade-grading-manage .actions .action.disabled,
15823 #page-grade-grading-manage .actions .action[disabled] {
15824   cursor: default;
15825   background-image: none;
15826   opacity: 0.65;
15827   filter: alpha(opacity=65);
15828   -webkit-box-shadow: none;
15829   -moz-box-shadow: none;
15830   box-shadow: none;
15831 }
15832 #page-grade-grading-manage .actions .action .label,
15833 #page-grade-grading-manage .actions .action .badge {
15834   position: relative;
15835   top: -1px;
15836 }
15837 #page-grade-grading-manage .actions .action .action-icon {
15838   display: inline-block;
15839   position: relative;
15840   height: 64px;
15841   width: 64px;
15842 }
15843 #page-grade-grading-manage .actions .action .action-text {
15844   position: relative;
15845   top: 0.4em;
15846   font-size: 14px;
15847 }
15848 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
15849   font-size: 70%;
15850 }
15851 .gradingform_rubric.editor .addlevel input,
15852 .gradingform_rubric.editor .addcriterion input {
15853   background: #fff none no-repeat top left;
15854 }
15855 #rubric-rubric.gradingform_rubric #rubric-criteria {
15856   margin-bottom: 1em;
15857 }
15858 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
15859   vertical-align: top;
15860   padding: 6px;
15861 }
15862 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
15863   margin-bottom: 0;
15864   height: 115px;
15865 }
15866 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
15867   width: 80%;
15868   margin-bottom: 0;
15869 }
15870 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
15871   position: relative;
15872   float: left;
15873   margin-right: 28px;
15874 }
15875 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
15876   margin-bottom: 0;
15877 }
15878 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
15879   vertical-align: top;
15880   padding: 6px;
15881 }
15882 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
15883   position: relative;
15884   width: 32px;
15885   height: 32px;
15886   margin-top: -32px;
15887   clear: both;
15888   float: right;
15889 }
15890 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
15891   display: block;
15892   position: absolute;
15893   right: 0;
15894   bottom: 0;
15895   height: 24px;
15896   width: 24px;
15897   margin: 0;
15898 }
15899 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
15900   background-color: #ddd;
15901 }
15902 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
15903   float: none;
15904   width: 2em;
15905 }
15906 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
15907 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
15908   width: 0;
15909 }
15910 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
15911   vertical-align: middle;
15912 }
15913 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
15914   display: inline-block;
15915   *display: inline;
15916   /* IE7 inline-block hack */
15917   *zoom: 1;
15918   padding: 4px 12px;
15919   margin-bottom: 0;
15920   font-size: 14px;
15921   line-height: 20px;
15922   text-align: center;
15923   vertical-align: middle;
15924   cursor: pointer;
15925   color: #333;
15926   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
15927   background-color: #f5f5f5;
15928   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
15929   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
15930   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
15931   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
15932   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
15933   background-repeat: repeat-x;
15934   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
15935   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
15936   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
15937   *background-color: #e6e6e6;
15938   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
15939   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
15940   border: 1px solid #ccc;
15941   *border: 0;
15942   border-bottom-color: #b3b3b3;
15943   -webkit-border-radius: 4px;
15944   -moz-border-radius: 4px;
15945   border-radius: 4px;
15946   *margin-left: .3em;
15947   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15948   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15949   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
15950   background-position: 0 0;
15951   height: 30px;
15952   margin-right: 5px;
15953 }
15954 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
15955 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus,
15956 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
15957 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
15958 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
15959 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
15960   color: #333;
15961   background-color: #e6e6e6;
15962   *background-color: #d9d9d9;
15963 }
15964 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
15965 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active {
15966   background-color: #cccccc \9;
15967 }
15968 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:first-child {
15969   *margin-left: 0;
15970 }
15971 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
15972 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
15973   color: #333;
15974   text-decoration: none;
15975   background-position: 0 -15px;
15976   -webkit-transition: background-position 0.1s linear;
15977   -moz-transition: background-position 0.1s linear;
15978   -o-transition: background-position 0.1s linear;
15979   transition: background-position 0.1s linear;
15980 }
15981 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
15982   outline: thin dotted #333;
15983   outline: 5px auto -webkit-focus-ring-color;
15984   outline-offset: -2px;
15985 }
15986 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
15987 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active {
15988   background-image: none;
15989   outline: 0;
15990   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15991   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15992   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
15993 }
15994 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
15995 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
15996   cursor: default;
15997   background-image: none;
15998   opacity: 0.65;
15999   filter: alpha(opacity=65);
16000   -webkit-box-shadow: none;
16001   -moz-box-shadow: none;
16002   box-shadow: none;
16003 }
16004 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .label,
16005 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge {
16006   position: relative;
16007   top: -1px;
16008 }
16009 #rubric-rubric.gradingform_rubric .addcriterion {
16010   margin-left: 5px;
16011   display: inline-block;
16012   *display: inline;
16013   /* IE7 inline-block hack */
16014   *zoom: 1;
16015   padding: 4px 12px;
16016   margin-bottom: 0;
16017   font-size: 14px;
16018   line-height: 20px;
16019   text-align: center;
16020   vertical-align: middle;
16021   cursor: pointer;
16022   color: #333;
16023   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
16024   background-color: #f5f5f5;
16025   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
16026   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
16027   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
16028   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
16029   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
16030   background-repeat: repeat-x;
16031   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
16032   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
16033   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
16034   *background-color: #e6e6e6;
16035   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
16036   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
16037   border: 1px solid #ccc;
16038   *border: 0;
16039   border-bottom-color: #b3b3b3;
16040   -webkit-border-radius: 4px;
16041   -moz-border-radius: 4px;
16042   border-radius: 4px;
16043   *margin-left: .3em;
16044   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
16045   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
16046   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
16047   padding: 0;
16048   margin-bottom: 1em;
16049 }
16050 #rubric-rubric.gradingform_rubric .addcriterion:hover,
16051 #rubric-rubric.gradingform_rubric .addcriterion:focus,
16052 #rubric-rubric.gradingform_rubric .addcriterion:active,
16053 #rubric-rubric.gradingform_rubric .addcriterion.active,
16054 #rubric-rubric.gradingform_rubric .addcriterion.disabled,
16055 #rubric-rubric.gradingform_rubric .addcriterion[disabled] {
16056   color: #333;
16057   background-color: #e6e6e6;
16058   *background-color: #d9d9d9;
16059 }
16060 #rubric-rubric.gradingform_rubric .addcriterion:active,
16061 #rubric-rubric.gradingform_rubric .addcriterion.active {
16062   background-color: #cccccc \9;
16063 }
16064 #rubric-rubric.gradingform_rubric .addcriterion:first-child {
16065   *margin-left: 0;
16066 }
16067 #rubric-rubric.gradingform_rubric .addcriterion:hover,
16068 #rubric-rubric.gradingform_rubric .addcriterion:focus {
16069   color: #333;
16070   text-decoration: none;
16071   background-position: 0 -15px;
16072   -webkit-transition: background-position 0.1s linear;
16073   -moz-transition: background-position 0.1s linear;
16074   -o-transition: background-position 0.1s linear;
16075   transition: background-position 0.1s linear;
16076 }
16077 #rubric-rubric.gradingform_rubric .addcriterion:focus {
16078   outline: thin dotted #333;
16079   outline: 5px auto -webkit-focus-ring-color;
16080   outline-offset: -2px;
16081 }
16082 #rubric-rubric.gradingform_rubric .addcriterion.active,
16083 #rubric-rubric.gradingform_rubric .addcriterion:active {
16084   background-image: none;
16085   outline: 0;
16086   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
16087   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
16088   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
16089 }
16090 #rubric-rubric.gradingform_rubric .addcriterion.disabled,
16091 #rubric-rubric.gradingform_rubric .addcriterion[disabled] {
16092   cursor: default;
16093   background-image: none;
16094   opacity: 0.65;
16095   filter: alpha(opacity=65);
16096   -webkit-box-shadow: none;
16097   -moz-box-shadow: none;
16098   box-shadow: none;
16099 }
16100 #rubric-rubric.gradingform_rubric .addcriterion .label,
16101 #rubric-rubric.gradingform_rubric .addcriterion .badge {
16102   position: relative;
16103   top: -1px;
16104 }
16105 #rubric-rubric.gradingform_rubric .addcriterion input {
16106   margin: 0;
16107   color: inherit;
16108   text-shadow: inherit;
16109   border: 0 none;
16110   line-height: inherit;
16111   background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
16112   padding-left: 26px;
16113 }
16114 #rubric-rubric.gradingform_rubric .options {
16115   clear: both;
16116 }
16117 #rubric-rubric.gradingform_rubric .options .option label {
16118   margin: 0;
16119   padding: 0;
16120   font-size: inherit;
16121   font-weight: normal;
16122   line-height: 2em;
16123   color: inherit;
16124   text-shadow: none;
16125   background-color: transparent;
16126 }
16127 #rubric-rubric.gradingform_rubric .options .option input {
16128   margin-left: 5px;
16129   margin-right: 12px;
16130 }
16131 .path-grade-edit-tree .setup-grades h4 {
16132   margin: 0;
16133 }
16134 .path-grade-edit-tree .setup-grades .column-rowspan {
16135   padding: 0;
16136   width: 24px;
16137   min-width: 24px;
16138   max-width: 24px;
16139 }
16140 .path-grade-edit-tree .setup-grades .category td.column-name {
16141   padding-left: 0;
16142 }
16143 .path-grade-edit-tree .setup-grades td.column-name {
16144   padding-left: 24px;
16145 }
16146 .path-grade-edit-tree .setup-grades .column-name h4 img.icon {
16147   padding-left: 0;
16148 }
16149 .path-grade-edit-tree .setup-grades .category input[type="text"],
16150 .path-grade-edit-tree .setup-grades .category .column-range,
16151 .path-grade-edit-tree .setup-grades .categoryitem,
16152 .path-grade-edit-tree .setup-grades .courseitem {
16153   font-weight: bold;
16154 }
16155 .path-grade-edit-tree .setup-grades .emptyrow {
16156   display: none;
16157 }
16158 .path-grade-edit-tree .setup-grades .gradeitemdescription {
16159   font-weight: normal;
16160   padding-left: 24px;
16161 }
16162 .path-grade-edit-tree .setup-grades .column-weight {
16163   white-space: nowrap;
16164 }
16165 .path-grade-edit-tree .setup-grades .column-weight.level3 {
16166   padding-left: 37px;
16167 }
16168 .path-grade-edit-tree .setup-grades .column-weight.level4 {
16169   padding-left: 66px;
16170 }
16171 .path-grade-edit-tree .setup-grades .column-weight.level5 {
16172   padding-left: 95px;
16173 }
16174 .path-grade-edit-tree .setup-grades .column-weight.level6 {
16175   padding-left: 124px;
16176 }
16177 .path-grade-edit-tree .setup-grades .column-weight.level7 {
16178   padding-left: 153px;
16179 }
16180 .path-grade-edit-tree .setup-grades .column-weight.level8 {
16181   padding-left: 182px;
16182 }
16183 .path-grade-edit-tree .setup-grades .column-weight.level9 {
16184   padding-left: 211px;
16185 }
16186 .path-grade-edit-tree .setup-grades .column-weight.level10 {
16187   padding-left: 240px;
16188 }
16189 .path-grade-edit-tree .setup-grades .column-range.level2 {
16190   padding-left: 37px;
16191 }
16192 .path-grade-edit-tree .setup-grades .column-range.level3 {
16193   padding-left: 66px;
16194 }
16195 .path-grade-edit-tree .setup-grades .column-range.level4 {
16196   padding-left: 95px;
16197 }
16198 .path-grade-edit-tree .setup-grades .column-range.level5 {
16199   padding-left: 124px;
16200 }
16201 .path-grade-edit-tree .setup-grades .column-range.level6 {
16202   padding-left: 153px;
16203 }
16204 .path-grade-edit-tree .setup-grades .column-range.level7 {
16205   padding-left: 182px;
16206 }
16207 .path-grade-edit-tree .setup-grades .column-range.level8 {
16208   padding-left: 211px;
16209 }
16210 .path-grade-edit-tree .setup-grades .column-range.level9 {
16211   padding-left: 240px;
16212 }
16213 .path-grade-edit-tree .setup-grades .column-range.level10 {
16214   padding-left: 269px;
16215 }
16216 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
16217   background-color: #f9f9f9;
16218 }
16219 .path-grade-edit-tree .setup-grades.generaltable .leveleven {
16220   background-color: transparent;
16221 }
16222 /**
16223  * Grader report.
16224  */
16225 .path-grade-report .gradeparent table {
16226   -webkit-border-radius: 4px;
16227   -moz-border-radius: 4px;
16228   border-radius: 4px;
16229 }
16230 .path-grade-report .gradeparent tr .cell {
16231   background-color: #fff;
16232 }
16233 .path-grade-report .gradeparent table,
16234 .path-grade-report .gradeparent .cell {
16235   border-color: #ddd;
16236 }
16237 .path-grade-report .gradeparent tr:nth-of-type(even) .cell,
16238 .path-grade-report .gradeparent .floater .cell,
16239 .path-grade-report .gradeparent .avg {
16240   background-color: #f9f9f9;
16241 }
16242 .path-grade-report .gradeparent table .clickable {
16243   cursor: pointer;
16244 }
16245 /**
16246  * User report.
16247  */
16248 .path-grade-report-user .user-grade {
16249   border: none;
16250 }
16251 .path-grade-report-user .user-grade.generaltable .levelodd {
16252   background-color: #f9f9f9;
16253 }
16254 .path-grade-report-user .user-grade.generaltable .leveleven {
16255   background-color: transparent;
16256 }
16257 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
16258 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
16259 .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell {
16260   padding-left: 47px;
16261 }
16262 .content-only.path-grade-report-grader .gradeparent table {
16263   margin-left: 42px;
16264 }
16265 /**
16266  * This styles the H2 node the dock creates to test the width before making its title rotation.
16267  * We need to apply these EXACT styles to the #dock .dockedtitle h2 to be sure things are spaced correctly.
16268  */
16269 .transform-test-heading {
16270   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
16271   font-size: 11px;
16272   line-height: 36px;
16273   text-align: center;
16274   font-weight: bold;
16275   margin: 0;
16276   padding: 0;
16277 }
16278 body.has_dock #page {
16279   padding-left: 45px;
16280   padding-right: 20px;
16281 }
16282 body.has_dock div#dock {
16283   display: inline;
16284 }
16285 #dock {
16286   z-index: 12000;
16287   width: 42px;
16288   position: fixed;
16289   top: 0;
16290   left: 0;
16291   height: 100%;
16292   background-color: transparent;
16293   border-right: 0 none;
16294 }
16295 #dock .nothingdocked {
16296   visibility: hidden;
16297   display: none;
16298 }
16299 #dock .dockeditem_container {
16300   margin-top: 68px;
16301 }
16302 #dock .dockeditem .firstdockitem {
16303   margin-top: 1em;
16304 }
16305 #dock .dockedtitle {
16306   display: inline-block;
16307   *display: inline;
16308   /* IE7 inline-block hack */
16309   *zoom: 1;
16310   padding: 4px 12px;
16311   margin-bottom: 0;
16312   font-size: 14px;
16313   line-height: 20px;
16314   text-align: center;
16315   vertical-align: middle;
16316   color: #333;
16317   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
16318   background-color: #f5f5f5;
16319   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
16320   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
16321   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
16322   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
16323   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
16324   background-repeat: repeat-x;
16325   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
16326   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
16327   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
16328   *background-color: #e6e6e6;
16329   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
16330   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
16331   border: 1px solid #ccc;
16332   *border: 0;
16333   border-bottom-color: #b3b3b3;
16334   -webkit-border-radius: 4px;
16335   -moz-border-radius: 4px;
16336   border-radius: 4px;
16337   *margin-left: .3em;
16338   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
16339   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
16340   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
16341   display: block;
16342   width: 36px;
16343   margin: 3px;
16344   padding: 0;
16345   cursor: pointer;
16346 }
16347 #dock .dockedtitle:hover,
16348 #dock .dockedtitle:focus,
16349 #dock .dockedtitle:active,
16350 #dock .dockedtitle.active,
16351 #dock .dockedtitle.disabled,
16352 #dock .dockedtitle[disabled] {
16353   color: #333;
16354   background-color: #e6e6e6;
16355   *background-color: #d9d9d9;
16356 }
16357 #dock .dockedtitle:active,
16358 #dock .dockedtitle.active {
16359   background-color: #cccccc \9;
16360 }
16361 #dock .dockedtitle:first-child {
16362   *margin-left: 0;
16363 }
16364 #dock .dockedtitle:hover,
16365 #dock .dockedtitle:focus {
16366   color: #333;
16367   text-decoration: none;
16368   background-position: 0 -15px;
16369   -webkit-transition: background-position 0.1s linear;
16370   -moz-transition: background-position 0.1s linear;
16371   -o-transition: background-position 0.1s linear;
16372   transition: background-position 0.1s linear;
16373 }
16374 #dock .dockedtitle:focus {
16375   outline: thin dotted #333;
16376   outline: 5px auto -webkit-focus-ring-color;
16377   outline-offset: -2px;
16378 }
16379 #dock .dockedtitle.active,
16380 #dock .dockedtitle:active {
16381   background-image: none;
16382   outline: 0;
16383   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
16384   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
16385   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
16386 }
16387 #dock .dockedtitle.disabled,
16388 #dock .dockedtitle[disabled] {
16389   cursor: default;
16390   background-image: none;
16391   opacity: 0.65;
16392   filter: alpha(opacity=65);
16393   -webkit-box-shadow: none;
16394   -moz-box-shadow: none;
16395   box-shadow: none;
16396 }
16397 #dock .dockedtitle .label,
16398 #dock .dockedtitle .badge {
16399   position: relative;
16400   top: -1px;
16401 }
16402 #dock .dockedtitle h2 {
16403   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
16404   font-size: 11px;
16405   line-height: 36px;
16406   text-align: center;
16407   font-weight: bold;
16408   margin: 0;
16409   padding: 0;
16410 }
16411 #dock .dockedtitle .filterrotate {
16412   margin-left: 8px;
16413 }
16414 #dock .controls {
16415   position: absolute;
16416   bottom: 1em;
16417   text-align: center;
16418   width: 100%;
16419 }
16420 #dock .controls img {
16421   cursor: pointer;
16422 }
16423 #dock .editing_move,
16424 #dock .moodle-core-dragdrop-draghandle {
16425   display: none;
16426 }
16427 #dockeditempanel {
16428   min-width: 200px;
16429   position: relative;
16430   left: 100%;
16431   padding-left: 5px;
16432 }
16433 #dockeditempanel.dockitempanel_hidden {
16434   display: none;
16435 }
16436 #dockeditempanel .dockeditempanel_content {
16437   background-color: #f5f5f5;
16438   width: 384px;
16439   border: 1px solid #d5d5d5;
16440   -webkit-box-shadow: 2px 4px 4px 2px #eee;
16441   -moz-box-shadow: 2px 4px 4px 2px #eee;
16442   box-shadow: 2px 4px 4px 2px #eee;
16443   -webkit-border-radius: 4px;
16444   -moz-border-radius: 4px;
16445   border-radius: 4px;
16446 }
16447 #dockeditempanel .dockeditempanel_bd {
16448   overflow: auto;
16449   /** Required to make the content scrollable when it flows over the fixed area of the screen */
16450 }
16451 #dockeditempanel .dockeditempanel_bd > * {
16452   margin: 1em;
16453 }
16454 #dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
16455   overflow: visible;
16456 }
16457 #dockeditempanel .dockeditempanel_hd {
16458   border-bottom: 1px solid #fff;
16459   padding: 0.5em 1em;
16460 }
16461 #dockeditempanel .dockeditempanel_hd h2 {
16462   display: block;
16463   padding: 3px 15px;
16464   font-size: 11px;
16465   font-weight: bold;
16466   line-height: 20px;
16467   color: #999;
16468   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
16469   text-transform: uppercase;
16470   font-size: 1.1em;
16471   padding: 0;
16472   margin: 0;
16473 }
16474 #dockeditempanel .dockeditempanel_hd .commands {
16475   display: block;
16476   text-align: right;
16477 }
16478 #dockeditempanel .dockeditempanel_hd .commands > a,
16479 #dockeditempanel .dockeditempanel_hd .commands > span {
16480   margin-left: 3px;
16481   cursor: pointer;
16482 }
16483 #dockeditempanel .dockeditempanel_hd .commands img,
16484 #dockeditempanel .dockeditempanel_hd .commands input {
16485   vertical-align: middle;
16486   margin-right: 1px;
16487 }
16488 #dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
16489   cursor: pointer;
16490 }
16491 #dockeditempanel .dockeditempanel_hd .commands img.actionmenu {
16492   width: auto;
16493 }
16494 @media (min-width: 768px) {
16495   body.has_dock #page {
16496     padding-left: 65px;
16497   }
16498 }
16499 /* Styling for mustache templates */
16500 /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */
16501 /* stylelint-enable */
16502 .columns-autoflow-1to1to1 {
16503   -webkit-column-count: 3;
16504   -moz-column-count: 3;
16505   column-count: 3;
16506   -webkit-column-gap: 20px;
16507   -moz-column-gap: 20px;
16508   column-gap: 20px;
16509 }
16510 @media (max-width: 767px) {
16511   .columns-autoflow-1to1to1 {
16512     -webkit-column-count: 1;
16513     -moz-column-count: 1;
16514     column-count: 1;
16515     -webkit-column-gap: 0;
16516     -moz-column-gap: 0;
16517     column-gap: 0;
16518   }
16519 }
16520 @media (min-width: 768px) and (max-width: 979px) {
16521   .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
16522     float: right;
16523     margin-left: 0;
16524     *margin-left: 0;
16525     margin-right: 2.76243094%;
16526     *margin-right: 2.70923945%;
16527   }
16528   .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
16529     margin-right: 0;
16530   }
16531 }
16532 @media (min-width: 980px) and (max-width: 1199px) {
16533   .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
16534     float: right;
16535     margin-left: 0;
16536     *margin-left: 0;
16537     margin-right: 2.12765957%;
16538     *margin-right: 2.07446809%;
16539   }
16540   .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
16541     margin-right: 0;
16542   }
16543 }
16544 @media (min-width: 1200px) {
16545   .dir-rtl .row-fluid.rtl-compatible [class*="span"] {
16546     float: right;
16547     margin-left: 0;
16548     *margin-left: 0;
16549     margin-right: 2.56410256%;
16550     *margin-right: 2.51091107%;
16551   }
16552   .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
16553     margin-right: 0;
16554   }
16555 }
16556 @-ms-viewport {
16557   width: device-width;
16558 }
16559 .hidden {
16560   display: none;
16561   visibility: hidden;
16562 }
16563 .visible-phone {
16564   display: none !important;
16565 }
16566 .visible-tablet {
16567   display: none !important;
16568 }
16569 .hidden-desktop {
16570   display: none !important;
16571 }
16572 .visible-desktop {
16573   display: inherit !important;
16574 }
16575 @media (min-width: 768px) and (max-width: 979px) {
16576   .hidden-desktop {
16577     display: inherit !important;
16578   }
16579   .visible-desktop {
16580     display: none !important ;
16581   }
16582   .visible-tablet {
16583     display: inherit !important;
16584   }
16585   .hidden-tablet {
16586     display: none !important;
16587   }
16588 }
16589 @media (max-width: 767px) {
16590   .hidden-desktop {
16591     display: inherit !important;
16592   }
16593   .visible-desktop {
16594     display: none !important;
16595   }
16596   .visible-phone {
16597     display: inherit !important;
16598   }
16599   .hidden-phone {
16600     display: none !important;
16601   }
16602 }
16603 .visible-print {
16604   display: none !important;
16605 }
16606 @media print {
16607   .visible-print {
16608     display: inherit !important;
16609   }
16610   .hidden-print {
16611     display: none !important;
16612   }
16613 }
16614 @media (min-width: 1200px) {
16615   .row {
16616     margin-left: -30px;
16617     *zoom: 1;
16618   }
16619   .row:before,
16620   .row:after {
16621     display: table;
16622     content: "";
16623     line-height: 0;
16624   }
16625   .row:after {
16626     clear: both;
16627   }
16628   [class*="span"] {
16629     float: left;
16630     min-height: 1px;
16631     margin-left: 30px;
16632   }
16633   .container,
16634   .navbar-static-top .container,
16635   .navbar-fixed-top .container,
16636   .navbar-fixed-bottom .container {
16637     width: 1170px;
16638   }
16639   .span12 {
16640     width: 1170px;
16641   }
16642   .span11 {
16643     width: 1070px;
16644   }
16645   .span10 {
16646     width: 970px;
16647   }
16648   .span9 {
16649     width: 870px;
16650   }
16651   .span8 {
16652     width: 770px;
16653   }
16654   .span7 {
16655     width: 670px;
16656   }
16657   .span6 {
16658     width: 570px;
16659   }
16660   .span5 {
16661     width: 470px;
16662   }
16663   .span4 {
16664     width: 370px;
16665   }
16666   .span3 {
16667     width: 270px;
16668   }
16669   .span2 {
16670     width: 170px;
16671   }
16672   .span1 {
16673     width: 70px;
16674   }
16675   .offset12 {
16676     margin-left: 1230px;
16677   }
16678   .offset11 {
16679     margin-left: 1130px;
16680   }
16681   .offset10 {
16682     margin-left: 1030px;
16683   }
16684   .offset9 {
16685     margin-left: 930px;
16686   }
16687   .offset8 {
16688     margin-left: 830px;
16689   }
16690   .offset7 {
16691     margin-left: 730px;
16692   }
16693   .offset6 {
16694     margin-left: 630px;
16695   }
16696   .offset5 {
16697     margin-left: 530px;
16698   }
16699   .offset4 {
16700     margin-left: 430px;
16701   }
16702   .offset3 {
16703     margin-left: 330px;
16704   }
16705   .offset2 {
16706     margin-left: 230px;
16707   }
16708   .offset1 {
16709     margin-left: 130px;
16710   }
16711   .row-fluid {
16712     width: 100%;
16713     *zoom: 1;
16714   }
16715   .row-fluid:before,
16716   .row-fluid:after {
16717     display: table;
16718     content: "";
16719     line-height: 0;
16720   }
16721   .row-fluid:after {
16722     clear: both;
16723   }
16724   .row-fluid [class*="span"] {
16725     display: block;
16726     width: 100%;
16727     min-height: 30px;
16728     -webkit-box-sizing: border-box;
16729     -moz-box-sizing: border-box;
16730     box-sizing: border-box;
16731     float: left;
16732     margin-left: 2.56410256%;
16733     *margin-left: 2.51091107%;
16734   }
16735   .row-fluid [class*="span"]:first-child {
16736     margin-left: 0;
16737   }
16738   .row-fluid .controls-row [class*="span"] + [class*="span"] {
16739     margin-left: 2.56410256%;
16740   }
16741   .row-fluid .span12 {
16742     width: 100%;
16743     *width: 99.94680851%;
16744   }
16745   .row-fluid .span11 {
16746     width: 91.45299145%;
16747     *width: 91.39979996%;
16748   }
16749   .row-fluid .span10 {
16750     width: 82.90598291%;
16751     *width: 82.85279142%;
16752   }
16753   .row-fluid .span9 {
16754     width: 74.35897436%;
16755     *width: 74.30578287%;
16756   }
16757   .row-fluid .span8 {
16758     width: 65.81196581%;
16759     *width: 65.75877432%;
16760   }
16761   .row-fluid .span7 {
16762     width: 57.26495726%;
16763     *width: 57.21176578%;
16764   }
16765   .row-fluid .span6 {
16766     width: 48.71794872%;
16767     *width: 48.66475723%;
16768   }
16769   .row-fluid .span5 {
16770     width: 40.17094017%;
16771     *width: 40.11774868%;
16772   }
16773   .row-fluid .span4 {
16774     width: 31.62393162%;
16775     *width: 31.57074013%;
16776   }
16777   .row-fluid .span3 {
16778     width: 23.07692308%;
16779     *width: 23.02373159%;
16780   }
16781   .row-fluid .span2 {
16782     width: 14.52991453%;
16783     *width: 14.47672304%;
16784   }
16785   .row-fluid .span1 {
16786     width: 5.98290598%;
16787     *width: 5.92971449%;
16788   }
16789   .row-fluid .offset12 {
16790     margin-left: 105.12820513%;
16791     *margin-left: 105.02182215%;
16792   }
16793   .row-fluid .offset12:first-child {
16794     margin-left: 102.56410256%;
16795     *margin-left: 102.45771959%;
16796   }
16797   .row-fluid .offset11 {
16798     margin-left: 96.58119658%;
16799     *margin-left: 96.4748136%;
16800   }
16801   .row-fluid .offset11:first-child {
16802     margin-left: 94.01709402%;
16803     *margin-left: 93.91071104%;
16804   }
16805   .row-fluid .offset10 {
16806     margin-left: 88.03418803%;
16807     *margin-left: 87.92780506%;
16808   }
16809   .row-fluid .offset10:first-child {
16810     margin-left: 85.47008547%;
16811     *margin-left: 85.36370249%;
16812   }
16813   .row-fluid .offset9 {
16814     margin-left: 79.48717949%;
16815     *margin-left: 79.38079651%;
16816   }
16817   .row-fluid .offset9:first-child {
16818     margin-left: 76.92307692%;
16819     *margin-left: 76.81669394%;
16820   }
16821   .row-fluid .offset8 {
16822     margin-left: 70.94017094%;
16823     *margin-left: 70.83378796%;
16824   }
16825   .row-fluid .offset8:first-child {
16826     margin-left: 68.37606838%;
16827     *margin-left: 68.2696854%;
16828   }
16829   .row-fluid .offset7 {
16830     margin-left: 62.39316239%;
16831     *margin-left: 62.28677941%;
16832   }
16833   .row-fluid .offset7:first-child {
16834     margin-left: 59.82905983%;
16835     *margin-left: 59.72267685%;
16836   }
16837   .row-fluid .offset6 {
16838     margin-left: 53.84615385%;
16839     *margin-left: 53.73977087%;
16840   }
16841   .row-fluid .offset6:first-child {
16842     margin-left: 51.28205128%;
16843     *margin-left: 51.1756683%;
16844   }
16845   .row-fluid .offset5 {
16846     margin-left: 45.2991453%;
16847     *margin-left: 45.19276232%;
16848   }
16849   .row-fluid .offset5:first-child {
16850     margin-left: 42.73504274%;
16851     *margin-left: 42.62865976%;
16852   }
16853   .row-fluid .offset4 {
16854     margin-left: 36.75213675%;
16855     *margin-left: 36.64575377%;
16856   }
16857   .row-fluid .offset4:first-child {
16858     margin-left: 34.18803419%;
16859     *margin-left: 34.08165121%;
16860   }
16861   .row-fluid .offset3 {
16862     margin-left: 28.20512821%;
16863     *margin-left: 28.09874523%;
16864   }
16865   .row-fluid .offset3:first-child {
16866     margin-left: 25.64102564%;
16867     *margin-left: 25.53464266%;
16868   }
16869   .row-fluid .offset2 {
16870     margin-left: 19.65811966%;
16871     *margin-left: 19.55173668%;
16872   }
16873   .row-fluid .offset2:first-child {
16874     margin-left: 17.09401709%;
16875     *margin-left: 16.98763412%;
16876   }
16877   .row-fluid .offset1 {
16878     margin-left: 11.11111111%;
16879     *margin-left: 11.00472813%;
16880   }
16881   .row-fluid .offset1:first-child {
16882     margin-left: 8.54700855%;
16883     *margin-left: 8.44062557%;
16884   }
16885   input,
16886   textarea,
16887   .uneditable-input {
16888     margin-left: 0;
16889   }
16890   .controls-row [class*="span"] + [class*="span"] {
16891     margin-left: 30px;
16892   }
16893   input.span12,
16894   textarea.span12,
16895   .uneditable-input.span12 {
16896     width: 1156px;
16897   }
16898   input.span11,
16899   textarea.span11,
16900   .uneditable-input.span11 {
16901     width: 1056px;
16902   }
16903   input.span10,
16904   textarea.span10,
16905   .uneditable-input.span10 {
16906     width: 956px;
16907   }
16908   input.span9,
16909   textarea.span9,
16910   .uneditable-input.span9 {
16911     width: 856px;
16912   }
16913   input.span8,
16914   textarea.span8,
16915   .uneditable-input.span8 {
16916     width: 756px;
16917   }
16918   input.span7,
16919   textarea.span7,
16920   .uneditable-input.span7 {
16921     width: 656px;
16922   }
16923   input.span6,
16924   textarea.span6,
16925   .uneditable-input.span6 {
16926     width: 556px;
16927   }
16928   input.span5,
16929   textarea.span5,
16930   .uneditable-input.span5 {
16931     width: 456px;
16932   }
16933   input.span4,
16934   textarea.span4,
16935   .uneditable-input.span4 {
16936     width: 356px;
16937   }
16938   input.span3,
16939   textarea.span3,
16940   .uneditable-input.span3 {
16941     width: 256px;
16942   }
16943   input.span2,
16944   textarea.span2,
16945   .uneditable-input.span2 {
16946     width: 156px;
16947   }
16948   input.span1,
16949   textarea.span1,
16950   .uneditable-input.span1 {
16951     width: 56px;
16952   }
16953   .thumbnails {
16954     margin-left: -30px;
16955   }
16956   .thumbnails > li {
16957     margin-left: 30px;
16958   }
16959   .row-fluid .thumbnails {
16960     margin-left: 0;
16961   }
16962 }
16963 @media (min-width: 768px) and (max-width: 979px) {
16964   .row {
16965     margin-left: -20px;
16966     *zoom: 1;
16967   }
16968   .row:before,
16969   .row:after {
16970     display: table;
16971     content: "";
16972     line-height: 0;
16973   }
16974   .row:after {
16975     clear: both;
16976   }
16977   [class*="span"] {
16978     float: left;
16979     min-height: 1px;
16980     margin-left: 20px;
16981   }
16982   .container,
16983   .navbar-static-top .container,
16984   .navbar-fixed-top .container,
16985   .navbar-fixed-bottom .container {
16986     width: 724px;
16987   }
16988   .span12 {
16989     width: 724px;
16990   }
16991   .span11 {
16992     width: 662px;
16993   }
16994   .span10 {
16995     width: 600px;
16996   }
16997   .span9 {
16998     width: 538px;
16999   }
17000   .span8 {
17001     width: 476px;
17002   }
17003   .span7 {
17004     width: 414px;
17005   }
17006   .span6 {
17007     width: 352px;
17008   }
17009   .span5 {
17010     width: 290px;
17011   }
17012   .span4 {
17013     width: 228px;
17014   }
17015   .span3 {
17016     width: 166px;
17017   }
17018   .span2 {
17019     width: 104px;
17020   }
17021   .span1 {
17022     width: 42px;
17023   }
17024   .offset12 {
17025     margin-left: 764px;
17026   }
17027   .offset11 {
17028     margin-left: 702px;
17029   }
17030   .offset10 {
17031     margin-left: 640px;
17032   }
17033   .offset9 {
17034     margin-left: 578px;
17035   }
17036   .offset8 {
17037     margin-left: 516px;
17038   }
17039   .offset7 {
17040     margin-left: 454px;
17041   }
17042   .offset6 {
17043     margin-left: 392px;
17044   }
17045   .offset5 {
17046     margin-left: 330px;
17047   }
17048   .offset4 {
17049     margin-left: 268px;
17050   }
17051   .offset3 {
17052     margin-left: 206px;
17053   }
17054   .offset2 {
17055     margin-left: 144px;
17056   }
17057   .offset1 {
17058     margin-left: 82px;
17059   }
17060   .row-fluid {
17061     width: 100%;
17062     *zoom: 1;
17063   }
17064   .row-fluid:before,
17065   .row-fluid:after {
17066     display: table;
17067     content: "";
17068     line-height: 0;
17069   }
17070   .row-fluid:after {
17071     clear: both;
17072   }
17073   .row-fluid [class*="span"] {
17074     display: block;
17075     width: 100%;
17076     min-height: 30px;
17077     -webkit-box-sizing: border-box;
17078     -moz-box-sizing: border-box;
17079     box-sizing: border-box;
17080     float: left;
17081     margin-left: 2.76243094%;
17082     *margin-left: 2.70923945%;
17083   }
17084   .row-fluid [class*="span"]:first-child {
17085     margin-left: 0;
17086   }
17087   .row-fluid .controls-row [class*="span"] + [class*="span"] {
17088     margin-left: 2.76243094%;
17089   }
17090   .row-fluid .span12 {
17091     width: 100%;
17092     *width: 99.94680851%;
17093   }
17094   .row-fluid .span11 {
17095     width: 91.43646409%;
17096     *width: 91.3832726%;
17097   }
17098   .row-fluid .span10 {
17099     width: 82.87292818%;
17100     *width: 82.81973669%;
17101   }
17102   .row-fluid .span9 {
17103     width: 74.30939227%;
17104     *width: 74.25620078%;
17105   }
17106   .row-fluid .span8 {
17107     width: 65.74585635%;
17108     *width: 65.69266486%;
17109   }
17110   .row-fluid .span7 {
17111     width: 57.18232044%;
17112     *width: 57.12912895%;
17113   }
17114   .row-fluid .span6 {
17115     width: 48.61878453%;
17116     *width: 48.56559304%;
17117   }
17118   .row-fluid .span5 {
17119     width: 40.05524862%;
17120     *width: 40.00205713%;
17121   }
17122   .row-fluid .span4 {
17123     width: 31.49171271%;
17124     *width: 31.43852122%;
17125   }
17126   .row-fluid .span3 {
17127     width: 22.9281768%;
17128     *width: 22.87498531%;
17129   }
17130   .row-fluid .span2 {
17131     width: 14.36464088%;
17132     *width: 14.31144939%;
17133   }
17134   .row-fluid .span1 {
17135     width: 5.80110497%;
17136     *width: 5.74791348%;
17137   }
17138   .row-fluid .offset12 {
17139     margin-left: 105.52486188%;
17140     *margin-left: 105.4184789%;
17141   }
17142   .row-fluid .offset12:first-child {
17143     margin-left: 102.76243094%;
17144     *margin-left: 102.65604796%;
17145   }
17146   .row-fluid .offset11 {
17147     margin-left: 96.96132597%;
17148     *margin-left: 96.85494299%;
17149   }
17150   .row-fluid .offset11:first-child {
17151     margin-left: 94.19889503%;
17152     *margin-left: 94.09251205%;
17153   }
17154   .row-fluid .offset10 {
17155     margin-left: 88.39779006%;
17156     *margin-left: 88.29140708%;
17157   }
17158   .row-fluid .offset10:first-child {
17159     margin-left: 85.63535912%;
17160     *margin-left: 85.52897614%;
17161   }
17162   .row-fluid .offset9 {
17163     margin-left: 79.83425414%;
17164     *margin-left: 79.72787116%;
17165   }
17166   .row-fluid .offset9:first-child {
17167     margin-left: 77.0718232%;
17168     *margin-left: 76.96544023%;
17169   }
17170   .row-fluid .offset8 {
17171     margin-left: 71.27071823%;
17172     *margin-left: 71.16433525%;
17173   }
17174   .row-fluid .offset8:first-child {
17175     margin-left: 68.50828729%;
17176     *margin-left: 68.40190431%;
17177   }
17178   .row-fluid .offset7 {
17179     margin-left: 62.70718232%;
17180     *margin-left: 62.60079934%;
17181   }
17182   .row-fluid .offset7:first-child {
17183     margin-left: 59.94475138%;
17184     *margin-left: 59.8383684%;
17185   }
17186   .row-fluid .offset6 {
17187     margin-left: 54.14364641%;
17188     *margin-left: 54.03726343%;
17189   }
17190   .row-fluid .offset6:first-child {
17191     margin-left: 51.38121547%;
17192     *margin-left: 51.27483249%;
17193   }
17194   .row-fluid .offset5 {
17195     margin-left: 45.5801105%;
17196     *margin-left: 45.47372752%;
17197   }
17198   .row-fluid .offset5:first-child {
17199     margin-left: 42.81767956%;
17200     *margin-left: 42.71129658%;
17201   }
17202   .row-fluid .offset4 {
17203     margin-left: 37.01657459%;
17204     *margin-left: 36.91019161%;
17205   }
17206   .row-fluid .offset4:first-child {
17207     margin-left: 34.25414365%;
17208     *margin-left: 34.14776067%;
17209   }
17210   .row-fluid .offset3 {
17211     margin-left: 28.45303867%;
17212     *margin-left: 28.3466557%;
17213   }
17214   .row-fluid .offset3:first-child {
17215     margin-left: 25.69060773%;
17216     *margin-left: 25.58422476%;
17217   }
17218   .row-fluid .offset2 {
17219     margin-left: 19.88950276%;
17220     *margin-left: 19.78311978%;
17221   }
17222   .row-fluid .offset2:first-child {
17223     margin-left: 17.12707182%;
17224     *margin-left: 17.02068884%;
17225   }
17226   .row-fluid .offset1 {
17227     margin-left: 11.32596685%;
17228     *margin-left: 11.21958387%;
17229   }
17230   .row-fluid .offset1:first-child {
17231     margin-left: 8.56353591%;
17232     *margin-left: 8.45715293%;
17233   }
17234   input,
17235   textarea,
17236   .uneditable-input {
17237     margin-left: 0;
17238   }
17239   .controls-row [class*="span"] + [class*="span"] {
17240     margin-left: 20px;
17241   }
17242   input.span12,
17243   textarea.span12,
17244   .uneditable-input.span12 {
17245     width: 710px;
17246   }
17247   input.span11,
17248   textarea.span11,
17249   .uneditable-input.span11 {
17250     width: 648px;
17251   }
17252   input.span10,
17253   textarea.span10,
17254   .uneditable-input.span10 {
17255     width: 586px;
17256   }
17257   input.span9,
17258   textarea.span9,
17259   .uneditable-input.span9 {
17260     width: 524px;
17261   }
17262   input.span8,
17263   textarea.span8,
17264   .uneditable-input.span8 {
17265     width: 462px;
17266   }
17267   input.span7,
17268   textarea.span7,
17269   .uneditable-input.span7 {
17270     width: 400px;
17271   }
17272   input.span6,
17273   textarea.span6,
17274   .uneditable-input.span6 {
17275     width: 338px;
17276   }
17277   input.span5,
17278   textarea.span5,
17279   .uneditable-input.span5 {
17280     width: 276px;
17281   }
17282   input.span4,
17283   textarea.span4,
17284   .uneditable-input.span4 {
17285     width: 214px;
17286   }
17287   input.span3,
17288   textarea.span3,
17289   .uneditable-input.span3 {
17290     width: 152px;
17291   }
17292   input.span2,
17293   textarea.span2,
17294   .uneditable-input.span2 {
17295     width: 90px;
17296   }
17297   input.span1,
17298   textarea.span1,
17299   .uneditable-input.span1 {
17300     width: 28px;
17301   }
17302 }
17303 @media (max-width: 767px) {
17304   body {
17305     padding-left: 20px;
17306     padding-right: 20px;
17307   }
17308   .navbar-fixed-top,
17309   .navbar-fixed-bottom,
17310   .navbar-static-top {
17311     margin-left: -20px;
17312     margin-right: -20px;
17313   }
17314   .container-fluid {
17315     padding: 0;
17316   }
17317   .dl-horizontal dt {
17318     float: none;
17319     clear: none;
17320     width: auto;
17321     text-align: left;
17322   }
17323   .dl-horizontal dd {
17324     margin-left: 0;
17325   }
17326   .container {
17327     width: auto;
17328   }
17329   .row-fluid {
17330     width: 100%;
17331   }
17332   .row,
17333   .thumbnails {
17334     margin-left: 0;
17335   }
17336   .thumbnails > li {
17337     float: none;
17338     margin-left: 0;
17339   }
17340   [class*="span"],
17341   .uneditable-input[class*="span"],
17342   .row-fluid [class*="span"] {
17343     float: none;
17344     display: block;
17345     width: 100%;
17346     margin-left: 0;
17347     -webkit-box-sizing: border-box;
17348     -moz-box-sizing: border-box;
17349     box-sizing: border-box;
17350   }
17351   .span12,
17352   .row-fluid .span12 {
17353     width: 100%;
17354     -webkit-box-sizing: border-box;
17355     -moz-box-sizing: border-box;
17356     box-sizing: border-box;
17357   }
17358   .row-fluid [class*="offset"]:first-child {
17359     margin-left: 0;
17360   }
17361   .input-large,
17362   .input-xlarge,
17363   .input-xxlarge,
17364   input[class*="span"],
17365   select[class*="span"],
17366   textarea[class*="span"],
17367   .uneditable-input {
17368     display: block;
17369     width: 100%;
17370     min-height: 30px;
17371     -webkit-box-sizing: border-box;
17372     -moz-box-sizing: border-box;
17373     box-sizing: border-box;
17374   }
17375   .input-prepend input,
17376   .input-append input,
17377   .input-prepend input[class*="span"],
17378   .input-append input[class*="span"] {
17379     display: inline-block;
17380     width: auto;
17381   }
17382   .controls-row [class*="span"] + [class*="span"] {
17383     margin-left: 0;
17384   }
17385   .modal {
17386     position: fixed;
17387     top: 20px;
17388     left: 20px;
17389     right: 20px;
17390     width: auto;
17391     margin: 0;
17392   }
17393   .modal.fade {
17394     top: -100px;
17395   }
17396   .modal.fade.in {
17397     top: 20px;
17398   }
17399 }
17400 @media (max-width: 480px) {
17401   .nav-collapse {
17402     -webkit-transform: translate3d(0, 0, 0);
17403   }
17404   .page-header h1 small {
17405     display: block;
17406     line-height: 20px;
17407   }
17408   input[type="checkbox"],
17409   input[type="radio"] {
17410     border: 1px solid #ccc;
17411   }
17412   .form-horizontal .control-label {
17413     float: none;
17414     width: auto;
17415     padding-top: 0;
17416     text-align: left;
17417   }
17418   .form-horizontal .controls {
17419     margin-left: 0;
17420   }
17421   .form-horizontal .control-list {
17422     padding-top: 0;
17423   }
17424   .form-horizontal .form-actions {
17425     padding-left: 10px;
17426     padding-right: 10px;
17427   }
17428   .media .pull-left,
17429   .media .pull-right {
17430     float: none;
17431     display: block;
17432     margin-bottom: 10px;
17433   }
17434   .media-object {
17435     margin-right: 0;
17436     margin-left: 0;
17437   }
17438   .modal {
17439     top: 10px;
17440     left: 10px;
17441     right: 10px;
17442   }
17443   .modal-header .close {
17444     padding: 10px;
17445     margin: -10px;
17446   }
17447   .carousel-caption {
17448     position: static;
17449   }
17450 }
17451 @media (max-width: 979px) {
17452   body {
17453     padding-top: 0;
17454   }
17455   .navbar-fixed-top,
17456   .navbar-fixed-bottom {
17457     position: static;
17458   }
17459   .navbar-fixed-top {
17460     margin-bottom: 20px;
17461   }
17462   .navbar-fixed-bottom {
17463     margin-top: 20px;
17464   }
17465   .navbar-fixed-top .navbar-inner,
17466   .navbar-fixed-bottom .navbar-inner {
17467     padding: 5px;
17468   }
17469   .navbar .container {
17470     width: auto;
17471     padding: 0;
17472   }
17473   .navbar .brand {
17474     padding-left: 10px;
17475     padding-right: 10px;
17476     margin: 0 0 0 -5px;
17477   }
17478   .nav-collapse {
17479     clear: both;
17480   }
17481   .nav-collapse .nav {
17482     float: none;
17483     margin: 0 0 10px;
17484   }
17485   .nav-collapse .nav > li {
17486     float: none;
17487   }
17488   .nav-collapse .nav > li > a {
17489     margin-bottom: 2px;
17490   }
17491   .nav-collapse .nav > .divider-vertical {
17492     display: none;
17493   }
17494   .nav-collapse .nav .nav-header {
17495     color: #777;
17496     text-shadow: none;
17497   }
17498   .nav-collapse .nav > li > a,
17499   .nav-collapse .dropdown-menu a {
17500     padding: 9px 15px;
17501     font-weight: bold;
17502     color: #777;
17503     -webkit-border-radius: 3px;
17504     -moz-border-radius: 3px;
17505     border-radius: 3px;
17506   }
17507   .nav-collapse .btn {
17508     padding: 4px 10px 4px;
17509     font-weight: normal;
17510     -webkit-border-radius: 4px;
17511     -moz-border-radius: 4px;
17512     border-radius: 4px;
17513   }
17514   .nav-collapse .dropdown-menu li + li a {
17515     margin-bottom: 2px;
17516   }
17517   .nav-collapse .nav > li > a:hover,
17518   .nav-collapse .nav > li > a:focus,
17519   .nav-collapse .dropdown-menu a:hover,
17520   .nav-collapse .dropdown-menu a:focus {
17521     background-color: #f2f2f2;
17522   }
17523   .navbar-inverse .nav-collapse .nav > li > a,
17524   .navbar-inverse .nav-collapse .dropdown-menu a {
17525     color: #999;
17526   }
17527   .navbar-inverse .nav-collapse .nav > li > a:hover,
17528   .navbar-inverse .nav-collapse .nav > li > a:focus,
17529   .navbar-inverse .nav-collapse .dropdown-menu a:hover,
17530   .navbar-inverse .nav-collapse .dropdown-menu a:focus {
17531     background-color: #111111;
17532   }
17533   .nav-collapse.in .btn-group {
17534     margin-top: 5px;
17535     padding: 0;
17536   }
17537   .nav-collapse .dropdown-menu {
17538     position: static;
17539     top: auto;
17540     left: auto;
17541     float: none;
17542     display: none;
17543     max-width: none;
17544     margin: 0 15px;
17545     padding: 0;
17546     background-color: transparent;
17547     border: none;
17548     -webkit-border-radius: 0;
17549     -moz-border-radius: 0;
17550     border-radius: 0;
17551     -webkit-box-shadow: none;
17552     -moz-box-shadow: none;
17553     box-shadow: none;
17554   }
17555   .nav-collapse .open > .dropdown-menu {
17556     display: block;
17557   }
17558   .nav-collapse .dropdown-menu:before,
17559   .nav-collapse .dropdown-menu:after {
17560     display: none;
17561   }
17562   .nav-collapse .dropdown-menu .divider {
17563     display: none;
17564   }
17565   .nav-collapse .nav > li > .dropdown-menu:before,
17566   .nav-collapse .nav > li > .dropdown-menu:after {
17567     display: none;
17568   }
17569   .nav-collapse .navbar-form,
17570   .nav-collapse .navbar-search {
17571     float: none;
17572     padding: 10px 15px;
17573     margin: 10px 0;
17574     border-top: 1px solid #f2f2f2;
17575     border-bottom: 1px solid #f2f2f2;
17576     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
17577     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
17578     box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
17579   }
17580   .navbar-inverse .nav-collapse .navbar-form,
17581   .navbar-inverse .nav-collapse .navbar-search {
17582     border-top-color: #111111;
17583     border-bottom-color: #111111;
17584   }
17585   .navbar .nav-collapse .nav.pull-right {
17586     float: none;
17587     margin-left: 0;
17588   }
17589   .nav-collapse,
17590   .nav-collapse.collapse {
17591     overflow: hidden;
17592     height: 0;
17593   }
17594   .navbar .btn-navbar {
17595     display: block;
17596   }
17597   .navbar-static .navbar-inner {
17598     padding-left: 10px;
17599     padding-right: 10px;
17600   }
17601 }
17602 @media (min-width: 980px) {
17603   .nav-collapse.collapse {
17604     height: auto !important;
17605     overflow: visible !important;
17606   }
17607 }
17608 /* responsive.less */
17609 /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */
17610 @media (min-width: 980px) {
17611   a[id]:empty::before,
17612   a[name]:empty::before {
17613     display: inline-block;
17614     position: relative;
17615     content: '';
17616     padding-top: 40px;
17617     margin-top: -40px;
17618     vertical-align: top;
17619   }
17620 }
17621 @media (min-width: 980px) and (max-width: 1199px) {
17622   .form-item .form-label,
17623   .mform .fitem div.fitemtitle,
17624   .userprofile dl.list dt,
17625   .form-horizontal .control-label {
17626     width: 200px;
17627   }
17628   .form-item .form-setting,
17629   .form-item .form-description,
17630   .mform .fitem .felement,
17631   #page-mod-forum-search .c1,
17632   .mform .fdescription.required,
17633   .userprofile dl.list dd,
17634   .form-horizontal .controls {
17635     margin-left: 220px;
17636   }
17637   #page-mod-forum-search.dir-lrt .c1 {
17638     margin-right: 220px;
17639   }
17640   .path-admin .buttons,
17641   .form-buttons {
17642     padding-left: 220px;
17643   }
17644 }
17645 @media (max-width: 767px) {
17646   .file-picker .fp-repo-area {
17647     width: 100%;
17648     height: auto;
17649     max-height: 220px;
17650     float: none;
17651     border: 0;
17652   }
17653   .file-picker .fp-repo-items {
17654     width: 100%;
17655     float: none;
17656     margin-left: 0;
17657   }
17658   .file-picker .fp-login-form .fp-login-input label {
17659     text-align: left;
17660   }
17661   .file-picker .fp-content form td {
17662     display: block;
17663     width: 100%;
17664     text-align: left;
17665   }
17666   .fp-content .mdl-right {
17667     text-align: left;
17668   }
17669   .fp-repo-items .fp-navbar {
17670     border-top: 1px solid #bbbbbb;
17671   }
17672   .fp-formset div {
17673     height: auto;
17674   }
17675 }
17676 @media (min-width: 1200px) {
17677   .path-question #id_answerhdr div.fitem_feditor {
17678     padding-right: 6px;
17679   }
17680   .loginbox.twocolumns .loginpanel {
17681     margin-left: 0;
17682   }
17683   .loginbox.twocolumns .loginpanel,
17684   .loginbox.twocolumns .signuppanel {
17685     width: 48.717948717948715%;
17686     *width: 48.664757228587014%;
17687   }
17688   .form-item .form-label,
17689   .mform .fitem div.fitemtitle,
17690   .userprofile dl.list dt,
17691   .form-horizontal .control-label {
17692     width: 245px;
17693   }
17694   .form-item .form-setting,
17695   .form-item .form-description,
17696   .mform .fitem .felement,
17697   #page-mod-forum-search .c1,
17698   .mform .fdescription.required,
17699   .userprofile dl.list dd,
17700   .form-horizontal .controls {
17701     margin-left: 265px;
17702   }
17703   .path-admin .buttons,
17704   .form-buttons {
17705     padding-left: 265px;
17706   }
17707   .empty-region-side-post.used-region-side-pre #region-main.span8,
17708   .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
17709     /** increase the span size by 1 **/
17710     width: 74.35897436%;
17711     *width: 74.30578287%;
17712   }
17713   .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
17714   .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
17715     /** decrease the span size by 1 **/
17716     width: 23.07692308%;
17717     *width: 23.02373159%;
17718   }
17719 }
17720 @media (min-width: 980px) {
17721   .loginbox.twocolumns .loginpanel {
17722     margin-left: 0;
17723   }
17724   .loginbox.twocolumns .loginpanel,
17725   .loginbox.twocolumns .signuppanel {
17726     width: 48.617948717948715%;
17727     *width: 48.664757228587014%;
17728   }
17729 }
17730 @media (min-width: 768px) and (max-width: 979px) {
17731   .loginbox.twocolumns .loginpanel {
17732     margin-left: 0;
17733   }
17734   .loginbox.twocolumns .loginpanel,
17735   .loginbox.twocolumns .signuppanel {
17736     width: 48.61878453038674%;
17737     *width: 48.56559304102504%;
17738   }
17739   .empty-region-side-post.used-region-side-pre #region-main.span8,
17740   .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
17741     /** increase the span size by 1 **/
17742     width: 74.30939227%;
17743     *width: 74.25620078%;
17744   }
17745   .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
17746   .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
17747     /** decrease the span size by 1 **/
17748     width: 22.9281768%;
17749     *width: 22.87498531%;
17750   }
17751 }
17752 @media (max-width: 767px) {
17753   .loginbox.twocolumns .loginpanel,
17754   .loginbox.twocolumns .signuppanel {
17755     display: block;
17756     float: none;
17757     width: 100%;
17758     margin-left: 0;
17759     -webkit-box-sizing: border-box;
17760     -moz-box-sizing: border-box;
17761     box-sizing: border-box;
17762   }
17763   #page-mod-quiz-edit div.quizcontents,
17764   .questionbankwindow.block {
17765     width: 100%;
17766     float: none;
17767   }
17768   #page-mod-quiz-edit #block-region-side-pre,
17769   #page-mod-quiz-edit #block-region-side-post {
17770     clear: both;
17771   }
17772 }
17773 @media (max-width: 480px) {
17774   .navbar .mdl-popover .mdl-popover-container {
17775     position: fixed;
17776     width: 100%;
17777     height: calc(100% - 52px);
17778     top: 52px;
17779   }
17780   .navbar .mdl-popover .mdl-popover-container::before,
17781   .navbar .mdl-popover .mdl-popover-container::after {
17782     display: none;
17783   }
17784   .nav-tabs > li {
17785     float: none;
17786   }
17787   .nav-tabs > li > a {
17788     margin-right: 0;
17789   }
17790   .nav-tabs {
17791     border-bottom: 0;
17792   }
17793   .nav-tabs > li > a {
17794     border: 1px solid #ddd;
17795     -webkit-border-radius: 0;
17796     -moz-border-radius: 0;
17797     border-radius: 0;
17798   }
17799   .nav-tabs > .active > a,
17800   .nav-tabs > .active > a:hover {
17801     border: 1px solid #ddd;
17802   }
17803   .nav-tabs > li:first-child > a {
17804     -webkit-border-top-right-radius: 4px;
17805     -moz-border-radius-topright: 4px;
17806     border-top-right-radius: 4px;
17807     -webkit-border-top-left-radius: 4px;
17808     -moz-border-radius-topleft: 4px;
17809     border-top-left-radius: 4px;
17810   }
17811   .nav-tabs > li:last-child > a {
17812     -webkit-border-bottom-right-radius: 4px;
17813     -moz-border-radius-bottomright: 4px;
17814     border-bottom-right-radius: 4px;
17815     -webkit-border-bottom-left-radius: 4px;
17816     -moz-border-radius-bottomleft: 4px;
17817     border-bottom-left-radius: 4px;
17818   }
17819   .nav-tabs > li > a:hover,
17820   .nav-tabs > li > a:focus {
17821     border-color: #ddd;
17822     z-index: 2;
17823   }
17824   .fp-content-center {
17825     display: block;
17826   }
17827   .course-content ul.topics li.section,
17828   .course-content ul.topics li.section .content,
17829   .course-content ul.weeks li.section .content,
17830   .course-content ul.weeks li.section,
17831   .course-content ul.section {
17832     margin-right: 0;
17833     margin-left: 0;
17834     padding: 0;
17835   }
17836   .activityinstance {
17837     display: block;
17838   }
17839   .editing .course-content .section .activity {
17840     margin-bottom: 0.2em;
17841     padding-bottom: 0.2em;
17842     border-bottom: thin solid #eee;
17843   }
17844   .course-content .section .activity .commands {
17845     text-align: right;
17846   }
17847   /** Handles display of the activity chooser on small screens **/
17848   .jsenabled .choosercontainer #chooseform .alloptions {
17849     max-width: 100%;
17850   }
17851   .jsenabled .choosercontainer #chooseform .instruction,
17852   .jsenabled .choosercontainer #chooseform .typesummary {
17853     position: static;
17854   }
17855   .que .info {
17856     float: none;
17857     width: auto;
17858   }
17859   .que .content {
17860     margin: 0;
17861   }
17862   .path-mod-choice .horizontal .choices .option {
17863     display: block;
17864   }
17865   .path-mod-forum .forumsearch #search {
17866     width: 120px;
17867   }
17868   .path-mod-forum .forumheaderlist .picture {
17869     display: none;
17870   }
17871 }
17872 @media (min-width: 768px) {
17873   .row-fluid .desktop-first-column {
17874     margin-left: 0;
17875   }
17876   #page-navbar .breadcrumb-button {
17877     display: inline;
17878   }
17879 }
17880 @media (max-width: 767px) {
17881   .row-fluid .desktop-first-column {
17882     clear: both;
17883   }
17884 }
17885 @media (max-width: 767px) {
17886   .form-item .form-label,
17887   .mform .fitem div.fitemtitle {
17888     float: none;
17889     width: auto;
17890     padding-top: 0;
17891     text-align: left;
17892   }
17893   .form-item .form-label label {
17894     display: inline-block;
17895     margin-right: .5em;
17896   }
17897   .form-item .form-setting .form-checkbox {
17898     margin-top: 0;
17899   }
17900   .form-label span.form-shortname {
17901     display: inline-block;
17902   }
17903   .form-item .form-setting,
17904   .mform .fitem .felement,
17905   .path-backup .mform .fitem .felement,
17906   .mform .fdescription.required,
17907   .form-item .form-description {
17908     margin-left: 0;
17909   }
17910   table#form td.submit,
17911   .form-buttons,
17912   #fitem_id_submitbutton,
17913   .fp-content-center form + div,
17914   #fgroup_id_buttonar,
17915   .form-horizontal .form-actions,
17916   .fitem_fsubmit .felement.fsubmit {
17917     padding-left: 10px;
17918     padding-right: 10px;
17919   }
17920   #helppopupbox {
17921     /* stylelint-disable declaration-no-important */
17922     width: auto !important;
17923     left: 0 !important;
17924     /* stylelint-enable declaration-no-important */
17925   }
17926 }
17927 @media (min-width: 768px) and (max-width: 979px) {
17928   .block_calendar_month .content,
17929   .block .minicalendar td {
17930     padding-left: 0;
17931     padding-right: 0;
17932   }
17933 }
17934 @media (max-width: 979px) {
17935   .nav-collapse {
17936     height: 0;
17937   }
17938   .nav-collapse .nav > li > a {
17939     color: #333;
17940   }
17941   .nav-collapse .nav > li > a:hover,
17942   .nav-collapse .nav > li > a:focus,
17943   .nav-collapse .dropdown-menu a:hover,
17944   .nav-collapse .dropdown-menu a:focus,
17945   .nav-collapse .dropdown-submenu a:hover,
17946   .nav-collapse .dropdown-submenu a:focus,
17947   .nav-collapse .dropdown-submenu a:active,
17948   .nav-collapse .dropdown-menu > li > a:hover,
17949   .nav-collapse .dropdown-menu > li > a:focus,
17950   .nav-collapse .dropdown-submenu:hover > a,
17951   .nav-collapse .dropdown-submenu:focus > a {
17952     background-image: none;
17953     color: #333;
17954   }
17955   .nav-collapse.in {
17956     height: auto;
17957   }
17958   .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .toggle-display {
17959     display: none;
17960   }
17961   .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu {
17962     display: block;
17963   }
17964   .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu li {
17965     margin: 0 0.5em;
17966   }
17967   .path-mod-data .box > table > tbody > tr > td {
17968     display: block;
17969   }
17970   .path-mod-forum .forumheaderlist thead .header {
17971     font-weight: normal;
17972     font-size: 12px;
17973   }
17974   .path-mod-forum .forumheaderlist .discussion .author,
17975   .path-mod-forum .forumheaderlist .discussion .replies,
17976   .path-mod-forum .forumheaderlist .discussion .lastpost {
17977     font-size: 12px;
17978   }
17979   .path-mod-forum .forumheaderlist .discussion .replies .unread a {
17980     padding: 0;
17981   }
17982   .navbar .nav-collapse.in {
17983     border-top: 1px solid #d4d4d4;
17984   }
17985   .navbar .nav-collapse.in.pull-left,
17986   .navbar .nav-collapse.in.pull-right {
17987     float: none;
17988   }
17989   .navbar .nav-collapse.in > .nav {
17990     margin: 0;
17991   }
17992   .navbar .nav-collapse.in > .nav > li > a {
17993     padding-left: 20px;
17994     border-radius: 0;
17995   }
17996   .navbar .nav-collapse.in > .nav .dropdown-menu {
17997     margin: 0 0 0 15px;
17998   }
17999   .navbar .nav-collapse.in > .nav .dropdown-menu li > a {
18000     border-radius: 0;
18001   }
18002   .navbar .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
18003   .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
18004     float: none;
18005     display: inline-block;
18006     width: 0;
18007     height: 0;
18008     vertical-align: top;
18009     border-top: 4px solid #000;
18010     border-right: 4px solid transparent;
18011     border-left: 4px solid transparent;
18012     content: "";
18013     border-top-color: #d4d4d4;
18014     margin-left: 4px;
18015     margin-top: 8px;
18016   }
18017   .navbar .nav-collapse.in .nav .dropdown-submenu.open > a,
18018   .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
18019     background-color: #f2f2f2;
18020   }
18021   .navbar .nav-collapse.in .nav .dropdown-submenu:hover .dropdown-menu,
18022   .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
18023     display: none;
18024   }
18025   .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
18026   .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
18027     background-color: #f2f2f2;
18028   }
18029   .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > .dropdown-menu,
18030   .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > .dropdown-menu,
18031   .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open .open > .dropdown-menu,
18032   .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open .open > .dropdown-menu {
18033     display: block;
18034   }
18035   .navbar .nav-collapse.in .nav .divider,
18036   .navbar .nav-collapse.in .nav .dropdown-menu .divider {
18037     width: auto;
18038     display: block;
18039     height: 0;
18040     margin: 4px 1px;
18041     border-left: 0 none;
18042     border-right: 0 none;
18043     border-top: 1px solid #d4d4d4;
18044     border-bottom: 1px solid #ffffff;
18045   }
18046   .navbar-inverse .nav-collapse.in {
18047     border-top-color: #252525;
18048   }
18049   .navbar-inverse .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
18050   .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
18051     border-top-color: #252525;
18052   }
18053   .navbar-inverse .nav-collapse.in .nav .dropdown-submenu.open > a,
18054   .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
18055     background-color: #111111;
18056   }
18057   .navbar-inverse .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
18058   .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
18059     background-color: #111111;
18060   }
18061   .navbar-inverse .nav-collapse.in .nav .divider,
18062   .navbar-inverse .nav-collapse.in .nav .dropdown-menu .divider {
18063     width: auto;
18064     display: block;
18065     height: 0;
18066     margin: 4px 1px;
18067     border-top: 1px solid #111111;
18068     border-bottom: 1px solid #515151;
18069   }
18070   .navbar-inverse .nav-collapse.in .nav > li > a:hover,
18071   .navbar-inverse .nav-collapse.in .nav > li > a:focus {
18072     color: #fff;
18073   }
18074   .navbar-inverse .nav-collapse.in .dropdown-menu a:hover,
18075   .navbar-inverse .nav-collapse.in .dropdown-menu a:focus {
18076     color: #fff;
18077   }
18078   .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:hover,
18079   .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:focus {
18080     color: #fff;
18081   }
18082   .navbar-inverse .nav-collapse.in .dropdown-submenu a:hover,
18083   .navbar-inverse .nav-collapse.in .dropdown-submenu a:focus,
18084   .navbar-inverse .nav-collapse.in .dropdown-submenu a:active {
18085     color: #fff;
18086   }
18087 }
18088 @media (max-width: 767px) {
18089   .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
18090     display: none;
18091   }
18092   .jsenabled:not(.dir-rtl) .usermenu .moodle-actionmenu .toggle-display.textmenu {
18093     margin-left: 0;
18094     padding-left: 0;
18095   }
18096   .jsenabled.dir-rtl .usermenu .moodle-actionmenu .toggle-display.textmenu {
18097     margin-right: 0;
18098     padding-right: 0;
18099   }
18100   #filesskin .yui3-panel,
18101   #filesskin .file-picker.fp-generallayout {
18102     width: 100%;
18103     left: 0;
18104   }
18105   .userprofile dl.list dt {
18106     float: none;
18107     clear: none;
18108     width: auto;
18109     text-align: left;
18110   }
18111   .userprofile dl.list dd {
18112     margin-left: 0;
18113   }
18114   #page-mod-wiki-create .mform .fitem div.fitemtitle {
18115     float: left;
18116   }
18117   .container {
18118     width: auto;
18119   }
18120   .row-fluid {
18121     width: 100%;
18122   }
18123   .row-fluid .span8.pull-right,
18124   .row-fluid .span9.pull-right {
18125     float: none;
18126   }
18127   .row {
18128     margin-left: 0;
18129   }
18130   [class*="span"],
18131   .row-fluid [class*="span"] {
18132     float: none;
18133     display: block;
18134     width: 100%;
18135     margin-left: 0;
18136     -webkit-box-sizing: border-box;
18137     -moz-box-sizing: border-box;
18138     box-sizing: border-box;
18139   }
18140   .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
18141   .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4,
18142   .empty-region-side-post.used-region-side-pre #region-main.span8,
18143   .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
18144     width: 100%;
18145     *width: 99.94680851%;
18146   }
18147   .row-fluid .span12 {
18148     width: 100%;
18149     -webkit-box-sizing: border-box;
18150     -moz-box-sizing: border-box;
18151     box-sizing: border-box;
18152   }
18153   .row-fluid [class*="offset"]:first-child {
18154     margin-left: 0;
18155   }
18156   div[role=main] {
18157     margin-bottom: 1em;
18158   }
18159   .coursebox .info .name a {
18160     background-position: 0 13px;
18161   }
18162   .category-browse .coursebox .info .name a {
18163     background-position: 0 13px;
18164   }
18165 }
18166 @media (min-width: 1200px) and (max-width: 1600px) {
18167   #course-category-listings.columns-3 {
18168     background-color: transparent;
18169     border: 0;
18170   }
18171   #course-category-listings.columns-3 #category-listing,
18172   #course-category-listings.columns-3 #course-listing {
18173     width: 48.71794872%;
18174     *width: 48.66475723%;
18175     margin-left: 2.56410256%;
18176     *margin-left: 2.51091107%;
18177   }
18178   #course-category-listings.columns-3 #category-listing:first-child,
18179   #course-category-listings.columns-3 #course-listing:first-child {
18180     margin-left: 0;
18181   }
18182   #course-category-listings.columns-3 #course-detail {
18183     width: 100%;
18184     *width: 99.94680851%;
18185     margin: 1em 0 0;
18186   }
18187 }
18188 @media (max-width: 1199px) {
18189   .path-question #id_answerhdr div.fitem {
18190     padding-right: 6px;
18191     padding-left: 4px;
18192   }
18193   #course-category-listings.columns-3 {
18194     background-color: transparent;
18195     border: 0;
18196   }
18197   #course-category-listings.columns-3 #category-listing,
18198   #course-category-listings.columns-3 #course-listing,
18199   #course-category-listings.columns-3 #course-detail {
18200     width: 100%;
18201     *width: 99.94680851%;
18202     margin: 0 0 1em 0;
18203   }
18204   #page-mod-forum-discuss .discussioncontrols {
18205     text-align: right;
18206   }
18207   #page-mod-forum-discuss .discussioncontrols .discussioncontrol {
18208     float: none;
18209     width: auto;
18210     display: inline-block;
18211     margin: 0 3px 0.5em;
18212   }
18213   #page-mod-forum-discuss .discussioncontrols .discussioncontrol select,
18214   #page-mod-forum-discuss .discussioncontrols .discussioncontrol input {
18215     margin-bottom: 0;
18216   }
18217   #page-mod-forum-discuss .discussioncontrols .discussioncontrol.movediscussion {
18218     margin-right: 0;
18219     padding-right: 0;
18220   }
18221 }
18222 @media (max-width: 768px) {
18223   .fp-forminset .control-group .controls {
18224     margin-left: 0;
18225   }
18226 }
18227 body.behat-site .navbar-fixed-top {
18228   position: absolute;
18229 }
18230 .phpinfo table,
18231 .phpinfo th,
18232 .phpinfo h2 {
18233   margin: auto;
18234 }
18235 .phpinfo h2 {
18236   width: 600px;
18237 }
18238 .phpinfo .e,
18239 .phpinfo .v,
18240 .phpinfo .h {
18241   border: 1px solid #000;
18242   font-size: 0.8em;
18243   vertical-align: baseline;
18244   color: #000;
18245   background-color: #ccc;
18246 }
18247 .phpinfo .e {
18248   background-color: #ccf;
18249   font-weight: bold;
18250 }
18251 .phpinfo .h {
18252   background-color: #99c;
18253   font-weight: bold;
18254 }
18255 #page-footer .performanceinfo {
18256   margin: 10px 20%;
18257 }
18258 #page-footer .performanceinfo span {
18259   display: block;
18260 }
18261 #page-footer .validators {
18262   margin-top: 40px;
18263   padding-top: 5px;
18264   border-top: 1px dotted gray;
18265 }
18266 #page-footer .validators ul {
18267   margin: 0;
18268   padding: 0;
18269   list-style-type: none;
18270 }
18271 #page-footer .validators ul li {
18272   display: inline;
18273   margin-right: 10px;
18274   margin-left: 10px;
18275 }
18276 /** Cache stats styles **/
18277 #page-footer .performanceinfo .cachesused {
18278   margin-top: 1em;
18279 }
18280 #page-footer .performanceinfo .cachesused .cache-stats-heading,
18281 #page-footer .performanceinfo .cachesused .cache-total-stats {
18282   font-weight: bold;
18283   font-size: 110%;
18284   margin-top: 0.3em;
18285 }
18286 #page-footer .performanceinfo .cachesused .cache-definition-stats {
18287   margin: .3em;
18288   display: inline-block;
18289   vertical-align: top;
18290   background-color: #f5f5f5;
18291 }
18292 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading span {
18293   display: inline-block;
18294   cursor: default;
18295 }
18296 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats {
18297   padding: 0 1.3em;
18298 }
18299 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.nohits {
18300   background-color: #f2dede;
18301 }
18302 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.lowhits {
18303   background-color: #fcf8e3;
18304 }
18305 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.hihits {
18306   background-color: #dff0d8;
18307 }
18308 #page-footer,
18309 #page-footer .validators,
18310 #page-footer .purgecaches,
18311 #page-footer .performanceinfo {
18312   text-align: center;
18313 }
18314 /* stylelint-disable declaration-no-important */
18315 table#explaincaps tbody > tr:nth-child(odd) > td,
18316 table#defineroletable tbody > tr:nth-child(odd) > td,
18317 table.grading-report tbody > tr:nth-child(odd) > td,
18318 table#listdirectories tbody > tr:nth-child(odd) > td,
18319 table.rolecaps tbody > tr:nth-child(odd) > td,
18320 table.userenrolment tbody > tr:nth-child(odd) > td,
18321 table#form tbody > tr:nth-child(odd) > td,
18322 form#movecourses table tbody > tr:nth-child(odd) > td,
18323 #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > td,
18324 .forumheaderlist tbody > tr:nth-child(odd) > td,
18325 table.flexible tbody > tr:nth-child(odd) > td,
18326 .generaltable tbody > tr:nth-child(odd) > td,
18327 table#explaincaps tbody > tr:nth-child(odd) > th,
18328 table#defineroletable tbody > tr:nth-child(odd) > th,
18329 table.grading-report tbody > tr:nth-child(odd) > th,
18330 table#listdirectories tbody > tr:nth-child(odd) > th,
18331 table.rolecaps tbody > tr:nth-child(odd) > th,
18332 table.userenrolment tbody > tr:nth-child(odd) > th,
18333 table#form tbody > tr:nth-child(odd) > th,
18334 form#movecourses table tbody > tr:nth-child(odd) > th,
18335 #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > th,
18336 .forumheaderlist tbody > tr:nth-child(odd) > th,
18337 table.flexible tbody > tr:nth-child(odd) > th,
18338 .generaltable tbody > tr:nth-child(odd) > th {
18339   background-color: #f9f9f9;
18340 }
18341 table caption {
18342   font-size: 24px;
18343   font-weight: bold;
18344   line-height: 42px;
18345   text-align: left;
18346 }
18347 #page-report-loglive-index .generaltable th,
18348 #page-admin-report-log-index .generaltable th,
18349 #page-report-log-user .generaltable th,
18350 #page-admin-user table th,
18351 .environmenttable th,
18352 .category_subcategories th,
18353 .rcs-results th,
18354 table#listdirectories th,
18355 #page-report-loglive-index .generaltable td,
18356 #page-admin-report-log-index .generaltable td,
18357 #page-report-log-user .generaltable td,
18358 #page-admin-user table td,
18359 .environmenttable td,
18360 .category_subcategories td,
18361 .rcs-results td,
18362 table#listdirectories td {
18363   padding: 4px 5px;
18364 }
18365 .user-enroller-panel .uep-search-results .users tbody tr:hover > td,
18366 .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > td,
18367 table.grading-report tbody tr:hover > td,
18368 .forumheaderlist tbody tr:hover > td,
18369 .generaltable tbody tr:hover > td,
18370 table.flexible tbody tr:hover > td,
18371 .category_subcategories tbody tr:hover > td,
18372 table#modules tbody tr:hover > td,
18373 table#permissions tbody tr:hover > td,
18374 .user-enroller-panel .uep-search-results .users tbody tr:hover > th,
18375 .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > th,
18376 table.grading-report tbody tr:hover > th,
18377 .forumheaderlist tbody tr:hover > th,
18378 .generaltable tbody tr:hover > th,
18379 table.flexible tbody tr:hover > th,
18380 .category_subcategories tbody tr:hover > th,
18381 table#modules tbody tr:hover > th,
18382 table#permissions tbody tr:hover > th {
18383   background-color: #f5f5f5;
18384 }
18385 div[id^="bar_pbar_"] {
18386   overflow: hidden !important;
18387   height: 20px !important;
18388   margin-bottom: 20px !important;
18389   background-color: #f7f7f7 !important;
18390   background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
18391   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)) !important;
18392   background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
18393   background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
18394   background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9) !important;
18395   background-repeat: repeat-x !important;
18396   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0) !important;
18397   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
18398   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
18399   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
18400   -webkit-border-radius: 4px !important;
18401   -moz-border-radius: 4px !important;
18402   border-radius: 4px !important;
18403   border: none !important;
18404 }
18405 div[id^="progress_pbar_"] {
18406   height: 100% !important;
18407   color: #fff !important;
18408   float: left !important;
18409   font-size: 12px !important;
18410   text-align: center !important;
18411   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
18412   background-color: #0e90d2 !important;
18413   background-image: -moz-linear-gradient(top, #149bdf, #0480be) !important;
18414   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)) !important;
18415   background-image: -webkit-linear-gradient(top, #149bdf, #0480be) !important;
18416   background-image: -o-linear-gradient(top, #149bdf, #0480be) !important;
18417   background-image: linear-gradient(to bottom, #149bdf, #0480be) !important;
18418   background-repeat: repeat-x !important;
18419   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0) !important;
18420   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
18421   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
18422   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
18423   -webkit-box-sizing: border-box !important;
18424   -moz-box-sizing: border-box !important;
18425   box-sizing: border-box !important;
18426   -webkit-transition: width 0.6s ease !important;
18427   -moz-transition: width 0.6s ease !important;
18428   -o-transition: width 0.6s ease !important;
18429   transition: width 0.6s ease !important;
18430   padding-top: 0 !important;
18431   border: none !important;
18432 }
18433 input.form-submit,
18434 input#id_submitbutton,
18435 input#id_submitbutton2,
18436 .path-admin .buttons input[type="submit"],
18437 td.submit input {
18438   color: #fff;
18439   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
18440   background-color: #005aa8;
18441   background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
18442   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
18443   background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
18444   background-image: -o-linear-gradient(top, #0070a8, #0038a8);
18445   background-image: linear-gradient(to bottom, #0070a8, #0038a8);
18446   background-repeat: repeat-x;
18447   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
18448   border-color: #0038a8 #0038a8 #001e5c;
18449   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18450   *background-color: #0038a8;
18451   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18452   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18453 }
18454 input.form-submit:hover,
18455 input#id_submitbutton:hover,
18456 input#id_submitbutton2:hover,
18457 .path-admin .buttons input[type="submit"]:hover,
18458 td.submit input:hover,
18459 input.form-submit:focus,
18460 input#id_submitbutton:focus,
18461 input#id_submitbutton2:focus,
18462 .path-admin .buttons input[type="submit"]:focus,
18463 td.submit input:focus,
18464 input.form-submit:active,
18465 input#id_submitbutton:active,
18466 input#id_submitbutton2:active,
18467 .path-admin .buttons input[type="submit"]:active,
18468 td.submit input:active,
18469 input.form-submit.active,
18470 input#id_submitbutton.active,
18471 input#id_submitbutton2.active,
18472 .path-admin .buttons input[type="submit"].active,
18473 td.submit input.active,
18474 input.form-submit.disabled,
18475 input#id_submitbutton.disabled,
18476 input#id_submitbutton2.disabled,
18477 .path-admin .buttons input[type="submit"].disabled,
18478 td.submit input.disabled,
18479 input.form-submit[disabled],
18480 input#id_submitbutton[disabled],
18481 input#id_submitbutton2[disabled],
18482 .path-admin .buttons input[type="submit"][disabled],
18483 td.submit input[disabled] {
18484   color: #fff;
18485   background-color: #0038a8;
18486   *background-color: #002f8f;
18487 }
18488 input.form-submit:active,
18489 input#id_submitbutton:active,
18490 input#id_submitbutton2:active,
18491 .path-admin .buttons input[type="submit"]:active,
18492 td.submit input:active,
18493 input.form-submit.active,
18494 input#id_submitbutton.active,
18495 input#id_submitbutton2.active,
18496 .path-admin .buttons input[type="submit"].active,
18497 td.submit input.active {
18498   background-color: #002775 \9;
18499 }
18500 input.form-submit .caret,
18501 input#id_submitbutton .caret,
18502 input#id_submitbutton2 .caret,
18503 .path-admin .buttons input[type="submit"] .caret,
18504 td.submit input .caret {
18505   border-top-color: #fff;
18506   border-bottom-color: #fff;
18507 }
18508 #notice .singlebutton + .singlebutton input,
18509 .submit.buttons input[name="cancel"] {
18510   display: inline-block;
18511   *display: inline;
18512   /* IE7 inline-block hack */
18513   *zoom: 1;
18514   padding: 4px 12px;
18515   margin-bottom: 0;
18516   font-size: 14px;
18517   line-height: 20px;
18518   text-align: center;
18519   vertical-align: middle;
18520   cursor: pointer;
18521   color: #333;
18522   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18523   background-color: #f5f5f5;
18524   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
18525   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
18526   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
18527   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
18528   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
18529   background-repeat: repeat-x;
18530   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
18531   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
18532   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18533   *background-color: #e6e6e6;
18534   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18535   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18536   border: 1px solid #ccc;
18537   *border: 0;
18538   border-bottom-color: #b3b3b3;
18539   -webkit-border-radius: 4px;
18540   -moz-border-radius: 4px;
18541   border-radius: 4px;
18542   *margin-left: .3em;
18543   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18544   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18545   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
18546 }
18547 #notice .singlebutton + .singlebutton input:hover,
18548 .submit.buttons input[name="cancel"]:hover,
18549 #notice .singlebutton + .singlebutton input:focus,
18550 .submit.buttons input[name="cancel"]:focus,
18551 #notice .singlebutton + .singlebutton input:active,
18552 .submit.buttons input[name="cancel"]:active,
18553 #notice .singlebutton + .singlebutton input.active,
18554 .submit.buttons input[name="cancel"].active,
18555 #notice .singlebutton + .singlebutton input.disabled,
18556 .submit.buttons input[name="cancel"].disabled,
18557 #notice .singlebutton + .singlebutton input[disabled],
18558 .submit.buttons input[name="cancel"][disabled] {
18559   color: #333;
18560   background-color: #e6e6e6;
18561   *background-color: #d9d9d9;
18562 }
18563 #notice .singlebutton + .singlebutton input:active,
18564 .submit.buttons input[name="cancel"]:active,
18565 #notice .singlebutton + .singlebutton input.active,
18566 .submit.buttons input[name="cancel"].active {
18567   background-color: #cccccc \9;
18568 }
18569 #notice .singlebutton + .singlebutton input:first-child,
18570 .submit.buttons input[name="cancel"]:first-child {
18571   *margin-left: 0;
18572 }
18573 #notice .singlebutton + .singlebutton input:hover,
18574 .submit.buttons input[name="cancel"]:hover,
18575 #notice .singlebutton + .singlebutton input:focus,
18576 .submit.buttons input[name="cancel"]:focus {
18577   color: #333;
18578   text-decoration: none;
18579   background-position: 0 -15px;
18580   -webkit-transition: background-position 0.1s linear;
18581   -moz-transition: background-position 0.1s linear;
18582   -o-transition: background-position 0.1s linear;
18583   transition: background-position 0.1s linear;
18584 }
18585 #notice .singlebutton + .singlebutton input:focus,
18586 .submit.buttons input[name="cancel"]:focus {
18587   outline: thin dotted #333;
18588   outline: 5px auto -webkit-focus-ring-color;
18589   outline-offset: -2px;
18590 }
18591 #notice .singlebutton + .singlebutton input.active,
18592 .submit.buttons input[name="cancel"].active,
18593 #notice .singlebutton + .singlebutton input:active,
18594 .submit.buttons input[name="cancel"]:active {
18595   background-image: none;
18596   outline: 0;
18597   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18598   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18599   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
18600 }
18601 #notice .singlebutton + .singlebutton input.disabled,
18602 .submit.buttons input[name="cancel"].disabled,
18603 #notice .singlebutton + .singlebutton input[disabled],
18604 .submit.buttons input[name="cancel"][disabled] {
18605   cursor: default;
18606   background-image: none;
18607   opacity: 0.65;
18608   filter: alpha(opacity=65);
18609   -webkit-box-shadow: none;
18610   -moz-box-shadow: none;
18611   box-shadow: none;
18612 }
18613 #notice .singlebutton + .singlebutton input .label,
18614 .submit.buttons input[name="cancel"] .label,
18615 #notice .singlebutton + .singlebutton input .badge,
18616 .submit.buttons input[name="cancel"] .badge {
18617   position: relative;
18618   top: -1px;
18619 }
18620 #notice .singlebutton + .singlebutton input,
18621 .submit.buttons input[name="cancel"] {
18622   margin: 0 0 10px 5px;
18623 }
18624 input[id$="_clearbutton"],
18625 input[type="reset"] {
18626   color: #fff;
18627   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
18628   background-color: #faa732;
18629   background-image: -moz-linear-gradient(top, #fbb450, #f89406);
18630   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
18631   background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
18632   background-image: -o-linear-gradient(top, #fbb450, #f89406);
18633   background-image: linear-gradient(to bottom, #fbb450, #f89406);
18634   background-repeat: repeat-x;
18635   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
18636   border-color: #f89406 #f89406 #ad6704;
18637   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
18638   *background-color: #f89406;
18639   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
18640   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
18641 }
18642 input[id$="_clearbutton"]:hover,
18643 input[type="reset"]:hover,
18644 input[id$="_clearbutton"]:focus,
18645 input[type="reset"]:focus,
18646 input[id$="_clearbutton"]:active,
18647 input[type="reset"]:active,
18648 input[id$="_clearbutton"].active,
18649 input[type="reset"].active,
18650 input[id$="_clearbutton"].disabled,
18651 input[type="reset"].disabled,
18652 input[id$="_clearbutton"][disabled],
18653 input[type="reset"][disabled] {
18654   color: #fff;
18655   background-color: #f89406;
18656   *background-color: #df8505;
18657 }
18658 input[id$="_clearbutton"]:active,
18659 input[type="reset"]:active,
18660 input[id$="_clearbutton"].active,
18661 input[type="reset"].active {
18662   background-color: #c67605 \9;
18663 }
18664 input[id$="_clearbutton"] .caret,
18665 input[type="reset"] .caret {
18666   border-top-color: #fff;
18667   border-bottom-color: #fff;
18668 }