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

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