
    .dt-buttons{ width: auto; }
    .buttons-excel{ background: rgb(0, 154, 16); width: 100px; margin: 10px 10px; }
    .buttons-print{ background: rgba(1, 77, 94, 0.52); width: 100px; margin: 10px 10px; }
    .buttons-colvis{ width: auto; height: auto; margin: 10px 10px; }
    .buttons-pdf{ background: rgb(202, 8, 8); width: 100px; margin: 10px 10px; }
    .add_case{ background: rgb(9, 93, 220); color: white; width: 100px; margin: 10px 10px; }
    .add_case:hover { background: rgb(0, 32, 77); }
    .buttons-excel:hover { background: rgb(0, 77, 8); }
    .buttons-print:hover { background: rgb(0, 54, 69); }
    .buttons-pdf:hover { background: rgb(153, 6, 6); }
    .dropdown { position: relative; display: inline-block; z-index: 100; }
    .dropdown-content { display: none; position: absolute; left: 100%; background-color: #fff; border: 1px solid var(--bs-info); min-width: 160px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 100; }
    .dropdown-content::before { content: ""; position: absolute; top: 40%; z-index: -10; left: -5%; transform: translate(-50%, -50%) rotate(45deg); height: 15px; width: 15px; background: var(--bs-info); }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-item:hover { color: var(--bs-info); }
    .dt-search { display: flex; align-items: center; justify-content: flex-end; }
    div.dt-container .dt-search input { outline: none; }
    div.dt-container .dt-search input:focus { border: 1px solid var(--bs-info); }
    div.dtsb-searchBuilder button.dtsb-button { background: cadetblue; color: #fff; }
    div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic { color: #000; }
    div.dt-length { display: flex; align-items: center; justify-content: flex-end; }
    td { font-size: 12px; }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
        margin-right: .5em;
        display: inline-block;
        content: "~";
        border: 0;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        background-color: var(--bs-info);
        border: .15em solid #fff;
        border-radius: 1em;
        box-shadow: 0 0 .2em #444;
        color: #fff;
        content: "~";
        display: block;
        font-family: Courier New, Courier, monospace;
        height: 1em;
        width: 1em;
        position: absolute;
        text-align: center;
        top: 50%;
        left: 5px;
        margin-top: -9px;
    }
