html.darktheme ::-webkit-scrollbar {
    background-color: #202324;
    color: #aba499;
}

html.darktheme ::-webkit-scrollbar-corner {
    background-color: #181a1b;
}

html.darktheme ::-webkit-scrollbar-thumb {
    background-color: #454a4d;
}

html.darktheme input:-webkit-autofill,
html.darktheme input:-webkit-autofill:hover,
html.darktheme input:-webkit-autofill:focus,
html.darktheme textarea:-webkit-autofill,
html.darktheme textarea:-webkit-autofill:hover,
html.darktheme textarea:-webkit-autofill:focus,
html.darktheme select:-webkit-autofill,
html.darktheme select:-webkit-autofill:hover,
html.darktheme select:-webkit-autofill:focus {
    -webkit-text-fill-color: #f2f2f2;
    -webkit-box-shadow: 0 0 0px 1000px #191919 inset;
    transition: background-color 5000s ease-in-out 0s;
    color: #f2f2f2;
}

html.darktheme,
html.darktheme body,
html.darktheme div.wrapper-boxed,
html.darktheme div.site-wrapper {
    background-color: #0e1012 !important;
}

html.darktheme body,
html.darktheme .smk_accordion .accordion_in .acc_content,
html.darktheme a,
html.darktheme .navbar-default .navbar-nav > li > a,
html.darktheme .navbar-default .navbar-text,
html.darktheme .usefull-links li a,
html.darktheme .dropdown-menu > li > a,
html.darktheme h1,
html.darktheme h2,
html.darktheme h3,
html.darktheme h4,
html.darktheme h5,
html.darktheme h6,
html.darktheme .table-style-2 td,
html.darktheme th,
html.darktheme .smart-forms {
    color: #f2f2f2;
}

html.darktheme a {
    color: #f2f2f2;
}

html.darktheme a:focus,
html.darktheme a:hover {
    color: #b7b7b7;
}

html.darktheme input,
html.darktheme textarea,
html.darktheme select,
html.darktheme .smart-forms .select,
html.darktheme .smart-forms .gui-input,
html.darktheme .smart-forms .gui-textarea,
html.darktheme .smart-forms .select > select,
html.darktheme .smart-forms .select-multiple select {
    background-color: #191919;
    color: #f2f2f2;
}

html.darktheme .normaltext {
    color: #f2f2f2;
}

html.darktheme .smart-forms label {
    color: #000000;
}

html.darktheme .section-light,
html.darktheme #header {
    background-color: #2b2b2b !important;
}

html.darktheme .section-dark {
    background-color: #0e1012 !important;
}

html.darktheme .navbar-default .navbar-nav > li > a,
html.darktheme .navbar-default .navbar-text,
html.darktheme .usefull-links li a,
html.darktheme .dropdown-menu > li > a,
html.darktheme h1,
html.darktheme h2,
html.darktheme h3,
html.darktheme h4,
html.darktheme h5,
html.darktheme h6 {
    color: #f2f2f2;
}

html.darktheme .dropdown-menu {
    border: 1px solid #f2f2f2;
    background-color: #2b2b2b;
    color: #f2f2f2;
}

html.darktheme .table-style-2 td,
html.darktheme th {
    color: #f2f2f2;
}

html.darktheme .table-style-2 tr:nth-of-type(odd) {
    background: #1c1c1c;
}

html.darktheme .table-style-2 tr:nth-of-type(even) {
    background: #454545;
}

html.darktheme div.dropdown-toggle.user-icon {
    background-image: url('/images/benutzer_icon_darkmode.png');
}

html.darktheme .navbar-collapse.pull-right {
    background: none;
}

html.darktheme .ui-widget-content {
    background: #2b2b2b;
    color: #f2f2f2;
}

html.darktheme .ui-datepicker td span:hover, .ui-datepicker td a:hover {
    color: #454545;
}

html.darktheme .ui-autocomplete .ui-menu-item {
    background: none;
    border-bottom: 1px solid #000000;
    -webkit-box-shadow: inset 0 1px #000000, inset 0 0 0 1px rgb(0 0 0 / 50%);
}

html.darktheme .ui-autocomplete .ui-menu-item:hover {
    background: #202324;
}

html.darktheme .ui-state-active,
html.darktheme .ui-widget-content .ui-state-active,
html.darktheme .ui-widget-header .ui-state-active,
html.darktheme a.ui-button:active,
html.darktheme .ui-button:active,
html.darktheme .ui-button.ui-state-active:hover {
    border: none;
    background: none;
}

html.darktheme .ui-widget.ui-widget-content {
    border: 1px solid #000000;
}

html.darktheme .smart-forms .gui-input:focus,
html.darktheme .smart-forms .gui-textarea:focus,
html.darktheme .smart-forms .select > select:focus,
html.darktheme .smart-forms .select-multiple select:focus {
    background: #191919;
    color: #f2f2f2;
}

html.darktheme .smart-forms .state-success .gui-input,
html.darktheme .smart-forms .state-success .gui-textarea,
html.darktheme .smart-forms .state-success.select > select,
html.darktheme .smart-forms .state-success.select-multiple > select,
html.darktheme .smart-forms .state-success input:hover + .checkbox,
html.darktheme .smart-forms .state-success input:hover + .radio,
html.darktheme .smart-forms .state-success input:focus + .checkbox,
html.darktheme .smart-forms .state-success input:focus + .radio,
html.darktheme .smart-forms .state-success .checkbox,
html.darktheme .smart-forms .state-success .radio {
    background: #191919;
    border-color: #A5D491;
}

@media (prefers-color-scheme: dark) {
    ::-webkit-scrollbar {
        background-color: #202324;
        color: #aba499;
    }
    ::-webkit-scrollbar-corner {
        background-color: #181a1b;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #454a4d;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        -webkit-text-fill-color: #f2f2f2;
        -webkit-box-shadow: 0 0 0px 1000px #191919 inset;
        transition: background-color 5000s ease-in-out 0s;
        color: #f2f2f2;
    }

    html,
    body,
    div.wrapper-boxed,
    div.site-wrapper {
        background-color: #0e1012 !important;
    }

    body,
    .smk_accordion .accordion_in .acc_content,
    a,
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-text,
    .usefull-links li a,
    .dropdown-menu > li > a,
    h1, h2, h3, h4, h5, h6,
    .table-style-2 td, th,
    .smart-forms {
        color: #f2f2f2;
    }

    a {
        color: #f2f2f2;
    }

    a:focus, a:hover {
        color: #b7b7b7;
    }

    input,
    textarea,
    select,
    .smart-forms .select,
    .smart-forms .gui-input,
    .smart-forms .gui-textarea,
    .smart-forms .select > select,
    .smart-forms .select-multiple select {
        background-color: #191919;
        color: #f2f2f2;
    }

    .normaltext {
        color: #f2f2f2;
    }

    .smart-forms label {
        color: #000000;
    }

    .section-light,
    #header {
        background-color: #2b2b2b !important;
    }

    .section-dark {
        background-color: #0e1012 !important;
    }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-text,
    .usefull-links li a,
    .dropdown-menu > li > a,
    h1, h2, h3, h4, h5, h6 {
        color: #f2f2f2;
    }

    .dropdown-menu {
        border: 1px solid #f2f2f2;
        background-color: #2b2b2b;
        color: #f2f2f2;
    }

    .table-style-2 td, th {
        color: #f2f2f2;
    }

    .table-style-2 tr:nth-of-type(odd) {
        background: #1c1c1c;
    }

    .table-style-2 tr:nth-of-type(even) {
        background: #454545;
    }

    div.dropdown-toggle.user-icon {
        background-image: url('/images/benutzer_icon_darkmode.png');
    }

    .navbar-collapse.pull-right {
        background: none;
    }

    .ui-widget-content {
        background: #2b2b2b;
        color: #f2f2f2;
    }

    .ui-datepicker td span:hover, .ui-datepicker td a:hover {
        color: #454545;
    }

    .ui-autocomplete .ui-menu-item {
        background: none;
        border-bottom: 1px solid #000000;
        -webkit-box-shadow: inset 0 1px #000000, inset 0 0 0 1px rgb(0 0 0 / 50%);
    }

    .ui-autocomplete .ui-menu-item:hover {
        background: #202324;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: none;
        background: none;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #000000;
    }

    .smart-forms .gui-input:focus,
    .smart-forms .gui-textarea:focus,
    .smart-forms .select > select:focus,
    .smart-forms .select-multiple select:focus {
        background: #191919;
        color: #f2f2f2;
    }

    .smart-forms .state-success .gui-input,
    .smart-forms .state-success .gui-textarea,
    .smart-forms .state-success.select > select,
    .smart-forms .state-success.select-multiple > select,
    .smart-forms .state-success input:hover + .checkbox,
    .smart-forms .state-success input:hover + .radio,
    .smart-forms .state-success input:focus + .checkbox,
    .smart-forms .state-success input:focus + .radio,
    .smart-forms .state-success .checkbox,
    .smart-forms .state-success .radio {
        background: #191919;
        border-color: #A5D491;
    }
}