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

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