| 1 | .package-dropdown-font { color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 400; }
|
| 2 |
|
| 3 | .package-list-container { border-top: 1px solid rgba(0, 0, 0, 0.12); padding: 0; }
|
| 4 | .package-list-container mat-list { padding: 0; }
|
| 5 | .package-list-container mat-list .package-list .package-list-item { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
|
| 6 |
|
| 7 | .package-dropdown-layout { display: flex; flex-direction: row; align-items: center; }
|
| 8 | .package-dropdown-layout .package-notice { width: max-content; font-style: italic; }
|
| 9 | @media screen and (max-width: 500px) { .package-dropdown-layout p { display: none; } }
|
| 10 | .package-dropdown-layout mat-icon { padding: 0; }
|
| 11 | .package-dropdown-layout button { padding: 0; min-width: 0; }
|
| 12 | .package-dropdown-layout button .dropdown-icon { color: rgba(0, 0, 0, 0.54); }
|
| 13 | .package-dropdown-layout button .dropdown-icon-rotate-down { transform: rotate(180deg); transition: .4s all ease; pointer-events: none; }
|
| 14 | .package-dropdown-layout button .dropdown-icon-rotate-up { transform: rotate(0deg); transition: .4s all ease; pointer-events: none; }
|
| 15 |
|
| 16 | .package-dropdown-stencil-display { display: flex; width: 100%; flex-grow: 1; }
|
| 17 | .package-dropdown-stencil-display va-icon { margin-right: 20px; }
|
| 18 | .package-dropdown-stencil-display .stencil-text { width: inherit; display: flex; flex-direction: column; justify-content: center; }
|
| 19 | .package-dropdown-stencil-display .stencil-text .stencil-title { height: 32px; width: 40%; margin-bottom: 5px !important; margin-top: 0 !important; }
|
| 20 | .package-dropdown-stencil-display .stencil-text .stencil-tagline { height: 32px; width: inherit; }
|
| 21 |
|
| 22 | .package-dropdown-status { display: flex; flex-direction: row; align-items: center; }
|
| 23 | .package-dropdown-status p { padding-left: 6px; font-size: 14px; white-space: nowrap; }
|
| 24 | .package-dropdown-status .activated { color: #4caf50; }
|
| 25 | .package-dropdown-status .warning { color: #ffa000; }
|
| 26 | .package-dropdown-status .error { color: #c62828; }
|
| 27 |
|
| 28 | .icon-area { position: relative; display: inline-block; order: -1; margin-right: 16px; }
|
| 29 | .icon-area .addon-indicator { position: absolute; border-radius: 50%; bottom: -24px; right: -24px; }
|
| 30 |
|
| 31 | .product-or-addon-list { background-color: rgba(0, 0, 0, 0.04); overflow: hidden; }
|
| 32 | .product-or-addon-list .product-or-addon-item { border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-left: 30px; }
|
| 33 | .product-or-addon-list .product-or-addon-item .required-product { font-size: 11px; font-weight: bold; font-style: italic; }
|
| 34 |
|
| 35 | .addon-with-product .mat-list-avatar { margin-left: 40px; }
|