rulemgt/src/main/frontend/src/public/framework/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     padding:0px;
 565 }
 566
 567 /* Tree */
 568
 569 #tree1 ul li {
 570     list-style: none;
 571     text-align: left;
 572     margin-top: 7px;
 573 }
 574
 575 /* Accordian Area */
 576 #accordionArea .panel-group .panel-title a:before {
 577     font-family: "Glyphicons Halflings";
 578     content:"\e259";/*\e094*/
 579     /*position: absolute;
 580     right: 20px;*/
 581     font-size: 20px;
 582     margin-right: 20px;
 583     text-decoration: none !important;
 584 }
 585 #accordionArea .panel-group .panel-title a.collapsed:before {
 586     content:"\e258";/*\e092*/
 587 }
 588
 589 #accordionArea h3 {
 590     width: 100%;
 591     text-align: left;
 592     background-color: #eaeaea;
 593     border: none;
 594     padding: 8px;
 595     font-size: 20px;
 596 }
 597 #accordionArea h3 a {
 598     text-decoration: none;
 599 }
 600 #accordionArea .panel-group .panel {
 601     border: none;
 602     box-shadow: none;
 603     -webkit-box-shadow: none;
 604 }
 605  div.panel-body {
 606     text-align: justify;
 607 }
 608
 609 /* Tab */
 610 #tabArea .tab-content div p {
 611     text-align: justify;
 612 }
 613
 614 /*Table*/
 615 #tableArea h3 {
 616     text-align: left;
 617     border: none;
 618     padding-top: 5px;
 619 }
 620
 621 #tableArea h3 span {
 622     font-size: 12px;
 623 }
 624
 625 tr{
 626         text-align:center;
 627 }
 628
 629 /* Vertical Tab */
 630 .nav-stacked {
 631     margin-top: 20px;
 632     text-align: left;
 633     border:none;
 634 }
 635
 636 .nav-tabs>li.active>a {
 637     border-top: 3px solid #4ac9ff;
 638 }
 639 .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
 640     border-top: 3px solid #4ac9ff;
 641 }
 642 .nav-tabs>li>a:hover {
 643     border-color: transparent;
 644     background-color: transparent;
 645 }
 646 .nav-stacked>li.active>a {
 647     background-color: #fff;
 648     border: none;
 649     border-radius: 4px;
 650     border-left: 3px solid #4ac9ff;
 651 }
 652
 653 #vtabArea .tab-content .tab-pane {
 654     text-align: left;
 655 }
 656 #vtabArea .tab-content .tab-pane p {
 657     text-align: justify;
 658 }
 659
 660 .link_active {
 661     /*background-color: lightslategrey;*/
 662     font-style: italic;
 663     color: #4ac9ff !important;
 664     background:#fafafa;
 665     border-left: 3px solid #4ac9ff;
 666
 667
 668 }
 669
 670 /*input.ng-invalid {
 671     background-color:yellow;
 672 }*/
 673
 674 /* Functional & Notification*/
 675
 676 #myModal .modal-header, #msgModal .modal-header, #funModal .modal-header {
 677     padding: 9px 15px;
 678     border-radius: 5px 5px 0 0;
 679     color: #666;
 680 }
 681
 682 #msgModal .modal-content {
 683     width: 70%;
 684     position: absolute;
 685     left: 15%;
 686     box-shadow: 0 6px 10px rgba(0,0,0,.3);
 687     -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.3);
 688 }
 689 #msgModal .modal-footer, #funModal .modal-footer {
 690     border: none;
 691     margin: 0 auto;
 692     width: 100%;
 693     text-align: center;
 694 }
 695
 696
 697 #myInput {
 698     background-image: url('../thirdparty/images/searchicon.png'); /* Add a search icon to input */
 699     background-position: 10px 9px; /* Position the search icon */
 700     background-repeat: no-repeat; /* Do not repeat the icon image */
 701     width: 100%; /* Full-width */
 702     font-size: 16px; /* Increase font-size */
 703     padding: 5px 20px 5px 40px; /* Add some padding */
 704     border: 1px solid #ddd; /* Add a grey border */
 705     margin-bottom: 12px; /* Add some space below the input */
 706 }
 707
 708 #myTable_search {
 709     border-collapse: collapse; /* Collapse borders */
 710     width: 100%; /* Full-width */
 711     border: 1px solid #ddd; /* Add a grey border */
 712     font-size: 18px; /* Increase font-size */
 713 }
 714
 715 #myTable_search th, #myTable td {
 716     text-align: left; /* Left-align text */
 717     padding: 12px; /* Add padding */
 718 }
 719
 720 #myTable_search tr {
 721     /* Add a bottom border to all table rows */
 722     border-bottom: 1px solid #ddd;
 723 }
 724
 725 #myTable_search tr.header, #myTable tr:hover {
 726     /* Add a grey background color to the table header and on hover */
 727     background-color: #f1f1f1;
 728 }
 729
 730 /* List */
 731 #listArea {
 732     margin-top: 25px;
 733 }
 734 #listArea .list {
 735     /*border: 1px solid #333;*/
 736     padding: 5px;
 737 }
 738 #listArea .list div {
 739     margin: 5px 0;
 740 }
 741
 742 #menu_accordion {
 743     margin-top: 20px;
 744 }
 745
 746 #menu_accordion li a{
 747     padding-left: 42px;
 748 }
 749 #menu_accordion li a:hover {
 750     color: #4ac9ff;
 751 }
 752
 753 #rightContainer {
 754     margin-top:20px;
 755 }
 756
 757 #panel1 li:first-child{
 758     margin-top:1px;
 759 }
 760
 761 #menu_accordion #container, #menu_accordion #widgets, #menu_accordion #notifications, #menu_accordion #functional{
 762     margin-bottom : 0px;
 763     text-align : left;
 764     background-color: #F5F5F5;
 765 }
 766
 767 #menu_accordion h5{
 768     margin-bottom : 0px;
 769     text-align : left;
 770     padding-left : 10px;
 771     cursor: pointer;
 772     letter-spacing: 3px;
 773     width:100%;
 774 }
 775  #functional h5{
 776     padding : 0;
 777 }
 778  #functional a{
 779     padding: 12px 14px;
 780 }
 781 .tableAlign{
 782     text-align:left;
 783 }
 784
 785 .chkboxAlign{
 786     text-align:center;
 787 }
 788
 789 #provinceAction {
 790     text-align: left;
 791 }
 792 #provinceTable th {
 793     background-color: #e3e3e3;
 794 }
 795
 796 #provinceTable.table-striped>tbody>tr:nth-child(even)>td {
 797     background-color:#fafafa;
 798 }
 799
 800 #provinceTable.table-striped>tbody>tr:nth-child(odd)>td {
 801     background-color:#f7f7f7
 802 }
 803 #provinceTable.table-striped>tbody>tr:hover {
 804     background-color: red;
 805 }
 806
 807 .prvdel{
 808     margin-left:20px;
 809 }
 810
 811 .shortnoteHeader{
 812     margin-top:50px;
 813     text-align:left;
 814     font-weight: bold;
 815     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 816 }
 817 .shortnoteText{
 818     margin-top:20px;
 819     text-align:left;
 820     font-size:12px;
 821     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 822     color:blue;
 823
 824 }
 825
 826 .ztree *{
 827     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 828 }
 829
 830 .noChild_link_active {
 831     /*background-color: lightslategrey;*/
 832     font-style: italic;
 833     color: #4ac9ff !important;
 834     background:#fafafa;
 835     border-left: 3px solid #4ac9ff;
 836 }
 837
 838 .rmpadding{
 839     padding-left:0px !important;
 840     padding-right:0px !important;
 841 }
 842
 843 #menu_accordion .collapsed span {
 844     background: url(../../thirdparty/images/expand_arrow.png) 1px 3px no-repeat;
 845     display: block;
 846     float: left;
 847     margin-bottom: -1px;
 848     cursor: pointer;
 849     width: 100%;
 850     padding-left: 20px;
 851 }
 852 #menu_accordion span {
 853     background: url(../../thirdparty/images/collapse_arrow.png) 1px 3px no-repeat;
 854     display: block;
 855     float: left;
 856     margin-bottom: -1px;
 857     cursor: pointer;
 858     width: 100%;
 859     padding-left: 20px;
 860 }
 861
 862 .magic-radio + label{
 863     font-size:14px;
 864 }
 865
 866 .panelbr{
 867     border-left:0px;
 868     border-right:0px;
 869 }
 870
 871 .popover-title {
 872     margin: 0;
 873     padding: 8px 14px;
 874     font-size: 14px;
 875     font-weight: normal;
 876     line-height: 18px;}
 877
 878 .customPopover{
 879     padding:10px 20px;
 880 }
 881
 882
 883 .css-form input.ng-invalid.ng-touched, textarea.ng-invalid.ng-touched {
 884     background-color: #FA787E;
 885 }
 886
 887 .css-form input.ng-valid.ng-touched, textarea.ng-valid.ng-touched {
 888     background-color: white;
 889 }
 890
 891 .errMsg{
 892
 893     color:red;
 894     float: left;
 895 }
 896
 897 .customtable thead{
 898     background: #ECECEC;
 899 }
 900
 901 .customtable th,.table td{
 902     /* padding-top: 3px!important; */
 903     padding-bottom: 3px!important;
 904 }
 905
 906 /*
 907 .customtable tr,.customtable td, .customtable th{
 908     text-align:left;
 909
 910 }
 911 */
 912
 913 .ng-table th.sortable .sort-indicator {
 914     width:100%;
 915     float:right;
 916 }
 917
 918 .btn-group>.btn.active{
 919     z-index: 2;
 920     color: #fff;
 921     background-color: #428bca;
 922     border-color: #428bca;
 923     cursor: default;
 924 }
 925
 926 .customtable tbody tr:hover td{
 927     background-color: #e6fbe0 !important;
 928 }
 929
 930 .shortnote{
 931     width:100%;
 932     float:left;
 933 }
 934
 935 .ng-table-pager .pagination{
 936     float:right;
 937 }
 938 .ng-table-pager .ng-table-counts{
 939     float:left !important;
 940 }
 941 .btnmrg{
 942     margin:0 5px 0 5px;
 943 }
 944
 945 .labelstyle{
 946     text-align:left;
 947     font-size:14px;
 948     font-weight: 700;
 949     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 950 }
 951
 952 .titlestyle{
 953     font-size:14px !important;
 954     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 955 }
 956
 957 .header{
 958     text-align:left;
 959     font-size:14px;
 960     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 961 }
 962
 963 .message{
 964     font-size:12px;
 965     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
 966 }
 967
 968 .shortnoteHeader {
 969     color : blue;
 970 }
 971 .shortnoteText {
 972     font-size : 10px;
 973 }
 974 .form-group, .modal-header{
 975     text-align: left;
 976 }
 977
 978 .labelHeader, .labelTitle {
 979     font-size: 28px;
 980     font-weight: bold;
 981     color: #333;
 982     text-transform: capitalize;
 983     border-top: 2px solid #f1f1f1;
 984     border-bottom: 2px solid #f1f1f1;
 985     padding: 13px 5px;
 986     display: inline-block;
 987     letter-spacing: 5px;
 988 }
 989
 990 .labelTitle {
 991     font-size: 24px;
 992     font-weight: normal;
 993     text-align: left;
 994     border: none;
 995 }
 996
 997 pre code {
 998     white-space: pre-line;
 999
1000 }
1001 .plus-icon {
1002     background-image: url("../../thirdparty/images/add.png");
1003 }
1004 .edit-icon {
1005     background-image: url("../../thirdparty/images/edit.png");
1006 }
1007 .delete-icon {
1008     background-image: url("../../thirdparty/images/delete.png");
1009 }