@import "https://cdn.datatables.net/2.3.0/css/dataTables.dataTables.css";

.card-login {
    min-width: 500px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 500px) {
    .card-login {
        min-width: 90%;
    }
}

.rotated-th {
    height: 150px;
    position: relative;
}

.rotated-th-90 {
    height: 200px;
}

.rotated-th__label {
    bottom: 5px;
    left: 50%;
    position: absolute;
    transform: rotate(-45deg);
    transform-origin: center left;
    white-space: nowrap;
}

.rotated-th-90__label {
    transform: rotate(-90deg);
}

td.bottom-border-none, tr.bottom-border-none {
    border-bottom: none;
}

td.top-border-none, tr.top-border-none {
    border-top: none;
}

.circle {
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 90px;
    line-height: 100px;
    text-align: center;
}

/* Bootstrap Datepicker Dark mode */

[data-bs-theme=dark] .daterangepicker.dropdown-menu {
    background-color: var(--bs-dropdown-bg)
}

[data-bs-theme=dark] .daterangepicker .hourselect,
[data-bs-theme=dark] .daterangepicker .minuteselect {
    background-color: #454141;
    color: white;
}

[data-bs-theme=dark] .daterangepicker .drp-selected {
    color: white;
}

[data-bs-theme=dark] .daterangepicker {
    background-color: #454141;
    color: black;
}

[data-bs-theme=dark] .daterangepicker hourselect:hover,
[data-bs-theme=dark] .daterangepicker table td.available:hover,
[data-bs-theme=dark] .daterangepicker table td.day:hover,
[data-bs-theme=dark] .daterangepicker table td.hour:hover,
[data-bs-theme=dark] .daterangepicker table td.minute:hover,
[data-bs-theme=dark] .daterangepicker table td.second:hover {
    background: var(--bs-tertiary-bg);
    cursor: pointer
}

[data-bs-theme=dark] .daterangepicker table td span:hover,
[data-bs-theme=dark] .daterangepicker table thead tr:first-child th:hover {
    background: var(--bs-tertiary-bg)
}

[data-bs-theme=dark] .daterangepicker table tbody {
    background-color: #454141;
    color: white
}

[data-bs-theme=dark] .daterangepicker table thead {
    background-color: #777373;
    color: white
}

[data-bs-theme=dark] .daterangepicker .ranges {
    background-color: #454141;
    color: white
}

[data-bs-theme=dark] .daterangepicker .ranges li:hover {
    background: var(--bs-tertiary-bg);
}

[data-bs-theme=dark] .ts-dropdown,
[data-bs-theme=dark] .ts-control,
[data-bs-theme=dark] .ts-control input,
[data-bs-theme=dark] .ts-control .item
{
    background-color: black;
    color: white
}

#sidebar-resizer-handler {
    cursor: grab;
}

.analytics-widget-header {
    cursor: move;
}

.content-header .datagrid-filters {
    margin-inline-end: 5px;
}