@vendasta/store/order-form/dropdown-form-section/dropdown-form-section.component.css

Components and data for Store

:host-context(va-dropdown-form-section) { font-size: 14px; }
:host-context(va-dropdown-form-section) .expansion-panel-body { margin-top: -10px; display: block; width: 60%; }

.mat-expanded { transition: margin 400ms; }

.mat-expansion-panel { transition: margin 400ms; }

.dropdown-form-header { width: 100%; display: flex; }

mat-panel-description { align-self: center; display: flex; flex: inherit; }

mat-panel-description.invalid { color: #c62828; }

mat-icon { margin-right: 7px; align-self: center; }

mat-icon.valid { color: #4caf50; }

mat-icon.invalid { color: #c62828; }

mat-icon.question { color: #9e9e9e; }

mat-panel-description { display: initial; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

mat-panel-title { align-self: center; flex: none; margin-right: 20px; }

mat-panel-title.valid { color: #4caf50; }

mat-panel-title.invalid { color: #c62828; }

.editing-hint { color: #9e9e9e; }

.title { color: #212121; }

.not-expandable-card { background: white; cursor: default; font-size: 15px; display: flex; height: 48px; align-items: center; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.not-expandable-card .not-expandable-icon { margin-left: 24px; }
.not-expandable-card .not-expandable-header { display: flex; }
.not-expandable-card .not-expandable-description { margin-left: 22px; }
.not-expandable-card .valid { color: #4caf50; }