git.sur5r.net Git - bacula/bacula/blob - gui/baculum/themes/Baculum-v1/style.css

   1 body {
   2         background-color: #b5c9d3;
   3         background-image: url('background.png');
   4         background-repeat: repeat-x;
   5         font-family: Arial, Helvetica, sans-serif;
   6         color: white;
   7 }
   8
   9 body.api {
  10         background-image: none;
  11         background-color: #444445;
  12         color: white;
  13 }
  14
  15 #message-body {
  16         background-color: #832933;
  17         background-image: none;
  18         background-repeat: repeat-x;
  19         font-family: Arial, Helvetica, sans-serif;
  20         color: black;
  21 }
  22
  23 input.invalidate, select.invalidate {
  24         border: 1px solid red;
  25 }
  26
  27 input[type=text], input[type=password], select, textarea {
  28                 -webkit-border-radius: 4px;
  29                 -moz-border-radius: 4px;
  30                 border-radius: 4px;
  31                 padding: 5px;
  32 }
  33
  34 input[type=checkbox] {
  35                 height: 16px;
  36                 width: 16px;
  37 }
  38
  39 input.textbox, select.textbox, textarea.textbox {
  40         width: 260px;
  41         border: 1px solid black;
  42         font-size: 11pt;
  43         display: table-cell;
  44 }
  45
  46 input.textbox-short, select.textbox-short {
  47         width: 80px;
  48         border: 1px solid black;
  49         font-size: 11pt;
  50         display: table-cell;
  51 }
  52
  53 input.textbox-auto, select.textbox-auto, textarea.textbox-auto {
  54         border: 1px solid black;
  55         font-size: 14px;
  56         display: table-cell;
  57 }
  58
  59 textarea.textbox-auto {
  60         resize: vertical;
  61         width: 100%;
  62         font-size: 11px;
  63 }
  64
  65 a, a.big {
  66         font-size: 12px;
  67         color: white;
  68         padding: 3px 4px;
  69         text-decoration: none;
  70 }
  71
  72 a:hover, a.big {
  73         text-decoration: underline;
  74 }
  75
  76 a.big {
  77         font-size: 17px;
  78         font-weight: bold;
  79 }
  80
  81 #container {
  82         margin: 0 auto;
  83         min-width: 987px;
  84         max-width: 100%;
  85         border-right: 1px solid black;
  86         background-color: #585758;
  87 }
  88
  89 #top {
  90         margin: 0 auto;
  91         min-width: 987px;
  92         max-width: 100%;
  93         height: 51px;
  94         background-image: url('bls_top.png');
  95         background-repeat: repeat-x;
  96         border-left: 1px solid black;
  97         border-right: 1px solid black;
  98         border-top-left-radius: 7px;
  99         border-top-right-radius: 7px;
 100         clear: both;
 101 }
 102
 103 #top img {
 104         padding: 11px 0 11px 5px;
 105         float: left;
 106 }
 107
 108 #topbar {
 109         background: transparent url('logo.png') no-repeat 10px center;
 110         width: 100%;
 111         height: 51px;
 112 }
 113
 114 #logo {
 115         margin-left: 20px;
 116 }
 117
 118 #workspace-menu-left {
 119         position: absolute;
 120         width: 74px;
 121         height: 600px;
 122         background-color: #546e83;
 123         border-left: 1px solid black;
 124         z-index: 200;
 125         /* Workaround for FF and switch Graphs and Workspace areas */
 126         bottom: auto !important;
 127 }
 128
 129 #content {
 130         position: relative;
 131         top: 0;
 132         left: 75px;
 133         width: 100%;
 134         height: 600px;
 135         z-index: 100;
 136 }
 137
 138 #directors, #panel_switcher, #tray_bar {
 139         float: right;
 140         font-size: 12px;
 141 }
 142
 143 #directors select {
 144         margin: 15px 20px 0 0;
 145         padding: 0;
 146         font-size: 12px
 147 }
 148
 149 #panel_switcher {
 150         margin: 2px 6px 0 0;
 151         font-weight: bold;
 152 }
 153
 154 #panel_switcher img {
 155         margin: 0;
 156         padding-left: 12px;
 157         float: none;
 158         cursor: pointer;
 159 }
 160
 161 #tray_bar {
 162         margin: 2px 0;
 163 }
 164
 165 #tray_bar img {
 166         float: none;
 167         margin: 0;
 168         padding: auto 7px;
 169 }
 170
 171 #tray_bar span{
 172         font-size: 14px;
 173 }
 174
 175 div.configuration {
 176         width: 45%;
 177         height: 575px;
 178         margin: 12px;
 179         float: right;
 180         background-color: #898889;
 181         -webkit-border-radius: 10px;
 182         -moz-border-radius: 10px;
 183         border-radius: 10px;
 184         display: none;
 185 }
 186
 187 #configuration {
 188         position: absolute;
 189         width: 100%;
 190 }
 191
 192 #configuration div.field select {
 193         width: 178px;
 194 }
 195
 196 #configuration div.field input[type=text] {
 197         width: 166px;
 198 }
 199
 200 div.configuration-progress {
 201         background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
 202         width: 45%;
 203         height: 575px;
 204         z-index: 10;
 205         position: absolute;
 206         top: 12px;
 207         right: 12px;
 208         display: none;
 209         border-radius: 10px;
 210 }
 211
 212 div.slide-window-progress {
 213         background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
 214         width: 100%;
 215         height: 100%;
 216         z-index: 10;
 217         position: absolute;
 218         top: 0;
 219         left: 0;
 220         display: none;
 221 }
 222
 223 .wheel-loader {
 224         background: #ffffff url('wheel.gif') no-repeat center center;
 225 }
 226 div.actions_btn {
 227         position: absolute;
 228         width: 35px;
 229         height: 35px;
 230         right: 22px;
 231         top: 0px;
 232         margin: 3px 0;
 233         text-align: right;
 234 }
 235
 236 #console {
 237         clear: left;
 238         min-width: 973px;
 239         max-width: 100%;
 240         min-height: 20px;
 241         margin: 0 auto;
 242         padding: 5px 0;
 243         text-align: right;
 244         background-color: #686a6c;
 245         border-left: 1px solid black;
 246         border-right: 1px solid black;
 247 }
 248
 249 #console a.left {
 250         float: left;
 251         padding: 0 5px;
 252         font-weight: bold;
 253 }
 254
 255 #console input[type="text"], #console select {
 256         width: 255px;
 257 }
 258
 259 #console select {
 260         width: 267px;
 261         padding-bottom: 4px;
 262 }
 263
 264 #console input[type="submit"] {
 265         margin: 6px 0;
 266 }
 267
 268 #console div.button {
 269         text-align: right;
 270         margin: 3px 9px 5px 0;
 271 }
 272
 273 #bottom {
 274         max-width: 100%;
 275         min-width: 987px;
 276         height: 11px;
 277         margin: 0 auto;
 278         background: transparent url('bls_bottom.png') repeat-x top left;
 279         border-left: 1px solid black;
 280         border-right: 1px solid black;
 281         border-bottom-left-radius: 7px;
 282         border-bottom-right-radius: 7px;
 283 }
 284
 285 #message-box {
 286         border: 2px solid #a6ac00;
 287         width: 90%;
 288         padding: 8px;
 289         min-height: 200px;
 290         margin: 80px auto;
 291         -webkit-border-radius: 8px;
 292         -moz-border-radius: 8px;
 293         border-radius: 8px;
 294         background-color: #faff74;
 295 }
 296
 297 #message-box h3, #message-box h2 {
 298         margin: 20px 10px;
 299 }
 300
 301 #message-box li {
 302         margin: 10px;
 303 }
 304
 305 #message-box a {
 306         font-size: 16px;
 307         color: red;
 308         font-weight: bold;
 309         text-decoration: underline;
 310 }
 311
 312 .storage-btn, .client-btn, .media-btn, .pool-btn, .setting-btn, .job-btn, .jobrun-btn, .restore-btn {
 313         width: 74px;
 314         height: 74px;
 315         display: block;
 316         cursor: pointer;
 317         border: 0;
 318 }
 319
 320 .storage-btn {
 321         background: transparent url('storage_icon_inactive.png') no-repeat top left;
 322 }
 323
 324 .storage-btn:hover {
 325         background: transparent url('storage_icon.png') no-repeat top left;
 326 }
 327
 328 .client-btn {
 329         background: transparent url('client_icon_inactive.png') no-repeat top left;
 330 }
 331
 332 .client-btn:hover {
 333         background: transparent url('client_icon.png') no-repeat top left;
 334 }
 335
 336 .media-btn {
 337         background: transparent url('media_icon_inactive.png') no-repeat top left;
 338 }
 339
 340 .media-btn:hover {
 341         background: transparent url('media_icon.png') no-repeat top left;
 342 }
 343
 344 .pool-btn {
 345         background: transparent url('pool_icon_inactive.png') no-repeat top left;
 346 }
 347
 348 .pool-btn:hover {
 349         background: transparent url('pool_icon.png') no-repeat top left;
 350 }
 351
 352 .job-btn {
 353         background: transparent url('job_icon_inactive.png') no-repeat top left;
 354 }
 355
 356 .job-btn:hover {
 357         background: transparent url('job_icon.png') no-repeat top left;
 358 }
 359
 360 .jobrun-btn {
 361         background: transparent url('jobrun_icon_inactive.png') no-repeat top left;
 362 }
 363
 364 .jobrun-btn:hover {
 365         background: transparent url('jobrun_icon.png') no-repeat top left;
 366 }
 367
 368 .restore-btn {
 369         background: transparent url('restore_icon_inactive.png') no-repeat top left;
 370 }
 371
 372 .restore-btn:hover {
 373         background: transparent url('restore_icon.png') no-repeat top left;
 374 }
 375
 376 .setting-btn {
 377         background: transparent url('setting_icon_inactive.png') no-repeat top left;
 378 }
 379
 380 .setting-btn:hover {
 381         background: transparent url('setting_icon.png') no-repeat top left;
 382 }
 383
 384 .line {
 385         min-height: 35px;
 386         clear: both;
 387 }
 388
 389 .text {
 390         width: 240px;
 391         display: table-cell;
 392         vertical-align: middle;
 393         font-size: 14px;
 394 }
 395
 396 .field {
 397         display: table-cell;
 398 }
 399
 400 .field-full {
 401         display: block;
 402         min-height: 200px;
 403         width: 98%;
 404 }
 405
 406 .validator, .validate, .validator-block, .validator-info {
 407         color: #e3454b !important;
 408         font-size: 10pt;
 409         /*margin-left: 5px;*/
 410 }
 411
 412 .validator-info {
 413         color: white !important;
 414 }
 415
 416 .validator-block {
 417         display: block;
 418 }
 419
 420 .block {
 421         display: block !important;
 422 }
 423
 424 .validate {
 425         color: #96c600 !important;
 426 }
 427
 428 input.bbutton {
 429         font-size: 12px;
 430         vertical-align: baseline;
 431         -webkit-appearance: none;
 432         text-shadow: 0 1px 1px #7b2121;
 433         font-family: "times, serif";
 434         font-weight: 600;
 435         color: white;
 436         height: 28px;
 437         line-height: 26px;
 438         cursor: pointer;
 439         display: inline-block;
 440         width: auto;
 441         margin: 5px 8px;
 442         padding: 0 16px;
 443         min-width: 65px;
 444         border-radius: 4px;
 445         border: 1px solid #8f2626;
 446         background: #ca3838;
 447         background-image: linear-gradient(#df8989, #d03232);
 448 }
 449
 450 input.bbutton:hover {
 451         padding: 0 16px;
 452         box-shadow: inset 0 0 3px #faeded;
 453         background: #ff7474;
 454         border: 1px solid #8f2626;
 455 }
 456
 457 div.slide-window-container {
 458         width: 400px;
 459         height: 200px;
 460         font-size: 11px;
 461         font-weight: bold;
 462         background-color: rgba(255,255,255,0.3);
 463         z-index: 10;
 464         position: absolute;
 465 }
 466
 467 div.slide-window-content {
 468         height: 100%;
 469         width: 100%;
 470         border-right: 1px solid black;
 471         overflow: auto;
 472         overflow-y: auto;
 473 }
 474
 475 div.slide-window-element, div.slide-window-element:hover {
 476         float: left;
 477         width: 224px;
 478         color: white;
 479 }
 480
 481 div.slide-window-element:hover {
 482         text-decoration: underline;
 483 }
 484
 485 div.slide-window-element:hover, div.slide-window-element-detail:hover {
 486         float: left;
 487         width: 224px;
 488         background-color: #686A6C;
 489         cursor: pointer;
 490 }
 491
 492 tr.slide-window-element {
 493         background-color: #7a7a7a;
 494 }
 495
 496 tr.slide-window-element-alternating {
 497         background-color: #686A6C;
 498 }
 499
 500 tr.slide-window-element td, tr.slide-window-element-alternating td {
 501         font-style: italic;
 502         word-break: break-all;
 503         line-height: 30px;
 504 }
 505
 506 tr.slide-window-element:hover, tr.slide-window-element-alternating:hover {
 507         float: none;
 508         cursor: pointer;
 509 }
 510
 511 tr.slide-window-element:hover td, tr.slide-window-element-alternating:hover td {
 512         background-color: #aeb2b6;
 513 }
 514
 515 tr.slide-window-element img, tr.slide-window-element-alternating img {
 516         float: right;
 517 }
 518
 519 table.window-section-detail, table.window-section-detail-smallrow, table.file-browser-detail {
 520         background-color: rgba(0,0,0,0.5);
 521         width: 100%;
 522         font-size: 10px;
 523         font-weight: normal;
 524 }
 525
 526 table.window-section-detail th, table.window-section-detail-smallrow th, table.file-browser-detail th {
 527         background-color: black;
 528         color: white;
 529 }
 530 table.window-section-detail-smallrow td {
 531         line-height: 15px;
 532 }
 533
 534 table.file-browser-detail {
 535         border-spacing: 0;
 536 }
 537
 538 tr.file-browser-element {
 539         background-color: white;
 540         color: black;
 541 }
 542
 543 tr.file-browser-element td {
 544         font-style: italic;
 545         padding: 3px 0;
 546         vertical-align: middle;
 547 }
 548
 549 tr.file-browser-element:hover {
 550         cursor: move;
 551 }
 552
 553 tr.file-browser-element:hover td{
 554         background-color: #aeb2b6;
 555 }
 556
 557 tr.file-browser-header {
 558         height: 25px;
 559         text-align: left;
 560         font-family: monospace;
 561         font-size: 9px
 562 }
 563
 564 tr.file-browser-header th {
 565         padding-left: 9px;
 566 }
 567
 568 .draggable {
 569         cursor: move;
 570 }
 571
 572 div.slide-window-bar {
 573         background: transparent url('panel-border-btns.png') no-repeat top right;
 574         text-align: center;
 575         font-size: 10px;
 576         height: 14px;
 577         width: 100%;
 578         padding-right: 1px;
 579         clear: both;
 580 }
 581
 582 div.slide-window-bar-title {
 583         background: transparent url('panel-border-bg.png') repeat-x top left;
 584         height: 14px;
 585         margin-right: 51px;
 586         padding-top: 3px;
 587         -webkit-touch-callout: none;
 588         -webkit-user-select: none;
 589         -khtml-user-select: none;
 590         -moz-user-select: none;
 591         -ms-user-select: none;
 592         user-select: none;
 593         cursor: default;
 594 }
 595
 596 div.slide-window-close, div.slide-window-fullsize, div.slide-window-sort {
 597         width: 12px;
 598         height: 14px;
 599         position: relative;
 600         top: -14px;
 601         float: right;
 602         cursor: pointer;
 603 }
 604
 605 div.slide-window-close {
 606         right: 9px;
 607 }
 608
 609 div.slide-window-fullsize {
 610         right: 10px;
 611 }
 612
 613 div.slide-window-sort {
 614         right: 14px;
 615 }
 616
 617 div.slide-window-toolbar, div.slide-window-actions {
 618         height: 90px;
 619         width: 240px;
 620         z-index: 25;
 621         position: absolute;
 622         margin: 0;
 623         padding: 0;
 624         bottom: 0;
 625         right: 0;
 626         border-top-left-radius: 5px;
 627         border-left: 1px solid black;
 628         border-top: 1px solid black;
 629         background-color: rgba(0,0,0,0.7);
 630 }
 631
 632 div.slide-window-toolbar table {
 633         width: 220px;
 634         border-spacing: 6px;
 635         font-size: 11px;
 636 }
 637
 638 div.slide-window-toolbar table td input[type="radio"] {
 639         vertical-align: text-bottom;
 640 }
 641
 642 div.slide-window-toolbar table select,div.slide-window-toolbar table input {
 643         font-size: 11px;
 644         padding: 0;
 645 }
 646
 647 div.slide-window-toolbar table input[type="text"] {
 648         width: 123px;
 649 }
 650 div.slide-window-actions {
 651         width: 220px;
 652         height: 110px;
 653 }
 654
 655 div.slide-window-actions table {
 656         width: 100%;
 657         font-size: 12px;
 658         padding: 10px;
 659 }
 660
 661 div.configuration-window-content {
 662         padding: 10px 12px;
 663         width: 96%;
 664 }
 665
 666 div.slide-window-options {
 667         height: 36px;
 668         width: 36px;
 669         z-index: 20;
 670         position: absolute;
 671         margin: 0;
 672         padding: 0;
 673         bottom: 0;
 674         right: 0;
 675         border: 0;
 676         background: transparent url('gear-icon-alpha.png') no-repeat left 0;
 677 }
 678
 679 div.slide-window-options:hover {
 680         cursor: pointer;
 681         background: transparent url('gear-icon.png') no-repeat left 0;
 682 }
 683 div.status-bar-append, div.status-bar-full, div.status-bar-used, div.status-bar-error, div.status-bar-purged, div.status-bar-recycle, div.status-bar-busy, div.status-bar-disabled, div.status-bar-archive, div.status-bar-cleaning, div.status-bar-read-only, div.status-bar-detail-append, div.status-bar-detail-full, div.status-bar-detail-used, div.status-bar-detail-error, div.status-bar-detail-purged, div.status-bar-detail-recycle, div.status-bar-detail-busy, div.status-bar-detail-disabled, div.status-bar-detail-archive, div.status-bar-detail-cleaning, div.status-bar-detail-read-only {
 684         position: relative;
 685         border: 1px solid black;
 686         min-width: 40px;
 687         height: 20px;
 688         line-height: 20px;
 689         float: right;
 690         font-size: 7px;
 691         font-weight: bold;
 692         margin: 4px 6px 4px 0;
 693         -webkit-border-radius: 4px;
 694         -moz-border-radius: 4px;
 695         border-radius: 4px;
 696         text-align: center;
 697 }
 698
 699 div.status-bar-append, div.status-bar-detail-append {
 700         background-color: green;
 701 }
 702
 703 div.status-bar-full, div.status-bar-used, div.status-bar-detail-full, div.status-bar-detail-used {
 704         background-color: orange;
 705 }
 706
 707 div.status-bar-purged, div.status-bar-recycle, div.status-bar-detail-purged, div.status-bar-detail-recycle {
 708         background-color: yellow;
 709         color: black;
 710 }
 711
 712 div.status-bar-error, div.status-bar-detail-error {
 713         background-color: red;
 714 }
 715
 716 div.status-bar-busy, div.status-bar-detail-busy {
 717         background-color: pink;
 718 }
 719
 720 div.status-bar-archive, div.status-bar-disabled, div.status-bar-detail-archive, div.status-bar-detail-disabled {
 721         background-color: gray;
 722         color: black;
 723 }
 724
 725 div.status-bar-cleaning, div.status-bar-detail-cleaning {
 726         background-color: blue;
 727 }
 728
 729 div.status-bar-read-only, div.status-bar-detail-read-only {
 730         background-color: white;
 731         color: black;
 732 }
 733
 734 div.status-bar-detail-append, div.status-bar-detail-full, div.status-bar-detail-used, div.status-bar-detail-error, div.status-bar-detail-purged, div.status-bar-detail-recycle, div.status-bar-detail-busy, div.status-bar-detail-disabled, div.status-bar-detail-archive, div.status-bar-detail-cleaning, div.status-bar-detail-read-only {
 735         float: none;
 736         margin: 0 auto;
 737 }
 738
 739 /* JOB STATES */
 740
 741 div.job-status-C, div.job-status-R, div.job-status-B, div.job-status-T, div.job-status-W, div.job-status-E, div.job-status-e, div.job-status-f, div.job-status-D, div.job-status-A, div.job-status-I, div.job-status-F, div.job-status-S, div.job-status-m, div.job-status-M, div.job-status-s, div.job-status-j, div.job-status-c, div.job-status-d, div.job-status-t, div.job-status-p, div.job-status-i, div.job-status-a, div.job-status-l, div.job-status-L {
 742         border: 1px solid black;
 743         min-width: 52px;
 744         height: 20px;
 745         line-height: 20px;
 746         font-size: 9px;
 747         font-weight: bold;
 748         margin: 4px auto;
 749         -webkit-border-radius: 4px;
 750         -moz-border-radius: 4px;
 751         border-radius: 4px;
 752         text-align: center;
 753         background-color: black;
 754         color: white;
 755 }
 756
 757 div.job-status-C {
 758         background-color: #7A5DC7;
 759 }
 760
 761 div.job-status-A {
 762         background-color: yellow;
 763         color: black;
 764 }
 765
 766 div.job-status-R {
 767         background-color: #E9AB17;
 768         color: black;
 769 }
 770
 771 div.job-status-B, div.job-status-E, div.job-status-e, div.job-status-f, div.job-status-I {
 772         background-color: red;
 773 }
 774
 775 div.job-status-T {
 776         background-color: #347235;
 777 }
 778
 779 div.job-status-W {
 780         background-color: #C68E17;
 781 }
 782
 783 div.job-status-D {
 784         background-color: #CB4A2C;
 785 }
 786
 787 /*
 788 div.job-status-F, div.job-status-S, div.job-status-m, div.job-status-M, div.job-status-s, div.job-status-j, div.job-status-c, div.job-status-d, div.job-status-t, div.job-status-p {
 789         background-color: #657383;
 790 }
 791
 792 div.job-status-i, div.job-status-a, div.job-status-l, div.job-status-L {
 793         background-color: #151B54;
 794 }*/
 795
 796
 797 /* END JOB STATES */
 798
 799 div.window-section {
 800         border-bottom: 1px solid white;
 801         border-top: 1px solid white;
 802         background-color: rgba(0,0,0,0.5);
 803         width: 100%;
 804         height: 25px;
 805         clear: both;
 806         padding-top: 6px;
 807         font-size: 13px;
 808 }
 809
 810 div.window-section span {
 811         padding-left: 12px;
 812 }
 813
 814 div.button, div.button_line {
 815         text-align: right;
 816         margin: 3px 2px 5px 0;
 817 }
 818
 819 div.button_line {
 820         display: inline;
 821 }
 822
 823 div.button-center {
 824         text-align: center;
 825         margin: 5px 0;
 826 }
 827
 828 .txt-noshadow {
 829         text-shadow: none;
 830 }
 831
 832 .box-noshadow {
 833         box-shadow: none;
 834 }
 835
 836 input.validation-error {
 837         border-color: red !important;
 838 }
 839
 840 span.validation-error-summary {
 841         font-size: 12px;
 842         line-height: 12px;
 843         color: rgb(255, 187, 187) !important;
 844 }
 845
 846 textarea.console {
 847         width: 98%;
 848         height: 200px;
 849         display: block;
 850         margin: 5px auto;
 851         font-size: 10px;
 852 }
 853
 854 .bold {
 855         font-weight: bold;
 856 }
 857
 858 .italic {
 859         font-style: italic;
 860 }
 861
 862 .center {
 863         text-align: center !important;
 864 }
 865
 866 .left {
 867         text-align: left !important;
 868 }
 869
 870 .right {
 871         text-align: right;
 872 }
 873
 874 #console_launcher, #volumes_tools_launcher, #logging, #clear_bvfs_cache {
 875         padding: 0 5px;
 876 }
 877
 878 #console_launcher span, #volumes_tools_launcher span, #logging label, #clear_bvfs_cache label {
 879         padding: 0 5px;
 880         font-family: monospace;
 881         font-size: 11px;
 882 }
 883
 884 #logging input[type="checkbox"], #logging label, #clear_bvfs_cache label{
 885         cursor: pointer;
 886 }
 887
 888 #logging input[type="checkbox"], #clear_bvfs_cache input[type="image"] {
 889         vertical-align: middle;
 890         border: 0;
 891 }
 892
 893 .description {
 894         display: inline-block;
 895         font-style: italic;
 896         font-size: 12px;
 897         padding: 4px 0;
 898 }
 899
 900 fieldset {
 901         margin-bottom: 15px;
 902         font-size: 14px;
 903 }
 904
 905 fieldset .line {
 906         min-height: initial;
 907         height: 25px;
 908 }
 909
 910 fieldset .text {
 911         width: 250px;
 912 }
 913
 914 legend {
 915         font-size: 12px;
 916         font-weight: bold;
 917         color: white;
 918 }
 919
 920 img {
 921         vertical-align: middle;
 922         border: none;
 923 }
 924
 925 h4 {
 926         margin: 6px 0;
 927 }
 928
 929 hr.tabs {
 930         margin-top: 0;
 931         background-color: black; /* Firefox and Opera */
 932         border-color: black; /* Chrome and Safari */
 933         color: black; /* IE 7+ */
 934         clear: both;
 935 }
 936
 937 span.tab, span.tab_active {
 938         font-size: 13px;
 939         font-weight: bold;
 940         text-align: center;
 941         width: 130px;
 942         background-color: rgb(115, 143, 172);
 943         border-top-left-radius: 5px;
 944         border-top-right-radius: 5px;
 945         border-left: 1px solid black;
 946         border-right: 1px solid black;
 947         border-top: 1px solid black;
 948         padding: 4px;
 949         cursor: pointer;
 950 }
 951
 952 span.tab_active {
 953         background-color: rgb(163, 180, 197);
 954 }
 955
 956 #graphs, #dashboard, #config, #users {
 957         min-width: 954px;
 958         max-width: 100%;
 959         padding: 10px;
 960         margin: 0 auto;
 961         font-size: 11px;
 962         background-color: #585758;
 963         border-right: 1px solid black;
 964         overflow: auto;
 965 }
 966
 967 #users input {
 968         height: 9px;
 969         margin: 0 4px;
 970         font-size: 10px;
 971         vertical-align: super;
 972 }
 973
 974 #graphs span {
 975         margin: 0 3px;
 976 }
 977
 978 #config {
 979         padding: 0;
 980 }
 981
 982 #legend {
 983         border: 1px solid white;
 984         margin: 7px;
 985         padding: 8px;
 986 }
 987
 988 #legend table td {
 989         color: white;
 990 }
 991
 992 #graphs_content {
 993         margin: 0 auto;
 994         width: 98%;
 995         height: 425px;
 996 }
 997
 998 .dashboard_graph {
 999         height: 450px;
1000         text-align: center;
1001         font-size: 12px;
1002         color: white;
1003         font-weight: bold;
1004         float: right;
1005 }
1006
1007 #dashboard_icons  {
1008         min-width: 500px;
1009         min-height: 600px;
1010 }
1011
1012 .dashboard_field {
1013         max-width: 450px;
1014         min-width: 320px;
1015         height: 86px;
1016         margin: 4px;
1017         border-radius: 5px;
1018         float: left;
1019 }
1020
1021 .dashboard_field img {
1022         float: left;
1023 }
1024
1025 .dashboard_field p {
1026         font-size: 10px;
1027         margin-top: 5px;
1028 }
1029
1030 .dashboard_field p span:nth-of-type(1) {
1031         display: inline-block;
1032         width: 122px;
1033 }
1034
1035 .dashboard_field p span:nth-of-type(2) {
1036         font-size: 12px;
1037         padding-left: 5px;
1038         font-weight: bold;
1039 }
1040
1041 .dashboard_field a {
1042         text-decoration: underline;
1043 }
1044
1045 #config_submenu {
1046         min-width: 300px;
1047         height: 22px;
1048         position: absolute;
1049         top: 59px;
1050         right: 8px;
1051         border-bottom-left-radius: 5px;
1052         border-left: 1px solid black;
1053         border-bottom: 1px solid black;
1054         background-color: rgba(0, 0, 0, 0.7);
1055 }
1056
1057 #config_submenu span {
1058         display: inline-block;
1059         margin: 0 5px;
1060         padding: 5px 0;
1061 }
1062
1063 #config_submenu span:nth-of-type(1) {
1064         font-weight: bold;
1065 }
1066
1067 .config_lines {
1068         width: 533px;
1069         float: left;
1070 }
1071
1072 #config_fields {
1073         width: 732px;
1074         margin-left: 8px;
1075         padding-top: 7px;
1076 }
1077
1078 #config_fields div.button {
1079         padding-left: 247px;
1080 }
1081
1082 fieldset.config_field {
1083         width: 667px;
1084 }
1085
1086 fieldset.config_field .line {
1087         height: auto;
1088         min-height: 35px !important;
1089         padding-top: 2px;
1090         padding-bottom: 2px;
1091 }
1092
1093 span.config_test_loader, span.config_test_result {
1094         line-height: 75px;
1095 }
1096
1097 #jobs_summary_graph {
1098         width: 380px;
1099         height: 380px;
1100 }
1101
1102 #jobs_to_view {
1103         width: 240px;
1104         margin: 0 2px 0 5px;
1105 }
1106
1107 #users_list {
1108         width: 890px;
1109         font-size: 13px;
1110 }
1111
1112 #users_list td {
1113         font-style: normal;
1114         padding: 3px 5px;
1115 }
1116
1117 #users_list td:nth-of-type(1) {
1118         font-weight: bold;
1119 }
1120
1121 #users_list tr {
1122         cursor: initial;
1123 }
1124
1125 #users_list td:nth-of-type(1) {
1126         width: 200px;
1127         text-align: center;
1128 }
1129
1130 #users_list td:nth-of-type(3) {
1131         text-align: center;
1132 }
1133
1134 #users_list td:nth-of-type(4) {
1135         width: 340px;
1136 }
1137
1138 #users_list img {
1139         float: none;
1140 }
1141
1142 /* Overwrite date picker classes */
1143 .TDatePicker_default {
1144         z-index: 20;
1145 }
1146 .TDatePicker_default .date {
1147         color: blue;
1148 }
1149 .TDatePicker_default .selected {
1150         color: white;
1151 }
1152
1153 th.weekDayHead {
1154         color: black;
1155         border: 1px solid #919EA9;
1156 }
1157
1158 label.normal {
1159         font-size: 15px;
1160 }
1161
1162 /* END - Overwrite date picker classes */
1163
1164 /* API server OAuth2 progress bar */
1165
1166 #progress_label {
1167         position: absolute;
1168         top: 116px;
1169         transform: translate(-50%, -50%);
1170         font-weight: bold;
1171 }
1172
1173 #api_command {
1174         border-radius: 5px;
1175         height: 26px;
1176         width: 617px;
1177         font-size: 25px;
1178         color: #444444;
1179         padding: 9px 10px 2px 9px;
1180 }
1181
1182 #api_output {
1183         margin-top: 20px;
1184         border-radius: 6px;
1185         border: 1px solid white;
1186         width: 75%;
1187 }
1188
1189 #api_result {
1190         margin: 0 auto;
1191         white-space: pre-wrap;
1192         word-wrap: break-word;
1193         font-size: 13px;
1194 }
1195
1196 .api_button, .api_select {
1197         font-weight: bold;
1198         border: 1px solid #212121;
1199         border-radius: 4px;
1200         height: 37px;
1201         display: inline-block;
1202         vertical-align: super;
1203 }
1204
1205 .api_button {
1206         color: #1a1b1d;
1207         background-color: #ffeb3b;
1208 }
1209
1210 .api_button:hover {
1211         color: black;
1212         background-color: white;
1213         cursor: pointer;
1214         transition: all 0.3s linear;
1215 }
1216
1217 #api_refresh {
1218         margin-left: 10px;
1219         cursor: pointer;
1220 }
1221
1222 /**
1223  * Override jQuery-UI theming.
1224  */
1225
1226 .ui-widget-content td a, .ui-widget-content div a {
1227         color: white !important;
1228         text-decoration: underline;
1229 }
1230
1231 .ui-tabs .ui-tabs-panel {
1232         background-color: #444445;
1233         color: white;
1234         font-size: 15px;
1235 }
1236
1237 .tab-grid {
1238         border-spacing: 0;
1239 }
1240
1241 .tab-grid td  {
1242         border-top: 1px solid white;
1243         padding: 8px;
1244 }
1245
1246 .error {
1247         color: red;
1248 }