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

   1 .wrapper {
   2     display: grid;
   3     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   4     overflow: auto;
   5 }
   6 .wrapper > div {
   7     border-radius: 5px;
   8     padding: 0.5em;
   9 }
  10
  11 mat-button-toggle-group{
  12     width: 800px;
  13   }
  14
  15   .stdForm{
  16     margin-left: 20px;
  17     line-height: 0.5;
  18   }
  19
  20   .fieldWidth{
  21     width: 50%;
  22   }
  23
  24   .labelWidth{
  25     font-weight: normal;
  26     width: 200px;
  27   }
  28
  29   mat-select{
  30     border: 1px solid #d2d2d2;
  31     border-radius: 6px;
  32   }
  33
  34   :host ::ng-deep .mat-select-value{
  35     padding: 8px;
  36     font-size: 15px;
  37     padding-left: 15px;
  38   }
  39   :host ::ng-deep .mat-form-field-underline {
  40     display: none;
  41   }
  42
  43   :host ::ng-deep .mat-form-field-infix{
  44     padding: 0;
  45     border-top: 0;
  46   }
  47   :host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  48     padding-bottom: 0;
  49   }
  50
  51   :host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-infix {
  52      padding: 0;
  53   }
  54
  55   .mat-form-field{
  56     width: 200px;
  57   }
  58
  59   label{
  60     size: 70px;
  61     padding-right: 15px;
  62   }
  63
  64   input {
  65     width: 200px;
  66     height: 20px;
  67   }
  68
  69   .Heading{
  70     font-size: 45px;
  71   }
  72
  73   .field-group {
  74     position: relative;
  75     display: block;
  76   }
  77
  78   label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
  79     margin-top: 5px;
  80   }
  81
  82
  83   select{
  84     display: block;
  85     width: 200px;
  86     padding: 15px;
  87     background-color: #e6e6e61a
  88   }
  89
  90   .checkbox .skin {
  91     background-color: #fff;
  92     border: 1px solid #d2d2d2;
  93     border-radius: 3px;
  94     display: inline-block;
  95     height: 24px;
  96     width: 24px;
  97     position: absolute;
  98     left: 0;
  99     top: 0;
 100   }
 101   html {
 102     overflow-y: scroll;
 103     -webkit-overflow-scrolling: touch;
 104     height: 100%;
 105     position: relative; }
 106
 107   h1,
 108   h2,
 109   h3,
 110   h4,
 111   h5,
 112   p,
 113   blockquote,
 114   figure,
 115   ol,
 116   ul {
 117     margin: 0;
 118     padding: 0; }
 119
 120   /* a:focus {
 121     outline: thin dotted #191919;
 122   } */
 123   sub,
 124   .img-no-rwd {
 125     max-width: inherit !important; }
 126
 127   svg {
 128     display: inline-block; }
 129
 130   button,
 131   input,
 132   select,
 133   textarea {
 134     margin: 0;
 135     font-size: 100%;
 136     vertical-align: middle; }
 137
 138   ::-moz-focus-inner {
 139     padding: 0;
 140     border: 0; }
 141
 142   button,
 143   html input[type="button"],
 144   input[type="reset"],
 145   input[type="submit"] {
 146     appearance: button;
 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   select {
 169     -moz-appearance: none;
 170     -webkit-appearance: none; }
 171
 172   small {
 173     font-size: 1.6rem; }
 174
 175   .container {
 176     margin: 0 auto;
 177     padding: 0; }
 178
 179     input {
 180       padding: 8px 15px 8px 15px; }
 181     .field-group input.input-emphasized[type="search"] + .reset-field:after {
 182       top: 14px; }
 183     .field-group input.input-emphasized[type="search"] + .reset-field {
 184       height: 46px;
 185       top: 1px; }
 186
 187     p,
 188     h2,
 189     h3 {
 190       orphans: 3;
 191       widows: 3; }
 192     h2,
 193     h3 {
 194       page-break-after: avoid; }
 195
 196   .mar-top-0 {
 197     margin-top: 0px; }
 198
 199   .mar-top-30 {
 200     margin-top: 30px; }
 201
 202   a:focus {
 203     outline: thin dotted #191919; }
 204
 205   h1,
 206   h2,
 207   h3,
 208   h4,
 209   h5,
 210   h6 {
 211     font-weight: normal;
 212     text-rendering: optimizeLegibility;
 213     margin: 0;
 214     line-height: 1; }
 215
 216   @media (max-width: 767px) {
 217     h1,
 218     h2,
 219     h3,
 220     h4,
 221     h5,
 222     h6,
 223     .heading-page {
 224       font-size: 2rem;
 225       font-family: "Omnes-ECOMP-W02", Arial;
 226       margin-bottom: 30px; }
 227     .heading-major-section {
 228       font-size: 2rem;
 229       font-family: "Omnes-ECOMP-W02", Arial;
 230       margin-bottom: 30px; }
 231     .heading-sub-section {
 232       font-size: 2rem;
 233       font-family: "Omnes-ECOMP-W02", Arial;
 234       margin-bottom: 20px; }
 235     .heading-medium {
 236       font-size: 2rem;
 237       font-family: "Omnes-ECOMP-W02", Arial;
 238       margin-bottom: 20px; }
 239     .heading-medium-emphasis {
 240       font-size: 2rem;
 241       font-family: "Omnes-ECOMP-W02", Arial;
 242       margin-bottom: 20px; }
 243     .heading-small {
 244       font-size: 1.6rem;
 245       font-family: "Omnes-ECOMP-W02", Arial;
 246       margin-bottom: 10px; }
 247     .heading-small-emphasis {
 248       font-size: 1.6rem;
 249       font-family: "Omnes-ECOMP-W02-Medium", Arial;
 250       margin-bottom: 5px; }
 251     * + .heading-major-section {
 252       margin-top: 30px; }
 253     * + .heading-sub-section {
 254       margin-top: 30px; }
 255     * + .heading-group {
 256       margin-top: 20px; }
 257     * + .heading-medium {
 258       margin-top: 20px; }
 259     * + .heading-medium-emphasis {
 260       margin-top: 20px; }
 261     * + .heading-small {
 262       margin-top: 20px; }
 263     * + .heading-small-emphasis {
 264       margin-top: 20px; }
 265     * + .heading-micro {
 266       margin-top: 10px; } }
 267
 268   /* Standard Type styles */
 269   .zeromargin {
 270     margin: 0 !important; }
 271
 272   a {
 273     color: #0568ae;
 274     text-decoration: none; }
 275
 276   a:hover,
 277   a:focus {
 278     text-decoration: underline; }
 279
 280   a:active {
 281     color: #0568ae; }
 282
 283   .a-min {
 284     font-size: 12px; }
 285
 286   .a-small {
 287     font-size: 14px; }
 288
 289   .a-max {
 290     font-size: 18px; }
 291
 292   a.show-qualifier {
 293     margin-right: 25px;
 294     position: relative; }
 295
 296   a.show-qualifier:after {
 297     color: #333333;
 298     display: inline-block;
 299     white-space: pre !important; }
 300
 301   a[href$="pdf"].show-qualifier:after,
 302   a.show-qualifier.pdf:after {
 303     content: " (PDF)"; }
 304
 305   a[href$="psd"].show-qualifier:after,
 306   a.show-qualifier.psd:after {
 307     content: " (PSD)"; }
 308
 309   .standalone-link {
 310     display: flex; }
 311
 312   /* 20px for the icon, 10px left of icon */
 313   .standalone-link.small {
 314     font-size: 1.4rem; }
 315
 316   .standalone-link.small i[class*="icon-primary-"] {
 317     font-size: 16px;
 318     top: 2px; }
 319
 320   .standalone-link.large {
 321     font-size: 1.8rem; }
 322
 323   .standalone-link.large i[class*="icon-primary-"] {
 324     font-size: 24px;
 325     top: -1px; }
 326
 327   p {
 328     margin: 0 0 12px 0;
 329     line-height: 2rem; }
 330
 331   .p-small {
 332     font-size: 1.4rem;
 333     line-height: 1.8rem; }
 334
 335   p + .p-small {
 336     margin: 10px 0 0; }
 337
 338   .p-micro {
 339     font-size: 1.2rem;
 340     line-height: 1.5rem; }
 341
 342   p + .p-micro {
 343     margin: 10px 0 0; }
 344
 345   .p-max {
 346     font-size: 1.8rem; }
 347
 348   p + .p-max {
 349     margin: 10px 0 0; }
 350
 351   b,
 352   strong {
 353     font-family: "Omnes-ECOMP-W02-Medium", Arial;
 354     font-weight: normal; }
 355
 356   i,
 357   em {
 358     font-family: "Omnes-ECOMP-W02-Italic", Arial;
 359     font-style: normal; }
 360
 361   .strike {
 362     text-decoration: line-through; }
 363
 364   sup {
 365     display: inline-block;
 366     font-style: normal;
 367     height: 1em;
 368     position: relative;
 369     vertical-align: text-top;
 370     width: auto; }
 371
 372   .text-legal {
 373     color: #5a5a5a;
 374     font-size: 1.1rem;
 375     line-height: 1.5rem;
 376     margin: 0 0 10px; }
 377
 378   .text-legal.legal-module {
 379     line-height: 1.3rem;
 380     margin: 0 0 12px; }
 381
 382   .text-legal b,
 383   .text-legal strong {
 384     font-weight: bold; }
 385
 386   .text-legal a {
 387     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
 388
 389   .text-left {
 390     text-align: left !important; }
 391
 392   .text-right {
 393     text-align: right !important; }
 394
 395   .text-center {
 396     text-align: center !important; }
 397
 398   .text-justified {
 399     text-align: justify !important; }
 400
 401   ul {
 402     padding: 0;
 403     margin: 0;
 404     list-style: none; }
 405
 406   ul.bullet,
 407   ul.no-bullet,
 408   ul.lower-alpha,
 409   ul.lower-roman,
 410   ol {
 411     padding: 0;
 412     margin: 12px 0 0 20px; }
 413
 414   ul.bullet li,
 415   ul.no-bullet li,
 416   ul.lower-alpha li,
 417   ul.lower-roman li,
 418   ol li {
 419     padding-left: 15px;
 420     line-height: 20px;
 421     position: relative; }
 422
 423   ul.bullet li + li,
 424   ul.no-bullet li + li,
 425   ul.lower-alpha li + li,
 426   ul.lower-roman li + li,
 427   ol li + li {
 428     margin-top: 12px; }
 429
 430   ul.bullet > li:before,
 431   ul.no-bullet > li:before,
 432   ul.lower-alpha > li:before,
 433   ul.lower-roman > li:before,
 434   ol > li:before {
 435     background-color: #333333;
 436     border: 2px solid #333333;
 437     border-radius: 100%;
 438     content: " ";
 439     display: block;
 440     height: 1px;
 441     left: 0;
 442     position: absolute;
 443     top: 8px;
 444     width: 1px; }
 445
 446   ul.bullet ul,
 447   ul.no-bullet ul,
 448   ul.lower-alpha ul,
 449   ul.lower-roman ul,
 450   ol ul,
 451   ul.bullet ol,
 452   ul.no-bullet ol,
 453   ul.lower-alpha ol,
 454   ul.lower-roman ol,
 455   ol ol {
 456     margin-top: 12px; }
 457
 458   ul + *,
 459   ol + * {
 460     margin-top: 20px; }
 461
 462   ul.no-bullet,
 463   ul.lower-alpha,
 464   ul.lower-roman {
 465     margin: 0; }
 466
 467   ul.no-bullet > li,
 468   ul.lower-alpha > li,
 469   ul.lower-roman > li {
 470     padding-left: 0; }
 471
 472   ul.no-bullet > li:before,
 473   ul.lower-alpha > li:before,
 474   ul.lower-roman > li:before {
 475     display: none !important; }
 476
 477   ol {
 478     margin: 20px 0 0 32px; }
 479
 480   ol li {
 481     padding-left: 3px; }
 482
 483   ol li:before {
 484     display: none; }
 485
 486   ol ol {
 487     margin-left: 25px; }
 488
 489   ol ul {
 490     margin-left: -5px; }
 491
 492   ul ul,
 493   ul ol,
 494   ol ol,
 495   ol ul {
 496     margin-top: 0; }
 497
 498   ul.lower-roman {
 499     list-style-type: lower-roman;
 500     margin-top: 12px;
 501     margin-left: 35px;
 502     margin-bottom: 0; }
 503
 504   ul.lower-alpha {
 505     list-style-type: lower-alpha;
 506     margin-top: 12px;
 507     margin-left: 35px;
 508     margin-bottom: 0; }
 509
 510   dl {
 511     display: table;
 512     margin: 0 0 20px;
 513     width: 100%; }
 514
 515   dt,
 516   dd {
 517     display: table-cell; }
 518
 519   .btn {
 520     background-color: transparent;
 521     background-clip: padding-box;
 522     border: 1px solid transparent;
 523     border-radius: 8px;
 524     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
 525     cursor: pointer;
 526     display: inline-block;
 527     font-family: "Omnes-ECOMP-W02-Medium", Arial;
 528     font-size: 0.5rem;
 529     font-weight: normal;
 530     line-height: 1;
 531     margin: 0 7px 10px 0;
 532
 533
 534     padding: 14px 19px 11px 18px;
 535     position: relative;
 536     text-align: center;
 537     vertical-align: middle;
 538     white-space: nowrap;
 539     overflow: hidden; }
 540     .btn:focus {
 541       outline: 1px dotted #000;
 542       outline-offset: -5px; }
 543     .btn:last-child {
 544       margin-right: 0; }
 545     .btn::-moz-focus-inner {
 546       padding: 0;
 547       border: 0; }
 548     .btn i[class*="icon-primary-"].icon-primary-small {
 549       font-size: 24px;
 550       top: -2px; }
 551     .btn i[class*="icon-primary-"].icon-primary-medium {
 552       font-size: 10px;
 553       top: -2px; }
 554     .btn i[class*="icon-primary-"].icon-primary-large {
 555       font-size: 10px;
 556       top: -2px; }
 557
 558   a.btn {
 559     vertical-align: middle; }
 560     a.btn:hover {
 561       text-decoration: none; }
 562
 563   .field-group + .btn {
 564     margin-left: 20px; }
 565
 566   .btn-primary {
 567     border-color: #ea7400 transparent #d16500;
 568     background-color: #ea7400 transparent #d16500;
 569     background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
 570     color: #ffffff;
 571     font-family: "Omnes-ECOMP-W02", Arial;
 572     font-weight: bold; }
 573     .btn-primary:hover {
 574       text-decoration: none;
 575       color: #ffffff;
 576       outline-color: #ffffff !important;
 577       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 578     .btn-primary:focus {
 579       text-decoration: none;
 580       color: #ffffff;
 581       outline-color: #ffffff !important;
 582       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 583     .btn-primary:active {
 584       text-decoration: none;
 585       color: #ffffff;
 586       outline-color: #ffffff !important;
 587       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 588
 589   .btn-arrow {
 590     font-family: "Omnes-ECOMP-W02", Arial;
 591     font-size: 1.6rem;
 592     font-weight: normal;
 593     background-color: transparent;
 594     border: none;
 595     padding: 5px 0 0;
 596     top: -4px;
 597     color: #333333;
 598     position: relative; }
 599     .btn-arrow:hover {
 600       text-decoration: underline; }
 601       .btn-arrow:hover .btn-primary {
 602         text-decoration: none;
 603         color: #ffffff;
 604         outline-color: #ffffff !important;
 605         background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 606       .btn-arrow:hover .btn-secondary {
 607         color: #0568ae;
 608         outline-color: #000000 !important;
 609         background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 610       .btn-arrow:hover .btn-alt {
 611         color: #ffffff;
 612         outline-color: #ffffff !important;
 613         background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
 614       .btn-arrow:hover .btn-specialty {
 615         color: #ffffff;
 616         outline-color: #ffffff !important;
 617         background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 618     .btn-arrow:focus {
 619       text-decoration: underline;
 620       outline: 1px dotted #666; }
 621       .btn-arrow:focus .btn-primary {
 622         text-decoration: none;
 623         color: #ffffff;
 624         outline-color: #ffffff !important;
 625         background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 626       .btn-arrow:focus .btn-secondary {
 627         color: #0568ae;
 628         outline-color: #000000 !important;
 629         background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 630       .btn-arrow:focus .btn-alt {
 631         color: #ffffff;
 632         outline-color: #ffffff !important;
 633         background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
 634       .btn-arrow:focus .btn-specialty {
 635         color: #ffffff;
 636         outline-color: #ffffff !important;
 637         background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 638     .btn-arrow:active .btn-primary {
 639       text-decoration: none;
 640       color: #ffffff;
 641       outline-color: #ffffff !important;
 642       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 643     .btn-arrow:active .btn-secondary {
 644       color: #0568ae;
 645       outline-color: #000000 !important;
 646       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 647     .btn-arrow:active .btn-alt {
 648       color: #ffffff;
 649       outline-color: #ffffff !important;
 650       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
 651     .btn-arrow:active .btn-specialty {
 652       color: #ffffff;
 653       outline-color: #ffffff !important;
 654       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 655     .btn-arrow .btn-alt {
 656       border-color: #087ac2 transparent #0568ae;
 657       background-color: #0568ae;
 658       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
 659       color: #ffffff; }
 660       .btn-arrow .btn-alt:hover {
 661         color: #ffffff;
 662         outline-color: #ffffff !important;
 663         background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 664       .btn-arrow .btn-alt:focus {
 665         color: #ffffff;
 666         outline-color: #ffffff !important;
 667         background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 668       .btn-arrow .btn-alt:active {
 669         color: #ffffff;
 670         outline-color: #ffffff !important;
 671         background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 672     .btn-arrow::-moz-focus-inner {
 673       padding: 0;
 674       border: 0; }
 675     .btn-arrow .btn {
 676       border: 1px solid transparent;
 677       border-radius: 100%;
 678       height: 20px;
 679       margin-bottom: 0;
 680       margin-right: 7px;
 681       max-width: 20px;
 682       min-width: 20px;
 683       padding: 0;
 684       margin-top: -4px;
 685       vertical-align: middle;
 686       width: 36px; }
 687       .btn-arrow .btn .icon-primary-left {
 688         bottom: 0;
 689         display: block;
 690         height: 100%;
 691         left: 0;
 692         line-height: 0;
 693         position: absolute;
 694         right: 0;
 695         text-indent: 0;
 696         top: 0; }
 697         .btn-arrow .btn .icon-primary-left:before {
 698           position: absolute;
 699           font-size: 1.6rem;
 700           left: 1px;
 701           top: 9px; }
 702       .btn-arrow .btn .icon-primary-right {
 703         bottom: 0;
 704         display: block;
 705         height: 100%;
 706         left: 0;
 707         line-height: 0;
 708         position: absolute;
 709         right: 0;
 710         text-indent: 0;
 711         top: 0;
 712         color: #ffffff; }
 713         .btn-arrow .btn .icon-primary-right:before {
 714           position: absolute;
 715           font-size: 1.6rem;
 716           left: 17px;
 717           top: 9px; }
 718     .btn-arrow .btn.btn-primary .icon-primary-left {
 719       color: #fff; }
 720     .btn-arrow .btn.btn-primary .icon-primary-right {
 721       color: #fff; }
 722     .btn-arrow .btn.btn-alt .icon-primary-left {
 723       color: #fff; }
 724     .btn-arrow .btn.btn-alt .icon-primary-right {
 725       color: #fff; }
 726     .btn-arrow .btn.btn-secondary {
 727       border: 1px solid #d2d2d2; }
 728       .btn-arrow .btn.btn-secondary .icon-primary-left {
 729         color: #0568ae; }
 730       .btn-arrow .btn.btn-secondary .icon-primary-right {
 731         color: #0568ae; }
 732     .btn-arrow .btn.btn-small {
 733       height: 10px;
 734
 735
 736       width: 10px;
 737       top: -1px; }
 738       .btn-arrow .btn.btn-small .icon-primary-left:before {
 739         font-size: 5px;
 740         top: 4px;
 741         left: 0; }
 742       .btn-arrow .btn.btn-small .icon-primary-right:before {
 743         font-size: 5px;
 744         top: 4px;
 745         left: 10px; }
 746     .btn-arrow .btn.btn-large .icon-primary-left:before {
 747       font-size: 112%;
 748       top: 12px;
 749       left: 23px; }
 750     .btn-arrow .btn.btn-large .icon-primary-right:before {
 751       font-size: 112%;
 752       top: 12px;
 753       left: 23px; }
 754
 755   .btn-secondary {
 756     border: 1px solid #d2d2d2;
 757     background-color: #f2f2f2;
 758     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
 759     color: #0568ae;
 760     box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
 761     padding: 14px 18px 11px 17px; }
 762     .btn-secondary:hover {
 763       color: #0568ae;
 764       outline-color: #000000 !important;
 765       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 766     .btn-secondary:focus {
 767       color: #0568ae;
 768       outline-color: #000000 !important;
 769       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 770     .btn-secondary:active {
 771       color: #0568ae;
 772       outline-color: #000000 !important;
 773       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 774
 775   .btn-alt {
 776     border-color: #087ac2 transparent #0568ae;
 777     background-color: #0568ae;
 778     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
 779     color: #ffffff; }
 780     .btn-alt:hover {
 781       color: #ffffff;
 782       outline-color: #ffffff !important;
 783       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 784     .btn-alt:focus {
 785       color: #ffffff;
 786       outline-color: #ffffff !important;
 787       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 788     .btn-alt:active {
 789       color: #ffffff;
 790       outline-color: #ffffff !important;
 791       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 792
 793   .btn.disabled {
 794     background-image: none;
 795     background-color: #767676;
 796     box-shadow: none;
 797     cursor: not-allowed;
 798     color: #ffffff;
 799     border-color: transparent;
 800     outline: 0 !important; }
 801     .btn.disabled:hover {
 802       color: #f2f2f2;
 803       outline: none !important; }
 804     .btn.disabled:focus {
 805       color: #f2f2f2;
 806       outline: none !important; }
 807
 808   .btn-medium {
 809     padding: 12px 19px 11px 18px;
 810     font-size: 1.7rem; }
 811   .btn-run {
 812     padding: 12px 19px 11px 18px;
 813     font-size: 15px;}
 814   .btn-small {
 815     font-size: 1.5rem;
 816     border-radius: 8px;
 817     margin-left: 600px;
 818     font-size: 15px;
 819    }
 820
 821    .btn-auto-upload{
 822      font-size: 15px;
 823    }
 824
 825    .div-auto-upload{
 826      display: contents;
 827    }
 828
 829   .btn-fullwidth {
 830     width: 100%; }
 831
 832   button .btn-fill {
 833     background-clip: padding-box;
 834     border: 0;
 835     border-radius: 4px;
 836     bottom: 0;
 837     display: block;
 838     height: auto;
 839     left: 0;
 840     margin: 5px;
 841     position: absolute;
 842     right: 0;
 843     top: 0;
 844     width: auto; }
 845
 846   button .btn-fill[style*="#fff"] {
 847     border: 1px solid #d2d2d2; }
 848
 849
 850   .btn-group[data-select-color="orange"] > .btn.active {
 851     border-color: #ea7400; }
 852
 853   .btn-group[data-select-color="blue"] > .btn.active {
 854     border-color: #0568ae; }
 855
 856   .btn-group[data-select-color="green"] > .btn.active {
 857     border-color: #007a3e; }
 858
 859   .btn-spinbutton-toggle.btn-group {
 860     display: block !important;
 861     height: 40px !important;
 862     margin-top: 5px;
 863     max-width: 138px;
 864     min-width: 138px;
 865     white-space: nowrap; }
 866
 867   .btn-spinbutton-toggle .btn {
 868     border-radius: 6px;
 869     font-weight: normal;
 870     -ms-flex: unset;
 871     flex: unset;
 872     height: 40px;
 873     letter-spacing: normal;
 874     min-width: auto;
 875     padding: 3px 0 0;
 876     text-align: center;
 877     min-width: 46px;
 878     width: 46px; }
 879
 880   .btn-spinbutton-toggle .btn[data-max-value] {
 881     border-bottom: 1px solid #d2d2d2;
 882     border-top: 1px solid #d2d2d2;
 883     box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
 884     background-color: #fff;
 885     cursor: text;
 886     font-family: "Omnes-ECOMP-W02", Arial;
 887     font-size: 2rem;
 888     font-weight: normal;
 889     padding: 4px 0 0;
 890     text-align: center;
 891     min-width: 46px !important;
 892     width: 46px; }
 893     .btn-spinbutton-toggle .btn[data-max-value]:focus {
 894       border-color: #0568ae;
 895       outline: none; }
 896       .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
 897         border-left: 1px solid #0568ae;
 898         transition: border 0.3s linear 0s; }
 899
 900   .btn-spinbutton-toggle .icon-primary-subtractminimize {
 901     font-size: 30px !important;
 902     color: #0568ae !important; }
 903
 904   .btn-spinbutton-toggle .icon-primary-add-maximize {
 905     font-size: 30px !important;
 906     color: #0568ae !important; }
 907
 908   .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
 909     background-color: #d2d2d2;
 910     color: #767676 !important; }
 911
 912   .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
 913     background-color: #d2d2d2;
 914     color: #767676 !important; }
 915
 916   .btn-spinbutton-toggle input.btn[disabled] {
 917     background-color: #d2d2d2;
 918     color: #5a5a5a;
 919     cursor: not-allowed; }
 920
 921   .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
 922     border-left: 1px solid #f0f0f0 !important; }
 923
 924   .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
 925     border-left: 1px solid #0568ae !important; }
 926
 927   @media (max-width: 480px) {
 928     .btn-group:not([data-select-color]) > .btn {
 929       font-size: 1.3rem;
 930       min-width: auto; } }
 931
 932   button.close {
 933     border: 0;
 934     appearance: none; }
 935
 936   .corner-button {
 937     box-shadow: 0 -50px 0 0 #f2f2f2 inset;
 938     height: 69px;
 939     /*overflow: hidden;*/
 940     position: absolute;
 941     right: -35px;
 942     top: -35px;
 943     transform: rotate(45deg);
 944     width: 69px; }
 945
 946
 947   .field-group input + .reset-field {
 948     background: none;
 949     height: 36px;
 950     width: 45px;
 951     display: none;
 952     padding: 0;
 953     position: absolute;
 954     right: 0;
 955     top: 0;
 956     box-shadow: none;
 957     border: none;
 958     content: " "; }
 959
 960   .field-group input[type="search"] + .reset-field,
 961   .field-group input[type="search"] + .btn-search + .reset-field,
 962   .tooltip-onclick input + .reset-field,
 963   .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
 964   .tooltip-onclick textarea + .reset-field,
 965   .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
 966     right: 45px; }
 967
 968   .field-group input[type="search"] + .reset-field:after,
 969   .field-group input[type="search"] + .btn-search + .reset-field:after,
 970
 971   input:-ms-clear {
 972     display: none; }
 973
 974   input[type]::-webkit-inner-spin-button,
 975   input[type]::-webkit-outer-spin-button {
 976     -webkit-appearance: none; }
 977
 978   input[type] {
 979     -moz-appearance: textfield; }
 980
 981   form {
 982     margin: 0; }
 983
 984   fieldset {
 985     padding: 0;
 986     margin: 0;
 987     border: 0; }
 988
 989   label,
 990   legend {
 991     display: inline-block;
 992     /* font-size: 1.4rem; */
 993     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
 994
 995   legend {
 996     display: block; }
 997
 998   .error-msg {
 999     display: none; }
1000
1001   select,
1002   textarea,
1003   input {
1004     border-radius: 6px;
1005     color: #5a5a5a;
1006     display: inline-block;
1007     font-size: 1.6rem;
1008     margin: 0px;
1009     padding: 0 15px 0 15px;
1010     vertical-align: middle;
1011     line-height: normal; }
1012
1013   select::-webkit-input-placeholder,
1014   textarea::-webkit-input-placeholder,
1015   input::-webkit-input-placeholder {
1016     color: #5a5a5a;
1017     font-family: "Omnes-ECOMP-W02-Italic", Arial;
1018     font-style: normal;
1019     opacity: 1; }
1020
1021   select:-moz-placeholder,
1022   textarea:-moz-placeholder,
1023   input:-moz-placeholder {
1024     color: #5a5a5a;
1025     font-family: "Omnes-ECOMP-W02-Italic", Arial;
1026     font-style: normal;
1027     opacity: 1; }
1028
1029   select::-moz-placeholder,
1030   textarea::-moz-placeholder,
1031   input::-moz-placeholder {
1032     color: #5a5a5a;
1033     font-family: "Omnes-ECOMP-W02-Italic", Arial;
1034     font-style: normal;
1035     opacity: 1; }
1036
1037   select:-ms-input-placeholder,
1038   textarea:-ms-input-placeholder,
1039   input:-ms-input-placeholder {
1040     color: #5a5a5a;
1041     font-family: "Omnes-ECOMP-W02-Italic", Arial;
1042     transition: none;
1043     opacity: 1; }
1044
1045   select:placeholder,
1046   textarea:placeholder,
1047   input:placeholder {
1048     color: #5a5a5a;
1049     font-family: "Omnes-ECOMP-W02-Italic", Arial;
1050     font-style: normal;
1051     opacity: 1; }
1052
1053   select:last-child,
1054   textarea:last-child,
1055   input:last-child {
1056     margin-right: 0; }
1057
1058   input:not([type="button"]) {
1059     height: 36px; }
1060
1061   input.input-emphasized {
1062     font-size: 1.8rem;
1063     height: 48px;
1064     padding: 13px 20px 13px; }
1065
1066   input[type="search"]:focus {
1067     padding-right: 88px; }
1068
1069   input[type="search"] {
1070     padding-right: 40px;
1071     -webkit-appearance: none !important; }
1072
1073   input[type="search"].input-emphasized {
1074     padding-right: 45px; }
1075
1076   .btn-search[class*="btn"] {
1077     background-color: transparent;
1078     background-position: 50% 50%;
1079     background-size: 20px;
1080     background-repeat: no-repeat;
1081     border: none;
1082     height: 100%;
1083     margin-left: 0;
1084     margin-top: 0;
1085     min-width: 45px !important;
1086     outline-offset: 0;
1087     padding: 0 !important;
1088     position: absolute;
1089     right: 0;
1090     top: 0;
1091     border-radius: 0 5px 5px 0;
1092     min-width: 44px;
1093     width: 44px; }
1094
1095   .input-emphasized + .btn-search[class*="btn"],
1096   .input-emphasized + .reset-field + .btn-search[class*="btn"] {
1097     background-size: 26px;
1098     height: 46px;
1099     top: 1px;
1100     outline-offset: -3px;
1101     margin-bottom: 0;
1102     border-radius: 0 5px 5px 0; }
1103
1104   input[type="search"].input-emphasized + .reset-field {
1105     right: 45px !important; }
1106
1107
1108   input[data-provide="datepicker"],
1109   [data-provide="datepicker"]:-moz-placeholder,
1110   [data-provide="datepicker"]:-ms-input-placeholder,
1111   [data-provide="datepicker"]:-webkit-input-placeholder {
1112     color: #0568ae !important;
1113     opacity: 1;
1114     filter: alpha(opacity=100); }
1115
1116   input[disabled],
1117   input[readonly],
1118   select[disabled],
1119   select[readonly],
1120   textarea[disabled],
1121   textarea[readonly],
1122   i.icon-primary-calendar.disabled,
1123   span.icon-primary-calendar.readonly {
1124     cursor: not-allowed;
1125     background-color: #f2f2f2;
1126     box-shadow: none; }
1127
1128   i.icon-primary-calendar.disabled input,
1129   span.icon-primary-calendar.readonly input {
1130     color: #959595 !important; }
1131
1132   textarea {
1133     display: block;
1134     width: 800px;
1135
1136     padding: 15px; }
1137
1138   textarea.small {
1139     line-height: 20px; }
1140
1141   textarea + .reset-field {
1142     display: none; }
1143
1144   textarea::-webkit-input-placeholder {
1145     line-height: .99; }
1146
1147   textarea:-moz-placeholder {
1148     line-height: .99; }
1149
1150   textarea::-moz-placeholder {
1151     line-height: .99; }
1152
1153   textarea:-ms-input-placeholder {
1154     line-height: .99; }
1155
1156   textarea:placeholder {
1157     line-height: .99; }
1158
1159   textarea,
1160   input {
1161     background-color: #ffffff;
1162     border: 1px solid #d2d2d2;
1163     -webkit-appearance: none;
1164     box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
1165     transition: border .3s linear 0s;
1166     font-family: "Omnes-ECOMP-W02", Arial; }
1167
1168   textarea:focus,
1169   input:focus {
1170     outline: 0;
1171     border-color: #0568ae; }
1172
1173   .input-append {
1174     display: table; }
1175
1176   .input-append > div {
1177     display: table-cell;
1178     width: 1%; }
1179
1180   .input-append > .field-group {
1181     width: 100%; }
1182
1183   .row .field-group input[class*="span"] {
1184     float: none; }
1185
1186   .field-group {
1187     position: relative;
1188     display: inline-block; }
1189
1190   label + .field-group,
1191   label + .input-append,
1192   label + .row,
1193   label + .row-nowrap,
1194   label + .form-row {
1195     margin-top: 5px; }
1196
1197   .field-group {
1198     position: relative;
1199     display: block; }
1200
1201   .field-group input:not([type="button"])[disabled] {
1202     padding-right: 15px; }
1203
1204   input:invalid,
1205   textarea:invalid,
1206   select:invalid {
1207     outline: none !important; }
1208
1209   .form-row {
1210     margin-top: 20px; }
1211
1212   .form-row.nomar {
1213     margin: 0; }
1214
1215   .row-nowrap.no-flex.form-row > label + br {
1216     margin-bottom: 5px; }
1217
1218   span.form-row {
1219     display: inline-block; }
1220
1221   legend + .form-row {
1222     margin-top: 20px; }
1223
1224   .tooltip-onclick input {
1225     padding-right: 45px; }
1226
1227   .ds2_touchevents .tooltip-onclick input:focus {
1228     padding-right: 95px; }
1229
1230   .radio {
1231     position: relative;
1232     min-height: 24px;
1233     font-family: "Omnes-ECOMP-W02", Arial;
1234     font-size: 1.6rem;
1235     margin-bottom: 5px; }
1236     .radio input {
1237       -webkit-tap-highlight-color: transparent;
1238       height: 10px;
1239       margin: 6px;
1240       opacity: 0;
1241       outline: none;
1242       position: absolute;
1243       left: 1px;
1244       top: 1px;
1245       width: 10px; }
1246       .radio input:focus + .skin {
1247         border-color: #0568ae; }
1248         .radio input:focus + .skin:before {
1249           content: "";
1250           height: 34px;
1251           left: -6px;
1252           top: -6px;
1253           outline: 1px dotted #000000;
1254           position: absolute;
1255           width: 34px; }
1256       .radio input + .skin {
1257         border-radius: 100%; }
1258       .radio input:checked + .skin:after {
1259         background-color: #0568ae;
1260         border-radius: 100%;
1261         border: 3px solid #FFFFFF;
1262         content: "";
1263         display: block;
1264         height: 16px;
1265         position: absolute;
1266         width: 16px; }
1267       .radio input:disabled + .skin {
1268         cursor: not-allowed;
1269         background-color: #d2d2d2;
1270         border-color: #d2d2d2;
1271         color: #666666; }
1272         .radio input:disabled + .skin + span {
1273           cursor: not-allowed;
1274           color: #666666; }
1275       .radio input:disabled:checked + .skin:after {
1276         background-color: #666666; }
1277       .radio input:invalid + .skin {
1278         border: solid 1px #cf2a2a; }
1279     .radio .skin {
1280       background-color: #FFFFFF;
1281       border: 1px solid #d2d2d2;
1282       border-radius: 3px;
1283       display: inline-block;
1284       height: 24px;
1285       left: 0;
1286       position: absolute;
1287       top: 0;
1288       width: 24px; }
1289     .radio span {
1290       display: inline-block;
1291       margin-left: 34px;
1292       margin-top: 0;
1293       position: relative;
1294       top: 3px; }
1295     .radio label {
1296       font-size: 1.6rem;
1297       font-family: "Omnes-ECOMP-W02", Arial; }
1298
1299   .radio.inline {
1300     display: inline-block;
1301     margin-bottom: 10px;
1302     vertical-align: middle;
1303     margin-right: 10px; }
1304     .radio.inline:last-child {
1305       margin-right: 0; }
1306
1307   .radio-box {
1308     border: 1px solid #d2d2d2;
1309     border-radius: 8px; }
1310     .radio-box > [role="radio"] label {
1311       padding: 15px 15px 20px 15px;
1312       display: block;
1313       width: 100%; }
1314       .radio-box > [role="radio"] label .skin + span {
1315         top: 2px; }
1316     .radio-box > [role="radio"] + div {
1317       padding: 0 15px 15px 47px; }
1318     .radio-box > [aria-checked="false"] label > input {
1319       top: 15px;
1320       left: 15px; }
1321     .radio-box > [aria-checked="false"] label .skin {
1322       top: 15px;
1323       left: 15px; }
1324     .radio-box > [aria-checked="true"] label > input {
1325       top: 13px;
1326       left: 13px; }
1327     .radio-box > [aria-checked="true"] label .skin {
1328       top: 13px;
1329       left: 13px; }
1330
1331   .radio-box.active {
1332     border: 3px solid #0568ae; }
1333     .radio-box.active > [role="radio"] label {
1334       padding: 13px 14px 19px 13px; }
1335
1336   .checkbox {
1337     position: relative;
1338     min-height: 24px;
1339     font-family: "Omnes-ECOMP-W02", Arial;
1340     font-size: 1rem;
1341      }
1342     .checkbox input {
1343       -webkit-tap-highlight-color: transparent;
1344       height: 20px;
1345       margin-left: 20px;
1346       opacity: 0;
1347       outline: none;
1348       position: absolute;
1349       left: 1px;
1350       top: 1px;
1351       width: 10px; }
1352       .checkbox input:focus + .skin {
1353         border-color: #0568ae; }
1354         .checkbox input:focus + .skin:before {
1355           content: "";
1356           height: 34px;
1357           left: -6px;
1358           top: -6px;
1359           outline: 1px dotted #000000;
1360           position: absolute;
1361           width: 34px; }
1362       .checkbox input:checked:not(:disabled) + .skin {
1363         background-color: #0568ae;
1364         border-color: #0568ae; }
1365       .checkbox input:checked:disabled + .skin:after {
1366         color: #5A5A5A; }
1367       .checkbox input:checked + .skin:after {
1368         height: 20px;
1369         width: 10px;
1370         background-color: transparent;
1371         font-size: 23.4px;
1372         color: #FFFFFF;
1373         line-height: 21px; }
1374       .checkbox input:disabled + .skin {
1375         cursor: not-allowed;
1376         background-color: #d2d2d2;
1377         border-color: #d2d2d2;
1378         color: #666666; }
1379         .checkbox input:disabled + .skin + span {
1380           cursor: not-allowed;
1381           color: #666666; }
1382       .checkbox input:invalid + .skin {
1383         border: solid 1px #cf2a2a; }
1384       .checkbox input:indeterminate + .skin:after {
1385         background-color: transparent;
1386         font-size: 25px;
1387         color: #0574ac;
1388         content: "\e920"; }
1389     .checkbox .skin {
1390       background-color: #fff;
1391       border: 1px solid #d2d2d2;
1392       border-radius: 3px;
1393       display: inline-block;
1394       height: 24px;
1395       width: 24px;
1396       position: absolute;
1397       left: 0;
1398       top: 0; }
1399     .checkbox span {
1400       display: inline-block;
1401       margin-left: 34px;
1402       margin-top: 0;
1403       position: relative;
1404       top: 3px; }
1405     .checkbox label {
1406       font-size: 1.6rem;
1407       font-family: "Omnes-ECOMP-W02", Arial; }
1408     .checkbox input {
1409       z-index: 9999; }
1410     .checkbox input.indeterminate + .skin:after {
1411       font-size: 22px;
1412       color: #0568ae; }
1413
1414   .breadcrumb {
1415     padding: 10px 15px;
1416     height: 40px;
1417     list-style: none;
1418     border-bottom: 1px solid #d2d2d2;
1419     font-size: 1.2rem;
1420     width: 100%;
1421     z-index: 1000; }
1422
1423   .breadcrumb > li {
1424     position: relative;
1425     display: inline-block;
1426     margin-right: 15px; }
1427
1428   .breadcrumb > li:after {
1429     font-size: 8px;
1430     margin-right: 0;
1431     right: -8px;
1432     color: #333333; }
1433
1434   .breadcrumb > li:last-child {
1435     color: #333333; }
1436
1437   .breadcrumb > li:last-child:after {
1438     content: ""; }
1439
1440   .breadcrumb li > * {
1441     float: none !important;
1442     margin: 0; }
1443
1444   .breadcrumb {
1445     padding: 10px 15px !important; }
1446
1447   /* ARROW */
1448   /* spanish */
1449   .datepicker {
1450     background-color: #FFFFFF;
1451     padding: 0;
1452     border-radius: 5px;
1453     direction: ltr; }
1454     .datepicker > div {
1455       display: none; }
1456     .datepicker table {
1457       -webkit-touch-callout: none;
1458       -webkit-user-select: none;
1459       -moz-user-select: none;
1460       -ms-user-select: none;
1461       user-select: none;
1462       margin: 0 0 0 0; }
1463     .datepicker td {
1464       text-align: center;
1465       display: block;
1466       width: 30px;
1467       height: 30px;
1468       border: none; }
1469       .datepicker td span {
1470         display: block;
1471         width: 23%;
1472         height: 54px;
1473         line-height: 54px;
1474         float: left;
1475         margin: 1%;
1476         cursor: pointer;
1477         border-radius: 4px; }
1478         .datepicker td span:hover {
1479           background: #eeeeee; }
1480       .datepicker td span.disabled {
1481         background: none;
1482         color: #5A5A5A;
1483         cursor: default; }
1484         .datepicker td span.disabled:hover {
1485           background: none;
1486           color: #5A5A5A;
1487           cursor: default; }
1488       .datepicker td span.active {
1489         color: #FFFFFF;
1490         background-color: #0568ae;
1491         border-color: #357ebd; }
1492         .datepicker td span.active:hover {
1493           color: #FFFFFF;
1494           background-color: #0568ae;
1495           border-color: #357ebd; }
1496       .datepicker td span.active.disabled {
1497         color: #FFFFFF;
1498         background-color: #0568ae;
1499         border-color: #357ebd; }
1500     .datepicker th {
1501       text-align: center;
1502       display: block;
1503       width: 30px;
1504       height: 30px;
1505       border: none; }
1506     .datepicker tbody:focus {
1507       outline: none; }
1508     .datepicker td.day {
1509       background-color: transparent;
1510       color: #0568ae;
1511       cursor: pointer;
1512       font-family: "Omnes-ECOMP-W02-Medium", Arial;
1513       font-size: 16px;
1514       height: 34px;
1515       line-height: 30rem;
1516       margin: -2px -1px 0 0;
1517       overflow: hidden;
1518       text-align: center;
1519       width: 42px; }
1520     .datepicker:focus {
1521       outline: 1px dotted #191919;
1522       outline-offset: -2px; }
1523     .datepicker th[tabindex]:focus {
1524       outline-offset: -15px; }
1525     .datepicker td.day.focused {
1526       background: #ededed;
1527       cursor: pointer; }
1528     .datepicker td.day.focused.active {
1529       background-color: #ededed;
1530       color: #0568ae; }
1531     .datepicker td.disabled {
1532       font-family: "Omnes-ECOMP-W02", Arial;
1533       color: #5A5A5A;
1534       cursor: default; }
1535       .datepicker td.disabled:hover {
1536         font-family: "Omnes-ECOMP-W02", Arial;
1537         color: #5A5A5A;
1538         cursor: default; }
1539         .datepicker td.disabled:hover .show-date {
1540           font-family: "Omnes-ECOMP-W02", Arial;
1541           color: #5A5A5A; }
1542       .datepicker td.disabled .show-date {
1543         font-family: "Omnes-ECOMP-W02", Arial;
1544         color: #5A5A5A; }
1545     .datepicker td.today {
1546       color: #FFFFFF;
1547       background-color: #0568ae; }
1548       .datepicker td.today:hover {
1549         color: #FFFFFF;
1550         background-color: #0568ae;
1551         color: #FFFFFF;
1552         background-color: #0568ae; }
1553       .datepicker td.today:active {
1554         color: #FFFFFF;
1555         background-color: #0568ae; }
1556       .datepicker td.today:focus {
1557         color: #FFFFFF;
1558         background-color: #0568ae; }
1559     .datepicker td.today.disabled {
1560       color: #FFFFFF;
1561       background-color: #0568ae; }
1562     .datepicker td.today.active {
1563       color: #FFFFFF;
1564       background-color: #0568ae; }
1565       .datepicker td.today.active:hover {
1566         color: #FFFFFF; }
1567     .datepicker td.selected {
1568       color: #FFFFFF;
1569       background-color: #95959500; }
1570       .datepicker td.selected:hover {
1571         color: #FFFFFF;
1572         background-color: #95959500; }
1573     .datepicker td.selected.disabled {
1574       color: #FFFFFF;
1575       background-color: #95959500; }
1576     .datepicker td.active:not(.new) {
1577       color: #FFFFFF;
1578       border-color: #357ebd; }
1579       .datepicker td.active:not(.new) .show-date {
1580         color: #0568ae;
1581         font-family: "Omnes-ECOMP-W02-Medium", Arial; }
1582     .datepicker td.active:hover:not(.new) {
1583       color: #FFFFFF;
1584       border-color: #357ebd; }
1585       .datepicker td.active:hover:not(.new) .show-date {
1586         color: #0568ae;
1587         font-family: "Omnes-ECOMP-W02-Medium", Arial; }
1588     .datepicker .start-date .show-date {
1589       background-color: #0568ae;
1590       color: #FFFFFF !important;
1591       border-radius: 5px 0 0 5px;
1592       z-index: 1; }
1593       .datepicker .start-date .show-date:before {
1594         background-color: #0568ae;
1595         content: "";
1596         display: block;
1597         height: 26px;
1598         left: 20px;
1599         position: absolute;
1600         width: 100%;
1601         z-index: -1; }
1602     .datepicker .between-date .show-date {
1603       background-color: #0568ae;
1604       color: #FFFFFF !important; }
1605       .datepicker .between-date .show-date:before {
1606         background-color: #0568ae;
1607         content: "";
1608         display: block;
1609         height: 26px;
1610         left: 0;
1611         position: absolute;
1612         width: 100%;
1613         z-index: -1; }
1614     .datepicker .between-date:first-child .show-date:before {
1615       background-color: #FFFFFF;
1616       content: "";
1617       height: 26px;
1618       position: absolute;
1619       left: 0;
1620       width: 8px; }
1621     .datepicker .end-date .show-date {
1622       background-color: #0568ae;
1623       color: #FFFFFF !important;
1624       border-radius: 0 5px 5px 0; }
1625       .datepicker .end-date .show-date:before {
1626         background-color: #0568ae;
1627         content: "";
1628         display: block;
1629         height: 26px;
1630         left: -20px;
1631         position: absolute;
1632         width: 100%;
1633         z-index: -1; }
1634     .datepicker .end-date:first-child .show-date:after {
1635       background-color: #FFFFFF;
1636       content: "";
1637       height: 26px;
1638       position: absolute;
1639       left: 0;
1640       width: 8px; }
1641     .datepicker .end-date:first-child .show-date::before {
1642       background-color: #FFFFFF; }
1643     .datepicker tr td.start-date:last-child .show-date:after {
1644       background-color: #FFFFFF;
1645       content: "";
1646       height: 26px;
1647       position: absolute;
1648       right: 0;
1649       width: 8px; }
1650     .datepicker tr td.start-date:last-child:focus .show-date:after {
1651       height: 30px;
1652       width: 30px;
1653       background-color: transparent; }
1654     .datepicker tr td.start-date:first-child:focus .show-date:after {
1655       height: 30px;
1656       width: 30px;
1657       background-color: transparent; }
1658     .datepicker tr td.between-date:last-child .show-date:after {
1659       background-color: #FFFFFF;
1660       content: "";
1661       height: 26px;
1662       position: absolute;
1663       right: 0;
1664       width: 8px; }
1665     .datepicker tr td.between-date:last-child:focus .show-date:after {
1666       height: 30px;
1667       width: 30px;
1668       background-color: transparent; }
1669     .datepicker tr td.between-date:first-child:focus .show-date:after {
1670       height: 30px;
1671       width: 30px;
1672       background-color: transparent; }
1673     .datepicker tr td.end-date:last-child:focus .show-date:after {
1674       height: 30px;
1675       width: 30px;
1676       background-color: transparent; }
1677     .datepicker tr td.end-date:first-child:focus .show-date:after {
1678       height: 30px;
1679       width: 30px;
1680       background-color: transparent; }
1681     .datepicker th.datepicker-switch {
1682       width: 198px;
1683       font-size: 20px;
1684       font-weight: normal;
1685       cursor: default !important; }
1686     .datepicker thead tr:first-child th {
1687       cursor: pointer;
1688       height: 60px;
1689       line-height: 60px; }
1690     .datepicker thead tr:first-child th.cw {
1691       cursor: default;
1692       background-color: transparent; }
1693     .datepicker tfoot tr th {
1694       cursor: pointer;
1695       height: 60px;
1696       line-height: 60px;
1697       height: auto;
1698       line-height: normal; }
1699       .datepicker tfoot tr th li {
1700         margin-bottom: 5px; }
1701     .datepicker .prev {
1702       color: transparent;
1703       font-size: 0;
1704       margin: 0 -1px -1px 0;
1705       width: 46px; }
1706       .datepicker .prev i {
1707         color: #0568ae;
1708         position: absolute;
1709         font-size: 27px;
1710         margin: 0;
1711         top: 15px;
1712         left: 8px; }
1713     .datepicker .next {
1714       color: transparent;
1715       font-size: 0;
1716       margin: 0 -1px -1px 0;
1717       width: 46px; }
1718       .datepicker .next i {
1719         color: #0568ae;
1720         position: absolute;
1721         font-size: 27px;
1722         margin: 0;
1723         top: 15px;
1724         right: 8px; }
1725     .datepicker .cw {
1726       font-size: 5px;
1727       width: 12px;
1728       padding: 0 2px 0 5px;
1729       vertical-align: middle; }
1730     .datepicker .due-date .show-date {
1731       font-family: "Omnes-ECOMP-W02-Medium", Arial;
1732       background-color: #cf2a2a;
1733       border-radius: 5px;
1734       color: #FFFFFF !important; }
1735     .datepicker .day.active .show-date:after {
1736       border: 2px solid #0568ae;
1737       border-radius: 7px;
1738       content: "";
1739       display: block;
1740       height: 30px;
1741       left: 4px;
1742       position: absolute;
1743       top: 0;
1744       width: 30px; }
1745     .datepicker .day:focus .show-date:after {
1746       border: 2px solid #0568ae;
1747       border-radius: 7px;
1748       content: "";
1749       display: block;
1750       height: 30px;
1751       left: 4px;
1752       position: absolute;
1753       top: 0;
1754       width: 30px;
1755       height: 30px;
1756       left: 4px;
1757       top: 0;
1758       width: 30px; }
1759     .datepicker .due-date.disabled .show-date:after {
1760       border: 2px solid #0568ae;
1761       border-radius: 7px;
1762       content: "";
1763       display: block;
1764       height: 30px;
1765       left: 4px;
1766       position: absolute;
1767       top: 0;
1768       width: 30px; }
1769     .datepicker .day.due-date:focus .show-date:after {
1770       height: 30px;
1771       left: 4px;
1772       top: 0;
1773       width: 30px; }
1774     .datepicker .due-date.old:after {
1775       visibility: hidden; }
1776     .datepicker .due-date.new:after {
1777       visibility: hidden; }
1778     .datepicker .due-date.active:after {
1779       border-color: #FFFFFF; }
1780     .datepicker .due-date.active.focused {
1781       color: #0568ae !important; }
1782       .datepicker .due-date.active.focused:after {
1783         border-color: #cf2a2a !important; }
1784     .datepicker .dow {
1785       height: 24px;
1786       width: 42px;
1787       font-weight: normal;
1788       position: relative;
1789       overflow: hidden;
1790       color: transparent;
1791       letter-spacing: -6px;
1792       margin: 0 -1px -1px 0; }
1793       .datepicker .dow span[aria-hidden="true"] {
1794         bottom: 0;
1795         color: #5A5A5A;
1796         display: block;
1797         left: 1px;
1798         letter-spacing: 0;
1799         line-height: .9;
1800         margin: 0 auto;
1801         padding: 0;
1802         position: relative;
1803         width: 22px; }
1804     .datepicker .calendar-legend {
1805       margin-top: 3px;
1806       margin-bottom: 20px; }
1807       .datepicker .calendar-legend li {
1808         font-size: 1.4rem;
1809         font-weight: normal;
1810         margin-bottom: 5px;
1811         padding-left: 10px;
1812         padding-top: 5px;
1813         position: relative; }
1814     .datepicker i.legend-due-date {
1815       background-color: #cf2a2a;
1816       border-radius: 5px;
1817       height: 18px;
1818       width: 18px;
1819       margin-right: 8px;
1820       vertical-align: middle;
1821       display: inline-block; }
1822     .datepicker i.legend-selected-date {
1823       background-color: #FFFFFF;
1824       border: 2px solid #0568ae;
1825       border-radius: 5px;
1826       height: 18px;
1827       width: 18px;
1828       margin-right: 8px;
1829       vertical-align: middle;
1830       display: inline-block; }
1831     .datepicker i.legend-selectedisdue {
1832       background-color: #FFFFFF;
1833       border: 2px solid #0568ae;
1834       border-radius: 5px;
1835       display: inline-block;
1836       height: 18px;
1837       margin-right: 8px;
1838       position: relative;
1839       vertical-align: middle;
1840       width: 18px; }
1841       .datepicker i.legend-selectedisdue:after {
1842         background-color: #cf2a2a;
1843         border-radius: 3px;
1844         content: "";
1845         display: block;
1846         height: 10px;
1847         left: 2px;
1848         position: absolute;
1849         top: 2px;
1850         width: 10px; }
1851     .datepicker .text-left {
1852       width: 100%; }
1853     .datepicker .active.old {
1854       background-color: #ededed !important;
1855       color: #ededed !important; }
1856
1857   .datepicker-inline {
1858     width: 220px; }
1859
1860   .datepicker.datepicker-rtl {
1861     direction: rtl; }
1862     .datepicker.datepicker-rtl td span {
1863       float: right; }
1864
1865   .datepicker-dropdown {
1866     top: 0;
1867     left: 0; }
1868     .datepicker-dropdown:before {
1869       content: " ";
1870       display: inline-block;
1871       border-left: 10px solid transparent;
1872       border-right: 10px solid transparent;
1873       border-bottom: 10px solid #d2d2d2;
1874       border-top: 0;
1875       border-bottom-color: rgba(0, 0, 0, 0.2);
1876       position: absolute; }
1877     .datepicker-dropdown:after {
1878       content: " ";
1879       display: inline-block;
1880       border-left: 10px solid transparent;
1881       border-right: 10px solid transparent;
1882       border-bottom: 10px solid #fff;
1883       border-top: 0;
1884       position: absolute; }
1885
1886   .datepicker-dropdown.datepicker-orient-left:before {
1887     left: 16px; }
1888
1889   .datepicker-dropdown.datepicker-orient-left:after {
1890     left: 16px; }
1891
1892   .datepicker-dropdown.datepicker-orient-right:before {
1893     right: 16px; }
1894
1895   .datepicker-dropdown.datepicker-orient-right:after {
1896     right: 16px; }
1897
1898   .datepicker-dropdown.datepicker-orient-top:before {
1899     top: -10px; }
1900
1901   .datepicker-dropdown.datepicker-orient-top:after {
1902     top: -9px; }
1903
1904   .datepicker-dropdown.datepicker-orient-bottom:before {
1905     bottom: -7px;
1906     border-bottom: 0;
1907     border-top: 7px solid #959595; }
1908
1909   .datepicker-dropdown.datepicker-orient-bottom:after {
1910     bottom: -6px;
1911     border-bottom: 0;
1912     border-top: 6px solid #fff; }
1913
1914   .datepicker.days div.datepicker-days {
1915     display: block; }
1916
1917   .datepicker.months div.datepicker-months {
1918     display: block; }
1919
1920   .datepicker.years div.datepicker-years {
1921     display: block; }
1922
1923   .show-date {
1924     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1925     color: #0568ae;
1926     height: 26px;
1927     line-height: 26px;
1928     margin: 4px auto 0;
1929     width: 26px; }
1930
1931   .input-group.date .input-group-addon i {
1932     cursor: pointer;
1933     width: 16px;
1934     height: 16px; }
1935
1936   .datepicker.dropdown-menu {
1937     box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
1938     position: absolute;
1939     top: 100%;
1940     left: 0;
1941     float: left;
1942     display: none;
1943     margin-top: 13px;
1944     width: 290px;
1945     list-style: none;
1946     background-color: #FFFFFF;
1947     border: 1px solid #d2d2d2;
1948     border: 1px solid rgba(0, 0, 0, 0.2);
1949     border-radius: 5px;
1950     color: #333333;
1951     font-size: 13px;
1952     line-height: 1.428571429;
1953     z-index: 1050; }
1954     .datepicker.dropdown-menu th {
1955       display: block;
1956       float: left;
1957       padding: 0;
1958       position: relative; }
1959     .datepicker.dropdown-menu td {
1960       display: block;
1961       float: left;
1962       padding: 0;
1963       position: relative; }
1964
1965   .s {
1966     display: block;
1967     height: 20px;
1968     width: 12px;
1969     margin: 0 auto;
1970     background-color: #FFFFFF;
1971     background-repeat: no-repeat;
1972     background-position: -62px 0; }
1973
1974   .m {
1975     display: block;
1976     height: 20px;
1977     width: 12px;
1978     margin: 0 auto;
1979     background-color: #FFFFFF;
1980     background-repeat: no-repeat;
1981     background-position: -5px 0; }
1982
1983   .t {
1984     display: block;
1985     height: 20px;
1986     width: 12px;
1987     margin: 0 auto;
1988     background-color: #FFFFFF;
1989     background-repeat: no-repeat;
1990     background-position: -19px 0; }
1991
1992   .w {
1993     display: block;
1994     height: 20px;
1995     width: 12px;
1996     margin: 0 auto;
1997     background-color: #FFFFFF;
1998     background-repeat: no-repeat;
1999     background-position: -34px 0; }
2000
2001   .f {
2002     display: block;
2003     height: 20px;
2004     width: 12px;
2005     margin: 0 auto;
2006     background-color: #FFFFFF;
2007     background-repeat: no-repeat;
2008     background-position: -49px 0; }
2009
2010   .d {
2011     display: block;
2012     height: 20px;
2013     width: 12px;
2014     margin: 0 auto;
2015     background-color: #FFFFFF;
2016     background-repeat: no-repeat;
2017     background-position: 0 0; }
2018
2019   .l {
2020     display: block;
2021     height: 20px;
2022     width: 12px;
2023     margin: 0 auto;
2024     background-color: #FFFFFF;
2025     background-repeat: no-repeat;
2026     background-position: 0 0; }
2027
2028   .v {
2029     display: block;
2030     height: 20px;
2031     width: 12px;
2032     margin: 0 auto;
2033     background-color: #FFFFFF;
2034     background-repeat: no-repeat;
2035     background-position: 0 0; }
2036
2037   .j {
2038     display: block;
2039     height: 20px;
2040     width: 12px;
2041     margin: 0 auto;
2042     background-color: #FFFFFF;
2043     background-repeat: no-repeat;
2044     background-position: 0 0; }
2045
2046   .datepicker {
2047     background-color: #fff;
2048     padding: 0;
2049     border-radius: 5px;
2050     direction: ltr; }
2051
2052   .datepicker-inline {
2053     width: 220px; }
2054
2055   .datepicker.datepicker-rtl {
2056     direction: rtl; }
2057
2058   .datepicker.datepicker-rtl td span {
2059     float: right; }
2060
2061   .datepicker-dropdown {
2062     top: 0;
2063     left: 0; }
2064
2065   /* ARROW */
2066   .datepicker-dropdown:before {
2067     content: " ";
2068     display: inline-block;
2069     border-left: 10px solid transparent;
2070     border-right: 10px solid transparent;
2071     border-bottom: 10px solid #d2d2d2;
2072     border-top: 0;
2073     border-bottom-color: rgba(0, 0, 0, 0.2);
2074     position: absolute; }
2075
2076   .datepicker-dropdown:after {
2077     content: " ";
2078     display: inline-block;
2079     border-left: 10px solid transparent;
2080     border-right: 10px solid transparent;
2081     border-bottom: 10px solid #fff;
2082     border-top: 0;
2083     position: absolute; }
2084
2085   .datepicker-dropdown.datepicker-orient-left:before,
2086   .datepicker-dropdown.datepicker-orient-left:after {
2087     left: 255px; }
2088
2089   .datepicker-dropdown.datepicker-orient-right:before,
2090   .datepicker-dropdown.datepicker-orient-right:after {
2091     right: 16px; }
2092
2093   .datepicker-dropdown.datepicker-orient-top:before {
2094     top: -10px; }
2095
2096   .datepicker-dropdown.datepicker-orient-top:after {
2097     top: -9px; }
2098
2099   .datepicker-dropdown.datepicker-orient-bottom:before {
2100     bottom: -7px;
2101     border-bottom: 0;
2102     border-top: 7px solid #959595; }
2103
2104   .datepicker-dropdown.datepicker-orient-bottom:after {
2105     bottom: -6px;
2106     border-bottom: 0;
2107     border-top: 6px solid #fff; }
2108
2109   .datepicker > div {
2110     display: none; }
2111
2112   .datepicker.days div.datepicker-days {
2113     display: block; }
2114
2115   .datepicker.months div.datepicker-months {
2116     display: block; }
2117
2118   .datepicker.years div.datepicker-years {
2119     display: block; }
2120
2121   .datepicker table {
2122     -webkit-touch-callout: none;
2123     -webkit-user-select: none;
2124     -khtml-user-select: none;
2125     -moz-user-select: none;
2126     -ms-user-select: none;
2127     user-select: none;
2128     margin: 0 0 0 0; }
2129
2130   .datepicker td,
2131   .datepicker th {
2132     text-align: center;
2133     display: block;
2134     width: 30px;
2135     height: 30px;
2136     border: none; }
2137
2138   .datepicker tbody :focus {
2139     outline: none; }
2140
2141   .datepicker td.day {
2142     background-color: transparent;
2143     color: #0568ae;
2144     cursor: pointer;
2145     font-family: "Omnes-ECOMP-W02-Medium", Arial;
2146     font-size: 16px;
2147     height: 34px;
2148     line-height: 30rem;
2149     margin: -2px -1px 0 0;
2150     overflow: hidden;
2151     text-align: center;
2152     width: 42px; }
2153
2154   .datepicker :focus {
2155     outline: 1px dotted #000;
2156     outline-offset: -2px; }
2157
2158   .datepicker td.day.focused {
2159     background: #ededed;
2160     cursor: pointer; }
2161
2162   .datepicker td.day.focused.active {
2163     background-color: #ededed;
2164     color: #0568ae; }
2165
2166   .datepicker td.disabled,
2167   .datepicker td.disabled:hover {
2168     font-family: "Omnes-ECOMP-W02", Arial;
2169     color: #5a5a5a;
2170     cursor: default; }
2171
2172   .datepicker td.today,
2173   .datepicker td.today:hover,
2174   .datepicker td.today.disabled {
2175     color: #fff;
2176     background-color: #0568ae; }
2177
2178   .datepicker td.today.active,
2179   .datepicker td.today:active,
2180   .datepicker td.today:hover,
2181   .datepicker td.today:focus {
2182     color: #fff;
2183     background-color: #0568ae; }
2184
2185   .datepicker td.today.active:hover {
2186     color: #fff; }
2187
2188   .datepicker td.selected,
2189   .datepicker td.selected:hover,
2190   .datepicker td.selected.disabled {
2191     color: #ffffff;
2192     background-color: #959595; }
2193
2194   .datepicker td.active:not(.new),
2195   .datepicker td.active:hover:not(.new) {
2196     color: #ffffff;
2197     border-color: #357ebd; }
2198
2199   .show-date {
2200     font-family: "Omnes-ECOMP-W02-Medium", Arial;
2201     color: #0568ae;
2202     height: 26px;
2203     line-height: 26px;
2204     margin: 4px auto 0;
2205     width: 26px; }
2206
2207   .datepicker .start-date .show-date,
2208   .datepicker .between-date .show-date,
2209   .datepicker .end-date .show-date {
2210     background-color: #0568ae;
2211     color: #fff !important; }
2212
2213   .datepicker .start-date .show-date {
2214     border-radius: 5px 0 0 5px;
2215     z-index: 1; }
2216
2217   .datepicker .start-date .show-date:before {
2218     background-color: #0568ae;
2219     content: "";
2220     display: block;
2221     height: 26px;
2222     left: 20px;
2223     position: absolute;
2224     width: 100%;
2225     z-index: -1; }
2226
2227   .datepicker .between-date .show-date:before {
2228     background-color: #0568ae;
2229     content: "";
2230     display: block;
2231     height: 26px;
2232     left: 0;
2233     position: absolute;
2234     width: 100%;
2235     z-index: -1; }
2236
2237   .datepicker .end-date .show-date {
2238     border-radius: 0 5px 5px 0; }
2239
2240   .datepicker .end-date .show-date:before {
2241     background-color: #0568ae;
2242     content: "";
2243     display: block;
2244     height: 26px;
2245     left: -20px;
2246     position: absolute;
2247     width: 100%;
2248     z-index: -1; }
2249
2250   .datepicker .between-date:first-child .show-date:before {
2251     background-color: #fff;
2252     content: "";
2253     height: 26px;
2254     position: absolute;
2255     left: 0;
2256     width: 8px; }
2257
2258   .datepicker .end-date:first-child .show-date:after {
2259     background-color: #fff;
2260     content: "";
2261     height: 26px;
2262     position: absolute;
2263     left: 0;
2264     width: 8px; }
2265
2266   .datepicker .end-date:first-child .show-date::before {
2267     background-color: #fff; }
2268
2269   .datepicker tr td.start-date:last-child .show-date:after,
2270   .datepicker tr td.between-date:last-child .show-date:after {
2271     background-color: #fff;
2272     content: "";
2273     height: 26px;
2274     position: absolute;
2275     right: 0;
2276     width: 8px; }
2277
2278   .datepicker tr td.start-date:last-child:focus .show-date:after,
2279   .datepicker tr td.end-date:last-child:focus .show-date:after,
2280   .datepicker tr td.between-date:last-child:focus .show-date:after,
2281   .datepicker tr td.start-date:first-child:focus .show-date:after,
2282   .datepicker tr td.end-date:first-child:focus .show-date:after,
2283   .datepicker tr td.between-date:first-child:focus .show-date:after {
2284     height: 30px;
2285     width: 30px;
2286     background-color: transparent; }
2287
2288   .datepicker td.active:not(.new) .show-date,
2289   .datepicker td.active:hover:not(.new) .show-date {
2290     color: #0568ae;
2291     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
2292
2293   .datepicker td.disabled .show-date,
2294   .datepicker td.disabled:hover .show-date {
2295     font-family: "Omnes-ECOMP-W02", Arial;
2296     color: #5a5a5a; }
2297
2298   .datepicker td span {
2299     display: block;
2300     width: 23%;
2301     height: 54px;
2302     line-height: 54px;
2303     float: left;
2304     margin: 1%;
2305     cursor: pointer;
2306     border-radius: 4px; }
2307
2308   .datepicker td span:hover {
2309     background: #eeeeee; }
2310
2311   .datepicker td span.disabled,
2312   .datepicker td span.disabled:hover {
2313     background: none;
2314     color: #5a5a5a;
2315     cursor: default; }
2316
2317   .datepicker td span.active,
2318   .datepicker td span.active:hover,
2319   .datepicker td span.active.disabled {
2320     color: #ffffff;
2321     background-color: #0568ae;
2322     border-color: #357ebd; }
2323
2324   .datepicker th.datepicker-switch {
2325     width: 198px;
2326     font-size: 20px;
2327     font-weight: normal;
2328     cursor: default !important; }
2329
2330   .datepicker thead tr:first-child th,
2331   .datepicker tfoot tr th {
2332     cursor: pointer;
2333     height: 60px;
2334     line-height: 60px; }
2335
2336   .datepicker tfoot tr th {
2337     height: auto;
2338     line-height: normal; }
2339
2340   .datepicker tfoot tr th li {
2341     margin-bottom: 5px; }
2342
2343   .datepicker .prev,
2344   .datepicker .next {
2345     color: transparent;
2346     font-size: 0;
2347     margin: 0 -1px -1px 0;
2348     width: 46px; }
2349
2350   .datepicker .prev i,
2351   .datepicker .next i {
2352     color: #0568ae;
2353     position: absolute;
2354     font-size: 27px;
2355     margin: 0;
2356     top: 15px; }
2357
2358   .datepicker .prev i {
2359     left: 8px; }
2360
2361   .datepicker .next i {
2362     right: 8px; }
2363
2364   .datepicker .cw {
2365     font-size: 5px;
2366     width: 12px;
2367     padding: 0 2px 0 5px;
2368     vertical-align: middle; }
2369
2370   .datepicker thead tr:first-child th.cw {
2371     cursor: default;
2372     background-color: transparent; }
2373
2374   .input-group.date .input-group-addon i {
2375     cursor: pointer;
2376     width: 16px;
2377     height: 16px; }
2378
2379   .datepicker.dropdown-menu {
2380     box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
2381     position: absolute;
2382     top: 100%;
2383     left: 0;
2384     float: left;
2385     display: none;
2386     margin-top: 13px;
2387     width: 290px;
2388     list-style: none;
2389     background-color: #ffffff;
2390     border: 1px solid #d2d2d2;
2391     border: 1px solid rgba(0, 0, 0, 0.2);
2392     border-radius: 5px;
2393     color: #333333;
2394     font-size: 13px;
2395     line-height: 1.428571429;
2396     z-index: 1050; }
2397
2398   .datepicker.dropdown-menu th,
2399   .datepicker.dropdown-menu td {
2400     display: block;
2401     float: left;
2402     padding: 0;
2403     position: relative; }
2404
2405   .datepicker .due-date .show-date {
2406     font-family: "Omnes-ECOMP-W02-Medium", Arial;
2407     background-color: #cf2a2a;
2408     border-radius: 5px;
2409     color: #fff !important; }
2410
2411   .datepicker .day.active .show-date:after,
2412   .datepicker .day:focus .show-date:after,
2413   .datepicker .due-date.disabled .show-date:after {
2414     border: 2px solid #0568ae;
2415     border-radius: 7px;
2416     content: "";
2417     display: block;
2418     height: 30px;
2419     left: 4px;
2420     position: absolute;
2421     top: 0;
2422     width: 30px; }
2423
2424   .datepicker .day:focus .show-date:after {
2425     height: 30px;
2426     left: 4px;
2427     top: 0;
2428     width: 30px; }
2429
2430   .datepicker .day.due-date:focus .show-date:after {
2431     height: 30px;
2432     left: 4px;
2433     top: 0;
2434     width: 30px; }
2435
2436   .datepicker .due-date.old:after,
2437   .datepicker .due-date.new:after {
2438     visibility: hidden; }
2439
2440   .datepicker .due-date.active:after {
2441     border-color: #fff; }
2442
2443   .datepicker .due-date.active.focused {
2444     color: #0568ae !important; }
2445
2446   .datepicker .due-date.active.focused:after {
2447     border-color: #cf2a2a !important; }
2448
2449   .datepicker .dow {
2450     height: 24px;
2451     width: 42px;
2452     font-weight: normal;
2453     position: relative;
2454     overflow: hidden;
2455     color: transparent;
2456     letter-spacing: -6px;
2457     margin: 0 -1px -1px 0; }
2458
2459   .datepicker .dow span[aria-hidden="true"] {
2460     bottom: 0;
2461     color: #5a5a5a;
2462     display: block;
2463     left: 1px;
2464     letter-spacing: 0;
2465     line-height: .9;
2466     margin: 0 auto;
2467     padding: 0;
2468     position: relative;
2469     width: 22px; }
2470
2471   .datepicker .calendar-legend {
2472     margin-top: 3px;
2473     margin-bottom: 20px; }
2474
2475   .datepicker .calendar-legend li {
2476     font-size: 1.4rem;
2477     font-weight: normal;
2478     margin-bottom: 5px;
2479     padding-left: 10px;
2480     padding-top: 5px;
2481     position: relative; }
2482
2483   .datepicker i.legend-due-date {
2484     background-color: #cf2a2a;
2485     border-radius: 5px;
2486     height: 18px;
2487     width: 18px;
2488     margin-right: 8px;
2489     vertical-align: middle;
2490     display: inline-block; }
2491
2492   .datepicker i.legend-selected-date {
2493     background-color: #fff;
2494     border: 2px solid #0568ae;
2495     border-radius: 5px;
2496     height: 18px;
2497     width: 18px;
2498     margin-right: 8px;
2499     vertical-align: middle;
2500     display: inline-block; }
2501
2502   .datepicker i.legend-selectedisdue {
2503     background-color: #fff;
2504     border: 2px solid #0568ae;
2505     border-radius: 5px;
2506     display: inline-block;
2507     height: 18px;
2508     margin-right: 8px;
2509     position: relative;
2510     vertical-align: middle;
2511     width: 18px; }
2512
2513   .datepicker i.legend-selectedisdue:after {
2514     background-color: #cf2a2a;
2515     border-radius: 3px;
2516     content: "";
2517     display: block;
2518     height: 10px;
2519     left: 2px;
2520     position: absolute;
2521     top: 2px;
2522     width: 10px; }
2523
2524   .datepicker .text-left {
2525     width: 100%; }
2526
2527   .datepicker .active.old {
2528     background-color: #ededed !important;
2529     color: #ededed !important; }
2530
2531   .s,
2532   .m,
2533   .t,
2534   .w,
2535   .f,
2536   .d,
2537   .l,
2538   .v,
2539   .j {
2540     display: block;
2541     height: 20px;
2542     width: 12px;
2543     margin: 0 auto;
2544     background-color: white;
2545     background-repeat: no-repeat; }
2546
2547   .s {
2548     background-position: -62px 0; }
2549
2550   .m {
2551     background-position: -5px 0; }
2552
2553   .t {
2554     background-position: -19px 0; }
2555
2556   .w {
2557     background-position: -34px 0; }
2558
2559   .f {
2560     background-position: -49px 0; }
2561
2562   /* spanish */
2563   .d {
2564     background-position: 0 0; }
2565
2566   .l {
2567     background-position: 0 0; }
2568
2569   .v {
2570     background-position: 0 0; }
2571
2572   .j {
2573     background-position: 0 0; }
2574
2575   .datepicker-container {
2576     position: relative; }
2577
2578   .btn-calendar-icon:focus .icon-primary-calendar {
2579     outline: 1px dotted #191919; }
2580
2581   .btn-calendar-icon:focus {
2582     outline: none; }
2583
2584   /* remove focus outline when dropdown is opened */
2585   /*resolve blue focus outline over dropdown with error*/
2586   select {
2587     margin-right: -1;
2588
2589     height: 36px;
2590     line-height: 25px;
2591
2592     background-color: #95959521; }
2593
2594   .selectWrap.disabled .icon-primary-down {
2595     color: #d6d6d6; }
2596
2597   .selectWrap.disabled input.awd-select {
2598     z-index: 0;
2599     padding: 10px 45px 10px 15px;
2600     text-indent: 0; }
2601
2602   .selectWrap.disabled button.awd-select {
2603     z-index: 0;
2604     text-indent: 15px; }
2605
2606   .selectWrap.disabled:after {
2607     color: #5A5A5A;
2608     cursor: not-allowed; }
2609
2610   input.awd-select {
2611     background-color: transparent;
2612     border: 1px solid #d2d2d2;
2613     border-radius: 6px;
2614     box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
2615     color: #333333;
2616     display: block;
2617     font-family: "Omnes-ECOMP-W02", Arial;
2618     /*font-size: 1.6rem;*/
2619     height: 36px;
2620     line-height: 0;
2621     margin-bottom: 0;
2622     position: relative;
2623     text-align: left;
2624     top: 0;
2625     width: 100%;
2626     z-index: 10;
2627     padding: 12px 45px 8px 15px;
2628     user-select: none; }
2629     input.awd-select:focus {
2630       border-color: #0568ae !important;
2631       text-overflow: ellipsis;
2632       padding-right: 45px; }
2633
2634   button.awd-select {
2635     background-color: transparent;
2636     border: 1px solid #d2d2d2;
2637     border-radius: 6px;
2638     box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
2639     color: #333333;
2640     display: block;
2641     font-family: "Omnes-ECOMP-W02", Arial;
2642     /*font-size: 1.6rem;*/
2643     height: 36px;
2644     line-height: 36px;
2645     margin-bottom: 0;
2646     position: relative;
2647     text-align: left;
2648     top: 0;
2649     width: 100%;
2650     z-index: 10; }
2651     button.awd-select:not(.large) {
2652       text-indent: 15px;
2653       white-space: nowrap;
2654       overflow: hidden;
2655       text-overflow: clip;
2656       text-overflow: ellipsis; }
2657     button.awd-select img {
2658       height: 26px;
2659       margin-right: 7px;
2660       margin-top: -10px;
2661       position: relative;
2662       top: 2px;
2663       vertical-align: text-bottom; }
2664     button.awd-select:focus {
2665       border-color: #0568ae !important; }
2666     button.awd-select i {
2667       font-size: 23px;
2668       position: absolute;
2669       right: 33px;
2670       top: 5px;
2671       z-index: 1000; }
2672
2673   button.awd-select.large {
2674     align-items: center;
2675     display: flex;
2676     height: 60px;
2677     line-height: 20px;
2678     overflow: hidden;
2679     padding-left: 70px;
2680     vertical-align: middle; }
2681     button.awd-select.large img {
2682       height: 40px;
2683       left: 20px;
2684       position: absolute;
2685       top: 20px;
2686       width: 40px; }
2687
2688   .selectWrap.large {
2689     height: 60px; }
2690     .selectWrap.large .awd-select-list-item {
2691       align-items: center;
2692       display: flex;
2693       height: 60px;
2694       line-height: 20px;
2695       overflow: hidden;
2696       padding-left: 70px;
2697       vertical-align: middle; }
2698       .selectWrap.large .awd-select-list-item img {
2699         height: 40px;
2700         left: 20px;
2701         position: absolute;
2702         top: 20px;
2703         width: 40px;
2704         top: 10px; }
2705
2706         .inputWrap {
2707     border-radius: 6px;
2708     position: relative;
2709     height: 36px;
2710     line-height: 44px;
2711     display: block;
2712     margin: 0;
2713     }
2714
2715   button.awd-select.active {
2716     border-radius: 6px 6px 0 0; }
2717     button.awd-select.active:focus {
2718       border-color: #d2d2d2 !important; }
2719
2720   input.awd-select.active {
2721     border-radius: 6px 6px 0 0; }
2722     input.awd-select.active:focus {
2723       border-color: #d2d2d2 !important; }
2724
2725   .selectWrapper {
2726     position: relative; }
2727
2728   span.selectWrap input[readonly]:focus {
2729     color: transparent;
2730     text-shadow: 0 0 0 #000; }
2731
2732   .isIE.ds2-no-colors .awd-select:focus {
2733     outline: 1px dashed transparent; }
2734
2735   .awd-select-list {
2736     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
2737     border-radius: 0 0 6px 6px;
2738     position: absolute;
2739     border: 1px solid #d2d2d2;
2740     border-top: 0;
2741     padding: 0;
2742     background-color: #f2f2f2;
2743     z-index: 1000;
2744     width: 100%;
2745     max-height: 320px;
2746     overflow-y: auto; }
2747
2748   .awd-select-list-item {
2749     cursor: pointer;
2750     height: 100%;
2751     min-height: 36px;
2752     line-height: 20px;
2753     overflow: hidden;
2754     padding: 8px 15px;
2755     position: relative;
2756     z-index: 1000; }
2757     .awd-select-list-item:hover {
2758       cursor: pointer;
2759       background-color: #d2d2d2;
2760       outline: 1px dashed transparent; }
2761     .awd-select-list-item:focus {
2762       cursor: pointer;
2763       background-color: #d2d2d2;
2764       outline: 1px dashed transparent; }
2765     .awd-select-list-item img {
2766       margin-top: 0;
2767       margin-right: 7px;
2768       height: 26px;
2769       width: 26px; }
2770
2771   .selectWrap {
2772     border-radius: 6px;
2773     position: relative;
2774     height: 36px;
2775     line-height: 28px;
2776     display: block;
2777     margin: 0;
2778     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
2779     background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
2780     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
2781     .selectWrap:not(.large) .awd-select-list-item:first-child {
2782       margin-top: 15px; }
2783     .selectWrap:not(.large) .awd-select-list-item:last-child {
2784       margin-bottom: 15px; }
2785     .selectWrap .icon-primary-down {
2786       font-size: 23px;
2787       margin-top: -11px;
2788       position: absolute;
2789       right: 4px;
2790       top: 50%; }
2791     .selectWrap + [aria-expanded="true"] {
2792       padding-bottom: 9px;
2793       padding-top: 20px; }
2794
2795   .awd-select-list-item[data-hover="true"] {
2796     background-color: #d2d2d2; }
2797
2798   span input.awd-select {
2799     width: 100%;
2800     cursor: pointer;
2801     text-overflow: ellipsis;
2802     padding-right: 45px; }
2803
2804   li.optgroup-wrapper {
2805     font-family: "Omnes-ECOMP-W02-Medium", Arial;
2806     cursor: default !important;
2807     padding: 0px 15px; }
2808     li.optgroup-wrapper:first-child {
2809       padding-top: 10px; }
2810     li.optgroup-wrapper:hover {
2811       background-color: #f2f2f2; }
2812
2813   ul.optgroup {
2814     font-family: "Omnes-ECOMP-W02", Arial;
2815     cursor: pointer !important;
2816     margin: 0 -15px; }
2817     ul.optgroup li {
2818       padding: 0 0 0 33px; }
2819
2820   label + .selectWrap {
2821     margin-top: 4px; }
2822
2823   .group .selectWrap {
2824     margin: 0 0 10px 0; }
2825
2826   select.awd-select {
2827     position: relative;
2828     top: 0;
2829     left: 0;
2830     font-size: 16px;
2831     z-index: 1010;
2832     height: 33px;
2833     min-width: 100%;
2834     opacity: 0.01; }
2835     select.awd-select > optgroup {
2836       padding-left: 8px;
2837       font-style: normal;
2838       margin-top: 10px; }
2839       select.awd-select > optgroup:first-child {
2840         margin-top: 0; }
2841       select.awd-select > optgroup > option {
2842         padding-left: 8px; }
2843     select.awd-select > option {
2844       padding-left: 8px; }
2845     select.awd-select + span {
2846       background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
2847       background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
2848       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
2849       position: absolute;
2850       top: 0;
2851       left: 0;
2852       z-index: 0;
2853       display: block;
2854       border: 1px solid #d2d2d2;
2855       border-radius: 6px;
2856       height: 35px;
2857       line-height: 0;
2858       padding: 18px 45px 15px 15px;
2859       width: 100%;
2860       font-size: 1.6rem;
2861       padding-right: 45px;
2862       white-space: nowrap;
2863       overflow: hidden;
2864       text-overflow: ellipsis; }
2865       select.awd-select + span > i {
2866         font-size: 23px;
2867         position: absolute;
2868         right: 33px;
2869         top: 5px;
2870         z-index: 1000; }
2871         select.awd-select + span > i:before {
2872           left: 1px;
2873           position: absolute;
2874           top: -1px; }
2875     select.awd-select:focus + span {
2876       border-color: #0568ae; }
2877
2878
2879   .btn.disabled[ddh-load-button] {
2880     line-height: 46px;
2881     padding: 0 19px 0 18px; }
2882
2883   .btn.disabled[ddh-load-button] {
2884     color: #666666; }
2885
2886   .icon-primary-spinner-ddh.large {
2887     height: 50px;
2888     width: 50px; }
2889
2890   .icon-primary-spinner-ddh.small {
2891     height: 30px;
2892     width: 30px; }
2893
2894   .icon-primary-spinner-ddh {
2895     -webkit-animation: 1s linear infinite spinner;
2896     animation: 1s linear infinite spinner;
2897     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
2898
2899   .btn-small .icon-primary-spinner-ddh {
2900     height: 30px !important;
2901     width: 30px !important; }
2902
2903   .btn-small .icon-primary-spinner {
2904     height: 30px;
2905     width: 30px; }
2906
2907   i:focus {
2908     outline: thin dotted #666; }
2909
2910   .p-col-md-12 {
2911     width: 50%; }
2912
2913   .fieldLabel {
2914     color: #666666; }
2915
2916   .fieldLabel input {
2917     color: #666666; }
2918
2919
2920   .fade1, .fadel {
2921     opacity: 0.4; }
2922
2923   .fade2, .fadesl {
2924     opacity: 0.6; }
2925
2926   h4#pagination-truncated {
2927     margin-top: 50px; }
2928
2929   h4#pagination-large-count {
2930     margin-top: 50px; }
2931
2932   input[type="text"]::-moz-placeholder {
2933     color: #767676;
2934     font-family: "Omnes-ECOMP-W02-Italic", Arial; }
2935
2936   input[type="text"]:focus {
2937     z-index: 1000; }
2938
2939   input[type="text"] + .reset-field {
2940     background-color: #FFFFFF;
2941     height: 90%;
2942     top: 5%; }
2943
2944   .btn-search:focus {
2945     outline: 1px dotted #0574ac; }
2946
2947   .field-group input:not([type="button"])[disabled] ~ .btn-search {
2948     background-color: #eee; }
2949
2950   .btn-search[class*="btn"] {
2951     background-color: #FFFFFF;
2952     background-size: 20px 20px;
2953     border-radius: 0 1.5rem 1.5rem 0;
2954     height: 3rem;
2955     min-width: 4.4rem !important;
2956     right: 0.15rem;
2957     top: 0.15rem;
2958     width: 4.4rem; }
2959
2960   .search-suggestion-wrapper {
2961     margin-bottom: 15px;
2962     position: relative; }
2963     .search-suggestion-wrapper .no-result {
2964       padding: 0px 15px; }
2965
2966   .search-suggestion-item {
2967     color: #333333;
2968     line-height: 4rem;
2969     padding: 0 15px;
2970     position: relative;
2971     z-index: 1000; }
2972     .search-suggestion-item:hover {
2973       background-color: #e4e4e4;
2974       cursor: pointer; }
2975     .search-suggestion-item:focus {
2976       background-color: #e4e4e4;
2977       cursor: pointer; }
2978     .search-suggestion-item a {
2979       color: #333333;
2980       text-decoration: none; }
2981
2982   .btn-search i {
2983     color: #767676; }
2984
2985   input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
2986     color: #0568ae; }
2987
2988   button.btn-search[disabled] {
2989     cursor: not-allowed; }
2990     button.btn-search[disabled] i {
2991       color: #767676; }
2992
2993   .innershadow {
2994     -webkit-background-blend-mode: mutilply;
2995     box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
2996
2997   li.module-groups {
2998     cursor: default !important;
2999     padding: 18px 15px 0px 15px; }
3000
3001   li.module-list-item[selected]:before {
3002     box-sizing: border-box;
3003     display: inline-block;
3004     font-size: 2em;
3005     height: 1em;
3006     position: absolute;
3007     top: 20px;
3008     right: 0px;
3009     vertical-align: middle;
3010     width: 1em;
3011     color: #007a3e; }
3012
3013   ul.module-optinalcta {
3014     position: relative;
3015     height: 44px;
3016     margin-top: 0px;
3017     border-bottom: 1px solid #d2d2d2;
3018     border-left: 1px solid #d2d2d2;
3019     border-right: 1px solid #d2d2d2;
3020     border-radius: 0px 0px 6px 6px; }
3021     ul.module-optinalcta li {
3022       position: absolute;
3023       bottom: 10px; }
3024     ul.module-optinalcta a {
3025       text-indent: 15px;
3026       padding: 15px; }
3027
3028   @keyframes spinner {
3029     0% {
3030       transform: rotate(0deg); }
3031     100% {
3032       transform: rotate(359deg); } }
3033
3034   table {
3035     max-width: 100%;
3036     background-color: transparent;
3037     border-collapse: collapse;
3038     border-spacing: 0;
3039     width: 100%;
3040    }
3041
3042   table caption {
3043     text-align: left; }
3044
3045   table thead th {
3046     vertical-align: bottom; }
3047
3048   table th,
3049   table td {
3050     padding: 19px 20px;
3051     line-height: 1;
3052     font-size: 1.4rem;
3053     text-align: left;
3054     vertical-align: top;
3055     word-wrap: break-word; }
3056
3057   table th {
3058     font-family: "Omnes-ECOMP-W02-Medium", Arial;
3059     font-size: 1.6rem;
3060     font-weight: normal;
3061     color: #333333;
3062     padding: 13px 20px; }
3063
3064
3065   table tbody td:first-child {
3066     border-left: none; }
3067
3068   @media (max-width: 767px) {
3069     table th,
3070     table td {
3071       padding: 19px 10px; }
3072     table th:first-child,
3073     table td:first-child {
3074       padding: 19px 15px; } }
3075
3076   .data-row-list ul > li {
3077     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
3078
3079   table {
3080     border-bottom: 1px solid #d2d2d2; }
3081
3082   table th,
3083   table td {
3084     padding: 15px 15px 10px; }
3085
3086   button .colors-off-msg {
3087     position: relative; }
3088
3089
3090   textarea, input {
3091     color: #333; }
3092
3093     .selectWrap::after {
3094     align-items: center;
3095     background-position: 7px 7px;
3096     background-repeat: no-repeat;
3097     background-size: auto 23px;
3098     border-left: 1px solid transparent;
3099     color: #0568ae;
3100     display: flex;
3101     font-size: 23px;
3102     height: 36px;
3103     margin-right: 0;
3104     overflow: hidden;
3105     position: absolute;
3106     right: 0;
3107     text-indent: 7px;
3108     top: 0;
3109     user-select: none;
3110     width: 41px;
3111     z-index: 0;
3112     position: absolute !important;
3113     display: flex !important;
3114   }
3115
3116   .card{
3117     border-radius: 5px;
3118   }
3119
3120   .card-header{
3121     height: 50px;
3122   }
3123
3124   .card-body{
3125     height: 150px;
3126   }
3127
3128   .card-footer{
3129     height: 50px;
3130   }
3131
3132   .dialog__close-btn {
3133     border: 0;
3134     background: #087ac2;
3135     color: #ffffff;
3136     position: absolute;
3137     top: 8px;
3138     right: 8px;
3139     font-size: 1.2em;
3140     display: block;
3141     border: #087ac2 2px solid;
3142   }
3143
3144   .dialog{
3145     margin-top: 50px;
3146   }
3147
3148   .modalTitle{
3149       font-size: 35px;
3150   }
3151
3152   .defaultFontSize{
3153     font-size: 15px;
3154   }
3155
3156 .defaultFontSizeTextArea{
3157     font-size: 15px;
3158     width: 200px;
3159     height: 36px
3160 }
3161
3162
3163   .tab-content{
3164     margin-right: 20px;
3165     /* background-color: #006496; */
3166     color: rgb(0, 0, 0);
3167   }
3168
3169   .btn-sm{
3170     width: 30px;
3171     height: 15px;
3172     font-size: 10px;
3173   }
3174
3175
3176 table, tr, td, th {
3177   border: 0;
3178   width: fit-content
3179 }
3180
3181
3182 mat-icon{
3183   color: #006496;
3184   cursor: pointer;
3185 }
3186
3187 .matFormField{
3188         width:300px;
3189 }
3190
3191 .proceedWitLoadButton{
3192             font-size: 15px;
3193             background: green;
3194                         color: white;
3195
3196 }
3197 .abortButton{
3198     font-size: 15px;
3199         background: red;
3200         color: white;
3201 }
3202
3203 .reportTitle{
3204   font-weight: bold;
3205 }
3206 textarea{
3207     display: block;
3208     width: 800px;
3209     padding: 8px;
3210     padding-left: 15px;
3211     height: 36px;
3212 }
3213
3214 .subtitle{
3215   color: #f44336 ;
3216    padding-top: 5px;
3217    font-size: 12px;
3218 }