@media (prefers-color-scheme: light) {
    .bg-light-gradient {
        background: rgb(233,236,239);
        background: linear-gradient(180deg, rgba(233,236,239,1) 48%, rgba(222,225,228,1) 67%, rgba(211,216,222,1) 90%);
    }

    .btn-light {
        color: #222222;
        background: rgb(233,236,239);
        background: linear-gradient(180deg, rgba(233,236,239,1) 48%, rgba(222,225,228,1) 67%, rgba(211,216,222,1) 90%);
        border-color: #f0f0f0;
    }

        .btn-light:hover {
            color: #222222;
            background: rgb(233,236,239);
            background: linear-gradient(180deg, rgba(211,216,222,1) 48%, rgba(222,225,228,1) 67%, rgba(233,236,239,1) 90%);
            border-color: #d7d7d7;
        }

        .btn-light:focus, .btn-light.focus {
            color: #222222;
            background-color: #dddddd;
            border-color: #d7d7d7;
            box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.5);
        }

        .btn-light.disabled, .btn-light:disabled {
            color: #222222;
            background-color: #f0f0f0;
            border-color: #f0f0f0;
        }


        .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
        .show > .btn-light.dropdown-toggle {
            color: #222222;
            background-color: #d7d7d7;
            border-color: #d0d0d0;
        }

            .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
            .show > .btn-light.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.5);
            }


    .disabledEntryButton {
        background-color: #bbb !important;
        color: #555555 !important;
    }

    .displayEntryButton {
        background-color: #e9ecef !important;
    }

    .editTextBox ::placeholder {
        color: #999999;
    }

    .hintText {
        color: #999999;
    }

    .nav-tabs {
        border-bottom-color: #6c757d !important;
    }

    .custom-tab {
        color: black !important;
        background: rgb(233,236,239);
        background: linear-gradient(180deg, rgba(233,236,239,1) 48%, rgba(222,225,228,1) 67%, rgba(211,216,222,1) 90%);
        border-color: #6c757d !important;
    }

        .custom-tab.active {
            background: rgb(245,245,245) !important;
            border-bottom-color: rgb(245,245,245) !important;
        }

        .custom-tab.disabled {
            color: #777777 !important;
            background: #CCCCCC !important;
            border-color: #6c757d !important;
        }

    .entryButton {
        color: black;
        background-color: white;
    }


    @media (max-width: 1399px) {
        .menu-popover {
            position: absolute;
            top: 75px;
            left: 0;
            z-index: 1060;
            display: block;
            width: 100%;
            background: rgb(233,236,239);
            background: linear-gradient(180deg, rgba(211,216,222,1) 48%, rgba(222,225,228,1) 67%, rgba(233,236,239,1) 90%);
        }
    }

    .breadcrumb-item.last {
        color: black;
    }

    .k-drawer {
        color: #222222 !important;
        background: linear-gradient(180deg, rgba(233,236,239,1) 48%, rgba(222,225,228,1) 67%, rgba(211,216,222,1) 90%) !important;
        border-right: 1px solid var(--bs-secondary) !important;
    }

    .k-drawer-item.k-state-selected {
        color: rgba(0,0,0, 0.5) !important;
        background-color: rgba(0,0,0, 0.1) !important;
    }

        .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover {
            color: rgba(0,0,0, 0.5) !important;
            background-color: rgba(0,0,0, 0.1) !important;
        }

    .k-drawer-item:hover, .k-drawer-item.k-state-hover {
        color: rgba(0,0,0, 0.5) !important;
        background-color: rgba(0,0,0, 0.1) !important;
    }

        .k-drawer-item.disabled,
        .k-drawer-item.k-state-selected.disabled,
        .k-drawer-item.k-state-selected:hover.disabled, .k-drawer-item.k-state-selected.k-state-hover.disabled,
        .k-drawer-item:hover.disabled, .k-drawer-item.k-state-hover.disabled {
            background-color: #999 !important;
            color: #555555 !important;
        }

    .k-switch-on:disabled .k-switch-track, .k-switch-on.k-disabled .k-switch-track {
        background-color: #e9889a !important;
    }

    .k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track {
        border-color: #e9889a !important;
    }

    .switchAuto {
        border-color: blue !important;
        border-width: 2px !important;
    }

    .timepicker-spinbuttons .spinbutton .previous,
    .timepicker-spinbuttons .spinbutton .next,
    .datepicker-spinbuttons .spinbutton .previous,
    .datepicker-spinbuttons .spinbutton .next {
        color: #666;
    }

        .timepicker-spinbuttons .spinbutton .previous:hover,
        .timepicker-spinbuttons .spinbutton .next:hover,
        .datepicker-spinbuttons .spinbutton .previous:hover,
        .datepicker-spinbuttons .spinbutton .next:hover {
            color: var(--secondary);
        }

    .timepicker-spinbuttons .spinbutton .previous2,
    .timepicker-spinbuttons .spinbutton .next2,
    .datepicker-spinbuttons .spinbutton .previous2,
    .datepicker-spinbuttons .spinbutton .next2 {
        color: #999;
    }

        .timepicker-spinbuttons .spinbutton .previous2:hover,
        .timepicker-spinbuttons .spinbutton .next2:hover,
        .datepicker-spinbuttons .spinbutton .previous2:hover,
        .datepicker-spinbuttons .spinbutton .next2:hover {
            color: var(--secondary);
        }

    .timepicker-spinbuttons .spinbutton.focus,
    .datepicker-spinbuttons .spinbutton.focus {
        outline: 2px solid #005a9c;
    }

    .timepicker-spinbuttons .spinbutton.focus,
    .timepicker-spinbuttons .spinbutton:hover,
    .datepicker-spinbuttons .spinbutton.focus,
    .datepicker-spinbuttons .spinbutton:hover {
        color: #444;
        background: rgb(245,245,245);
        background: linear-gradient(180deg, rgba(0,0,0,0) 2%, rgba(0,0,0,0.02) 25%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.02) 75%, rgba(0,0,0,0) 98%);
    }

        .timepicker-spinbuttons .spinbutton.focus [role="spinbutton"],
        .timepicker-spinbuttons .spinbutton:hover [role="spinbutton"],
        .datepicker-spinbuttons .spinbutton.focus [role="spinbutton"],
        .datepicker-spinbuttons .spinbutton:hover [role="spinbutton"] {
            background-color: #fff;
            color: black;
        }

    .timepicker-spinbuttons .spinbutton .previous,
    .datepicker-spinbuttons .spinbutton .previous {
        border-bottom: 1px solid black;
    }

    .timepicker-spinbuttons .spinbutton .next,
    .datepicker-spinbuttons .spinbutton .next {
        border-top: 1px solid black;
    }

    .card-header {
        background-color: #f3f7f9;
    }

    /*    .card-body {
        background-color: #ECF2F5;
    }
*/
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0, 0.5);
        border: none !important;
        box-shadow: transparent 0px 0px;
        padding: 0px;
    }

        .navbar-light .navbar-toggler:hover,
        .navbar-light .navbar-toggler:focus,
        .navbar-light .navbar-toggler:active {
            color: rgba(0,0,0, 0.75);
            background: none;
            padding: 0px;
            border-color: none;
            outline: none;
        }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

        .navbar-light .navbar-toggler-icon:hover, .navbar-light .navbar-toggle-icon:focus {
            background-color: transparent;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .6);
    }
        .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
            color: rgba(0, 0, 0, .9);
        }
}

@media (prefers-color-scheme: dark) {
    html, body {
        background: #1a1a1a;
        color: white !important;
    }

    .mainBackground {
        background: #111519;
    }

    .modeTitle {
        color: cyan;
    }

    table {
        color: white !important;
    }

    hr {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .text-dark {
        color: white !important;
    }

    .modal-content {
        background: rgba(26,26,26,1) !important;
        border: solid 1px var(--bs-secondary) !important;
        color: white !important;
    }

    .resetPopup {
        background: rgba(11,11,11,1);
    }

    .entryButton {
        color: black;
    }

    .disabledEntryButton {
        color: #bbb !important;
        background-color: #555555 !important;
    }

    .displayEntryButton {
        color: white !important;
        background-color: rgba(48,48,48,1) !important;
    }

    .editTextBox {
        color: white !important;
        background-color: #222222 !important;
    }

        .editTextBox ::placeholder {
            color: #999999;
        }

    .hintText {
        color: #999999;
    }

    .close {
        color: white !important;
    }

    .bg-light-gradient {
        background: rgb(48,48,48);
        background: linear-gradient(180deg, rgba(48,48,48,1) 48%, rgba(37,37,37,1) 67%, rgba(26,26,26,1) 90%);
    }



    .bg-light {
        background-color: rgba(48,48,48,1) !important;
    }

    .btn-light {
        color: #fff;
        background: rgb(48,48,48);
        background: linear-gradient(180deg, rgba(48,48,48,1) 48%, rgba(37,37,37,1) 67%, rgba(26,26,26,1) 90%);
        border-color: #303030;
    }

        .btn-light:hover {
            color: #fff;
            background: rgb(26,26,26);
            background: linear-gradient(180deg, rgba(26,26,26,1) 48%, rgba(37,37,37,1) 67%, rgba(48,48,48,1) 90%);
            border-color: #171717;
        }

        .btn-light:focus, .btn-light.focus {
            color: #fff;
            background: linear-gradient(180deg, rgba(48,48,48,1) 48%, rgba(37,37,37,1) 67%, rgba(26,26,26,1) 90%);
            border-color: #171717;
            box-shadow: 0 0 0 0.2rem rgba(79, 79, 79, 0.5);
        }

        .btn-light.disabled, .btn-light:disabled {
            color: #fff;
            background: #303030;
            border-color: #303030;
        }

        .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
        .show > .btn-light.dropdown-toggle {
            color: #fff;
            background: #171717;
            border-color: #101010;
        }

            .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
            .show > .btn-light.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(79, 79, 79, 0.5);
            }

    .navbar-light .navbar-brand {
        color: #fff;
    }

        .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
            color: #fff;
        }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
    }

        .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
            color: rgba(255, 255, 255, 0.75);
        }

        .navbar-light .navbar-nav .nav-link.disabled {
            color: rgba(255, 255, 255, 0.25);
        }

        .navbar-light .navbar-nav .show > .nav-link,
        .navbar-light .navbar-nav .active > .nav-link,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .nav-link.active {
            color: #fff;
        }

    .navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        background: none;
        border: none !important;
        padding: 0px;
    }

        .navbar-light .navbar-toggler:hover,
        .navbar-light .navbar-toggler:focus,
        .navbar-light .navbar-toggler:active {
            color: rgba(255,255,255, 0.75);
            background: none;
            padding: 0px;
            border-color: none;
            outline: none;
        }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

        .navbar-light .navbar-toggler-icon:hover, .navbar-light .navbar-toggle-icon:focus {
            background-color: transparent;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

    .navbar-light .navbar-text {
        color: rgba(255, 255, 255, 0.5);
    }

        .navbar-light .navbar-text a {
            color: #fff;
        }

            .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
                color: #fff;
            }

    .nav-tabs {
        border-bottom-color: #6c757d !important;
    }

        .nav-tabs .custom-tab:hover {
            color: #ddd !important;
        }

        .nav-tabs .custom-tab .active:hover {
            color: white !important;
        }

    .custom-tab {
        color: #fff !important;
        background: rgb(48,48,48) !important;
        background: linear-gradient(180deg, rgba(48,48,48,1) 48%, rgba(37,37,37,1) 67%, rgba(26,26,26,1) 90%) !important;
        border-color: #6c757d !important;
    }

        .custom-tab.disabled {
            color: #666 !important;
            background: #181818 !important;
            border-color: #6c757d !important;
        }

    .nav-tabs .custom-tab.active {
        color: #fff !important;
        background: rgba(11,11,11,1) !important;
        border-bottom-color: rgba(11,11,11,1) !important;
    }

    .sidebar .nav-item a {
        color: white;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .sidebar .nav-item a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .sidebar .nav-item a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

    @media (max-width: 1399px) {
        .menu-popover {
            position: absolute;
            top: 75px;
            left: 0;
            z-index: 1060;
            display: block;
            width: 100%;
            color: white;
            background: rgb(26,26,26,1);
            background: linear-gradient(180deg, rgba(26,26,26,1) 48%, rgba(37,37,37,1) 67%, rgba(48,48,48,1) 90%);
        }
    }


    .navbar-alarm {
        color: rgba(255,255,255, 0.5) !important;
        background-color: rgba(255,255,255, 0.1) !important;
        border: 1px solid rgba(255,255,255, 0.1) !important;
    }

    .navbar-btn {
        color: rgba(255,255,255, 0.5) !important;
        background-color: rgba(255,255,255, 0.1) !important;
        border: 1px solid rgba(255,255,255, 0.1) !important;
    }

    .navbar-btn-alarm {
        color: rgba(255,255,255, 0.5) !important;
        background-color: rgba(255,255,255, 0.1) !important;
        border: 1px solid rgba(255,255,255, 0.1) !important;
    }

    .breadcrumb-item.last {
        color: white;
    }

    .modal-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.7);
    }

    .scrollbar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.7);
    }

    .k-drawer {
        color: #fff;
        background: rgb(48,48,48);
        background: linear-gradient(180deg, rgba(48,48,48,1) 48%, rgba(37,37,37,1) 67%, rgba(26,26,26,1) 90%);
        border-right: 1px solid var(--bs-secondary) !important;
    }

    .k-drawer-item.k-state-selected {
        color: rgba(255,255,255, 0.7) !important;
        background-color: rgba(255,255,255, 0.1) !important;
    }

        .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover {
            color: rgba(255,255,255, 0.7) !important;
            background-color: rgba(255,255,255, 0.1) !important;
        }

    .k-drawer-item:hover, .k-drawer-item.k-state-hover {
        color: rgba(255,255,255, 0.7) !important;
        background-color: rgba(255,255,255, 0.1) !important;
    }

        .k-drawer-item.disabled,
        .k-drawer-item.k-state-selected.disabled,
        .k-drawer-item.k-state-selected:hover.disabled, .k-drawer-item.k-state-selected.k-state-hover.disabled,
        .k-drawer-item:hover.disabled, .k-drawer-item.k-state-hover.disabled {
            color: #bbb !important;
            background-color: #555555 !important;
        }


    .k-switch-on:disabled .k-switch-track, .k-switch-on.k-disabled .k-switch-track {
        background-color: #69081a !important;
    }

    .k-switch-off:disabled .k-switch-track, .k-switch-off.k-disabled .k-switch-track {
        background-color: #555555 !important;
    }

    .k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track {
        border-color: #7a192b !important;
    }

    .switchAuto {
        border-color: cyan !important;
        border-width: 2px !important;
    }

    .page-link {
        background-color: rgba(48,48,48,1);
    }

        .page-link:hover {
            background-color: rgba(255,255,255, 0.3);
        }

    .currentConditionsIcon {
        background-image: url("/images/Icons/currentconditionsdark.svg");
    }

    .birdWeightIcon {
        background-image: url("/images/Icons/birdweightdark.svg");
    }

    .managementIcon, .calculatorWithChickenIcon {
        background-image: url("/images/Icons/calculatorwithchickendark.svg");
    }

    .feedIcon {
        background-image: url("/images/Icons/feeddark.svg");
    }

    .historyEnvironmentIcon {
        background-image: url("/images/Icons/historyenvironmentdark.svg");
    }

    .historyProductionIcon {
        background-image: url("/images/Icons/historyproductiondark.svg");
    }

    .manualStopWatchIcon {
        background-image: url("/images/Icons/manualstopwatchdark.svg");
    }

    .mortalityIcon {
        background-image: url("/images/Icons/mortalitydark.svg");
    }

    .setTempIcon {
        background-image: url("/images/Icons/settempdark.svg");
    }

    .setTempTimerIcon {
        background-image: url("/images/Icons/settemptimerdark.svg");
    }

    .spareClockIcon {
        background-image: url("/images/Icons/spareclockdark.svg");
    }

    .stirFanIcon {
        background-image: url("/images/Icons/stirfandark.svg");
    }

    .temperatureBulbIcon {
        background-image: url("/images/Icons/temperaturebulbdark.svg");
    }

    .weighScale3Icon {
        background-image: url("/images/Icons/weighscale3dark.svg");
    }

    .farmConditionsIcon {
        background-image: url(/images/Icons/housesdark.svg);
    }

    .farmConditionsIcon {
        background-image: url(/images/Icons/housesdark.svg);
    }


    .timepicker-spinbuttons .spinbutton .previous,
    .timepicker-spinbuttons .spinbutton .next,
    .datepicker-spinbuttons .spinbutton .previous,
    .datepicker-spinbuttons .spinbutton .next {
        color: #999;
    }

        .timepicker-spinbuttons .spinbutton .previous:hover,
        .timepicker-spinbuttons .spinbutton .next:hover,
        .datepicker-spinbuttons .spinbutton .previous:hover,
        .datepicker-spinbuttons .spinbutton .next:hover {
            color: var(--secondary);
        }

    .timepicker-spinbuttons .spinbutton .previous2,
    .timepicker-spinbuttons .spinbutton .next2,
    .datepicker-spinbuttons .spinbutton .previous2,
    .datepicker-spinbuttons .spinbutton .next2 {
        color: #666;
    }

        .timepicker-spinbuttons .spinbutton .previous2:hover,
        .timepicker-spinbuttons .spinbutton .next2:hover,
        .datepicker-spinbuttons .spinbutton .previous2:hover,
        .datepicker-spinbuttons .spinbutton .next2:hover {
            color: var(--secondary);
        }

    .timepicker-spinbuttons .spinbutton.focus,
    .datepicker-spinbuttons .spinbutton.focus {
        outline: 2px solid #005a9c;
    }

    .timepicker-spinbuttons .spinbutton.focus,
    .timepicker-spinbuttons .spinbutton:hover,
    .datepicker-spinbuttons .spinbutton.focus,
    .datepicker-spinbuttons .spinbutton:hover {
        background: linear-gradient(180deg, rgba(255,255,255,0) 2%, rgba(255,255,255,0.02) 25%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.02) 75%, rgba(255,255,255,0) 98%);
    }

        .timepicker-spinbuttons .spinbutton.focus [role="spinbutton"],
        .timepicker-spinbuttons .spinbutton:hover [role="spinbutton"],
        .datepicker-spinbuttons .spinbutton.focus [role="spinbutton"],
        .datepicker-spinbuttons .spinbutton:hover [role="spinbutton"] {
            color: white;
        }

    .timepicker-spinbuttons .spinbutton .previous,
    .datepicker-spinbuttons .spinbutton .previous {
        border-bottom: 1px solid white;
    }

    .timepicker-spinbuttons .spinbutton .next,
    .datepicker-spinbuttons .spinbutton .next {
        border-top: 1px solid white;
    }

    .hg-theme-default {
        background: rgb(48, 48, 48) !important;
    }

        .hg-theme-default .hg-button {
            box-shadow: rgba(255, 255, 255, 0.3) !important;
            background: rgba(11, 11, 11, 1) !important;
            border-bottom: 1px solid #6c757d !important;
        }

    .hg-candidate-box {
        background: rgb(48, 48, 48) !important;
        border-bottom: 2px solid #6c757d !important;
    }

    li.hg-candidate-box-list-item:hover {
        background: rgba(255, 255, 255, 0.03) !important;
    }

    li.hg-candidate-box-list-item:active {
        background: rgba(255, 255, 255, 0.1) !important;
    }

    .hg-candidate-box-next,
    .hg-candidate-box-prev {
        background: #444 !important;
    }

    .hg-candidate-box-btn-active {
        color: white !important;
    }

    .shadow {
        box-shadow: 0 .5rem 1rem rgba(153,153,153,25%) !important;
    }

    @media (min-width: 576px) {
        .modal-content {
            box-shadow: 0 0.5rem 1rem rgb(153,153,153, 50%);
        }
    }

    .droppable {
        background: #343a40 !important;
        color: inherit;
    }

    .droppable-dragover {
        background: #212529 !important;
    }

    .go-first, .go-last {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g transform="rotate(90) scale(0.8)" transform-origin="12 12"><path d="m 2,1.5 l 10,17.5 l 10,-17.5 l -10,7.75 l -10,-7.75 z" fill="silver"/><rect height="2" width="20" y="20.5" x="2"/></g></svg>') !important;
    }

    .go-previous, .go-next {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g transform="rotate(90)" transform-origin="12 12"><path d="M 2 3.25 L 12 20.75 L 22 3.25 L 12 11 z" fill="silver"/></g></svg>') !important;
    }

    .card-header {
        background-color: #1e1e1e;
    }

    /*    .card-body {
        background-color: #303030;
    }
*/

    .k-skeleton, .k-placeholder-line {
        background-color: rgba(227,228,228, .2);
    }
}