phronCare/phronCare.UIBlazor/Pages/Sales/SalesDocuments/SalesDocumentReview.razor.css

101 lines
2.0 KiB
CSS
Raw Normal View History

.sales-document-review {
color: var(--text-background);
padding-bottom: 2rem;
}
.sales-document-review .card {
background-color: var(--background-highlight);
border-color: var(--background-highlight-light);
}
.sales-document-review .card-header,
.sales-document-review .table-light {
background-color: var(--background-highlight-light);
color: var(--text-background);
}
.sales-document-review .card-body,
.sales-document-review .table,
.sales-document-review .form-control {
color: var(--text-background);
}
.sales-document-review .form-control {
background-color: var(--background);
border-color: var(--background-highlight-light);
}
.origin-card {
background-color: var(--background);
border: 1px solid var(--background-highlight-light);
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 0.2rem;
min-height: 86px;
padding: 0.85rem;
}
.origin-card strong {
color: var(--text-background);
font-size: 0.95rem;
}
.origin-card small,
.origin-card span {
color: var(--text-background);
opacity: 0.68;
}
.validation-list {
display: flex;
flex-direction: column;
gap: 0.65rem;
list-style: none;
margin: 0;
padding: 0;
}
.validation-list li {
align-items: center;
background-color: var(--background);
border: 1px solid var(--background-highlight-light);
border-radius: 8px;
display: flex;
gap: 0.55rem;
padding: 0.7rem 0.8rem;
}
.validation-list li.valid i {
color: #138f77;
}
.validation-list li.invalid i {
color: #cf4435;
}
.amount-row {
align-items: center;
border-bottom: 1px solid var(--background-highlight-light);
display: flex;
justify-content: space-between;
padding: 0.75rem 0;
}
.amount-row:first-child {
padding-top: 0;
}
.amount-row.total {
border-bottom: 0;
font-size: 1.05rem;
padding-bottom: 0;
}
@media (max-width: 767.98px) {
.sales-document-review {
padding-left: 0;
padding-right: 0;
}
}