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

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