/* #cavelo-page-content:not(.allow-overflow) [data-role="table"] { overflow-x:auto; } */
/* #cavelo-page-content:not(.allow-overflow) [data-role="panel"].has-table > .content > .body { overflow-x:auto; } */
/* #cavelo-page-content:not(.allow-overflow) [data-role="panel"].has-table > .content > .body [data-role="table"] { width:fit-content; } */

[data-role="table"] { position:relative; display:block; width:100%; max-width:100%; }

/* [data-role="table"] ::-webkit-scrollbar { height: 15px; }
[data-role="table"] ::-webkit-scrollbar-track { background-color:var(--cavelo-platinum-40); }
[data-role="table"] ::-webkit-scrollbar-thumb { background-color:var(--cavelo-platinum); }
[data-role="table"] ::-webkit-scrollbar-thumb:hover { background-color:var(--cavelo-grey); }
[data-role="table"] ::-webkit-scrollbar-button { background-color:var(--cavelo-platinum-40); }
[data-role="table"] ::-webkit-scrollbar-button:hover { background-color:var(--cavelo-grey); } */

[data-role="table"] > .table-header:empty { display:none; }
[data-role="table"] > .table-header { 
    padding:0.5em 0; width:100%;
    box-sizing:border-box; position:relative;
    border-bottom:2px solid var(--cavelo-green-20);    
}
[data-role="table"] > .table-header > div { display:flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-end; justify-content: flex-start; align-items: flex-end; }
[data-role="table"] > .table-header > div:last-child { justify-content: flex-end; }
[data-role="table"] > .table-header .form-group + .form-group { margin-left:1em !important; }

[data-role="table"] > .table-header .form-group { margin:0 !important; display:flex; flex-direction: row; justify-content: flex-end; }
[data-role="table"] > .table-header .form-group > .form-group-wrapper {margin:0 !important;display: block;flex-direction: row;justify-content: flex-end;}

[data-role="table"] > .table-header .page-length > [data-role="input"] { width: max-content; display:inline-flex; }
[data-role="table"] > .table-header .page-length > [data-role="input"] > select { width: max-content; margin-left:1em; }

[data-role="table"] > .table-header .search-filter { width:16em; }
[data-role="table"] > .table-header .search-filter > [data-role="input"] { width:100%; }

[data-role="table"] > .table-header [data-role="dropdown"] > .menu { height:auto; }
[data-role="table"] > .table-header [data-role="dropdown"] > .menu .fa-regular { color:inherit !important; }


[data-role="table"] > .table-footer:empty { display:none; }
[data-role="table"] > .table-footer { 
    padding:0.5em 0 !important; width:100%;
    box-sizing:border-box; position:relative;
    border-top:1px solid var(--cavelo-green-20);
}

[data-role="table"] > .table-wrapper {
    /* max-width:100%; */
    overflow-x:scroll;
    overflow-y:visible;
}

[data-role="table"] .double-scroll { position:relative; height:15px; padding:0; margin:0; top:0; line-height:0; box-sizing:border-box; border-bottom:1px solid var(--cavelo-green-20); }
[data-role="table"] .double-scroll:empty { display:none; }
[data-role="table"] .double-scroll:empty + .table-wrapper { overflow-x:clip; overflow-y:visible; }

[data-role="table"] > .table-wrapper > table {
    /* min-height:2.5em; */
    /* table-layout:auto; */
    /* table-layout:fixed; */
    box-sizing:border-box;
    position:relative;
    min-width:100%;
    width:auto;
    border-width:0 !important;
    border-collapse:collapse;
    overflow-y:visible;
}
[data-role="table"] > .table-wrapper > table > thead,
[data-role="table"] > .table-wrapper > table > tbody,
[data-role="table"] > .table-wrapper > table > tfoot,
[data-role="table"] > .table-wrapper > table tr,
[data-role="table"] > .table-wrapper > table th,
[data-role="table"] > .table-wrapper > table td {position:relative; white-space:wrap; word-break: break-word;}
[data-role="table"] > .table-wrapper > table th { min-width:fit-content; } 


[data-role="table"] > .table-wrapper > table tr > * { padding:0.5em; }
[data-role="table"] > .table-wrapper > table.striped > tbody > tr:nth-child(even) { background-color:var(--cavelo-white) }
[data-role="table"] > .table-wrapper > table.striped > tbody > tr:nth-child(odd) { background-color:var(--cavelo-platinum-20) }

[data-role="table"] > .table-wrapper > table > tbody:empty { height:2.5rem !important; }
[data-role="table"] > .table-wrapper > table > tbody:empty:before { 
    display:flex; position:absolute;
    top:0; left:0; height:100%; width:100%;
    transform:none;
    padding:0;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color:rgba(255,255,255,0.75)
} 

[data-role="table"] > .table-wrapper > table > tbody.table-loading:empty:before { content:'' !important; }
[data-role="table"] > .table-wrapper > table > tbody.table-loading:after {
    display:flex;
    position:absolute;
    top:0; left:0; height:100%; width:100%;
    transform:none;
    padding:0;
    content:attr(data-loading) !important;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color:rgba(255,255,255,0.75)
} 

[data-role="table"] > .table-wrapper > table > thead > tr > th { border-bottom:2px solid var(--cavelo-green-20); }
[data-role="table"] > .table-wrapper > table > thead > tr:last-child > th { border-bottom:2px solid var(--cavelo-green-20); }
[data-role="table"] > .table-wrapper > table > tfoot > tr:first-child > th { border-top:2px solid var(--cavelo-green-20); }
[data-role="table"] > .table-wrapper > table > tbody > tr > td { border-bottom:1px solid var(--cavelo-green-40); }
[data-role="table"] > .table-wrapper > table > tbody > tr:first-child > td { border-top:1px solid var(--cavelo-green-40); }

/* Header sort arrows */
[data-role="table"] > .table-wrapper > table > thead > tr > th:not(:empty):hover { background-color:var(--cavelo-platinum-20); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.sortable[data-sort="desc"]:before { opacity:1 !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.sortable[data-sort="asc"]:after { opacity:1 !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.sortable[data-type] { padding-right:2em }
[data-role="table"] > .table-wrapper > table > thead > tr > th.sortable[data-type]:hover { cursor:pointer; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.sortable[data-type]:before {
    position:absolute; bottom:1em; right:0.5em;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: "\f0dd"; 
    opacity:0.2;
}
[data-role="table"] > .table-wrapper > table > thead > tr > th.sortable[data-type]:after {
    position:absolute; bottom:1em; right:0.5em;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: "\f0de"; 
    opacity:0.2;
}

/* Columns */
[data-role="table"] > .table-wrapper > table > thead > tr > th,
[data-role="table"] > .table-wrapper > table > tfoot > tr > th,
[data-role="table"] > .table-wrapper > table > tbody > tr > td { padding-top:1rem; padding-bottom:1rem; }

[data-role="table"] > .table-wrapper > table > thead > tr > th {word-break: keep-all;   word-break:keep-all !important; white-space:nowrap !important;}
[data-role="table"] > .table-wrapper > table > thead > tr > th.nowrap,
[data-role="table"] > .table-wrapper > table > tfoot > tr > th.nowrap,
[data-role="table"] > .table-wrapper > table > tbody > tr > td.nowrap { word-break:keep-all !important; white-space:nowrap !important; }

[data-role="table"] > .table-wrapper > table.compact > thead > tr > th,
[data-role="table"] > .table-wrapper > table.compact > tfoot > tr > th,
[data-role="table"] > .table-wrapper > table.compact > tbody > tr > td { padding-top:0.5rem; padding-bottom:0.5rem; }
[data-role="table"] > .table-wrapper > table.compact > thead > tr > th.sortable[data-type]:before { bottom:0.5rem; }
[data-role="table"] > .table-wrapper > table.compact > thead > tr > th.sortable[data-type]:after { bottom:0.5rem; }

[data-role="table"] > .table-wrapper > table.nopadding > thead > tr > th,
[data-role="table"] > .table-wrapper > table.nopadding > tfoot > tr > th,
[data-role="table"] > .table-wrapper > table.nopadding > tbody > tr > td { padding-top:0rem; padding-bottom:0rem; }
[data-role="table"] > .table-wrapper > table.nopadding > thead > tr > th.sortable[data-type]:before { bottom:0rem; }
[data-role="table"] > .table-wrapper > table.nopadding > thead > tr > th.sortable[data-type]:after { bottom:0rem; }

/* [data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="classifications"]:not([width]) { min-width:20rem; }
[data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="tags"]:not([width]) { min-width:15rem; }
[data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="number"]:not([width]) { min-width:8rem; }
[data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="datetime"]:not([width]) { min-width:12rem; }
[data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="platform"]:not([width]) { min-width:10rem; }
[data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="bool"]:not([width]) { min-width:5rem; }
[data-role="table"] > .table-wrapper > table > thead > tr > th[data-type="status"]:not([width]) { min-width:8rem; } */

[data-role="table"] > .table-wrapper > table > thead > tr > th.expandable,
[data-role="table"] > .table-wrapper > table > tbody > tr > td.expandable,
[data-role="table"] > .table-wrapper > table > thead > tr > th.checkbox,
[data-role="table"] > .table-wrapper > table > tbody > tr > td.checkbox { width:2rem; min-width:2rem; max-width:2rem; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td.index { min-width:2rem; max-width:4rem; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td.controls { white-space:nowrap; padding-top:0; padding-bottom:0; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td.controls > * { margin:0 !important; }

[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type^="tags"]:hover .add-new-tag { display:inline-block; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type^="tags"] .add-tag-menu { position:absolute; z-index:10; box-shadow: var(--box-shadow); top:90%; }

[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar { position:relative; width:100%; height:1.2rem; border-radius:0.5rem; overflow:hidden; border-width:0; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar > .percent-completed { position:relative; height:1.2rem; border-width:0; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar > span { display:inline-block; position:absolute; width:100%; top:0; text-align:center; vertical-align:middle; border-width:0; }

[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar:not(.cv-bg) { background-color:var(--cv-gold-light); }
[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar > .percent-completed:not(.cv-bg) { background-color:var(--cavelo-green-60); }

/* [data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar > .percent-completed[style="width:NaN%;"] { width:100%; background-color:var(--cavelo-platinum) !important; border-width:0; } */
/* [data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="percent"] > .percent-bar > .percent-completed[style="width:NaN%;"] + span { color:rgba(0,0,0,0) !important; border-width:0; } */

[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="entity"] > * { white-space:nowrap; color:var(--font-color) !important; }
[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-type="entity"] > a[href]:hover > i:before { content:"\f002"; }


/* Checkbox */
[data-role="table"] > .table-wrapper > table > tbody > tr > td.checkbox:after {
    position:relative;
    vertical-align:middle;
    font-weight: 300;
    font-family: "Font Awesome 6 Free";
    color:var(--cavelo-black);
    content: "\f0c8";

    /*Ensure the icon doesn't affect row size*/
    position:absolute;
    top:50%; left:50%; 
    transform:translate(-50%, -50%);
}

[data-role="table"] > .table-wrapper > table > tbody > tr.selected { background-color:var(--cavelo-platinum-40) }
[data-role="table"] > .table-wrapper > table > tbody > tr.selected > td.checkbox:after {
    color:var(--cavelo-green);
    content: "\f14a";
}

[data-role="table"] > .table-wrapper > table.navy > tbody > tr.selected,
[data-role="table"] > .table-wrapper > table.black > tbody > tr.selected { background-color:var(--cavelo-platinum-20); border-color:var(--cavelo-platinum-20); }
[data-role="table"] > .table-wrapper > table.grey > tbody > tr.selected { background-color:var(--cavelo-grey-40); border-color:var(--cavelo-grey-40); }

/* White checkbox on dark table */
[data-role="table"] > .table-wrapper > table.navy > tbody > tr > td.checkbox:after,
[data-role="table"] > .table-wrapper > table.black > tbody > tr > td.checkbox:after { color:var(--cavelo-white); }


/* Row Details */
[data-role="table"] > .table-wrapper > table > tbody > tr.detail-row > td.detail-cell { padding:1rem; } 
[data-role="table"] > .table-wrapper > table > tbody > tr.detail-row { border-left:1px solid var(--cavelo-platinum); border-right:1px solid var(--cavelo-platinum); background-color:var(--cavelo-platinum-20); }
[data-role="table"] > .table-wrapper > table > tbody > tr.expanded   { border-left:1px solid var(--cavelo-platinum); border-right:1px solid var(--cavelo-platinum); }

[data-role="table"] > .table-wrapper > table > tbody > tr > td.expandable { overflow:visible;  }
[data-role="table"] > .table-wrapper > table > tbody > tr > td.expandable:after {
    position:relative;
    vertical-align:middle;
    font-weight: 300;
    font-family: "Font Awesome 6 Free";
    color:var(--cavelo-black);
    content:"\f0fe";
    overflow:visible;

    /*Ensure the icon doesn't affect row size*/
    position:absolute;
    top:50%; left:50%; 
    transform:translate(-50%, -50%);
}
[data-role="table"] > .table-wrapper > table > tbody > tr.expanded > td.expandable:after {
    color:var(--cavelo-green);
    content:"\f146";
}

[data-role="table"] > .table-wrapper > table.navy > tbody > tr > td.expandable:after,
[data-role="table"] > .table-wrapper > table.black > tbody > tr > td.expandable:after { color:var(--cavelo-white); }


/* Filters UI */
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter { padding:0 !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group { margin:0 !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="input"] input { font-size:0.8em; border:none; min-height:1em; outline:none !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] { min-height:1em !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .selected:before { font-size:0.8rem; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown .input:before { font-size:0.8rem; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .selected { overflow:hidden; white-space: nowrap; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown .inline { display:block !important; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown .input { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown label { 
    font-size:0.8em; font-weight:600;
    margin:0 !important; 
    padding:0.5em; 
    display:inline-flex; 
    align-content: flex-end; 
    flex-wrap: nowrap; 
    justify-content: center; 
    align-items: flex-end; 
    flex-direction: row; 
}

[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown [data-role="options-bar"] > button { min-height:2em; min-width:2em; padding:0; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.column-filter > .form-group > [data-role="inputselect"] > .dropwrap { width:100%; }
[data-role="table"] > .table-wrapper > table > thead > tr > th:nth-last-child(-n + 3) > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown { position:absolute; right:0px; }
[data-role="table"] > .table-wrapper > table > thead > tr > th:last-child > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown { position:absolute; right:1px; }

[data-role="table"] > .table-wrapper > table > thead > tr > th > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown { max-width:150%; }
[data-role="table"] > .table-wrapper > table > thead > tr > th > .form-group > [data-role="inputselect"] > .dropwrap > .dropdown > .menu > .item { white-space: initial; }



[data-role="table"] > .table-wrapper > table > tbody > tr > td .overflow-scroll { overflow-y:auto; position:relative; width:100%; height:calc(100% - 2.5rem); }
[data-role="table"] > .table-wrapper > table > tbody > tr > td .more { display:block; border-radius:0.5rem; margin-top:0.5rem; }

[data-role="table"] [data-role="button"].xs { font-size:0.6rem; min-height:1.2rem; }
[data-role="table"] [data-role="button"]:not([disabled]):hover i,
[data-role="table"] [data-role="toggle"]:not([disabled]):hover i,
[data-role="table"] [data-role="button"]:not([disabled]):hover [data-icon]:before,
[data-role="table"] [data-role="toggle"]:not([disabled]):hover [data-icon]:before { transform:scale(1.2) } 

[data-role="table"] td.expandable:hover:after,
[data-role="table"] td.checkbox:hover:after { 
    font-size:1.2em;
    overflow:hidden !important; 
    /* transform:scale(1.2);  */
}

[data-role="table"] > .table-wrapper > table > thead > tr > th > div.column-resizer {
    position:absolute;
    border-radius:2px;
    border-right:0px solid var(--cavelo-platinum);
    height:calc(100% - 2px); width:0px;
    right:0; top:1px;
    z-index:100;
    user-select: none;
}
[data-role="table"] > .table-wrapper > table:not(.resizing) > thead > tr:hover > th > div.column-resizer { border-right-width:4px; }
[data-role="table"] > .table-wrapper > table > thead > tr > th > div.column-resizer.resizing,
[data-role="table"] > .table-wrapper > table:not(.resizing) > thead > tr > th > div.column-resizer:hover {
    border:1px solid var(--cavelo-green-20);
    border-right-color:var(--cavelo-green-40) !important;
    border-right-width:4px;
    cursor:col-resize;
    width:100%;
}


/* Cell sizing and positioning */
/* Min width the whole column */
[data-role="table"] > .table-wrapper > table th.cell-10 { min-width: 20em; }
[data-role="table"] > .table-wrapper > table th.cell-20 { min-width: 20em; }
[data-role="table"] > .table-wrapper > table th.cell-30 { min-width: 30em; }
/* Position text in body without affecting headers */
[data-role="table"] > .table-wrapper > table td.cell-left { text-align:left !important; }
[data-role="table"] > .table-wrapper > table td.cell-right { text-align:right !important; }
[data-role="table"] > .table-wrapper > table td.cell-center { text-align:center !important; }
[data-role="table"] > .table-wrapper > table td.cell-top { vertical-align:top !important; }
[data-role="table"] > .table-wrapper > table td.cell-bottom { vertical-align:bottom !important; }
[data-role="table"] > .table-wrapper > table td.cell-middle { vertical-align:middle !important; }
/* Stretch the cell to fit the content */
[data-role="table"] > .table-wrapper > table td.nowrap { overflow:hidden; white-space:nowrap; }

[data-role="table"] > .table-wrapper > table > tbody > tr > td[data-empty]:empty::before {
    padding:0;
    height:100%;
    align-items: center;
    align-content: center;
    font-style:italic;
    opacity:0.5;
}

[data-role="table"] > .table-wrapper > table > thead > tr > th.white:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.white:not(.detail-cell) { background-color:var(--cavelo-white); }

[data-role="table"] > .table-wrapper > table > thead > tr > th.green:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.green:not(.detail-cell) { background-color:var(--cavelo-green-20); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.green:not(.detail-cell):hover { background-color:var(--cavelo-green-40) !important; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.orange:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.orange:not(.detail-cell) { background-color:var(--cavelo-orange-60); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.orange:not(.detail-cell):hover { background-color:var(--cavelo-orange-80) !important; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.honeydew:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.honeydew:not(.detail-cell) { background-color:var(--cavelo-honeydew-60); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.honeydew:not(.detail-cell):hover { background-color:var(--cavelo-honeydew-80) !important; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.grey:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.grey:not(.detail-cell) { background-color:var(--cavelo-platinum-60); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.grey:not(.detail-cell):hover { background-color:var(--cavelo-platinum) !important; }
[data-role="table"] > .table-wrapper > table.grey > thead > tr.column-filters > th.column-filter  [data-role="inputselect"] > .selected > .item  { --font-color:var(--cavelo-white); --background-color:var(--cavelo-grey); } 

[data-role="table"] > .table-wrapper > table > thead > tr > th.blue:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.blue:not(.detail-cell) { background-color:var(--cavelo-blue-40); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.blue:not(.detail-cell):hover { background-color:var(--cavelo-blue-60) !important; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.dark-grey:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.dark-grey:not(.detail-cell) { background-color:var(--cavelo-grey); color:var(--cavelo-white); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.dark-grey:not(.detail-cell) [data-empty]:empty::before { color:var(--cavelo-white); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.dark-grey:not(.detail-cell):hover { background-color:var(--cavelo-grey) !important; }

[data-role="table"] > .table-wrapper > table > thead > tr > th.navy:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.navy:not(.detail-cell) { background-color:var(--cavelo-navy-80); color:var(--cavelo-white); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.navy:not(.detail-cell) [data-empty]:empty::before { color:var(--cavelo-white); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.navy:not(.detail-cell):hover { background-color:var(--cavelo-navy) !important; }
[data-role="table"] > .table-wrapper > table.navy > thead > tr.column-filters > th.column-filter  [data-role="inputselect"] > .dropwrap  { --font-color:var(--cavelo-black); } 

[data-role="table"] > .table-wrapper > table > thead > tr > th.black:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.black:not(.detail-cell) { background-color:var(--cavelo-black-80); color:var(--cavelo-white); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.black:not(.detail-cell) [data-empty]:empty::before { color:var(--cavelo-white); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.black:not(.detail-cell):hover { background-color:var(--cavelo-black) !important; }

/* Insert */
[data-role="table"] > .table-wrapper > table > thead > tr > th.item-added:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.item-added:not(.detail-cell) { background-color:var(--cavelo-honeydew-60); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.item-added:not(.detail-cell):hover { background-color:var(--cavelo-honeydew-80) !important; }
/* Remove */
[data-role="table"] > .table-wrapper > table > thead > tr > th.item-removed:not(.detail-cell),
[data-role="table"] > .table-wrapper > table > tbody > tr > td.item-removed:not(.detail-cell) { background-color:var(--cavelo-orange-20); }
[data-role="table"] > .table-wrapper > table > thead > tr > th.item-removed:not(.detail-cell):hover { background-color:var(--cavelo-orange-40) !important; }



[data-role="table"] + [data-role="table"]  { margin-top:1rem; }

.dataTables_wrapper { background-color:var(--cavelo-white); }
.dataTables_wrapper .dt-buttons { padding-top:0.5rem; padding-bottom:0.5rem; }
.dataTables_wrapper .dt-buttons .buttons-collection .dt-down-arrow { color:transparent; }
.dataTables_wrapper .dt-buttons .buttons-collection .dt-down-arrow:after { 
    position:relative;
    display:inline-flex;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0da";
    color:var(--cavelo-green);
    flex-direction:row;
    align-content:center;
    align-items:center;
    justify-content:flex-end;
    height:1rem;
    font-size:1rem;
    transform:rotate(90deg);
    transition:transform 0.25s ease-out;
}
.dataTables_wrapper .dt-buttons .buttons-collection[aria-expanded="true"] .dt-down-arrow:after { 
    transform:rotate(270deg);
    transition:transform 0.25s ease-out;
}

.dataTables_wrapper .dataTables_filter { float:right; padding-top:0.8rem; padding-bottom:0.8rem; }
.dataTables_wrapper .dataTables_length { float:right; padding-top:0.8rem; padding-bottom:0.8rem; margin-right:1rem; }
.dataTables_wrapper .dataTables_info { padding-top:0.8rem; padding-bottom:0.8rem; padding-left:1rem; }
.dataTables_wrapper .dataTables_paginate { float:right; padding-top:0.8rem; padding-bottom:0.8rem; margin-right:1rem; }

.dataTables_wrapper table.dataTable {
    position:relative;
    table-layout: fixed;
    max-width:100%;
    overflow-x:scroll;
}
.dataTables_wrapper table.dataTable.no-footer { 
    border-bottom-width:2px;
    border-bottom-color:var(--cavelo-green-20);
}

.dataTables_wrapper table.dataTable > thead > tr > th { width:auto; text-align:left; padding:1rem 0.5rem; }
.dataTables_wrapper table.dataTable > thead > tr:first-child > th { font-weight:600; }
.dataTables_wrapper table.dataTable > tbody > tr > td { 
    padding:1rem 0.5rem;
    overflow-wrap: break-word;
    overflow: hidden;
    white-space: break-spaces;
    text-overflow: initial;
    box-sizing:content-box;
    vertical-align:middle;
}

.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array) > [data-role="status"] { 
    position:relative;
    display:flex;
    max-width:100%;
    height:auto;
    white-space:nowrap; 
    vertical-align:middle;
    align-items:center;
}


.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)),
.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(img+span):not(:has(.dt-tr-details)),
.dataTables_wrapper table.dataTable [data-role="status"] > span:has(i+span) { 
    white-space:nowrap; 
    vertical-align:middle; 
}

.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)) i+span,
.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)) img+span,
.dataTables_wrapper table.dataTable [data-role="status"] > i+span,
.dataTables_wrapper table.dataTable [data-role="status"] > span > i+span {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    white-space: normal;
    max-width:calc(100% - 2em);
    /* width: -webkit-fill-available; */
    width: -moz-available;
    /* width: -webkit-fill-available; */
    height:auto;
}

.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)) [data-role="status"] > i+span,
.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)) [data-role="status"] > span > i+span {
    max-width:calc(100% - 2em);
}

.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)) i,
.dataTables_wrapper table.dataTable > tbody > tr > td:not(.cv-table-array):has(i+span):not(:has(.dt-tr-details)) img,
[data-role="status"] > i {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    max-width:2em;
}

.dataTables_wrapper table.dataTable > thead > tr > th {
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:var(--cavelo-green-20); 
}
.dataTables_wrapper table.dataTable > tbody > tr + tr > td { 
    border-top-width:2px;
    border-top-style:solid;
    border-top-color:var(--cavelo-green-20); 
}



.dataTables_wrapper table.dataTable .checkbox-control,
.dataTables_wrapper table.dataTable .details-control { display:table-cell; width:1rem; padding-right:0.5rem; }
.dataTables_wrapper table.dataTable td.checkbox-control:after { content:'\2610'; }
.dataTables_wrapper table.dataTable tr.selected td.checkbox-control:after { content:'\2611'; color:var(--cavelo-green); }
.dataTables_wrapper table.dataTable td.details-control:after { content:'\229E'; transform:translateY(-1px); }
.dataTables_wrapper table.dataTable tr.dt-details-row td.details-control:after { content:'\229F'; color:var(--cavelo-green); }
.dataTables_wrapper table.dataTable td.checkbox-control:after,
.dataTables_wrapper table.dataTable td.details-control:after {
    display:flex;
    font-size:1.25rem;
    font-weight:300;
    color:var(--cavelo-black);
    justify-content:center;
    align-content:center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding:0; margin:0; height:1rem; width:1rem;
}


.dataTables_wrapper table.dataTable .dt-item-controls { width:auto; white-space:nowrap; }
.dataTables_wrapper table.dataTable .dt-item-controls > * + * { margin:0; margin-left:0.5rem; }
.dataTables_wrapper table.dataTable .dt-item-controls.controls-1 { display:table-cell; width:3rem !important; }
.dataTables_wrapper table.dataTable .dt-item-controls.controls-2 { display:table-cell; width:6rem !important;}
.dataTables_wrapper table.dataTable .dt-item-controls.controls-3 { display:table-cell; width: 9rem !important; }
.dataTables_wrapper table.dataTable .dt-item-controls.controls-4 { display:table-cell; width:12rem !important; }
.dataTables_wrapper table.dataTable .dt-item-controls.controls-5 { display:table-cell; width:15rem !important; }


.dataTables_wrapper table.dataTable tr.dt-details-row + tr > td {
    background-color:var(--cavelo-platinum);
}
.dataTables_wrapper table.dataTable .dt-tr-details {
    display:flex;
    flex-direction:column;
    padding:0.5rem;
}



.dataTables_wrapper table.dataTable tr.selected td,
.dataTables_wrapper table.dataTable tr.dt-details-row td,
.dataTables_wrapper table.dataTable.hover>tbody>tr:hover>* { 
    color:var(--cavelo-black); 
    box-shadow:none !important; 
    background-color:var(--cavelo-platinum-40) !important; 
}


.dataTables_wrapper > .dt-buttons ~ table.dataTable > thead > tr:first-child > th,
.dataTables_wrapper > .dataTables_filter ~ table.dataTable > thead > tr:first-child > th,
.dataTables_wrapper > .dataTables_length ~ table.dataTable > thead > tr:first-child > th { 
    border-top-width:2px; 
    border-top-style:solid; 
    border-top-color:var(--cavelo-green-20); 
}


.dataTables_wrapper > table.dataTable tr.dt-column-filters > th { padding-top:0rem; padding-bottom:0rem; }
.dataTables_wrapper > table.dataTable tr.dt-column-filters [data-role="dropdown"] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
}
.dataTables_wrapper > table.dataTable tr.dt-column-filters [data-role="button"] { font-size:0.8rem; min-height:2em; padding:0rem; }


[data-role="panel"].grey > .content > .body > .dataTables_wrapper > .dt-buttons { padding-left:0.5rem; }
[data-role="panel"].grey > .content > .body > .dataTables_wrapper > .dataTables_length,
[data-role="panel"].grey > .content > .body > .dataTables_wrapper > .dataTables_filter { padding-right:0.8rem; }
[data-role="panel"].grey > .content > .body > .dataTables_wrapper > .dataTables_info { padding-left:1rem; }


div.dt-button-collection { width:auto !important; padding:0.5rem; }
div.dt-buttons [data-role="button"]:not(.multiline),
div.dt-button-collection [data-role="button"]:not(.multiline) { flex-wrap:nowrap; white-space:nowrap; }
div.dt-buttons [data-role="button"]:not(.multiline) *,
div.dt-button-collection [data-role="button"]:not(.multiline) * { display:inline-flex; flex-wrap:nowrap; white-space:nowrap; vertical-align:middle; align-content:center; align-items:center; justify-content:flex-start;  }

.dataTables_wrapper .dataTables_paginate span { white-space:nowrap; width:max-content; } 

.dataTables_wrapper .dataTables_paginate .paginate_button { 
    /* margin:0 0.5em;  */
    color:var(--cavelo-black); 
    border-radius:0; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--cavelo-black);
    border: 1px solid var(--cavelo-platinum);
    background: var(--cavelo-white);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    opacity:0.6;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--cavelo-black) !important;
    border: 1px solid var(--cavelo-platinum) !important;
    background: var(--cavelo-platinum) !important;
    box-shadow:none !important;
}

.dataTables_wrapper .dataTables_empty > [data-role="spinner"] { white-space:nowrap !important; }
.dataTables_wrapper .dataTables_empty > [data-role="spinner"] span { white-space:nowrap !important; }

.dt-tr-details > .cv-controls { margin-top:0 !important; }
.dt-tr-details > .cv-controls:empty { display:none; }

div.dt-button-collection { height:auto; max-height:60vh; overflow-y:auto; }

.dt-buttons,
.dt-button-background,
.dt-button-collection,
.dt-button-collection > [role="menu"],
.dt-button-collection > [role="menu"] * { overscroll-behavior: none; overflow-y:auto; }


table.remediation td.verylow:after,
table.remediation td.low + td:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--very-low-100); }
table.remediation td.low:after,
table.remediation td.medium + td:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--low-100); } 
table.remediation td.medium:after,
table.remediation td.high + td:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--medium-100); }
table.remediation td.high:after,
table.remediation td.veryhigh + td:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--high-100); }
table.remediation td.veryhigh:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--very-high-100); }

table.remediation td.veryhigh + td:after,
table.remediation td.high + td:after,
table.remediation td.medium + td:after,
table.remediation td.low + td:after { content:'⇛'; position:absolute; left:0; top:50%; transform:translate(-50%,-50%); overflow:visible; font-size:2rem; }

table.remediation td.verylow,
table.remediation td.low,
table.remediation td.medium,
table.remediation td.high,
table.remediation td.veryhigh { font-weight:bold; }

table.remediation th { font-weight:600; }
table.remediation th,
table.remediation td { 
    padding:0.5em; 
    text-align:left;
    position:relative;
    overflow:visible;
}

/* table.remediation.striped tbody tr:nth-child(odd) td { } */
table.remediation.striped tbody tr:nth-child(even) td { background-color:var(--cavelo-platinum) }

table.remediation,
table.cost-of-breach-distribution {
    position:relative;
    overflow-x:auto;
    overflow-y:auto;
    border-collapse:separate;
    border-spacing:0 0;
    min-width:100%;
    /* table-layout:fixed; */
}
table.cost-of-breach-distribution th { font-weight:600; }
table.cost-of-breach-distribution th,
table.cost-of-breach-distribution td { 
    padding:0.5em; 
    text-align:left;
    position:relative;
    overflow:visible;
}
table.cost-of-breach-distribution td { white-space:nowrap; }

table.cost-of-breach-distribution th > span,
table.cost-of-breach-distribution td > span { position:relative; display:inline; padding-left:1em; } 

table.cost-of-breach-distribution th > span > a,
table.cost-of-breach-distribution td > span > a { display:none; }

table.cost-of-breach-distribution th:hover > span > a,
table.cost-of-breach-distribution td:hover > span > a {
    display:inline-block;
    position:absolute;
    z-index:500;
    left:0.5em;
}

table.cost-of-breach-distribution tbody > tr:hover > * { 
    border-color:rgba(244,244,244,1) !important; 
    background-color:rgba(244,244,244,1) !important; 
    border-top-color:var(--cavelo-platinum) !important; 
    border-bottom-color:var(--cavelo-platinum) !important; 
}

table.cost-of-breach-distribution > thead th:before {
    position:absolute;
    display:flex; align-content:center; justify-content:center; align-items:center;
    font-size:0.9rem;
    right:0.5em; top:0; bottom:0;
    content:'\25B4';
    opacity:0.1;
    transform:translateY(-0.4em);
}
table.cost-of-breach-distribution > thead th:after {
    display:flex; align-content:center; justify-content:center; align-items:center;
    font-size:0.9rem;
    position:absolute;
    right:0.5em; top:0; bottom:0;
    content:'\25BE';
    opacity:0.1;
    transform:translateY(0.4em);
}
table.cost-of-breach-distribution > thead th.sorted.sorted-ascending:before { content:'\25B4'; opacity:0.8; }
table.cost-of-breach-distribution > thead th.sorted.sorted-descending:after { content:'\25BE'; opacity:0.8; }

/* 
table.cost-of-breach-distribution td.verylow:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid var(--very-low-100); }
table.cost-of-breach-distribution td.low:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid var(--low-100) } 
*/
table.cost-of-breach-distribution td.medium:after   { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--medium-100) }
table.cost-of-breach-distribution td.high:after     { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--high-100) }
table.cost-of-breach-distribution td.veryhigh:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid var(--very-high-100) }



table.permissions.striped tbody tr:nth-child(even) td { background-color:rgb(250,250,250) }
table.permissions.striped tbody tr:nth-child(odd) td { background-color:rgb(255,255,255) }
table.permissions { position:relative; border-collapse: collapse; width:100%; }
table.permissions thead tr > th { padding:0.5rem; background-color:var(--cavelo-platinum); position:relative; text-align:center; }
table.permissions thead tr > th:first-child { text-align:left; }
table.permissions thead tr > th > .form-group { display:inline; }
table.permissions thead tr:last-child > th { padding:0 }

table.permissions tbody > tr > td { padding:0.5rem; position:relative; text-align:center; }
table.permissions tbody > tr > td:first-child { text-align:left; }
table.permissions tbody > tr > td > .form-group { display:inline; }

.tableFixHead { position:relative; overflow: auto; height:auto; max-height: 40vh; }
.tableFixHead > table > thead > tr:first-child > th { position: sticky; top: 0; z-index: 1; }


/* table.cost-of-breach-distribution:not(.show-zero) tr[data-cost="0"] { display:none; } */
/* table.cost-of-breach-distribution:not(.show-zero) th[data-cost="0"] { display:none; } */


/* tr.unset > td:not(.dt-item-controls) > * { opacity:0.5 } */


/* .dt-button-collection > div[role="menu"] { max-height:60vh; overflow-y:auto } */

/* table:empty:after { padding:1em; }
#panel-search-result table:empty:after { content:'Searching...' }

[data-role="panel"] > .content > .body > .dataTables_wrapper { 
    position:relative;
    max-width:100% !important;
    width:100% !important;
}
[data-role="panel"] > .content > .body > * + .dataTables_wrapper {
    margin-top:0em; 
}
table.dataTable pre { margin:0; }

.dataTables_wrapper .dataTables_length { float:right; padding:0.5em; }
.dataTables_wrapper .dataTables_length select { border:none; outline:none; }
.dataTables_wrapper .dataTables_info { padding-left:0.5em; }

.dataTables_wrapper .dataTables_filter { padding:0.5em; }

.dataTables_wrapper .dt-buttons { 
    padding:0.2em 0.5em 0.3em 0.5em; 
}
.dataTables_wrapper .dt-buttons > button { margin:0; margin-right:0.5em; }

.dataTables_wrapper .dt-buttons > div { display:inline-block; margin-right:2em; }

div.dt-button-background { background:transparent; }
div.dt-button-collection { border-radius:0; width:auto; padding:0px; }
div.dt-button-collection { border-color:var(--cavelo-platinum); }

div.dt-button-collection button.dt-button, 
div.dt-button-collection div.dt-button, 
div.dt-button-collection a.dt-button {
    border-radius:0;
    margin-right:0; 
    margin-left:0;
}

.dt-button-collection > div[role="menu"] { min-width:6em; }

.dataTables_wrapper .dataTables_empty,
.dataTables_wrapper .dataTables_empty > span,
.dataTables_wrapper .dataTables_empty > span > * { vertical-align:middle !important; overflow:visible !important; }


table.dataTable { 
    position:relative;
    display:table;
    max-width:100% !important;
    table-layout: fixed;
    box-sizing:border-box;
    color:var(--cavelo-black);
}

table.dataTable > thead > tr > th {
    padding:0px 0.5em;
    height:3em;
    border-bottom:1px solid var(--cavelo-platinum);
    text-align:left;
    overflow-wrap:break-word;
    overflow:visible;
    white-space:normal; 
    white-space:break-spaces;
    text-overflow: initial;
    box-sizing:border-box;
}
table.dataTable > thead > tr > th > * { 
    display:inline-block; 
    vertical-align:middle;
}
table.dataTable:not(:first-child) > thead > tr:first-child > th {
    border-top:1px solid var(--cavelo-platinum);
}
table.dataTable > thead > tr.dt-column-filters > th {
    padding:0px;
    height:1em;
}
table.dataTable > thead > tr.dt-column-filters > th > div {
    width:100%;
}

table.dataTable > tbody > tr > td {
    padding:0.5em;
    height:2em;
    border-bottom:1px solid var(--cavelo-platinum);
    overflow-wrap: break-word;
    overflow: hidden;
    white-space: break-spaces;
    text-overflow: initial;
    box-sizing:border-box;
    vertical-align:middle;
}
table.dataTable > tbody > tr > td > *:not([data-role="status"]):not(.dt-tr-details) {
    overflow-wrap: anywhere;
    overflow: auto;
    white-space: break-spaces;
    text-overflow: initial;
}


table.dataTable > tbody > tr:first-child > td {
    border-top:1px solid var(--cavelo-grey);
}
table.dataTable > tbody > tr > td > * {
    display:inline-block; 
}
table.dataTable > tbody > tr > td.dt-item-controls { 
    padding:0 0.5em; 
    height:3em; 
    text-align:center;

}
table.dataTable > tbody > tr > td.dt-item-controls > * {
    min-height:3em;
    min-width:3em; 
    display:inline-flex;
    align-items:center;
    align-content:center;
    justify-content:center; 
    padding:0px !important; 
    margin:0px !important; 
}
table.dataTable > tbody > tr > td.dt-item-controls > *:not(:first-child) {
    margin-left:0.5em !important;
}


table.dataTable > thead > tr > th.checkbox-control,
table.dataTable > thead > tr > td.checkbox-control,
table.dataTable > tbody > tr > th.checkbox-control,
table.dataTable > tbody > tr > td.checkbox-control {
    display: table-cell;
    overflow:visible !important;
    text-align: center;
}
table.dataTable > tbody > tr > td.checkbox-control:after {
    max-width:2em !important;
    display:inline;
    vertical-align:middle;
    content: "";
    font-size: 1.2em;
    text-align: center;
    z-index: 100;
    color:var(--cavelo-black);
    cursor: pointer;
}
table.dataTable > tbody > tr.selected > td.checkbox-control:after {
    content: "";
    color:var(--cavelo-blue);
}



table.dataTable > thead > tr > th.details-control,
table.dataTable > thead > tr > td.details-control,
table.dataTable > tbody > tr > th.details-control,
table.dataTable > tbody > tr > td.details-control { 
    display:table-cell;
    overflow:visible !important;    
    text-align: center;
}
table.dataTable > tbody > tr > td.details-control:after {
    vertical-align:middle;
    content: "";
    font-size: 1.2em;
    text-align: center;
    z-index: 100;
    color:var(--cavelo-black);
    cursor: pointer; 
}
table.dataTable > tbody > tr.dt-details-row > td { background-color:var(--cavelo-platinum); }
table.dataTable > tbody > tr.dt-details-row > td.details-control:after {
    content: "";
    color:var(--cavelo-green);
}
table.dataTable > tbody > tr.dt-details-row + tr > td {
    padding:0.5em 1em;
    background-color:var(--cavelo-platinum);
    white-space:normal;
}

table.dataTable > tbody > tr.dt-details-row + tr > td { 
    overflow:visible; 
}


table.dataTable > tbody > tr > td.cv-tagging-cell { 
    overflow:visible;
}



th.controls-1,
td.controls-1 { width:47px !important; overflow:visible !important; }
th.controls-2,
td.controls-2 { width:94px !important; overflow:visible !important; }
th.controls-3,
td.controls-3 { width:136px !important; overflow:visible !important; }
th.controls-4,
td.controls-4 { width:180px !important; overflow:visible !important; }



table.dataTable tbody > tr { background-color: var(--cavelo-white); }


table.dataTable tbody > tr:not(.dt-details-row).selected, 
table.dataTable tbody > tr:not(.dt-details-row) > .selected,
table.dataTable.hover tbody > tr:not(.dt-details-row).selected,
table.dataTable.hover tbody > tr:not(.dt-details-row).selected:hover, 
table.dataTable.hover tbody > tr:not(.dt-details-row) > .selected,
table.dataTable.hover tbody > tr:not(.dt-details-row) > .selected:hover, 
table.dataTable.display tbody > tr:not(.dt-details-row).selected,
table.dataTable.display tbody > tr:not(.dt-details-row).selected:hover, 
table.dataTable.display tbody > tr:not(.dt-details-row) > .selected,
table.dataTable.display tbody > tr:not(.dt-details-row) > .selected:hover {
    background-color: var(--cavelo-platinum);
}
main.orange-bg-medium table.dataTable tbody > tr.selected, 
main.orange-bg-medium table.dataTable tbody > tr > .selected,
main.orange-bg-medium table.dataTable.hover tbody > tr.selected,
main.orange-bg-medium table.dataTable.hover tbody > tr.selected:hover, 
main.orange-bg-medium table.dataTable.hover tbody > tr > .selected,
main.orange-bg-medium table.dataTable.hover tbody > tr > .selected:hover, 
main.orange-bg-medium table.dataTable.display tbody > tr.selected,
main.orange-bg-medium table.dataTable.display tbody > tr.selected:hover, 
main.orange-bg-medium table.dataTable.display tbody > tr > .selected,
main.orange-bg-medium table.dataTable.display tbody > tr > .selected:hover {
    background-color: var(--cavelo-blue-20);
}
main.blue-bg-medium table.dataTable tbody > tr.selected, 
main.blue-bg-medium table.dataTable tbody > tr > .selected,
main.blue-bg-medium table.dataTable.hover tbody > tr.selected,
main.blue-bg-medium table.dataTable.hover tbody > tr.selected:hover, 
main.blue-bg-medium table.dataTable.hover tbody > tr > .selected,
main.blue-bg-medium table.dataTable.hover tbody > tr > .selected:hover, 
main.blue-bg-medium table.dataTable.display tbody > tr.selected,
main.blue-bg-medium table.dataTable.display tbody > tr.selected:hover, 
main.blue-bg-medium table.dataTable.display tbody > tr > .selected,
main.blue-bg-medium table.dataTable.display tbody > tr > .selected:hover {
    background-color: var(--cavelo-orange-20);
}

table.dataTable tbody > tr.active > td { 
    background-color: var(--cavelo-platinum-20);
}
main.orange-bg-medium table.dataTable tbody > tr.active > td { 
    background-color: var(--cavelo-orange-20);
}
main.blue-bg-medium table.dataTable tbody > tr.active > td { 
    background-color: var(--cavelo-blue-20);
}



.dataTables_wrapper .dataTables_paginate { 
    text-align:right; 
}
.dataTables_wrapper .dataTables_paginate a { 
    cursor:pointer; 
}
.dataTables_wrapper .dataTables_paginate .ellipsis { 
    width:auto; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button { 
    margin:0 0.5em; 
    color:var(--cavelo-black); 
    border-radius:0; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--cavelo-black);
    border: 1px solid var(--cavelo-platinum);
    background: var(--cavelo-white);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    opacity:0.6;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--cavelo-black) !important;
    border: 1px solid var(--cavelo-platinum) !important;
    background: var(--cavelo-platinum) !important;
    box-shadow:none !important;
}



table.dataTable thead th[data-is-resizable="true"] {
    border-left: 1px solid transparent;
    border-right: 1px dashed #bfbfbf;
}
table.dataTable thead th.dt-colresizable-hover {
    cursor: col-resize;
    background-color: var(--cavelo-platinum);
    border-left: 1px solid var(--cavelo-platinum);
}
table.dataTable thead th.dt-colresizable-bound-min, 
table.dataTable thead th.dt-colresizable-bound-max {
    opacity: 0.2;
    cursor: not-allowed !important;
}

[data-tabid="search-details-tab"] .dataTables_info {
    font-size:0.8em; 
}
[data-tabid="search-details-tab"] .paginate_button { 
    font-size:0.8em; 
    padding:0.5em 0.8em !important; 
    margin:0 0.2em !important; 
}
[data-tabid="search-details-tab"]:empty:after { 
    content:'Select a search result to view details' 
}

.dt-tr-details { 
    width:100%; 
    padding:0.5em 0 0.5em 0; 
}
    
.dt-tr-details pre {
    word-break: break-word;
    white-space: pre-line;
}

.dt-print-view > h1 { margin:1em; text-align:center; }

@media print {

    table.dataTable.hover > tbody > tr:hover, 
    table.dataTable.display > tbody > tr:hover,
    table.dataTable tbody > tr.active > td,
    main.blue-bg-medium table.dataTable tbody > tr.active > td,
    main.orange-bg-medium table.dataTable tbody > tr.active > td {
        background-color:transparent
    }

}
 

table.simple { border-color:transparent; }
table.simple th, 
table.simple td { text-align:left; padding:0.5em 1em; border-bottom:1px solid var(--cavelo-platinum); }
table.simple tr:last-child td { border-color:transparent; }


table.basic { border-color:transparent; }
table.basic > thead > tr > th { max-width:300px; overflow-x:hidden; text-overflow:ellipsis; }
table.basic > thead > tr > th, 
table.basic > tfoot > tr > td, 
table.basic > tbody > tr > td { text-align:left; padding:0 0.5em; border:0px solid var(--cavelo-white); }
table.basic > thead > tr > th:first-child,
table.basic > tfoot > tr > td:first-child,
table.basic > tbody > tr > td:first-child { padding-left:0; }
table.basic > thead > tr > th:last-child,
table.basic > tfoot > tr > td:last-child,
table.basic > tbody > tr > td:last-child { padding-right:0; }
table.basic > tbody > tr > td.marker { padding:0; }
table.basic > tbody > tr > td.marker + td { padding-left:0; }


[data-role="panel"].grey:not(.inverse) .dataTables_wrapper > .dt-buttons + table > thead > tr:first-child > th {
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:inherit;
}

[data-role="panel"].grey:not(.inverse) .dataTables_wrapper > table > thead > tr.dt-column-filters > th {
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:var(--cavelo-black-40);
}



.no-filter,
th.checkbox-control,
td.checkbox-control,
th.details-control,
td.details-control {
    position:relative; 
    display:table-cell;
    font-size:1em;
    width:2em !important;
    max-width:2em !important;
    overflow:hidden;
}



.table-filter[data-role="dropdown"] button {
    padding:0px !important;
    font-size:0.8em;
    max-height:2em; 
    min-height:2em; 
}
.table-filter[data-role="dropdown"] button > i + span { margin-left:0.5em; }
.table-filter[data-role="dropdown"] button > i { margin-left:0.5em; }



.dataTables_wrapper tr.group td:nth-child(2) { text-align:center; }
.dataTables_wrapper tr.group td:nth-child(2) > [data-role="toggle"] { overflow:visible; }
.dataTables_wrapper tr.group > td {
    border-top:1px solid var(--cavelo-platinum-50);
    background-color: var(--cavelo-platinum-0);
}


.dataTables_wrapper button > span.dt-down-arrow { display:none; }


table.dataTable tbody tr.selected>*,
table.dataTable.hover>tbody>tr.selected:hover>* { color:var(--cavelo-black); background-color:var(--cavelo-platinum-20) !important; box-shadow:none !important; } */



table.dataTable th > .table-filter { margin:0 !important; padding:0 !important; font-size:0.8rem !important; }
table.dataTable th > .table-filter > [data-role="inputselect"] { 
    font-size:inherit !important; 
    min-height:2em !important; 
}
table.dataTable th > .table-filter > [data-role="inputselect"] > .selected {
    font-size:inherit !important; 
    min-height:2em !important; 
    max-width:100% !important; 
    padding:0 !important; margin:0 !important;
}
table.dataTable th > .table-filter > [data-role="inputselect"] > .selected::before {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    font-size:inherit !important; 
    height:2em !important; 
    padding:0 !important; margin:0 !important;
}

table.dataTable th > .table-filter > [data-role="inputselect"] > .selected > .item {
    padding-top:0.25em;
    padding-bottom:0.25em;
    padding-left:0.5em; 
    max-width:calc(100% - 2em) !important; 
    line-break:anywhere;
    white-space:normal;
}
table.dataTable th > .table-filter > [data-role="inputselect"] > .selected > .item::before {
    top:0.25em;
}

table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown { font-size:inherit !important; }
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .input { font-size:inherit !important; }
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .input::before { font-size:inherit !important; }
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .form-group > [data-role="input"] { padding:0.25em }
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .form-group label { 
    font-size:inherit !important; 
    padding-left:0.5em !important; 
    padding-right:0.5em !important; 
    padding-top:0.25em !important;
    padding-bottom:0.25em !important;
    margin-right:0em !important;
    min-height:0 !important; 
}
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .form-group input { 
    font-size:inherit !important; 
    padding-left:0.5em !important; 
    padding-right:0.5em !important; 
    padding-top:0.25em !important;
    padding-bottom:0.25em !important;
    min-height:0 !important; 
}

table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .menu { font-size:inherit !important; }
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > .menu > * { 
    font-size:inherit !important; 
    padding-left:0.5em; 
    padding-right:0.5em; 
    padding-top:0.25em;
    padding-bottom:0.25em;
    line-break:anywhere;
    white-space:normal;
}

table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > [data-role="options-bar"] {
    position:absolute;
    width:auto;
    right:0.2em;
    top:0.2em;
    z-index:5;
}
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > [data-role="options-bar"] button[data-role="button"] { font-size:1em; }
table.dataTable th > .table-filter > [data-role="inputselect"] > .dropwrap > .dropdown > [data-role="options-bar"] button[data-role="button"].active { font-weight:bold; }