@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;
}