h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA8Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

/* Enhanced Rivet Dialog Styling */
.rvt-dialog {
    max-width: 640px;
}

 /* Enhanced Rivet Form Styling */
.rvt-row--tight {
    margin-bottom: 1rem;
}

.rvt-row--tight:last-child {
    margin-bottom: 0;
}

.rvt-label {
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
    color: #495057;
}

.rvt-text-input,
.rvt-select {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rvt-text-input:focus,
.rvt-select:focus {
    outline: 0;
    border-color: #006298;
    box-shadow: 0 0 0 0.2rem rgba(0, 98, 152, 0.25);
}

.rvt-text-muted {
    color: #6c757d;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

/* Rivet Alert Enhancements */
.rvt-alert {
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid transparent;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.rvt-alert--info {
    background-color: #e3f2fd;
    border-color: #90caf9;
    color: #0d47a1;
}

.rvt-alert--danger {
    background-color: #ffebee;
    border-color: #ef9a9a;
    color: #c62828;
}

.rvt-alert__message {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

 
 
.rvt-button--small {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.rvt-button:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Rivet Dropdown Enhancements */
.rvt-dropdown {
    position: relative;
    display: inline-block;
}

.rvt-dropdown__menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.rvt-dropdown__menu-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 1rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 1rem;
    color: #495057;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

.rvt-dropdown__menu-item:hover {
    background-color: #f8f9fa;
    color: #16181b;
}

/* Rivet Radio List */
.rvt-radio-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rvt-radio {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rvt-radio input[type="radio"] {
    margin: 0;
}

.rvt-radio label {
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}

/* Rivet Input Group */
.rvt-input-group {
    display: flex;
    width: 100%;
}

.rvt-input-group__prepend {
    display: flex;
}

 
 
 
/* Rivet Switch */
.rvt-switch-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rvt-switch {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rvt-switch input[type="checkbox"] {
    position: relative;
    width: 3rem;
    height: 1.5rem;
    margin: 0;
    appearance: none;
    background-color: #ccc;
    border-radius: 0.75rem;
    transition: background-color 0.2s ease;
    cursor: pointer;
}

.rvt-switch input[type="checkbox"]:checked {
    background-color: #006298;
}

.rvt-switch input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1.25rem;
    height: 1.25rem;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.rvt-switch input[type="checkbox"]:checked::before {
    transform: translateX(1.5rem);
}

.rvt-switch label {
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}

 
/* Search Suggestions Autocomplete Styling */
.search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-suggestions li {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
}

.search-suggestions li:last-child {
    border-bottom: none;
}

.search-suggestions li:hover,
.search-suggestions li.highlighted {
    background-color: #f8f9fa;
}

.search-suggestions li strong {
    color: #006298;
    font-weight: 600;
}

.search-suggestions li small {
    color: #666;
    font-size: 0.875rem;
    line-height: 1.2;
}

/* Input container positioning for autocomplete */
.rvt-input-group {
    position: relative;
}

/* Loading state for search */
.search-loading {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #006298;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

/* Enhanced input styling for search */
.rvt-text-input:focus {
    outline: 2px solid #006298;
    outline-offset: 2px;
    border-color: #006298;
}

/* Rivet Link Hub Enhancements */
.accessible-link-hub {
    position: relative;
    outline: none;
    transition: all 0.2s ease-in-out;
    width:50%;
}

.accessible-link-hub:focus {
    outline: 2px solid #006298;
    outline-offset: 2px;
}

.accessible-link-hub:hover {
    text-decoration: none !important;
}



.rvt-link-hub__item:hover .rvt-link-hub__actions {
    opacity: 1;
}

/* Popular Link Hub Badge */
.rvt-link-hub__badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    background: #ff9800;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Color scheme variations for user module links */
.link-color-primary .rvt-link-hub__link {
    border-left: 4px solid #006298;
    background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);
}

.link-color-secondary .rvt-link-hub__link {
    border-left: 4px solid #990000;
    background: linear-gradient(135deg, #ffebee 0%, #ffffff 100%);
}

.link-color-tertiary .rvt-link-hub__link {
    border-left: 4px solid #7b1fa2;
    background: linear-gradient(135deg, #f3e5f5 0%, #ffffff 100%);
}

.link-color-quaternary .rvt-link-hub__link {
    border-left: 4px solid #388e3c;
    background: linear-gradient(135deg, #e8f5e8 0%, #ffffff 100%);
}

/* Popular links color variations */
.popular-link-accent .rvt-link-hub__link {
    border-left: 4px solid #ff9800;
    background: linear-gradient(135deg, #fff3e0 0%, #ffffff 100%);
}

.popular-link-highlight .rvt-link-hub__link {
    border-left: 4px solid #0288d1;
    background: linear-gradient(135deg, #e1f5fe 0%, #ffffff 100%);
}

.popular-link-emphasis .rvt-link-hub__link {
    border-left: 4px solid #689f38;
    background: linear-gradient(135deg, #f1f8e9 0%, #ffffff 100%);
}

/* App links color variations */
.app-link-light .rvt-link-hub__link {
    border-left: 3px solid #757575;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);
}

.app-link-neutral .rvt-link-hub__link {
    border-left: 3px solid #616161;
    background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
}

.app-link-subtle .rvt-link-hub__link {
    border-left: 3px solid #546e7a;
    background: linear-gradient(135deg, #eceff1 0%, #ffffff 100%);
}

/* Enhanced hover effects with color-specific changes */
.link-color-primary:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #bbdefb 0%, #e3f2fd 100%);
    box-shadow: 0 4px 8px rgba(0, 98, 152, 0.2);
    transform: translateY(-1px);
}

.link-color-secondary:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #ffcdd2 0%, #ffebee 100%);
    box-shadow: 0 4px 8px rgba(153, 0, 0, 0.2);
    transform: translateY(-1px);
}

.link-color-tertiary:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #e1bee7 0%, #f3e5f5 100%);
    box-shadow: 0 4px 8px rgba(123, 31, 162, 0.2);
    transform: translateY(-1px);
}

.link-color-quaternary:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #c8e6c9 0%, #e8f5e8 100%);
    box-shadow: 0 4px 8px rgba(56, 142, 60, 0.2);
    transform: translateY(-1px);
}

/* Popular link hover effects */
.popular-link-accent:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #ffe0b2 0%, #fff3e0 100%);
    box-shadow: 0 4px 8px rgba(255, 152, 0, 0.2);
    transform: translateY(-1px);
}

.popular-link-highlight:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #b3e5fc 0%, #e1f5fe 100%);
    box-shadow: 0 4px 8px rgba(2, 136, 209, 0.2);
    transform: translateY(-1px);
}

.popular-link-emphasis:hover .rvt-link-hub__link {
    background: linear-gradient(135deg, #dcedc8 0%, #f1f8e9 100%);
    box-shadow: 0 4px 8px rgba(104, 159, 56, 0.2);
    transform: translateY(-1px);
}

 
.apps-link-hub.rvt-link-hub--vertical::-webkit-scrollbar {
    width: 6px;
}

.apps-link-hub.rvt-link-hub--vertical::-webkit-scrollbar-track {
    background: transparent;
}

.apps-link-hub.rvt-link-hub--vertical::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .rvt-link-hub__link {
        border: 2px solid #000 !important;
    }
    
    .accessible-link-hub:focus {
        outline: 3px solid #000 !important;
    }

    .search-suggestions {
        border: 2px solid #000;
    }

    .search-suggestions li:hover,
    .search-suggestions li.highlighted {
        background-color: #000;
        color: #fff;
    }

    .rvt-dialog {
        border: 2px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .accessible-link-hub,
    .rvt-link-hub__link,
    .search-suggestions li,
    .rvt-button,
    .rvt-text-input,
    .rvt-switch input[type="checkbox"],
    .rvt-switch input[type="checkbox"]::before {
        transition: none !important;
    }
    
    .rvt-link-hub__item:hover .rvt-link-hub__link {
        transform: none !important;
    }

    .search-loading {
        animation: none !important;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .rvt-link-hub.rvt-list-inline {
        display: block;
    }
    
    .rvt-link-hub__item {
        margin-bottom: 0.5rem;
    }
    
    .rvt-link-hub__actions {
        position: static;
        opacity: 1;
        margin-top: 0.5rem;
    }
    
    .accessible-link-hub:focus {
        outline-offset: 1px;
    }

    .search-suggestions {
        max-height: 200px;
    }

    .search-suggestions li {
        padding: 10px 12px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .rvt-link-hub.rvt-list-inline .rvt-link-hub__item {
        width: calc(50% - 0.5rem);
        margin-right: 1rem;
    }
}

@media (min-width: 1200px) {
   /* .rvt-link-hub.rvt-list-inline .rvt-link-hub__item {
        width: calc(33.333% - 0.67rem);
        margin-right: 1rem;
    }*/
}

/*helpdesk css*/


@media screen and (min-width: 2000px) {
    .rvt-c-hero__image-cutout img

{
    margin-left: +7rem;
    width: 25em;
    height: auto;
}

}


@media screen and (min-width: 740px) {
    .rvt-c-hero__image-cutout

{
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.rvt-c-hero__image-cutout img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rvt-c-hero--alternate::after {
    content: "";
    display: block;
    background-repeat: space;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 6rem;
}

}

.rvt-story__img {
    background: #f7f7f8;
}

@media screen and (min-width: 740px) {
    .rvt-c-hero {
        padding: 4rem 0
    }

    .rvt-c-hero__figure {
        position: absolute;
        margin-top: 0;
        margin-bottom: 0;
        right: 1.5rem;
        bottom: calc(4rem * -2)
    }

    .rvt-c-hero__video {
        margin-top: 0;
        right: 1.5rem;
        bottom: calc(4rem * -1.2)
    }

    .rvt-c-hero__image-cutout {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }

        .rvt-c-hero__image-cutout img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .rvt-c-hero--short {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .rvt-c-hero--alternate {
        position: relative;
        overflow: hidden;
        padding-top: 6rem
    }

        .rvt-c-hero--alternate::after {
            content: "";
            display: block;
            background-repeat: space;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: -1;
            width: 100%;
            height: 6rem;
        }

    .rvt-bg-black-030 {
        background: #f7f7f8 !important;
    }

    .rvt-button--link:hover {
        background-color: #7a1705;
        border-color: #7a1705;
        color: #fff;
    }

    .rvt-button--link {
        background-color: #900;
        border-color: #900;
        box-shadow: 0px 0.25rem 0.25rem rgba(36, 49, 66, .16);
    }

    .rvt-c-card {
        background-color: #fff;
        box-shadow: 0px .25rem 10px rgba(36, 49, 66, .2);
        padding-top: 1.5rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        position: relative;
        border-radius: .25rem
    }

    .rvt-c-card__header {
        display: flex;
        align-items: center
    }

    .rvt-c-card__title {
        font-size: 1.25rem;
        font-weight: 700;
        padding-right: 1rem;
        line-height: 1.2
    }

        .rvt-c-card__title a {
            text-decoration: none;
            color: #243142
        }

            .rvt-c-card__title a::after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0
            }

            .rvt-c-card__title a:hover {
                color: #006298;
                text-decoration: underline
            }

    .rvt-c-card__header-icon {
        width: 2rem;
        height: 2rem;
        display: flex;
        margin-left: auto;
        background-color: #edf1f6;
        border-radius: 999rem;
        justify-content: center;
        align-items: center;
        color: #006298;
        flex-shrink: 0
    }

    .rvt-c-card__body {
        border-top: 1px solid #ebecee;
        margin-top: 1.5rem;
        /*color: #707784*/
    }

    @media screen and (min-width: 30em) {
        .rvt-c-card {
            padding: 2rem
        }
    }
}


@media screen and (min-width: 46.25em) {
    .rvt-story__img img {
        object-fit: contain;
    }
}