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

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