gerrit.onap Code Review - portal/sdk.git/blob

   1 .approval-img{
   2   height:25px;
   3    width:25px
   4 }
   5
   6 .gridster-item-content{
   7   overflow-y: scroll;
   8   overflow-x: scroll;
   9   overflow: scroll;
  10 }
  11
  12 .lds-ring {
  13   display: inline-block;
  14   position: relative;
  15   width: 64px;
  16   height: 64px;
  17 }
  18 .lds-ring div {
  19   box-sizing: border-box;
  20   display: block;
  21   position: absolute;
  22   width: 35px;
  23   height: 35px;
  24   margin: 6px;
  25   margin-top: 40px;
  26   border: 6px solid #006496;
  27   border-radius: 80%;
  28   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  29   border-color: #006496 transparent transparent transparent;
  30 }
  31 .lds-ring div:nth-child(1) {
  32   animation-delay: -0.45s;
  33 }
  34 .lds-ring div:nth-child(2) {
  35   animation-delay: -0.3s;
  36 }
  37 .lds-ring div:nth-child(3) {
  38   animation-delay: -0.15s;
  39 }
  40 @keyframes lds-ring {
  41   0% {
  42     transform: rotate(0deg);
  43   }
  44   100% {
  45     transform: rotate(360deg);
  46   }
  47 }
  48
  49 mat-icon{
  50   color: #006496;
  51   cursor: pointer;
  52 }
  53 .mat-icon-delete{
  54   color: #006496;
  55   cursor: pointer;
  56 }
  57
  58
  59 button,
  60 input,
  61 select,
  62 textarea {
  63   margin: 0;
  64   font-size: 100%;
  65   vertical-align: middle; }
  66
  67
  68 button,
  69 html input[type="button"],
  70 input[type="reset"],
  71 input[type="submit"] {
  72   appearance: button;
  73   cursor: pointer; }
  74
  75
  76 .defaultFontSize1{
  77   font-size: 16px;
  78 }
  79
  80 .defaultFontSize{
  81   font-size: 15px;
  82 }
  83 .boxMargin{
  84
  85   width: auto;
  86 }
  87
  88 td.mat-cell{
  89   padding-left: 3px;
  90   border-bottom-width: 1px;
  91   border-bottom-style: solid;
  92   border-right: 1px solid #999;
  93   border-left: 1px solid #999;
  94 }
  95
  96 mat-button-toggle{
  97   display: block;
  98   width: 400px;
  99   border-radius: 5px;
 100 }
 101
 102
 103 .tab-content{
 104   margin-right: 20px;
 105   color: rgb(0, 0, 0);
 106 }
 107
 108 .stdForm{
 109   margin-left: 20px;
 110 }
 111
 112 .field-group {
 113   position: relative;
 114   display: block;
 115 }
 116
 117
 118 input {
 119   width: 400px;
 120   height: 35px;
 121 }
 122
 123 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
 124   margin-top: 5px;
 125 }
 126
 127
 128 .checkbox .skin {
 129   background-color: #fff;
 130   border: 1px solid #d2d2d2;
 131   border-radius: 3px;
 132   display: inline-block;
 133   height: 24px;
 134   width: 24px;
 135   position: absolute;
 136   left: 0;
 137   top: 0;
 138 }
 139
 140
 141 label,
 142 select,
 143 button,
 144 input[type="button"],
 145 input[type="reset"],
 146 input[type="submit"],
 147 input[type="radio"],
 148 input[type="checkbox"] {
 149   cursor: pointer; }
 150
 151 label,
 152 select,
 153 button,
 154 input[type="button"],
 155 input[type="reset"],
 156 input[type="submit"],
 157 input[type="radio"],
 158 input[type="checkbox"] {
 159   cursor: pointer; }
 160
 161 input[type=search] {
 162   -webkit-appearance: textfield; }
 163
 164 input[type=search]:-webkit-search-cancel-button,
 165 input[type=search]:-webkit-search-decoration {
 166   -webkit-appearance: none; }
 167
 168
 169
 170   [class*="icon-primary-"],
 171   .nav-links a:after,
 172   .bellyband-link a:after,
 173   .breadcrumb > li:after,
 174   .checkbox input:checked + .skin:after,
 175   .checkbox input.indeterminate + .skin:after,
 176   .checkbox input:indeterminate + .skin:after,
 177   .selectWrap.large:before,
 178   .form-row.error .error-msg:before,
 179   .close:before,
 180   .reset-field:before,
 181   .cssIcon-globe:before,
 182   .selectWrap:after {
 183     color: #0568ae;
 184     left: 6px;
 185     top: -3px;
 186     width: 2px;
 187     height: 3px;
 188     border: solid white;
 189     border-width: 0 3px 3px 0;
 190     -webkit-transform: rotate(45deg);
 191     -ms-transform: rotate(45deg);
 192     transform: rotate(45deg);}
 193
 194   [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
 195     color: #0568ae;
 196     display: inline-block;
 197     font-style: normal;
 198     font-size: 20px;
 199     font-weight: normal;
 200     font-variant: normal;
 201     font-style: normal;
 202     width: 20px;
 203     text-transform: none;
 204     line-height: 1;
 205     -webkit-font-smoothing: antialiased;
 206     -moz-osx-font-smoothing: grayscale;
 207     position: relative;
 208     speak: none;
 209     -webkit-user-select: none;
 210     -moz-user-select: none;
 211     -ms-user-select: none;
 212     user-select: none;
 213     vertical-align: middle; }
 214
 215   [class*="icon-primary-"]:before,
 216   [class*="icon-primary-"]:after {
 217     box-sizing: border-box;
 218     display: inline-block;
 219     font-size: 1em;
 220     height: 1em;
 221     position: relative;
 222     top: 0;
 223     left: 0;
 224     vertical-align: middle;
 225     width: 1em; }
 226
 227
 228 .checkbox {
 229   position: relative;
 230   min-height: 24px;
 231   font-family: "Omnes-ECOMP-W02", Arial;
 232   font-size: 1rem;
 233    }
 234   .checkbox input {
 235     -webkit-tap-highlight-color: transparent;
 236     height: 20px;
 237     margin-left: 20px;
 238     opacity: 0;
 239     outline: none;
 240     position: absolute;
 241     left: 1px;
 242     top: 1px;
 243     width: 10px; }
 244     .checkbox input:focus + .skin {
 245       border-color: #0568ae; }
 246       .checkbox input:focus + .skin:before {
 247         content: "";
 248         height: 34px;
 249         left: -6px;
 250         top: -6px;
 251         outline: 1px dotted #000000;
 252         position: absolute;
 253         width: 34px; }
 254     .checkbox input:checked:not(:disabled) + .skin {
 255       background-color: #0568ae;
 256       border-color: #0568ae; }
 257     .checkbox input:checked:disabled + .skin:after {
 258       color: #5A5A5A; }
 259     .checkbox input:checked + .skin:after {
 260       height: 20px;
 261       width: 10px;
 262       background-color: transparent;
 263       font-size: 23.4px;
 264       color: #FFFFFF;
 265       line-height: 21px; }
 266     .checkbox input:disabled + .skin {
 267       cursor: not-allowed;
 268       background-color: #d2d2d2;
 269       border-color: #d2d2d2;
 270       color: #666666; }
 271       .checkbox input:disabled + .skin + span {
 272         cursor: not-allowed;
 273         color: #666666; }
 274     .checkbox input:invalid + .skin {
 275       border: solid 1px #cf2a2a; }
 276     .checkbox input:indeterminate + .skin:after {
 277       background-color: transparent;
 278       font-size: 25px;
 279       color: #0574ac;
 280       content: "\e920"; }
 281   .checkbox .skin {
 282     background-color: #fff;
 283     border: 1px solid #d2d2d2;
 284     border-radius: 3px;
 285     display: inline-block;
 286     height: 24px;
 287     width: 24px;
 288     position: absolute;
 289     left: 0;
 290     top: 0; }
 291   .checkbox span {
 292     display: inline-block;
 293     margin-left: 34px;
 294     margin-top: 0;
 295     position: relative;
 296     top: 3px; }
 297   .checkbox label {
 298     font-size: 1.6rem;
 299     font-family: "Omnes-ECOMP-W02", Arial; }
 300   .checkbox input {
 301     z-index: 9999; }
 302   .checkbox input.indeterminate + .skin:after {
 303     font-size: 22px;
 304     color: #0568ae; }
 305   .b2b-tree-checkbox a > span.nodeIcon.end {
 306     margin-top: 10px; }
 307 .b2b-tree-checkbox a:only-child {
 308   color: #0574ac; }
 309   .b2b-tree-checkbox a:only-child > span.nodeIcon {
 310     left: -11px;
 311     border-radius: 50%;
 312     line-height: 7px;
 313     top: 0; }
 314     .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
 315       background-color: inherit;
 316       background: #fff; }
 317 .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
 318   background-color: inherit;
 319   background: #fff;
 320   font-size: 5px; }
 321 .b2b-tree-checkbox ul li:first-child > a:only-child > span {
 322   left: -11px;
 323   border-radius: 50%;
 324   line-height: 12px;
 325   top: 0px; }
 326 .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
 327   margin-top: 0px; }
 328 .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
 329   top: 8px; }
 330 .b2b-tree-checkbox ul li:last-child > a:only-child > span {
 331   height: 34px;
 332   background-color: #fff; }
 333 .b2b-tree-checkbox li a + ul {
 334   height: 0;
 335   overflow: hidden; }
 336 .b2b-tree-checkbox li a.active + ul {
 337   height: auto; }
 338 .b2b-tree-checkbox li a.grp {
 339   font-family: "Omnes-ECOMP-W02-Italic", Arial; }
 340 .b2b-tree-checkbox span.end {
 341   left: -6px !important; }
 342 .b2b-tree-checkbox .checkbox {
 343   margin-bottom: 0px;
 344   margin-top: 2px;
 345   font-size: 14px; }
 346   .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
 347     content: "\2014";
 348     padding-left: 2px;
 349     font-family: inherit !important;
 350     line-height: inherit !important; }
 351
 352   .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
 353     margin: 0px 0 0 24px !important; }
 354
 355 .filter-container .checkbox .icon-primary-spinner {
 356   height: 24px;
 357   position: absolute;
 358   width: 24px; }
 359
 360
 361 textarea {
 362   display: block;
 363   width: 400px;
 364   max-width: 50%;
 365   padding: 15px;
 366 }
 367 select {
 368   margin-right: -1;
 369   max-width: 400px;
 370   height: 36px;
 371   line-height: 25px;
 372   width: 400px;
 373   background-color: #95959521; }
 374
 375 .selectWrap.disabled .icon-primary-down {
 376   color: #d6d6d6; }
 377
 378 .selectWrap.disabled input.awd-select {
 379   z-index: 0;
 380   padding: 10px 45px 10px 15px;
 381   text-indent: 0; }
 382
 383 .selectWrap.disabled button.awd-select {
 384   z-index: 0;
 385   text-indent: 15px; }
 386
 387 .selectWrap.disabled:after {
 388   color: #5A5A5A;
 389   cursor: not-allowed; }
 390
 391 input.awd-select {
 392   background-color: transparent;
 393   border: 1px solid #d2d2d2;
 394   border-radius: 6px;
 395   box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
 396   color: #333333;
 397   display: block;
 398   font-family: "Omnes-ECOMP-W02", Arial;
 399   height: 36px;
 400   line-height: 0;
 401   margin-bottom: 0;
 402   position: relative;
 403   text-align: left;
 404   top: 0;
 405   width: 100%;
 406   z-index: 10;
 407   padding: 12px 45px 8px 15px;
 408   user-select: none; }
 409   input.awd-select:focus {
 410     border-color: #0568ae !important;
 411     text-overflow: ellipsis;
 412     padding-right: 45px; }
 413
 414 button.awd-select {
 415   background-color: transparent;
 416   border: 1px solid #d2d2d2;
 417   border-radius: 6px;
 418   box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
 419   color: #333333;
 420   display: block;
 421   font-family: "Omnes-ECOMP-W02", Arial;
 422   height: 36px;
 423   line-height: 36px;
 424   margin-bottom: 0;
 425   position: relative;
 426   text-align: left;
 427   top: 0;
 428   width: 100%;
 429   z-index: 10; }
 430   button.awd-select:not(.large) {
 431     text-indent: 15px;
 432     white-space: nowrap;
 433     overflow: hidden;
 434     text-overflow: clip;
 435     text-overflow: ellipsis; }
 436   button.awd-select img {
 437     height: 26px;
 438     margin-right: 7px;
 439     margin-top: -10px;
 440     position: relative;
 441     top: 2px;
 442     vertical-align: text-bottom; }
 443   button.awd-select:focus {
 444     border-color: #0568ae !important; }
 445   button.awd-select i {
 446     font-size: 23px;
 447     position: absolute;
 448     right: 33px;
 449     top: 5px;
 450     z-index: 1000; }
 451
 452 button.awd-select.large {
 453   align-items: center;
 454   display: flex;
 455   height: 60px;
 456   line-height: 20px;
 457   overflow: hidden;
 458   padding-left: 70px;
 459   vertical-align: middle; }
 460   button.awd-select.large img {
 461     height: 40px;
 462     left: 20px;
 463     position: absolute;
 464     top: 20px;
 465     width: 40px; }
 466
 467 .selectWrap.large {
 468   height: 60px; }
 469   .selectWrap.large .awd-select-list-item {
 470     align-items: center;
 471     display: flex;
 472     height: 60px;
 473     line-height: 20px;
 474     overflow: hidden;
 475     padding-left: 70px;
 476     vertical-align: middle; }
 477     .selectWrap.large .awd-select-list-item img {
 478       height: 40px;
 479       left: 20px;
 480       position: absolute;
 481       top: 20px;
 482       width: 40px;
 483       top: 10px; }
 484
 485       .inputWrap {
 486   border-radius: 6px;
 487   position: relative;
 488   height: 36px;
 489   line-height: 44px;
 490   display: block;
 491   margin: 0;
 492   }
 493
 494 button.awd-select.active {
 495   border-radius: 6px 6px 0 0; }
 496   button.awd-select.active:focus {
 497     border-color: #d2d2d2 !important; }
 498
 499 input.awd-select.active {
 500   border-radius: 6px 6px 0 0; }
 501   input.awd-select.active:focus {
 502     border-color: #d2d2d2 !important; }
 503
 504 .selectWrapper {
 505   position: relative; }
 506
 507 span.selectWrap input[readonly]:focus {
 508   color: transparent;
 509   text-shadow: 0 0 0 #000; }
 510
 511 .isIE.ds2-no-colors .awd-select:focus {
 512   outline: 1px dashed transparent; }
 513
 514 .awd-select-list {
 515   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
 516   border-radius: 0 0 6px 6px;
 517   position: absolute;
 518   border: 1px solid #d2d2d2;
 519   border-top: 0;
 520   padding: 0;
 521   background-color: #f2f2f2;
 522   z-index: 1000;
 523   width: 100%;
 524   max-height: 320px;
 525   overflow-y: auto; }
 526
 527 .awd-select-list-item {
 528   cursor: pointer;
 529   height: 100%;
 530   min-height: 36px;
 531   line-height: 20px;
 532   overflow: hidden;
 533   padding: 8px 15px;
 534   position: relative;
 535   z-index: 1000; }
 536   .awd-select-list-item:hover {
 537     cursor: pointer;
 538     background-color: #d2d2d2;
 539     outline: 1px dashed transparent; }
 540   .awd-select-list-item:focus {
 541     cursor: pointer;
 542     background-color: #d2d2d2;
 543     outline: 1px dashed transparent; }
 544   .awd-select-list-item img {
 545     margin-top: 0;
 546     margin-right: 7px;
 547     height: 26px;
 548     width: 26px; }
 549
 550 .selectWrap {
 551   border-radius: 6px;
 552   position: relative;
 553   height: 36px;
 554   line-height: 28px;
 555   display: block;
 556   margin: 0;
 557   background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
 558   background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
 559   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
 560   .selectWrap:not(.large) .awd-select-list-item:first-child {
 561     margin-top: 15px; }
 562   .selectWrap:not(.large) .awd-select-list-item:last-child {
 563     margin-bottom: 15px; }
 564   .selectWrap .icon-primary-down {
 565     font-size: 23px;
 566     margin-top: -11px;
 567     position: absolute;
 568     right: 4px;
 569     top: 50%; }
 570   .selectWrap + [aria-expanded="true"] {
 571     padding-bottom: 9px;
 572     padding-top: 20px; }
 573
 574 .awd-select-list-item[data-hover="true"] {
 575   background-color: #d2d2d2; }
 576
 577 span input.awd-select {
 578   width: 100%;
 579   cursor: pointer;
 580   text-overflow: ellipsis;
 581   padding-right: 45px; }
 582
 583 li.optgroup-wrapper {
 584   font-family: "Omnes-ECOMP-W02-Medium", Arial;
 585   cursor: default !important;
 586   padding: 0px 15px; }
 587   li.optgroup-wrapper:first-child {
 588     padding-top: 10px; }
 589   li.optgroup-wrapper:hover {
 590     background-color: #f2f2f2; }
 591
 592 ul.optgroup {
 593   font-family: "Omnes-ECOMP-W02", Arial;
 594   cursor: pointer !important;
 595   margin: 0 -15px; }
 596   ul.optgroup li {
 597     padding: 0 0 0 33px; }
 598
 599 label + .selectWrap {
 600   margin-top: 4px; }
 601
 602 .selectorModule {
 603   border-radius: 6px;
 604   position: relative;
 605   height: 36px;
 606   line-height: 28px;
 607   display: block;
 608   margin: 0;
 609   background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
 610   background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
 611   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
 612
 613 .group .selectWrap {
 614   margin: 0 0 10px 0; }
 615
 616 select.awd-select {
 617   position: relative;
 618   top: 0;
 619   left: 0;
 620   font-size: 16px;
 621   z-index: 1010;
 622   height: 33px;
 623   min-width: 100%;
 624   opacity: 0.01; }
 625   select.awd-select > optgroup {
 626     padding-left: 8px;
 627     font-style: normal;
 628     margin-top: 10px; }
 629     select.awd-select > optgroup:first-child {
 630       margin-top: 0; }
 631     select.awd-select > optgroup > option {
 632       padding-left: 8px; }
 633   select.awd-select > option {
 634     padding-left: 8px; }
 635   select.awd-select + span {
 636     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
 637     background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
 638     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
 639     position: absolute;
 640     top: 0;
 641     left: 0;
 642     z-index: 0;
 643     display: block;
 644     border: 1px solid #d2d2d2;
 645     border-radius: 6px;
 646     height: 35px;
 647     line-height: 0;
 648     padding: 18px 45px 15px 15px;
 649     width: 100%;
 650     font-size: 1.6rem;
 651     padding-right: 45px;
 652     white-space: nowrap;
 653     overflow: hidden;
 654     text-overflow: ellipsis; }
 655     select.awd-select + span > i {
 656       font-size: 23px;
 657       position: absolute;
 658       right: 33px;
 659       top: 5px;
 660       z-index: 1000; }
 661       select.awd-select + span > i:before {
 662         left: 1px;
 663         position: absolute;
 664         top: -1px; }
 665   select.awd-select:focus + span {
 666     border-color: #0568ae; }
 667
 668 .isIE select.awd-select + span {
 669   line-height: 1; }
 670
 671 [data-default-option="true"] {
 672   color: #767676 !important;
 673   font-family: "Omnes-ECOMP-W02-Italic", Arial; }
 674
 675 .placeholdercolor {
 676   color: #767676 !important;
 677   font-family: "Omnes-ECOMP-W02-Italic", Arial; }
 678
 679 .filterTank button.awd-select {
 680   border-color: #d2d2d2;
 681   background-color: #333333;
 682   color: #FFFFFF;
 683   color: #333333; }
 684   .filterTank button.awd-select:after {
 685     background-color: #FFFFFF !important;
 686     border-color: #d2d2d2; }
 687
 688 .utility-bg button.awd-select {
 689   border-color: #d2d2d2;
 690   background-color: #333333;
 691   color: #FFFFFF;
 692   color: #333333; }
 693   .utility-bg button.awd-select:after {
 694     background-color: #FFFFFF !important;
 695     border-color: #d2d2d2; }
 696
 697 .utility-bg select.awd-select + span {
 698   border-color: #d2d2d2;
 699   border-color: #d2d2d2;
 700   background-color: #333333;
 701   background-color: #333333;
 702   color: #FFFFFF;
 703   color: #FFFFFF; }
 704   .utility-bg select.awd-select + span:after {
 705     background-color: #FFFFFF !important;
 706     background-color: #FFFFFF !important;
 707     border-color: #d2d2d2;
 708     border-color: #d2d2d2; }
 709
 710 .utility-bg select.awd-select:focus + span {
 711   border-color: #d2d2d2;
 712   border-color: #d2d2d2;
 713   background-color: #333333;
 714   background-color: #333333;
 715   color: #FFFFFF;
 716   color: #FFFFFF; }
 717   .utility-bg select.awd-select:focus + span:after {
 718     background-color: #FFFFFF !important;
 719     background-color: #FFFFFF !important;
 720     border-color: #d2d2d2;
 721     border-color: #d2d2d2; }
 722
 723 .utility-bg select.awd-select:hover + span {
 724   border-color: #d2d2d2;
 725   border-color: #d2d2d2;
 726   background-color: #333333;
 727   background-color: #333333;
 728   color: #FFFFFF;
 729   color: #FFFFFF; }
 730   .utility-bg select.awd-select:hover + span:after {
 731     background-color: #FFFFFF !important;
 732     background-color: #FFFFFF !important;
 733     border-color: #d2d2d2;
 734     border-color: #d2d2d2; }
 735
 736 input.awd-select[disabled] {
 737   cursor: not-allowed;
 738   border-color: #d2d2d2;
 739   background-color: #d2d2d2;
 740   background-image: none;
 741   color: #5A5A5A; }
 742   input.awd-select[disabled] + span {
 743     cursor: not-allowed;
 744     border-color: #d2d2d2;
 745     background-color: #d2d2d2;
 746     background-image: none;
 747     color: #5A5A5A; }
 748
 749 button.awd-select[disabled] {
 750   cursor: not-allowed;
 751   border-color: #d2d2d2;
 752   background-color: #d2d2d2;
 753   background-image: none;
 754   color: #5A5A5A; }
 755   button.awd-select[disabled]:after {
 756     background-color: #d2d2d2 !important;
 757     border-color: #d2d2d2; }
 758
 759 select.awd-select[disabled] + span {
 760   cursor: not-allowed;
 761   border-color: #d2d2d2;
 762   background-color: #d2d2d2;
 763   background-image: none;
 764   color: #5A5A5A; }
 765   select.awd-select[disabled] + span:after {
 766     background-color: #d2d2d2 !important;
 767     border-color: #d2d2d2; }
 768
 769 select.awd-select[disabled]:focus + span {
 770   cursor: not-allowed;
 771   border-color: #d2d2d2;
 772   background-color: #d2d2d2;
 773   background-image: none;
 774   color: #5A5A5A; }
 775
 776 select.awd-select[disabled]:hover + span {
 777   cursor: not-allowed;
 778   border-color: #d2d2d2;
 779   background-color: #d2d2d2;
 780   background-image: none;
 781   color: #5A5A5A; }
 782
 783 input.awd-select[disabled="disabled"] {
 784   cursor: not-allowed;
 785   border-color: #d2d2d2;
 786   background-color: #d2d2d2;
 787   background-image: none;
 788   color: #5A5A5A; }
 789   input.awd-select[disabled="disabled"] + span {
 790     cursor: not-allowed;
 791     border-color: #d2d2d2;
 792     background-color: #d2d2d2;
 793     background-image: none;
 794     color: #5A5A5A; }
 795
 796 select.awd-select[disabled="disabled"] + span {
 797   cursor: not-allowed;
 798   border-color: #d2d2d2;
 799   background-color: #d2d2d2;
 800   background-image: none;
 801   color: #5A5A5A; }
 802   select.awd-select[disabled="disabled"] + span:after {
 803     background-color: #d2d2d2 !important;
 804     border-color: #d2d2d2; }
 805
 806 select.awd-select[disabled="disabled"]:focus + span {
 807   cursor: not-allowed;
 808   border-color: #d2d2d2;
 809   background-color: #d2d2d2;
 810   background-image: none;
 811   color: #5A5A5A; }
 812   select.awd-select[disabled="disabled"]:focus + span:after {
 813     background-color: #d2d2d2 !important;
 814     border-color: #d2d2d2; }
 815
 816 select.awd-select[disabled="disabled"]:hover + span {
 817   cursor: not-allowed;
 818   border-color: #d2d2d2;
 819   background-color: #d2d2d2;
 820   background-image: none;
 821   color: #5A5A5A; }
 822   select.awd-select[disabled="disabled"]:hover + span:after {
 823     background-color: #d2d2d2 !important;
 824     border-color: #d2d2d2; }
 825
 826 .ddexpand-wrapper > h2 {
 827   margin-bottom: 11px; }
 828   .ddexpand-wrapper > h2 + p {
 829     margin-bottom: 4px; }
 830
 831 .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
 832   margin-top: 11px; }
 833
 834 .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
 835   margin-top: 14px; }
 836
 837 .modal .awd-select-list {
 838   z-index: 1060 !important; }
 839
 840 .form-row.error button.awd-select.active:focus {
 841   border-color: #cf2a2a !important; }
 842
 843 .form-row.error input.awd-select.active:focus {
 844   border-color: #cf2a2a !important; }
 845
 846 .awd-module-list .module-list-item[aria-selected="true"] {
 847   background-color: #f2f2f2; }
 848
 849 li.module-list-item[aria-selected="true"]:before {
 850   color: #0568ae;
 851   display: inline-block;
 852   font-family: "icoControls" !important;
 853   font-style: normal;
 854   font-size: 20px;
 855   font-weight: normal;
 856   font-variant: normal;
 857   height: 1em;
 858   margin-right: 7px;
 859   text-transform: none;
 860   line-height: 1;
 861   -webkit-font-smoothing: antialiased;
 862   -moz-osx-font-smoothing: grayscale;
 863   position: relative;
 864   speak: none;
 865   -webkit-user-select: none;
 866   -moz-user-select: none;
 867   -ms-user-select: none;
 868   user-select: none;
 869   vertical-align: middle;
 870   width: 1em;
 871   content: "\e907";
 872   box-sizing: border-box;
 873   display: inline-block;
 874   font-size: 2em;
 875   height: 1em;
 876   position: absolute;
 877   top: 20px;
 878   right: 0px;
 879   vertical-align: middle;
 880   width: 1em;
 881   color: #007a3e; }
 882
 883 @media (min-width: 768px) {
 884   span[class*="large"] {
 885     max-width: 370px; }
 886   .large {
 887     max-width: 370px; } }
 888
 889 @media (max-width: 767px) {
 890   .selectWrap.large:after {
 891     right: 5px; }
 892   .selectWrap.large .awd-select-list-item {
 893     padding-right: 41px; }
 894   .selectWrap + div > h4 {
 895     margin-bottom: 0;
 896     font-size: 16px; } }
 897 input.awd-select {
 898   -webkit-user-select: text;
 899   -moz-user-select: text;
 900   -ms-user-select: text;
 901   user-select: text; }
 902
 903 .checkbox .skin {
 904   background-color: #fff;
 905   border: 1px solid #d2d2d2;
 906   border-radius: 3px;
 907   display: inline-block;
 908   height: 24px;
 909   width: 24px;
 910   position: absolute;
 911   left: 0;
 912   top: 0;
 913 }
 914
 915 i, em {
 916   font-family: "Omnes-ECOMP-W02-Italic", Arial;
 917   font-style: normal;
 918 }
 919
 920
 921
 922 .card{
 923   border-radius: 5px;
 924 }
 925
 926 .card-header{
 927   height: 50px;
 928 }
 929
 930 .card-body{
 931   height: 150px;
 932 }
 933
 934 .card-footer{
 935   height: 50px;
 936 }
 937
 938 .dialog__close-btn {
 939   border: 0;
 940   background: #087ac2;
 941   color: #ffffff;
 942   position: absolute;
 943   top: 8px;
 944   right: 8px;
 945   font-size: 1.2em;
 946   display: block;
 947   border: #087ac2 2px solid;
 948 }
 949
 950 .modalTitle{
 951     font-size: 35px;
 952 }
 953
 954
 955 .full-width-table {
 956   width: 100%;
 957 }
 958
 959
 960 .app-data-table {
 961   margin-top: 35px;
 962 }
 963
 964 .app-data-table-fixed-height {
 965   overflow: scroll;
 966   width: 100%;
 967   max-height: 750px;
 968 }
 969
 970 th{
 971   background-color: #2125299c;
 972   color: rgb(255, 255, 255);
 973   font-size: 15px;
 974   border-radius: 2px;
 975   height: 35px;
 976 }
 977
 978 tr:nth-child(even) {
 979   background-color: #dddddd;
 980   font-size: 2px;
 981   height: 35px;
 982   border-radius: 4px;
 983
 984 }
 985
 986 tr:nth-child(odd) {
 987   font-size: 2px;
 988   height: 35px;
 989   border-radius: 4px;
 990 }
 991
 992
 993 .card{
 994   border-radius: 10px;
 995
 996 }
 997
 998 .card-header{
 999   height: 80px;
1000 }
1001
1002 .card-body{
1003   height: 150px;
1004 }
1005
1006 .card-footer{
1007   height: 55px;
1008   margin-right: 10px;
1009 }
1010
1011 .dialog__close-btn {
1012   border: 0;
1013   background: #087ac2;
1014   color: #ffffff;
1015   position: absolute;
1016   top: 12px;
1017   right: 12px;
1018   font-size: 1em;
1019   display: block;
1020   border: #087ac2 2px solid;
1021 }
1022
1023 .modalTitle{
1024     font-size: 35px;
1025 }
1026
1027 label {
1028   float: left;
1029   width: 24em;
1030   margin-right: 2em;
1031   text-align: right;
1032 }
1033
1034
1035 .btn-alt {
1036   border-color: #087ac2 transparent #0568ae;
1037   background-color: #0568ae;
1038   background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
1039   color: #ffffff; }
1040   .btn-alt:hover {
1041     color: #ffffff;
1042     outline-color: #ffffff !important;
1043     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1044   .btn-alt:focus {
1045     color: #ffffff;
1046     outline-color: #ffffff !important;
1047     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1048   .btn-alt:active {
1049     color: #ffffff;
1050     outline-color: #ffffff !important;
1051     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1052
1053
1054 a.btn {
1055   vertical-align: middle; }
1056   a.btn:hover {
1057     text-decoration: none; }
1058
1059 .field-group + .btn {
1060   margin-left: 20px; }
1061
1062 .btn-primary {
1063   border-color: #ea7400 transparent #d16500;
1064   background-color: #ea7400 transparent #d16500;
1065   background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
1066   color: #ffffff;
1067   font-family: "Omnes-ECOMP-W02", Arial;
1068   font-weight: bold; }
1069   .btn-primary:hover {
1070     text-decoration: none;
1071     color: #ffffff;
1072     outline-color: #ffffff !important;
1073     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1074   .btn-primary:focus {
1075     text-decoration: none;
1076     color: #ffffff;
1077     outline-color: #ffffff !important;
1078     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1079   .btn-primary:active {
1080     text-decoration: none;
1081     color: #ffffff;
1082     outline-color: #ffffff !important;
1083     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1084
1085 .btn-arrow {
1086   font-family: "Omnes-ECOMP-W02", Arial;
1087   font-size: 1.6rem;
1088   font-weight: normal;
1089   background-color: transparent;
1090   border: none;
1091   padding: 5px 0 0;
1092   top: -4px;
1093   color: #333333;
1094   position: relative; }
1095   .btn-arrow:hover {
1096     text-decoration: underline; }
1097     .btn-arrow:hover .btn-primary {
1098       text-decoration: none;
1099       color: #ffffff;
1100       outline-color: #ffffff !important;
1101       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1102     .btn-arrow:hover .btn-secondary {
1103       color: #0568ae;
1104       outline-color: #000000 !important;
1105       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1106     .btn-arrow:hover .btn-alt {
1107       color: #ffffff;
1108       outline-color: #ffffff !important;
1109       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
1110     .btn-arrow:hover .btn-specialty {
1111       color: #ffffff;
1112       outline-color: #ffffff !important;
1113       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1114   .btn-arrow:focus {
1115     text-decoration: underline;
1116     outline: 1px dotted #666; }
1117     .btn-arrow:focus .btn-primary {
1118       text-decoration: none;
1119       color: #ffffff;
1120       outline-color: #ffffff !important;
1121       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1122     .btn-arrow:focus .btn-secondary {
1123       color: #0568ae;
1124       outline-color: #000000 !important;
1125       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1126     .btn-arrow:focus .btn-alt {
1127       color: #ffffff;
1128       outline-color: #ffffff !important;
1129       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
1130     .btn-arrow:focus .btn-specialty {
1131       color: #ffffff;
1132       outline-color: #ffffff !important;
1133       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1134   .btn-arrow:active .btn-primary {
1135     text-decoration: none;
1136     color: #ffffff;
1137     outline-color: #ffffff !important;
1138     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1139   .btn-arrow:active .btn-secondary {
1140     color: #0568ae;
1141     outline-color: #000000 !important;
1142     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1143   .btn-arrow:active .btn-alt {
1144     color: #ffffff;
1145     outline-color: #ffffff !important;
1146     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
1147   .btn-arrow:active .btn-specialty {
1148     color: #ffffff;
1149     outline-color: #ffffff !important;
1150     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1151   .btn-arrow .btn-alt {
1152     border-color: #087ac2 transparent #0568ae;
1153     background-color: #0568ae;
1154     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
1155     color: #ffffff; }
1156     .btn-arrow .btn-alt:hover {
1157       color: #ffffff;
1158       outline-color: #ffffff !important;
1159       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1160     .btn-arrow .btn-alt:focus {
1161       color: #ffffff;
1162       outline-color: #ffffff !important;
1163       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1164     .btn-arrow .btn-alt:active {
1165       color: #ffffff;
1166       outline-color: #ffffff !important;
1167       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1168   .btn-arrow::-moz-focus-inner {
1169     padding: 0;
1170     border: 0; }
1171   .btn-arrow .btn {
1172     border: 1px solid transparent;
1173     border-radius: 100%;
1174     height: 36px;
1175     margin-bottom: 0;
1176     margin-right: 7px;
1177     max-width: 36px;
1178     min-width: 20px;
1179     padding: 0;
1180     margin-top: -4px;
1181     vertical-align: middle;
1182     width: 36px; }
1183     .btn-arrow .btn .icon-primary-left {
1184       bottom: 0;
1185       display: block;
1186       height: 100%;
1187       left: 0;
1188       line-height: 0;
1189       position: absolute;
1190       right: 0;
1191       text-indent: 0;
1192       top: 0; }
1193       .btn-arrow .btn .icon-primary-left:before {
1194         position: absolute;
1195         font-size: 1.6rem;
1196         left: 1px;
1197         top: 9px; }
1198     .btn-arrow .btn .icon-primary-right {
1199       bottom: 0;
1200       display: block;
1201       height: 100%;
1202       left: 0;
1203       line-height: 0;
1204       position: absolute;
1205       right: 0;
1206       text-indent: 0;
1207       top: 0;
1208       color: #ffffff; }
1209       .btn-arrow .btn .icon-primary-right:before {
1210         position: absolute;
1211         font-size: 1.6rem;
1212         left: 17px;
1213         top: 9px; }
1214   .btn-arrow .btn.btn-primary .icon-primary-left {
1215     color: #fff; }
1216   .btn-arrow .btn.btn-primary .icon-primary-right {
1217     color: #fff; }
1218   .btn-arrow .btn.btn-alt .icon-primary-left {
1219     color: #fff; }
1220   .btn-arrow .btn.btn-alt .icon-primary-right {
1221     color: #fff; }
1222   .btn-arrow .btn.btn-secondary {
1223     border: 1px solid #d2d2d2; }
1224     .btn-arrow .btn.btn-secondary .icon-primary-left {
1225       color: #0568ae; }
1226     .btn-arrow .btn.btn-secondary .icon-primary-right {
1227       color: #0568ae; }
1228   .btn-arrow .btn.btn-small {
1229     height: 20px;
1230     max-width: 20px;
1231     min-width: 20px;
1232     width: 20px;
1233     top: -1px; }
1234     .btn-arrow .btn.btn-small .icon-primary-left:before {
1235       font-size: 5px;
1236       top: 4px;
1237       left: 0; }
1238     .btn-arrow .btn.btn-small .icon-primary-right:before {
1239       font-size: 5px;
1240       top: 4px;
1241       left: 10px; }
1242   .btn-arrow .btn.btn-large .icon-primary-left:before {
1243     font-size: 112%;
1244     top: 12px;
1245     left: 23px; }
1246   .btn-arrow .btn.btn-large .icon-primary-right:before {
1247     font-size: 112%;
1248     top: 12px;
1249     left: 23px; }
1250
1251 .btn-secondary {
1252   border: 1px solid #d2d2d2;
1253   background-color: #f2f2f2;
1254   background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
1255   color: #0568ae;
1256   box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
1257   padding: 14px 18px 11px 17px; }
1258   .btn-secondary:hover {
1259     color: #0568ae;
1260     outline-color: #000000 !important;
1261     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1262   .btn-secondary:focus {
1263     color: #0568ae;
1264     outline-color: #000000 !important;
1265     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1266   .btn-secondary:active {
1267     color: #0568ae;
1268     outline-color: #000000 !important;
1269     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1270
1271 .btn-alt {
1272   border-color: #087ac2 transparent #0568ae;
1273   background-color: #0568ae;
1274   background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
1275   color: #ffffff; }
1276   .btn-alt:hover {
1277     color: #ffffff;
1278     outline-color: #ffffff !important;
1279     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1280   .btn-alt:focus {
1281     color: #ffffff;
1282     outline-color: #ffffff !important;
1283     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1284   .btn-alt:active {
1285     color: #ffffff;
1286     outline-color: #ffffff !important;
1287     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
1288
1289 .btn-specialty {
1290   border-color: #008744 transparent #007a3e;
1291   background-color: #007a3e;
1292   background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
1293   color: #ffffff; }
1294   .btn-specialty:hover {
1295     color: #ffffff;
1296     outline-color: #ffffff !important;
1297     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1298   .btn-specialty:focus {
1299     color: #ffffff;
1300     outline-color: #ffffff !important;
1301     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1302   .btn-specialty:active {
1303     color: #ffffff;
1304     outline-color: #ffffff !important;
1305     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1306
1307 .btn-clear {
1308   background: transparent !important;
1309   border-color: transparent !important;
1310   font-weight: normal;
1311   font-family: "Omnes-ECOMP-W02", Arial;
1312   box-shadow: none;
1313   text-decoration: none;
1314   color: #0568ae; }
1315   .btn-clear:focus {
1316     text-decoration: underline; }
1317   .btn-clear:hover {
1318     text-decoration: underline; }
1319
1320 .downloadImg{
1321     height: 25px ;
1322     width: 25px;
1323 }
1324
1325 #reportTableSize{
1326     width: 99%;
1327     max-height: 750px;
1328 }
1329
1330  .gridster-color {
1331         background: rgba(94, 94, 94, 0.7);
1332     }
1333
1334
1335 .download-div{
1336   width: 20%;
1337   float: left;
1338   height: 30px;
1339 }
1340
1341 .pagination-div{
1342 width: 60%;
1343 float: right;
1344 height: 30px;
1345 }
1346
1347 .download-title{
1348 padding-right: 10px;
1349 font-size: 14px;
1350 font-family: Roboto, "Helvetica Neue", sans-serif;
1351 color: rgba(0, 0, 0, 0.54);
1352 }
1353
1354 .filter-div{
1355   height: 30px;
1356   width: 20%;
1357   float: left;
1358 }
1359
1360 .btn-back {
1361     padding-bottom: 5px;
1362     font-size: 15px;}