openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css

   1 /* Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
   2  *\r
   3  * Licensed under the Apache License, Version 2.0 (the "License");\r
   4  * you may not use this file except in compliance with the License.\r
   5  * You may obtain a copy of the License at\r
   6  *\r
   7  *    http://www.apache.org/licenses/LICENSE-2.0\r
   8  *\r
   9  * Unless required by applicable law or agreed to in writing, software\r
  10  * distributed under the License is distributed on an "AS IS" BASIS,\r
  11  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  12  * See the License for the specific language governing permissions and\r
  13  * limitations under the License.\r
  14  */\r
  15 \r
  16 body {\r
  17     font-family: '微软雅黑';\r
  18     font-size: 12px;\r
  19     color: #333;\r
  20     background: #fafafa;\r
  21 }\r
  22 \r
  23 button {\r
  24     outline: none;\r
  25 }\r
  26 \r
  27 ul, li {\r
  28     list-style: none;\r
  29     padding: 0;\r
  30     margin: 0;\r
  31 }\r
  32 \r
  33 .titleFont {\r
  34     font-size: 16px;\r
  35 }\r
  36 \r
  37 .separator-line {\r
  38     height: 1px;\r
  39     width: 100%;\r
  40     border: 1px solid #ddd;\r
  41     margin: 6px 0 15px 0;\r
  42 }\r
  43 \r
  44 .uploadBtn {\r
  45     overflow: hidden;\r
  46 }\r
  47 \r
  48 .creat-btn {\r
  49     padding: 0 14px;\r
  50     height: 24px;\r
  51     float: left;\r
  52     cursor: pointer;\r
  53     text-decoration: none;\r
  54     outline: 0;\r
  55     border: 1px solid #d3d3d3;\r
  56     text-align: center;\r
  57     box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
  58     background: #fafafa;\r
  59     background: -moz-linear-gradient(top, #fff, #fafafa);\r
  60     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
  61     background: -webkit-linear-gradient(top, #fff, #fafafa);\r
  62     background: linear-gradient(to bottom, #fff, #fafafa);\r
  63     border-radius: 6px;\r
  64     background: #fff url(../images/add.png) no-repeat 5px center;\r
  65     padding-left: 20px;\r
  66 }\r
  67 \r
  68 .creat-btn:hover {\r
  69     color: #009ae7;\r
  70     border: 1px solid #4AC9FF\r
  71 }\r
  72 \r
  73 .creat-btn:active {\r
  74     color: #000;\r
  75     border: 1px solid #4AC9FF\r
  76 }\r
  77 \r
  78 /*.creat-btn{\r
  79     background: #fff url(../image/add.png) no-repeat 5px center;\r
  80     border: 1px solid #ddd;\r
  81     float: left;\r
  82 }\r
  83 .creat-btn:hover{\r
  84     background: #428bca;\r
  85     color: #fff;\r
  86     border:1px solid #428bca;\r
  87 }*/\r
  88 .search {\r
  89     width: 310px;\r
  90     height: 30px;\r
  91     float: right;\r
  92 }\r
  93 \r
  94 .search-text {\r
  95     width: 250px;\r
  96     float: left;\r
  97     margin-right: 6px;\r
  98 }\r
  99 \r
 100 .search-btn {\r
 101     height: 30px;\r
 102     background: #fff;\r
 103     border: 1px solid #ddd;\r
 104     float: left;\r
 105 }\r
 106 \r
 107 #ict_virtualApplication_table_div {\r
 108     margin-top: 15px;\r
 109 }\r
 110 \r
 111 .table > thead > tr.active > th {\r
 112     border: 1px solid #ddd !important;\r
 113     border-bottom: 0;\r
 114     background: #f0f0f0;\r
 115 }\r
 116 \r
 117 /*.table tbody tr:hover{\r
 118     background: #e6fbe0!important;\r
 119 }*/\r
 120 .table tbody tr:last-child {\r
 121     border-bottom: 1px solid #ddd;\r
 122 }\r
 123 \r
 124 .table-btn {\r
 125     border: 1px solid #ccc;\r
 126     border-radius: 3px;\r
 127 }\r
 128 \r
 129 .delete-btn {\r
 130     background: url(../image/delete.png) no-repeat;\r
 131     width: 16px;\r
 132     height: 16px;\r
 133     border: none;\r
 134 }\r
 135 \r
 136 .detail-btn {\r
 137     background: url(../image/openo.png) no-repeat -343px -283px;\r
 138     width: 16px;\r
 139     height: 16px;\r
 140     border: none;\r
 141 }\r
 142 \r
 143 .detail-btn.current {\r
 144     background-position: -7px -314px;\r
 145 }\r
 146 \r
 147 .detail {\r
 148     height: 200px;\r
 149     border: 1px solid #ddd;\r
 150     margin-top: 60px;\r
 151 }\r
 152 \r
 153 .detail-top ul {\r
 154     height: 50px;\r
 155     line-height: 50px;\r
 156     border-bottom: 1px solid #ddd;\r
 157     padding-left: 0px;\r
 158     background: #fafafa;\r
 159 }\r
 160 \r
 161 .detail-top ul li {\r
 162     float: left;\r
 163     width: 120px;\r
 164     text-align: center;\r
 165     border-right: 1px solid #ddd;\r
 166     cursor: pointer;\r
 167 }\r
 168 \r
 169 .detail-top ul li.current {\r
 170     background: #fff;\r
 171 }\r
 172 \r
 173 .vmapp-margin {\r
 174     margin-bottom: 10px;\r
 175 }\r
 176 \r
 177 .control-label .required {\r
 178     color: #e02222;\r
 179     font-size: 12px;\r
 180     padding-left: 2px;\r
 181 }\r
 182 \r
 183 .form-group .control-label {\r
 184     font-size: 12px;\r
 185     font-weight: 400;\r
 186 }\r
 187 \r
 188 legend {\r
 189     font-size: 12px;\r
 190     font-weight: bold;\r
 191 }\r
 192 \r
 193 .pageGro {\r
 194     width: 250px;\r
 195     float: right;\r
 196 }\r
 197 \r
 198 .pageUp, .pageDown, .pageList, .pageList li {\r
 199     float: left;\r
 200     cursor: pointer;\r
 201 }\r
 202 \r
 203 .pageUp, .pageDown {\r
 204     width: 60px;\r
 205     height: 30px;\r
 206     border: 1px solid #ddd;\r
 207     text-align: center;\r
 208     line-height: 30px;\r
 209 }\r
 210 \r
 211 .pageList li {\r
 212     width: 30px;\r
 213     height: 30px;\r
 214     border: 1px solid #ddd;\r
 215     text-align: center;\r
 216     line-height: 30px;\r
 217     border-left: none;\r
 218 }\r
 219 \r
 220 .pageList li.active {\r
 221     background: #428bca;\r
 222     color: #fff;\r
 223     border-color: #428bca;\r
 224 }\r
 225 \r
 226 .pageDown {\r
 227     border-left: none;\r
 228 }\r
 229 \r
 230 .headerLinkP {\r
 231     padding-top: 17px;\r
 232 }\r
 233 \r
 234 .headerLinkP span {\r
 235     font-size: 12px;\r
 236     color: #666;\r
 237     font-weight: normal !important;\r
 238 }\r
 239 \r
 240 label {\r
 241     font-weight: normal !important;\r
 242 }\r
 243 \r
 244 table.userform tbody tr td {\r
 245     display: table-cell;\r
 246     padding-right: 10px;\r
 247     padding-top: 10px;\r
 248     font-size: 12px;\r
 249     color: #333;\r
 250 }\r
 251 \r
 252 .table th, .table td {\r
 253     padding-top: 3px !important;\r
 254     padding-bottom: 3px !important;\r
 255 }\r
 256 \r
 257 .openoBrowseButton_element {\r
 258     display: table;\r
 259 }\r
 260 \r
 261 .openo {\r
 262     font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
 263     font-size: 12px;\r
 264     color: #000;\r
 265 }\r
 266 \r
 267 .openoBrowseButton_input {\r
 268     width: 198px;\r
 269     position: relative;\r
 270     border: 1px solid #c3c3c3 !important;\r
 271     height: 26px;\r
 272     background-color: #f3f3f3;\r
 273     border-radius: 4px 0 0 4px;\r
 274     border-right: none;\r
 275     padding: 0;\r
 276 }\r
 277 \r
 278 .buttonClassDefault, .buttonClassDefault:active {\r
 279     cursor: pointer;\r
 280     background-image: url(../images/openo.png);\r
 281     background-position: -154px -7px !important;\r
 282 }\r
 283 \r
 284 .openoBrowseButton_button {\r
 285     width: 27px;\r
 286     border: 0;\r
 287     float: right;\r
 288     position: relative;\r
 289     height: 26px;\r
 290     right: 0;\r
 291     top: 0;\r
 292     border-radius: 0 4px 4px 0;\r
 293     border-right: 1px solid #c3c3c3;\r
 294     border-left: none;\r
 295 }\r
 296 \r
 297 .openo .openo-input, .openo.openo-input {\r
 298     outline: 0;\r
 299     border: 1px solid #c3c3c3;\r
 300     box-shadow: 1px 1px #f6f6f6 inset;\r
 301     background-color: #fff;\r
 302     height: 26px;\r
 303 }\r
 304 \r
 305 .openoInput_openoDefaultText {\r
 306     padding: 0 0 0 6px;\r
 307     border-radius: 4px;\r
 308     color: #000;\r
 309     display: inline-block;\r
 310     outline: 0;\r
 311     box-shadow: 1px 1px #f6f6f6 inset;\r
 312     font-size: 12px;\r
 313     background: #fff;\r
 314 }\r
 315 \r
 316 div.openo-select {\r
 317     border: 1px solid #c3c3c3;\r
 318     border-radius: 4px;\r
 319     background: url(../images/arrow-down-enable.png) right no-repeat #fff;\r
 320     line-height: 24px;\r
 321     padding-left: 3px;\r
 322     display: block;\r
 323 }\r
 324 \r
 325 div.openo-select > input.openo-select-input {\r
 326     border: none;\r
 327     outline: 0;\r
 328     line-height: 21px;\r
 329     height: 21px;\r
 330     padding-left: 3px;\r
 331     border-right: solid 1px #c3c3c3;\r
 332 }\r
 333 \r
 334 .openo .openo-ellipsis, .openo.openo-ellipsis {\r
 335     overflow: hidden;\r
 336     white-space: nowrap;\r
 337     text-overflow: ellipsis;\r
 338 }\r
 339 \r
 340 a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {\r
 341     height: 26px;\r
 342     float: left;\r
 343     cursor: pointer;\r
 344     text-decoration: none;\r
 345     outline: 0;\r
 346     border: 1px solid #d3d3d3;\r
 347     text-align: center;\r
 348     box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
 349     background: #fafafa;\r
 350     background: -moz-linear-gradient(top, #fff, #fafafa);\r
 351     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
 352     background: -webkit-linear-gradient(top, #fff, #fafafa);\r
 353     background: linear-gradient(to bottom, #fff, #fafafa);\r
 354     border-radius: 6px;\r
 355 }\r
 356 \r
 357 .openoButton_buttonInnerClass {\r
 358     padding: 0 19px;\r
 359     border-radius: 6px;\r
 360 }\r
 361 \r
 362 .openoButton_buttonCenterText {\r
 363     color: #000;\r
 364     line-height: 24px;\r
 365     white-space: nowrap;\r
 366     width: auto !important;\r
 367 }\r
 368 \r
 369 .userHeader {\r
 370     clear: left;\r
 371     overflow: hidden;\r
 372     margin-bottom: 10px;\r
 373     padding: 10px 10px 0px 0px;\r
 374 }\r
 375 \r
 376 .openoButton_buttonGroupClass {\r
 377     display: inline;\r
 378 }\r
 379 \r
 380 .openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
 381     margin-left: 0;\r
 382 }\r
 383 \r
 384 .openoButton_buttonLeftImg {\r
 385     margin-right: 5px;\r
 386 }\r
 387 \r
 388 .openoButton_buttonLeftImg, .openoButton_buttonRightImg {\r
 389     display: inline-block;\r
 390     vertical-align: top;\r
 391     width: 16px;\r
 392     height: 16px;\r
 393     margin-top: 4px;\r
 394 }\r
 395 \r
 396 .openo-table-pagination-wrapper {\r
 397     height: 37px;\r
 398 }\r
 399 \r
 400 .openo-pagination {\r
 401     display: block;\r
 402     float: left;\r
 403     overflow: hidden;\r
 404     padding: 5px 0 0;\r
 405     margin-top: 8px;\r
 406 }\r
 407 \r
 408 .openoPagination_openoPaginationLengthOptions:not(msie8) {\r
 409     line-height: 24px;\r
 410 }\r
 411 \r
 412 .openoPagination_openoPaginationLengthOptions {\r
 413     white-space: normal;\r
 414     height: 24px;\r
 415     float: left;\r
 416     outline: 0;\r
 417     line-height: 20px;\r
 418     margin: 0 5px;\r
 419 }\r
 420 \r
 421 .openo-pagination-select {\r
 422     height: 26px;\r
 423     line-height: 22px;\r
 424     text-align: center;\r
 425     margin-right: -2px;\r
 426     border: 1px solid #e0e0e0;\r
 427     border-radius: 5px 0 0 5px;\r
 428     padding: 1px;\r
 429 }\r
 430 \r
 431 .openoPagination_openoPaginationLengthOptions span {\r
 432     background-color: #fff !important;\r
 433 }\r
 434 \r
 435 .openo-pagination-theme a, .openo-pagination-theme span {\r
 436     float: left;\r
 437     color: #666;\r
 438     font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
 439     line-height: 24px;\r
 440     font-weight: 400;\r
 441     text-align: center;\r
 442     border: 1px solid #e0e0e0;\r
 443     text-decoration: none !important;\r
 444     padding: 0 7px;\r
 445     border-radius: 3px;\r
 446     background: #fff;\r
 447 }\r
 448 \r
 449 .openo-pagination-selectspan {\r
 450     background: url(../images/ideo_default_select.png) left no-repeat !important;\r
 451     float: right !important;\r
 452     width: 26px;\r
 453     height: 26px;\r
 454     cursor: pointer;\r
 455 }\r
 456 \r
 457 .openo-pagination-theme label {\r
 458     padding-top: 6px;\r
 459     vertical-align: middle;\r
 460     margin-right: 20px;\r
 461     margin-top: -1px;\r
 462     float: left;\r
 463     display: inline-block;\r
 464     height: 20px;\r
 465     font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
 466 }\r
 467 \r
 468 .openo-pagination li, .openo-pagination ul {\r
 469     list-style: none;\r
 470     padding: 0;\r
 471     margin: 0;\r
 472     float: left;\r
 473 }\r
 474 \r
 475 dd, dl, dt, li {\r
 476     color: #000;\r
 477 }\r
 478 \r
 479 .openo-pagination-theme a, .openo-pagination-theme span.current {\r
 480     margin: 0 5px 0 0;\r
 481 }\r
 482 \r
 483 .openo .openo-disabled, .openo.openo-disabled {\r
 484     border-color: #c3c3c3 !important;\r
 485     color: #666 !important;\r
 486     opacity: .3;\r
 487     filter: alpha(opacity=30);\r
 488 }\r
 489 \r
 490 .openo-pagination-theme .prev {\r
 491     background: 0 0;\r
 492     float: left;\r
 493 }\r
 494 \r
 495 .openo-pagination-theme .current {\r
 496     text-decoration: none !important;\r
 497     float: left;\r
 498     padding-left: 6px;\r
 499     height: 24px;\r
 500     color: #fff;\r
 501     display: inline;\r
 502     border-color: #00adf5;\r
 503     background: #4ad2ff;\r
 504 }\r
 505 \r
 506 .openo-pagination-theme a, .openo-pagination-theme span {\r
 507     float: left;\r
 508     color: #666;\r
 509     font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
 510     line-height: 24px;\r
 511     font-weight: 400;\r
 512     text-align: center;\r
 513     border: 1px solid #e0e0e0;\r
 514     text-decoration: none !important;\r
 515     padding: 0 7px;\r
 516     border-radius: 3px;\r
 517     background: #fff;\r
 518 }\r
 519 \r
 520 .openo-pagination-theme .prev.openo-disabled:before {\r
 521     background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
 522 }\r
 523 \r
 524 .openo-pagination-theme .prev.openo-disabled:before {\r
 525     background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
 526 }\r
 527 \r
 528 .openo-pagination-theme .prev:before {\r
 529     background: url(../images/page_l.png) 50% 45% no-repeat;\r
 530 }\r
 531 \r
 532 .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
 533     display: inline-block;\r
 534     content: "";\r
 535     vertical-align: middle;\r
 536     width: 10px;\r
 537     height: 24px;\r
 538 }\r
 539 \r
 540 .openo-pagination-theme .prev:before {\r
 541     background: url(../images/page_l.png) 50% 45% no-repeat;\r
 542 }\r
 543 \r
 544 .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
 545     display: inline-block;\r
 546     content: "";\r
 547     vertical-align: middle;\r
 548     width: 10px;\r
 549     height: 24px;\r
 550 }\r
 551 \r
 552 pagination ul {\r
 553     list-style: none;\r
 554     padding: 0;\r
 555     margin: 0;\r
 556     float: left;\r
 557 }\r
 558 \r
 559 .openo-pagination li, .openo-pagination ul {\r
 560     list-style: none;\r
 561     padding: 0;\r
 562     margin: 0;\r
 563     float: left;\r
 564 }\r
 565 \r
 566 .openoPagination_gototext {\r
 567     background: #FFF;\r
 568     outline: 0;\r
 569     width: 29px;\r
 570     float: left;\r
 571     height: 26px;\r
 572     line-height: 24px;\r
 573     border-radius: 4px;\r
 574     border: 1px solid #c3c3c3;\r
 575     padding: 0 0 0 5px;\r
 576     margin: 0;\r
 577     color: #666;\r
 578     min-width: 50px;\r
 579 }\r
 580 \r
 581 .openoPagination_gotoimage {\r
 582     width: 29px;\r
 583     height: 26px;\r
 584     line-height: 26px;\r
 585     background-color: #FFF;\r
 586     background-image: url(/portal/themes/default/components/openo/images/openo.png);\r
 587     padding-left: 21px;\r
 588     float: left;\r
 589     margin-left: 5px;\r
 590     border: 1px solid #e0e0e0;\r
 591     border-radius: 4px;\r
 592     box-sizing: border-box;\r
 593     -moz-box-sizing: border-box;\r
 594     background-position: -184px -181px !important;\r
 595 }\r
 596 \r
 597 .openo-pagination-theme .ellipse {\r
 598     float: left;\r
 599     margin-left: -8px;\r
 600     margin-right: -4px;\r
 601     background: 0 0;\r
 602     border: none;\r
 603     border-radius: 0;\r
 604     box-shadow: none;\r
 605     font-weight: 700;\r
 606     cursor: default;\r
 607 }\r
 608 \r
 609 .openo.openo-disabled {\r
 610     border-color: #c3c3c3 !important;\r
 611     color: #666 !important;\r
 612     opacity: .3;\r
 613     filter: alpha(opacity=30);\r
 614 }\r
 615 \r
 616 .openo-pagination-theme .prev {\r
 617     background: 0 0;\r
 618     float: left;\r
 619 }\r
 620 \r
 621 .openo-pagination-theme .current {\r
 622     text-decoration: none !important;\r
 623     float: left;\r
 624     padding-left: 6px;\r
 625     height: 26px;\r
 626     color: #fff;\r
 627     display: inline;\r
 628     /*border-color: #00adf5;\r
 629     background: #4ad2ff;*/\r
 630     border: 1px solid #e0e0e0;\r
 631 }\r
 632 \r
 633 .openo-pagination-theme .next:after {\r
 634     background: url(../images/page_r.png) 50% 45% no-repeat;\r
 635 }\r
 636 \r
 637 .openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {\r
 638     margin-left: 5px;\r
 639 }\r
 640 \r
 641 html, body {\r
 642     height: 99%;\r
 643     width: 98%;\r
 644 }\r
 645 \r
 646 .cotentBody {\r
 647     padding: 0px 20px 0px 20px;\r
 648 }\r
 649 \r
 650 div.openoButton_buttonClass:hover {\r
 651     border: 1px solid #4ac9ff;\r
 652 }\r
 653 \r
 654 div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
 655     color: #009ae7;\r
 656 }\r
 657 \r
 658 .header_lineimg {\r
 659     height: 1px;\r
 660     width: 100%;\r
 661     margin-top: 17px;\r
 662 }\r
 663 \r
 664 .openo.openo-hide {\r
 665     display: none;\r
 666 }\r
 667 \r
 668 div.openo-select-popup-container {\r
 669     position: absolute;\r
 670     border: 1px solid #4ac9ff;\r
 671     border-top: none;\r
 672     border-radius: 0 0 4px 4px;\r
 673     max-height: 202px;\r
 674     overflow-y: auto;\r
 675     background-color: #fff;\r
 676     z-index: 880;\r
 677 }\r
 678 \r
 679 div.openo-select-popup-container > div.openo-select-item {\r
 680     display: block;\r
 681 }\r
 682 \r
 683 .openo .openo-ellipsis, .openo.openo-ellipsis {\r
 684     overflow: hidden;\r
 685     white-space: nowrap;\r
 686     text-overflow: ellipsis;\r
 687 }\r
 688 \r
 689 div.openo-select-popup-container > div.openo-select-item > label {\r
 690     padding-top: 3px;\r
 691     padding-bottom: 3px;\r
 692     line-height: 20px;\r
 693 }\r
 694 \r
 695 .openo .openo-ellipsis, .openo.openo-ellipsis {\r
 696     overflow: hidden;\r
 697     white-space: nowrap;\r
 698     text-overflow: ellipsis;\r
 699 }\r
 700 \r
 701 .openo-select-item label {\r
 702     margin-left: 4px;\r
 703     margin-right: 4px;\r
 704     white-space: nowrap;\r
 705 }\r
 706 \r
 707 div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {\r
 708     background-color: #f1f1f1;\r
 709     color: #008fd6;\r
 710 }\r
 711 \r
 712 div.openo-select.openo-focus {\r
 713     border: 1px solid #4ac9ff;\r
 714     border-bottom-left-radius: 0;\r
 715     border-bottom-right-radius: 0;\r
 716     border-bottom-color: #ddd;\r
 717 }\r
 718 \r
 719 .openo-pagination-theme a:hover {\r
 720     border-color: #4ac9ff;\r
 721     cursor: pointer;\r
 722 }\r
 723 \r
 724 .SDBtn {\r
 725     background: #fff;\r
 726     color: #333;\r
 727     border: 1px solid #ddd;\r
 728 }\r
 729 \r
 730 .SDBtn:hover {\r
 731     color: #009ae7;\r
 732     border: 1px solid #4AC9FF\r
 733 }\r
 734 \r
 735 table tbody tr.even:hover td, table tbody tr.odd:hover td {\r
 736     background-color: #e6fbe0;\r
 737 }\r
 738 \r
 739 table tr.openoTable_row_selected td {\r
 740     background: #e8f8fe !important;\r
 741     border-bottom: 1px solid #e8e8e8 !important;\r
 742 }\r
 743 \r
 744 .modal-body {\r
 745     padding: 0 !important;\r
 746 }\r
 747 \r
 748 .form-control {\r
 749     height: 26px !important;\r
 750 }\r
 751 \r
 752 .form-group .control-label {\r
 753     margin-left: 20px;\r
 754 }\r
 755 \r
 756 .form-horizontal .control-label {\r
 757     text-align: left;\r
 758 }