@media (prefers-color-scheme: dark) {

    :root {
        --default_bg_color: rgb(33 39 40);
        --black: #0f1211;
        --darkblue: rgb(0 30 49);
        --white_dark: #d7d7d7;
        --black_dark: var(--black);
        --black_dark_light: #212624;
        --blue: rgb(138 193 239);
        ---input_backgroundColor: var(--black);
        --blue: rgb(6 54 93);
        --red: rgb(102 1 1);
        --lightblue: rgb(63 73 82);
        --white-00: #ffffff;
        --main_tr_even: rgb(41 48 49);
        --main_tr_odd: rgb(30 38 39);
        --inner1_main_tr_even: rgb(41 48 49);
        --inner1_main_tr_odd: rgb(34 40 41);
        --inner_table_tr_bg: #192d2e;
        --td_border_color: rgb(255 255 255 / 11%);
        --table_border_color: rgb(255 255 255 / 11%);
        --loading_icon: url(../images/loadingwhite.gif);
        --black-normal: #d7d7d7;
    }

    table.wasl_now_tbl thead th {
        background-color: #15191a;
    }

    table.zh_bar_tbl thead tr th {
        background-color: #15191a;
    }

    table.roshtw_tbl thead th {
        background-color: rgb(28 41 39);
    }

    table.wasls_tbl thead th {
        background-color: rgb(28 41 39);
    }

    p.daynames {
        color: var(--white-00);
    }

    .top_functions button, .top_functions a {
        background-color: rgb(0 30 49);
        background-color: #2133cd;
        color: var(--white_dark);
    }

    table tbody tr:hover {
        background-color: #0a1c25 !important;
    }

    table.roshtw_tbl tbody tr:nth-child(odd) {
        background-color: var(--inner_table_tr_bg);
    }

    table.roshtw_tbl tbody tr:nth-child(even) {
        background-color: var(--inner_table_tr_bg);
        ;
    }

    table.roshtw_tbl tfoot tr, table.roshtw_tbl tfoot tr:hover {
        background-color: var(--inner_table_tr_bg) !important;
    }

    p.jf_ttle {
        background-color: var(--black_dark);
    }

    div.container_center_page {
        background-color: rgb(36 36 36);
        box-shadow: 0 11px 34px 0 rgb(0 0 0 / 51%);
    }

    table.zh_bar_tbl tfoot tr {
        background-color: rgb(27 23 62 / 21%) !important;
    }

    div.blocked_cos {
        background-color: #210e0e;
    }

    button.cos__btnmen {
        background-color: var(--black_dark_light);
    }

    p.jf_ttle:hover {
        background-color: var(--black_dark_light) !important;
    }

    p.rm_title, p.c__name {
        color: rgb(169 176 134);
    }

    p.nof_nora_ {

        color: var(--white_dark);
    }

    p.c__mobile a, .s_parts button, .s_parts a {
        background-color: var(--blue);
    }

    .td_tel a {
        background: transparent;
    }

    span.td_tel:hover {

        color: var(--white-00) !important;

    }

    .top_functions_3 {
        border-color: #535353;
    }

    div.js_filters {
        background: var(--lightblue);
    }

    div.popbox_titlebar {
        border-color: rgb(58 58 58);
        background-color: #353535;
    }

    a.forget_pass_login {
        background-color: var(--black) !important;
    }

    button.marina_btn, a.forget_pass_login, .top_functions_2 a, .top_functions_2 a, .cos_contains, .rm_div, div.s_barkraw_main_div form, div.s_barkrawlist_main_div form, div.s_pswla_main form, p.table_title {
        background-color: var(--black);
    }

    button.marina_btn:hover {
        background-color: var(--darkblue);
    }

    form.search_frm_1, form.search_frm_11, form.search_frm_2, form.search_frm_22 {
        background-color: transparent !important;
    }

    .search_submits, .search_submits:hover {
        background-color: var(--darkblue) !important;
        color: var(--white_dark) !important;
        background-image: url(../images/search_white.svg);
    }

    .search_submits:hover {
        color: var(--white-00) !important;
        background-color: var(--blue) !important;
    }

    button.new_wasl_dialog_full {
        box-shadow: 0px 0px 0px 1px #034b7a96;
        flex: 1 1 auto;
    }

    caption.table_title {
        background-color: transparent;
    }

    a.forget_pass_login, p.container_title, .loading_pop p, button.actmens, button.sub_actmens, button.print_btns, td, th, tr, td *, p.table_title, caption.table_title, .s_parts button, .s_parts a, p.sr_open_btns, div.cos_contains *, p.jf_ttle, table, th, td, tbody, tfoot, thead, p.counter_tbl_ttls, p.countr_pttl, div.ros_res_div p, div.ros_res_div span, span.clear_pdv, button.wsl_mpa_add, p.grm_addr, option, p.grm_addr span, p.grm_pmp_drname, p.rm_line1, p.rm_line2, span.rm_line3, label, p.popbox_title, p.popbox_title_notxhr, .popbox_title_content, span.zh_b_dates {
        color: var(--white_dark);
    }

    th {
        background: #18191d;
    }





    td.td_blue {
        background-color: rgb(34 73 117 / 40%);
    }

    td.td_red {
        background-color: rgb(148 77 88 / 40%);
    }

    td.td_green {
        background-color: rgb(29 84 29 / 40%);
    }

    td.td_purple {
        background-color: rgb(118 56 115 / 40%);
    }

    td.td_yellow {
        background-color: rgb(86 69 40 / 40%);
    }

    td.brown_td {
        background-color: rgb(143 113 8 / 61%);
    }


    table.counters_tbl thead th {
        background-color: #0f2324;

    }

    table.counters_tbl tbody tr:nth-child(odd) {
        background-color: rgb(25 45 46);
    }

    table.counters_tbl tbody tr:nth-child(even) {
        background-color: rgb(25 45 46);
    }


    table tr td.hover_scale:hover {
        transform: scale(1);
        background-color: transparent !important;
        color: var(--white-00) !important;
        font-size: 20px;
        transition: all .2s;
        font-weight: bold;
        z-index: 1;
    }

    table.roshtw_tbl th {
        background-color: rgb(66 66 66);
    }

    p.rm_title, p.c__name {
        color: rgb(255 255 255);
    }

    ._green_bg {
        background-color: #051f20 !important;
    }

    ._green_text {
        color: rgb(112 207 112) !important;
    }

    ._yellow_bg {
        background-color: rgb(28 22 4) !important;
    }

    ._blue_bg {
        background-color: rgb(5 25 39) !important;
    }

    ._blue_text {
        color: rgb(112 209 246) !important;
    }

    ._purple_bg {
        background-color: #1a081a !important;
    }

    ._purple_text {
        color: rgb(233 93 233) !important;
    }

    td.red_reminder_td {
        background-color: rgb(137 15 15 / 60%) !important;
    }

    td.yellow_reminder_td:hover, td.red_reminder_td:hover, td.green_reminder_td:hover {
        color: var(--white_dark) !important;
    }

    td.yellow_reminder_td {
        background-color: rgb(161 159 0 / 60%) !important;
    }

    td.green_reminder_td {
        background-color: rgb(19 150 42 / 60%) !important;
    }

    span.td_tel {
        background: #092259;
        font-weight: normal;
        font-family: npl;
    }



    table.wasls_tbl th {
        background-color: rgb(28 41 39);
    }

    span.td_tel a {
        font-size: 11.5pt;
        font-family: npl;
        top: auto;
    }

    button.actmens, button.sub_actmens {
        background-color: #0b2ca63d;
    }

    table tfoot.with_prntbtn tr:first-child {
        background-color: rgb(27 23 62 / 21%) !important;
    }

    button.print_btns {
        background-color: var(--black_dark);
    }

    .main_payment_methode_div {
        background-color: rgb(0 30 49);
        color: var(--white_dark);
    }

    a.logout_btn {
        filter: invert(1);
    }

    button.open_pm {
        background-color: rgb(0 14 22);
        color: var(--white_dark);
    }

    button.open_pm:hover:hover {
        background-color: rgba(0, 14, 22, 0.534);
    }

    div.ros_res_div:first-child {
        border: none !important;
    }

    div.ros_res_div, input.submits, span.clear_pdv, button.wsl_mpa_add:hover, input.submits:hover {
        background-color: black;
    }

    button.wsl_mpa_add:hover {
        color: var(--white_dark);
    }

    span.clear_pdv {
        border-color: var(--black_dark);
    }


    div.ros_res_div:nth-child(even) {
        background-color: #000e21;
    }

    button.wsl_mpa_add, input[type="time"], input[type="text"], input[type="email"], input[type="date"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea {
        background-color: var(--black_dark);
        border-color: rgb(72 72 72);
        color: var(--white_dark);
    }

    input:focus, select:focus, textarea:focus {
        border-color: #7e7e7e;
        background-color: rgb(28 28 28);
        box-shadow: 0 0 0 1px transparent;
        transition: border-color .2s;
    }

    button.mxr_p_all_btn {
        background-color: #0b2ca63d;
    }

    a.forget_pass_login:hover {
        color: var(--white-00) !important;
    }

    div.ifm1hour {
        background-image: url(../images/alarm_whitesvg.svg);
    }

    span.input_user_icon::after {
        background-image: url(../images/user_login_white.svg);
    }

    button.print_btns {
        background-image: url(../images/print_white.svg);
    }

    div.ifm1hour_close {
        background-image: url(../images/mixer_white_red.png);
    }

    span.closepopup, span.closepopup_notxhr, span.clear_input, button.close_wrdiag {
        background-image: url(../images/close_rounded_80_white.svg);
    }

    span.jf_ttlebg_sr, span.jf_ttlebg {
        background-image: url(../images/up_white.svg);
    }

    select {
        background-image: url(../images/down_white.png);
    }

    span.input_user_pass::after {
        background-image: url("../images/lock_white.svg");
    }

    div.rmndr_expired_draft div.rmlft * {
        color: #ff5151 !important;
    }



    input.senwdbtn {
        background-color: black !important;
    }

    input.deletebtns {
        background-color: var(--red);
    }

    div.popupbox, div.popupbox_notxhr {
        background-color: rgb(36 36 36);
        box-shadow: 0 11px 34px 0 rgb(0 0 0 / 51%);
    }

    .mpa_style_clicked {
        background-color: rgb(4 103 166) !important;
        color: var(--white_dark);
    }

    div.popupbox_main, div.popupbox_main_notxhr {
        background-color: rgb(0 0 0 / 30%);
    }

    .top_functions .sub_mensshow, div.c_men_open {
        background: rgb(3, 50, 82);
        background: linear-gradient(90deg, rgb(7 46 73 / 28%) 0%, var(--darkblue) 100%);
        box-shadow: -5px 12px 22px -15px #000c16;
    }



    input.wasl_add_m3 {
        background-color: #1c2100;
        color: var(--white_dark);
        border-color: rgb(90 112 0);
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px var(--black_dark) inset !important;
        -webkit-text-fill-color: var(--white_dark) !important;
    }

    input.draft_submit, input.update_btn {
        background-color: var(--darkblue);
    }

    div.ifm1hour_close_1 {
        animation-name: infinite_opacity;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        animation-duration: .7s;
        animation-direction: alternate;
    }

    @keyframes infinite_opacity {
        0% {
            opacity: .7;
        }

        100% {
            opacity: 1;
        }
    }

    tr.main_wsltr:last-child {
        padding-bottom: 2px !important;
    }

    div.cos_name_list {
        background-color: #1d1d1d !important;
    }

    div.main_nora {
        background-color: #000c16;
    }

    div.main_nora * {
        color: var(--white_dark);
    }

    button.del_nora_btn, button.del_nora_btnAll {
        background-color: #092259;
    }

    p.nora_mxdrn, p.cos_addr_nora {
        color: rgb(169 176 134);
    }

    div.wrdiag_content {
        background-color: #222222;
    }

    a.wrdg_btns {
        background-color: color(srgb 0.06 0.06 0.06);
        box-shadow: 0px 0px 2px -1px #272727;
    }

    label.print_wasl_chkdiaglbl {
        background: var(--blue);
        box-shadow: 0px 0px 2px -1px #141414;
    }

    a.wrdg_btnb {
        background-color: var(--red);
    }

    .block_style {
        background-color: var(--red) !important;
    }


    ._yellow_text {
        color: rgb(231 205 56) !important;
    }

    button.dtsh {
        background-color: #494949;
        color: var(--white-00);
    }

    button.dtsh_actve {
        background-color: var(--blue);
        color: var(--white-00);
    }

    div.tpslide button {
        color: var(--white_dark);
    }

    div.tpslide button.slbactive {
        color: #c7ae27;
    }

    button.zh_nora_btns_act, button.zh_nora_pump_btns_act {
        background-color: rgb(0 30 49);
    }

    div.pmx_fltera button.act_pmx_btn {
        background-color: rgb(161 52 193);
    }
}