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

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

.validation-message {
    color: #e50000;
    font-size: 11px;
}

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

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

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

h1:focus {
    outline: none;
}

/* Global Helper */
.m24red {
    color: #ed2024
}
.m24black {
    color: #050708
}

.d-inline {
    display: inline;
}

a.pointer {
    cursor: pointer;
}

a.reset {
    color: inherit; 
    text-decoration: inherit;
}
a.reset:hover {
    text-decoration: none; /* Override hover text-decoration */
}


/* Theme Overrides */
.navbar-vertical,
.navbar-top {
    z-index: 999;
}
/*.navbar-vertical .navbar-nav .nav-item .nav-link {
    color: #444444;
}
    .navbar-vertical .navbar-nav .nav-item .nav-link:hover, 
    .navbar-vertical .navbar-nav .nav-item .nav-link:focus {
        color: #5e6e82;
    }*/
.badge-subtle-light {
    border-color: var(--falcon-light-text-emphasis);
    border-style: solid;
    border-width: 1px;
    color: var(--falcon-light-text-emphasis);
    background-color: var(--falcon-light-bg-subtle);
}
.badge-subtle-purple {
    color: #fff;
    background-color: #af25bb;
}

.badge.counter {
    font-size:0.7em;
    font-weight:400;
}

.form-label {
    margin-bottom: 0.2rem;
}
.form-control {
    font-size: 0.8rem;
    padding: 0.3125rem 0.41rem;
    height: 32px;
}
.form-select {
    font-size: 0.8rem;
     padding: 0.3125rem 3rem 0.3125rem 0.41rem;
}
.form-check-input:checked {
    background-color: #e50000;
    border-color: #e50000;
}
textarea.form-control {
    height:unset;
}
.accordion-button:not(.collapsed) {
    color:#e50000;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--falcon-danger);
    background-color: transparent;
    border-bottom: 2px solid var(--falcon-danger);
}
.tab-tickets-status .nav-item .nav-link.active, .tab-contact-details .nav-item .nav-link.active {
    border-bottom: 2px solid var(--falcon-danger);
    background-color: var(--falcon-emphasis-bg);
}
    .tab-tickets-status .nav-item .nav-link.active .icon, .tab-tickets-status .nav-item .nav-link.active span, .tab-contact-details .nav-item .nav-link.active .icon, .tab-contact-details .nav-item .nav-link.active span {
        color: var(--falcon-danger) !important;
    }


.btn-sm {
    padding-top:0.28rem !important;
}
/* input groups responsive */
.input-group-text {
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1rem;

}
@media(max-width: 575px) {
    .input-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .input-group-text {
        font-size: 0.8rem;
        padding: 0.25rem 0;
        background-color: unset;
        border: none;
    }

    .input-group > .form-select,
    .input-group > .form-select-sm,
    .input-group > .form-control {
        max-width: 98%;
        width: 100%;
    }
}

@media(min-width:576px) {
    .input-group-w76 {
        min-width: 76px;
    }

    .input-group-w96 {
        min-width: 96px;
    }
}
/* END Theme Overrides */

/* Theme Layout Global Additions */
.letter-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e50000;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 13px;
}

[data-bs-theme=dark] .logo-light {
    display: none;
}
[data-bs-theme=light] .logo-dark {
    display: none;
}

/* Syncfusion Blazor Overrides ------------------------------------------------------------- */
input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.8rem;
    font-weight: normal;
}

[data-bs-theme=dark] .e-input-group,
[data-bs-theme=dark] .e-input-group.e-control-wrapper,
[data-bs-theme=dark] .e-float-input,
[data-bs-theme=dark] .e-float-input.e-input-group,
[data-bs-theme=dark] .e-float-input.e-control-wrapper,
[data-bs-theme=dark] .e-float-input.e-input-group.e-control-wrapper {
    background: #0b1727;
    color: #fff;
}

/* for Grid control --------------------------------- */
/* fix responsive width */
.e-grid .e-virtualtable {
    will-change: transform;
    z-index: 1;
    width: 100%;
}

.e-grid.e-default table th[rowspan] {
    border-width: 0 1px 0 0;
}

.e-grid .e-headercelldiv {
    font-size: 12px !important;
    font-weight: 500 !important;
    height: 16px;
    line-height: 16px;
    /*margin: -7px -7px -7px -8px;
    padding: 0 0.4em;
    text-align: left;*/
}

.e-grid .e-rowcell {
    font-size: 13px;
    letter-spacing: -0.56px;
    line-height: 15px;
    border-bottom: 1px Solid #dee2e6;
    border-right: 1px Solid #dee2e6;
    border-top-width: 0;
    border-left-width: 0;
}

.grid-small-contents .e-grid .e-rowcell {
    font-size: 12px;
    line-height: 14px;
}

.grid-no-select-cells .e-grid .e-focused:not(.e-menu-item) {
    box-shadow: none !important;
}

.grid-small-header .e-grid .e-headercel {
    padding: 9px 5px;
}

.grid-small-header .e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv {
    padding: 0 0px 0 5px;
}

.grid-small-contents .e-grid .e-rowcell {
    font-size: 13px;
    line-height: 16px;
}

.e-grid .e-excelexport::before, .e-grid-menu .e-excelexport::before {
    content: "\e7e9";
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    margin: 0;
    min-width: 12px;
    width: auto;
    font-size: 16px;
    line-height: 14px;
}
.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    font-size: 13px;
    padding: 4px;
}
.e-pager .e-currentitem {
    border: 3px solid #dee2e6;
}
/* style command buttons */
.e-btn.e-flat {
    border-color: #eaeaea;
    font-size: 13px;
}

    .e-btn.e-flat:hover {
        border-color: #b7b7b7;
        background-color: #eaeaea;
    }
.e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn {
    padding: 4px 7px;
}
.e-grid .e-unboundcelldiv .e-btn:hover .e-icons {
    color: #3c3c3c;
}
[data-bs-theme=dark] .e-grid .e-unboundcelldiv .e-btn:hover .e-icons {
    color: #fff;
}

[data-bs-theme=dark] .e-grid .e-gridheader {
    background-color: #121e2d;
    border-bottom-color: #444c54;
    border-top-color: #444c54;
    color: #fff;
}
[data-bs-theme=dark] .e-grid .e-table {
    background-color: #121e2d;
}
[data-bs-theme=dark] .e-grid .e-headercell,
[data-bs-theme=dark].e-grid .e-detailheadercell {
    background-color: #121e2d;
    border-color: #444c54;
}
[data-bs-theme=dark] .e-grid .e-rowcell {
    border-bottom: 1px Solid #444c54;
    border-right: 1px Solid #444c54;
}
[data-bs-theme=dark] .e-pager {
    background-color: #121e2d;
    color: #ced4da;
    opacity: 1;
}
    [data-bs-theme=dark] .e-pager .e-pagercontainer {
        background-color: #121e2d;
        border-color: #444c54;
    }
    [data-bs-theme=dark] .e-pager .e-prevpagedisabled,
    [data-bs-theme=dark] .e-pager .e-prevpage,
    [data-bs-theme=dark] .e-pager .e-nextpage,
    [data-bs-theme=dark] .e-pager .e-nextpagedisabled,
    [data-bs-theme=dark] .e-pager .e-lastpagedisabled,
    [data-bs-theme=dark] .e-pager .e-lastpage,
    [data-bs-theme=dark] .e-pager .e-firstpage,
    [data-bs-theme=dark] .e-pager .e-firstpagedisabled {
        background-color: #121e2d;
    }
    [data-bs-theme=dark] .e-btn.e-flat {
        border-color: #444c54;
    }
    [data-bs-theme=dark] .e-btn.e-flat:hover {
        border-color: #444c54;
        background-color: #212529;
    }
/*.e-grid .e-unboundcelldiv .e-btn:hover .e-icons {
    color: unset !important;
}*/
/* for Toast ---------------------- */
.e-toast {
    z-index: 1100 !important;
}
/* for Datepicker (only?) in Input Groups ---------------------- */
.input-group .e-input-group,
.input-group .e-input-group.e-control-wrapper {
    width: unset;
}

@media (max-width: 576px) {
    .input-group .e-input-group,
    .input-group .e-input-group.e-control-wrapper {
        width: 100%;
    }
}

/* for Combobox */
.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border: var(--falcon-border-width) solid var(--falcon-gray-300);
    border-radius: var(--falcon-border-radius);
    box-shadow: var(--falcon-box-shadow-inset);
}

.e-combobox,
.input-group .e-combobox,
.input-group-style .e-combobox {
    font-size: 0.8rem !important;
    padding: 0.3125rem 0.41rem !important;
    
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #3874ff !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0),inset 0 0 0 30px var(--phoenix-input-bg),0 0 0 0.25rem rgba(56,116,255,.25);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0),inset 0 0 0 30px var(--phoenix-input-bg),0 0 0 0.25rem rgba(56,116,255,.25);
}

.e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
    border-right-width: 0 !important;
    border-left-width: 0 !important;
}


/* for Tooltip */
.e-tooltip:hover {
    cursor: pointer;
}

/* chips */
.e-chip-list .e-chip.e-outline {
    color: #777B80 !important;
    font-size: 13px;
    border: 1px solid #777B80;
    border-radius: 4px;
    padding: 14px 18px 14px 18px;
    line-height: 1.2em;
}

    .e-chip-list .e-chip.e-outline:hover,
    .e-chip-list .e-chip.e-outline.e-active {
        color: #2D2E31 !important;
        background-color: #FFE0CA !important;
        border: 1px solid #FFE0CA !important;
    }

/*.e-dlg-overlay {
    z-index: 1030 !important;
    transform: translate3d(0, 0, 0);
}*/

.btn .e-icons {vertical-align: middle;}

/* for readonly*/
.form-control[readonly], .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly], .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
    background: #f6f6f6;
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
    background: #f6f6f6;
}

    .e-input-group .e-input[readonly] ~ span.e-input-group-icon, .e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon, .e-float-input input[readonly] ~ span.e-input-group-icon, .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon, .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
        background: #f6f6f6;
    }    

/* stepper with fontawesome */
.e-stepper .e-stepper-steps .e-step-container .e-step, .e-stepper .e-stepper-steps .e-step-container .e-indicator {
    padding: 8px 8px;
}
/* End Syncfusion Blazor Overrides ------------------------------------------------------------- */


/* Create Request Wizard */
.step-content {
    display:none;
    pointer-events: none;
}
    /* Display the active step content */
    .step-content.step-active {
        display: block;
        pointer-events: all;
    }