/*
 * Dark Mode Switch v1.0.1 (https://github.com/coliff/dark-mode-switch)
 * Copyright 2021 C.Oliff
 * Licensed under MIT (https://github.com/coliff/dark-mode-switch/blob/main/LICENSE)
 */


/* --- basic bg's --------------------------------------------------- */

[data-theme="dark"] {
    background-color: #222831 !important;
    color: #9aa5b1;
}

    [data-theme="dark"] .bg--black {
        background-color: #000 !important;
    }

    [data-theme="dark"] .bg--dark {
        background-color: #222831 !important;
    }

    [data-theme="dark"] .bg-light-gray { 
        background-color: lightgray !important;
    }

    [data-theme="dark"] .bg-msc {
        background-color: #393e46 !important;
    }

    [data-theme="dark"] .bg-white {
        background-color: #fff !important;
    }

/* --- ??? --------------------------------------------------- */
    [data-theme="dark"] .label-meine-timelogs {
        background-color: #393e46 !important;
    }
    [data-theme="dark"] .div-meine-timelogs {
        background-color: #393e46 !important;
    }

    [data-theme="dark"] .label-bg-color {
        background-color: #393e46 !important;
        font-weight: 400 !important;
        border: none !important;
    }

    [data-theme="dark"] .input-group-text {
        background-color: #d9d8d8 !important;
    }

    [data-theme="dark"] .label--dark {
        color: #58a6ff !important;
    }

    [data-theme="dark"] .label--dark-lite {
        color: #bbbbbb !important;
    }

/*    [data-theme="dark"] .form-row {
        background-color: #393e46 !important;
    }
*/
    [data-theme="dark"] .panel-header {
        background-color: #393e46 !important;
    }

    [data-theme="dark"] .boundfield-stunden {
        color: #222121 !important;
    }

    [data-theme="dark"] .control-label {
        color: #FDC57B !important;
        font-weight: 700 !important;
    }

    [data-theme="dark"] .form-control {
        background-color: #393e46 !important;
        color: #eee !important;
        border: none !important;
    }

    [data-theme="dark"] .custom-select {
        color: #eee !important;
        border: none !important;
        background: #393e46 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
    }

    [data-theme="dark"] .custom-file-label {
        background-color: #393e46 !important;
        color: #eee !important;
    }

    .nav-pills > li > a.active {
        background-color: #0078d7 !important;
        color: #ffffff !important;
    }

    .nav-pills > li > a.active:hover {
        color: #eee !important;
    }

    .nav-pills > li > a {
        color: gray !important;
    }

    .nav-pills > li > a:hover {
        color: #000 !important;
    }

    [data-theme="dark"] .nav-pills > li > a:hover {
        color: #eee !important;
    }

    [data-theme="dark"] .flipswitch {
        color: whitesmoke !important;
        background-color: #393e46 !important;
    }

    [data-theme="dark"] .flipswitch::after {
        color: whitesmoke !important;
        background-color: #428bca !important;
    }

/* --- table --------------------------------------------------- */

    [data-theme="dark"] .table td {
        border-color: gray !important;
        border-top-color: transparent !important;
    }

    [data-theme="dark"] .table th {
        border-color: gray !important;
        border-bottom-color: transparent !important;
    }

/*  [data-theme="dark"] th {
        color: #eee !important;
        background-color: #393e46 !important;
        border-style: solid !important;
    }
*/

/* --- dropdown --------------------------------------------------- */

    [data-theme="dark"] .dropdown-menu {
        background-color: #393e46 !important;
    }

    [data-theme="dark"] .dropdown-item {
        background-color: #393e46 !important;
        color: #eee !important;
    }

    [data-theme="dark"] .dropdown .dropdown-menu a:hover {
        color: #eee !important;
        background-color: #476D7C !important;
        border-color: #fff !important;
    }

    [data-theme="dark"] .dropdown-divider {
        border-top: 1px solid #525252 !important;
    }

/* --- List group ------------------------------------------- */

    .list-group {
        background-color: #fff;
        max-height: 70vh;
        min-height: 70vh;
        overflow: auto;
        overflow-x: hidden;
    }

    [data-theme="dark"] .list-group {
        background-color: #30475e !important;
    }

    [data-theme="dark"] .list-group-item {
        color: #BBE1FA;
        background-color: #30475e !important;
    }

    .list-group-item-label-lastname {
        color: #000;
        font-weight: 500;
    }

    .list-group-item-label-firstname {
        color: maroon;
    }

    .list-group-item-label-loginname {
        color: blue;
    }

    [data-theme="dark"] .list-group-item-label-lastname {
        color: #BBE1FA;
    }

    [data-theme="dark"] .list-group-item-label-firstname {
        color: #BBE1FA;
    }

    [data-theme="dark"] .list-group-item-label-loginname {
        color: #FFD369;
    }

    .list-group-item-label-companytitle {
        color: maroon;
    }

    .list-group-item-label-projecttitle {
        color: seagreen;
    }

    .list-group-item-label-tasktitle {
        color: blue;
    }

    [data-theme="dark"] .list-group-item-label-companytitle {
        color: #BBE1FA;
    }

    [data-theme="dark"] .list-group-item-label-projecttitle {
        color: #FB5B5A;
    }

    [data-theme="dark"] .list-group-item-label-tasktitle {
        color: #ffc107;
    }

    .ui-state-highlight {
        background: #fffa90;
        border-color: transparent;
        padding: 0.75rem 1.25rem;
    }

    .list-group-item-selected {
        background-color: #fffa90;
        border-color: transparent;
        padding: 0.75rem 1.25rem;
    }

    [data-theme="dark"] .list-group-item-selected {
        background-color: #0078d7;
        padding: 0.75rem 1.25rem;
        border-color: transparent;
    }

    [data-theme="dark"] .ui-state-highlight {
        background: #0078d7 !important;
        border-color: transparent;
    }

/* --- grid view ------------------------------------------- */

    [data-theme="dark"] .gridview-empty {
        color: lightgray !important;
    }

    [data-theme="dark"] .gridview-row {
        background-color: #4C5F7A !important;
        color: #eee !important;
        border-color: #454d55 !important;
    }

/* --- card --------------------------------------------------- */

    .card-body {
        background-color: #F0ECE3 !important;
        color: #333 !important;
    }

    [data-theme="dark"] .card-body {
        background-color: silver !important;
        color: #000 !important;
    }

    .card-body-login {
        background-color: #fff !important;
        color: #333 !important;
    }

    [data-theme="dark"] .card-body-login {
        background-color: #000 !important;
        color: #fff !important;
    }

    .card-login {
        background-color: #fff;
    }

    [data-theme="dark"] .card-login {
        border: none !important;
        background-color: #000 !important;
    }

    .card-header {
        background-color: #596E79 !important;
        color: #fff !important;
        font-weight: 400;
    }

    [data-theme="dark"] .card-header {
        background-color: #222 !important;
        color: #eee !important;
    }

    .card-footer {
        background-color: #DFD3C3 !important;
        color: #333 !important;
        font-weight: 600;
    }

    [data-theme="dark"] .card-footer {
        background-color: #222 !important;
        color: #eee !important;
    }

/* --- alert --------------------------------------------------- */

    [data-theme="dark"] .alert-success {
        background-color: #3C6562 !important;
        color: #EEEEEE !important;
        border: none !important;
    }

    [data-theme="dark"] .alert-warning {
        background-color: #b9b507 !important;
        color: #111111 !important;
        border: none !important;
    }

    [data-theme="dark"] .alert-danger {
        background-color: #C84771 !important;
        color: #EEEEEE !important;
        border: none !important;
    }

    [data-theme="dark"] .alert-info--dark {
        background-color: #293A80 !important;
        color: #EEEEEE !important;
        border: none !important;
    }

/* --- modal dialog ------------------------------------------ */

    [data-theme="dark"] .modal-content {
        background-color: #3C4F65 !important;
    }

    .modal-body {
        background-color: #F0F0F0;
    }

[data-theme="dark"] .modal-body {
    color: black !important;
    background-color: #bcc6d1 !important;
    border-bottom: 0 !important;
}

.modal-header {
    color: white;
    background-color: #4f6daa;
    border-bottom: none !important;
}

[data-theme="dark"] .modal-header {
    color: white;
    background-color: #4f6daa;
    border-bottom: none !important;
}

    [data-theme="dark"] .modal-header-label {
        color: #bbbbbb !important;
    }

    .modal-footer {
        background-color: #bcc6d1 !important;
    }

[data-theme="dark"] .modal-footer {
    background-color: revert !important;
    border: none !important;
}

/* --- misc --------------------------------------------------- */

    [data-theme="dark"] ::-webkit-calendar-picker-indicator {
        filter: invert(1) !important;
    }

    @media print {
      * {
            color: #000 !important; 
            background-color: transparent !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }
    }

    [data-theme="dark"] input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        height: 20px;
        width: 20px;
        margin-left: .4em;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
        cursor: pointer;
    }

    [data-theme="dark"] input:-webkit-autofill {
        -webkit-text-fill-color: white !important;
        background-color: #393e46 !important;
        -webkit-box-shadow: 0 0 0 50px #393e46 inset !important;
    }

    .pencil {
        color: black !important;
    }

    [data-theme="dark"] .pencil {
        color: white !important;
    }

    .dustbin {
        color: black !important;
    }

    [data-theme="dark"] .dustbin {
        color: white !important;
    }

/*    [data-theme="dark"] .swal2-header {
        background-color: lightgray;
    }
*/

/* --- Swal2 -------------------------------------------------- */

    [data-theme="dark"] .swal2-title {
        color: whitesmoke !important;
    }

    [data-theme="dark"] .swal2-content {
        color: whitesmoke !important;
    }

    [data-theme="dark"] .swal2-popup {
        background-color: #374045 !important;
    }

/* --- IMG --------------------------------------------------- */

    .imgZeitart {
        width: 20px;
        height: 20px;
        margin-right: 3px;
    }

    [data-theme="dark"] .imgZeitart {
        filter: invert(100%);
    }

/* --- bold -------------------------------------------------- */

    .b300 {
        font-weight: 300 !important;
    }

    .b400 {
        font-weight: 400 !important;
    }

    .b500 {
        font-weight: 500 !important;
    }

    .b600 {
        font-weight: 600 !important;
    }

    .b700 {
        font-weight: 700 !important;
    }

    .b800 {
        font-weight: 800 !important;
    }

/* --- diverses -------------------------------------------------- */

hr {
    background-color: lightgray
}

[data-theme="dark"] hr {
    background-color: #52606d;
}

/*    [data-theme="dark"] .chartjs-render-monitor {
        background-color: #000 !important;
    }
*/