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