/* Shrink height of inputs */
:root {
    /* The default is --rz-input-height: 2.25rem */
    --rz-input-height: 2rem;
    /* Use this to make buttons align with inputs. */
    --dp-button-row-top: 0.5rem;
    /* Default height for grids */
    --dp-grid-min-height: 360px;
}

.rz-body {
    /* Pull up the page just a bit */
    --rz-layout-body-padding: 0.5rem 1rem 0.5rem 1rem;
}

/* Shrink the size of a Medium button to match input changes */
.rz-button-md {
    /* The default is padding: 0.5rem 1rem */
    padding: 0.25rem 0.5rem;
    /* The default is 2.25rem */
    min-height: var(--rz-input-height, 2.25rem);
}

/* Adjust height of label in drop down to account for shrinkage */
.rz-dropdown-label.rz-inputtext {
    /* The default is not set */
    margin-top: -0.25rem;
}

.dp-grid {
    min-height: var(--dp-grid-min-height);
}

.dp-noborder .rz-form-field-content {
    border: none !important;
}

.dp-transparent .rz-form-field-content {
    background-color: transparent !important;
}

.validation-message {
    margin-left: 2ch;
}

.validation-errors .validation-message {
    margin-left: 5ch;
}

.validation-errors::before {
    content: "Please correct the following errors before continuing:";
}

.validation-errors,
.validation-message {
    color: var(--rz-danger, 'red');
}


:root {
    /*
        Modify styles for all accordions.
        --rz-accordion-item-background-color changes background for
        both the accordion and content, so here a custom variable
        is used.
    */
    --dp-accordion-header-background-color: var(--rz-primary);
    --dp-accordion-header-color: var(--rz-on-primary);
    --rz-accordion-content-padding: 0.5rem 1rem 0.5rem 1rem;
    --rz-accordion-item-padding: 0.2rem 0;
}

.rz-accordion-header, .rz-accordion-header a[role=tab] {
    background-color: var(--dp-accordion-header-background-color);
    color: var(--dp-accordion-header-color);
}

.rz-accordion-header a[role=tab] {
    padding: var(--rz-accordion-item-padding);
}

/* Headers and Content are siblings. */
/* When accordion is open, add gap between it and the next header. */
.rz-accordion-content-wrapper + .rz-accordion-header {
    margin-top: 0.5rem;
}
/* When accordion is closed, reduce gap to 1 pixel. */
.rz-accordion-header + .rz-accordion-header {
    margin-top: 1px;
}
/* For grid accordion, reduce content padding so grid fills entire area */
.rz-accordion-header.grid + .rz-accordion-content-wrapper .rz-accordion-content,
.dp-collapsible-content.dp-open.grid {
    --rz-accordion-content-padding: 0; 
    --rz-accordion-content-padding-block: 0;
    --rz-accordion-content-padding-inline: 0;
}

.rz-fieldset {
    border-color: var(--dp-accordion-header-background-color);
    /*background-color: var(--rz-base-200)*/
    background-color: white;
}

.rz-fieldset-content {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rz-fieldset .rz-form-field-label {
    /*    background-image: linear-gradient(to bottom, var(--rz-base-200), var(--rz-base-200) 40%, white 60%, white);
    background-size: cover;
    background-repeat: no-repeat;*/
    color: black;
}

#ClientTabs .rz-tabview-panels {
    max-height: calc(100vh - 305px);
    overflow-y: auto;
}

.MovedLabel {
    font-size: 16px;
    font-weight: bold;
    color: red;
}

/* Provide minimum height for entries in grid style drop-down's to support blank entries.
*/
.rz-dropdown-panel .rz-cell-data {
    min-height: 1rem;    
}

/* Reduce padding on other drop-downs */
.rz-dropdown-panel .rz-dropdown-item {
    --rz-dropdown-item-padding: 0.25rem 0.5rem;
    min-height: 1rem;
}

/* Apply similar shading style to non-grid drop-downs */
.rz-dropdown-panel .rz-dropdown-item:nth-child(odd):not(.rz-state-highlight):not(:hover) {
    background-color: var(--rz-grid-stripe-background-color);
}