@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);
    --blueline: #1a62a3eb;
    --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: rgb(113 60 8);
    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);
  }

  button.mpa_style_clicked,
  button.mpa_style_clicked:active {
    background-color: rgb(63 73 7) !important;
    color: var(--white-00);
  }

  p.nof_nora_ {
    color: var(--white_dark);
  }



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

  input.cos_name,
  input.cos_name_up,
  div.cus_addr_div input {
    background-color: #020f19 !important;
  }

  div.ros_res_div span {
    color: rgb(174 218 231 / 95%) !important;
  }

  .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 0.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 0.2s;
  }

  button.mxr_p_all_btn {
    background-color: rgb(116, 6, 150);
  }

  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: #46540a !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%);
  }



  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,
  input.wasl_add_m3_up {
    background-color: #1c2100;
    color: var(--white_dark);
  }

  input.submits {
    box-shadow: 0px 0px 0px 0.5px #575454;
  }

  input.submit_wasl_noti {
    /* background: #46540a !important; */
    /* background: linear-gradient(45deg, #01589f, rgb(10 136 89)) !important; */
    background-color: #576b04 !important;
  }




  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(--blue) !important;
  }

  input.senwdbtn {
    background-color: #576b04 !important;
  }

  input.submit_wasl_full_pr_save {
    background-color: var(--blue) !important;
  }
  input.deletebtns {
background-color: var(--red) !important;
  }

  input#mkaab_set,
  input#mkaab_set_up {
    background: #270b3f;
  }

  select.mpa_add_sel_up,
  select.mpa_add_sel {
    background: var(--darkblue);
  }

  div.ifm1hour_close_1 {
    animation-name: infinite_opacity;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    animation-duration: 0.7s;
    animation-direction: alternate;
  }

  @keyframes infinite_opacity {
    0% {
      opacity: 0.7;
    }

    100% {
      opacity: 1;
    }
  }

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

  div.cos_name_list,
  div.cos_name_list_up {
    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: var(--link-color);
    box-shadow: 0px 0px 2px -1px #272727;
  }

  a.wrdg_btna {
    background-image: url(../images/print_white.svg);
  }

  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;
  }

  div.main_filters_ {
    background: #15191a;
  }

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

  button.fl_btns {
    background-color: var(--blue);
    color: var(--white_dark);
  }

  button.fl_btns_active,
  button.to_d_f_btn_active {
    background-color: rgb(12 117 187);
    color: var(--white-00);
  }

  div.filter_diags div.popup_loader * {
    color: #e4e4e4;
  }

  div.top_d_f button {
    background: #3a3a3a;
  }

  button.ds_f_days_btns {
    background-color: #000f1b;
  }

  button.ds_f_days_btns_active {
    background-color: var(--link-color);
  }

  input.query_from.actr {
    background-color: var(--black-00);
  }

  button.to_d_f_btn_active {
    background-color: #636465 !important;
  }

  div.f_cos_res button:nth-child(even) {
    background-color: #0b0b0b;
  }

  div.f_cos_res button {
    background-color: #161616e8;
  }

  div.pmx_fltera button.act_pmx_btn {
    background-color: rgb(116, 6, 150);
  }

  button.if_pincosbtn_st {
    background-color: rgb(74 21 30);
  }

  button.pincosbtn {
    background-color: black;
  }

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

  div.stst_print_settings {
    background: rgb(229 229 229);
  }

  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.impmpas {
    box-shadow: 0px 0px 0px 2px #4483c2;
  }
}