@import 'c/lexCssUtility';
|
:host {
|
--slds-c-textarea-sizing-min-height: 200px;
|
}
|
.my-icon {
|
--slds-c-icon-color-foreground-default: white;
|
}
|
.quobutton{
|
font-size: 18px;
|
font-family: 'sans-serif';
|
font-weight:500;
|
width: 160px;
|
height: 36px;
|
border-radius: 4px;
|
opacity: 1;
|
background:#0A81DF;
|
color:#FFFFFF;
|
}
|
/* .slds-scope .slds-alert_error {
|
--slds-c-alert-color-background: #ba0517 !important;
|
} */
|
|
/* input[name="QuoteSalesBack"] {
|
text-align: right;
|
}
|
input[type="text" i] {
|
writing-mode: horizontal-tb !important;
|
padding-block: 1px;
|
padding-inline: 2px;
|
text-align: right;
|
} */
|
/*.THIS .QuoteSalesBack input {
|
text-align: right;
|
}*/
|
/* .QuoteSalesBack input {
|
text-align: right;
|
} */
|
.my-icons{
|
position: relative;
|
display: inline-flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
padding-top: var(--slds-c-alert-spacing-block-start, var(--sds-c-alert-spacing-block-start, var(--lwc-spacingXSmall,0.5rem)));
|
padding-right: var(--slds-c-alert-spacing-inline-end, var(--sds-c-alert-spacing-inline-end, var(--lwc-spacingXLarge,2rem)));
|
padding-bottom: var(--slds-c-alert-spacing-block-end, var(--sds-c-alert-spacing-block-end, var(--lwc-spacingXSmall,0.5rem)));
|
padding-left: var(--slds-c-alert-spacing-inline-start, var(--sds-c-alert-spacing-inline-start, var(--lwc-spacingXSmall,0.5rem)));
|
color: var(--slds-c-alert-text-color, var(--sds-c-alert-text-color, var(--slds-g-color-neutral-base-100, var(--lwc-colorTextInverse,rgb(255, 255, 255)))));
|
font-weight: var(--slds-c-alert-font-weight, var(--sds-c-alert-font-weight));
|
text-align: center;
|
background-color: var(--slds-c-alert-color-background, var(--sds-c-alert-color-background, var(--slds-g-color-neutral-base-50, var(--lwc-colorBackgroundToast,rgb(116, 116, 116)))));
|
/* background-image: var(--slds-c-alert-image-background, var(--sds-c-alert-image-background, linear-gradient(45deg, var(--slds-g-color-neutral-10-opacity-10, rgba(0, 0, 0, 0.025)) 25%, transparent 25%, transparent 50%, var(--slds-g-color-neutral-10-opacity-10, rgba(0, 0, 0, 0.025)) 50%, var(--slds-g-color-neutral-10-opacity-10, rgba(0, 0, 0, 0.025)) 75%, transparent 75%, transparent))); */
|
background-size: var(--slds-c-alert-size-background, var(--sds-c-alert-size-background, 64px 64px));
|
--slds-c-alert-color-background: #ba0517 !important;
|
}
|
.inputs {
|
padding-top: 0;
|
padding-right: var(--slds-c-input-spacing-horizontal-end, var(--sds-c-input-spacing-horizontal-end, var(--lwc-spacingMedium,1rem)));
|
padding-bottom: 0;
|
padding-left: var(--slds-c-input-spacing-horizontal-start, var(--sds-c-input-spacing-horizontal-start, var(--lwc-spacingSmall,0.75rem)));
|
width: 100%;
|
height: 1.875rem;
|
border: var(--lwc-borderWidthThin,1px) solid var(--slds-c-input-color-border, var(--sds-c-input-color-border, var(--slds-g-color-border-base-4, var(--lwc-colorBorderInput,rgb(201, 201, 201)))));
|
border-radius: var(--slds-c-input-radius-border, var(--sds-c-input-radius-border, var(--lwc-borderRadiusMedium,0.25rem)));
|
background-color: var(--slds-c-input-color-background, var(--sds-c-input-color-background, var(--slds-g-color-neutral-base-100, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)))));
|
color: var(--slds-c-input-text-color, var(--sds-c-input-text-color));
|
box-shadow: var(--slds-c-input-shadow, var(--sds-c-input-shadow));
|
transition: border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear;
|
display: inline-block;
|
text-align: right !important;
|
}
|
|
.THIS .myCustomClass input {
|
text-align: right;
|
}
|
.THIS .slds-form-element__control input {
|
text-align: right;
|
}
|
.myCustomClass ::part(input) {
|
text-align: right;
|
}
|
