/** PRINTING **/
@page {
    size: auto; /* auto is the initial value */
    margin: 6.5mm; /* this affects the margin in the printer settings */
}

/** RADZEN FIXES **/
.rz-fileupload-choose {
    width: 100%;
    text-align: center;
}

.rz-button-icon-left {
    margin-right: 0.5rem;
}

.rz-spinner-button {
    width: 32px;
}

/* button.rz-button-icon-only */
.rz-button-icon-left {
    margin-right: 0;
}

/* remove margin so center alignment works */
.rz-stack.rz-flex-row.rz-align-items-center .rz-text-body1 {
    margin-bottom: 0;
}

/** FONT AWESOME FIXES **/
.rz-navigation-item-wrapper a i {
    min-width: 20px;
}

/** GENERIC HTML **/
.scroll-200 {
    max-height: 200px;
    overflow: scroll;
}

/** TGPL STATUS **/
.tgpl-status-none,
.tgpl-status-entered,
.tgpl-status-labeled {
    color: gray;
}
.tgpl-status-active {
    color: green;
}
.tgpl-status-loaned {
    color: darkblue;
}
.tgpl-status-returned {
    color: greenyellow;
}
.tgpl-status-unavailable {
    color: orange;
}
.tgpl-status-removed {
    color: darkred;
}


/** TGPL GENERIC **/
img.tgpl-max-portrait,
.tgpl-max-portrait img {
    max-width: var(--tgpl-max-image-width);
    max-height: var(--tgpl-max-image-height);
    object-fit: contain;
}

img.tgpl-max-landscape,
.tgpl-max-landscape img {
    max-width: var(--tgpl-max-image-height);
    max-height: var(--tgpl-max-image-width);
    object-fit: contain;
}

img.tgpl-max-square,
.tgpl-max-square img {
    max-width: var(--tgpl-max-image-width);
    max-height: var(--tgpl-max-image-width);
    object-fit: contain;
}

img.tgpl-max-square-large,
.tgpl-max-square-large img {
    max-width: var(--tgpl-max-image-height);
    max-height: var(--tgpl-max-image-height);
    object-fit: contain;
}

/*
    .tgpl-max-portrait img,
    .tgpl-max-landscape img,
    .tgpl-max-square img,
    .tgpl-max-square-large img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

*/
img.tgpl-full-size-contain,
.tgpl-full-size-contain img {
    max-width: 100%;
    object-fit: contain;
}


/** FORM FIELDS **/
.rz-form-field.tgpl-invalid,
.rz-form-field.tgpl-invalid .rz-form-field-label,
.rz-form-field.tgpl-invalid input[type='text'][inputmode='decimal'] {
    color: red;
}
    .rz-form-field.tgpl-invalid .rz-form-field-content,
    .rz-form-field.tgpl-invalid .rz-spinner {
        border-color: red;
    }

/** DIALOG SCROLLERS **/
.tgpl-dialog-scroller {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/** RADZEN DATALISTS **/
.rz-datalist-content.tgpl-marginless-datalist > .rz-datalist-data > li {
    margin: 0;
    padding: 0;
    border-radius: unset;
    border: unset;
    box-shadow: unset;
    background-color: unset;
}

/** LINK BUTTONS **/
.rz-card > .tgpl-item-display > .rz-row {
    margin-bottom: 0;
}

/** LINK BUTTONS **/
a.tgpl-link-button {
    font-size: small;
}

/** MOBILE/DESKTOP DIALOG **/
.rz-dialog-content {
    padding: 8px;
}

@media only screen and (min-width: 1024px) {
    .rz-dialog-content {
        padding: var(--rz-dialog-content-padding);
    }
}

/** MOBILE/DESKTOP HIDE TEXT **/
.rz-button.tgpl-hide-text .rz-button-text {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .rz-button.tgpl-hide-text .rz-button-text {
        display: inherit;
    }
}

/** MOBILE/DESKTOP STEPS **/
.rz-steps-title {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .rz-steps-title {
        display: inherit;
    }
}

/** MOBILE/DESKTOP ITEM VALUE NOTES **/
.tgpl-item-value-notes-editor {
    height: 12rem;
}
@media only screen and (min-width: 1024px) {
    .tgpl-item-value-notes-editor {
        height: 8rem;
    }
}

/** MOBILE/DESKTOP NUMERICS **/
.tgpl-numeric, 
.tgpl-numeric-container {
    max-width: 6rem;
}

/** TGPL COMPONENTS **/
.tgpl-flags-list {
    max-height: 170px;
    overflow: scroll;
    padding-right: 10px;
    overflow-x: hidden;
}

    .tgpl-flags-list > .rz-row:not(:last-child) {
        border-bottom: 1px dotted gray;
    }

.tgpl-outstanding-loans table thead {
    display: none;
}

.tgpl-donations-lister {
}

.tgpl-family-finder {
}

.tgpl-geek-linker {
}

.tgpl-item-image-editor {
    max-width: var(--tgpl-max-image-width);
}

    .tgpl-item-image-editor img,
    .tgpl-item-image-editor input[type=file] {
        max-width: var(--tgpl-max-image-width);
    }

.tgpl-item-image img {
    max-width: var(--tgpl-max-image-width);
    max-height: var(--tgpl-max-image-height);
}

.tgpl-item-image.small-images img {
    max-width: var(--tgpl-small-image-width);
    max-height: var(--tgpl-small-image-height);
}

.tgpl-description-editor {
    height: 250px;
}
.tgpl-description-display {
    max-height: 6rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tgpl-loan-displayer {
}

    .tgpl-loan-displayer .returned {
        text-decoration: line-through;
    }

/** TGPL OTHER **/
.tgpl-lister-title {
    text-wrap: wrap;
}

.tgpl-submit-row {
    border-top: 1px solid gray;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

.tgpl-action-row {
    background-color: var(--rz-primary-lighter);
    border-radius: var(--rz-border-radius-2);
    padding: 0.5rem;
}

.tgpl-geek-linker {
    border: 1px solid gray;
    border-radius: 0.25rem;
    padding: 0.5rem;
}

.tgpl-geek-display {
    flex-grow: 1;
}