.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%);
}