/** User Manual */

.card.index {
    min-width: 250px;
}

.cp-spinner {
    color: rgb(0, 119, 181);
}

/** Claim Detail */
.warning-block {
    display: flex;
    width: fit-content;
    gap: var(--spacing-xxs);
    background: var(--warning-100);
    padding: 2px var(--spacing-xxs);
    border-radius: var(--spacing-xxs);
}

.warning-block span {
    color: var(--warning-700);
}

.warning-block-light {
    display: flex;
    align-items: center;
    border-radius: var(--spacing-xxs);
    background: var(--warning-100);
    padding: 2px var(--spacing-xxs);
    gap: var(--spacing-xxs);
    color: var(--warning-700);
    font-weight: 600;
    font-size: 12px;
}


fieldset:disabled input.form-control, fieldset:disabled select.form-select, fieldset:disabled textarea.form-control, fieldset:disabled .input-group-text {
    background-color: var(--gray-shade-100);
    border-color: var(--gray-shade-100);
    border-radius: var(--spacing-xxs);
    color: var(--gray-shade-950);
    padding: var(--spacing-xs);
    background-image: none;
    padding-top: 35px;
    margin-top: -31px;
    resize: none;
}

fieldset:disabled label {
    padding-left: var(--spacing-xs);
    margin-bottom: 0;
    margin-top: 6px;
}

fieldset:disabled .input-group{
    z-index: -1;
}

fieldset:disabled .selected-material-cost {
    display: none;
}

fieldset:disabled.notes-fieldset {
    padding: 0;
    width: 100%;
    margin-top: var(--spacing-xs);
}

fieldset:disabled.notes-fieldset .warning-block {
    display: none;
}

fieldset:disabled .colored-card {
    margin-top: var(--spacing-m);
}

/** Colored background area */
.claim-info-card {
    background-color: var(--primary-color-100);
    border-radius: var(--spacing-xxs);
    padding: var(--spacing-s);
}

.colored-card {
    background-color: var(--gray-shade-300);
    border-radius: var(--spacing-xxs);
    margin-top: var(--spacing-s);
    padding: var(--spacing-xs);
}

.very-light-background {
    padding: var(--spacing-s);
    border-radius: var(--spacing-xxs);
    background: var(--gray-shade-50);
}