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

   1 /* .left {
   2   width: auto;
   3   float: left;
   4   text-align: right;
   5 }
   6 .right {
   7   width: auto;
   8
   9   float: left;
  10 } */
  11
  12 h1,
  13 h2,
  14 h3,
  15 h4,
  16 h5,
  17 h6 {
  18   font-weight: normal;
  19   text-rendering: optimizeLegibility;
  20   margin: 0;
  21   line-height: 1; }
  22
  23 mat-icon{
  24   color: #006496;
  25   cursor: pointer;
  26 }
  27
  28 /* .tab-pane{
  29   padding-right: 130px;
  30   padding-left: 120px;
  31   color: rgba(0, 0, 0, 0.603)
  32 } */
  33
  34 .boxMargin{
  35
  36   width: auto;
  37 }
  38
  39 mat-button-toggle{
  40   display: block;
  41   width: 400px;
  42   border-radius: 5px;
  43 }
  44
  45 input {
  46   width: 400px;
  47   height: 20px;
  48 }
  49
  50 .tab-content{
  51   margin-right: 20px;
  52   /* background-color: #006496; */
  53   color: rgb(0, 0, 0);
  54 }
  55
  56 .stdForm{
  57   margin-left: 20px;
  58 }
  59
  60 .field-group {
  61   position: relative;
  62   display: block;
  63 }
  64
  65 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
  66   margin-top: 5px;
  67 }
  68
  69 textarea {
  70   display: block;
  71   width: 400px;
  72   max-width: 50%;
  73   padding: 15px;
  74 }
  75
  76 select{
  77   display: block;
  78   width: 400px;
  79   max-width: 400px;
  80   padding: 15px;
  81   background-color: #cfcfcf7a
  82 }
  83
  84 .webform-component-my-select select {
  85   height: 200px;
  86 }
  87
  88 .checkbox .skin {
  89   background-color: #fff;
  90   border: 1px solid #d2d2d2;
  91   border-radius: 3px;
  92   display: inline-block;
  93   height: 24px;
  94   width: 24px;
  95   position: absolute;
  96   left: 0;
  97   top: 0;
  98 }
  99
 100 i, em {
 101   font-family: "Omnes-ECOMP-W02-Italic", Arial;
 102   font-style: normal;
 103 }
 104
 105
 106 .btn-alt {
 107   border-color: #087ac2 transparent #0568ae;
 108   background-color: #0568ae;
 109   background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
 110   color: #ffffff; }
 111   .btn-alt:hover {
 112     color: #ffffff;
 113     outline-color: #ffffff !important;
 114     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 115   .btn-alt:focus {
 116     color: #ffffff;
 117     outline-color: #ffffff !important;
 118     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 119   .btn-alt:active {
 120     color: #ffffff;
 121     outline-color: #ffffff !important;
 122     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 123
 124
 125 a.btn {
 126   vertical-align: middle; }
 127   a.btn:hover {
 128     text-decoration: none; }
 129
 130 .field-group + .btn {
 131   margin-left: 20px; }
 132
 133 .btn-primary {
 134   border-color: #ea7400 transparent #d16500;
 135   background-color: #ea7400 transparent #d16500;
 136   background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
 137   color: #ffffff;
 138   font-family: "Omnes-ECOMP-W02", Arial;
 139   font-weight: bold; }
 140   .btn-primary:hover {
 141     text-decoration: none;
 142     color: #ffffff;
 143     outline-color: #ffffff !important;
 144     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 145   .btn-primary:focus {
 146     text-decoration: none;
 147     color: #ffffff;
 148     outline-color: #ffffff !important;
 149     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 150   .btn-primary:active {
 151     text-decoration: none;
 152     color: #ffffff;
 153     outline-color: #ffffff !important;
 154     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 155
 156 .btn-arrow {
 157   font-family: "Omnes-ECOMP-W02", Arial;
 158   font-size: 1.6rem;
 159   font-weight: normal;
 160   background-color: transparent;
 161   border: none;
 162   padding: 5px 0 0;
 163   top: -4px;
 164   color: #333333;
 165   position: relative; }
 166   .btn-arrow:hover {
 167     text-decoration: underline; }
 168     .btn-arrow:hover .btn-primary {
 169       text-decoration: none;
 170       color: #ffffff;
 171       outline-color: #ffffff !important;
 172       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 173     .btn-arrow:hover .btn-secondary {
 174       color: #0568ae;
 175       outline-color: #000000 !important;
 176       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 177     .btn-arrow:hover .btn-alt {
 178       color: #ffffff;
 179       outline-color: #ffffff !important;
 180       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
 181     .btn-arrow:hover .btn-specialty {
 182       color: #ffffff;
 183       outline-color: #ffffff !important;
 184       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 185   .btn-arrow:focus {
 186     text-decoration: underline;
 187     outline: 1px dotted #666; }
 188     .btn-arrow:focus .btn-primary {
 189       text-decoration: none;
 190       color: #ffffff;
 191       outline-color: #ffffff !important;
 192       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 193     .btn-arrow:focus .btn-secondary {
 194       color: #0568ae;
 195       outline-color: #000000 !important;
 196       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 197     .btn-arrow:focus .btn-alt {
 198       color: #ffffff;
 199       outline-color: #ffffff !important;
 200       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
 201     .btn-arrow:focus .btn-specialty {
 202       color: #ffffff;
 203       outline-color: #ffffff !important;
 204       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 205   .btn-arrow:active .btn-primary {
 206     text-decoration: none;
 207     color: #ffffff;
 208     outline-color: #ffffff !important;
 209     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
 210   .btn-arrow:active .btn-secondary {
 211     color: #0568ae;
 212     outline-color: #000000 !important;
 213     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 214   .btn-arrow:active .btn-alt {
 215     color: #ffffff;
 216     outline-color: #ffffff !important;
 217     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
 218   .btn-arrow:active .btn-specialty {
 219     color: #ffffff;
 220     outline-color: #ffffff !important;
 221     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 222   .btn-arrow .btn-alt {
 223     border-color: #087ac2 transparent #0568ae;
 224     background-color: #0568ae;
 225     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
 226     color: #ffffff; }
 227     .btn-arrow .btn-alt:hover {
 228       color: #ffffff;
 229       outline-color: #ffffff !important;
 230       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 231     .btn-arrow .btn-alt:focus {
 232       color: #ffffff;
 233       outline-color: #ffffff !important;
 234       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 235     .btn-arrow .btn-alt:active {
 236       color: #ffffff;
 237       outline-color: #ffffff !important;
 238       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 239   .btn-arrow::-moz-focus-inner {
 240     padding: 0;
 241     border: 0; }
 242   .btn-arrow .btn {
 243     border: 1px solid transparent;
 244     border-radius: 100%;
 245     height: 36px;
 246     margin-bottom: 0;
 247     margin-right: 7px;
 248     max-width: 36px;
 249     min-width: 20px;
 250     padding: 0;
 251     margin-top: -4px;
 252     vertical-align: middle;
 253     width: 36px; }
 254     .btn-arrow .btn .icon-primary-left {
 255       bottom: 0;
 256       display: block;
 257       height: 100%;
 258       left: 0;
 259       line-height: 0;
 260       position: absolute;
 261       right: 0;
 262       text-indent: 0;
 263       top: 0; }
 264       .btn-arrow .btn .icon-primary-left:before {
 265         position: absolute;
 266         font-size: 1.6rem;
 267         left: 1px;
 268         top: 9px; }
 269     .btn-arrow .btn .icon-primary-right {
 270       bottom: 0;
 271       display: block;
 272       height: 100%;
 273       left: 0;
 274       line-height: 0;
 275       position: absolute;
 276       right: 0;
 277       text-indent: 0;
 278       top: 0;
 279       color: #ffffff; }
 280       .btn-arrow .btn .icon-primary-right:before {
 281         position: absolute;
 282         font-size: 1.6rem;
 283         left: 17px;
 284         top: 9px; }
 285   .btn-arrow .btn.btn-primary .icon-primary-left {
 286     color: #fff; }
 287   .btn-arrow .btn.btn-primary .icon-primary-right {
 288     color: #fff; }
 289   .btn-arrow .btn.btn-alt .icon-primary-left {
 290     color: #fff; }
 291   .btn-arrow .btn.btn-alt .icon-primary-right {
 292     color: #fff; }
 293   .btn-arrow .btn.btn-secondary {
 294     border: 1px solid #d2d2d2; }
 295     .btn-arrow .btn.btn-secondary .icon-primary-left {
 296       color: #0568ae; }
 297     .btn-arrow .btn.btn-secondary .icon-primary-right {
 298       color: #0568ae; }
 299   .btn-arrow .btn.btn-small {
 300     height: 20px;
 301     max-width: 20px;
 302     min-width: 20px;
 303     width: 20px;
 304     top: -1px; }
 305     .btn-arrow .btn.btn-small .icon-primary-left:before {
 306       font-size: 5px;
 307       top: 4px;
 308       left: 0; }
 309     .btn-arrow .btn.btn-small .icon-primary-right:before {
 310       font-size: 5px;
 311       top: 4px;
 312       left: 10px; }
 313   .btn-arrow .btn.btn-large .icon-primary-left:before {
 314     font-size: 112%;
 315     top: 12px;
 316     left: 23px; }
 317   .btn-arrow .btn.btn-large .icon-primary-right:before {
 318     font-size: 112%;
 319     top: 12px;
 320     left: 23px; }
 321
 322 .btn-secondary {
 323   border: 1px solid #d2d2d2;
 324   background-color: #f2f2f2;
 325   background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
 326   color: #0568ae;
 327   box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
 328   padding: 14px 18px 11px 17px; }
 329   .btn-secondary:hover {
 330     color: #0568ae;
 331     outline-color: #000000 !important;
 332     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 333   .btn-secondary:focus {
 334     color: #0568ae;
 335     outline-color: #000000 !important;
 336     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 337   .btn-secondary:active {
 338     color: #0568ae;
 339     outline-color: #000000 !important;
 340     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
 341
 342 .btn-alt {
 343   border-color: #087ac2 transparent #0568ae;
 344   background-color: #0568ae;
 345   background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
 346   color: #ffffff; }
 347   .btn-alt:hover {
 348     color: #ffffff;
 349     outline-color: #ffffff !important;
 350     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 351   .btn-alt:focus {
 352     color: #ffffff;
 353     outline-color: #ffffff !important;
 354     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 355   .btn-alt:active {
 356     color: #ffffff;
 357     outline-color: #ffffff !important;
 358     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 359
 360 .btn-specialty {
 361   border-color: #008744 transparent #007a3e;
 362   background-color: #007a3e;
 363   background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
 364   color: #ffffff; }
 365   .btn-specialty:hover {
 366     color: #ffffff;
 367     outline-color: #ffffff !important;
 368     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 369   .btn-specialty:focus {
 370     color: #ffffff;
 371     outline-color: #ffffff !important;
 372     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 373   .btn-specialty:active {
 374     color: #ffffff;
 375     outline-color: #ffffff !important;
 376     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
 377
 378 .btn-clear {
 379   background: transparent !important;
 380   border-color: transparent !important;
 381   font-weight: normal;
 382   font-family: "Omnes-ECOMP-W02", Arial;
 383   box-shadow: none;
 384   text-decoration: none;
 385   color: #0568ae; }
 386   .btn-clear:focus {
 387     text-decoration: underline; }
 388   .btn-clear:hover {
 389     text-decoration: underline; }
 390
 391 .card{
 392   border-radius: 5px;
 393 }
 394
 395 .card-header{
 396   height: 50px;
 397 }
 398
 399 .card-body{
 400   height: 150px;
 401 }
 402
 403 .card-footer{
 404   height: 50px;
 405 }
 406
 407 .dialog__close-btn {
 408   border: 0;
 409   background: #087ac2;
 410   color: #ffffff;
 411   position: absolute;
 412   top: 8px;
 413   right: 8px;
 414   font-size: 1.2em;
 415   display: block;
 416   border: #087ac2 2px solid;
 417 }
 418
 419 .modalTitle{
 420     font-size: 35px;
 421 }
 422
 423
 424 .full-width-table {
 425   width: 100%;
 426 }
 427
 428
 429 .app-data-table {
 430   margin-top: 35px;
 431   /* margin-left: 250px;
 432   margin-right: 250px; */
 433
 434 }
 435
 436 .app-data-table1 {
 437   overflow: scroll;
 438   width: 1780px;
 439   height: 550px;
 440 }
 441
 442 th{
 443   /* background-color: #006496; */
 444   color: rgb(0, 0, 0);
 445   font-size: 15px;
 446   border-radius: 2px;
 447   height: 35px;
 448 }
 449
 450 tr:nth-child(even) {
 451   /* background-color: #dddddd; */
 452   font-size: 2px;
 453   height: 35px;
 454   border-radius: 4px;
 455
 456 }
 457
 458 tr:nth-child(odd) {
 459   font-size: 2px;
 460   height: 35px;
 461   border-radius: 4px;
 462 }
 463
 464
 465 .card{
 466   border-radius: 5px;
 467
 468 }
 469
 470 .card-header{
 471   height: 50px;
 472 }
 473
 474 .card-body{
 475   height: 150px;
 476 }
 477
 478 .card-footer{
 479   height: 50px;
 480   margin-right: 10px;
 481 }
 482
 483 .dialog__close-btn {
 484   border: 0;
 485   background: #087ac2;
 486   color: #ffffff;
 487   position: absolute;
 488   top: 8px;
 489   right: 8px;
 490   font-size: 1.2em;
 491   display: block;
 492   border: #087ac2 2px solid;
 493 }
 494
 495 .modalTitle{
 496     font-size: 35px;
 497 }