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

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