.field-validation-error {
    margin-bottom: 5px;
    color: rgba(220, 6, 0);
    display: block;
}

/* NEW DATERANGEPICKER */
.PastDatePicker,
.FutureDatePicker,
.FutureOnlyDatePicker,
.PastOnlyDatePicker,
.CurrentPlusFutureDatePicker {
    /*
        Base64 encode the svg (not the entire url, just the svg tag and its contents! ) it works in all browsers. Removed URL escaping before converting to base64 
        --bs-calendar-icon-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.75 1V3.25M15.25 1V3.25M1 16.75V5.5C1 4.90326 1.23705 4.33097 1.65901 3.90901C2.08097 3.48705 2.65326 3.25 3.25 3.25H16.75C17.3467 3.25 17.919 3.48705 18.341 3.90901C18.7629 4.33097 19 4.90326 19 5.5V16.75M1 16.75C1 17.3467 1.23705 17.919 1.65901 18.341C2.08097 18.7629 2.65326 19 3.25 19H16.75C17.3467 19 17.919 18.7629 18.341 18.341C18.7629 17.919 19 17.3467 19 16.75M1 16.75V9.25C1 8.65326 1.23705 8.08097 1.65901 7.65901C2.08097 7.23705 2.65326 7 3.25 7H16.75C17.3467 7 17.919 7.23705 18.341 7.65901C18.7629 8.08097 19 8.65326 19 9.25V16.75' stroke='#292524' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    */
    --bs-calendar-icon-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNC43NSAxVjMuMjVNMTUuMjUgMVYzLjI1TTEgMTYuNzVWNS41QzEgNC45MDMyNiAxLjIzNzA1IDQuMzMwOTcgMS42NTkwMSAzLjkwOTAxQzIuMDgwOTcgMy40ODcwNSAyLjY1MzI2IDMuMjUgMy4yNSAzLjI1SDE2Ljc1QzE3LjM0NjcgMy4yNSAxNy45MTkgMy40ODcwNSAxOC4zNDEgMy45MDkwMUMxOC43NjI5IDQuMzMwOTcgMTkgNC45MDMyNiAxOSA1LjVWMTYuNzVNMSAxNi43NUMxIDE3LjM0NjcgMS4yMzcwNSAxNy45MTkgMS42NTkwMSAxOC4zNDFDMi4wODA5NyAxOC43NjI5IDIuNjUzMjYgMTkgMy4yNSAxOUgxNi43NUMxNy4zNDY3IDE5IDE3LjkxOSAxOC43NjI5IDE4LjM0MSAxOC4zNDFDMTguNzYyOSAxNy45MTkgMTkgMTcuMzQ2NyAxOSAxNi43NU0xIDE2Ljc1VjkuMjVDMSA4LjY1MzI2IDEuMjM3MDUgOC4wODA5NyAxLjY1OTAxIDcuNjU5MDFDMi4wODA5NyA3LjIzNzA1IDIuNjUzMjYgNyAzLjI1IDdIMTYuNzVDMTcuMzQ2NyA3IDE3LjkxOSA3LjIzNzA1IDE4LjM0MSA3LjY1OTAxQzE4Ljc2MjkgOC4wODA5NyAxOSA4LjY1MzI2IDE5IDkuMjVWMTYuNzUnIHN0cm9rZT0nIzI5MjUyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPg==);
    width: 200px !important;
    background-image: var(--bs-calendar-icon-image);
    background-repeat: no-repeat;
    background-position: right 1rem bottom 50%
}

.PastDatePicker:after,
.FutureDatePicker:after,
.FutureOnlyDatePicker:after,
.PastOnlyDatePicker,
.CurrentPlusFutureDatePicker:after {
    content: "mm/dd/yyyy";
}

.form-check-label {
    font-weight: 400 !important;
    font-size: 1rem !important;
}

.initialHide
{
    display: none;
}


/* Artifacts */
.artifact-file {
    margin: 15px 0 10px 0;
    padding: 15px 20px 5px 20px;
    border: 1px solid #BBBBBB;
    background-color: #F7F7F7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .artifact-file .remove-artifact {
        float: right;
        margin-top: 28px;
        line-height: 18px;
    }

.virus-status {
    font-style: italic;
}

.virus-scan-complete .virus-status,
.virus-scan-failed .virus-status {
    font-style: normal;
}

.virus-scan-complete .virus-status {
    color: #1D9D56;
}

.virus-scan-failed .virus-status {
    color: rgba(220, 6, 0);
}

.virus-scan-complete .label-block {
    padding-top: 0;
}

.text-justify {
    text-align: justify !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.wrap-all-text {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever 
    word-break: break-all; */
    /* Instead use this non-standard one: */
    word-break: break-word;
}

.min-width-custom {
    min-width: 150px !important;
}

.form-control[readonly], .form-select[readonly] {
    color: #9a938e;
    background-color: #f8f6f2;
    border-color: #bbb8b6;
    opacity: 1;
}

.disableLink {
    cursor: default;
    pointer-events: none;
}
.accordion-button:focus {
    outline: 2px solid #06f;
    outline-offset: 1px;
}

.grid-container {
    display: grid;
    gap: 10px;
}

.grid-header, .grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 10px;
    padding: 8px;
}

.grid-header {
    font-weight: bold;
    background: #f0f0f0;
}

.grid-row {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* Mobile view - stack items */
@media (max-width: 600px) {
    .grid-header {
        display: none; /* Hide headers on mobile */
    }

    .grid-row {
        grid-template-columns: 1fr;
    }
        .grid-row div::before {
            font-weight: bold;
            color: #555;
            display: block;
            margin-bottom: 2px;
        }

       
}
/*used in report page in LVP*/
.dropdown-toggle-btn {
    white-space: normal;
    position: relative;
}
    .dropdown-toggle-btn.show {
        border: none;
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

.caret {
    display: inline-block;
    color:white;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.fs-7 {
    font-size: 0.75rem !important;
}