/* Target the Telerik search textbox container within the grid toolbar */
.k-grid-toolbar .k-searchbox,
.k-grid-toolbar .k-textbox {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #707070 !important; /* Adjust hex color to match your original line color */
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
}

    /* Optional: Keep the search icon nicely aligned with the text */
    .k-grid-toolbar .k-searchbox .k-input-icon,
    .k-grid-toolbar .k-textbox .k-icon {
        margin-right: 8px;
        color: #424242;
    }

/* Full Screen Absolute Cover Backdrop */
.fca-loading-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #0b2240; /* Official FCA Deep Federal Navy */
    background-image: radial-gradient(circle at center, #14355e 0%, #0b2240 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999; /* Keeps overlay safely above all nav and sidebars */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Centralized Branded UI Box Container */
.fca-loading-card {
    text-align: center;
    background: #ffffff;
    padding: 2.5rem 3.5rem;
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    border-top: 5px solid #d4af37; /* FCA Agricultural Gold Accent Crest */
    max-width: 450px;
    width: 90%;
}

/* Custom CSS Branded Loading Ring Animation */
.fca-spinner-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    margin-bottom: 1.5rem;
}

    .fca-spinner-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 48px;
        height: 48px;
        margin: 8px;
        border: 4px solid #0b2240;
        border-radius: 50%;
        animation: fca-spin-keyframes 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #0b2240 transparent transparent transparent;
    }

        .fca-spinner-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .fca-spinner-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .fca-spinner-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes fca-spin-keyframes {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Typography Accent Styles */
.fca-loading-title {
    color: #0b2240;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 0.75rem 0;
    letter-spacing: -0.02em;
}

.fca-loading-divider {
    height: 2px;
    width: 40px;
    background-color: #d4af37;
    margin: 0.5rem auto 1rem auto;
}

.fca-loading-subtitle {
    color: #4a5568; /* Deep Charcoal text color for clarity */
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0 0 1.5rem 0;
}

/* Small Secure Environment Footer Stamp */
.fca-secure-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}



.compact-sub-header-dropdown {
    border-radius: 8px !important; /* Adjust pixel size to change roundness */
    background-color: #f8f9fa !important; /* Changes the outer component backing color */
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0px, rgba(255, 255, 255, 0.3) -1px -1px 6px 1px;
    border-color: #ced4da !important; /* Optional: Softens the border outline color */
}

    .compact-sub-header-dropdown .k-input-inner {
        background-color: #fff !important; /* Matches the inner text well color */
        border-radius: 8px 0 0 8px !important; /* Rounds internal left text corners */
        padding: 0px 15px;
    }

    .compact-sub-header-dropdown .k-icon-button {
        padding: 0px 5px;
    }

/* Tightens up the inner font size and layout heights */
.compact-header-dropdown .k-input-inner {
    margin: 2px;
    font-size: 0.85rem !important;
}

.dropdown-text-fix {
    font-size: 0.85rem !important;
    line-height: 1.2 !important;
}

/* Style the main dropdown box container element */
.compact-header-dropdown {
    border-radius: 8px !important; /* Adjust pixel size to change roundness */
    background-color: #f8f9fa !important; /* Changes the outer component backing color */
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0px, rgba(255, 255, 255, 0.3) -1px -1px 6px 1px;
    border-color: #ced4da !important; /* Optional: Softens the border outline color */
}

    /* Style the internal text element wrapper area */
    .compact-header-dropdown .k-input-inner {
        background-color: #f8f9fa !important; /* Matches the inner text well color */
        border-radius: 8px 0 0 8px !important; /* Rounds internal left text corners */
    }

    /* Style the right-side drop-down arrow button element */
    .compact-header-dropdown .k-input-button {
        background-color: #e9ecef !important; /* Gives the arrow button a distinct background shading */
        border-radius: 0 8px 8px 0 !important; /* Rounds internal right button corners */
        color: #495057 !important; /* Colors the arrow icon graphic itself */
    }
/* /Telerik DDL Styles */

.drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 220px;
    border: 2px dashed #007bff;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    margin-bottom: 0;
}

    .drop-zone:hover {
        background-color: #e9ecef;
        border-color: #0056b3;
    }

.drop-zone-active {
    background-color: #e3f2fd;
    border: 2px solid #0d47a1;
    transform: scale(1.01);
}

.drop-zone-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.native-hidden-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}



.YellowHighlight {
    background-color: yellow !important;
}

.LightBlueHighlight {
    background: #d9efff !important;
}

.blockMsg {
    font-size: 16px;
    text-shadow: 0 0 2px #000;
}

.cursor-disabled {
    cursor: not-allowed !important
}

/*invisible marker used for tooltips input corner*/
.cellmarker_tl {
    z-index: 10;
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px -15px -15px 0px;
    /*background-color: green;*/
    position: relative;
}

.k-grid tr.no-children td.k-hierarchy-cell * {
    display: none;
}

.k-grid tr.no-children td.k-hierarchy-cell {
    pointer-events: none;
}

.crs_computed_cell, .crs_total_container, .crs_computed_input_container {
    /*padding: 1em 3em;*/
    /*border: 1px solid grey;*/
    background-image: linear-gradient(135deg, #005ea2, #005ea2 10px, transparent 10px, transparent);
}

.crs_variable {
    vertical-align: top !important;
}

.crs_notthesource_cell {
    /*background-image: linear-gradient(45deg, #777, #777 10px, transparent 10px, transparent);*/
    /*border-right: solid 3px red !important*/
}

.swal2-container {
    z-index: 9999;
}

.k-wizard-content {
    overflow-x: hidden;
}

.select2-container--open {
    z-index: 9999999
}

.input_textmarker {
    position: absolute;
    bottom: -2px;
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    letter-spacing: 2px;
    font-weight: bold
}


.crs_computed_input {
    /*padding: 0px 1px 0px 0px;
    background-color: #efefef;
    box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    border-right: 1px solid #ccc;*/
}


#ScheduleDescription {
    max-width: 600px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px
}

.quickeditinput {
    width: 100px;
    outline-color: #005ea2;
    background-color: transparent;
    border: 0px;
    text-align: center;
}

.exceptionstab {
    width: 120px
}

    .exceptionstab > a.active {
        background: #eeeded !important;
    }


/*CKEditor basic tables */
.markdown > table:not([class]) {
    display: table;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}

    .markdown > table:not([class]) > thead > tr > th {
        vertical-align: middle;
        padding: .75rem 1.25rem;
        min-width: 2em;
        padding: .4em;
        background: rgba(0,0,0,.05);
    }

    .markdown > table:not([class]) > tbody > tr > td {
        vertical-align: middle;
        padding: .75rem 1.25rem;
        min-width: 2em;
        padding: .4em;
    }

    .markdown > table:not([class]), .markdown > table:not([class]) > thead > tr > th, .markdown > table:not([class]) > tbody > tr > td {
        border: 1px solid #bfbfbf;
    }


.HeaderWithVariableContent {
    background: #ffd800;
}

.scheduleContainer td:focus-within {
    border: 1px solid #005ea2 !important
}

/*.scheduleContainer table tbody td:first-child {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
}
.scheduleContainer table thead th:first-child {
    position: sticky;
    left: 0;
    
    z-index: 1;
}

 */
.selectedVidVariableMarker {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #005ea2;
    position: absolute;
    left: 42%;
}

/*CKEditor link dialog input modals*/
body {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

.swal2Actions {
    margin: 0 2em;
}

/* ---  TELERIK GRID OVERRIDES --- */




/*allows bs ddl to show properly in cells*/
/*should change to https://docs.telerik.com/blazor-ui/knowledge-base/grid-conditional-cell-background */
td {
    overflow: visible !important;
}

/*leave room form print menu*/
/*.k-grid-content {
    min-height: 200px
}*/






.k-detail-cell {
    /*padding: 1px !important*/
}

.k-detail-row {
    background-color: #005ea2 !important
}

.k-grid .header-select-all .k-checkbox {
    vertical-align: middle;
}

.k-grid .header-select-all,
.k-grid td:first-child {
    text-align: center;
}

.compactGridHeader,
#ExceptionsReportContainer .k-grid-table tbody tr td,
#AcceptedContainer .k-grid-table tbody tr td,
#InProgressContainer .k-grid-table tbody tr td,
.compactGridContainer .k-grid-table tbody tr td {
    padding: 5px 10px !important;
}

#HistoryCard .k-grid-toolbar {
    display: none
}

.k-grouping-header {
    background-color: #ddd
}

    .k-grouping-header .k-group-indicator {
        background-color: #fff;
        border: #005ea2 1px solid;
        font-weight: 400
    }

.k-grouping-row {
    background-color: #fafafa !important
}

.overflowCell {
    overflow: visible !important
}
/* ---  /TELERIK GRID OVERRIDES --- */


/* ---  CKEditor OVERRIDES --- */
.ck-editor__editable_inline {
    min-height: 400px;
}
/* ---  /CKEditor OVERRIDES --- */



.current_td {
    background: #d9efff !important;
}

.current_tr {
    background: #d9efff !important;
}

.td_highlighter {
    background: #fff200 /*#d9efff */ !important;
}


.table-fixed {
    width: 100%;
}

    /*This will work on every browser but Chrome Browser*/
    .table-fixed thead {
        position: sticky;
        position: -webkit-sticky;
        top: 47px;
        z-index: 999;
        /*background-color: #000;*/
        color: #fff;
    }

        /*This will work on every browser*/
        .table-fixed thead th {
            position: sticky;
            position: -webkit-sticky;
            top: 48;
            z-index: 999;
            /*background-color: #000;*/
            color: #fff;
        }

.isPinned {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}


/*tr {
    animation: fadeInUp;
    animation-duration: .5s;
    }*/
#scheduleCard .datatable-header {
    display: none
}

.scheduleInput {
    background: transparent;
    border: none;
    outline: none;
    min-width: 110px;
    width: 100%;
    text-align: right;
}

.scheduleContainer {
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .1875rem;
}

/*CSS fixed header changes to get columns to line up*/
#scheduleCard table {
    table-layout: fixed
}

.fixedHeader-floating {
    position: fixed !important;
}

    #scheduleCard th, .fixedHeader-floating th {
        max-width: 200px
    }

        #scheduleCard th:first-child, .fixedHeader-floating th:first-child {
            width: 300px;
            max-width: 300px;
        }

/* Animations */
.bounce {
    animation: bounce;
    animation-duration: 2s;
}

.fadeInUp {
    animation: fadeInUp;
    animation-duration: .5s;
}

.fadeInDown {
    animation: fadeInDown;
    animation-duration: .5s;
}

.flipInX {
    animation: flipInX;
    animation-duration: 1s;
}

.flipInY {
    animation: flipInY;
    animation-duration: 1s;
}

/* custom edits */
.corner-ribbon {
    width: 300px;
    position: absolute;
    top: 45px;
    left: -80px;
    font-size: 13pt;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg);
    position: fixed;
    z-index: 99999;
    background-color: #e82;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.table-hover tbody tr:hover td:not(.crs_header_cell), .table-hover tbody tr:hover th {
    background-color: #dbeefd;
}

div.DTE_Bubble div.DTE_Bubble_Liner {
    width: 400px;
    margin-left: -200px;
}

.popover {
    max-width: 400px;
    box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.77);
    -webkit-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.77);
    -moz-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.77);
}

.swal-wide {
    width: 850px !important;
}

.swal2-popup .note-btn-group .btn-group {
    margin: unset
}

.swal2-backdrop-show {
    background-color: #000000b0;
}

.flag-toprright-blue {
    padding: 1em 3em;
    background-image: linear-gradient(225deg, #005ea2, #005ea2 10px, transparent 10px, transparent);
}

.flag-toprright-red {
    padding: 1em 3em;
    background-image: linear-gradient(225deg, red, red 10px, transparent 10px, transparent);
}

.flag-toprright-yellow {
    padding: 1em 3em;
    background-image: linear-gradient(225deg, #F57C00, #F57C00 10px, transparent 10px, transparent);
}

.flag-toprright-green {
    padding: 1em 3em;
    background-image: linear-gradient(225deg, green, green 10px, transparent 10px, transparent);
}



.crs_editable_cell {
    /* background-color: rgba(255, 255, 255, 0.5);*/
    background-color: #efefef;
    box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    border-right: 1px solid #ccc;
    /*text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);*/
}

.crs_header_row_old {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    background-color: #455a64 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 300 !important;
}

/*.crs_header_row,*/
.crs_header_row_0 {
    /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px;*/
    border-bottom: #005ea2 solid 1px !important;
    border-top: #005ea2 solid 2px !important;
    /*background-color: #e6e6e6 !important;*/
    color: #005ea2 !important;
    /*font-size: 12px;
    font-weight: 300 !important;*/
}

[data-level="1"], [data-level="0"] {
    font-weight: bold !important;
}

.crs_header_row_1 {
    /*background-color: #5c7785 !important;*/
    /*    background-color: #e6e6e6;
    color: #000 !important;*/
    /*font-size: 14px; */
    /*border-bottom: #005ea2 solid 1px !important;*/
    /*border-top: #005ea2 solid 2px !important; */
}

.crs_header_cell_0 {
    padding-top: 2px;
    padding-bottom: 2px;
    background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,0) 100%)
}

.crs_header_cell_1 {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.DTE_Field_Input input, div.DTE_Field_Input input:focus, div.DTE_Field_Input input:focus-visible {
    border: unset !important;
    background-color: transparent !important;
    outline: none;
}

.highlightAffectedDependency {
    border-left: 1px #000 solid !important;
    background-color: #ffffed !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
    border-right: 1px #000 solid !important;
}

.crs_notapplicable_cell {
    /*background-image: linear-gradient(45deg, #ebebeb 25%, #e6e3e3 25%, #e6e3e3 50%, #ebebeb 50%, #ebebeb 75%, #e6e3e3 75%, #e6e3e3 100%);
    background-size: 28.28px 28.28px;*/
    background-image: linear-gradient(45deg, #fcfeff 25%, #f7f7f7 25%, #f7f7f7 50%, #fcfeff 50%, #fcfeff 75%, #f7f7f7 75%, #f7f7f7 100%);
    background-size: 56.57px 56.57px;
}



/* ---------------------------------------------  VID  -------------------------------------------*/
.slideoutpanel {
    z-index: 1500;
}

.ui-pnotify {
    z-index: 2000 !important;
}












#DependencyBrowser .btn {
    margin: 3px;
    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    padding: 0.84rem 2.14rem;
    font-size: 0.81rem;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

#DependencyBrowser .btn-action-button {
    text-transform: lowercase;
    font-size: 11px !important;
    border-radius: 7px !important;
    color: white !important;
    padding: 4px 5px !important;
    background-color: #1d2643 !important;
}

#DependencyBrowser .action-buttons {
    position: absolute;
    bottom: 10px;
    right: 35px;
}

#DependencyBrowser .svg-chart-container:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: radial-gradient(circle at center, #04192b 0, #000b0e 100%);
}