rulemgt-frontend/src/assets/framework/browser/css/open-ostyle.css

   1 /*
   2
   3     Copyright 2016-2017, Huawei Technologies Co., Ltd.
   4
   5     Licensed under the Apache License, Version 2.0 (the "License");
   6     you may not use this file except in compliance with the License.
   7     You may obtain a copy of the License at
   8
   9             http://www.apache.org/licenses/LICENSE-2.0
  10
  11     Unless required by applicable law or agreed to in writing, software
  12     distributed under the License is distributed on an "AS IS" BASIS,
  13     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14     See the License for the specific language governing permissions and
  15     limitations under the License.
  16
  17 */
  18
  19 body {
  20     margin: 0;
  21     padding: 0;
  22     width: 100%;
  23     height: 100%;
  24     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
  25     font-size: 12px;
  26 }
  27
  28 .container{
  29     background: #fafafa;
  30 }
  31
  32 .accordion_parent {
  33     position: relative;
  34     width: 220px;
  35     background-color: #f5f5f5;
  36 }
  37
  38 .openo-accordion-resizable-handle {
  39     z-index: 1 !important;
  40     cursor: e-resize;
  41     width: 7px;
  42     right: -5px;
  43     top: 0;
  44     height: 100%;
  45     position: absolute;
  46     font-size: .1px;
  47     display: block;
  48 }
  49
  50 .openoAccordian_accordionmenu {
  51     width: 100%;
  52     margin: 0;
  53     padding: 0;
  54     list-style-type: none;
  55     line-height: 17px;
  56 }
  57
  58 .openoAccordian_accordionmenu li {
  59     min-width: 75px;
  60     margin: 0;
  61     padding: 0;
  62     list-style-type: none;
  63     color: #000;
  64     clear: both;
  65 }
  66
  67 .openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {
  68     display: block;
  69     float: left;
  70     margin-bottom: -1px;
  71     border-bottom: 1px solid #e5e5e5;
  72     cursor: pointer;
  73     width: 13px;
  74     padding-top: 26px;
  75 }
  76
  77 .openo_accordion_ui-icon-expand {
  78     background: url(../thirdparty/images/collapse_arrow.png) right 20px no-repeat;
  79     margin-top: 8px;
  80 }
  81
  82 .openo_accordion_ui-icon-expand.current {
  83     background: url(../thirdparty/images/expand_arrow.png) right 20px no-repeat;
  84 }
  85
  86 .openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {
  87     display: block;
  88     position: absolute;
  89     right: 0;
  90     top: 4px;
  91     width: 18px;
  92     height: 41px;
  93     cursor: pointer;
  94     background-color: #f5f5f5;
  95 }
  96
  97 .openoAccordian_showHideArrow_hide {
  98     background-image: url(../images/openo.png);
  99     background-position: -7px 0 !important;
 100     border-collapse: separate;
 101     /*box-shadow: inset -1px 0 0 #e5e5e5;*/
 102 }
 103
 104 a.header.opened, a.header.closed {
 105     font-size: 16px;
 106     padding-top: 24px;
 107     padding-bottom: 25px;
 108     color: #999999;
 109 }
 110
 111 .openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {
 112     padding-right: 10px;
 113     background-position: 98% 50%;
 114     background-repeat: no-repeat;
 115 }
 116
 117
 118 .openoAccordian_accordionmenu li a {
 119     padding: 11px 10px 12px;
 120     color: #333333;
 121     margin-top: -1px;
 122     text-align: left !important;
 123     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 124     font-size: 14px;
 125     text-overflow: ellipsis;
 126     white-space: nowrap;
 127     overflow: hidden;
 128     border-top: 1px solid #e5e5e5;
 129     border-bottom: 1px solid #e5e5e5;
 130     /*height: 19px;*/
 131 }
 132
 133 .openoAccordian_accordionmenu ul {
 134     margin: 0;
 135     padding: 0;
 136     overflow: hidden;
 137 }
 138
 139 .openoAccordian_accordionmenu a {
 140     display: block;
 141     text-decoration: none;
 142 }
 143
 144 a {
 145     color: #428bca;
 146     text-decoration: none;
 147     background: 0 0;
 148 }
 149
 150 .bar {
 151     height: 834px;
 152     width: 18px;
 153     background: #f8f8f8;
 154     display: none;
 155 }
 156
 157 .bar span {
 158     width: 13px;
 159     height: 34px;
 160     background-image: url(../images/openo.png);
 161     background-position: -39px 0 !important;
 162     display: block;
 163     /*margin-top: -430px;*/
 164 }
 165
 166 li {
 167     cursor: pointer;
 168 }
 169
 170 #puer_base_openo {
 171     border: 1px solid #ddd;
 172 }
 173
 174 .openo_accordion_selected {
 175     margin-left: 0;
 176     margin-right: 0;
 177     background: #fafafa;
 178     border-left: 3px solid #4ac9ff !important;
 179     box-shadow: none;
 180     position: relative;
 181 }
 182
 183 a:hover {
 184     color: #4ac9ff;
 185 }
 186
 187 .openoAccordian_accordionmenu li.openo_accordion_selected a {
 188     position: relative;
 189     left: -3px;
 190     color: #009ae7;
 191 }
 192
 193 .openo-accordion-resizable-handle {
 194     z-index: 1 !important;
 195     cursor: e-resize;
 196     width: 7px;
 197     right: -5px;
 198     top: 0;
 199     height: 100%;
 200     position: absolute;
 201     font-size: .1px;
 202     display: block;
 203 }
 204
 205 #iframeContainer iframe {
 206     width: 100%;
 207     height: 100%;
 208     border: 0;
 209 }
 210
 211 #accordionContent, #iframeContainer {
 212     margin: 0;
 213     padding: 0;
 214     border: 0;
 215     width: 100%;
 216     height: 100%;
 217 }
 218
 219 .openoAccordian_showHideArrow_show {
 220     background-image: url(../images/openo.png);
 221     background-position: -39px 0 !important;
 222     box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;
 223 }
 224
 225 .homecontent {
 226     text-align: center;
 227     letter-spacing: 1.4px;
 228 }
 229
 230 .homecontent h3, .homecontent h4, .homecontent h5{
 231     font-size: 24px;
 232     color: #333;
 233     text-transform: capitalize;
 234     border-top: 2px solid #f1f1f1;
 235     border-bottom: 2px solid #f1f1f1;
 236     padding: 13px 5px;
 237     display: inline-block;
 238     letter-spacing: 5px;
 239     -webkit-animation: textScroll 500ms linear;
 240     animation: textScroll 500ms linear;
 241 }
 242 .homecontent h4 {
 243     font-size: 28px;
 244     font-weight: bold;
 245 }
 246 .homecontent h5 {
 247     font-size: 16px;
 248     text-align: left;
 249     border: none;
 250 }
 251 @-webkit-keyframes textScroll {
 252      from {opacity: 0;}
 253      to {opacity: 1;}
 254  }
 255
 256 @keyframes textScroll {
 257     from {opacity: 0;}
 258     to {opacity: 1;}
 259 }
 260
 261 /*.modal-body span {
 262     font-size: 18px;
 263     color: #00f;
 264 }*/
 265
 266 #msgModal .modal-body .container {
 267     width: 100%;
 268 }
 269 #msgModal .modal-body .icon {
 270     /*color: red;*/
 271     font-size: 37px;
 272 }
 273 #msgModal .modal-body .icon_error {
 274     color: red;
 275 }
 276 #msgModal .modal-body .icon_info {
 277     color: green;
 278 }
 279 #msgModal .modal-body .icon_warning{
 280     color: orange;
 281 }
 282 #msgModal .modal-body .icon_confirm {
 283     color: blue;
 284 }
 285 #msgModal .modal-body .msg {
 286     color: #333;
 287     padding-left: 30px;
 288 }
 289 /*#msgModal .modal-body .container .row {
 290 }*/
 291 #msgModal .modal-body .row {
 292     height: 100%;
 293     white-space: nowrap;
 294 }
 295 #msgModal .modal-body .row:before{
 296     content: "";
 297     display: inline-block;
 298     vertical-align: middle;
 299     width: 0;
 300     /* adjust for white space between pseudo element and next sibling */
 301     margin-right: -.25em;
 302     /* stretch line height */
 303     height: 100%;
 304 }
 305
 306 #msgModal .modal-body .row .msg {
 307     /*display: inline-block;
 308     vertical-align: middle;
 309     white-space: normal;*/
 310     /* vertical-align: middle; */
 311     position: absolute;
 312     top: 50%;
 313     -webkit-transform: translateY(-50%);
 314     -ms-transform: translateY(-50%);
 315     transform: translateY(-50%);
 316     padding-left: 70px;
 317     white-space: normal;
 318 }
 319
 320 /* Functional */
 321
 322 #funModal .modal-content .modal-header{
 323     padding-bottom: 4px;
 324     border-radius: 5px 5px 0 0;
 325 }
 326
 327
 328 /* Buttons */
 329 .btnDefault {
 330     border-radius: 6px;
 331     /*height: 24px;*/
 332     font-size: 12px;
 333     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 334     line-height: 24px;
 335     color: #000;
 336     border: 1px solid #d3d3d3;
 337     text-align: center;
 338     box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 339     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 340     background: linear-gradient(to bottom, #fff, #fafafa);
 341     padding: 0 19px;
 342 }
 343 .btnDefault:hover {
 344     border-color: #4ac9ff;
 345     color: #009ae7;
 346 }
 347 #iconBtn {
 348     padding: 0 15px;
 349 }
 350 #iconBtn span {
 351     font-size: 12px;
 352     margin-top: 4px;
 353     width: 16px;
 354     height: 16px;
 355 }
 356 #iconBtn span.pull-left {
 357     margin-right: 5px;
 358 }
 359 #iconBtn span.pull-right {
 360     margin-left: 5px;
 361 }
 362
 363 #buttonArea {
 364     text-align: left;
 365 }
 366 #buttonArea div {
 367     margin: 10px 0 20px;
 368 }
 369
 370 #buttonArea div .btn-block{
 371     margin: 10px 0;
 372 }
 373
 374 /* Dropdown*/
 375
 376 #dropdown {
 377     text-align: left;
 378 }
 379
 380 #dropdown div {
 381     margin: 10px 0 20px;
 382 }
 383
 384 #dropdown .dropup .dropdown-menu {
 385     top: auto;
 386     bottom: 34% !important;
 387     margin-bottom: 1px;
 388 }
 389 #dropdown .dropdown-menu {
 390     top: auto;
 391     left: auto;
 392     margin-bottom: 1px;
 393 }
 394
 395 #plainDropDown > .dropdownplain {
 396     position: relative;
 397     clear: both;
 398     float: left;
 399     width: 100%;
 400 }
 401 #plainDropDown > .dropdownplain > ul > li {
 402     border: 1px solid #c3c3c3;
 403     border-radius: 4px;
 404     min-width: 200px;
 405 }
 406 #plainDropDown ul li a {
 407     padding: 5px 10px;
 408     color: #333;
 409 }
 410 #plainDropDown > .dropdownplain > ul > li > a > span {
 411     top: 4px;
 412 }
 413 #plainDropDown ul li a:hover {
 414     color: #333;
 415 }
 416 #plainDropDown .dropdown-menu {
 417     width: 100%;
 418 }
 419
 420
 421
 422 /* Credit to bootsnipp.com for the css for the color graph */
 423 .colorgraph {
 424     height: 5px;
 425     border-top: 0;
 426     background: #c4e17f;
 427     border-radius: 5px;
 428     background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 429     background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 430     background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 431     background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 432 }
 433
 434 /* Radio  and CheckBoxes------------*/
 435
 436
 437 .funkyradio div {
 438     clear: both;
 439     overflow: hidden;
 440 }
 441
 442 .funkyradio label {
 443     width: 100%;
 444     border-radius: 3px;
 445     border: 1px solid #D1D3D4;
 446     font-weight: normal;
 447 }
 448
 449 .funkyradio input[type="radio"]:empty,
 450 .funkyradio input[type="checkbox"]:empty {
 451     display: none;
 452 }
 453
 454 .funkyradio input[type="radio"]:empty ~ label,
 455 .funkyradio input[type="checkbox"]:empty ~ label {
 456     position: relative;
 457     line-height: 2.5em;
 458     text-indent: 3.25em;
 459     margin-top: 2em;
 460     cursor: pointer;
 461     -webkit-user-select: none;
 462     -moz-user-select: none;
 463     -ms-user-select: none;
 464     user-select: none;
 465 }
 466
 467 .funkyradio input[type="radio"]:empty ~ label:before,
 468 .funkyradio input[type="checkbox"]:empty ~ label:before {
 469     position: absolute;
 470     display: block;
 471     top: 0;
 472     bottom: 0;
 473     left: 0;
 474     content: '';
 475     width: 2.5em;
 476     background: #D1D3D4;
 477     border-radius: 3px 0 0 3px;
 478 }
 479
 480 .funkyradio input[type="radio"]:hover:not(:checked) ~ label,
 481 .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
 482     color: #888;
 483 }
 484
 485 .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
 486 .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
 487     content: '\2714';
 488     text-indent: .9em;
 489     color: #C2C2C2;
 490 }
 491
 492 .funkyradio input[type="radio"]:checked ~ label,
 493 .funkyradio input[type="checkbox"]:checked ~ label {
 494     color: #777;
 495 }
 496
 497 .funkyradio input[type="radio"]:checked ~ label:before,
 498 .funkyradio input[type="checkbox"]:checked ~ label:before {
 499     content: '\2714';
 500     text-indent: .9em;
 501     color: #333;
 502     background-color: #ccc;
 503 }
 504
 505 .funkyradio input[type="radio"]:focus ~ label:before,
 506 .funkyradio input[type="checkbox"]:focus ~ label:before {
 507     box-shadow: 0 0 0 3px #999;
 508 }
 509
 510 .funkyradio-default input[type="radio"]:checked ~ label:before,
 511 .funkyradio-default input[type="checkbox"]:checked ~ label:before {
 512     color: #333;
 513     background-color: #ccc;
 514 }
 515
 516 .funkyradio-primary input[type="radio"]:checked ~ label:before,
 517 .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
 518     color: #fff;
 519     background-color: #337ab7;
 520 }
 521
 522 .funkyradio-success input[type="radio"]:checked ~ label:before,
 523 .funkyradio-success input[type="checkbox"]:checked ~ label:before {
 524     color: #fff;
 525     background-color: #5cb85c;
 526 }
 527
 528 .funkyradio-danger input[type="radio"]:checked ~ label:before,
 529 .funkyradio-danger input[type="checkbox"]:checked ~ label:before {
 530     color: #fff;
 531     background-color: #d9534f;
 532 }
 533
 534 .funkyradio-warning input[type="radio"]:checked ~ label:before,
 535 .funkyradio-warning input[type="checkbox"]:checked ~ label:before {
 536     color: #fff;
 537     background-color: #f0ad4e;
 538 }
 539
 540 .funkyradio-info input[type="radio"]:checked ~ label:before,
 541 .funkyradio-info input[type="checkbox"]:checked ~ label:before {
 542     color: #fff;
 543     background-color: #5bc0de;
 544 }
 545
 546 .btn-primary {
 547   color: #fff;
 548   background-color: #428bca;
 549   border-color: #357ebd;
 550   min-width:70px
 551 }
 552
 553 .btn.outline {
 554     background: none;
 555
 556 }
 557 .btn-primary.outline {
 558     border: 2px solid #0099cc;
 559     color: #0099cc;
 560 }
 561 .modal-header {
 562         /*background-color: #cccccc;*/
 563     background: linear-gradient(to bottom, #fbfbfb 0, #f6f6f6 70%, #f0f0f0 100%);
 564 }
 565
 566 /* Tree */
 567
 568 #tree1 ul li {
 569     list-style: none;
 570     text-align: left;
 571     margin-top: 7px;
 572 }
 573
 574 /* Accordian Area */
 575 #accordionArea .panel-group .panel-title a:before {
 576     font-family: "Glyphicons Halflings";
 577     content:"\e259";/*\e094*/
 578     /*position: absolute;
 579     right: 20px;*/
 580     font-size: 20px;
 581     margin-right: 20px;
 582     text-decoration: none !important;
 583 }
 584 #accordionArea .panel-group .panel-title a.collapsed:before {
 585     content:"\e258";/*\e092*/
 586 }
 587
 588 #accordionArea h3 {
 589     width: 100%;
 590     text-align: left;
 591     background-color: #eaeaea;
 592     border: none;
 593     padding: 8px;
 594     font-size: 20px;
 595 }
 596 #accordionArea h3 a {
 597     text-decoration: none;
 598 }
 599 #accordionArea .panel-group .panel {
 600     border: none;
 601     box-shadow: none;
 602     -webkit-box-shadow: none;
 603 }
 604  div.panel-body {
 605     text-align: justify;
 606 }
 607
 608 /* Tab */
 609 #tabArea .tab-content div p {
 610     text-align: justify;
 611 }
 612
 613 /*Table*/
 614 #tableArea h3 {
 615     text-align: left;
 616     border: none;
 617     padding-top: 5px;
 618 }
 619
 620 #tableArea h3 span {
 621     font-size: 12px;
 622 }
 623
 624 /* Vertical Tab */
 625 .nav-stacked {
 626     margin-top: 20px;
 627     text-align: left;
 628     border:none;
 629 }
 630
 631 .nav-tabs>li.active>a {
 632     border-top: 3px solid #4ac9ff;
 633 }
 634 .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
 635     border-top: 3px solid #4ac9ff;
 636 }
 637 .nav-tabs>li>a:hover {
 638     border-color: transparent;
 639     background-color: transparent;
 640 }
 641 .nav-stacked>li.active>a {
 642     background-color: #ccc;
 643     border: none;
 644     border-radius: 4px;
 645 }
 646
 647 #vtabArea .tab-content .tab-pane {
 648     text-align: left;
 649 }
 650 #vtabArea .tab-content .tab-pane p {
 651     text-align: justify;
 652 }
 653
 654 .link_active {
 655     /*background-color: lightslategrey;*/
 656     font-style: italic;
 657     color: #4ac9ff !important;
 658     background:#fafafa;
 659     border-left: 3px solid #4ac9ff;
 660
 661
 662 }
 663
 664 /*input.ng-invalid {
 665     background-color:yellow;
 666 }*/
 667
 668 /* Functional & Notification*/
 669
 670 #myModal .modal-header, #msgModal .modal-header, #funModal .modal-header {
 671     padding: 9px 15px;
 672     border-radius: 5px 5px 0 0;
 673     color: #666;
 674 }
 675
 676 #msgModal .modal-content {
 677     width: 70%;
 678     position: absolute;
 679     left: 15%;
 680     box-shadow: 0 6px 10px rgba(0,0,0,.3);
 681     -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.3);
 682 }
 683 #msgModal .modal-footer, #funModal .modal-footer {
 684     border: none;
 685     margin: 0 auto;
 686     width: 100%;
 687     text-align: center;
 688 }
 689
 690
 691 #myInput {
 692     background-image: url('../thirdparty/images/searchicon.png'); /* Add a search icon to input */
 693     background-position: 10px 9px; /* Position the search icon */
 694     background-repeat: no-repeat; /* Do not repeat the icon image */
 695     width: 100%; /* Full-width */
 696     font-size: 16px; /* Increase font-size */
 697     padding: 5px 20px 5px 40px; /* Add some padding */
 698     border: 1px solid #ddd; /* Add a grey border */
 699     margin-bottom: 12px; /* Add some space below the input */
 700 }
 701
 702 #myTable_search {
 703     border-collapse: collapse; /* Collapse borders */
 704     width: 100%; /* Full-width */
 705     border: 1px solid #ddd; /* Add a grey border */
 706     font-size: 18px; /* Increase font-size */
 707 }
 708
 709 #myTable_search th, #myTable td {
 710     text-align: left; /* Left-align text */
 711     padding: 12px; /* Add padding */
 712 }
 713
 714 #myTable_search tr {
 715     /* Add a bottom border to all table rows */
 716     border-bottom: 1px solid #ddd;
 717 }
 718
 719 #myTable_search tr.header, #myTable tr:hover {
 720     /* Add a grey background color to the table header and on hover */
 721     background-color: #f1f1f1;
 722 }
 723
 724 /* List */
 725 #listArea {
 726     margin-top: 25px;
 727 }
 728 #listArea .list {
 729     /*border: 1px solid #333;*/
 730     padding: 5px;
 731 }
 732 #listArea .list div {
 733     margin: 5px 0;
 734 }
 735
 736 #menu_accordion {
 737     margin-top: 20px;
 738 }
 739
 740 #menu_accordion li a{
 741     padding-left: 42px;
 742 }
 743 #menu_accordion li a:hover {
 744     color: #4ac9ff;
 745 }
 746
 747 #rightContainer {
 748     margin-top:20px;
 749 }
 750
 751 #panel1 li:first-child{
 752     margin-top:1px;
 753 }
 754
 755 #menu_accordion #container, #menu_accordion #widgets, #menu_accordion #notifications, #menu_accordion #functional{
 756     margin-bottom : 0px;
 757     text-align : left;
 758     background-color: #F5F5F5;
 759 }
 760
 761 #menu_accordion h5{
 762     margin-bottom : 0px;
 763     text-align : left;
 764     padding-left : 10px;
 765     cursor: pointer;
 766     letter-spacing: 3px;
 767     width:100%;
 768 }
 769
 770 .tableAlign{
 771     text-align:left;
 772 }
 773
 774 .chkboxAlign{
 775     text-align:center;
 776 }
 777
 778 #provinceAction {
 779     text-align: left;
 780 }
 781 #provinceTable th {
 782     background-color: #e3e3e3;
 783 }
 784
 785 #provinceTable.table-striped>tbody>tr:nth-child(even)>td {
 786     background-color:#fafafa;
 787 }
 788
 789 #provinceTable.table-striped>tbody>tr:nth-child(odd)>td {
 790     background-color:#f7f7f7
 791 }
 792 #provinceTable.table-striped>tbody>tr:hover {
 793     background-color: red;
 794 }
 795
 796 .prvdel{
 797     margin-left:20px;
 798 }
 799
 800 .shortnoteHeader{
 801     margin-top:50px;
 802     text-align:left;
 803     font-weight: bold;
 804     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 805 }
 806 .shortnoteText{
 807     margin-top:20px;
 808     text-align:left;
 809     font-size:10px;
 810     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 811
 812 }
 813
 814 .ztree *{
 815     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 816 }
 817
 818 .noChild_link_active {
 819     /*background-color: lightslategrey;*/
 820     font-style: italic;
 821     color: #4ac9ff !important;
 822     background:#fafafa;
 823 }
 824
 825 .rmpadding{
 826     padding-left:0px !important;
 827     padding-right:0px !important;
 828 }
 829
 830 #menu_accordion .collapsed span {
 831     background: url(../thirdparty/images/expand_arrow.png) 1px 3px no-repeat;
 832     display: block;
 833     float: left;
 834     margin-bottom: -1px;
 835     cursor: pointer;
 836     width: 100%;
 837     padding-left: 20px;
 838 }
 839 #menu_accordion span {
 840     background: url(../thirdparty/images/collapse_arrow.png) 1px 3px no-repeat;
 841     display: block;
 842     float: left;
 843     margin-bottom: -1px;
 844     cursor: pointer;
 845     width: 100%;
 846     padding-left: 20px;
 847 }
 848
 849 .magic-radio + label{
 850     font-size:14px;
 851 }
 852
 853 .panelbr{
 854     border-left:0px;
 855     border-right:0px;
 856 }
 857
 858 .popover-title {
 859     margin: 0;
 860     padding: 8px 14px;
 861     font-size: 14px;
 862     font-weight: normal;
 863     line-height: 18px;}
 864
 865 .customPopover{
 866     padding:10px 20px;
 867 }
 868
 869
 870 .css-form input.ng-invalid.ng-touched, textarea.ng-invalid.ng-touched {
 871     background-color: #FA787E;
 872 }
 873
 874 .css-form input.ng-valid.ng-touched, textarea.ng-valid.ng-touched {
 875     background-color: white;
 876 }
 877
 878 .errMsg{
 879
 880     color:red;
 881     float: left;
 882 }
 883
 884 .customtable thead{
 885     background: #ECECEC;
 886 }
 887
 888 .customtable th,.table td{
 889     /* padding-top: 3px!important; */
 890     padding-bottom: 3px!important;
 891 }
 892
 893 .customtable tr,.customtable td, .customtable th{
 894     text-align:left;
 895
 896 }
 897
 898 .ng-table th.sortable .sort-indicator {
 899     width:100%;
 900     float:right;
 901 }
 902
 903 .btn-group>.btn.active{
 904     z-index: 2;
 905     color: #fff;
 906     background-color: #428bca;
 907     border-color: #428bca;
 908     cursor: default;
 909 }
 910
 911 .customtable tbody tr:hover td{
 912     background-color: #fafafa !important;
 913 }
 914
 915 .shortnote{
 916     width:100%;
 917     float:left;
 918 }
 919
 920 .pagination{
 921     float:left;
 922 }
 923
 924 .btnmrg{
 925     margin:0 5px 0 5px;
 926 }
 927
 928 .labelstyle{
 929     text-align:left;
 930     font-size:14px;
 931     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 932 }
 933
 934 .titlestyle{
 935     font-size:14px !important;
 936     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 937 }