/*# sourceMappingURL=custom.min.css.map */
/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/



.rz-group-header{
    display: none!important;
}


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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#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;
}

.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."
}

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

.loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

.loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

.loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

code {
    color: #c02d76;
}

.auth-one-bg .bg-overlay {
    opacity: 0.6;
}

dl, ol, ul {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}

.modal-footer {
    /*padding: 0px !important;
    margin: 0px !important;*/
}


div[avatar-data-name^="A"] {
    background-color: #ff7f0e !important; /* Orange */
}

div[avatar-data-name^="B"] {
    background-color: #2ca02c !important; /* Green */
}

div[avatar-data-name^="C"] {
    background-color: #1f77b4 !important; /* Blue */
}

div[avatar-data-name^="D"] {
    background-color: #d62728 !important; /* Red */
}

div[avatar-data-name^="E"] {
    background-color: #9467bd !important; /* Purple */
}

div[avatar-data-name^="F"] {
    background-color: #8c564b !important; /* Brown */
}

div[avatar-data-name^="G"] {
    background-color: #e377c2 !important; /* Pink */
}

div[avatar-data-name^="H"] {
    background-color: #7f7f7f !important; /* Gray */
}

div[avatar-data-name^="I"] {
    background-color: #bcbd22 !important; /* Yellow-Green */
}

div[avatar-data-name^="J"] {
    background-color: #17becf !important; /* Cyan */
}

div[avatar-data-name^="K"] {
    background-color: #ff9896 !important; /* Light Red */
}

div[avatar-data-name^="L"] {
    background-color: #aec7e8 !important; /* Light Blue */
}

div[avatar-data-name^="M"] {
    background-color: #ffbb78 !important; /* Light Orange */
}

div[avatar-data-name^="N"] {
    background-color: #98df8a !important; /* Light Green */
}

div[avatar-data-name^="O"] {
    background-color: #ff9896 !important; /* Light Red */
}

div[avatar-data-name^="P"] {
    background-color: #ff7f0e !important; /* Orange */
}

div[avatar-data-name^="Q"] {
    background-color: #2ca02c !important; /* Green */
}

div[avatar-data-name^="R"] {
    background-color: #1f77b4 !important; /* Blue */
}

div[avatar-data-name^="S"] {
    background-color: #d62728 !important; /* Red */
}

div[avatar-data-name^="T"] {
    background-color: #9467bd !important; /* Purple */
}

div[avatar-data-name^="U"] {
    background-color: #8c564b !important; /* Brown */
}

div[avatar-data-name^="V"] {
    background-color: #e377c2 !important; /* Pink */
}

div[avatar-data-name^="W"] {
    background-color: #7f7f7f !important; /* Gray */
}

div[avatar-data-name^="X"] {
    background-color: #bcbd22 !important; /* Yellow-Green */
}

div[avatar-data-name^="Y"] {
    background-color: #17becf !important; /* Cyan */
}

div[avatar-data-name^="Z"] {
    background-color: #ffbb78 !important; /* Light Orange */
}



/*  Timesheet */
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th, .table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: start;
}

.table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.thDates {
    /*background-color: #f2f2f2;*/
    font-weight: 400 !important;
    font-size: 12px !important;
}

.project-header {
    background-color: #e9ecef;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}

.small-time-input {
    width: 60px;
    height: 30px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.total-cell {
    font-weight: bold;
}

.task-list {
    /*list-style-type: none;*/
    margin: 0;
    padding: 0 20px;
}

.task-item {
    margin-bottom: 5px;
    /*color: #d9534f;*/ /* Example color for task items */
}

.exceeds-limit {
    color: red;
    font-weight: bold;
}

.small-input {
    width: 90px;
    height: 30px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.colored-dot {
    margin-top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.badge-normal {
    font-size: inherit !important;
}

.rz-dialog-wrapper {
    z-index: 1002!important;
}
.rz-switch {
    zoom: 0.8 !important;
}


/*#printArea {
    display: none !important;
}*/

@media print {
    #printArea {
        display: block !important;
    }
}

.end-cus-0 {
    right: 0 !important;
}

.rz-grid-table {
    z-index: 0 !important;
}

.rz-grid-table thead {
    z-index: 0 !important;
}


.rz-button.rz-base.rz-shade-default {
    background-color: #ff6d41 !important;
    color: #ffffff !important;
}

.rz-button.rz-primary.rz-shade-default {
    background-color: #0ab39c !important;
    color: #ffffff !important;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    white-space: normal !important;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    text-transform: capitalize !important;
}

/*Hide grouping header => Note that this solution is temporary for timesheet approvals page only */
.rz-group-header {
    display: none;
}


.rz-data-row {
    cursor: pointer;
}



.table-card {
   overflow: visible;  /* Prevent clipping */
}

.table-borderless tr td {
    border-width: 0 !important;
}

.cursor-pointer {
    cursor: pointer;
}


.archive-pro {
    text-decoration: line-through;
}


.card-header, .card-body {
    background-color: #f8f9fa;
}

.stat-section {
    text-align: center;
    padding: 10px;
}


.rz-dropdown-item.rz-state-highlight{
    background-color:transparent;
}

.bg-primary-subtle {
    background-color: #7D92CE !important;
}
/*.bg-secondary-subtle {
    background-color: #3577f1 !important;
}*/
/*.bg-success-subtle {
    background-color: #0ab39c !important;
}*/
.bg-info-subtle {
    background-color: #299cdb !important;
}
/*.bg-warning-subtle {
    background-color: #f7b84b !important;
}*/
.bg-danger-subtle {
    background-color: #EF917F !important;
}
.bg-light-subtle {
    background-color: #f3f6f9 !important;
}
.bg-dark-subtle {
    background-color: #212529 !important;
}
/*Dark Mode*/
[data-bs-theme="dark"] table.table {
    background: #202529;
}

[data-bs-theme="dark"] .card-header.border-0 {
    background: #202529;
}

[data-bs-theme="dark"] div#headerPlaceholder {
    background: #191d21;
}

[data-bs-theme="dark"] th {
    background: #202529 !important;
}

[data-bs-theme="dark"] .table-responsive.table-card {
    background: #202529;
}

[data-bs-theme="dark"] .card-body {
    background: #1e2529;
}
[data-bs-theme="dark"] input#myInput {
    background: #252a2f;
}
[data-bs-theme="dark"] .daterangepicker[b-x77lgbiy4z] {
    background: #33474e !important
}
[data-bs-theme="dark"] .daterangepicker .calendar-table[b-x77lgbiy4z] {
    background: #33474e !important
}
[data-bs-theme="dark"] td.off[b-m5gu62ugh9], td.off.in-range[b-m5gu62ugh9], td.off.start-date[b-m5gu62ugh9], td.off.end-date[b-m5gu62ugh9] {
    background: #33474e !important
}
[data-bs-theme="dark"] .group-header {
    background: #1e2529
}
[data-bs-theme="dark"] .card-header.border-1 {
    background: #1c2529;
}
[data-bs-theme="dark"] .card-header {
    background-color: #1c2529;
}
[data-bs-theme="dark"] .dropdown {
    background-color: #1a1d2100 !important;
}
[data-bs-theme="dark"] .rz-dropdown {
    background: #252a2f;
    border-color: #252a2f
}
[data-bs-theme="dark"] ul {
    background: #212529;
}
[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #202529;
}
.col-sm-3 {
    width: stretch;
}
thead.sticky-top {
    position: sticky;
    top: 0px !important;
}
.d-flex.justify-content-between.align-items-center {
    margin-left: 10px;
    margin-right: 10px;
    gap: 5px;
}
[data-bs-theme="dark"] .rz-dropdown {
    background: #252a2f;
    border-color: #252a2f
}
[data-bs-theme="dark"] li.dropdown-item {
    background: #212529;
}
[data-bs-theme="dark"] ul {
    background: #45565e00;
}

.card-body
{
    height:100%!important
}